@pushwoosh/single-spa 1.1.0 → 1.2.0

package/Parcel.js

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 import { mountRootParcel } from 'single-spa';
 import SingleSpaParcel from 'single-spa-react/parcel';
 import { useSPAContext } from '@pushwoosh/spa-context';
+import { loadByFormat } from './loadByFormat';
 export const Parcel = ({
   className,
   module,
@@ -14,7 +15,7 @@ export const Parcel = ({
     let parcel;
     return {
       bootstrap(props) {
-        return System.import(module).then(imported => {
+        return loadByFormat(module).then(imported => {
           // eslint-disable-next-line react/prop-types, react-hooks/immutability
           parcel = imported[parcelFunctionName](props.domElement);
         });

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Parcel';
 export { createParcelFunction } from './createParcelFunction';
 export { createApplicationFunction } from './createApplicationFunction';
+export { isEsmUrl, loadByFormat, resolveModuleUrl } from './loadByFormat';

package/index.js

@@ -1,3 +1,4 @@
 export * from './Parcel';
 export { createParcelFunction } from './createParcelFunction';
-export { createApplicationFunction } from './createApplicationFunction';
+export { createApplicationFunction } from './createApplicationFunction';
+export { isEsmUrl, loadByFormat, resolveModuleUrl } from './loadByFormat';

package/loadByFormat.d.ts

@@ -0,0 +1,6 @@
+/** URL the merged root-config import map assigns to `name`, or `name` itself when the map has no entry. */
+export declare function resolveModuleUrl(name: string): string;
+/** Whether `url` points at an ES module build (`.mjs`), ignoring query and hash. */
+export declare function isEsmUrl(url: string): boolean;
+/** Loads a module by import-map name: `.mjs` entries through native `import()`, the rest through SystemJS. */
+export declare function loadByFormat<T = unknown>(name: string): Promise<T>;

package/loadByFormat.js

@@ -0,0 +1,15 @@
+/** URL the merged root-config import map assigns to `name`, or `name` itself when the map has no entry. */
+export function resolveModuleUrl(name) {
+  return window.__PW_IMPORT_MAP__?.imports[name] ?? name;
+}
+/** Whether `url` points at an ES module build (`.mjs`), ignoring query and hash. */
+export function isEsmUrl(url) {
+  return /\.mjs(?:[?#]|$)/.test(url);
+}
+/** Loads a module by import-map name: `.mjs` entries through native `import()`, the rest through SystemJS. */
+export function loadByFormat(name) {
+  if (isEsmUrl(resolveModuleUrl(name))) {
+    return import(/* webpackIgnore: true */name);
+  }
+  return System.import(name);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/single-spa",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "single-spa lifecycle helpers for Pushwoosh micro-frontends: application and parcel factories wrapped in SPAContextProvider",
   "repository": {
     "type": "git",
@@ -24,7 +24,8 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "react": "^19.3.0",
-    "react-dom": "^19.3.0"
+    "react-dom": "^19.3.0",
+    "vitest": "^4.1.10"
   },
   "peerDependencies": {
     "@pushwoosh/spa-context": "^1.7.1 || ^2.0.0 || ^3.0.0",
@@ -36,9 +37,10 @@
   },
   "scripts": {
     "build": "pushwoosh-engine lib:build",
-    "check": "pnpm run check:lint && pnpm run check:types",
+    "check": "pnpm run check:lint && pnpm run check:types && pnpm run test",
     "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src",
     "check:lint-fix": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src --fix",
-    "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
+    "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types",
+    "test": "echo \"Run test\" && vitest run"
   }
 }