@atlaspack/runtime-js 2.14.5-dev.72 → 2.14.5-dev.93

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaspack/runtime-js
 
+## 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

package/lib/JSRuntime.js

@@ -46,24 +46,7 @@ function _featureFlags() {
   };
   return data;
 }
-function _core() {
-  const data = require("@atlaspack/core");
-  _core = function () {
-    return data;
-  };
-  return data;
-}
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const domainShardingImports = (0, _core().isSuperPackage)() ? {
-  specifier: 'atlaspack/lib/domain-sharding.js',
-  helper: './helpers/browser/esm-js-loader-shards-super.js'
-} : {
-  specifier: '@atlaspack/domain-sharding',
-  helper: './helpers/browser/esm-js-loader-shards.js'
-};
-const filename = /*#__ATLASPACK_IGNORE__*/__filename;
-const dirname = /*#__ATLASPACK_IGNORE__*/__dirname;
-
 // Used for as="" in preload/prefetch
 const TYPE_TO_RESOURCE_PRIORITY = {
   css: 'style',
@@ -179,9 +162,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))}))`,
+            filePath: __filename,
+            code: `module.exports = Promise.resolve(${requireName}(${JSON.stringify(bundleGraph.getAssetPublicId(resolved.value))}))`,
             dependency,
             env: {
               sourceType: 'module'
@@ -194,7 +179,7 @@ var _default = exports.default = new (_plugin().Runtime)({
         let referencedBundle = bundleGraph.getReferencedBundle(dependency, bundle);
         if ((referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inline') {
           assets.push({
-            filePath: _path().default.join(dirname, `/bundles/${referencedBundle.id}.js`),
+            filePath: _path().default.join(__dirname, `/bundles/${referencedBundle.id}.js`),
             code: `module.exports = Promise.resolve(${JSON.stringify(dependency.id)});`,
             dependency,
             env: {
@@ -222,10 +207,10 @@ 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 requireName = (0, _featureFlags().getFeatureFlag)('hmrImprovements') || 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}')})`;
         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
@@ -243,7 +228,7 @@ var _default = exports.default = new (_plugin().Runtime)({
       let referencedBundle = bundleGraph.getReferencedBundle(dependency, bundle);
       if ((referencedBundle === null || referencedBundle === void 0 ? void 0 : referencedBundle.bundleBehavior) === 'inline') {
         assets.push({
-          filePath: _path().default.join(dirname, `/bundles/${referencedBundle.id}.js`),
+          filePath: _path().default.join(__dirname, `/bundles/${referencedBundle.id}.js`),
           code: `module.exports = ${JSON.stringify(dependency.id)};`,
           dependency,
           env: {
@@ -260,7 +245,7 @@ var _default = exports.default = new (_plugin().Runtime)({
         // If a URL dependency was not able to be resolved, add a runtime that
         // exports the original specifier.
         assets.push({
-          filePath: filename,
+          filePath: __filename,
           code: `module.exports = ${JSON.stringify(dependency.specifier)}`,
           dependency,
           env: {
@@ -278,15 +263,6 @@ var _default = exports.default = new (_plugin().Runtime)({
         return entries.some(e => bundleGroup.entryAssetId === e.id);
       }));
 
-      // Skip URL runtime for native node imports as they need to be require
-      // directly
-      // Currently enabled only for internal builds
-      if (process.env.ATLASPACK_SUPER_BUILD === 'true') {
-        if (mainBundle.bundleBehavior === 'isolated' && mainBundle.env.context === 'node' && mainBundle.type === 'node') {
-          continue;
-        }
-      }
-
       // 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') {
@@ -314,7 +290,7 @@ var _default = exports.default = new (_plugin().Runtime)({
         let relativePathExpr = getRelativePathExpr(bundle, referencedBundle, options);
         let loaderCode = `require(${JSON.stringify(loader)})(${getAbsoluteUrlExpr(relativePathExpr, bundle, config.domainSharding)})`;
         assets.push({
-          filePath: filename,
+          filePath: __filename,
           code: loaderCode,
           isEntry: true,
           env: {
@@ -325,7 +301,7 @@ var _default = exports.default = new (_plugin().Runtime)({
     }
     if (shouldUseRuntimeManifest(bundle, options) && bundleGraph.getChildBundles(bundle).some(b => b.bundleBehavior !== 'inline') && isNewContext(bundle, bundleGraph)) {
       assets.push({
-        filePath: filename,
+        filePath: __filename,
         code: getRegisterCode(bundle, bundleGraph),
         isEntry: true,
         env: {
@@ -435,7 +411,7 @@ function getLoaderRuntime({
       let publicId = JSON.stringify(to.publicId);
       absoluteUrlExpr = `require('./helpers/bundle-manifest').resolve(${publicId})`;
       if (shardingConfig) {
-        absoluteUrlExpr = `require('${domainShardingImports.specifier}').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
+        absoluteUrlExpr = `require('@atlaspack/domain-sharding').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
       }
     } else {
       absoluteUrlExpr = getAbsoluteUrlExpr(relativePathExpr, bundle, shardingConfig);
@@ -514,7 +490,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) {
@@ -527,7 +503,7 @@ function getLoaderRuntime({
         });
       }})`;
     return {
-      filePath: filename,
+      filePath: __filename,
       code: loaderCode,
       dependency,
       env: {
@@ -537,12 +513,12 @@ function getLoaderRuntime({
   }
   let code = [];
   if (needsEsmLoadPrelude) {
-    let preludeLoad = shardingConfig ? `let load = require('${domainShardingImports.helper}')(${shardingConfig.maxShards});` : `let load = require('./helpers/browser/esm-js-loader');`;
+    let preludeLoad = shardingConfig ? `let load = require('./helpers/browser/esm-js-loader-shards')(${shardingConfig.maxShards});` : `let load = require('./helpers/browser/esm-js-loader');`;
     code.push(preludeLoad);
   }
   code.push(`module.exports = ${loaderCode};`);
   return {
-    filePath: filename,
+    filePath: __filename,
     code: code.join('\n'),
     dependency,
     env: {
@@ -597,7 +573,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`;
@@ -608,7 +589,7 @@ function getURLRuntime(dependency, from, to, options, shardingConfig) {
       code += `let bundleURL = require('./helpers/bundle-url');\n`;
       code += `let url = bundleURL.getBundleURL('${from.publicId}') + ${relativePathExpr};`;
       if (shardingConfig) {
-        code += `url = require('${domainShardingImports.specifier}').shardUrl(url, ${shardingConfig.maxShards});`;
+        code += `url = require('@atlaspack/domain-sharding').shardUrl(url, ${shardingConfig.maxShards});`;
       }
       code += `module.exports = workerURL(url, bundleURL.getOrigin(url), ${String(from.env.outputFormat === 'esmodule')});`;
     }
@@ -616,7 +597,7 @@ function getURLRuntime(dependency, from, to, options, shardingConfig) {
     code = `module.exports = ${getAbsoluteUrlExpr(relativePathExpr, from, shardingConfig)};`;
   }
   return {
-    filePath: filename,
+    filePath: __filename,
     code,
     dependency,
     env: {
@@ -651,13 +632,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;
 }
@@ -670,7 +657,7 @@ function getAbsoluteUrlExpr(relativePathExpr, fromBundle, shardingConfig) {
   if (!shardingConfig) {
     return regularBundleUrl;
   }
-  return `require('${domainShardingImports.specifier}').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
+  return `require('@atlaspack/domain-sharding').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
 }
 function shouldUseRuntimeManifest(bundle, options) {
   let env = bundle.env;

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/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) {
   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.');
   }

package/lib/helpers/conditional-loader.js

@@ -1,5 +1,5 @@
 "use strict";
 
-module.exports = function (cond, ifTrue, ifFalse) {
+module.exports = function loadCond(cond, ifTrue, ifFalse) {
   return globalThis.__MCOND && globalThis.__MCOND(cond) ? ifTrue() : ifFalse();
 };

package/lib/helpers/get-worker-url.js

@@ -1,6 +1,6 @@
 "use strict";
 
-module.exports = function (workerUrl, origin, isESM) {
+module.exports = function loadWorker(workerUrl, origin, isESM) {
   if (origin === self.location.origin) {
     // If the worker bundle's url is on the same origin as the document,
     // use the worker bundle's own url.

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

@@ -1,6 +1,6 @@
 "use strict";
 
 // loading a CSS style is a no-op in Node.js
-module.exports = function () {
+module.exports = function loadCSSBundle() {
   return Promise.resolve();
 };

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

@@ -2,7 +2,7 @@
 
 const fs = require('fs');
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadHTMLBundle(bundle) {
   return new Promise(function (resolve, reject) {
     fs.readFile(__dirname + bundle, 'utf8', function (err, data) {
       if (err) {

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

@@ -2,7 +2,7 @@
 
 const fs = require('fs');
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadJSBundle(bundle) {
   return new Promise(function (resolve, reject) {
     fs.readFile(__dirname + bundle, 'utf8', function (err, data) {
       if (err) {

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

@@ -2,7 +2,7 @@
 
 const fs = require('fs');
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadWASMBundle(bundle) {
   return new Promise(function (resolve, reject) {
     fs.readFile(__dirname + bundle, function (err, data) {
       if (err) {

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

@@ -2,7 +2,7 @@
 
 /* global __parcel__importScripts__:readonly*/
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function (bundle) {
+module.exports = cacheLoader(function loadJSBundle(bundle) {
   return new Promise(function (resolve, reject) {
     try {
       __parcel__importScripts__(bundle);

package/lib/helpers/worker/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/runtime-js",
-  "version": "2.14.5-dev.72+9840480de",
+  "version": "2.14.5-dev.93+207d003c0",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -11,20 +11,17 @@
   },
   "main": "lib/JSRuntime.js",
   "source": "src/JSRuntime.js",
-  "atlaspackReferences": [
-    "./src/helpers/**/*"
-  ],
   "engines": {
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/diagnostic": "2.14.1-dev.140+9840480de",
-    "@atlaspack/domain-sharding": "2.14.1-dev.140+9840480de",
-    "@atlaspack/feature-flags": "2.14.1-dev.140+9840480de",
-    "@atlaspack/plugin": "2.14.5-dev.72+9840480de",
-    "@atlaspack/utils": "2.14.5-dev.72+9840480de",
+    "@atlaspack/diagnostic": "2.14.1-dev.161+207d003c0",
+    "@atlaspack/domain-sharding": "2.14.1-dev.161+207d003c0",
+    "@atlaspack/feature-flags": "2.14.1-dev.161+207d003c0",
+    "@atlaspack/plugin": "2.14.5-dev.93+207d003c0",
+    "@atlaspack/utils": "2.14.5-dev.93+207d003c0",
     "nullthrows": "^1.1.1"
   },
   "type": "commonjs",
-  "gitHead": "9840480de27511f558d8f5b8cf82220de977b4fb"
+  "gitHead": "207d003c0f1d4ffa6a1c52d2f8841d998616c523"
 }

package/src/JSRuntime.js

@@ -19,20 +19,6 @@ import {encodeJSONKeyComponent} from '@atlaspack/diagnostic';
 import path from 'path';
 import nullthrows from 'nullthrows';
 import {getFeatureFlag} from '@atlaspack/feature-flags';
-import {isSuperPackage} from '@atlaspack/core';
-
-const domainShardingImports = isSuperPackage()
-  ? {
-      specifier: 'atlaspack/lib/domain-sharding.js',
-      helper: './helpers/browser/esm-js-loader-shards-super.js',
-    }
-  : {
-      specifier: '@atlaspack/domain-sharding',
-      helper: './helpers/browser/esm-js-loader-shards.js',
-    };
-
-const filename = /*#__ATLASPACK_IGNORE__*/ __filename;
-const dirname = /*#__ATLASPACK_IGNORE__*/ __dirname;
 
 // Used for as="" in preload/prefetch
 const TYPE_TO_RESOURCE_PRIORITY = {
@@ -170,9 +156,14 @@ export default (new 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 = getFeatureFlag('hmrImprovements')
+            ? 'parcelRequire'
+            : 'module.bundle.root';
+
           assets.push({
-            filePath: filename,
-            code: `module.exports = Promise.resolve(module.bundle.root(${JSON.stringify(
+            filePath: __filename,
+            code: `module.exports = Promise.resolve(${requireName}(${JSON.stringify(
               bundleGraph.getAssetPublicId(resolved.value),
             )}))`,
             dependency,
@@ -188,7 +179,10 @@ export default (new Runtime({
         );
         if (referencedBundle?.bundleBehavior === 'inline') {
           assets.push({
-            filePath: path.join(dirname, `/bundles/${referencedBundle.id}.js`),
+            filePath: path.join(
+              __dirname,
+              `/bundles/${referencedBundle.id}.js`,
+            ),
             code: `module.exports = Promise.resolve(${JSON.stringify(
               dependency.id,
             )});`,
@@ -222,9 +216,10 @@ export default (new Runtime({
         bundle,
       );
       for (const cond of conditions) {
-        const requireName = bundle.env.shouldScopeHoist
-          ? 'parcelRequire'
-          : '__parcel__require__';
+        const requireName =
+          getFeatureFlag('hmrImprovements') || bundle.env.shouldScopeHoist
+            ? 'parcelRequire'
+            : '__parcel__require__';
 
         const assetCode = `module.exports = require('../helpers/conditional-loader${
           options.mode === 'development' ? '-dev' : ''
@@ -233,7 +228,7 @@ export default (new Runtime({
         }')}, function (){return ${requireName}('${cond.ifFalseAssetId}')})`;
 
         assets.push({
-          filePath: path.join(dirname, `/conditions/${cond.publicId}.js`),
+          filePath: path.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
@@ -253,7 +248,7 @@ export default (new Runtime({
       );
       if (referencedBundle?.bundleBehavior === 'inline') {
         assets.push({
-          filePath: path.join(dirname, `/bundles/${referencedBundle.id}.js`),
+          filePath: path.join(__dirname, `/bundles/${referencedBundle.id}.js`),
           code: `module.exports = ${JSON.stringify(dependency.id)};`,
           dependency,
           env: {sourceType: 'module'},
@@ -268,7 +263,7 @@ export default (new Runtime({
         // If a URL dependency was not able to be resolved, add a runtime that
         // exports the original specifier.
         assets.push({
-          filePath: filename,
+          filePath: __filename,
           code: `module.exports = ${JSON.stringify(dependency.specifier)}`,
           dependency,
           env: {sourceType: 'module'},
@@ -288,19 +283,6 @@ export default (new Runtime({
         }),
       );
 
-      // Skip URL runtime for native node imports as they need to be require
-      // directly
-      // Currently enabled only for internal builds
-      if (process.env.ATLASPACK_SUPER_BUILD === 'true') {
-        if (
-          mainBundle.bundleBehavior === 'isolated' &&
-          mainBundle.env.context === 'node' &&
-          mainBundle.type === 'node'
-        ) {
-          continue;
-        }
-      }
-
       // 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') {
@@ -348,7 +330,7 @@ export default (new Runtime({
           config.domainSharding,
         )})`;
         assets.push({
-          filePath: filename,
+          filePath: __filename,
           code: loaderCode,
           isEntry: true,
           env: {sourceType: 'module'},
@@ -364,7 +346,7 @@ export default (new Runtime({
       isNewContext(bundle, bundleGraph)
     ) {
       assets.push({
-        filePath: filename,
+        filePath: __filename,
         code: getRegisterCode(bundle, bundleGraph),
         isEntry: true,
         env: {sourceType: 'module'},
@@ -513,7 +495,7 @@ function getLoaderRuntime({
       absoluteUrlExpr = `require('./helpers/bundle-manifest').resolve(${publicId})`;
 
       if (shardingConfig) {
-        absoluteUrlExpr = `require('${domainShardingImports.specifier}').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
+        absoluteUrlExpr = `require('@atlaspack/domain-sharding').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
       }
     } else {
       absoluteUrlExpr = getAbsoluteUrlExpr(
@@ -690,9 +672,11 @@ function getLoaderRuntime({
   }
 
   if (mainBundle.type === 'js') {
-    let parcelRequire = bundle.env.shouldScopeHoist
-      ? 'parcelRequire'
-      : 'module.bundle.root';
+    let parcelRequire =
+      getFeatureFlag('hmrImprovements') || bundle.env.shouldScopeHoist
+        ? 'parcelRequire'
+        : 'module.bundle.root';
+
     loaderCode += `.then(() => ${parcelRequire}('${bundleGraph.getAssetPublicId(
       bundleGraph.getAssetById(bundleGroup.entryAssetId),
     )}'))`;
@@ -709,7 +693,7 @@ function getLoaderRuntime({
       }})`;
 
     return {
-      filePath: filename,
+      filePath: __filename,
       code: loaderCode,
       dependency,
       env: {sourceType: 'module'},
@@ -720,7 +704,7 @@ function getLoaderRuntime({
 
   if (needsEsmLoadPrelude) {
     let preludeLoad = shardingConfig
-      ? `let load = require('${domainShardingImports.helper}')(${shardingConfig.maxShards});`
+      ? `let load = require('./helpers/browser/esm-js-loader-shards')(${shardingConfig.maxShards});`
       : `let load = require('./helpers/browser/esm-js-loader');`;
 
     code.push(preludeLoad);
@@ -729,7 +713,7 @@ function getLoaderRuntime({
   code.push(`module.exports = ${loaderCode};`);
 
   return {
-    filePath: filename,
+    filePath: __filename,
     code: code.join('\n'),
     dependency,
     env: {sourceType: 'module'},
@@ -825,7 +809,12 @@ function getURLRuntime(
   options: PluginOptions,
   shardingConfig: JSRuntimeConfig['domainSharding'],
 ): RuntimeAsset {
-  let relativePathExpr = getRelativePathExpr(from, to, options);
+  let relativePathExpr;
+  if (getFeatureFlag('hmrImprovements')) {
+    relativePathExpr = getRelativePathExpr(from, to, options, true);
+  } else {
+    relativePathExpr = getRelativePathExpr(from, to, options);
+  }
   let code;
 
   if (dependency.meta.webworker === true && !from.env.isLibrary) {
@@ -842,7 +831,7 @@ function getURLRuntime(
       code += `let bundleURL = require('./helpers/bundle-url');\n`;
       code += `let url = bundleURL.getBundleURL('${from.publicId}') + ${relativePathExpr};`;
       if (shardingConfig) {
-        code += `url = require('${domainShardingImports.specifier}').shardUrl(url, ${shardingConfig.maxShards});`;
+        code += `url = require('@atlaspack/domain-sharding').shardUrl(url, ${shardingConfig.maxShards});`;
       }
       code += `module.exports = workerURL(url, bundleURL.getOrigin(url), ${String(
         from.env.outputFormat === 'esmodule',
@@ -857,7 +846,7 @@ function getURLRuntime(
   }
 
   return {
-    filePath: filename,
+    filePath: __filename,
     code,
     dependency,
     env: {sourceType: 'module'},
@@ -913,11 +902,18 @@ function getRelativePathExpr(
   from: NamedBundle,
   to: NamedBundle,
   options: PluginOptions,
+  isURL = to.type !== 'js',
 ): string {
   let relativePath = relativeBundlePath(from, to, {leadingDotSlash: false});
   let res = JSON.stringify(relativePath);
-  if (options.hmrOptions) {
-    res += ' + "?" + Date.now()';
+  if (getFeatureFlag('hmrImprovements')) {
+    if (isURL && options.hmrOptions) {
+      res += ' + "?" + Date.now()';
+    }
+  } else {
+    if (options.hmrOptions) {
+      res += ' + "?" + Date.now()';
+    }
   }
 
   return res;
@@ -943,7 +939,7 @@ function getAbsoluteUrlExpr(
     return regularBundleUrl;
   }
 
-  return `require('${domainShardingImports.specifier}').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
+  return `require('@atlaspack/domain-sharding').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
 }
 
 function shouldUseRuntimeManifest(

package/lib/helpers/browser/esm-js-loader-shards-super.js

@@ -1,7 +0,0 @@
-"use strict";
-
-let load = maxShards => id => {
-  // eslint-disable-next-line no-undef
-  return __parcel__import__(require('atlaspack/lib/domain-sharding').shardUrl(require('../bundle-manifest').resolve(id), maxShards));
-};
-module.exports = load;

package/src/helpers/browser/esm-js-loader-shards-super.js

@@ -1,11 +0,0 @@
-let load = (maxShards) => (id) => {
-  // eslint-disable-next-line no-undef
-  return __parcel__import__(
-    require('atlaspack/lib/domain-sharding').shardUrl(
-      require('../bundle-manifest').resolve(id),
-      maxShards,
-    ),
-  );
-};
-
-module.exports = load;