@atlaspack/runtime-js 2.14.5-canary.16 → 2.14.5-canary.161

package/CHANGELOG.md

@@ -1,5 +1,211 @@
 # @atlaspack/runtime-js
 
+## 2.18.1
+
+### Patch Changes
+
+- Updated dependencies [[`f6b3f22`](https://github.com/atlassian-labs/atlaspack/commit/f6b3f2276c7e417580b49c4879563aab51f156b1)]:
+  - @atlaspack/feature-flags@2.23.0
+  - @atlaspack/utils@2.18.2
+  - @atlaspack/plugin@2.14.25
+
+## 2.18.0
+
+### Minor Changes
+
+- [#732](https://github.com/atlassian-labs/atlaspack/pull/732) [`7f5841c`](https://github.com/atlassian-labs/atlaspack/commit/7f5841c39df049f9546cccbeea2a7337e0337b45) Thanks [@vykimnguyen](https://github.com/vykimnguyen)! - add tesseract context
+
+### Patch Changes
+
+- Updated dependencies [[`73dd7ba`](https://github.com/atlassian-labs/atlaspack/commit/73dd7baab69456ef2f6e4a0cc7dbb04f407eb148)]:
+  - @atlaspack/feature-flags@2.22.0
+  - @atlaspack/utils@2.18.1
+  - @atlaspack/plugin@2.14.24
+
+## 2.17.0
+
+### Minor Changes
+
+- [#731](https://github.com/atlassian-labs/atlaspack/pull/731) [`23d561e`](https://github.com/atlassian-labs/atlaspack/commit/23d561e51e68b0c38fd1ff4e4fb173e5e7b01cf2) Thanks [@marcins](https://github.com/marcins)! - Implement "inline isolated" scripts
+
+### Patch Changes
+
+- Updated dependencies [[`23d561e`](https://github.com/atlassian-labs/atlaspack/commit/23d561e51e68b0c38fd1ff4e4fb173e5e7b01cf2)]:
+  - @atlaspack/feature-flags@2.21.0
+  - @atlaspack/utils@2.18.0
+  - @atlaspack/plugin@2.14.23
+
+## 2.16.1
+
+### Patch Changes
+
+- [#720](https://github.com/atlassian-labs/atlaspack/pull/720) [`d2fd849`](https://github.com/atlassian-labs/atlaspack/commit/d2fd849770fe6305e9c694bd97b1bd905abd9d94) Thanks [@alshdavid](https://github.com/alshdavid)! - Migrate to TypeScript
+
+- Updated dependencies [[`d2fd849`](https://github.com/atlassian-labs/atlaspack/commit/d2fd849770fe6305e9c694bd97b1bd905abd9d94), [`12bee0e`](https://github.com/atlassian-labs/atlaspack/commit/12bee0e23f0464d7f6bd3e24fbe0d19c126d587d)]:
+  - @atlaspack/domain-sharding@2.14.2
+  - @atlaspack/feature-flags@2.20.1
+  - @atlaspack/diagnostic@2.14.2
+  - @atlaspack/plugin@2.14.22
+  - @atlaspack/utils@2.17.4
+
+## 2.16.0
+
+### Minor Changes
+
+- [#721](https://github.com/atlassian-labs/atlaspack/pull/721) [`069de47`](https://github.com/atlassian-labs/atlaspack/commit/069de478e64fb5889f6f2ce023eb510782767fbd) Thanks [@benjervis](https://github.com/benjervis)! - Add support for bundle merging based on `webpackChunkName` comments.
+
+  Adding a `webpackChunkName` comment to an import will allow the bundler to merge multiple imports into a single bundle.
+
+  e.g.:
+
+  ```ts
+  import(/* webpackChunkName: "my-chunk" */ './my-module');
+  import(/* webpackChunkName: "my-chunk" */ './another-module');
+  ```
+
+  This can be enabled with the feature flag `supportWebpackChunkName`.
+
+### Patch Changes
+
+- Updated dependencies [[`069de47`](https://github.com/atlassian-labs/atlaspack/commit/069de478e64fb5889f6f2ce023eb510782767fbd)]:
+  - @atlaspack/feature-flags@2.20.0
+  - @atlaspack/utils@2.17.3
+  - @atlaspack/plugin@2.14.21
+
+## 2.15.2
+
+### Patch Changes
+
+- [#702](https://github.com/atlassian-labs/atlaspack/pull/702) [`daaa768`](https://github.com/atlassian-labs/atlaspack/commit/daaa7688786772d7e3713b71c5bba6b89ec704aa) Thanks [@alshdavid](https://github.com/alshdavid)! - Fixes to Flow types
+
+- Updated dependencies [[`daaa768`](https://github.com/atlassian-labs/atlaspack/commit/daaa7688786772d7e3713b71c5bba6b89ec704aa), [`1c7865a`](https://github.com/atlassian-labs/atlaspack/commit/1c7865a64451116d94015e248302435839d347c0), [`a0b959f`](https://github.com/atlassian-labs/atlaspack/commit/a0b959fbf61fc3f820ff03c7e8988945fe40a91a)]:
+  - @atlaspack/plugin@2.14.20
+  - @atlaspack/feature-flags@2.19.2
+  - @atlaspack/utils@2.17.2
+
+## 2.15.1
+
+### Patch Changes
+
+- [#692](https://github.com/atlassian-labs/atlaspack/pull/692) [`13aef17`](https://github.com/atlassian-labs/atlaspack/commit/13aef177eea289a6e40d2113b5ec1ac9be18a33d) Thanks [@JakeLane](https://github.com/JakeLane)! - Add fallback behaviour when conditional bundle is missing
+
+- Updated dependencies [[`13aef17`](https://github.com/atlassian-labs/atlaspack/commit/13aef177eea289a6e40d2113b5ec1ac9be18a33d)]:
+  - @atlaspack/feature-flags@2.19.1
+  - @atlaspack/utils@2.17.1
+  - @atlaspack/plugin@2.14.19
+
+## 2.15.0
+
+### Minor Changes
+
+- [#640](https://github.com/atlassian-labs/atlaspack/pull/640) [`dbb4072`](https://github.com/atlassian-labs/atlaspack/commit/dbb40721ebeb45990a14ba04e6b44e7f836fb32d) Thanks [@JakeLane](https://github.com/JakeLane)! - Clean up conditional bundling feature flags
+
+### Patch Changes
+
+- Updated dependencies [[`dbb4072`](https://github.com/atlassian-labs/atlaspack/commit/dbb40721ebeb45990a14ba04e6b44e7f836fb32d), [`becf977`](https://github.com/atlassian-labs/atlaspack/commit/becf977f625d5ee46dae3d4c679f173bf5f40cc0), [`c4415a4`](https://github.com/atlassian-labs/atlaspack/commit/c4415a455543d984ca28452c2cb87a794d22497c), [`f0f7c71`](https://github.com/atlassian-labs/atlaspack/commit/f0f7c7168a1d3d18c6f30d2daed611275692b7c5), [`de23e0c`](https://github.com/atlassian-labs/atlaspack/commit/de23e0ce49d5504fe3947ac26640a3d951087da3), [`18a57cf`](https://github.com/atlassian-labs/atlaspack/commit/18a57cf8a4789b2de5ad8e2676f317a26cc91417), [`a5ed1b4`](https://github.com/atlassian-labs/atlaspack/commit/a5ed1b414498560f393ff491af4da25b6e8dde56)]:
+  - @atlaspack/feature-flags@2.19.0
+  - @atlaspack/utils@2.17.0
+  - @atlaspack/plugin@2.14.18
+
+## 2.14.17
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/utils@2.16.1
+  - @atlaspack/plugin@2.14.17
+
+## 2.14.16
+
+### Patch Changes
+
+- Updated dependencies [[`e8a60ff`](https://github.com/atlassian-labs/atlaspack/commit/e8a60ffbea41caef265786bbf73349771760081c), [`30ee2cf`](https://github.com/atlassian-labs/atlaspack/commit/30ee2cfcd34cf2646ded0eda13fdb80a2a5de529)]:
+  - @atlaspack/feature-flags@2.18.4
+  - @atlaspack/utils@2.16.0
+  - @atlaspack/plugin@2.14.16
+
+## 2.14.15
+
+### Patch Changes
+
+- Updated dependencies [[`5ded263`](https://github.com/atlassian-labs/atlaspack/commit/5ded263c7f11b866e8885b81c73e20dd060b25be)]:
+  - @atlaspack/feature-flags@2.18.3
+  - @atlaspack/utils@2.15.3
+  - @atlaspack/plugin@2.14.15
+
+## 2.14.14
+
+### Patch Changes
+
+- Updated dependencies [[`644b157`](https://github.com/atlassian-labs/atlaspack/commit/644b157dee72a871acc2d0facf0b87b8eea51956)]:
+  - @atlaspack/feature-flags@2.18.2
+  - @atlaspack/utils@2.15.2
+  - @atlaspack/plugin@2.14.14
+
+## 2.14.13
+
+### Patch Changes
+
+- [#633](https://github.com/atlassian-labs/atlaspack/pull/633) [`26aa9c5`](https://github.com/atlassian-labs/atlaspack/commit/26aa9c599d2be45ce1438a74c5fa22f39b9b554b) Thanks [@sbhuiyan-atlassian](https://github.com/sbhuiyan-atlassian)! - Ported various HMR changes from Parcel
+
+- Updated dependencies [[`26aa9c5`](https://github.com/atlassian-labs/atlaspack/commit/26aa9c599d2be45ce1438a74c5fa22f39b9b554b), [`0501255`](https://github.com/atlassian-labs/atlaspack/commit/05012550da35b05ce7d356a8cc29311e7f9afdca)]:
+  - @atlaspack/feature-flags@2.18.1
+  - @atlaspack/utils@2.15.1
+  - @atlaspack/plugin@2.14.13
+
+## 2.14.12
+
+### Patch Changes
+
+- Updated dependencies [[`10fbcfb`](https://github.com/atlassian-labs/atlaspack/commit/10fbcfbfa49c7a83da5d7c40983e36e87f524a75), [`85c52d3`](https://github.com/atlassian-labs/atlaspack/commit/85c52d3f7717b3c84a118d18ab98cfbfd71dcbd2), [`e39c6cf`](https://github.com/atlassian-labs/atlaspack/commit/e39c6cf05f7e95ce5420dbcea66f401b1cbd397c)]:
+  - @atlaspack/feature-flags@2.18.0
+  - @atlaspack/utils@2.15.0
+  - @atlaspack/plugin@2.14.12
+
+## 2.14.11
+
+### Patch Changes
+
+- Updated dependencies [[`73ea3c4`](https://github.com/atlassian-labs/atlaspack/commit/73ea3c4d85d4401fdd15abcbf988237e890e7ad3), [`b1b3693`](https://github.com/atlassian-labs/atlaspack/commit/b1b369317c66f8a431c170df2ebba4fa5b2e38ef)]:
+  - @atlaspack/feature-flags@2.17.0
+  - @atlaspack/utils@2.14.11
+  - @atlaspack/plugin@2.14.11
+
+## 2.14.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.10
+  - @atlaspack/utils@2.14.10
+
+## 2.14.9
+
+### Patch Changes
+
+- Updated dependencies [[`209692f`](https://github.com/atlassian-labs/atlaspack/commit/209692ffb11eae103a0d65c5e1118a5aa1625818), [`f4da1e1`](https://github.com/atlassian-labs/atlaspack/commit/f4da1e120e73eeb5e8b8927f05e88f04d6148c7b)]:
+  - @atlaspack/feature-flags@2.16.0
+  - @atlaspack/utils@2.14.9
+  - @atlaspack/plugin@2.14.9
+
+## 2.14.8
+
+### Patch Changes
+
+- Updated dependencies [[`30f6017`](https://github.com/atlassian-labs/atlaspack/commit/30f60175ba4d272c5fc193973c63bc298584775b)]:
+  - @atlaspack/feature-flags@2.15.1
+  - @atlaspack/utils@2.14.8
+  - @atlaspack/plugin@2.14.8
+
+## 2.14.7
+
+### Patch Changes
+
+- Updated dependencies [[`a1773d2`](https://github.com/atlassian-labs/atlaspack/commit/a1773d2a62d0ef7805ac7524621dcabcc1afe929)]:
+  - @atlaspack/feature-flags@2.15.0
+  - @atlaspack/utils@2.14.7
+  - @atlaspack/plugin@2.14.7
+
 ## 2.14.6
 
 ### Patch Changes

package/lib/JSRuntime.js

@@ -76,8 +76,10 @@ const LOADERS = {
   }
 };
 function getLoaders(ctx) {
-  if (ctx.isWorker()) return LOADERS.worker;
+  // @ts-expect-error TS2322
+  if (ctx.isWorker() || ctx.isTesseract()) return LOADERS.worker;
   if (ctx.isBrowser()) return LOADERS.browser;
+  // @ts-expect-error TS2322
   if (ctx.isNode()) return LOADERS.node;
   return null;
 }
@@ -162,9 +164,11 @@ var _default = exports.default = new (_plugin().Runtime)({
           // If this bundle already has the asset this dependency references,
           // return a simple runtime of `Promise.resolve(internalRequire(assetId))`.
           // The linker handles this for scope-hoisting.
+
+          const requireName = (0, _featureFlags().getFeatureFlag)('hmrImprovements') ? 'parcelRequire' : 'module.bundle.root';
           assets.push({
             filePath: __filename,
-            code: `module.exports = Promise.resolve(module.bundle.root(${JSON.stringify(bundleGraph.getAssetPublicId(resolved.value))}))`,
+            code: `module.exports = Promise.resolve(${requireName}(${JSON.stringify(bundleGraph.getAssetPublicId(resolved.value))}))`,
             dependency,
             env: {
               sourceType: 'module'
@@ -175,7 +179,7 @@ var _default = exports.default = new (_plugin().Runtime)({
         // Resolve the dependency to a bundle. If inline, export the dependency id,
         // which will be replaced with the contents of that bundle later.
         let referencedBundle = bundleGraph.getReferencedBundle(dependency, bundle);
-        if ((referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inline') {
+        if ((referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inline' || (referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inlineIsolated') {
           assets.push({
             filePath: _path().default.join(__dirname, `/bundles/${referencedBundle.id}.js`),
             code: `module.exports = Promise.resolve(${JSON.stringify(dependency.id)});`,
@@ -205,10 +209,22 @@ var _default = exports.default = new (_plugin().Runtime)({
       // replaced with a reference to this asset to implement the selection.
       const conditions = bundleGraph.getConditionsForDependencies(conditionalDependencies, bundle);
       for (const cond of conditions) {
-        const requireName = bundle.env.shouldScopeHoist ? 'parcelRequire' : '__parcel__require__';
-        const assetCode = `module.exports = require('../helpers/conditional-loader${options.mode === 'development' ? '-dev' : ''}')('${cond.key}', function (){return ${requireName}('${cond.ifTrueAssetId}')}, function (){return ${requireName}('${cond.ifFalseAssetId}')})`;
+        const requireName = (0, _featureFlags().getFeatureFlag)('hmrImprovements') || bundle.env.shouldScopeHoist ? 'parcelRequire' : '__parcel__require__';
+
+        // @ts-expect-error TS7006
+        const fallbackUrls = cond => {
+          return `[${[...cond.ifTrueBundles, ...cond.ifFalseBundles].map(target => {
+            let relativePathExpr = getRelativePathExpr(bundle, target, options);
+            return getAbsoluteUrlExpr(relativePathExpr, bundle, config.domainSharding);
+          }).join(',')}]`;
+        };
+        const shouldUseFallback = options.mode === 'development' ? (0, _featureFlags().getFeatureFlag)('condbDevFallbackDev') : (0, _featureFlags().getFeatureFlag)('condbDevFallbackProd');
+        const loaderPath = `./helpers/conditional-loader${options.mode === 'development' ? '-dev' : ''}`;
+        const ifTrue = `function (){return ${requireName}('${cond.ifTrueAssetId}')}`;
+        const ifFalse = `function (){return ${requireName}('${cond.ifFalseAssetId}')}`;
+        const assetCode = `module.exports = require('${loaderPath}')('${cond.key}', ${ifTrue}, ${ifFalse}${shouldUseFallback ? `, {loader: require('./helpers/browser/sync-js-loader'), urls: ${fallbackUrls(cond)}}` : ''})`;
         assets.push({
-          filePath: _path().default.join(__dirname, `/conditions/${cond.publicId}.js`),
+          filePath: _path().default.join(__dirname, `/conditions-${cond.publicId}.js`),
           code: assetCode,
           // This dependency is important, as it's the last symbol handled in scope hoisting.
           // That means that scope hoisting will use the module id for this asset to replace the symbol
@@ -224,7 +240,7 @@ var _default = exports.default = new (_plugin().Runtime)({
       // Resolve the dependency to a bundle. If inline, export the dependency id,
       // which will be replaced with the contents of that bundle later.
       let referencedBundle = bundleGraph.getReferencedBundle(dependency, bundle);
-      if ((referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inline') {
+      if ((referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inline' || (referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inlineIsolated') {
         assets.push({
           filePath: _path().default.join(__dirname, `/bundles/${referencedBundle.id}.js`),
           code: `module.exports = ${JSON.stringify(dependency.id)};`,
@@ -263,7 +279,7 @@ var _default = exports.default = new (_plugin().Runtime)({
 
       // Skip URL runtimes for library builds. This is handled in packaging so that
       // the url is inlined and statically analyzable.
-      if (bundle.env.isLibrary && mainBundle.bundleBehavior !== 'isolated') {
+      if (bundle.env.isLibrary && mainBundle.bundleBehavior !== 'isolated' && mainBundle.bundleBehavior !== 'inlineIsolated') {
         continue;
       }
 
@@ -297,7 +313,7 @@ var _default = exports.default = new (_plugin().Runtime)({
         });
       }
     }
-    if (shouldUseRuntimeManifest(bundle, options) && bundleGraph.getChildBundles(bundle).some(b => b.bundleBehavior !== 'inline') && isNewContext(bundle, bundleGraph)) {
+    if (shouldUseRuntimeManifest(bundle, options) && bundleGraph.getChildBundles(bundle).some(b => b.bundleBehavior !== 'inline' && b.bundleBehavior !== 'inlineIsolated') && isNewContext(bundle, bundleGraph)) {
       assets.push({
         filePath: __filename,
         code: getRegisterCode(bundle, bundleGraph),
@@ -357,10 +373,16 @@ function getLoaderRuntime({
     return;
   }
   let externalBundles = bundleGraph.getBundlesInBundleGroup(bundleGroup);
-  let mainBundle = (0, _nullthrows().default)(externalBundles.find(bundle => {
-    var _bundle$getMainEntry;
-    return ((_bundle$getMainEntry = bundle.getMainEntry()) === null || _bundle$getMainEntry === void 0 ? void 0 : _bundle$getMainEntry.id) === bundleGroup.entryAssetId;
-  }));
+  let potentialMainBundle;
+  if ((0, _featureFlags().getFeatureFlag)('supportWebpackChunkName')) {
+    potentialMainBundle = externalBundles.find(bundle => bundle.getEntryAssets().some(asset => asset.id === bundleGroup.entryAssetId));
+  } else {
+    potentialMainBundle = externalBundles.find(bundle => {
+      var _bundle$getMainEntry;
+      return ((_bundle$getMainEntry = bundle.getMainEntry()) === null || _bundle$getMainEntry === void 0 ? void 0 : _bundle$getMainEntry.id) === bundleGroup.entryAssetId;
+    });
+  }
+  let mainBundle = (0, _nullthrows().default)(potentialMainBundle);
 
   // CommonJS is a synchronous module system, so there is no need to load bundles in parallel.
   // Importing of the other bundles will be handled by the bundle group entry.
@@ -385,6 +407,7 @@ function getLoaderRuntime({
   let needsEsmLoadPrelude = false;
   let loaderModules = [];
   function getLoaderForBundle(bundle, to, shardingConfig) {
+    // @ts-expect-error TS18049
     let loader = loaders[to.type];
     if (!loader) {
       return;
@@ -400,7 +423,11 @@ function getLoaderRuntime({
       if (!needsDynamicImportPolyfill) {
         return `__parcel__import__("./" + ${relativePathExpr})`;
       }
-      loader = (0, _nullthrows().default)(loaders.IMPORT_POLYFILL, `No import() polyfill available for context '${bundle.env.context}'`);
+
+      // @ts-expect-error TS2322
+      loader = (0, _nullthrows().default)(
+      // @ts-expect-error TS18049
+      loaders.IMPORT_POLYFILL, `No import() polyfill available for context '${bundle.env.context}'`);
     } else if (to.type === 'js' && to.env.outputFormat === 'commonjs') {
       return `Promise.resolve(__parcel__require__("./" + ${relativePathExpr}))`;
     }
@@ -434,8 +461,16 @@ function getLoaderRuntime({
     const loaders = [];
     for (const cond of conditions) {
       // This bundle has a conditional dependency, we need to load the bundle group
-      const ifTrueLoaders = cond.ifTrueBundles.flatMap(targetBundle => getConditionalLoadersForCondition(getDependencies(targetBundle).conditionalDependencies, targetBundle)).concat(cond.ifTrueBundles.map(targetBundle => getLoaderForBundle(sourceBundle, targetBundle)));
-      const ifFalseLoaders = cond.ifFalseBundles.flatMap(targetBundle => getConditionalLoadersForCondition(getDependencies(targetBundle).conditionalDependencies, targetBundle)).concat(cond.ifFalseBundles.map(targetBundle => getLoaderForBundle(sourceBundle, targetBundle)));
+      const ifTrueLoaders = cond.ifTrueBundles.flatMap(targetBundle => getConditionalLoadersForCondition(getDependencies(targetBundle).conditionalDependencies, targetBundle)).concat(
+      // @ts-expect-error TS2769
+      cond.ifTrueBundles.map(targetBundle =>
+      // @ts-expect-error TS2554
+      getLoaderForBundle(sourceBundle, targetBundle)));
+      const ifFalseLoaders = cond.ifFalseBundles.flatMap(targetBundle => getConditionalLoadersForCondition(getDependencies(targetBundle).conditionalDependencies, targetBundle)).concat(
+      // @ts-expect-error TS2769
+      cond.ifFalseBundles.map(targetBundle =>
+      // @ts-expect-error TS2554
+      getLoaderForBundle(sourceBundle, targetBundle)));
       if (ifTrueLoaders.length > 0 || ifFalseLoaders.length > 0) {
         // Load conditional bundles with helper (and a dev mode with additional hints)
         loaders.push(`require('./helpers/conditional-loader${options.mode === 'development' ? '-dev' : ''}')('${cond.key}', function (){return Promise.all([${ifTrueLoaders.join(',')}]);}, function (){return Promise.all([${ifFalseLoaders.join(',')}]);})`);
@@ -444,21 +479,8 @@ function getLoaderRuntime({
     return loaders;
   }
   if ((0, _featureFlags().getFeatureFlag)('conditionalBundlingApi')) {
-    if ((0, _featureFlags().getFeatureFlag)('conditionalBundlingNestedRuntime')) {
-      let conditionalDependencies = externalBundles.flatMap(to => getDependencies(to).conditionalDependencies);
-      loaderModules.push(...getConditionalLoadersForCondition(conditionalDependencies, bundle));
-    } else {
-      let conditionalDependencies = externalBundles.flatMap(to => getDependencies(to).conditionalDependencies);
-      for (const cond of bundleGraph.getConditionsForDependencies(conditionalDependencies, bundle)) {
-        // This bundle has a conditional dependency, we need to load the bundle group
-        const ifTrueLoaders = cond.ifTrueBundles.map(targetBundle => getLoaderForBundle(bundle, targetBundle));
-        const ifFalseLoaders = cond.ifFalseBundles.map(targetBundle => getLoaderForBundle(bundle, targetBundle));
-        if (ifTrueLoaders.length > 0 || ifFalseLoaders.length > 0) {
-          // Load conditional bundles with helper (and a dev mode with additional hints)
-          loaderModules.push(`require('./helpers/conditional-loader${options.mode === 'development' ? '-dev' : ''}')('${cond.key}', function (){return Promise.all([${ifTrueLoaders.join(',')}]);}, function (){return Promise.all([${ifFalseLoaders.join(',')}]);})`);
-        }
-      }
-    }
+    let conditionalDependencies = externalBundles.flatMap(to => getDependencies(to).conditionalDependencies);
+    loaderModules.push(...getConditionalLoadersForCondition(conditionalDependencies, bundle));
   }
   for (let to of externalBundles) {
     let loaderModule = getLoaderForBundle(bundle, to, shardingConfig);
@@ -488,7 +510,7 @@ function getLoaderRuntime({
     loaderCode = `(${loaderCode})`;
   }
   if (mainBundle.type === 'js') {
-    let parcelRequire = bundle.env.shouldScopeHoist ? 'parcelRequire' : 'module.bundle.root';
+    let parcelRequire = (0, _featureFlags().getFeatureFlag)('hmrImprovements') || bundle.env.shouldScopeHoist ? 'parcelRequire' : 'module.bundle.root';
     loaderCode += `.then(() => ${parcelRequire}('${bundleGraph.getAssetPublicId(bundleGraph.getAssetById(bundleGroup.entryAssetId))}'))`;
   }
   if (needsEsmLoadPrelude && options.featureFlags.importRetry) {
@@ -534,14 +556,16 @@ function getHintedBundleGroups(bundleGraph, bundle) {
     var _dependency$meta;
     let attributes = (_dependency$meta = dependency.meta) === null || _dependency$meta === void 0 ? void 0 : _dependency$meta.importAttributes;
     if (typeof attributes === 'object' && attributes != null && (
-    // $FlowFixMe
+    // @ts-expect-error TS2339
     attributes.preload || attributes.prefetch)) {
       let resolved = bundleGraph.resolveAsyncDependency(dependency, bundle);
       if ((resolved === null || resolved === void 0 ? void 0 : resolved.type) === 'bundle_group') {
         // === true for flow
+        // @ts-expect-error TS2339
         if (attributes.preload === true) {
           preload.push(resolved.value);
         }
+        // @ts-expect-error TS2339
         if (attributes.prefetch === true) {
           prefetch.push(resolved.value);
         }
@@ -559,8 +583,11 @@ function getHintLoaders(bundleGraph, from, bundleGroups, loader, options) {
     let bundlesToPreload = bundleGraph.getBundlesInBundleGroup(bundleGroupToPreload);
     for (let bundleToPreload of bundlesToPreload) {
       let relativePathExpr = getRelativePathExpr(from, bundleToPreload, options);
+      // @ts-expect-error TS7053
       let priority = TYPE_TO_RESOURCE_PRIORITY[bundleToPreload.type];
-      hintLoaders.push(`require(${JSON.stringify(loader)})(${getAbsoluteUrlExpr(relativePathExpr, from)}, ${priority ? JSON.stringify(priority) : 'null'}, ${JSON.stringify(bundleToPreload.target.env.outputFormat === 'esmodule')})`);
+      hintLoaders.push(
+      // @ts-expect-error TS2554
+      `require(${JSON.stringify(loader)})(${getAbsoluteUrlExpr(relativePathExpr, from)}, ${priority ? JSON.stringify(priority) : 'null'}, ${JSON.stringify(bundleToPreload.target.env.outputFormat === 'esmodule')})`);
     }
   }
   return hintLoaders;
@@ -571,7 +598,12 @@ function isNewContext(bundle, bundleGraph) {
   return isInEntryBundleGroup || parents.length === 0 || parents.some(parent => parent.env.context !== bundle.env.context || parent.type !== 'js');
 }
 function getURLRuntime(dependency, from, to, options, shardingConfig) {
-  let relativePathExpr = getRelativePathExpr(from, to, options);
+  let relativePathExpr;
+  if ((0, _featureFlags().getFeatureFlag)('hmrImprovements')) {
+    relativePathExpr = getRelativePathExpr(from, to, options, true);
+  } else {
+    relativePathExpr = getRelativePathExpr(from, to, options);
+  }
   let code;
   if (dependency.meta.webworker === true && !from.env.isLibrary) {
     code = `let workerURL = require('./helpers/get-worker-url');\n`;
@@ -599,9 +631,10 @@ function getURLRuntime(dependency, from, to, options, shardingConfig) {
   };
 }
 function getRegisterCode(entryBundle, bundleGraph) {
+  // @ts-expect-error TS2304
   let mappings = [];
   bundleGraph.traverseBundles((bundle, _, actions) => {
-    if (bundle.bundleBehavior === 'inline') {
+    if (bundle.bundleBehavior === 'inline' || bundle.bundleBehavior === 'inlineIsolated') {
       return;
     }
 
@@ -625,13 +658,19 @@ function getRegisterCode(entryBundle, bundleGraph) {
   : `require('./helpers/bundle-url').getBundleURL('${entryBundle.publicId}')`;
   return `require('./helpers/bundle-manifest').register(${baseUrl},JSON.parse(${JSON.stringify(JSON.stringify(mappings))}));`;
 }
-function getRelativePathExpr(from, to, options) {
+function getRelativePathExpr(from, to, options, isURL = to.type !== 'js') {
   let relativePath = (0, _utils().relativeBundlePath)(from, to, {
     leadingDotSlash: false
   });
   let res = JSON.stringify(relativePath);
-  if (options.hmrOptions) {
-    res += ' + "?" + Date.now()';
+  if ((0, _featureFlags().getFeatureFlag)('hmrImprovements')) {
+    if (isURL && options.hmrOptions) {
+      res += ' + "?" + Date.now()';
+    }
+  } else {
+    if (options.hmrOptions) {
+      res += ' + "?" + Date.now()';
+    }
   }
   return res;
 }
@@ -648,7 +687,7 @@ function getAbsoluteUrlExpr(relativePathExpr, fromBundle, shardingConfig) {
 }
 function shouldUseRuntimeManifest(bundle, options) {
   let env = bundle.env;
-  return !env.isLibrary && bundle.bundleBehavior !== 'inline' && env.isBrowser() && options.mode === 'production';
+  return !env.isLibrary && bundle.bundleBehavior !== 'inline' && bundle.bundleBehavior !== 'inlineIsolated' && env.isBrowser() && options.mode === 'production';
 }
 function getManifestBundlePriority(bundleGraph, bundle, threshold) {
   let bundleSize = 0;

package/lib/helpers/browser/analytics/analytics.d.js

@@ -0,0 +1 @@
+"use strict";

package/lib/helpers/browser/css-loader.js

@@ -1,13 +1,14 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadCSSBundle(bundle) {
   return new Promise(function (resolve, reject) {
     // Don't insert the same link element twice (e.g. if it was already in the HTML)
     let existingLinks = document.getElementsByTagName('link');
-    if ([].concat(existingLinks).some(function (link) {
+    let isCurrentBundle = function (link) {
       return link.href === bundle && link.rel.indexOf('stylesheet') > -1;
-    })) {
+    };
+    if ([].concat(existingLinks).some(isCurrentBundle)) {
       resolve();
       return;
     }

package/lib/helpers/browser/html-loader.js

@@ -1,7 +1,7 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadHTMLBundle(bundle) {
   return fetch(bundle).then(function (res) {
     return res.text();
   });

package/lib/helpers/browser/import-polyfill.js

@@ -1,7 +1,7 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function importModule(bundle) {
   return new Promise((resolve, reject) => {
     // Add a global function to handle when the script loads.
     let globalName = `i${('' + Math.random()).slice(2)}`;

package/lib/helpers/browser/js-loader.js

@@ -1,13 +1,14 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadJSBundle(bundle) {
   return new Promise(function (resolve, reject) {
     // Don't insert the same script twice (e.g. if it was already in the HTML)
     let existingScripts = document.getElementsByTagName('script');
-    if ([].concat(existingScripts).some(function (script) {
+    let isCurrentBundle = function (script) {
       return script.src === bundle;
-    })) {
+    };
+    if ([].concat(existingScripts).some(isCurrentBundle)) {
       resolve();
       return;
     }

package/lib/helpers/browser/prefetch-loader.js

@@ -1,7 +1,7 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle, priority) {
+module.exports = cacheLoader(function prefetchJSBundle(bundle, priority) {
   var link = document.createElement('link');
   link.rel = 'prefetch';
   link.href = bundle;

package/lib/helpers/browser/preload-loader.js

@@ -1,7 +1,7 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle, priority, isModule) {
+module.exports = cacheLoader(function preloadJSBundle(bundle, priority, isModule) {
   var link = document.createElement('link');
   link.charset = 'utf-8';
   link.rel = isModule ? 'modulepreload' : 'preload';

package/lib/helpers/browser/sync-js-loader.js

@@ -0,0 +1,33 @@
+"use strict";
+
+const cacheLoader = require('../cacheLoader');
+module.exports = function loadJSBundle(bundle) {
+  // Don't insert the same script twice (e.g. if it was already in the HTML)
+  let existingScripts = document.getElementsByTagName('script');
+  let isCurrentBundle = function (script) {
+    return script.src === bundle;
+  };
+  if ([].concat(existingScripts).some(isCurrentBundle)) {
+    return;
+  }
+
+  // Request using XHR because it's synchronous and we can't use promises here
+  // This has extremely poor performance because we're idle during this fetch, so we only use this so that the app won't crash
+  const xhr = new XMLHttpRequest();
+  xhr.open('GET', bundle, false);
+  try {
+    xhr.send();
+    if (xhr.status === 200) {
+      const script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.text = xhr.responseText;
+
+      // Execute the script synchronously
+      document.head.appendChild(script);
+    } else {
+      throw new TypeError(`Failed to fetch dynamically imported module: ${bundle}. Status: ${xhr.status}`);
+    }
+  } catch (e) {
+    throw new TypeError(`Failed to fetch dynamically imported module: ${bundle}. Error: ${e.message}`);
+  }
+};

package/lib/helpers/browser/wasm-loader.js

@@ -1,7 +1,7 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadWASMBundle(bundle) {
   return fetch(bundle).then(function (res) {
     if (WebAssembly.instantiateStreaming) {
       return WebAssembly.instantiateStreaming(res);

package/lib/helpers/cacheLoader.js

@@ -13,7 +13,7 @@ function getCache(type) {
       return cachedBundles;
   }
 }
-module.exports = function (loader, type) {
+module.exports = function cacheLoader(loader, type) {
   return function (bundle) {
     let cache = getCache(type);
     if (cache[bundle]) {

package/lib/helpers/conditional-loader-dev.js

@@ -1,6 +1,6 @@
 "use strict";
 
-module.exports = function (cond, ifTrue, ifFalse) {
+module.exports = function loadCond(cond, ifTrue, ifFalse, fallback) {
   if (typeof globalThis.__MCOND !== 'function') {
     throw new TypeError('"globalThis.__MCOND" was not set to an object. Ensure the function is set to return the key condition for conditional bundles to load with.');
   }
@@ -10,7 +10,14 @@ module.exports = function (cond, ifTrue, ifFalse) {
   try {
     return globalThis.__MCOND(cond) ? ifTrue() : ifFalse();
   } catch (err) {
-    console.error('Conditional dependency was missing. Ensure the server sends the correct scripts to the client ("conditional-manifest.json").');
-    throw err;
+    console.error('Conditional dependency was not registered when executing. Ensure the server sends the correct scripts to the client. Falling back to synchronous bundle loading.');
+    if (fallback) {
+      for (const url of fallback.urls) {
+        fallback.loader(url);
+      }
+      return globalThis.__MCOND(cond) ? ifTrue() : ifFalse();
+    } else {
+      throw new Error('No fallback urls specified, cannot fallback safely');
+    }
   }
 };