@bleedingdev/modern-js-create 3.2.0-ultramodern.56 → 3.2.0-ultramodern.58

package/dist/index.js

@@ -2610,9 +2610,9 @@ export default function ShellFrame({ children, showCart = true }: ShellFrameProp
   return (
     <main className="min-h-screen bg-um-canvas px-4 py-5 text-um-foreground sm:px-6 lg:px-12">
       <BoundaryOverlay />
-      <div className="mx-auto flex min-h-20 max-w-7xl flex-wrap items-center justify-between gap-3 bg-white/90 px-4 py-3 shadow-xl shadow-stone-900/10 sm:px-6">
+      <div className="mx-auto flex min-h-20 max-w-7xl flex-col items-start gap-3 bg-white/90 px-4 py-3 shadow-xl shadow-stone-900/10 sm:px-6 md:flex-row md:flex-wrap md:items-center md:justify-between">
         <Header />
-        <div className="ml-auto flex min-w-0 items-center gap-2">
+        <div className="flex min-w-0 flex-wrap items-center gap-2 md:ml-auto">
           <label className="sr-only" htmlFor="ultramodern-language">
             {t('shell.language.switcher')}
           </label>
@@ -2998,7 +2998,7 @@ export default function Header() {
   const t = i18nInstance['t'].bind(i18nInstance);
 
   return (
-    <header className="flex min-w-0 flex-1 flex-wrap items-center gap-x-8 gap-y-2" data-mf-boundary="explore">
+    <header className="flex min-w-0 flex-wrap items-center gap-x-8 gap-y-2 md:flex-1" data-mf-boundary="explore">
       <a className="whitespace-nowrap text-xl font-black tracking-normal text-stone-950 no-underline" href={\`/\${language}\`}>Acre & Iron</a>
       <nav aria-label={t('explore.header.navigation')} className="flex items-center gap-5">
         <a className="text-sm font-extrabold text-stone-900 no-underline" href={\`/\${language}/tractors\`}>{t('explore.header.machines')}</a>
@@ -5392,9 +5392,9 @@ main().then(
 );
 `;
 }
-function writeGeneratedWorkspaceScripts(targetDir, scope, enableTailwind) {
+function writeGeneratedWorkspaceScripts(targetDir, scope, enableTailwind, remotes = remoteApps) {
     writeFileReplacing(targetDir, "scripts/assert-mf-types.mjs", createAssertMfTypesScript());
-    writeFileReplacing(targetDir, "scripts/validate-ultramodern-workspace.mjs", createWorkspaceValidationScript(scope, enableTailwind));
+    writeFileReplacing(targetDir, "scripts/validate-ultramodern-workspace.mjs", createWorkspaceValidationScript(scope, enableTailwind, remotes));
     writeFileReplacing(targetDir, "scripts/proof-cloudflare-version.mjs", createCloudflareVersionProofScript());
 }
 function writeApp(targetDir, scope, app, packageSource, enableTailwind) {
@@ -5617,6 +5617,7 @@ function remoteTopologyEntry(scope, remote) {
         ...effectApiTopologyMetadata(remote) ? {
             api: effectApiTopologyMetadata(remote)
         } : {},
+        cloudflare: createCloudflareDeployContract(scope, remote),
         ownership: remote.ownership
     };
 }
@@ -5630,6 +5631,7 @@ function ownershipEntry(scope, owner) {
 }
 function remotesFromTopology(topology, ports) {
     return (topology.remotes ?? []).map((remote)=>{
+        const packageSuffix = remote.package?.split('/').at(-1) ?? remote.id;
         const effectApi = remote.api?.effect ? {
             stem: 'string' == typeof remote.api.effect.basePath ? remote.api.effect.basePath.split('/').filter(Boolean).at(-1) ?? remote.domain ?? String(remote.id).replace(/^remote-/, '') : remote.domain ?? String(remote.id).replace(/^remote-/, ''),
             prefix: remote.api.effect.bff?.prefix ?? `/${remote.domain ?? String(remote.id).replace(/^remote-/, '')}-api`,
@@ -5640,8 +5642,8 @@ function remotesFromTopology(topology, ports) {
         } : void 0;
         return {
             id: remote.id,
-            directory: '',
-            packageSuffix: remote.package?.split('/').at(-1) ?? remote.id,
+            directory: 'string' == typeof remote.path ? remote.path : `apps/remotes/${packageSuffix}`,
+            packageSuffix,
             displayName: remote.id,
             kind: remote.kind ?? 'vertical',
             domain: remote.domain ?? String(remote.id).replace(/^remote-/, ''),
@@ -5715,16 +5717,18 @@ function addUltramodernMicroVertical(options) {
         writeJsonFile(topologyPath, topology);
         writeJsonFile(ownershipPath, ownership);
         writeJsonFile(overlayPath, overlay);
+        const updatedRemotes = remotesFromTopology(topology, overlay.ports);
         writeJsonFile(node_path.join(options.workspaceRoot, GENERATED_CONTRACT_PATH), createGeneratedContract(scope, [
             {
                 ...shellApp,
-                remoteRefs: remotesFromTopology(topology, overlay.ports).map((remote)=>remote.id)
+                remoteRefs: updatedRemotes.map((remote)=>remote.id)
             },
-            ...remotesFromTopology(topology, overlay.ports)
+            ...updatedRemotes
         ], enableTailwind));
         const shellConfigPath = node_path.join(options.workspaceRoot, `${shellApp.directory}/module-federation.config.ts`);
-        writeFileReplacing(options.workspaceRoot, `${shellApp.directory}/module-federation.config.ts`, createShellModuleFederationConfig(remotesFromTopology(topology, overlay.ports)));
+        writeFileReplacing(options.workspaceRoot, `${shellApp.directory}/module-federation.config.ts`, createShellModuleFederationConfig(updatedRemotes));
         if (!node_fs.existsSync(shellConfigPath)) throw new Error('Shell Module Federation config was not regenerated');
+        writeGeneratedWorkspaceScripts(options.workspaceRoot, scope, enableTailwind, updatedRemotes);
         addShellZephyrDependency(options.workspaceRoot, scope, remote);
         addShellWorkspaceDependency(options.workspaceRoot, scope, remote);
         addRootDevScript(options.workspaceRoot, scope, remote.packageSuffix, name);

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20"
   },
-  "version": "3.2.0-ultramodern.56",
+  "version": "3.2.0-ultramodern.58",
   "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.56"
+    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.2.0-ultramodern.58"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -54,6 +54,6 @@
     "start": "node ./dist/index.js"
   },
   "ultramodern": {
-    "frameworkVersion": "3.2.0-ultramodern.56"
+    "frameworkVersion": "3.2.0-ultramodern.58"
   }
 }