@atlaspack/runtime-js 2.14.5-dev.55 → 2.14.5-dev.69

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaspack/runtime-js
 
+## 2.14.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @atlaspack/plugin@2.14.10
+  - @atlaspack/utils@2.14.10
+
 ## 2.14.9
 
 ### Patch Changes

package/lib/JSRuntime.js

@@ -46,7 +46,24 @@ 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',
@@ -163,7 +180,7 @@ var _default = exports.default = new (_plugin().Runtime)({
           // return a simple runtime of `Promise.resolve(internalRequire(assetId))`.
           // The linker handles this for scope-hoisting.
           assets.push({
-            filePath: __filename,
+            filePath: filename,
             code: `module.exports = Promise.resolve(module.bundle.root(${JSON.stringify(bundleGraph.getAssetPublicId(resolved.value))}))`,
             dependency,
             env: {
@@ -177,7 +194,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: {
@@ -208,7 +225,7 @@ var _default = exports.default = new (_plugin().Runtime)({
         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}')})`;
         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
@@ -226,7 +243,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: {
@@ -243,7 +260,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: {
@@ -261,6 +278,15 @@ 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') {
@@ -288,7 +314,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: {
@@ -299,7 +325,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: {
@@ -409,7 +435,7 @@ function getLoaderRuntime({
       let publicId = JSON.stringify(to.publicId);
       absoluteUrlExpr = `require('./helpers/bundle-manifest').resolve(${publicId})`;
       if (shardingConfig) {
-        absoluteUrlExpr = `require('@atlaspack/domain-sharding').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
+        absoluteUrlExpr = `require('${domainShardingImports.specifier}').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
       }
     } else {
       absoluteUrlExpr = getAbsoluteUrlExpr(relativePathExpr, bundle, shardingConfig);
@@ -501,7 +527,7 @@ function getLoaderRuntime({
         });
       }})`;
     return {
-      filePath: __filename,
+      filePath: filename,
       code: loaderCode,
       dependency,
       env: {
@@ -511,12 +537,12 @@ function getLoaderRuntime({
   }
   let code = [];
   if (needsEsmLoadPrelude) {
-    let preludeLoad = shardingConfig ? `let load = require('./helpers/browser/esm-js-loader-shards')(${shardingConfig.maxShards});` : `let load = require('./helpers/browser/esm-js-loader');`;
+    let preludeLoad = shardingConfig ? `let load = require('${domainShardingImports.helper}')(${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: {
@@ -582,7 +608,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('@atlaspack/domain-sharding').shardUrl(url, ${shardingConfig.maxShards});`;
+        code += `url = require('${domainShardingImports.specifier}').shardUrl(url, ${shardingConfig.maxShards});`;
       }
       code += `module.exports = workerURL(url, bundleURL.getOrigin(url), ${String(from.env.outputFormat === 'esmodule')});`;
     }
@@ -590,7 +616,7 @@ function getURLRuntime(dependency, from, to, options, shardingConfig) {
     code = `module.exports = ${getAbsoluteUrlExpr(relativePathExpr, from, shardingConfig)};`;
   }
   return {
-    filePath: __filename,
+    filePath: filename,
     code,
     dependency,
     env: {
@@ -644,7 +670,7 @@ function getAbsoluteUrlExpr(relativePathExpr, fromBundle, shardingConfig) {
   if (!shardingConfig) {
     return regularBundleUrl;
   }
-  return `require('@atlaspack/domain-sharding').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
+  return `require('${domainShardingImports.specifier}').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
 }
 function shouldUseRuntimeManifest(bundle, options) {
   let env = bundle.env;

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

@@ -1,14 +1,13 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function loadCSSBundle(bundle) {
+module.exports = cacheLoader(function (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');
-    let isCurrentBundle = function (link) {
+    if ([].concat(existingLinks).some(function (link) {
       return link.href === bundle && link.rel.indexOf('stylesheet') > -1;
-    };
-    if ([].concat(existingLinks).some(isCurrentBundle)) {
+    })) {
       resolve();
       return;
     }

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

@@ -0,0 +1,7 @@
+"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/lib/helpers/browser/html-loader.js

@@ -1,7 +1,7 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function loadHTMLBundle(bundle) {
+module.exports = cacheLoader(function (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 importModule(bundle) {
+module.exports = cacheLoader(function (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,14 +1,13 @@
 "use strict";
 
 const cacheLoader = require('../cacheLoader');
-module.exports = cacheLoader(function loadJSBundle(bundle) {
+module.exports = cacheLoader(function (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');
-    let isCurrentBundle = function (script) {
+    if ([].concat(existingScripts).some(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 prefetchJSBundle(bundle, priority) {
+module.exports = cacheLoader(function (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 preloadJSBundle(bundle, priority, isModule) {
+module.exports = cacheLoader(function (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 loadWASMBundle(bundle) {
+module.exports = cacheLoader(function (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 cacheLoader(loader, type) {
+module.exports = function (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 loadCond(cond, ifTrue, ifFalse) {
+module.exports = function (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 loadCond(cond, ifTrue, ifFalse) {
+module.exports = function (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 loadWorker(workerUrl, origin, isESM) {
+module.exports = function (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 loadCSSBundle() {
+module.exports = function () {
   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 loadHTMLBundle(bundle) {
+module.exports = cacheLoader(function (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 loadJSBundle(bundle) {
+module.exports = cacheLoader(function (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 loadWASMBundle(bundle) {
+module.exports = cacheLoader(function (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 loadJSBundle(bundle) {
+module.exports = cacheLoader(function (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 loadWASMBundle(bundle) {
+module.exports = cacheLoader(function (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.55+5a11f33c5",
+  "version": "2.14.5-dev.69+67cb517ae",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -11,17 +11,20 @@
   },
   "main": "lib/JSRuntime.js",
   "source": "src/JSRuntime.js",
+  "atlaspackReferences": [
+    "./src/helpers/**/*"
+  ],
   "engines": {
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/diagnostic": "2.14.1-dev.123+5a11f33c5",
-    "@atlaspack/domain-sharding": "2.14.1-dev.123+5a11f33c5",
-    "@atlaspack/feature-flags": "2.14.1-dev.123+5a11f33c5",
-    "@atlaspack/plugin": "2.14.5-dev.55+5a11f33c5",
-    "@atlaspack/utils": "2.14.5-dev.55+5a11f33c5",
+    "@atlaspack/diagnostic": "2.14.1-dev.137+67cb517ae",
+    "@atlaspack/domain-sharding": "2.14.1-dev.137+67cb517ae",
+    "@atlaspack/feature-flags": "2.14.1-dev.137+67cb517ae",
+    "@atlaspack/plugin": "2.14.5-dev.69+67cb517ae",
+    "@atlaspack/utils": "2.14.5-dev.69+67cb517ae",
     "nullthrows": "^1.1.1"
   },
   "type": "commonjs",
-  "gitHead": "5a11f33c51ff74d1cf8d4b72cfa0fda833aa980a"
+  "gitHead": "67cb517ae793046fb5a0d2ef02ba74510fefccf3"
 }

package/src/JSRuntime.js

@@ -19,6 +19,20 @@ 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 = {
@@ -157,7 +171,7 @@ export default (new Runtime({
           // return a simple runtime of `Promise.resolve(internalRequire(assetId))`.
           // The linker handles this for scope-hoisting.
           assets.push({
-            filePath: __filename,
+            filePath: filename,
             code: `module.exports = Promise.resolve(module.bundle.root(${JSON.stringify(
               bundleGraph.getAssetPublicId(resolved.value),
             )}))`,
@@ -174,10 +188,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 = Promise.resolve(${JSON.stringify(
               dependency.id,
             )});`,
@@ -222,7 +233,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
@@ -242,7 +253,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'},
@@ -257,7 +268,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'},
@@ -277,6 +288,19 @@ 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') {
@@ -324,7 +348,7 @@ export default (new Runtime({
           config.domainSharding,
         )})`;
         assets.push({
-          filePath: __filename,
+          filePath: filename,
           code: loaderCode,
           isEntry: true,
           env: {sourceType: 'module'},
@@ -340,7 +364,7 @@ export default (new Runtime({
       isNewContext(bundle, bundleGraph)
     ) {
       assets.push({
-        filePath: __filename,
+        filePath: filename,
         code: getRegisterCode(bundle, bundleGraph),
         isEntry: true,
         env: {sourceType: 'module'},
@@ -489,7 +513,7 @@ function getLoaderRuntime({
       absoluteUrlExpr = `require('./helpers/bundle-manifest').resolve(${publicId})`;
 
       if (shardingConfig) {
-        absoluteUrlExpr = `require('@atlaspack/domain-sharding').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
+        absoluteUrlExpr = `require('${domainShardingImports.specifier}').shardUrl(${absoluteUrlExpr}, ${shardingConfig.maxShards})`;
       }
     } else {
       absoluteUrlExpr = getAbsoluteUrlExpr(
@@ -685,7 +709,7 @@ function getLoaderRuntime({
       }})`;
 
     return {
-      filePath: __filename,
+      filePath: filename,
       code: loaderCode,
       dependency,
       env: {sourceType: 'module'},
@@ -696,7 +720,7 @@ function getLoaderRuntime({
 
   if (needsEsmLoadPrelude) {
     let preludeLoad = shardingConfig
-      ? `let load = require('./helpers/browser/esm-js-loader-shards')(${shardingConfig.maxShards});`
+      ? `let load = require('${domainShardingImports.helper}')(${shardingConfig.maxShards});`
       : `let load = require('./helpers/browser/esm-js-loader');`;
 
     code.push(preludeLoad);
@@ -705,7 +729,7 @@ function getLoaderRuntime({
   code.push(`module.exports = ${loaderCode};`);
 
   return {
-    filePath: __filename,
+    filePath: filename,
     code: code.join('\n'),
     dependency,
     env: {sourceType: 'module'},
@@ -818,7 +842,7 @@ function getURLRuntime(
       code += `let bundleURL = require('./helpers/bundle-url');\n`;
       code += `let url = bundleURL.getBundleURL('${from.publicId}') + ${relativePathExpr};`;
       if (shardingConfig) {
-        code += `url = require('@atlaspack/domain-sharding').shardUrl(url, ${shardingConfig.maxShards});`;
+        code += `url = require('${domainShardingImports.specifier}').shardUrl(url, ${shardingConfig.maxShards});`;
       }
       code += `module.exports = workerURL(url, bundleURL.getOrigin(url), ${String(
         from.env.outputFormat === 'esmodule',
@@ -833,7 +857,7 @@ function getURLRuntime(
   }
 
   return {
-    filePath: __filename,
+    filePath: filename,
     code,
     dependency,
     env: {sourceType: 'module'},
@@ -919,7 +943,7 @@ function getAbsoluteUrlExpr(
     return regularBundleUrl;
   }
 
-  return `require('@atlaspack/domain-sharding').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
+  return `require('${domainShardingImports.specifier}').shardUrl(${regularBundleUrl}, ${shardingConfig.maxShards})`;
 }
 
 function shouldUseRuntimeManifest(

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

@@ -0,0 +1,11 @@
+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;