@bleedingdev/modern-js-create 3.2.0-ultramodern.48 → 3.2.0-ultramodern.49

package/dist/index.js

@@ -2913,7 +2913,20 @@ export default function ShellCartPage() {
 }
 function createShellRemoteComponents() {
     return `import { createLazyComponent } from '@module-federation/modern-js-v3/react';
-import { getInstance } from '@module-federation/modern-js-v3/runtime';
+import { getInstance, loadRemote } from '@module-federation/modern-js-v3/runtime';
+import type { JSX } from 'react';
+
+type RemoteComponentModule = {
+  default: () => JSX.Element;
+};
+
+const loadRemoteComponent = async (specifier: string) => {
+  const module = await loadRemote<RemoteComponentModule>(specifier);
+  if (!module) {
+    throw new Error(\`Remote module unavailable: \${specifier}\`);
+  }
+  return module;
+};
 
 const remoteFallback =
   ({ error }: { error: Error }) =>
@@ -2923,42 +2936,42 @@ export const Header = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('explore/Header'),
+  loader: () => loadRemoteComponent('explore/Header'),
   loading: null,
 });
 export const StorePicker = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('explore/StorePicker'),
+  loader: () => loadRemoteComponent('explore/StorePicker'),
   loading: null,
 });
 export const Recommendations = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('explore/Recommendations'),
+  loader: () => loadRemoteComponent('explore/Recommendations'),
   loading: null,
 });
 export const ProductPage = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('decide/ProductPage'),
+  loader: () => loadRemoteComponent('decide/ProductPage'),
   loading: null,
 });
 export const MiniCart = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('checkout/MiniCart'),
+  loader: () => loadRemoteComponent('checkout/MiniCart'),
   loading: null,
 });
 export const CartPage = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('checkout/CartPage'),
+  loader: () => loadRemoteComponent('checkout/CartPage'),
   loading: null,
 });
 `;
@@ -3260,7 +3273,20 @@ export default function ${componentName}() {
 }
 function createDecideRemoteComponents() {
     return `import { createLazyComponent } from '@module-federation/modern-js-v3/react';
-import { getInstance } from '@module-federation/modern-js-v3/runtime';
+import { getInstance, loadRemote } from '@module-federation/modern-js-v3/runtime';
+import type { JSX } from 'react';
+
+type RemoteComponentModule = {
+  default: () => JSX.Element;
+};
+
+const loadRemoteComponent = async (specifier: string) => {
+  const module = await loadRemote<RemoteComponentModule>(specifier);
+  if (!module) {
+    throw new Error(\`Remote module unavailable: \${specifier}\`);
+  }
+  return module;
+};
 
 const remoteFallback =
   ({ error }: { error: Error }) =>
@@ -3270,14 +3296,14 @@ export const AddToCart = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('checkout/AddToCart'),
+  loader: () => loadRemoteComponent('checkout/AddToCart'),
   loading: null,
 });
 export const Recommendations = createLazyComponent({
   export: 'default',
   fallback: remoteFallback,
   instance: getInstance(),
-  loader: () => import('explore/Recommendations'),
+  loader: () => loadRemoteComponent('explore/Recommendations'),
   loading: null,
 });
 `;

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20"
   },
-  "version": "3.2.0-ultramodern.48",
+  "version": "3.2.0-ultramodern.49",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.js",
   "bin": {
@@ -41,7 +41,7 @@
     "@types/node": "^25.9.1",
     "@typescript/native-preview": "7.0.0-dev.20260527.2",
     "tsx": "^4.22.3",
-    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.48"
+    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.49"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -54,6 +54,6 @@
     "start": "node ./dist/index.js"
   },
   "ultramodern": {
-    "frameworkVersion": "3.2.0-ultramodern.48"
+    "frameworkVersion": "3.2.0-ultramodern.49"
   }
 }