@bleedingdev/modern-js-create 3.4.0-ultramodern.12 → 3.4.0-ultramodern.13

package/templates/workspace-scripts/ultramodern-performance-readiness.mjs

@@ -6,6 +6,8 @@ const root = process.cwd();
 const defaultReportPath =
   '.codex/reports/performance-readiness/ultramodern-performance-readiness.json';
 const configPath = 'scripts/ultramodern-performance-readiness.config.mjs';
+const compactConfigPath = '.modernjs/ultramodern.json';
+const legacyContractPath = '.modernjs/ultramodern-generated-contract.json';
 const optOutEnv = 'ULTRAMODERN_PERFORMANCE_READINESS_DIAGNOSTICS';
 const signalIds = [
   'bfcache',
@@ -60,6 +62,175 @@ const createSignal = (id, status, evidence) => ({
 
 const unique = values => new Set(values).size === values.length;
 
+const toKebabCase = value =>
+  String(value)
+    .trim()
+    .replace(/([a-z0-9])([A-Z])/gu, '$1-$2')
+    .replace(/[^a-zA-Z0-9._-]+/gu, '-')
+    .replace(/[._]+/gu, '-')
+    .toLowerCase()
+    .replace(/-+/gu, '-')
+    .replace(/^-+|-+$/gu, '');
+
+const toPascalCase = value =>
+  toKebabCase(value)
+    .split('-')
+    .filter(Boolean)
+    .map(part => part.charAt(0).toUpperCase() + part.slice(1))
+    .join('');
+
+const normalizeRelativePath = value =>
+  String(value ?? '').replace(/\\/gu, '/').replace(/^\.\/+/u, '');
+
+const appNamespace = app => (app.kind === 'shell' ? 'shell' : (app.domain ?? app.id));
+
+const normalizeCompactApp = rawApp => {
+  const id = String(rawApp.id);
+  const kind = rawApp.kind === 'vertical' ? 'vertical' : 'shell';
+  const appPath =
+    typeof rawApp.path === 'string'
+      ? normalizeRelativePath(rawApp.path)
+      : kind === 'shell'
+        ? 'apps/shell-super-app'
+        : `verticals/${toKebabCase(id)}`;
+  const packageSuffix =
+    typeof rawApp.packageSuffix === 'string'
+      ? rawApp.packageSuffix
+      : appPath.split('/').at(-1) ?? id;
+  const domain =
+    typeof rawApp.domain === 'string'
+      ? rawApp.domain
+      : kind === 'vertical'
+        ? packageSuffix
+        : undefined;
+  const moduleFederation =
+    rawApp.moduleFederation && typeof rawApp.moduleFederation === 'object'
+      ? rawApp.moduleFederation
+      : {};
+
+  return {
+    id,
+    kind,
+    path: appPath,
+    packageSuffix,
+    domain,
+    port:
+      typeof rawApp.port === 'number'
+        ? rawApp.port
+        : kind === 'shell'
+          ? 3020
+          : 3030,
+    mfName:
+      typeof moduleFederation.name === 'string'
+        ? moduleFederation.name
+        : kind === 'shell'
+          ? 'shellSuperApp'
+          : `vertical${toPascalCase(domain ?? id)}`,
+    moduleFederation: {
+      remotes: [],
+      verticalRefs: Array.isArray(moduleFederation.verticalRefs)
+        ? moduleFederation.verticalRefs.filter(ref => typeof ref === 'string')
+        : [],
+    },
+  };
+};
+
+const createRemoteContracts = (app, apps) =>
+  (app.moduleFederation?.verticalRefs ?? [])
+    .map(ref => apps.find(candidate => candidate.id === ref))
+    .filter(Boolean)
+    .map(remote => ({
+      id: remote.id,
+      name: remote.mfName,
+      manifestUrl: `http://localhost:${remote.port ?? 3030}/mf-manifest.json`,
+    }));
+
+const createPerformanceReadinessContract = () => ({
+  schemaVersion: 1,
+  default: 'enabled',
+  mode: 'diagnostic',
+  scope: 'ultramodern-generated-and-framework-owned',
+  report: {
+    script: 'scripts/ultramodern-performance-readiness.mjs',
+    config: 'scripts/ultramodern-performance-readiness.config.mjs',
+    defaultPath: defaultReportPath,
+    deterministic: true,
+  },
+  signals: signalIds.map(id => ({ id })),
+});
+
+const createContractApp = (config, app, apps) => {
+  const compatibilityDate =
+    typeof config.deploy?.worker?.compatibilityDate === 'string'
+      ? config.deploy.worker.compatibilityDate
+      : '2026-06-02';
+
+  return {
+    id: app.id,
+    path: app.path,
+    config: {
+      plugins: [
+        'appTools',
+        'tanstackRouterPlugin',
+        'i18nPlugin',
+        ...(app.kind === 'vertical' ? ['bffPlugin'] : []),
+        'moduleFederationPlugin',
+        'zephyrRspackPlugin',
+      ],
+    },
+    deploy: {
+      cloudflare: {
+        compatibilityDate,
+        compatibilityFlags: ['nodejs_compat', 'global_fetch_strictly_public'],
+        routes: {
+          ssr: '/en',
+          mfManifest: '/mf-manifest.json',
+          locale: `/locales/en/${appNamespace(app)}.json`,
+        },
+        qualityGates: {
+          assets: {
+            cacheControlRequiredForCss: true,
+          },
+        },
+      },
+    },
+    moduleFederation: {
+      remotes: createRemoteContracts(app, apps),
+    },
+    routes: {
+      localisedUrls: {},
+      publicSurface: {
+        artifactLifecycle: 'build-and-deploy-output',
+      },
+    },
+  };
+};
+
+const readGeneratedContractView = () => {
+  if (exists(compactConfigPath)) {
+    const compactConfig = readJson(compactConfigPath);
+    const apps = Array.isArray(compactConfig.topology?.apps)
+      ? compactConfig.topology.apps.map(normalizeCompactApp)
+      : [];
+    return {
+      sourcePath: compactConfigPath,
+      performanceReadiness: createPerformanceReadinessContract(),
+      apps: apps.map(app => createContractApp(compactConfig, app, apps)),
+    };
+  }
+
+  if (exists(legacyContractPath)) {
+    return {
+      sourcePath: legacyContractPath,
+      ...readJson(legacyContractPath),
+    };
+  }
+
+  throw new Error(
+    `Missing UltraModern config. Expected ${compactConfigPath} or ${legacyContractPath}.`,
+  );
+};
+
 const appGeneratedFiles = app => [
   `${app.path}/modern.config.ts`,
   `${app.path}/module-federation.config.ts`,
@@ -181,7 +352,7 @@ const main = async () => {
     return;
   }
 
-  const contract = readJson('.modernjs/ultramodern-generated-contract.json');
+  const contract = readGeneratedContractView();
   assert(
     contract.performanceReadiness?.default === 'enabled',
     'Generated contract must keep performance readiness diagnostics default-on',

package/templates/workspace-scripts/ultramodern-typecheck.mjs

@@ -9,11 +9,13 @@ import {
   mkdirSync,
 } from 'node:fs';
 import os from 'node:os';
-import { dirname, join } from 'node:path';
+import { dirname, join, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
 const args = process.argv.slice(2);
-const workspaceRoot = join(dirname(fileURLToPath(import.meta.url)), '..');
+const workspaceRoot = process.env.ULTRAMODERN_WORKSPACE_ROOT
+  ? resolve(process.env.ULTRAMODERN_WORKSPACE_ROOT)
+  : join(dirname(fileURLToPath(import.meta.url)), '..');
 const cpuCount = Math.max(
   1,
   typeof os.availableParallelism === 'function'