package-build-stats 7.3.8 → 8.0.0-beta.3

package/src/config/makeWebpackConfig.ts

@@ -1,251 +0,0 @@
-import autoprefixer from 'autoprefixer'
-import TerserPlugin from 'terser-webpack-plugin'
-import MiniCssExtractPlugin from 'mini-css-extract-plugin'
-import CssoWebpackPlugin from 'csso-webpack-plugin'
-import WriteFilePlugin from 'write-file-webpack-plugin'
-
-const log = require('debug')('bp:webpack')
-import escapeRegex from 'escape-string-regexp'
-import builtinModules from 'builtin-modules'
-import webpack, { Entry } from 'webpack'
-import { ESBuildMinifyPlugin } from 'esbuild-loader'
-// @ts-ignore
-import VueLoaderPlugin from 'vue-loader/lib/plugin'
-
-import { Externals } from '../common.types'
-
-type MakeWebpackConfigOptions = {
-  packageName: string
-  externals: Externals
-  debug?: boolean
-  entry: string | string[] | Entry
-  minifier: 'esbuild' | 'terser'
-}
-
-type NodeBuiltIn = {
-  [key: string]: boolean | 'empty'
-}
-
-export default function makeWebpackConfig({
-  packageName,
-  entry,
-  externals,
-  debug,
-  minifier,
-}: MakeWebpackConfigOptions): webpack.Configuration {
-  const externalsRegex = makeExternalsRegex(externals.externalPackages)
-  const isExternalRequest = (request: string) => {
-    const isPeerDep = externals.externalPackages.length
-      ? externalsRegex.test(request)
-      : false
-    const isBuiltIn = externals.externalBuiltIns.includes(request)
-    return isPeerDep || isBuiltIn
-  }
-
-  log('external packages %o', externalsRegex)
-
-  const builtInNode: NodeBuiltIn = {}
-  builtinModules.forEach(mod => {
-    builtInNode[mod] = 'empty'
-  })
-
-  builtInNode['setImmediate'] = false
-  builtInNode['console'] = false
-  builtInNode['process'] = false
-  builtInNode['Buffer'] = false
-
-  // Don't mark an import as built in if it is the name of the package itself
-  // eg. `events`
-  if (builtInNode[packageName]) {
-    builtInNode[packageName] = false
-  }
-
-  // @ts-ignore
-  // @ts-ignore
-  // @ts-ignore
-  return {
-    entry: entry,
-    mode: 'production',
-    // bail: true,
-    optimization: {
-      namedChunks: true,
-      runtimeChunk: { name: 'runtime' },
-      minimize: true,
-      splitChunks: {
-        cacheGroups: {
-          styles: {
-            name: 'main',
-            test: /\.css$/,
-            chunks: 'all',
-            enforce: true,
-          },
-        },
-      },
-      // @ts-ignore: Appears that the library CssoWebpackPlugin might have incorrect definitions
-      minimizer: [
-        ...(minifier === 'terser'
-          ? [
-              new TerserPlugin({
-                parallel: true,
-                terserOptions: {
-                  ie8: false,
-                  output: {
-                    comments: false,
-                  },
-                },
-              }),
-            ]
-          : [
-              new ESBuildMinifyPlugin({
-                target: 'esnext',
-              }),
-            ]),
-        new CssoWebpackPlugin({ restructure: false }),
-      ],
-    },
-    plugins: [
-      new webpack.IgnorePlugin(/^electron$/),
-      new VueLoaderPlugin(),
-      new MiniCssExtractPlugin({
-        // Options similar to the same options in webpackOptions.output
-        // both options are optional
-        filename: '[name].bundle.css',
-        chunkFilename: '[id].bundle.css',
-      }),
-      ...(debug ? [new WriteFilePlugin()] : []),
-    ],
-    resolve: {
-      modules: ['node_modules'],
-      cacheWithContext: false,
-      extensions: [
-        '.web.mjs',
-        '.mjs',
-        '.web.js',
-        '.js',
-        '.mjs',
-        '.json',
-        '.css',
-        '.sass',
-        '.scss',
-      ],
-      mainFields: ['browser', 'module', 'main', 'style'],
-    },
-    module: {
-      rules: [
-        {
-          test: /\.css$/,
-          use: [MiniCssExtractPlugin.loader, require.resolve('css-loader')],
-        },
-        // see https://github.com/apollographql/react-apollo/issues/1737
-        {
-          type: 'javascript/auto',
-          test: /\.mjs$/,
-          use: [],
-        },
-        {
-          test: /\.js$/,
-          loader: [
-            // support CLI tools that start with a #!/usr/bin/node
-            require.resolve('shebang-loader'),
-            // ESBuild Minifier doesn't auto-remove license comments from code
-            // So, we break ESBuild's heuristic for license comments match. See github.com/privatenumber/esbuild-loader/issues/87
-            {
-              loader: require.resolve('string-replace-loader'),
-              options: {
-                multiple: [
-                  { search: '@license', replace: '@silence' },
-                  { search: /\/\/!/g, replace: '//' },
-                  { search: /\/\*!/g, replace: '/*' },
-                ],
-              },
-            },
-          ],
-        },
-
-        {
-          test: /\.(html|svelte)$/,
-          use: {
-            loader: require.resolve('svelte-loader'),
-            options: {
-              emitCss: true,
-            },
-          },
-        },
-        {
-          test: /\.vue$/,
-          loader: require.resolve('vue-loader'),
-        },
-        {
-          test: /\.(scss|sass)$/,
-          loader: [
-            MiniCssExtractPlugin.loader,
-            require.resolve('css-loader'),
-            {
-              loader: require.resolve('postcss-loader'),
-              options: {
-                plugins: () => [autoprefixer()],
-              },
-            },
-            require.resolve('sass-loader'),
-          ],
-        },
-        {
-          test: /\.less$/,
-          loader: [
-            MiniCssExtractPlugin.loader,
-            require.resolve('css-loader'),
-            {
-              loader: require.resolve('postcss-loader'),
-              options: {
-                plugins: () => [
-                  autoprefixer({
-                    browsers: [
-                      'last 5 Chrome versions',
-                      'last 5 Firefox versions',
-                      'Safari >= 8',
-                      'Explorer >= 10',
-                      'edge >= 12',
-                    ],
-                  }),
-                ],
-              },
-            },
-            {
-              loader: require.resolve('less-loader'),
-              options: {
-                webpackImporter: true,
-              },
-            },
-          ],
-        },
-        {
-          test: /\.(woff|woff2|eot|ttf|svg|png|jpeg|jpg|gif|webp)$/,
-          loader: require.resolve('file-loader'),
-          options: {
-            name: '[name].bundle.[ext]',
-            emitFile: true,
-          },
-        },
-      ],
-    },
-    node: builtInNode,
-    output: {
-      filename: 'bundle.js',
-      pathinfo: false,
-    },
-    externals: (context, request, callback) =>
-      isExternalRequest(request)
-        ? callback(null, 'commonjs ' + request)
-        : callback(),
-  }
-}
-
-function makeExternalsRegex(externals: string[]) {
-  let externalsRegex = externals
-    .map(dep => `^${escapeRegex(dep)}$|^${escapeRegex(dep)}\\/`)
-    .join('|')
-
-  externalsRegex = `(${externalsRegex})`
-
-  return new RegExp(externalsRegex)
-}

package/src/getDependencySizeTree.ts

@@ -1,266 +0,0 @@
-import webpack from 'webpack'
-import path from 'path'
-import Terser from 'terser'
-import * as esbuild from 'esbuild'
-import { MinifyError } from './errors/CustomError'
-import Telemetry from './utils/telemetry.utils'
-import { performance } from 'perf_hooks'
-
-/**
- * A fork of `webpack-bundle-size-analyzer`.
- * https://github.com/robertknight/webpack-bundle-size-analyzer
- */
-
-function modulePath(identifier: string) {
-  // the format of module paths is
-  //   '(<loader expression>!)?/path/to/module.js'
-  let loaderRegex = /.*!/
-  return identifier.replace(loaderRegex, '')
-}
-
-function getByteLen(normal_val: string) {
-  // Force string type
-  normal_val = String(normal_val)
-
-  let byteLen = 0
-  for (let i = 0; i < normal_val.length; i++) {
-    const c = normal_val.charCodeAt(i)
-    byteLen +=
-      c < 1 << 7
-        ? 1
-        : c < 1 << 11
-        ? 2
-        : c < 1 << 16
-        ? 3
-        : c < 1 << 21
-        ? 4
-        : c < 1 << 26
-        ? 5
-        : c < 1 << 31
-        ? 6
-        : Number.NaN
-  }
-  return byteLen
-}
-
-async function minifyDependencyCode(
-  source: string,
-  minifier: 'terser' | 'esbuild' = 'terser'
-) {
-  if (minifier === 'terser') {
-    return Terser.minify(source, {
-      mangle: false,
-      compress: {
-        arrows: true,
-        booleans: true,
-        collapse_vars: true,
-        comparisons: true,
-        conditionals: true,
-        dead_code: true,
-        drop_console: false,
-        drop_debugger: true,
-        ecma: 5,
-        evaluate: true,
-        expression: false,
-        global_defs: {},
-        hoist_vars: false,
-        ie8: false,
-        if_return: true,
-        inline: true,
-        join_vars: true,
-        keep_fargs: true,
-        keep_fnames: false,
-        keep_infinity: false,
-        loops: true,
-        negate_iife: true,
-        passes: 1,
-        properties: true,
-        pure_getters: 'strict',
-        reduce_vars: true,
-        sequences: true,
-        side_effects: true,
-        switches: true,
-        top_retain: null,
-        toplevel: false,
-        typeofs: true,
-        unsafe: false,
-        unused: true,
-      },
-      output: {
-        comments: false,
-      },
-    })
-  } else {
-    return esbuild.transform(
-      // ESBuild Minifier doesn't auto-remove license comments from code
-      // So, we break ESBuild's heuristic for license comments match. See github.com/privatenumber/esbuild-loader/issues/87
-      source
-        .replace(/@license/g, '@silence')
-        .replace(/\/\/!/g, '//')
-        .replace(/\/\*!/g, '//'),
-      { minify: true }
-    )
-  }
-}
-
-type MakeModule = {
-  path: string
-  sources: string[]
-  source: string
-}
-
-type StatsChild = {
-  path: string
-  packageName: string
-  sources: string[]
-  children: StatsChild[]
-}
-
-type StatsTree = {
-  packageName: string
-  sources: string[]
-  children: StatsChild[]
-}
-
-async function bundleSizeTree(
-  packageName: string,
-  stats: webpack.Stats.ToJsonOutput,
-  minifier: 'terser' | 'esbuild'
-) {
-  let startTime = performance.now()
-  let statsTree: StatsTree = {
-    packageName: '<root>',
-    sources: [],
-    children: [],
-  }
-
-  if (!stats.modules) return []
-
-  // extract source path for each module
-  let modules: MakeModule[] = []
-  const makeModule = (mod: webpack.Stats.FnModules): MakeModule => {
-    // Uglifier cannot minify a json file, hence we need
-    // to make it valid javascript syntax
-    const isJSON = mod.identifier.endsWith('.json')
-    const source = isJSON ? `$a$=${mod.source}` : mod.source
-
-    return {
-      path: modulePath(mod.identifier),
-      sources: [source || ''],
-      source: source || '',
-    }
-  }
-
-  stats.modules
-    .filter(mod => !mod.name.startsWith('external'))
-    .forEach(mod => {
-      if (mod.modules) {
-        mod.modules.forEach(subMod => {
-          modules.push(makeModule(subMod))
-        })
-      } else {
-        modules.push(makeModule(mod))
-      }
-    })
-
-  modules.sort((a, b) => {
-    if (a === b) {
-      return 0
-    } else {
-      return a < b ? -1 : 1
-    }
-  })
-
-  modules.forEach(mod => {
-    // pnpm will serve packages from a global symlink (.pnpm/package@verison/node_modules/package)
-    // needs to be stripped off
-    const pnpmPrefix =
-      '.pnpm\\' + path.sep + '.+\\' + path.sep + 'node_modules\\' + path.sep
-    let packages = mod.path.split(
-      new RegExp(
-        '\\' + path.sep + 'node_modules\\' + path.sep + `(?:${pnpmPrefix})?`
-      )
-    )
-
-    if (packages.length > 1) {
-      let lastSegment = packages.pop()
-
-      if (!lastSegment) return
-
-      let lastPackageName
-      if (lastSegment[0] === '@') {
-        // package is a scoped package
-        let offset = lastSegment.indexOf(path.sep) + 1
-        lastPackageName = lastSegment.slice(
-          0,
-          offset + lastSegment.slice(offset).indexOf(path.sep)
-        )
-      } else {
-        lastPackageName = lastSegment.slice(0, lastSegment.indexOf(path.sep))
-      }
-      packages.push(lastPackageName)
-    }
-    packages.shift()
-
-    let parent = statsTree
-    packages.forEach(pkg => {
-      let existing = parent.children.filter(child => child.packageName === pkg)
-      if (existing.length > 0) {
-        existing[0].sources.push(mod.source)
-        parent = existing[0]
-      } else {
-        let newChild = {
-          path: mod.path,
-          packageName: pkg,
-          sources: [mod.source],
-          children: [],
-        }
-        parent.children.push(newChild)
-        parent = newChild
-      }
-    })
-  })
-
-  const resultPromises = statsTree.children
-    .map(treeItem => ({
-      ...treeItem,
-      sources: treeItem.sources.filter(source => !!source),
-    }))
-    .filter(treeItem => treeItem.sources.length)
-    .map(async treeItem => {
-      const sourceMinifiedPromises = treeItem.sources.map(async code => {
-        const start = Date.now()
-        const minified = await minifyDependencyCode(code, minifier)
-        return minified
-      })
-
-      try {
-        const sources = await Promise.all(sourceMinifiedPromises)
-        const size = sources.reduce((acc, source) => {
-          return acc + getByteLen(source.code || '')
-        }, 0)
-
-        return {
-          name: treeItem.packageName,
-          approximateSize: size,
-        }
-      } catch (error) {
-        const { message, filename } = error
-        throw new MinifyError(error, {
-          message: message,
-          filePath: filename,
-        })
-      }
-    })
-
-  try {
-    const results = await Promise.all(resultPromises)
-    Telemetry.dependencySizes(packageName, startTime, true, { minifier })
-    return results
-  } catch (e) {
-    Telemetry.dependencySizes(packageName, startTime, false, { minifier }, e)
-    throw e
-  }
-}
-
-export default bundleSizeTree