@salesforce/pwa-kit-dev 4.0.0-extensibility-preview.2 → 4.0.0-extensibility-preview.4

package/bin/pwa-kit-dev.js

@@ -299,7 +299,7 @@ const main = async () => {
                 ? projectWebpack
                 : p.join(__dirname, '..', 'configs', 'webpack', 'config.js')
             fse.emptyDirSync(buildDirectory)
-            execSync(`${webpack} --config ${webpackConf}`, {
+            execSync(`"${webpack}" --config "${webpackConf}"`, {
                 env: {
                     NODE_ENV: 'production',
                     ...process.env,
@@ -473,6 +473,13 @@ const main = async () => {
             )
         })
 
+    program
+        .command('list-overrides')
+        .description('List all overridable files in the project')
+        .action(() => {
+            execSync(p.join('node_modules', '.bin', 'pwa-kit-extension-sdk'))
+        })
+
     managedRuntimeCommand('tail-logs')
         .description(`continuously stream environment logs`)
         .addOption(

package/configs/babel/babel-config.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _utils = require("@salesforce/pwa-kit-extension-sdk/shared/utils");
 var _ssrConfig = require("@salesforce/pwa-kit-runtime/utils/ssr-config");
+var _path = _interopRequireDefault(require("path"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
  * Copyright (c) 2021, salesforce.com, inc.
  * All rights reserved.
@@ -17,7 +19,8 @@ var _default = exports.default = {
   sourceType: 'unambiguous',
   presets: [[require('@babel/preset-env'), {
     targets: {
-      node: 18
+      // The _minimum_ Node version supported. See https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/upgrade-node-version.html#supported-node-versions
+      node: '18'
     }
   }], require('@babel/preset-typescript'), require('@babel/preset-react')],
   plugins: [[require('@salesforce/pwa-kit-extension-sdk/configs/babel/plugin-application-extensions'), {
@@ -34,5 +37,22 @@ var _default = exports.default = {
       presets: [require('@babel/preset-env'), require('@babel/preset-react')],
       plugins: [require('babel-plugin-dynamic-import-node-babel-7')]
     }
-  }
+  },
+  ignore: [function (filepath) {
+    const normalizedPath = _path.default.normalize(filepath);
+    const extensionRegex = new RegExp(`node_modules\\${_path.default.sep}[^\\${_path.default.sep}]+\\${_path.default.sep}(pwa-kit-extension-sdk|@[^\\${_path.default.sep}]+\\${_path.default.sep}extension-|extension-)`);
+
+    // Return false if it's an allowed extension package @salesforce/pwa-kit-extension-sdk and extension-*
+    if (extensionRegex.test(normalizedPath)) {
+      return false;
+    }
+
+    // Return true if it's in node_modules (excluding allowed packages handled above)
+    if (/node_modules/.test(normalizedPath)) {
+      return true;
+    }
+
+    // Return false for all other files
+    return false;
+  }]
 };

package/configs/webpack/config.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SUPPORTED_FILE_EXTENSIONS = exports.EXTENIONS_NAMESPACE = exports.DEPS_TO_DEDUPE = void 0;
 var _webpackBundleAnalyzer = require("webpack-bundle-analyzer");
-var _path = require("path");
+var _path = _interopRequireWildcard(require("path"));
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
 var _webpack = _interopRequireDefault(require("webpack"));
 var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
@@ -14,12 +14,15 @@ var _reactRefreshWebpackPlugin = _interopRequireDefault(require("@pmmmwh/react-r
 var _speedMeasureWebpackPlugin = _interopRequireDefault(require("speed-measure-webpack-plugin"));
 var _webpackNotifier = _interopRequireDefault(require("webpack-notifier"));
 var _applicationExtensionsConfigPlugin = _interopRequireDefault(require("@salesforce/pwa-kit-extension-sdk/configs/webpack/application-extensions-config-plugin"));
+var _overrideStatsPlugin = _interopRequireDefault(require("@salesforce/pwa-kit-extension-sdk/configs/webpack/override-stats-plugin"));
 var _plugins = require("./plugins");
 var _configNames = require("./config-names");
 var _webpack2 = require("@salesforce/pwa-kit-extension-sdk/configs/webpack");
 var _ssrConfig = require("@salesforce/pwa-kit-runtime/utils/ssr-config");
 var _utils = require("@salesforce/pwa-kit-extension-sdk/shared/utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -39,6 +42,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const projectDir = process.cwd();
 const pkg = _fsExtra.default.readJsonSync((0, _path.resolve)(projectDir, 'package.json'));
 const buildDir = process.env.PWA_KIT_BUILD_DIR ? (0, _path.resolve)(process.env.PWA_KIT_BUILD_DIR) : (0, _path.resolve)(projectDir, 'build');
+const isMonoRepo = _fsExtra.default.existsSync((0, _path.resolve)(projectDir, '..', '..', 'lerna.json'));
 const production = 'production';
 const development = 'development';
 const analyzeBundle = process.env.MOBIFY_ANALYZE === 'true';
@@ -95,10 +99,32 @@ const findDepInStack = pkg => {
   }
   return candidate;
 };
+
+// Helper function to detect extensions
+const detectExtensions = ({
+  dependencies,
+  projectDir
+} = {}) => {
+  const extensions = [];
+
+  // Use provided dependencies or get them from package.json
+  const allDependencies = dependencies || [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.devDependencies || {})];
+  for (const dependency of allDependencies) {
+    const packagePath = _path.default.join(projectDir || process.cwd(), 'node_modules', dependency);
+    if ((0, _utils.isExtensionPackage)(packagePath)) {
+      extensions.push(dependency);
+    }
+  }
+  return extensions;
+};
+const detectedExtensions = detectExtensions({
+  projectDir
+});
 const baseConfig = target => {
   if (!['web', 'node'].includes(target)) {
     throw Error(`The value "${target}" is not a supported webpack target`);
   }
+  const extensions = (0, _utils.getConfiguredExtensions)((0, _ssrConfig.getConfig)());
   class Builder {
     constructor() {
       this.config = _objectSpread(_objectSpread({
@@ -140,11 +166,7 @@ const baseConfig = target => {
           extensions: SUPPORTED_FILE_EXTENSIONS,
           alias: _objectSpread(_objectSpread({}, _extends(...DEPS_TO_DEDUPE.map(dep => ({
             [dep]: findDepInStack(dep)
-          })))), {}, {
-            // TODO: This alias is temporary. When we investigate turning the retail template into an application extension
-            // we'll have to decide if we want to continue using an alias, or change back to using relative paths.
-            '@salesforce/retail-react-app': projectDir
-          }, (0, _utils.buildAliases)(Object.keys((pkg === null || pkg === void 0 ? void 0 : pkg.devDependencies) || {}).filter(dependency => dependency.match(_utils.nameRegex))))
+          })))), (0, _utils.buildAliases)(detectedExtensions))
         }, target === 'web' ? {
           fallback: {
             crypto: false
@@ -156,13 +178,13 @@ const baseConfig = target => {
           }
         },
         plugins: [new _applicationExtensionsConfigPlugin.default({
-          extensions: (0, _utils.getConfiguredExtensions)((0, _ssrConfig.getConfig)())
+          extensions
         }), new _webpack.default.DefinePlugin({
           DEBUG,
           NODE_ENV: `'${process.env.NODE_ENV}'`,
           WEBPACK_TARGET: `'${target}'`,
           ['global.GENTLY']: false
-        }),
+        }), process.env.RECORD_OVERRIDES === 'true' && new _overrideStatsPlugin.default(),
         // new SharedStatePlugin(),
         mode === development && new _webpack.default.NoEmitOnErrorsPlugin(), (0, _plugins.sdkReplacementPlugin)(),
         // Don't chunk if it's a node target – faster Lambda startup.
@@ -190,14 +212,20 @@ const baseConfig = target => {
             }
           }, (0, _webpack2.ruleForApplicationExtensibility)({
             loaderOptions: {
-              configured: (0, _utils.getConfiguredExtensions)((0, _ssrConfig.getConfig)()),
+              configured: extensions,
               target: 'web'
             }
           }), (0, _webpack2.ruleForApplicationExtensibility)({
             loaderOptions: {
-              configured: (0, _utils.getConfiguredExtensions)((0, _ssrConfig.getConfig)()),
+              configured: extensions,
               target: 'node'
             }
+          }), (0, _webpack2.ruleForOverrideResolver)({
+            extensions,
+            resolveExtensions: SUPPORTED_FILE_EXTENSIONS,
+            isMonoRepo,
+            projectDir,
+            target
           })].filter(Boolean)
         }
       });
@@ -238,22 +266,66 @@ const staticFolderCopyPlugin = new _copyWebpackPlugin.default({
   patterns: [{
     from: 'app/static/',
     to: 'static/'
-  }, ...(0, _utils.getConfiguredExtensions)((0, _ssrConfig.getConfig)()).map(extension => {
-    const packageName = extension[0];
+  }, ...detectedExtensions.map(extension => {
     return {
-      from: `${projectDir}/node_modules/${packageName}/static`,
-      to: `static/${EXTENIONS_NAMESPACE}/${packageName}`,
+      from: `${projectDir}/node_modules/${extension}/static`,
+      to: `static/${EXTENIONS_NAMESPACE}/${extension}`,
       // Add exclude for readme file.
       noErrorOnMissing: true
     };
   })]
 });
 const ruleForBabelLoader = babelPlugins => {
+  // Handle the case when no extensions are detected
+  if (!detectedExtensions.length) {
+    return {
+      id: 'babel-loader',
+      test: /(\.js(x?)|\.ts(x?))$/,
+      exclude: /node_modules/,
+      use: [{
+        loader: findDepInStack('thread-loader'),
+        options: {
+          // eslint-disable-next-line @typescript-eslint/no-var-requires
+          workers: Math.min(4, require('os').cpus().length),
+          workerParallelJobs: 100
+        }
+      }, {
+        loader: findDepInStack('babel-loader'),
+        options: _objectSpread({
+          rootMode: 'upward',
+          cacheDirectory: true
+        }, babelPlugins ? {
+          plugins: babelPlugins
+        } : {})
+      }]
+    };
+  }
+
+  // Pre-compute the paths to extensions for performance
+  const extensionPaths = detectedExtensions.map(ext => _path.default.normalize(`node_modules${_path.default.sep}${ext}${_path.default.sep}`));
   return {
     id: 'babel-loader',
     test: /(\.js(x?)|\.ts(x?))$/,
-    // NOTE: Because our extensions are just folders containing source code, we need to ensure that the babel-loader processes them.
+    exclude: modulePath => {
+      // Not in node_modules. Include it (don't exclude)
+      if (!modulePath.includes('node_modules')) {
+        return false;
+      }
+
+      // Normalize path for consistent comparison
+      const normalizedPath = _path.default.normalize(modulePath);
+
+      // Check if the path includes any of our extension paths
+      return !extensionPaths.some(extPath => normalizedPath.includes(extPath));
+    },
     use: [{
+      loader: findDepInStack('thread-loader'),
+      options: {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        workers: Math.min(4, require('os').cpus().length),
+        workerParallelJobs: 100
+      }
+    }, {
       loader: findDepInStack('babel-loader'),
       options: _objectSpread({
         rootMode: 'upward',
@@ -299,7 +371,7 @@ const client = entryPointExists(['app', 'main']) && baseConfig('web').extend(wit
     // Must be named "client". See - https://www.npmjs.com/package/webpack-hot-server-middleware#usage
     name: _configNames.CLIENT,
     // use source map to make debugging easier
-    devtool: mode === development ? 'source-map' : false,
+    devtool: mode === development || process.env.PWA_KIT_SOURCE_MAP === 'true' ? 'source-map' : false,
     entry: {
       main: getAppEntryPoint()
     },
@@ -320,9 +392,9 @@ const optional = (name, path) => {
 const clientOptional = baseConfig('web').extend(config => {
   return _objectSpread(_objectSpread({}, config), {}, {
     name: _configNames.CLIENT_OPTIONAL,
-    entry: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, optional('loader', (0, _path.resolve)(projectDir, 'app', 'loader.js'))), optional('worker', (0, _path.resolve)(projectDir, 'worker', 'main.js'))), optional('core-polyfill', (0, _path.resolve)(projectDir, 'node_modules', 'core-js'))), optional('fetch-polyfill', (0, _path.resolve)(projectDir, 'node_modules', 'whatwg-fetch'))),
+    entry: _objectSpread(_objectSpread(_objectSpread({}, optional('loader', (0, _path.resolve)(projectDir, 'app', 'loader.js'))), optional('worker', (0, _path.resolve)(projectDir, 'worker', 'main.js'))), optional('fetch-polyfill', (0, _path.resolve)(projectDir, 'node_modules', 'whatwg-fetch'))),
     // use source map to make debugging easier
-    devtool: mode === development ? 'source-map' : false,
+    devtool: mode === development || process.env.PWA_KIT_SOURCE_MAP === 'true' ? 'source-map' : false,
     plugins: [...config.plugins, analyzeBundle && getBundleAnalyzerPlugin(_configNames.CLIENT_OPTIONAL)].filter(Boolean)
   });
 }).build();
@@ -332,7 +404,7 @@ const renderer = _fsExtra.default.existsSync((0, _path.resolve)(projectDir, 'nod
     name: _configNames.SERVER,
     entry: '@salesforce/pwa-kit-react-sdk/ssr/server/react-rendering.js',
     // use eval-source-map for server-side debugging
-    devtool: mode === development && INSPECT ? 'eval-source-map' : false,
+    devtool: mode === development && INSPECT || process.env.PWA_KIT_SOURCE_MAP === 'true' ? 'eval-source-map' : false,
     output: {
       path: buildDir,
       // We want to split the build on local development to reduce memory usage.
@@ -354,7 +426,7 @@ const ssr = (() => {
   // Only compile the ssr file when we're building for prod.
   if (mode === production) {
     return baseConfig('node').extend(config => {
-      return _objectSpread(_objectSpread(_objectSpread({}, config), process.env.PWA_KIT_SSR_SOURCE_MAP === 'true' ? {
+      return _objectSpread(_objectSpread(_objectSpread({}, config), process.env.PWA_KIT_SOURCE_MAP === 'true' ? {
         devtool: 'source-map'
       } : {}), {}, {
         // Must *not* be named "server". See - https://www.npmjs.com/package/webpack-hot-server-middleware#usage
@@ -382,7 +454,7 @@ const requestProcessor = entryPointExists(['app', 'request-processor']) && baseC
       libraryTarget: 'commonjs2'
     },
     // use eval-source-map for server-side debugging
-    devtool: mode === development && INSPECT ? 'eval-source-map' : false,
+    devtool: mode === development && INSPECT || process.env.PWA_KIT_SOURCE_MAP === 'true' ? 'eval-source-map' : false,
     plugins: [...config.plugins, analyzeBundle && getBundleAnalyzerPlugin(_configNames.REQUEST_PROCESSOR)].filter(Boolean)
   });
 }).build();

package/configs/webpack/plugins.js

@@ -7,7 +7,6 @@ exports.sdkReplacementPlugin = void 0;
 var _webpack = _interopRequireDefault(require("webpack"));
 var _path = _interopRequireWildcard(require("path"));
 var _glob = _interopRequireDefault(require("glob"));
-var _config = require("./config");
 var _utils = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -24,23 +23,7 @@ const projectDir = process.cwd();
 const pkg = require((0, _path.resolve)(projectDir, 'package.json'));
 const OVERRIDES_EXTENSIONS = '.+(js|jsx|ts|tsx)';
 const getOverridePath = relativePath => {
-  var _pkg$ccExtensibility;
-  const extendPath = pkg !== null && pkg !== void 0 && (_pkg$ccExtensibility = pkg.ccExtensibility) !== null && _pkg$ccExtensibility !== void 0 && _pkg$ccExtensibility.extends ? `node_modules/${_config.EXT_EXTENDS}` : '';
-  const overridePath = _config.EXT_OVERRIDES_DIR === null || _config.EXT_OVERRIDES_DIR === void 0 ? void 0 : _config.EXT_OVERRIDES_DIR.replace(/^\//, '');
-
-  // order matters here, we perform look ups starting in the following order:
-  // pkg.ccExtensibility.overridesDir => pkg.ccExtensibility.extends => current projectDir
-  if (_config.EXT_EXTENDS && _config.EXT_OVERRIDES_DIR) {
-    const filePath = `${(0, _path.resolve)(projectDir, overridePath, ...relativePath)}${OVERRIDES_EXTENSIONS}`;
-    const overrideFile = _glob.default.sync(filePath);
-    if (overrideFile !== null && overrideFile !== void 0 && overrideFile.length) {
-      return overrideFile === null || overrideFile === void 0 ? void 0 : overrideFile[0];
-    }
-    const extendFile = _glob.default.sync(`${(0, _path.resolve)(projectDir, extendPath, ...relativePath)}${OVERRIDES_EXTENSIONS}`);
-    if (extendFile !== null && extendFile !== void 0 && extendFile.length) {
-      return extendFile === null || extendFile === void 0 ? void 0 : extendFile[0];
-    }
-  }
+  // Perform lookups starting in the current projectDir
   const generatedProjectOverride = _glob.default.sync(`${(0, _path.resolve)(projectDir, ...relativePath)}${OVERRIDES_EXTENSIONS}`);
   return generatedProjectOverride !== null && generatedProjectOverride !== void 0 && generatedProjectOverride.length ? generatedProjectOverride === null || generatedProjectOverride === void 0 ? void 0 : generatedProjectOverride[0] : (0, _path.resolve)('node_modules', '@salesforce', 'pwa-kit-react-sdk', 'ssr', 'universal', ...relativePath.filter(item => item !== 'app'));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/pwa-kit-dev",
-  "version": "4.0.0-extensibility-preview.2",
+  "version": "4.0.0-extensibility-preview.4",
   "description": "Build tools for pwa-kit",
   "homepage": "https://github.com/SalesforceCommerceCloud/pwa-kit/tree/develop/packages/pwa-kit-dev#readme",
   "bugs": {
@@ -58,15 +58,15 @@
     "@loadable/server": "^5.15.3",
     "@loadable/webpack-plugin": "^5.15.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
-    "@salesforce/pwa-kit-extension-sdk": "4.0.0-extensibility-preview.2",
-    "@salesforce/pwa-kit-runtime": "4.0.0-extensibility-preview.2",
+    "@salesforce/pwa-kit-extension-sdk": "4.0.0-extensibility-preview.4",
+    "@salesforce/pwa-kit-runtime": "4.0.0-extensibility-preview.4",
     "@typescript-eslint/eslint-plugin": "^5.57.0",
     "@typescript-eslint/parser": "^5.57.0",
     "archiver": "1.3.0",
     "babel-jest": "^27.1.0",
     "babel-loader": "^8.3.0",
     "babel-plugin-dynamic-import-node-babel-7": "^2.0.7",
-    "babel-plugin-formatjs": "10.4.0",
+    "babel-plugin-formatjs": "10.5.36",
     "babel-plugin-module-resolver": "^5.0.2",
     "chalk": "^4.1.2",
     "commander": "^9.5.0",
@@ -105,6 +105,7 @@
     "source-map-loader": "^4.0.1",
     "speed-measure-webpack-plugin": "^1.5.0",
     "svg-sprite-loader": "^6.0.11",
+    "thread-loader": "^4.0.4",
     "validator": "^13.9.0",
     "webpack": "^5.76.3",
     "webpack-bundle-analyzer": "^4.8.0",
@@ -123,7 +124,7 @@
     "@types/node": "~16.0.3",
     "@types/node-fetch": "~2.6.3",
     "@types/validator": "~13.7.14",
-    "internal-lib-build": "4.0.0-extensibility-preview.2",
+    "internal-lib-build": "4.0.0-extensibility-preview.4",
     "nock": "^13.3.0",
     "nodemon": "^2.0.22",
     "superagent": "^6.1.0",
@@ -143,11 +144,11 @@
     }
   },
   "engines": {
-    "node": "^16.11.0 || ^18.0.0 || ^20.0.0",
-    "npm": "^8.0.0 || ^9.0.0 || ^10.0.0"
+    "node": "^16.11.0 || ^18.0.0 || ^20.0.0 || ^22.0.0",
+    "npm": "^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0"
   },
   "publishConfig": {
     "directory": "dist"
   },
-  "gitHead": "6b5da20f750f39d89c490cf77f1bf160c7e3d8f7"
+  "gitHead": "5ad3b1f0e598cfe0fbdec5b1212b4dabc0a8733c"
 }

package/ssr/server/build-dev-server.js

@@ -43,7 +43,10 @@ const DevServerMixin = exports.DevServerMixin = {
    * @private
    */
   _logStartupMessage(options) {
-    _loggerInstance.default.log(`Starting the DevServer on ${_chalk.default.cyan(this._getDevServerURL(options))}`);
+    const {
+      startPath = '/'
+    } = options;
+    _loggerInstance.default.log(`Starting the DevServer on ${_chalk.default.cyan(this._getDevServerURL(options) + startPath)}`);
   },
   /**
    * @private
@@ -210,6 +213,11 @@ const DevServerMixin = exports.DevServerMixin = {
       next();
     });
   },
+  /**
+   * Serve static files from the app directory.
+   * @param filePath - The path to the file to serve.
+   * @param opts - Additional options.
+   */
   serveStaticFile(filePath, opts = {}) {
     // Warning: Ugly part of the Bundle spec that we need to maintain.
     //
@@ -233,8 +241,7 @@ const DevServerMixin = exports.DevServerMixin = {
     // eslint-disable-next-line @typescript-eslint/no-var-requires
     const pkg = require(_path.default.resolve(process.cwd(), 'package.json'));
     return (req, res) => {
-      var _pkg$ccExtensibility, _pkg$ccExtensibility2, _pkg$ccExtensibility3;
-      const baseDir = _path.default.resolve(req.app.options.projectDir, pkg !== null && pkg !== void 0 && (_pkg$ccExtensibility = pkg.ccExtensibility) !== null && _pkg$ccExtensibility !== void 0 && _pkg$ccExtensibility.overridesDir ? pkg === null || pkg === void 0 ? void 0 : (_pkg$ccExtensibility2 = pkg.ccExtensibility) === null || _pkg$ccExtensibility2 === void 0 ? void 0 : (_pkg$ccExtensibility3 = _pkg$ccExtensibility2.overridesDir) === null || _pkg$ccExtensibility3 === void 0 ? void 0 : _pkg$ccExtensibility3.replace(/^\//, '') : '', 'app');
+      const baseDir = _path.default.resolve(req.app.options.projectDir, 'app');
       return this._serveStaticFile(req, res, baseDir, filePath, opts);
     };
   },
@@ -306,7 +313,8 @@ const DevServerMixin = exports.DevServerMixin = {
   _createHandler(app) {
     const {
       protocol,
-      sslFilePath
+      sslFilePath,
+      startPath = '/'
     } = app.options;
     const {
       hostname,
@@ -330,7 +338,9 @@ const DevServerMixin = exports.DevServerMixin = {
     }, () => {
       /* istanbul ignore next */
       if (process.env.NODE_ENV !== 'test') {
-        (0, _open.default)(`${this._getDevServerURL(app.options)}/__mrt/loading-screen/index.html?loading=1`);
+        const targetPath = encodeURIComponent(startPath);
+        const loadingPage = `${this._getDevServerURL(app.options)}/__mrt/loading-screen/index.html?loading=1&path=${targetPath}`;
+        (0, _open.default)(loadingPage);
       }
     });
     return {

package/utils/script-utils.js

@@ -378,18 +378,9 @@ const createBundle = exports.createBundle = /*#__PURE__*/function () {
     })).then(/*#__PURE__*/_asyncToGenerator(function* () {
       const {
         dependencies = {},
-        devDependencies = {},
-        ccExtensibility = {
-          extends: '',
-          overridesDir: ''
-        }
+        devDependencies = {}
       } = yield getProjectPkg();
-      const extendsTemplate = 'node_modules/' + ccExtensibility.extends;
-      let cc_overrides = [];
-      if (ccExtensibility.overridesDir) {
-        const overrides_files = yield _walkDir(ccExtensibility.overridesDir, ccExtensibility.overridesDir);
-        cc_overrides = Array.from(overrides_files).filter(item => (0, _fsExtra.existsSync)(_path.default.join(extendsTemplate, item)));
-      }
+      const cc_overrides = [];
       const dependencyTree = yield getProjectDependencyTree();
       // If we can't load the dependency tree, pretend that it's empty.
       // TODO: Should we report an error?