package-build-stats 8.0.0-beta.6 → 8.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Shubham Kanodia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,80 @@
+<img src="https://img.shields.io/npm/v/package-build-stats.svg" /> <img src="https://img.shields.io/npm/l/package-build-stats.svg" /> <img src="https://img.shields.io/github/workflow/status/pastelsky/package-build-stats/CI/master"/>
+
+This is the function that powers the core of building, minifying and gzipping of packages in bundlephobia.
+
+## Usage
+
+```js
+const { getPackageStats } = require('package-build-stats')
+```
+
+#### Building packages from npm
+
+##### Building the latest stable version
+
+```js
+const results = await getPackageStats('moment')
+```
+
+##### Building a specific version / tag
+
+```js
+const results = await getPackageStats('moment@2.24.0')
+```
+
+##### Building local packages (beta)
+
+```js
+const results = await getPackageStats('~/dev/my-npm-package') // must have a package.json
+```
+
+##### Using different package managers
+
+```js
+// Use Bun for 13x faster installs!
+const results = await getPackageStats('lodash', { client: 'bun' })
+
+// Or use pnpm
+const results = await getPackageStats('lodash', { client: 'pnpm' })
+
+// Or use yarn
+const results = await getPackageStats('lodash', { client: 'yarn' })
+```
+
+#### Passing options to the build
+
+```js
+const results = await getBuiltPackageStats('moment', options)
+```
+
+##### Options
+
+| Option             | Values                          | Default  | Description                                                                                                                                                     |
+| ------------------ | ------------------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| client             | `npm`, `yarn`, `pnpm`, or `bun` | `npm`    | Which client to use to install package for building. **Bun is 13x faster!**                                                                                     |
+| limitConcurrency   | `true` or `false`               | `false`  | When using `yarn` as the client, use the network mutex to limit concurrency                                                                                     |
+| networkConcurrency | `number`                        | `false`  | When using `yarn` or `bun` as client, limit simultaneous installs to this number.                                                                               |
+| customImports      | `Array<string>`                 | `null`   | By default, the default export is used for calculating sizes. Setting this option allows calculation of package stats based on more granular top-level exports. |
+| minifier           | `terser` or `esbuild`           | `terser` | ESbuild is faster, albeit with marginally larger file sizes                                                                                                     |
+| installTimeout     | number (ms)                     | 30000    | Timeout for package install                                                                                                                                     |
+
+## Listening to events
+
+`package-build-stats` emits various lifecycle events when building a package.
+You can listen to these events by subscribing to the event emitter (based on [mitt](https://github.com/developit/mitt)).
+
+```js
+import { eventQueue } from 'package-build-stats'
+
+// Listen to all events
+eventQueue.on('*', callback)
+
+// Listen to specific events
+eventQueue.on('TASK_PACKAGE_BUILD', callback)
+```
+
+For a list of all events, see [this](src/utils/telemetry.utils.ts).
+
+## Contributing
+
+See [contributing guide.](CONTRIBUTING.md)

package/bin/cli.js

@@ -0,0 +1,5 @@
+require('esbuild-register/dist/node').register({
+  target: 'es2020',
+})
+
+require('./cli.ts')

package/package.json

@@ -1,104 +1,116 @@
 {
   "name": "package-build-stats",
-  "version": "8.0.0-beta.6",
+  "version": "8.0.1",
   "author": "Shubham Kanodia <shubham.kanodia10@gmail.com>",
   "repository": "https://github.com/pastelsky/package-build-stats",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
   "license": "MIT",
+  "engines": {
+    "node": ">=20.0.0",
+    "npm": ">=10.0.0"
+  },
   "files": [
     "build",
-    ".parcelrc",
     "src"
   ],
   "main": "build/index.js",
   "scripts": {
     "start": "ts-node --files index.js",
-    "dev": "ts-node-dev --trace-warnings --ignore-watch ./tmp --transpile-only --files src/index.ts",
+    "dev": "DEBUG=bp* ts-node-dev --files index.js",
     "dev:perf": "DEBUG=bp-telemetry* ts-node-dev --files index.js",
-    "build": "tsc --build --listEmittedFiles && cp -r src/fixed build/fixed",
-    "build:watch": "tsc --build --watch",
-    "prepublish": "yarn build"
+    "build": "tsc",
+    "type-check": "tsc --noEmit",
+    "lint": "oxlint src tests",
+    "lint:fix": "oxlint src tests --fix",
+    "format": "prettier --write '**/*.{html,js,ts,json,css,scss,jsx,flow,md,yml,yaml}'",
+    "format:check": "prettier --check '**/*.{html,js,ts,json,css,scss,jsx,flow,md,yml,yaml}'",
+    "check": "yarn type-check && yarn lint && yarn format:check",
+    "test": "vitest run tests/fast",
+    "test:all": "vitest run tests",
+    "test:slow": "vitest run tests/slow",
+    "test:watch": "vitest tests/fast",
+    "test:coverage": "vitest run --coverage tests/fast",
+    "test:ci": "yarn check && yarn test && yarn test:coverage",
+    "compare": "tsx scripts/index.ts",
+    "compare:list": "tsx scripts/index.ts list",
+    "compare:test": "tsx scripts/index.ts test",
+    "compare:top": "tsx scripts/index.ts top",
+    "compare:advanced": "tsx scripts/index.ts compare",
+    "prepublish": "rm -rf build && yarn check && tsc && yarn format"
   },
   "prettier": {
     "semi": false,
     "singleQuote": true,
     "arrowParens": "avoid"
   },
+  "bin": {
+    "package-stats": "./bin/cli.js"
+  },
   "devDependencies": {
-    "@types/autoprefixer": "9.7.2",
-    "@types/babel__code-frame": "^7",
-    "@types/babel__traverse": "^7.14.2",
-    "@types/enhanced-resolve": "^3.0.7",
-    "@types/find-cache-dir": "^3",
-    "@types/lodash": "^4.14.179",
-    "@types/memoizee": "^0.4.7",
-    "@types/mini-css-extract-plugin": "^2.5.1",
-    "@types/node": "^14.18.12",
-    "@types/node-gzip": "^1",
-    "@types/rimraf": "^3.0.2",
+    "@rsdoctor/rspack-plugin": "^1.3.8",
+    "@types/autoprefixer": "^9.7.2",
+    "@types/debug": "^4.1.12",
+    "@types/escape-string-regexp": "^2.0.3",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^24.9.2",
+    "@types/pify": "^6.1.0",
+    "@types/rimraf": "^4.0.5",
+    "@types/sanitize-filename": "^1.6.3",
     "@types/semver": "^7",
-    "@types/shortid": "^0.0.29",
-    "@types/stats-lite": "^2.2.0",
-    "@types/terser-webpack-plugin": "^5.0.4",
-    "@types/webpack": "^5.28.0",
-    "@types/write-file-webpack-plugin": "^4.5.2",
-    "prettier": "^2.5.1",
-    "pretty-quick": "^3.1.3",
-    "ts-node": "^10.4.0",
-    "ts-node-dev": "^1.1.8",
-    "typescript": "^4.5.5"
+    "@types/yargs": "^17.0.34",
+    "@vitest/coverage-v8": "^4.0.6",
+    "@vitest/ui": "4.0.6",
+    "dotenv": "^17.2.3",
+    "husky": "^9.1.7",
+    "oxlint": "^1.25.0",
+    "p-series": "^2.1.0",
+    "prettier": "^3.6.2",
+    "pretty-quick": "^4.0.0",
+    "semver": "^7.7.3",
+    "ts-node": "^10.9.2",
+    "ts-node-dev": "^2.0.0",
+    "typescript": "^5.9.3",
+    "vitest": "4.0.6"
   },
   "dependencies": {
-    "@babel/code-frame": "^7.16.7",
-    "@babel/core": "^7.17.5",
-    "@babel/parser": "^7.17.3",
-    "@babel/traverse": "^7.17.3",
-    "@babel/types": "^7.17.0",
-    "@parcel/config-default": "^2.4.1",
-    "@parcel/core": "^2.4.1",
-    "@parcel/diagnostic": "^2.4.1",
-    "@parcel/fs": "^2.4.1",
-    "@parcel/node-resolver-core": "^2.4.1",
-    "@parcel/optimizer-cssnano": "^2.4.1",
-    "@parcel/optimizer-data-url": "^2.4.1",
-    "@parcel/optimizer-htmlnano": "^2.4.1",
-    "@parcel/optimizer-swc": "^2.4.1",
-    "@parcel/plugin": "^2.4.1",
-    "@parcel/reporter-bundle-analyzer": "^2.4.1",
-    "@parcel/reporter-json": "^2.4.1",
-    "@parcel/reporter-sourcemap-visualiser": "^2.4.1",
-    "@parcel/runtime-js": "^2.4.1",
-    "@parcel/source-map": "^2.0.2",
-    "@parcel/transformer-js": "^2.4.1",
-    "@parcel/transformer-less": "^2.4.1",
-    "@parcel/transformer-raw": "^2.4.1",
-    "@parcel/transformer-sass": "^2.4.1",
-    "@parcel/transformer-vue": "^2.4.1",
-    "@parcel/types": "^2.4.1",
-    "@parcel/utils": "^2.4.1",
-    "builtin-modules": "^3.2.0",
-    "debug": "^4.3.3",
-    "enhanced-resolve": "^5.9.1",
+    "@babel/core": "^7.28.5",
+    "@rspack/core": "^1.6.0",
+    "@swc/core": "^1.14.0",
+    "autoprefixer": "^9.7.6",
+    "css-loader": "^7.1.0",
+    "debug": "^4.4.3",
+    "esbuild": "^0.25.12",
+    "esbuild-register": "^3.6.0",
+    "escape-string-regexp": "^5.0.0",
     "fast-safe-stringify": "^2.1.1",
-    "find-cache-dir": "^3.3.2",
+    "firebase-admin": "^13.6.0",
     "is-valid-npm-name": "^0.0.5",
+    "less": "^4.4.2",
+    "less-loader": "^12.2.0",
     "lodash": "^4.17.21",
-    "memoizee": "^0.4.15",
-    "mitt": "^2.1.0",
-    "node-gzip": "^1.1.2",
-    "p-all": "3",
-    "parcel-reporter-package-build-stats": "^1.0.0",
-    "parcel-resolver-package-build-stats": "^1.0.0",
-    "performance-now": "^2.1.0",
-    "rimraf": "^3.0.2",
+    "mitt": "^3.0.1",
+    "node-fetch": "^2.7.0",
+    "np": "^10.0.5",
+    "oxc-parser": "^0.96.0",
+    "oxc-resolver": "^11.13.0",
+    "oxc-walker": "^0.5.2",
+    "pify": "^6.1.0",
+    "postcss": "^8.4.0",
+    "postcss-loader": "^8.1.0",
+    "rimraf": "^6.1.0",
     "sanitize-filename": "^1.6.3",
-    "semver": "^7.3.5",
-    "shortid": "^2.2.16",
-    "stats-lite": "^2.2.0",
-    "vm2": "^3.9.5"
+    "sass": "^1.69.0",
+    "sass-loader": "^14.0.0",
+    "svelte": "^4.0.0",
+    "svelte-loader": "^3.1.0",
+    "terser": "^5.44.0",
+    "yargs": "^18.0.0"
   },
-  "packageManager": "yarn@3.1.0",
-  "stableVersion": "7.3.6"
-}
+  "packageManager": "yarn@4.10.3",
+  "resolutions": {
+    "semver": "^7.7.3",
+    "node-gyp": "^12.1.0"
+  }
+}

package/src/common.types.ts

@@ -1,13 +1,13 @@
-export type Minifier = 'esbuild' | 'terser'
+type PackageManager = 'npm' | 'yarn' | 'pnpm' | 'bun'
 
-export type AllOptions = {
+type AllOptions = {
   customImports?: Array<string>
   splitCustomImports?: boolean
   debug?: boolean
-  calcParse?: boolean
+  minify?: boolean
   esm?: boolean
   entryFilename?: string
-  client?: 'npm' | 'yarn'
+  client?: PackageManager | PackageManager[]
   limitConcurrency?: boolean
   networkConcurrency?: number
   additionalPackages?: Array<string>
@@ -17,17 +17,15 @@ export type AllOptions = {
 
 export type BuildPackageOptions = Pick<
   AllOptions,
-  'customImports' | 'splitCustomImports' | 'debug' | 'calcParse'
+  'customImports' | 'splitCustomImports' | 'debug' | 'minify'
 > & {
   includeDependencySizes: boolean
-  minifier: Minifier
 }
 
 export type CreateEntryPointOptions = Pick<
   AllOptions,
   'esm' | 'customImports' | 'entryFilename'
 >
-
 export type InstallPackageOptions = Pick<
   AllOptions,
   | 'client'
@@ -36,6 +34,7 @@ export type InstallPackageOptions = Pick<
   | 'additionalPackages'
   | 'isLocal'
   | 'installTimeout'
+  | 'debug'
 >
 
 export type GetPackageStatsOptions = Pick<
@@ -46,9 +45,8 @@ export type GetPackageStatsOptions = Pick<
   | 'debug'
   | 'customImports'
   | 'installTimeout'
-> & {
-  minifier?: Minifier
-}
+  | 'minify'
+>
 
 export type Externals = {
   externalPackages: Array<string>

package/src/config/{index.ts → config.ts}

@@ -4,5 +4,4 @@ import path from 'path'
 
 export default {
   tmp: path.join('/tmp', 'tmp-build'),
-  compileConcurrency: 2,
 }

package/src/config/makeRspackConfig.ts

@@ -0,0 +1,188 @@
+import autoprefixer from 'autoprefixer'
+
+import escapeRegex from 'escape-string-regexp'
+import type { Entry, Configuration } from '@rspack/core'
+import rspack from '@rspack/core'
+
+import { Externals } from '../common.types'
+
+type MakeRspackConfigOptions = {
+  packageName: string
+  externals: Externals
+  debug?: boolean
+  minify?: boolean
+  entry: Entry
+}
+
+export default function makeRspackConfig({
+  packageName: _packageName,
+  entry,
+  externals,
+  debug: _debug,
+  minify = true,
+}: MakeRspackConfigOptions): 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
+  }
+
+  const configuration: Configuration = {
+    entry: entry,
+    mode: 'production',
+    devtool: _debug ? 'source-map' : false,
+    optimization: {
+      runtimeChunk: { name: 'runtime' },
+      realContentHash: false,
+      minimize: minify,
+      // Rspack automatically uses its built-in default minifiers:
+      // - SwcJsMinimizerRspackPlugin for JS (SWC-based, very fast)
+      // - LightningCssMinimizerRspackPlugin for CSS (Lightning CSS-based)
+      // See: https://rspack.rs/guide/optimization/production
+      splitChunks: {
+        cacheGroups: {
+          styles: {
+            name: 'main',
+            test: /\.css$/,
+            chunks: 'all',
+          },
+        },
+      },
+    },
+    stats: {
+      source: true,
+      modules: true,
+      nestedModules: true,
+      reasons: true,
+      depth: true,
+      chunkModules: true,
+    },
+    resolve: {
+      modules: ['node_modules'],
+      extensions: [
+        '.web.mjs',
+        '.mjs',
+        '.web.js',
+        '.js',
+        '.mjs',
+        '.json',
+        '.css',
+        '.sass',
+        '.scss',
+      ],
+      mainFields: ['browser', 'module', 'main', 'style'],
+    },
+    module: {
+      rules: [
+        {
+          type: 'javascript/auto',
+          test: /\.mjs$/,
+          use: [],
+        },
+        {
+          test: /\.css$/,
+          type: 'javascript/auto',
+          use: [
+            rspack.CssExtractRspackPlugin.loader,
+            require.resolve('css-loader'),
+          ],
+        },
+        {
+          test: /\.(html|svelte)$/,
+          use: {
+            loader: require.resolve('svelte-loader'),
+            options: {
+              emitCss: true,
+            },
+          },
+        },
+        // {
+        //   test: /\.vue$/,
+        //   loader: require.resolve('vue-loader'),
+        // },
+        {
+          test: /\.(scss|sass)$/,
+          type: 'javascript/auto',
+          use: [
+            rspack.CssExtractRspackPlugin.loader,
+            require.resolve('css-loader'),
+            {
+              loader: require.resolve('postcss-loader'),
+              options: {
+                postcssOptions: {
+                  plugins: [autoprefixer()],
+                },
+              },
+            },
+            require.resolve('sass-loader'),
+          ],
+        },
+        {
+          test: /\.less$/,
+          type: 'javascript/auto',
+          use: [
+            rspack.CssExtractRspackPlugin.loader,
+            require.resolve('css-loader'),
+            {
+              loader: require.resolve('postcss-loader'),
+              options: {
+                postcssOptions: {
+                  plugins: [
+                    autoprefixer({
+                      overrideBrowserslist: [
+                        'last 5 Chrome versions',
+                        'last 5 Firefox versions',
+                        'Safari >= 8',
+                        'Explorer >= 10',
+                        'edge >= 12',
+                      ],
+                    }),
+                  ],
+                },
+              },
+            },
+            {
+              loader: require.resolve('less-loader'),
+              options: {
+                lessOptions: {
+                  javascriptEnabled: true,
+                },
+              },
+            },
+          ],
+        },
+      ],
+    },
+    plugins: [
+      new rspack.CssExtractRspackPlugin({
+        filename: '[name].bundle.css',
+      }),
+    ],
+
+    node: {
+      global: false,
+    },
+    output: {
+      filename: '[name].bundle.js',
+    },
+    externals: ({ request }, callback) =>
+      isExternalRequest(request || '')
+        ? callback(undefined, 'commonjs ' + request)
+        : callback(undefined),
+  }
+
+  return configuration
+}
+
+function makeExternalsRegex(externals: string[]) {
+  let externalsRegex = externals
+    .map(dep => `^${escapeRegex(dep)}$|^${escapeRegex(dep)}\\/`)
+    .join('|')
+
+  externalsRegex = `(${externalsRegex})`
+
+  return new RegExp(externalsRegex)
+}