packages/react-devtools-shared/SourceMapIgnoreListPlugin.js - main - ashipov/react

packages/react-devtools-shared/SourceMapIgnoreListPlugin.js

73 строки2 KB

Ruslan Lesiutin

feat[devtools]: ship source maps for content scripts and ignore list installHook script (#28730)

08 апр 2024, 20:10

08 апр 2024, 20:106de7733

/**
 * 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;