Home / File/ SourceMapIgnoreListPlugin.js — react Source File

SourceMapIgnoreListPlugin.js — react Source File

Architecture documentation for SourceMapIgnoreListPlugin.js, a javascript file in the react codebase.

Entity Profile

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * The implementation of this plugin is based on similar webpack plugin in Angular CLI
 * https://github.com/angular/angular-cli/blob/16d8c552e99bfe65ded9e843e917dbb95eb8ec01/packages/angular_devkit/build_angular/src/tools/webpack/plugins/devtools-ignore-plugin.ts
 * and devtools-ignore-webpack-plugin
 * https://github.com/mondaychen/devtools-ignore-webpack-plugin/blob/d15274e4d2fdb74f73aa644f14773a5523823999/src/index.ts
 * which both are licensed under MIT
 */

const {Compilation} = require('webpack');

const IGNORE_LIST = 'ignoreList';
const PLUGIN_NAME = 'source-map-ignore-list-plugin';

class SourceMapIgnoreListPlugin {
  constructor({shouldIgnoreSource}) {
    this.shouldIgnoreSource = shouldIgnoreSource;
  }

  apply(compiler) {
    const {RawSource} = compiler.webpack.sources;

    compiler.hooks.compilation.tap(PLUGIN_NAME, compilation => {
      compilation.hooks.processAssets.tap(
        {
          name: PLUGIN_NAME,
          stage: Compilation.PROCESS_ASSETS_STAGE_DEV_TOOLING,
          additionalAssets: true,
        },
        assets => {
          // eslint-disable-next-line no-for-of-loops/no-for-of-loops
          for (const [name, asset] of Object.entries(assets)) {
            if (!name.endsWith('.map')) {
              continue;
            }

            const mapContent = asset.source().toString();
            if (!mapContent) {
              continue;
            }

            const map = JSON.parse(mapContent);
            const ignoreList = [];

            const sourcesCount = map.sources.length;
            for (
              let potentialSourceIndex = 0;
              potentialSourceIndex < sourcesCount;
              ++potentialSourceIndex
            ) {
              const source = map.sources[potentialSourceIndex];

              if (this.shouldIgnoreSource(name, source)) {
                ignoreList.push(potentialSourceIndex);
              }
            }

            map[IGNORE_LIST] = ignoreList;
            compilation.updateAsset(name, new RawSource(JSON.stringify(map)));
          }
        },
      );
    });
  }
}

module.exports = SourceMapIgnoreListPlugin;

Domain

Subdomains

Frequently Asked Questions

What does SourceMapIgnoreListPlugin.js do?
SourceMapIgnoreListPlugin.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
Where is SourceMapIgnoreListPlugin.js in the architecture?
SourceMapIgnoreListPlugin.js is located at packages/react-devtools-shared/SourceMapIgnoreListPlugin.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shared).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free