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

package/dist/index.js

@@ -574,6 +574,7 @@ const ULTRACITE_VERSION = '7.7.0';
 const I18NEXT_VERSION = '26.2.0';
 const REACT_VERSION = '^19.2.6';
 const REACT_DOM_VERSION = '^19.2.6';
+const REACT_ROUTER_DOM_VERSION = '7.16.0';
 const PNPM_VERSION = '11.4.0';
 const WORKSPACE_PACKAGE_VERSION = 'workspace:*';
 const GENERATED_CONTRACT_PATH = '.modernjs/ultramodern-generated-contract.json';
@@ -1087,7 +1088,8 @@ function appDependencies(scope, packageSource, app) {
         [ultramodern_workspace_packageName(scope, 'shared-contracts')]: WORKSPACE_PACKAGE_VERSION,
         [ultramodern_workspace_packageName(scope, 'shared-design-tokens')]: WORKSPACE_PACKAGE_VERSION,
         react: REACT_VERSION,
-        'react-dom': REACT_DOM_VERSION
+        'react-dom': REACT_DOM_VERSION,
+        'react-router-dom': REACT_ROUTER_DOM_VERSION
     };
     if ('shell' === app.kind) {
         dependencies['@modern-js/plugin-bff'] = modernPackageSpecifier('@modern-js/plugin-bff', packageSource);
@@ -2911,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 }) =>
@@ -2921,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,
 });
 `;
@@ -3258,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 }) =>
@@ -3268,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.47",
+  "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.47"
+    "@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.47"
+    "frameworkVersion": "3.2.0-ultramodern.49"
   }
 }