@bleedingdev/modern-js-create 3.5.0-ultramodern.30 → 3.5.0-ultramodern.31

package/dist/types/ultramodern-workspace/module-federation/index.d.ts

@@ -0,0 +1,4 @@
+export { createAppModernConfig, createBackendModuleFederationConfig, createRemoteModuleFederationConfig, createShellModuleFederationConfig, } from './config';
+export { createUltramodernBuildArtifactJson, createUltramodernBuildModule, createUltramodernBuildReexportModule, } from './reexport-module';
+export { createModuleFederationRemotesConfig, createModuleFederationRemoteUrlHelpers, } from './remote-refs';
+export { createSharedModuleFederationConfig, formatTsObjectLiteral, } from './shared-config';

package/dist/types/ultramodern-workspace/module-federation/reexport-module.d.ts

@@ -0,0 +1,4 @@
+import type { WorkspaceApp } from '../types';
+export declare function createUltramodernBuildArtifactJson(scope: string, app: WorkspaceApp): string;
+export declare function createUltramodernBuildModule(): string;
+export declare function createUltramodernBuildReexportModule(): string;

package/dist/types/ultramodern-workspace/module-federation/remote-refs.d.ts

@@ -0,0 +1,3 @@
+import type { WorkspaceApp } from '../types';
+export declare function createModuleFederationRemoteUrlHelpers(app: WorkspaceApp, remotes?: WorkspaceApp[]): string;
+export declare function createModuleFederationRemotesConfig(scope: string, app: WorkspaceApp, remotes?: WorkspaceApp[]): string;

package/dist/types/ultramodern-workspace/module-federation/shared-config.d.ts

@@ -0,0 +1,2 @@
+export declare function createSharedModuleFederationConfig(): string;
+export declare function formatTsObjectLiteral(value: Record<string, string>): string;

package/dist/types/ultramodern-workspace/module-federation.d.ts

@@ -1,12 +1,2 @@
-import type { WorkspaceApp } from './types';
-export declare function createAppModernConfig(scope: string, app: WorkspaceApp, remotes?: WorkspaceApp[]): string;
-export declare function createSharedModuleFederationConfig(): string;
-export declare function formatTsObjectLiteral(value: Record<string, string>): string;
-export declare function createModuleFederationRemoteUrlHelpers(app: WorkspaceApp, remotes?: WorkspaceApp[]): string;
-export declare function createModuleFederationRemotesConfig(scope: string, app: WorkspaceApp, remotes?: WorkspaceApp[]): string;
-export declare function createShellModuleFederationConfig(scope: string, remotes?: WorkspaceApp[]): string;
-export declare function createBackendModuleFederationConfig(app: WorkspaceApp): string;
 export { createBuildMarker } from './delivery-unit';
-export declare function createUltramodernBuildModule(scope: string, app: WorkspaceApp): string;
-export declare function createUltramodernBuildReexportModule(): string;
-export declare function createRemoteModuleFederationConfig(scope: string, app: WorkspaceApp, remotes?: WorkspaceApp[]): string;
+export { createAppModernConfig, createBackendModuleFederationConfig, createModuleFederationRemotesConfig, createModuleFederationRemoteUrlHelpers, createRemoteModuleFederationConfig, createSharedModuleFederationConfig, createShellModuleFederationConfig, createUltramodernBuildArtifactJson, createUltramodernBuildModule, createUltramodernBuildReexportModule, formatTsObjectLiteral, } from './module-federation/index';

package/dist/types/ultramodern-workspace/package-json.d.ts

@@ -1,22 +1,10 @@
 import type { UltramodernBridgeConfig } from './bridge-config';
 import type { JsonValue, ResolvedPackageSource, WorkspaceApp } from './types';
-export declare const effectDiagnostics: string[];
 export declare function appDependencies(scope: string, packageSource: ResolvedPackageSource, app: WorkspaceApp, remotes?: WorkspaceApp[], bridge?: UltramodernBridgeConfig): Record<string, string>;
 export declare function appDevDependencies(packageSource: ResolvedPackageSource, enableTailwind: boolean): Record<string, string>;
 export declare function createRootPackageJson(scope: string, packageSource: ResolvedPackageSource, remotes?: WorkspaceApp[], bridge?: UltramodernBridgeConfig): JsonValue;
 export declare function createZephyrDependencies(scope: string, app: WorkspaceApp, remotes?: WorkspaceApp[]): JsonValue;
-export declare function createTsConfigBase(): JsonValue;
-type CreatePackageTsConfigOptions = {
-    include?: string[];
-    includeApi?: boolean;
-    references?: string[];
-};
-export declare function createPackageTsConfig(packageDir: string, options?: CreatePackageTsConfigOptions | boolean): JsonValue;
-export declare function createAppTsConfig(app: WorkspaceApp, remotes?: WorkspaceApp[]): JsonValue;
-export declare function createAppMfTypesTsConfig(app: WorkspaceApp): JsonValue;
-export declare function createSharedPackageTsConfig(packageDir: string): JsonValue;
-export declare function createRootTsConfig(apps?: WorkspaceApp[]): JsonValue;
+export { createAppMfTypesTsConfig, createAppTsConfig, createPackageTsConfig, createRootTsConfig, createSharedPackageTsConfig, createTsConfigBase, } from './tsconfigs';
 export declare function createAppPackage(scope: string, app: WorkspaceApp, packageSource: ResolvedPackageSource, enableTailwind: boolean, remotes?: WorkspaceApp[], bridge?: UltramodernBridgeConfig): JsonValue;
 export declare function createSharedPackage(scope: string, id: string, description: string): JsonValue;
 export declare function createSharedContractsIndex(): string;
-export {};

package/dist/types/ultramodern-workspace/shared-patches.d.ts

@@ -0,0 +1,2 @@
+export declare const SHARED_ULTRAMODERN_WORKSPACE_PATCH_FILES: readonly ['@module-federation__bridge-react@2.6.0.patch', '@module-federation__modern-js-v3@2.6.0.patch', '@tanstack__router-core@1.171.13.patch'];
+export type SharedUltramodernWorkspacePatchFile = (typeof SHARED_ULTRAMODERN_WORKSPACE_PATCH_FILES)[number];

package/dist/types/ultramodern-workspace/tsconfigs.d.ts

@@ -0,0 +1,13 @@
+import type { JsonValue, WorkspaceApp } from './types';
+export declare function createTsConfigBase(): JsonValue;
+type CreatePackageTsConfigOptions = {
+    include?: string[];
+    includeApi?: boolean;
+    references?: string[];
+};
+export declare function createPackageTsConfig(packageDir: string, options?: CreatePackageTsConfigOptions | boolean): JsonValue;
+export declare function createAppTsConfig(app: WorkspaceApp, remotes?: WorkspaceApp[]): JsonValue;
+export declare function createAppMfTypesTsConfig(app: WorkspaceApp): JsonValue;
+export declare function createSharedPackageTsConfig(packageDir: string): JsonValue;
+export declare function createRootTsConfig(apps?: WorkspaceApp[]): JsonValue;
+export {};

package/dist/types/ultramodern-workspace/workspace-validation-contract.d.ts

@@ -23,7 +23,7 @@ export declare function createWorkspaceValidationContract(scope: string, enableT
         zephyrAlias: string;
         packageName: string;
         backendFederation: import("./types").JsonValue | undefined;
-        deliveryUnit: import("./delivery-unit").DeliveryUnitRecord;
+        deliveryUnit: import("@modern-js/utils/universal").DeliveryUnitRecord;
         exposes: string[];
         componentPaths: string[];
         namespace: string;

package/dist/types/ultramodern-workspace/write-app.d.ts

@@ -0,0 +1,3 @@
+import type { UltramodernBridgeConfig } from './bridge-config';
+import type { ResolvedPackageSource, WorkspaceApp } from './types';
+export declare function writeApp(targetDir: string, scope: string, app: WorkspaceApp, packageSource: ResolvedPackageSource, enableTailwind: boolean, remotes?: WorkspaceApp[], bridge?: UltramodernBridgeConfig): void;

package/dist/types/ultramodern-workspace/write-workspace.d.ts

@@ -1,6 +1,7 @@
 import type { UltramodernBridgeConfig } from './bridge-config';
 import type { JsonValue, ResolvedPackageSource, UltramodernGenerationResult, UltramodernWorkspaceOptions, WorkspaceApp } from './types';
-export declare function writeApp(targetDir: string, scope: string, app: WorkspaceApp, packageSource: ResolvedPackageSource, enableTailwind: boolean, remotes?: WorkspaceApp[], bridge?: UltramodernBridgeConfig): void;
+import { writeApp } from './write-app';
+export { writeApp };
 export declare function writeSharedPackages(targetDir: string, scope: string): void;
 export declare function createCompactUltramodernConfig(scope: string, modernVersion: string, packageSource: ResolvedPackageSource, apps?: WorkspaceApp[], enableTailwind?: boolean, bridge?: UltramodernBridgeConfig): JsonValue;
 export declare function generateUltramodernWorkspace(options: UltramodernWorkspaceOptions): UltramodernGenerationResult;

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20"
   },
-  "version": "3.5.0-ultramodern.30",
+  "version": "3.5.0-ultramodern.31",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/esm-node/index.js",
   "bin": {
@@ -77,7 +77,8 @@
     "@modern-js/codesmith": "2.6.9",
     "oxfmt": "0.56.0",
     "ultracite": "7.8.3",
-    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.5.0-ultramodern.30"
+    "@modern-js/i18n-utils": "npm:@bleedingdev/modern-js-i18n-utils@3.5.0-ultramodern.31",
+    "@modern-js/utils": "npm:@bleedingdev/modern-js-utils@3.5.0-ultramodern.31"
   },
   "devDependencies": {
     "@rslib/core": "0.23.1",
@@ -99,6 +100,6 @@
     "test": "rm -rf dist && rslib build -c rslibconfig.mts && rstest --passWithNoTests"
   },
   "ultramodern": {
-    "frameworkVersion": "3.5.0-ultramodern.30"
+    "frameworkVersion": "3.5.0-ultramodern.31"
   }
 }

package/templates/workspace/apps/modern.config.shared-module-federation.ts.handlebars

@@ -0,0 +1,37 @@
+  shared: {
+    '@modern-js/plugin-i18n/runtime/no-react-i18next': {
+      requiredVersion: pluginI18nVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    '@modern-js/plugin-tanstack/runtime': {
+      requiredVersion: pluginTanstackVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    '@modern-js/runtime': {
+      requiredVersion: runtimeVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    '@tanstack/react-router': {
+      requiredVersion: dependencies['@tanstack/react-router'],
+      singleton: true,
+      treeShaking: false,
+    },
+    react: {
+      requiredVersion: reactVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    'react-dom': {
+      requiredVersion: reactDomVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    'react-dom/client': {
+      requiredVersion: reactDomVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+  }

package/templates/workspace/apps/modern.config.ts.handlebars

@@ -0,0 +1,252 @@
+// @effect-diagnostics processEnv:off
+import { setTimeout as delay } from 'node:timers/promises';
+import {
+  appTools,
+  defineConfig,
+  presetUltramodern,
+} from '@modern-js/app-tools';
+{{value0}}import { i18nPlugin } from '@modern-js/plugin-i18n';
+import { tanstackRouterPlugin } from '@modern-js/plugin-tanstack';
+import { moduleFederationPlugin } from '@module-federation/modern-js-v3';
+import { withZephyr as withZephyrRspack } from 'zephyr-rspack-plugin';
+import { ultramodernLocalisedUrls } from './src/routes/ultramodern-route-metadata';
+
+type ZephyrRspackConfig = Parameters<ReturnType<typeof withZephyrRspack>>[0];
+
+const zephyrEnabled = process.env['ULTRAMODERN_ZEPHYR'] !== 'false';
+const cloudflareDeployEnabled =
+  process.env['MODERNJS_DEPLOY'] === 'cloudflare';
+
+const parsedZephyrTimeoutMs = Number.parseInt(
+  process.env['ULTRAMODERN_ZEPHYR_TIMEOUT_MS'] ?? '',
+  10,
+);
+const zephyrTimeoutMs =
+  Number.isFinite(parsedZephyrTimeoutMs) && parsedZephyrTimeoutMs > 0
+    ? parsedZephyrTimeoutMs
+    : 45_000;
+
+const zephyrWarn = (error: unknown) => {
+  const message = error instanceof Error ? error.message : String(error);
+  console.warn(
+    `[ultramodern] zephyr-rspack-plugin failed; continuing without Zephyr (set ULTRAMODERN_ZEPHYR=false to disable it): ${message}`,
+  );
+};
+
+const zephyrRspackPlugin = () => ({
+  name: 'ultramodern-zephyr-rspack-plugin',
+  pre: ['@modern-js/plugin-module-federation-config'],
+  setup(api: {
+    modifyRspackConfig: (
+      handler: (
+        config: ZephyrRspackConfig,
+      ) => ZephyrRspackConfig | Promise<ZephyrRspackConfig>,
+    ) => void;
+  }) {
+    if (!zephyrEnabled) {
+      return;
+    }
+    api.modifyRspackConfig(async config => {
+      try {
+        // Zephyr can not only throw/reject but also hang on a stalled network
+        // call, wedging the whole build. Race it against a watchdog so a hang
+        // degrades to an unmodified config instead of blocking indefinitely.
+        const zephyrConfig = (async () => {
+          try {
+            return await withZephyrRspack()(config);
+          } catch (error) {
+            zephyrWarn(error);
+            return config;
+          }
+        })();
+        const watchdog = async () => {
+          await delay(zephyrTimeoutMs, undefined, { ref: false });
+          zephyrWarn(
+            `timed out after ${zephyrTimeoutMs}ms (override with ULTRAMODERN_ZEPHYR_TIMEOUT_MS)`,
+          );
+          return config;
+        };
+        return await Promise.race([zephyrConfig, watchdog()]);
+      } catch (error) {
+        zephyrWarn(error);
+        return config;
+      }
+    });
+  },
+});
+
+const appId = '{{value1}}';
+const cloudflareWorkerName = '{{value2}}';
+const port = Number(process.env['{{value3}}'] ?? {{value4}});
+const envValue = (name: string) => {
+  const value = process.env[name]?.trim();
+  return value !== undefined && value.length > 0 ? value : undefined;
+};
+const configuredSiteUrl = envValue('MODERN_PUBLIC_SITE_URL');
+const configuredCloudflareUrl = envValue('{{value5}}');
+const configuredUltramodernAssetPrefix = envValue('ULTRAMODERN_ASSET_PREFIX');
+const configuredModernAssetPrefix = envValue('MODERN_ASSET_PREFIX');
+const moduleFederationDevServerOrigin =
+  envValue('ULTRAMODERN_MF_DEV_ORIGIN') || 'http://localhost:{{value6}}';
+const cloudflareWorkersDevSubdomain = envValue(
+  'ULTRAMODERN_CLOUDFLARE_WORKERS_DEV_SUBDOMAIN',
+);
+const inferredCloudflareUrl =
+  cloudflareDeployEnabled && cloudflareWorkersDevSubdomain !== undefined
+    ? `https://${cloudflareWorkerName}.${cloudflareWorkersDevSubdomain}.workers.dev`
+    : undefined;
+// Site origin (SEO: canonical/hreflang URLs) prefers the site-wide public URL;
+// the per-app deployment URL only fills in when no site origin is configured.
+const siteUrl =
+  configuredSiteUrl ||
+  configuredCloudflareUrl ||
+  inferredCloudflareUrl ||
+  `http://localhost:${port}`;
+{{value7}}
+// Asset loading is intentionally independent from the canonical site URL.
+// Module Federation remotes must publish an absolute publicPath so browsers
+// load remoteEntry.js and exposed chunks from the remote origin, not the host.
+const assetPrefix =
+  configuredModernAssetPrefix || configuredUltramodernAssetPrefix || defaultAssetPrefix;
+const buildTarget = cloudflareDeployEnabled ? 'cloudflare' : 'web';
+const buildOutputRoot = cloudflareDeployEnabled ? 'dist-cloudflare' : 'dist';
+const buildTempDirectory = `node_modules/.modern-js-${appId}-${buildTarget}`;
+const buildCacheDirectory = `node_modules/.cache/rspack-${appId}-${buildTarget}`;
+
+if (
+  cloudflareDeployEnabled &&
+  process.env['ULTRAMODERN_CLOUDFLARE_REQUIRE_PUBLIC_URLS'] === 'true' &&
+  configuredCloudflareUrl === undefined &&
+  configuredSiteUrl === undefined &&
+  inferredCloudflareUrl === undefined
+) {
+  throw new Error(
+    `Cloudflare deploy for ${appId} needs {{value8}}, MODERN_PUBLIC_SITE_URL, or ULTRAMODERN_CLOUDFLARE_WORKERS_DEV_SUBDOMAIN.`,
+  );
+}
+
+export default defineConfig(
+  presetUltramodern(
+    {
+{{value9}}      ...(cloudflareDeployEnabled
+        ? {
+            deploy: {
+              worker: {
+              compatibilityDate: '{{value10}}',
+              name: cloudflareWorkerName,
+              security: {{value11}},
+{{value12}}              ssr: true,
+            },
+          },
+          }
+        : {}),
+      dev: {
+{{value13}}
+      },
+      html: {
+        outputStructure: 'flat',
+      },
+      output: {
+        assetPrefix,
+        disableTsChecker: false,
+        distPath: {
+          html: './',
+          root: buildOutputRoot,
+        },
+        polyfill: 'off',
+        splitRouteChunks: true,
+        tempDir: buildTempDirectory,
+      },
+      performance: {
+        buildCache: {
+          cacheDigest: [appId, buildTarget],
+          cacheDirectory: buildCacheDirectory,
+        },
+        rsdoctor: {
+          disableClientServer: true,
+          enabled: process.env['ULTRAMODERN_RSDOCTOR'] === 'true',
+        },
+      },
+      plugins: [
+        appTools(),
+        tanstackRouterPlugin(),
+        i18nPlugin({
+          backend: {
+            enabled: true,
+            loadPath: '/locales/{{lng}}/{{ns}}.json',
+          },
+          localeDetection: {
+            fallbackLanguage: 'en',
+            ignoreRedirectRoutes: [
+              '/@mf-types',
+              '/assets',
+              '/bundles',
+              '{{value14}}',
+              '/locales',
+              '/mf-manifest.json',
+              '/mf-stats.json',
+              '/remoteEntry.js',
+              '/robots.txt',
+              '/site.webmanifest',
+              '/sitemap.xml',
+              '/static',
+              '/zephyr-manifest.json',
+            ],
+            languages: ['en', 'cs'],
+            localePathRedirect: true,
+            localisedUrls: ultramodernLocalisedUrls as Record<string, Record<string, string>>,
+          },
+          reactI18next: false,
+        }),
+{{value15}}        moduleFederationPlugin(),
+        zephyrRspackPlugin(),
+      ],
+      server: {
+        port,
+        publicDir: ['./locales', './assets'],
+        ssr: {
+          mode: 'string',
+          moduleFederationAppSSR: true,
+        },
+      },
+      source: {
+        alias: {
+          '@modern-js/plugin-i18n/runtime':
+            '@modern-js/plugin-i18n/runtime/no-react-i18next',
+        },
+        globalVars: {
+          ULTRAMODERN_SITE_URL: siteUrl,
+        },
+        mainEntryName: 'index',
+      },
+      splitChunks: {
+        chunks: 'async',
+      },
+      tools: {
+        autoprefixer: {
+          overrideBrowserslist: ['defaults'],
+        },
+        bundlerChain: chain => {
+          chain.output
+            .uniqueName('{{value16}}')
+            .chunkLoadingGlobal('{{value17}}');
+        },
+        devServer: {
+          headers: {
+            'Access-Control-Allow-Headers':
+              'Accept, Authorization, Content-Type, X-Requested-With',
+            'Access-Control-Allow-Methods': 'GET, HEAD, OPTIONS',
+            'Access-Control-Allow-Origin': moduleFederationDevServerOrigin,
+          },
+        },
+      },
+    },
+    {
+      appId,
+      enableBffRequestId: true,
+      enableModuleFederationSSR: true,
+      enableTelemetryExporters: true,
+      telemetryFailLoudStartup: false,
+    },
+  ),
+);

package/templates/workspace/apps/shared/src/routes/ultramodern-jsonld.ts.handlebars

@@ -0,0 +1,119 @@
+export type JsonLdPrimitive = string | number | boolean | null;
+export type JsonLdValue =
+  | JsonLdPrimitive
+  | readonly JsonLdValue[]
+  | { readonly [key: string]: JsonLdValue };
+export type JsonLdObject = Readonly<Record<string, JsonLdValue>>;
+export type RouteJsonLd = JsonLdObject | readonly JsonLdObject[];
+
+const schemaContext = 'https://schema.org' as const;
+
+type SchemaObject<TType extends string> = JsonLdObject & {
+  readonly '@context': typeof schemaContext;
+  readonly '@type': TType;
+};
+
+type ThingReference =
+  | string
+  | {
+      readonly '@id'?: string;
+      readonly '@type'?: string;
+      readonly name?: string;
+      readonly url?: string;
+    };
+
+const withSchemaContext = <TType extends string, TInput extends object>(
+  type: TType,
+  input: TInput,
+): SchemaObject<TType> & TInput => ({
+  '@context': schemaContext,
+  '@type': type,
+  ...input,
+});
+
+export const defineRouteJsonLd = <TJsonLd extends RouteJsonLd>(
+  jsonLd: TJsonLd,
+): TJsonLd => jsonLd;
+
+export interface WebPageJsonLdInput {
+  readonly name: string;
+  readonly url: string;
+  readonly description?: string;
+  readonly inLanguage?: string | readonly string[];
+  readonly isPartOf?: ThingReference;
+}
+
+export const webPageJsonLd = (input: WebPageJsonLdInput) =>
+  withSchemaContext('WebPage', input);
+
+export interface WebApplicationJsonLdInput {
+  readonly name: string;
+  readonly url: string;
+  readonly applicationCategory?: string;
+  readonly browserRequirements?: string;
+  readonly description?: string;
+  readonly operatingSystem?: string;
+}
+
+export const webApplicationJsonLd = (input: WebApplicationJsonLdInput) =>
+  withSchemaContext('WebApplication', input);
+
+export interface SoftwareApplicationJsonLdInput {
+  readonly name: string;
+  readonly url: string;
+  readonly applicationCategory?: string;
+  readonly applicationSubCategory?: string;
+  readonly description?: string;
+  readonly offers?: ThingReference;
+  readonly operatingSystem?: string;
+}
+
+export const softwareApplicationJsonLd = (
+  input: SoftwareApplicationJsonLdInput,
+) => withSchemaContext('SoftwareApplication', input);
+
+export interface OrganizationJsonLdInput {
+  readonly name: string;
+  readonly url?: string;
+  readonly logo?: string;
+  readonly sameAs?: readonly string[];
+}
+
+export const organizationJsonLd = (input: OrganizationJsonLdInput) =>
+  withSchemaContext('Organization', input);
+
+export interface BreadcrumbListItemInput {
+  readonly name: string;
+  readonly item: string;
+}
+
+export const breadcrumbListJsonLd = (
+  items: readonly BreadcrumbListItemInput[],
+) =>
+  withSchemaContext('BreadcrumbList', {
+    itemListElement: items.map((entry, index) => ({
+      '@type': 'ListItem',
+      item: entry.item,
+      name: entry.name,
+      position: index + 1,
+    })),
+  });
+
+export interface FAQPageQuestionInput {
+  readonly name: string;
+  readonly acceptedAnswer: {
+    readonly text: string;
+  };
+}
+
+export const faqPageJsonLd = (questions: readonly FAQPageQuestionInput[]) =>
+  withSchemaContext('FAQPage', {
+    mainEntity: questions.map(question => ({
+      '@type': 'Question',
+      acceptedAnswer: {
+        '@type': 'Answer',
+        text: question.acceptedAnswer.text,
+      },
+      name: question.name,
+    })),
+  });

package/templates/workspace/apps/shared/src/routes/ultramodern-route-metadata.ts.handlebars

@@ -0,0 +1,21 @@
+// @generated by @modern-js/create.
+// Author route metadata in colocated src/routes/**/route.meta.ts files.
+// This compatibility manifest is regenerated from route-owned metadata.
+
+export const ultramodernRouteNamespace = '{{value0}}' as const;
+
+export const ultramodernRouteMetadata = {{value1}} as const;
+
+export const ultramodernLocalisedUrls = {{value2}} as const;
+
+export const ultramodernPublicRoutes = {{value3}} as const;
+
+export const ultramodernRouteConfig = {
+  authoring: 'colocated-route-meta',
+  generatedManifest: true,
+  localisedUrls: ultramodernLocalisedUrls,
+  namespace: ultramodernRouteNamespace,
+  publicRoutes: ultramodernPublicRoutes,
+  routes: ultramodernRouteMetadata,
+  source: 'route-owned',
+} as const;

package/templates/workspace/apps/shell-super-app/src/routes/[lang]/page.tsx.handlebars

@@ -0,0 +1,49 @@
+import { Link, useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import ShellFrame from '../shell-frame';
+import { UltramodernRouteHead } from '../ultramodern-route-head';
+import { VerticalShowcase } from '../vertical-components';
+import { ultramodernUiMarker } from '../../ultramodern-build';
+
+export default function ShellHome() {
+  const { t } = useModernI18n();
+
+  return (
+    <ShellFrame>
+      <UltramodernRouteHead />
+      <section className="{{value0}}">
+        <div className="{{value1}}">
+          <p className="{{value2}}">{t('shell.hero.eyebrow')}</p>
+          <h1 className="{{value3}}">{t('shell.title')}</h1>
+          <p className="{{value4}}">{t('shell.hero.lede')}</p>
+          <div className="{{value5}}">
+            <Link className="{{value6}}" to="/">
+              {t('shell.hero.primary')}
+            </Link>
+            <span className="{{value7}}">
+              {t('shell.hero.secondary')}
+            </span>
+          </div>
+        </div>
+        <div className="{{value8}}">
+          <div className="{{value9}}">
+            <article className="{{value10}}">
+              <span className="{{value11}}">{t('shell.hero.cardOneKicker')}</span>
+              <strong className="{{value12}}">{{value13}}</strong>
+              <p className="{{value14}}">{t('shell.hero.cardOne')}</p>
+            </article>
+            <article className="{{value15}}">
+              <span className="{{value16}}">{t('shell.hero.cardTwoKicker')}</span>
+              <strong className="{{value17}}">SSR</strong>
+              <p className="{{value18}}">{t('shell.hero.cardTwo')}</p>
+            </article>
+          </div>
+        </div>
+      </section>
+      <VerticalShowcase />
+      <p className="{{value19}}" data-testid="ultramodern-preset">presetUltramodern workspace</p>
+      <p className="{{value20}}" data-build-marker={ultramodernUiMarker.build} data-testid="ultramodern-ui-marker">
+        {ultramodernUiMarker.appId}:{ultramodernUiMarker.version}
+      </p>
+    </ShellFrame>
+  );
+}