@ms-cloudpack/bundler-webpack 0.1.1

package/README.md

@@ -0,0 +1,23 @@
+# @ms-cloudpack/bundler-webpack
+
+Provides a Cloudpack bundler abstraction around the Webpack bundler.
+
+## Usage
+
+### `async function bundlePackage(options)`
+
+```tsx
+import { bundlePackage } from '@ms-cloudpack/bundler';
+
+async function start() {
+  const result = await bundlePackage({
+    packagePath: process.cwd(),
+    outputPath: path.join(process.cwd(), 'dist'),
+    outputType: 'library',
+  });
+
+  console.log(result);
+}
+
+start();
+```

package/lib/getPathsOfModules.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Resolves the paths of the provided modules relative to the bundler-webpack package,
+ * and returns a list of unique containing folders which webpack can use as module search paths.
+ * @param modules - The modules to resolve. Must be dependencies of this package.
+ * @returns - Containing folders of the modules. (ie: /path/to/node_modules/)
+ */
+export declare function getPathsOfModules(modules: string[]): string[];
+//# sourceMappingURL=getPathsOfModules.d.ts.map

package/lib/getPathsOfModules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPathsOfModules.d.ts","sourceRoot":"","sources":["../src/getPathsOfModules.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAc7D"}

package/lib/getPathsOfModules.js

@@ -0,0 +1,27 @@
+import { makeUrl } from '@ms-cloudpack/path-string-parsing';
+import { findPackageRoot } from '@ms-cloudpack/path-utilities';
+import { moduleResolve } from 'import-meta-resolve';
+import path from 'path';
+import { fileURLToPath } from 'url';
+const conditions = new Set(['node', 'require', 'import', 'default']);
+const resolveFrom = makeUrl(import.meta.url);
+/**
+ * Resolves the paths of the provided modules relative to the bundler-webpack package,
+ * and returns a list of unique containing folders which webpack can use as module search paths.
+ * @param modules - The modules to resolve. Must be dependencies of this package.
+ * @returns - Containing folders of the modules. (ie: /path/to/node_modules/)
+ */
+export function getPathsOfModules(modules) {
+    const paths = new Set();
+    for (const moduleName of modules) {
+        // Resolve the module path and find the package root from there.
+        // preserveSymlinks ensures we get the path where it's installed as a dependency, not from the store.
+        const modulePath = moduleResolve(moduleName, resolveFrom, conditions, true /*preserveSymlinks*/);
+        const packageRoot = findPackageRoot(fileURLToPath(modulePath));
+        if (packageRoot) {
+            paths.add(path.dirname(packageRoot));
+        }
+    }
+    return Array.from(paths);
+}
+//# sourceMappingURL=getPathsOfModules.js.map

package/lib/getPathsOfModules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPathsOfModules.js","sourceRoot":"","sources":["../src/getPathsOfModules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEpC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;AACrE,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAAiB;IACjD,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;IAEhC,KAAK,MAAM,UAAU,IAAI,OAAO,EAAE,CAAC;QACjC,gEAAgE;QAChE,qGAAqG;QACrG,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACjG,MAAM,WAAW,GAAG,eAAe,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;QAC/D,IAAI,WAAW,EAAE,CAAC;YAChB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import { makeUrl } from '@ms-cloudpack/path-string-parsing';\nimport { findPackageRoot } from '@ms-cloudpack/path-utilities';\nimport { moduleResolve } from 'import-meta-resolve';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\n\nconst conditions = new Set(['node', 'require', 'import', 'default']);\nconst resolveFrom = makeUrl(import.meta.url);\n\n/**\n * Resolves the paths of the provided modules relative to the bundler-webpack package,\n * and returns a list of unique containing folders which webpack can use as module search paths.\n * @param modules - The modules to resolve. Must be dependencies of this package.\n * @returns - Containing folders of the modules. (ie: /path/to/node_modules/)\n */\nexport function getPathsOfModules(modules: string[]): string[] {\n  const paths = new Set<string>();\n\n  for (const moduleName of modules) {\n    // Resolve the module path and find the package root from there.\n    // preserveSymlinks ensures we get the path where it's installed as a dependency, not from the store.\n    const modulePath = moduleResolve(moduleName, resolveFrom, conditions, true /*preserveSymlinks*/);\n    const packageRoot = findPackageRoot(fileURLToPath(modulePath));\n    if (packageRoot) {\n      paths.add(path.dirname(packageRoot));\n    }\n  }\n\n  return Array.from(paths);\n}\n"]}

package/lib/getWebpackConfiguration.d.ts

@@ -0,0 +1,8 @@
+import type { BundleContext, BundleOptions } from '@ms-cloudpack/common-types';
+import type { WriteESMStubsResult } from '@ms-cloudpack/esm-stub-utilities';
+import type { Configuration } from 'webpack';
+export declare function getWebpackConfiguration(params: {
+    options: Omit<BundleOptions, 'entries' | 'outputPath'>;
+    outputPath: string;
+} & Pick<WriteESMStubsResult, 'newEntries'>, context: BundleContext): Configuration;
+//# sourceMappingURL=getWebpackConfiguration.d.ts.map

package/lib/getWebpackConfiguration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWebpackConfiguration.d.ts","sourceRoot":"","sources":["../src/getWebpackConfiguration.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,wBAAgB,uBAAuB,CACrC,MAAM,EAAE;IACN,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,YAAY,CAAC,CAAC;IACvD,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,EAC3C,OAAO,EAAE,aAAa,iBAmLvB"}

package/lib/getWebpackConfiguration.js

@@ -0,0 +1,169 @@
+import { getSwcConfig, shouldExternalizePackage } from '@ms-cloudpack/bundler-utilities';
+import ResolveTypescriptPlugin from 'resolve-typescript-plugin';
+import { merge } from 'webpack-merge';
+import { getPathsOfModules } from './getPathsOfModules.js';
+export function getWebpackConfiguration(params, context) {
+    const { options, outputPath, newEntries } = params;
+    const { unsafeDisableInlineSvg: _, ...bundlerOptions } = options.bundlerOptions || {};
+    const isLibraryMode = context.config.mode === 'library';
+    const swcConfig = getSwcConfig({ packagePath: options.inputPath, sourcemap: options.sourcemap });
+    const config = {
+        mode: options.minify ? 'production' : 'development',
+        // Webpack (at least older versions) expects entry keys without a leading `./`.
+        // (The leading `./` seems to be okay with the latest version, but in older versions, it appears
+        // to cause the runtime chunk runtime.js to be generated with an incorrect relative path?)
+        entry: Object.fromEntries(Object.entries(newEntries).map(([key, value]) => [key.replace(/^\.\//, ''), value])),
+        context: options.inputPath,
+        resolve: {
+            plugins: [new ResolveTypescriptPlugin()],
+            extensions: ['.tsx', '.ts', '.js', '.jsx', '.json'],
+        },
+        resolveLoader: {
+            modules: [
+                // Resolve loaders from the package's node_modules
+                'node_modules',
+                // Cloudpack provided loaders
+                ...getPathsOfModules(['swc-loader', 'css-loader', 'style-loader', 'sass-loader', 'worker-loader']),
+            ],
+        },
+        externals: isLibraryMode
+            ? (data, callback) => {
+                const { request } = data;
+                if (request &&
+                    !request.includes('!') && // webpack loader
+                    shouldExternalizePackage({
+                        id: request,
+                        inlined: options.inlined,
+                        external: options.external,
+                        shouldInlineNodeBuiltins: false,
+                    })) {
+                    return callback(undefined, request);
+                }
+                callback();
+            }
+            : undefined,
+        target: ['web', 'es2020'],
+        module: {
+            rules: [
+                {
+                    oneOf: [
+                        // Rule for global CSS files
+                        {
+                            test: /\.global\.css$/,
+                            use: [
+                                'style-loader',
+                                {
+                                    loader: 'css-loader',
+                                    options: {
+                                        modules: {
+                                            localIdentName: '[local]', // Use the local name for global CSS
+                                        },
+                                    },
+                                },
+                            ],
+                        },
+                        // Rule for CSS Modules files
+                        {
+                            test: /\.module\.css$/,
+                            use: [
+                                'style-loader',
+                                {
+                                    loader: 'css-loader',
+                                    options: {
+                                        modules: true, // Enable CSS Modules
+                                    },
+                                },
+                            ],
+                        },
+                        // Rule for regular CSS files
+                        {
+                            test: /\.css$/,
+                            exclude: /\.module\.css$/, // Exclude CSS Modules files
+                            use: [
+                                'style-loader',
+                                'css-loader', // Use css-loader without CSS Modules for regular CSS
+                            ],
+                        },
+                    ],
+                },
+                {
+                    test: /\.json$/,
+                    type: 'json',
+                    sideEffects: false,
+                },
+                {
+                    test: /\.ejs$/,
+                    loader: 'ejs-loader',
+                    options: {
+                        variable: 'data',
+                        esModule: true,
+                    },
+                    resolve: {
+                        fullySpecified: false,
+                    },
+                },
+                {
+                    // transform internal jsx files
+                    test: /\.[cm]?jsx$/,
+                    loader: 'swc-loader',
+                    exclude: /(node_modules)/,
+                    options: swcConfig.js,
+                },
+                {
+                    // transform internal ts files
+                    test: /\.[cm]?tsx?$/,
+                    loader: 'swc-loader',
+                    exclude: /(node_modules)/,
+                    options: swcConfig.ts,
+                },
+                {
+                    test: /\.s[ac]ss$/i,
+                    use: ['style-loader', 'css-loader', 'sass-loader'],
+                },
+                {
+                    test: /\.worker\.js$/,
+                    use: { loader: 'worker-loader' },
+                },
+            ],
+        },
+        output: {
+            library: {
+                type: 'module',
+            },
+            chunkFormat: 'module',
+            chunkLoading: 'import',
+            path: outputPath,
+            module: true,
+            filename: '[name].js',
+            chunkFilename: '[id].chunk.js',
+        },
+        experiments: {
+            outputModule: true,
+        },
+        devtool: options.sourcemap ? (isLibraryMode ? 'cheap-module-source-map' : 'source-map') : false,
+        optimization: {
+            runtimeChunk: 'single',
+            minimize: options.minify,
+            mangleExports: false,
+            splitChunks: {
+                // Prevents exposing path info when creating names for parts splitted by maxSize.
+                hidePathInfo: true,
+                // Figure out which exports are used by modules to mangle export names, omit unused
+                // exports and generate more efficient code.
+                usedExports: !isLibraryMode,
+                chunks: 'all',
+                filename: '[id].chunk.js',
+                // Production chunks should be at least 1000 bytes to prevent large numbers of file requests
+                minSize: isLibraryMode ? 0 : 1000,
+                cacheGroups: {
+                    defaultVendors: false,
+                },
+            },
+        },
+    };
+    if (Object.keys(bundlerOptions).length) {
+        return merge(config, bundlerOptions);
+    }
+    return config;
+}
+//# sourceMappingURL=getWebpackConfiguration.js.map

package/lib/getWebpackConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWebpackConfiguration.js","sourceRoot":"","sources":["../src/getWebpackConfiguration.ts"],"names":[],"mappings":"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","sourcesContent":["import { getSwcConfig, shouldExternalizePackage } from '@ms-cloudpack/bundler-utilities';\nimport type { BundleContext, BundleOptions } from '@ms-cloudpack/common-types';\nimport type { WriteESMStubsResult } from '@ms-cloudpack/esm-stub-utilities';\nimport ResolveTypescriptPlugin from 'resolve-typescript-plugin';\nimport type { Configuration } from 'webpack';\nimport { merge } from 'webpack-merge';\nimport { getPathsOfModules } from './getPathsOfModules.js';\n\nexport function getWebpackConfiguration(\n  params: {\n    options: Omit<BundleOptions, 'entries' | 'outputPath'>;\n    outputPath: string;\n  } & Pick<WriteESMStubsResult, 'newEntries'>,\n  context: BundleContext,\n) {\n  const { options, outputPath, newEntries } = params;\n  const { unsafeDisableInlineSvg: _, ...bundlerOptions } = options.bundlerOptions || {};\n\n  const isLibraryMode = context.config.mode === 'library';\n\n  const swcConfig = getSwcConfig({ packagePath: options.inputPath, sourcemap: options.sourcemap });\n\n  const config: Configuration = {\n    mode: options.minify ? 'production' : 'development',\n    // Webpack (at least older versions) expects entry keys without a leading `./`.\n    // (The leading `./` seems to be okay with the latest version, but in older versions, it appears\n    // to cause the runtime chunk runtime.js to be generated with an incorrect relative path?)\n    entry: Object.fromEntries(Object.entries(newEntries).map(([key, value]) => [key.replace(/^\\.\\//, ''), value])),\n    context: options.inputPath,\n    resolve: {\n      plugins: [new ResolveTypescriptPlugin()],\n      extensions: ['.tsx', '.ts', '.js', '.jsx', '.json'],\n    },\n    resolveLoader: {\n      modules: [\n        // Resolve loaders from the package's node_modules\n        'node_modules',\n\n        // Cloudpack provided loaders\n        ...getPathsOfModules(['swc-loader', 'css-loader', 'style-loader', 'sass-loader', 'worker-loader']),\n      ],\n    },\n    externals: isLibraryMode\n      ? (data, callback) => {\n          const { request } = data;\n\n          if (\n            request &&\n            !request.includes('!') && // webpack loader\n            shouldExternalizePackage({\n              id: request,\n              inlined: options.inlined,\n              external: options.external,\n              shouldInlineNodeBuiltins: false,\n            })\n          ) {\n            return callback(undefined, request);\n          }\n\n          callback();\n        }\n      : undefined,\n    target: ['web', 'es2020'],\n    module: {\n      rules: [\n        {\n          oneOf: [\n            // Rule for global CSS files\n            {\n              test: /\\.global\\.css$/,\n              use: [\n                'style-loader',\n                {\n                  loader: 'css-loader',\n                  options: {\n                    modules: {\n                      localIdentName: '[local]', // Use the local name for global CSS\n                    },\n                  },\n                },\n              ],\n            },\n            // Rule for CSS Modules files\n            {\n              test: /\\.module\\.css$/,\n              use: [\n                'style-loader',\n                {\n                  loader: 'css-loader',\n                  options: {\n                    modules: true, // Enable CSS Modules\n                  },\n                },\n              ],\n            },\n            // Rule for regular CSS files\n            {\n              test: /\\.css$/,\n              exclude: /\\.module\\.css$/, // Exclude CSS Modules files\n              use: [\n                'style-loader',\n                'css-loader', // Use css-loader without CSS Modules for regular CSS\n              ],\n            },\n          ],\n        },\n        {\n          test: /\\.json$/,\n          type: 'json',\n          sideEffects: false,\n        },\n        {\n          test: /\\.ejs$/,\n          loader: 'ejs-loader',\n          options: {\n            variable: 'data',\n            esModule: true,\n          },\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        {\n          // transform internal jsx files\n          test: /\\.[cm]?jsx$/,\n          loader: 'swc-loader',\n          exclude: /(node_modules)/,\n          options: swcConfig.js,\n        },\n        {\n          // transform internal ts files\n          test: /\\.[cm]?tsx?$/,\n          loader: 'swc-loader',\n          exclude: /(node_modules)/,\n          options: swcConfig.ts,\n        },\n        {\n          test: /\\.s[ac]ss$/i,\n          use: ['style-loader', 'css-loader', 'sass-loader'],\n        },\n        {\n          test: /\\.worker\\.js$/,\n          use: { loader: 'worker-loader' },\n        },\n      ],\n    },\n    output: {\n      library: {\n        type: 'module',\n      },\n      chunkFormat: 'module',\n      chunkLoading: 'import',\n      path: outputPath,\n      module: true,\n      filename: '[name].js',\n      chunkFilename: '[id].chunk.js',\n    },\n    experiments: {\n      outputModule: true,\n    },\n    devtool: options.sourcemap ? (isLibraryMode ? 'cheap-module-source-map' : 'source-map') : false,\n    optimization: {\n      runtimeChunk: 'single',\n      minimize: options.minify,\n      mangleExports: false,\n      splitChunks: {\n        // Prevents exposing path info when creating names for parts splitted by maxSize.\n        hidePathInfo: true,\n\n        // Figure out which exports are used by modules to mangle export names, omit unused\n        // exports and generate more efficient code.\n        usedExports: !isLibraryMode,\n\n        chunks: 'all',\n\n        filename: '[id].chunk.js',\n\n        // Production chunks should be at least 1000 bytes to prevent large numbers of file requests\n        minSize: isLibraryMode ? 0 : 1000,\n\n        cacheGroups: {\n          defaultVendors: false,\n        },\n      },\n    },\n  };\n\n  if (Object.keys(bundlerOptions).length) {\n    return merge(config, bundlerOptions);\n  }\n\n  return config;\n}\n"]}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { webpack as default } from './webpack.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { webpack as default } from './webpack.js';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { webpack as default } from './webpack.js';\n"]}

package/lib/normalizeWebpackOutput.d.ts

@@ -0,0 +1,13 @@
+import type { BundleOptions, BundlerResult } from '@ms-cloudpack/common-types';
+import type { Configuration, Stats } from 'webpack';
+export declare function normalizeWebpackOutput(params: {
+    /** Webpack config */
+    config: Configuration;
+    /** Original options */
+    options: Pick<BundleOptions, 'entries' | 'inputPath'>;
+    /** Absolute output path */
+    outputPath: string;
+    /** Stats from webpack callback */
+    stats: Stats | undefined;
+}): BundlerResult;
+//# sourceMappingURL=normalizeWebpackOutput.d.ts.map

package/lib/normalizeWebpackOutput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeWebpackOutput.d.ts","sourceRoot":"","sources":["../src/normalizeWebpackOutput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,aAAa,EAAoB,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAIhH,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAEhE,wBAAgB,sBAAsB,CAAC,MAAM,EAAE;IAC7C,qBAAqB;IACrB,MAAM,EAAE,aAAa,CAAC;IACtB,uBAAuB;IACvB,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;IACtD,2BAA2B;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B,GAAG,aAAa,CA8ChB"}

package/lib/normalizeWebpackOutput.js

@@ -0,0 +1,66 @@
+import { normalizeRelativePath } from '@ms-cloudpack/path-string-parsing';
+import { normalizedPathRelativeTo } from '@ms-cloudpack/path-utilities';
+import path from 'path';
+export function normalizeWebpackOutput(params) {
+    const { config, options: { entries, inputPath }, outputPath, stats, } = params;
+    // Process the errors and warnings from the stats json.
+    // This provides more straightforward access to file paths.
+    const statsJson = stats?.toJson();
+    return {
+        outputPath,
+        outputFiles: Object.keys(stats?.compilation?.assets || {}).map((asset) => {
+            const outFile = {
+                outputPath: normalizeRelativePath(asset),
+            };
+            // Webpack doesn't include entry point info in the output, so add manually if applicable
+            if (outFile.outputPath.endsWith('.js')) {
+                const entryPoint = entries[outFile.outputPath.replace(/\.js$/, '')];
+                if (entryPoint) {
+                    outFile.entryPoint = entryPoint;
+                }
+                for (const chunk of statsJson?.chunks || []) {
+                    // We don't have enough info to determine if a file is a worker
+                    if (!chunk.files || !chunk.modules || !chunk.files.includes(asset)) {
+                        continue;
+                    }
+                    // Check if the chunk has a worker
+                    if (chunk.modules.some(({ reasons = [] }) => reasons.some((reason) => reason.type === 'new Worker()'))) {
+                        // It is a worker!
+                        outFile.isWorker = true;
+                    }
+                }
+            }
+            return outFile;
+        }),
+        errors: createBundleMessages(statsJson?.errors, inputPath),
+        warnings: createBundleMessages(statsJson?.warnings, inputPath),
+        rawInput: config,
+        rawOutput: statsJson,
+    };
+}
+/** Create BundleMessages from WebpackErrors */
+function createBundleMessages(webpackErrors, inputPath) {
+    return (webpackErrors || []).map((error) => {
+        const bundleMessage = {
+            text: error.message,
+            source: 'webpack',
+        };
+        const filePath = error.file || error.moduleName;
+        if (filePath) {
+            let [, line, col] = error?.loc?.match(/^(\d+):(\d+)/) || [];
+            if (!line && error.stack?.includes('ModuleBuildError')) {
+                // try to get the line/col from the message; it should be the first pair like that
+                [, line, col] = error.message.match(/(\d+):(\d+)/) || [];
+            }
+            bundleMessage.location = {
+                file: path.isAbsolute(filePath)
+                    ? normalizedPathRelativeTo(inputPath, filePath)
+                    : normalizeRelativePath(filePath),
+                line: typeof line === 'string' ? Number(line) : undefined,
+                column: typeof col === 'string' ? Number(col) : undefined,
+            };
+        }
+        return bundleMessage;
+    });
+}
+//# sourceMappingURL=normalizeWebpackOutput.js.map

package/lib/normalizeWebpackOutput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeWebpackOutput.js","sourceRoot":"","sources":["../src/normalizeWebpackOutput.ts"],"names":[],"mappings":"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","sourcesContent":["import type { BundleMessage, BundleOptions, BundleOutputFile, BundlerResult } from '@ms-cloudpack/common-types';\nimport { normalizeRelativePath } from '@ms-cloudpack/path-string-parsing';\nimport { normalizedPathRelativeTo } from '@ms-cloudpack/path-utilities';\nimport path from 'path';\nimport type { Configuration, Stats, StatsError } from 'webpack';\n\nexport function normalizeWebpackOutput(params: {\n  /** Webpack config */\n  config: Configuration;\n  /** Original options */\n  options: Pick<BundleOptions, 'entries' | 'inputPath'>;\n  /** Absolute output path */\n  outputPath: string;\n  /** Stats from webpack callback */\n  stats: Stats | undefined;\n}): BundlerResult {\n  const {\n    config,\n    options: { entries, inputPath },\n    outputPath,\n    stats,\n  } = params;\n\n  // Process the errors and warnings from the stats json.\n  // This provides more straightforward access to file paths.\n  const statsJson = stats?.toJson();\n\n  return {\n    outputPath,\n    outputFiles: Object.keys(stats?.compilation?.assets || {}).map((asset): BundleOutputFile => {\n      const outFile: BundleOutputFile = {\n        outputPath: normalizeRelativePath(asset),\n      };\n\n      // Webpack doesn't include entry point info in the output, so add manually if applicable\n      if (outFile.outputPath.endsWith('.js')) {\n        const entryPoint = entries[outFile.outputPath.replace(/\\.js$/, '')];\n        if (entryPoint) {\n          outFile.entryPoint = entryPoint;\n        }\n        for (const chunk of statsJson?.chunks || []) {\n          // We don't have enough info to determine if a file is a worker\n          if (!chunk.files || !chunk.modules || !chunk.files.includes(asset)) {\n            continue;\n          }\n\n          // Check if the chunk has a worker\n          if (chunk.modules.some(({ reasons = [] }) => reasons.some((reason) => reason.type === 'new Worker()'))) {\n            // It is a worker!\n            outFile.isWorker = true;\n          }\n        }\n      }\n\n      return outFile;\n    }),\n    errors: createBundleMessages(statsJson?.errors, inputPath),\n    warnings: createBundleMessages(statsJson?.warnings, inputPath),\n    rawInput: config as unknown as Record<string, unknown>,\n    rawOutput: statsJson,\n  };\n}\n\n/** Create BundleMessages from WebpackErrors */\nfunction createBundleMessages(webpackErrors: StatsError[] | undefined, inputPath: string): BundleMessage[] {\n  return (webpackErrors || []).map((error) => {\n    const bundleMessage: BundleMessage = {\n      text: error.message,\n      source: 'webpack',\n    };\n\n    const filePath = error.file || error.moduleName;\n\n    if (filePath) {\n      let [, line, col] = error?.loc?.match(/^(\\d+):(\\d+)/) || [];\n      if (!line && error.stack?.includes('ModuleBuildError')) {\n        // try to get the line/col from the message; it should be the first pair like that\n        [, line, col] = error.message.match(/(\\d+):(\\d+)/) || [];\n      }\n\n      bundleMessage.location = {\n        file: path.isAbsolute(filePath)\n          ? normalizedPathRelativeTo(inputPath, filePath)\n          : normalizeRelativePath(filePath),\n        line: typeof line === 'string' ? Number(line) : undefined,\n        column: typeof col === 'string' ? Number(col) : undefined,\n      };\n    }\n\n    return bundleMessage;\n  });\n}\n"]}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.47.9"
+    }
+  ]
+}

package/lib/webpack.d.ts

@@ -0,0 +1,3 @@
+import type { Bundler } from '@ms-cloudpack/common-types';
+export declare const webpack: Bundler;
+//# sourceMappingURL=webpack.d.ts.map

package/lib/webpack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.d.ts","sourceRoot":"","sources":["../src/webpack.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA6C,OAAO,EAAE,MAAM,4BAA4B,CAAC;AASrG,eAAO,MAAM,OAAO,EAAE,OAiDrB,CAAC"}

package/lib/webpack.js

@@ -0,0 +1,53 @@
+import { processCapabilities } from '@ms-cloudpack/bundler-capabilities';
+import { writeESMStubsInWorker } from '@ms-cloudpack/esm-stub-utilities';
+import runWebpack from 'webpack';
+import { getWebpackConfiguration } from './getWebpackConfiguration.js';
+import { normalizeWebpackOutput } from './normalizeWebpackOutput.js';
+import { webpackCapabilities } from './webpackCapabilities.js';
+const bundlerName = 'webpack';
+export const webpack = {
+    name: bundlerName,
+    bundle: async function (options, context) {
+        const { errors, newEntries } = await writeESMStubsInWorker(options);
+        if (errors?.length) {
+            return { errors };
+        }
+        const outputPath = options.outputPath ?? options.inputPath;
+        const defaultExtensionsToInline = ['png', 'jpg', 'jpeg', 'gif'];
+        const { unsafeDisableInlineSvg = false } = options.bundlerOptions || {};
+        // TODO: This will be deleted in the upcoming PRs
+        if (!unsafeDisableInlineSvg) {
+            defaultExtensionsToInline.push('svg');
+        }
+        const bundlerCapabilitiesOptions = {
+            // Enable asset-inline by default for common image types
+            'asset-inline': { extensions: defaultExtensionsToInline },
+            ...(options.bundlerCapabilities || {}),
+        };
+        const config = await processCapabilities({
+            bundlerName,
+            baseConfig: getWebpackConfiguration({ options, outputPath, newEntries }, context),
+            bundlerCapabilitiesOptions,
+            internalCapabilities: webpackCapabilities,
+        });
+        try {
+            const stats = await new Promise((resolve, reject) => {
+                runWebpack(config, (err, statsResult) => (err ? reject(err) : resolve(statsResult)));
+            });
+            // Normalize the output outside the callback, so if there's an exception it's not swallowed
+            return normalizeWebpackOutput({ stats, config, outputPath, options });
+        }
+        catch (err) {
+            const errorMessage = { text: err.message || String(err), source: bundlerName };
+            if (err instanceof Error && err.stack) {
+                // remove the message from the stack
+                errorMessage.notes = [{ text: err.stack.includes(err.message) ? err.stack.split(err.message)[1] : err.stack }];
+            }
+            return {
+                errors: [errorMessage],
+                rawInput: config,
+            };
+        }
+    },
+};
+//# sourceMappingURL=webpack.js.map

package/lib/webpack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.js","sourceRoot":"","sources":["../src/webpack.ts"],"names":[],"mappings":"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","sourcesContent":["import { processCapabilities } from '@ms-cloudpack/bundler-capabilities';\nimport type { BundleMessage, BundlerCapabilitiesOptions, Bundler } from '@ms-cloudpack/common-types';\nimport { writeESMStubsInWorker } from '@ms-cloudpack/esm-stub-utilities';\nimport runWebpack, { type Stats } from 'webpack';\nimport { getWebpackConfiguration } from './getWebpackConfiguration.js';\nimport { normalizeWebpackOutput } from './normalizeWebpackOutput.js';\nimport { webpackCapabilities } from './webpackCapabilities.js';\n\nconst bundlerName = 'webpack';\n\nexport const webpack: Bundler = {\n  name: bundlerName,\n  bundle: async function (options, context) {\n    const { errors, newEntries } = await writeESMStubsInWorker(options);\n    if (errors?.length) {\n      return { errors };\n    }\n\n    const outputPath = options.outputPath ?? options.inputPath;\n\n    const defaultExtensionsToInline = ['png', 'jpg', 'jpeg', 'gif'];\n    const { unsafeDisableInlineSvg = false } = options.bundlerOptions || {};\n    // TODO: This will be deleted in the upcoming PRs\n    if (!unsafeDisableInlineSvg) {\n      defaultExtensionsToInline.push('svg');\n    }\n\n    const bundlerCapabilitiesOptions: BundlerCapabilitiesOptions = {\n      // Enable asset-inline by default for common image types\n      'asset-inline': { extensions: defaultExtensionsToInline },\n      ...(options.bundlerCapabilities || {}),\n    };\n\n    const config = await processCapabilities({\n      bundlerName,\n      baseConfig: getWebpackConfiguration({ options, outputPath, newEntries }, context),\n      bundlerCapabilitiesOptions,\n      internalCapabilities: webpackCapabilities,\n    });\n\n    try {\n      const stats = await new Promise<Stats | undefined>((resolve, reject) => {\n        runWebpack(config, (err, statsResult) => (err ? reject(err) : resolve(statsResult)));\n      });\n\n      // Normalize the output outside the callback, so if there's an exception it's not swallowed\n      return normalizeWebpackOutput({ stats, config, outputPath, options });\n    } catch (err) {\n      const errorMessage: BundleMessage = { text: (err as Error).message || String(err), source: bundlerName };\n      if (err instanceof Error && err.stack) {\n        // remove the message from the stack\n        errorMessage.notes = [{ text: err.stack.includes(err.message) ? err.stack.split(err.message)[1] : err.stack }];\n      }\n      return {\n        errors: [errorMessage],\n        rawInput: config as Record<string, unknown>,\n      };\n    }\n  },\n};\n"]}

package/lib/webpackCapabilities.d.ts

@@ -0,0 +1,4 @@
+import type { InternalBundlerCapabilityImplementations } from '@ms-cloudpack/common-types';
+import type { Configuration } from 'webpack';
+export declare const webpackCapabilities: InternalBundlerCapabilityImplementations<Configuration>;
+//# sourceMappingURL=webpackCapabilities.d.ts.map

package/lib/webpackCapabilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpackCapabilities.d.ts","sourceRoot":"","sources":["../src/webpackCapabilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wCAAwC,EAAE,MAAM,4BAA4B,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,mBAAmB,EAAE,wCAAwC,CAAC,aAAa,CAwBvF,CAAC"}

package/lib/webpackCapabilities.js

@@ -0,0 +1,27 @@
+export const webpackCapabilities = {
+    'asset-inline': (config, options) => {
+        // Remove the leading dot from the extensions
+        const extensions = options.extensions.map((ext) => (ext.startsWith('.') ? ext.slice(1) : ext));
+        config.module ??= {};
+        config.module.rules ??= [];
+        config.module.rules.push({
+            test: new RegExp(`\\.(${extensions.join('|')})$`, 'i'),
+            type: 'asset/inline',
+        });
+        return config;
+    },
+    alias: (config, options) => {
+        // Add aliases for externalized packages to the webpack configuration
+        if (!config.externals) {
+            config.externals = [];
+        }
+        else if (!Array.isArray(config.externals)) {
+            config.externals = [config.externals];
+        }
+        // The aliased packaged must be the first element in the array,
+        // so that it is resolved before all other packages are externalized.
+        config.externals.unshift(options);
+        return config;
+    },
+};
+//# sourceMappingURL=webpackCapabilities.js.map

package/lib/webpackCapabilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpackCapabilities.js","sourceRoot":"","sources":["../src/webpackCapabilities.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,mBAAmB,GAA4D;IAC1F,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;QAClC,6CAA6C;QAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC/F,MAAM,CAAC,MAAM,KAAK,EAAE,CAAC;QACrB,MAAM,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;YACvB,IAAI,EAAE,IAAI,MAAM,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC;YACtD,IAAI,EAAE,cAAc;SACrB,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;QACzB,qEAAqE;QACrE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YACtB,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;QACxB,CAAC;aAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5C,MAAM,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACxC,CAAC;QACD,+DAA+D;QAC/D,qEAAqE;QACrE,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAC","sourcesContent":["import type { InternalBundlerCapabilityImplementations } from '@ms-cloudpack/common-types';\nimport type { Configuration } from 'webpack';\n\nexport const webpackCapabilities: InternalBundlerCapabilityImplementations<Configuration> = {\n  'asset-inline': (config, options) => {\n    // Remove the leading dot from the extensions\n    const extensions = options.extensions.map((ext) => (ext.startsWith('.') ? ext.slice(1) : ext));\n    config.module ??= {};\n    config.module.rules ??= [];\n    config.module.rules.push({\n      test: new RegExp(`\\\\.(${extensions.join('|')})$`, 'i'),\n      type: 'asset/inline',\n    });\n    return config;\n  },\n  alias: (config, options) => {\n    // Add aliases for externalized packages to the webpack configuration\n    if (!config.externals) {\n      config.externals = [];\n    } else if (!Array.isArray(config.externals)) {\n      config.externals = [config.externals];\n    }\n    // The aliased packaged must be the first element in the array,\n    // so that it is resolved before all other packages are externalized.\n    config.externals.unshift(options);\n    return config;\n  },\n};\n"]}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@ms-cloudpack/bundler-webpack",
+  "version": "0.1.1",
+  "description": "A cloudpack plugin for abstracting webpack.",
+  "license": "MIT",
+  "type": "module",
+  "types": "./lib/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js"
+    }
+  },
+  "dependencies": {
+    "@ms-cloudpack/bundler-capabilities": "^0.1.25",
+    "@ms-cloudpack/bundler-utilities": "^0.1.3",
+    "@ms-cloudpack/common-types": "^0.22.0",
+    "@ms-cloudpack/esm-stub-utilities": "^0.13.6",
+    "@ms-cloudpack/path-string-parsing": "^1.2.4",
+    "@ms-cloudpack/path-utilities": "^2.7.48",
+    "@swc/core": "^1.3.0",
+    "css-loader": "^6.0.0",
+    "ejs-loader": "^0.5.0",
+    "import-meta-resolve": "^4.0.0",
+    "resolve-typescript-plugin": "^2.0.0",
+    "sass": "^1.0.0",
+    "sass-loader": "^14.0.0",
+    "style-loader": "^3.0.0",
+    "swc-loader": "^0.2.0",
+    "webpack": "^5.0.0",
+    "webpack-merge": "^6.0.0",
+    "worker-loader": "^3.0.0"
+  },
+  "devDependencies": {
+    "@ms-cloudpack/bundler-tests": "^0.1.0",
+    "@ms-cloudpack/eslint-plugin-internal": "^0.0.1",
+    "@ms-cloudpack/scripts": "^0.0.1",
+    "@ms-cloudpack/test-utilities": "^0.5.0"
+  },
+  "scripts": {
+    "api": "cloudpack-scripts api",
+    "build:watch": "cloudpack-scripts build-watch",
+    "build": "cloudpack-scripts build",
+    "lint:update": "cloudpack-scripts lint-update",
+    "lint": "cloudpack-scripts lint",
+    "test:update": "cloudpack-scripts test-update",
+    "test:watch": "cloudpack-scripts test-watch",
+    "test": "cloudpack-scripts test"
+  },
+  "files": [
+    "lib/**/!(*.test.*)"
+  ]
+}