@nativescript/webpack 5.1.0-alpha.0 → 5.1.0-alpha.2

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright OpenJS Foundation and other contributors, https://openjsf.org
+
+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,100 @@
+<p align="center">
+  <a href="https://nativescript.org">
+    <img alt="NativeScript" src="https://raw.githubusercontent.com/NativeScript/artwork/main/logo/export/NativeScript_Logo_Dark_Transparent.png" width="100"/>
+  </a>
+</p>
+
+<h1 align="center">@nativescript/webpack</h1>
+
+<p align="center">
+  <b>Webpack configuration for NativeScript apps.</b>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@nativescript/webpack"><img src="https://img.shields.io/npm/v/@nativescript/webpack.svg" alt="npm version"></a>
+  <a href="https://github.com/NativeScript/NativeScript/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="license"></a>
+  <a href="https://www.npmjs.com/package/@nativescript/webpack"><img src="https://img.shields.io/npm/dm/@nativescript/webpack.svg" alt="downloads"></a>
+</p>
+
+<p align="center">
+  <a href="https://docs.nativescript.org/configuration/webpack">Documentation</a> · 
+  <a href="https://docs.nativescript.org/setup/">Environment Setup</a> · 
+  <a href="https://github.com/NativeScript/NativeScript/blob/main/tools/notes/CONTRIBUTING.md">Contribute</a> · 
+  <a href="https://nativescript.org/discord">Community</a>
+</p>
+
+---
+
+All NativeScript applications are bundled using webpack. This package provides the required configuration to build NativeScript apps with flexibility to customize as needed.
+
+## 📦 Installation
+
+```bash
+npm install @nativescript/webpack --save-dev
+```
+
+## 🚀 Quick Start
+
+All new projects come with a base `webpack.config.js` that's pre-configured:
+
+```js
+const webpack = require('@nativescript/webpack')
+
+module.exports = (env) => {
+  webpack.init(env)
+
+  // Learn how to customize:
+  // https://docs.nativescript.org/webpack
+
+  return webpack.resolveConfig()
+}
+```
+
+## ✨ Features
+
+- **Auto-discovery**: Automatically detects your project type (TypeScript, Angular, Vue, React, Svelte)
+- **Hot Module Replacement**: HMR enabled by default for faster development
+- **DotEnv Support**: Built-in support for `.env` files to manage environment variables
+- **Bundle Analysis**: Generate bundle reports with `--env.report`
+- **Production Optimization**: Minification with Terser in production mode
+
+## 🔧 Global Variables
+
+Useful globally available variables in your app:
+
+| Variable | Description |
+|----------|-------------|
+| `__DEV__` | `true` when building in development mode |
+| `global.isAndroid` / `__ANDROID__` | `true` when platform is Android |
+| `global.isIOS` / `__IOS__` | `true` when platform is iOS |
+| `global.isVisionOS` / `__VISIONOS__` | `true` when platform is visionOS |
+| `global.__APPLE__` | `true` when platform is iOS, visionOS, or macOS |
+
+## 📚 API
+
+### Core Methods
+
+| Method | Description |
+|--------|-------------|
+| `webpack.init(env)` | Initialize the internal env object (required) |
+| `webpack.chainWebpack(chainFn)` | Add chain functions to modify config |
+| `webpack.mergeWebpack(obj)` | Merge objects into the final config |
+| `webpack.resolveConfig()` | Resolve the final webpack configuration |
+
+## 🎛️ CLI Flags
+
+| Flag | Description |
+|------|-------------|
+| `--no-hmr` | Disable Hot Module Replacement |
+| `--env.production` | Enable production mode with minification |
+| `--env.report` | Generate bundle analysis report |
+| `--env.verbose` | Print verbose logs and internal config |
+| `--env.e2e` | Enable E2E mode (enables `testID` property) |
+
+## 📖 Documentation
+
+For complete documentation including configuration examples, visit the [webpack configuration guide](https://docs.nativescript.org/configuration/webpack).
+
+## 📄 License
+
+[MIT licensed](https://github.com/NativeScript/NativeScript/blob/main/LICENSE).

package/dist/configuration/base.js

@@ -7,36 +7,116 @@ exports.default = default_1;
 const path_1 = require("path");
 const webpack_1 = require("webpack");
 const semver_1 = require("semver");
+const dependencies_1 = require("../helpers/dependencies");
 const fs_1 = require("fs");
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
 const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
 const project_1 = require("../helpers/project");
-const dependencies_1 = require("../helpers/dependencies");
+const dependencies_2 = require("../helpers/dependencies");
 const PlatformSuffixPlugin_1 = require("../plugins/PlatformSuffixPlugin");
 const fileReplacements_1 = require("../helpers/fileReplacements");
 const copyRules_1 = require("../helpers/copyRules");
 const WatchStatePlugin_1 = require("../plugins/WatchStatePlugin");
+const CompatDefinePlugin_1 = require("../plugins/CompatDefinePlugin");
 const dotEnv_1 = require("../helpers/dotEnv");
 const index_1 = require("../index");
 const config_1 = require("../helpers/config");
 const host_1 = require("../helpers/host");
+const FixSourceMapUrlPlugin_1 = __importDefault(require("../plugins/FixSourceMapUrlPlugin"));
 const platform_1 = require("../helpers/platform");
+function isApplePlatform(platform) {
+    return platform === 'ios' || platform === 'visionos' || platform === 'macos';
+}
+function getPlatformResolutionExtensions(platform) {
+    if (platform === 'visionos') {
+        return ['visionos', 'apple', 'ios'];
+    }
+    if (platform === 'macos') {
+        return ['macos', 'apple', 'ios'];
+    }
+    if (platform === 'ios') {
+        return ['ios', 'apple'];
+    }
+    return [platform];
+}
 function default_1(config, env = index_1.env) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const entryPath = (0, platform_1.getEntryPath)();
     const platform = (0, platform_1.getPlatformName)();
+    const platformResolutionExtensions = getPlatformResolutionExtensions(platform);
     const outputPath = (0, platform_1.getAbsoluteDistPath)();
     const mode = env.production ? 'production' : 'development';
     // set mode
     config.mode(mode);
+    // use source map files by default with v9+
+    function useSourceMapFiles() {
+        if (mode === 'development') {
+            // in development we always use source-map files with v9+ runtimes
+            // they are parsed and mapped to display in-flight app error screens
+            env.sourceMap = 'source-map';
+        }
+    }
+    // determine target output by @nativescript/* runtime version
+    // v9+ supports ESM output, anything below uses CommonJS
+    if ((0, dependencies_2.hasDependency)('@nativescript/ios') ||
+        (0, dependencies_2.hasDependency)('@nativescript/visionos') ||
+        (0, dependencies_2.hasDependency)('@nativescript/android')) {
+        const iosVersion = (0, dependencies_2.getDependencyVersion)('@nativescript/ios');
+        const visionosVersion = (0, dependencies_2.getDependencyVersion)('@nativescript/visionos');
+        const androidVersion = (0, dependencies_2.getDependencyVersion)('@nativescript/android');
+        if (platform === 'ios') {
+            const iosResolved = (_b = (_a = (0, dependencies_2.getResolvedDependencyVersionForCheck)('@nativescript/ios', '9.0.0')) !== null && _a !== void 0 ? _a : iosVersion) !== null && _b !== void 0 ? _b : undefined;
+            if ((0, dependencies_1.isVersionGteConsideringPrerelease)(iosResolved, '9.0.0')) {
+                useSourceMapFiles();
+            }
+            else {
+                env.commonjs = true;
+            }
+        }
+        else if (platform === 'visionos') {
+            const visionosResolved = (_d = (_c = (0, dependencies_2.getResolvedDependencyVersionForCheck)('@nativescript/visionos', '9.0.0')) !== null && _c !== void 0 ? _c : visionosVersion) !== null && _d !== void 0 ? _d : undefined;
+            if ((0, dependencies_1.isVersionGteConsideringPrerelease)(visionosResolved, '9.0.0')) {
+                useSourceMapFiles();
+            }
+            else {
+                env.commonjs = true;
+            }
+        }
+        else if (platform === 'android') {
+            const androidResolved = (_f = (_e = (0, dependencies_2.getResolvedDependencyVersionForCheck)('@nativescript/android', '9.0.0')) !== null && _e !== void 0 ? _e : androidVersion) !== null && _f !== void 0 ? _f : undefined;
+            if ((0, dependencies_1.isVersionGteConsideringPrerelease)(androidResolved, '9.0.0')) {
+                useSourceMapFiles();
+            }
+            else {
+                env.commonjs = true;
+            }
+        }
+    }
+    else {
+        env.commonjs = true;
+    }
+    if (env.hmr) {
+        // HMR webpack should use CommonJS
+        env.commonjs = true;
+    }
     // config.stats({
     // 	logging: 'verbose'
     // })
     // package.json is generated by the CLI with runtime options
     // this ensures it's not included in the bundle, but rather
     // resolved at runtime
-    config.externals(['package.json', '~/package.json']);
+    config.externals([
+        'package.json',
+        '~/package.json',
+        // Native addons are runtime-loaded binaries and must not be bundled.
+        ({ request }, callback) => {
+            if (request && /\.node(?:[?#].*)?$/.test(request)) {
+                return callback(null, `commonjs ${request}`);
+            }
+            callback();
+        },
+    ]);
     // disable marking built-in node modules as external
     // since they are not available at runtime and
     // should be bundled (requires polyfills)
@@ -45,6 +125,29 @@ function default_1(config, env = index_1.env) {
     config.set('externalsPresets', {
         node: false,
     });
+    // Mock Node.js built-ins that are not available in NativeScript runtime
+    // but are required by some packages like css-tree
+    config.resolve.merge({
+        fallback: {
+            module: require.resolve('../polyfills/module.js'),
+        },
+        alias: {
+            // Mock mdn-data modules that css-tree tries to load
+            'mdn-data/css/properties.json': require.resolve('../polyfills/mdn-data-properties.js'),
+            'mdn-data/css/syntaxes.json': require.resolve('../polyfills/mdn-data-syntaxes.js'),
+            'mdn-data/css/at-rules.json': require.resolve('../polyfills/mdn-data-at-rules.js'),
+            // Ensure imports of the Node 'module' builtin resolve to our polyfill
+            module: require.resolve('../polyfills/module.js'),
+        },
+        // Allow extension-less ESM imports (fixes "fully specified" errors)
+        // Example: '../timer' -> resolves to index.<platform>.js without requiring explicit extension
+        fullySpecified: false,
+    });
+    // As an extra guard, ensure rule-level resolve also allows extension-less imports
+    config.module
+        .rule('esm-extensionless')
+        .test(/\.(mjs|js|ts|tsx)$/)
+        .resolve.set('fullySpecified', false);
     const getSourceMapType = (map) => {
         const defaultSourceMap = 'inline-source-map';
         if (typeof map === 'undefined') {
@@ -63,10 +166,18 @@ function default_1(config, env = index_1.env) {
         // pass any type of sourceMap with --env.sourceMap=<type>
         return map;
     };
-    config.devtool(getSourceMapType(env.sourceMap));
+    const sourceMapType = getSourceMapType(env.sourceMap);
+    // Use devtool for both CommonJS and ESM - let webpack handle source mapping properly
+    config.devtool(sourceMapType);
+    // For ESM builds, fix the sourceMappingURL to use correct paths
+    if (sourceMapType && sourceMapType !== 'hidden-source-map') {
+        config
+            .plugin('FixSourceMapUrlPlugin')
+            .use(FixSourceMapUrlPlugin_1.default, [{ outputPath }]);
+    }
     // when using hidden-source-map, output source maps to the `platforms/{platformName}-sourceMaps` folder
     if (env.sourceMap === 'hidden-source-map') {
-        const sourceMapAbsolutePath = (0, project_1.getProjectFilePath)(`./${(_a = env.buildPath) !== null && _a !== void 0 ? _a : 'platforms'}/${platform}-sourceMaps/[file].map[query]`);
+        const sourceMapAbsolutePath = (0, project_1.getProjectFilePath)(`./${(_g = env.buildPath) !== null && _g !== void 0 ? _g : 'platforms'}/${platform}-sourceMaps/[file].map[query]`);
         const sourceMapRelativePath = (0, path_1.relative)(outputPath, sourceMapAbsolutePath);
         config.output.sourceMapFilename(sourceMapRelativePath);
     }
@@ -75,12 +186,15 @@ function default_1(config, env = index_1.env) {
     // appears to be working - but we still have to deal with HMR
     config.target('node');
     // config.entry('globals').add('@nativescript/core/globals/index').end();
-    config
-        .entry('bundle')
+    const includeCoreGlobals = platform !== 'macos' || env.includeCore === true;
+    const bundleEntry = config.entry('bundle');
+    if (includeCoreGlobals) {
         // ensure we load nativescript globals first
-        .add('@nativescript/core/globals/index')
-        .add('@nativescript/core/bundle-entry-points')
-        .add(entryPath);
+        bundleEntry
+            .add('@nativescript/core/globals/index')
+            .add('@nativescript/core/bundle-entry-points');
+    }
+    bundleEntry.add(entryPath);
     // Add android app components to the bundle to SBG can generate the java classes
     if (platform === 'android') {
         const appComponents = Array.isArray(env.appComponents)
@@ -98,28 +212,43 @@ function default_1(config, env = index_1.env) {
             .entry('tns_modules/inspector_modules')
             .add('@nativescript/core/inspector_modules');
     });
-    // config.merge({
-    // 	experiments: {
-    // 		// enable ES module syntax (import/exports)
-    // 		outputModule: true,
-    // 	},
-    // });
-    config.output
-        .path(outputPath)
-        .pathinfo(false)
-        .publicPath('')
-        // .set('module', true)
-        // .libraryTarget('module')
-        .libraryTarget('commonjs')
-        .globalObject('global')
-        .set('clean', true);
-    if (env === null || env === void 0 ? void 0 : env.uniqueBundle) {
-        config.output.filename(`[name].${env.uniqueBundle}.js`);
+    if (env.commonjs) {
+        // CommonJS output
+        config.output
+            .path(outputPath)
+            .pathinfo(false)
+            .publicPath('')
+            .libraryTarget('commonjs')
+            .globalObject('global')
+            .set('clean', true);
+        if (env === null || env === void 0 ? void 0 : env.uniqueBundle) {
+            config.output.filename(`[name].${env.uniqueBundle}.js`);
+        }
+    }
+    else {
+        // ESM output
+        config.merge({
+            experiments: {
+                // enable ES module syntax (import/exports)
+                outputModule: true,
+            },
+        });
+        config.output
+            .path(outputPath)
+            .pathinfo(false)
+            .publicPath('file:///app/')
+            .set('module', true)
+            .libraryTarget('module')
+            .globalObject('global')
+            .set('clean', true);
+        if (env === null || env === void 0 ? void 0 : env.uniqueBundle) {
+            config.output.filename(`[name].${env.uniqueBundle}.mjs`);
+        }
     }
     config.watchOptions({
         ignored: [
-            `${(0, project_1.getProjectFilePath)((_b = env.buildPath) !== null && _b !== void 0 ? _b : 'platforms')}/**`,
-            `${(0, project_1.getProjectFilePath)((_c = env.appResourcesPath) !== null && _c !== void 0 ? _c : 'App_Resources')}/**`,
+            `${(0, project_1.getProjectFilePath)((_h = env.buildPath) !== null && _h !== void 0 ? _h : 'platforms')}/**`,
+            `${(0, project_1.getProjectFilePath)((_j = env.appResourcesPath) !== null && _j !== void 0 ? _j : 'App_Resources')}/**`,
         ],
     });
     // allow watching node_modules
@@ -151,29 +280,41 @@ function default_1(config, env = index_1.env) {
         },
     ]);
     config.optimization.runtimeChunk('single');
-    config.optimization.splitChunks({
-        // chunks: 'all',
-        cacheGroups: {
-            // globals: {
-            // 	test: (module) =>
-            // 		module.resource &&
-            // 		/[\\/]@nativescript[\\/]core[\\/]globals[\\/]index\.(mjs|js|ts)$/.test(
-            // 			module.resource,
-            // 		),
-            // 	name: 'globals',
-            // 	enforce: true, // ignore size/min-chunk thresholds
-            // 	chunks: 'all',
-            // 	priority: 30,
-            // },
-            defaultVendor: {
-                test: /[\\/]node_modules[\\/]/,
-                priority: -10,
-                name: 'vendor',
-                // enforce: true,
-                chunks: 'all',
+    if (env.commonjs) {
+        // Set up CommonJS output
+        config.optimization.splitChunks({
+            cacheGroups: {
+                defaultVendor: {
+                    test: /[\\/]node_modules[\\/]/,
+                    priority: -10,
+                    name: 'vendor',
+                    chunks: 'all',
+                },
             },
-        },
-    });
+        });
+    }
+    else {
+        // Set up ESM output
+        config.output.chunkFilename('[name].mjs');
+        // now re‑add exactly what you want:
+        config.optimization.splitChunks({
+            // only split out vendor from the main bundle…
+            chunks: 'initial',
+            cacheGroups: {
+                // no “default” group
+                default: false,
+                // only pull node_modules into vendor.js from the *initial* chunk
+                vendor: {
+                    test: /[\\/]node_modules[\\/]/,
+                    name: 'vendor',
+                    chunks: 'initial',
+                    priority: -10,
+                    reuseExistingChunk: true,
+                },
+            },
+        });
+        config.optimization.set('moduleIds', 'named').set('chunkIds', 'named');
+    }
     // look for loaders in
     //  - node_modules/@nativescript/webpack/dist/loaders
     //  - node_modules/@nativescript/webpack/node_modules
@@ -184,31 +325,30 @@ function default_1(config, env = index_1.env) {
         .add((0, path_1.resolve)(__dirname, '../../node_modules'))
         .add((0, project_1.getProjectFilePath)('node_modules'))
         .add('node_modules');
-    config.resolve.extensions
-        .add(`.${platform}.ts`)
-        .add('.ts')
-        .add(`.${platform}.js`)
-        .add('.js')
-        .add(`.${platform}.mjs`)
-        .add('.mjs')
-        .add(`.${platform}.css`)
-        .add('.css')
-        .add(`.${platform}.scss`)
-        .add('.scss')
-        .add(`.${platform}.json`)
-        .add('.json');
-    if (platform === 'visionos') {
-        // visionOS allows for both .ios and .visionos extensions
-        const extensions = config.resolve.extensions.values();
-        const newExtensions = [];
-        extensions.forEach((ext) => {
-            newExtensions.push(ext);
-            if (ext.includes('visionos')) {
-                newExtensions.push(ext.replace('visionos', 'ios'));
-            }
-        });
-        config.resolve.extensions.clear().merge(newExtensions);
-    }
+    platformResolutionExtensions.forEach((platformTarget) => {
+        config.resolve.extensions.add(`.${platformTarget}.ts`);
+    });
+    config.resolve.extensions.add('.ts');
+    platformResolutionExtensions.forEach((platformTarget) => {
+        config.resolve.extensions.add(`.${platformTarget}.js`);
+    });
+    config.resolve.extensions.add('.js');
+    platformResolutionExtensions.forEach((platformTarget) => {
+        config.resolve.extensions.add(`.${platformTarget}.mjs`);
+    });
+    config.resolve.extensions.add('.mjs');
+    platformResolutionExtensions.forEach((platformTarget) => {
+        config.resolve.extensions.add(`.${platformTarget}.css`);
+    });
+    config.resolve.extensions.add('.css');
+    platformResolutionExtensions.forEach((platformTarget) => {
+        config.resolve.extensions.add(`.${platformTarget}.scss`);
+    });
+    config.resolve.extensions.add('.scss');
+    platformResolutionExtensions.forEach((platformTarget) => {
+        config.resolve.extensions.add(`.${platformTarget}.json`);
+    });
+    config.resolve.extensions.add('.json');
     // base aliases
     config.resolve.alias.set('~', (0, platform_1.getEntryDirPath)()).set('@', (0, platform_1.getEntryDirPath)());
     // resolve symlinks
@@ -277,9 +417,18 @@ function default_1(config, env = index_1.env) {
                 before: [require('../transformers/NativeClass').default],
             };
         },
-    });
+    })
+        .end()
+        // Ensure pre-loaders run BEFORE ts-loader (loaders execute right-to-left):
+        // order: [ts-loader, native-class-downlevel-loader, native-class-strip-loader]
+        // execution: strip -> downlevel -> ts-loader
+        .use('native-class-downlevel-loader')
+        .loader('native-class-downlevel-loader')
+        .end()
+        .use('native-class-strip-loader')
+        .loader('native-class-strip-loader');
     // Use Fork TS Checker to do type checking in a separate non-blocking process
-    config.when((0, dependencies_1.hasDependency)('typescript'), (config) => {
+    config.when((0, dependencies_2.hasDependency)('typescript'), (config) => {
         config
             .plugin('ForkTsCheckerWebpackPlugin')
             .use(fork_ts_checker_webpack_plugin_1.default, [
@@ -318,8 +467,7 @@ function default_1(config, env = index_1.env) {
                         // custom resolver to resolve platform extensions in @import statements
                         // ie. @import "foo.css" would import "foo.ios.css" if the platform is ios and it exists
                         resolve(id, baseDir, importOptions) {
-                            const extensions = platform === 'visionos' ? [platform, 'ios'] : [platform];
-                            for (const platformTarget of extensions) {
+                            for (const platformTarget of platformResolutionExtensions) {
                                 const ext = (0, path_1.extname)(id);
                                 const platformExt = ext ? `.${platformTarget}${ext}` : '';
                                 if (!id.includes(platformExt)) {
@@ -373,7 +521,14 @@ function default_1(config, env = index_1.env) {
         .options(postCSSOptions)
         .end()
         .use('sass-loader')
-        .loader('sass-loader');
+        .loader('sass-loader')
+        .options({
+        // helps ensure proper project compatibility
+        // particularly in cases of workspaces
+        // which may have different nested Sass implementations
+        // via transient dependencies
+        implementation: require('sass'),
+    });
     // config.plugin('NormalModuleReplacementPlugin').use(NormalModuleReplacementPlugin, [
     // 	/.*/,
     // 	request => {
@@ -383,19 +538,9 @@ function default_1(config, env = index_1.env) {
     // 		}
     // 	}
     // ])
-    // config.plugin('globals-shim').use(BannerPlugin, [
-    // 	{
-    // 		// commonjs style
-    // 		banner: `require("./globals");`,
-    // 		// ESM style
-    // 		//   banner: `import "./globals";`,
-    // 		raw: true,
-    // 		entryOnly: true,
-    // 	},
-    // ]);
     config.plugin('PlatformSuffixPlugin').use(PlatformSuffixPlugin_1.PlatformSuffixPlugin, [
         {
-            extensions: platform === 'visionos' ? [platform, 'ios'] : [platform],
+            extensions: platformResolutionExtensions,
         },
     ]);
     // Makes sure that require.context will never include
@@ -405,16 +550,18 @@ function default_1(config, env = index_1.env) {
         .use(webpack_1.ContextExclusionPlugin, [new RegExp(`(.*)App_Resources(.*)`)]);
     // Makes sure that require.context will never include code from
     // another platform (ie .android.ts when building for ios)
-    const otherPlatformsRE = (0, platform_1.getAvailablePlatforms)()
-        .filter((platform) => platform !== (0, platform_1.getPlatformName)())
-        .join('|');
+    const otherPlatforms = (0, platform_1.getAvailablePlatforms)().filter((availablePlatform) => availablePlatform !== (0, platform_1.getPlatformName)());
+    if (!isApplePlatform(platform) && !otherPlatforms.includes('apple')) {
+        otherPlatforms.push('apple');
+    }
+    const otherPlatformsRE = otherPlatforms.join('|');
     config
         .plugin('ContextExclusionPlugin|Other_Platforms')
         .use(webpack_1.ContextExclusionPlugin, [
-        new RegExp(`\\.(${otherPlatformsRE})\\.(\\w+)$`),
+        new RegExp(`\.(${otherPlatformsRE})\.(\w+)$`),
     ]);
     // Filter common undesirable warnings
-    config.set('ignoreWarnings', ((_d = config.get('ignoreWarnings')) !== null && _d !== void 0 ? _d : []).concat([
+    config.set('ignoreWarnings', ((_k = config.get('ignoreWarnings')) !== null && _k !== void 0 ? _k : []).concat([
         /**
          * This rule hides
          * +-----------------------------------------------------------------------------------------+
@@ -426,7 +573,7 @@ function default_1(config, env = index_1.env) {
         /System.import\(\) is deprecated/,
     ]));
     // todo: refine defaults
-    config.plugin('DefinePlugin').use(webpack_1.DefinePlugin, [
+    config.plugin('DefinePlugin').use(CompatDefinePlugin_1.CompatDefinePlugin, [
         {
             __DEV__: mode === 'development',
             __NS_WEBPACK__: true,
@@ -435,16 +582,17 @@ function default_1(config, env = index_1.env) {
             __CSS_PARSER__: JSON.stringify((0, config_1.getValue)('cssParser', 'css-tree')),
             __UI_USE_XML_PARSER__: true,
             __UI_USE_EXTERNAL_RENDERER__: false,
+            __COMMONJS__: !!env.commonjs,
             __ANDROID__: platform === 'android',
             __IOS__: platform === 'ios',
             __VISIONOS__: platform === 'visionos',
-            __APPLE__: platform === 'ios' || platform === 'visionos',
+            __APPLE__: platform === 'ios' ||
+                platform === 'visionos' ||
+                platform === 'macos',
             /* for compat only */ 'global.isAndroid': platform === 'android',
             /* for compat only */ 'global.isIOS': platform === 'ios' || platform === 'visionos',
             /* for compat only */ 'global.isVisionOS': platform === 'visionos',
             process: 'global.process',
-            // todo: ?!?!
-            // profile: '() => {}',
         },
     ]);
     // enable DotEnv
@@ -475,7 +623,7 @@ function default_1(config, env = index_1.env) {
 }
 function shouldIncludeInspectorModules() {
     const platform = (0, platform_1.getPlatformName)();
-    const coreVersion = (0, dependencies_1.getDependencyVersion)('@nativescript/core');
+    const coreVersion = (0, dependencies_2.getDependencyVersion)('@nativescript/core');
     if (coreVersion && (0, semver_1.satisfies)(coreVersion, '>=8.7.0')) {
         return platform === 'ios' || platform === 'android';
     }