@atlaspack/runtime-js 2.14.5-canary.47 → 2.14.5-canary.470

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,32 @@
+"use strict";
+
+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/bundle-manifest.js

@@ -1,7 +1,7 @@
 "use strict";
 
 var mapping = new Map();
-function register( /** @type {string} */baseUrl, /** @type {Array<string>} */manifest // ['id', 'path', 'id2', 'path2']
+function register(/** @type {string} */baseUrl, /** @type {Array<string>} */manifest // ['id', 'path', 'id2', 'path2']
 ) {
   for (var i = 0; i < manifest.length - 1; i += 2) {
     mapping.set(manifest[i], {

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,16 @@ 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) {
+      globalThis.__ATLASPACK_ERRORS = globalThis.__ATLASPACK_ERRORS || [];
+      globalThis.__ATLASPACK_ERRORS.push(new Error(`Sync dependency fallback triggered for condition "${cond}": ${err.message}`));
+      for (const url of fallback.urls) {
+        fallback.l(url);
+      }
+      return globalThis.__MCOND(cond) ? ifTrue() : ifFalse();
+    } else {
+      throw new Error('No fallback urls specified, cannot fallback safely');
+    }
   }
 };

package/lib/helpers/conditional-loader.js

@@ -1,5 +1,25 @@
 "use strict";
 
-module.exports = function (cond, ifTrue, ifFalse) {
-  return globalThis.__MCOND && globalThis.__MCOND(cond) ? ifTrue() : ifFalse();
+const {
+  getBundleURL
+} = require('./bundle-url');
+const {
+  resolve
+} = require('./bundle-manifest');
+module.exports = function loadCond(cond, ifTrue, ifFalse, fallback) {
+  let result = globalThis.__MCOND(cond);
+  try {
+    return result ? ifTrue() : ifFalse();
+  } catch (err) {
+    if (fallback) {
+      globalThis.__ATLASPACK_ERRORS = globalThis.__ATLASPACK_ERRORS || [];
+      globalThis.__ATLASPACK_ERRORS.push(new Error(`Sync dependency fallback triggered for condition "${cond}": ${err.message}`));
+      for (const id of fallback.i) {
+        fallback.l(new URL(resolve(id), getBundleURL(id)).toString());
+      }
+      return result ? ifTrue() : ifFalse();
+    } else {
+      throw err;
+    }
+  }
 };

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/lib/types/JSRuntime.d.ts

@@ -0,0 +1,9 @@
+import { Runtime } from '@atlaspack/plugin';
+type JSRuntimeConfig = {
+    splitManifestThreshold: number;
+    domainSharding?: {
+        maxShards: number;
+    };
+};
+declare const _default: Runtime<JSRuntimeConfig>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/runtime-js",
-  "version": "2.14.5-canary.47+29c2f106d",
+  "version": "2.14.5-canary.470+7e1b48866",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -9,19 +9,24 @@
     "type": "git",
     "url": "https://github.com/atlassian-labs/atlaspack.git"
   },
-  "main": "lib/JSRuntime.js",
-  "source": "src/JSRuntime.js",
+  "main": "./lib/JSRuntime.js",
+  "source": "./src/JSRuntime.ts",
+  "types": "./lib/types/JSRuntime.d.ts",
   "engines": {
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/diagnostic": "2.14.1-canary.115+29c2f106d",
-    "@atlaspack/domain-sharding": "2.14.1-canary.115+29c2f106d",
-    "@atlaspack/feature-flags": "2.14.1-canary.115+29c2f106d",
-    "@atlaspack/plugin": "2.14.5-canary.47+29c2f106d",
-    "@atlaspack/utils": "2.14.5-canary.47+29c2f106d",
+    "@atlaspack/diagnostic": "2.14.1-canary.538+7e1b48866",
+    "@atlaspack/domain-sharding": "2.14.1-canary.538+7e1b48866",
+    "@atlaspack/feature-flags": "2.14.1-canary.538+7e1b48866",
+    "@atlaspack/plugin": "2.14.5-canary.470+7e1b48866",
+    "@atlaspack/types-internal": "2.14.1-canary.538+7e1b48866",
+    "@atlaspack/utils": "2.14.5-canary.470+7e1b48866",
     "nullthrows": "^1.1.1"
   },
   "type": "commonjs",
-  "gitHead": "29c2f106de9679adfb5afa04e1910471dc65a427"
-}
+  "scripts": {
+    "build:lib": "gulp build --gulpfile ../../../gulpfile.js --cwd ."
+  },
+  "gitHead": "7e1b48866a6bce2f7e9f3f8705ac3fe99c550707"
+}