@bleedingdev/modern-js-create 3.5.0-ultramodern.9 → 3.5.0-ultramodern.90

package/dist/esm/ultramodern-workspace/module-federation.js

@@ -1,458 +1,2 @@
-import node_crypto from "node:crypto";
-import { appHasApi, createCloudflarePublicUrlEnv, createCloudflareWorkerName, createRemoteManifestEnv, remoteDependencyAlias, resolveApiPrefix, resolveRemoteRefs, shellApp } from "./descriptors.js";
-import { createRspackChunkLoadingGlobal, createRspackUniqueName, packageName } from "./naming.js";
-import { createCloudflareSecurityContract, formatTsJsonValue } from "./policy.js";
-import { sortJsonValue } from "./types.js";
-import { CLOUDFLARE_COMPATIBILITY_DATE } from "./versions.js";
-function createAppModernConfig(scope, app) {
-    const bffImport = appHasApi(app) ? "import { bffPlugin } from '@modern-js/plugin-bff';\n" : '';
-    const bffConfig = appHasApi(app) ? `      bff: {
-        effect: {
-          entry: './api/index',
-          openapi: {
-            path: '/openapi.json',
-          },
-          strictEffectApproach: true,
-        },
-        prefix: '${resolveApiPrefix(app)}',
-        runtimeFramework: 'effect',
-      },
-` : '';
-    const bffPluginEntry = appHasApi(app) ? '        bffPlugin(),\n' : '';
-    const defaultAssetPrefixSource = 'shell' === app.kind ? "const defaultAssetPrefix = '/';" : `const remoteAssetOrigin =
-  configuredCloudflareUrl ||
-  inferredCloudflareUrl ||
-  (cloudflareDeployEnabled ? '/' : \`http://localhost:\${port}\`);
-const defaultRemoteAssetPrefix = \`\${remoteAssetOrigin.replace(/\\/+$/u, '')}/\`;
-const defaultAssetPrefix = defaultRemoteAssetPrefix;`;
-    return `// @effect-diagnostics processEnv:off
-import {
-  appTools,
-  defineConfig,
-  presetUltramodern,
-} from '@modern-js/app-tools';
-${bffImport}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 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(config => withZephyrRspack()(config));
-  },
-});
-
-const appId = '${app.id}';
-const cloudflareWorkerName = '${createCloudflareWorkerName(scope, app)}';
-const port = Number(process.env['${app.portEnv}'] ?? ${app.port});
-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('${createCloudflarePublicUrlEnv(app)}');
-const configuredUltramodernAssetPrefix = envValue('ULTRAMODERN_ASSET_PREFIX');
-const configuredModernAssetPrefix = envValue('MODERN_ASSET_PREFIX');
-const moduleFederationDevServerOrigin =
-  envValue('ULTRAMODERN_MF_DEV_ORIGIN') || 'http://localhost:${shellApp.port}';
-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}\`;
-${defaultAssetPrefixSource}
-// 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 buildCacheTarget = cloudflareDeployEnabled ? 'cloudflare' : 'web';
-const buildCacheDirectory = \`node_modules/.cache/rspack-\${appId}-\${buildCacheTarget}\`;
-
-if (
-  cloudflareDeployEnabled &&
-  process.env['ULTRAMODERN_CLOUDFLARE_REQUIRE_PUBLIC_URLS'] === 'true' &&
-  configuredCloudflareUrl === undefined &&
-  configuredSiteUrl === undefined &&
-  inferredCloudflareUrl === undefined
-) {
-  throw new Error(
-    \`Cloudflare deploy for \${appId} needs ${createCloudflarePublicUrlEnv(app)}, MODERN_PUBLIC_SITE_URL, or ULTRAMODERN_CLOUDFLARE_WORKERS_DEV_SUBDOMAIN.\`,
-  );
-}
-
-export default defineConfig(
-  presetUltramodern(
-    {
-${bffConfig}      ...(cloudflareDeployEnabled
-        ? {
-            deploy: {
-              worker: {
-                compatibilityDate: '${CLOUDFLARE_COMPATIBILITY_DATE}',
-                name: cloudflareWorkerName,
-                security: ${formatTsJsonValue(sortJsonValue(createCloudflareSecurityContract()), 16)},
-                ssr: true,
-              },
-            },
-          }
-        : {}),
-      dev: {
-        // Keep dev assets origin-relative too; the default absolute
-        // http://localhost:<port> prefix breaks pages served through tunnels.
-        assetPrefix: '/',
-      },
-      html: {
-        outputStructure: 'flat',
-      },
-      output: {
-        assetPrefix,
-        disableTsChecker: false,
-        distPath: {
-          html: './',
-        },
-        polyfill: 'off',
-        splitRouteChunks: true,
-      },
-      performance: {
-        buildCache: {
-          cacheDigest: [appId, buildCacheTarget],
-          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',
-              '${resolveApiPrefix(app)}',
-              '/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,
-        }),
-${bffPluginEntry}        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('${createRspackUniqueName(app)}')
-            .chunkLoadingGlobal('${createRspackChunkLoadingGlobal(app)}');
-        },
-        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,
-    },
-  ),
-);
-`;
-}
-function createSharedModuleFederationConfig() {
-    return `  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,
-    },
-  }`;
-}
-function formatTsObjectLiteral(value) {
-    const entries = Object.entries(value).sort(([left], [right])=>left.localeCompare(right));
-    if (0 === entries.length) return '{}';
-    return `{
-${entries.map(([key, entryValue])=>`    '${key}': '${entryValue}',`).join('\n')}
-  }`;
-}
-function createModuleFederationRemoteUrlHelpers(app, remotes = []) {
-    if (0 === resolveRemoteRefs(app, remotes).length) return '';
-    return `const cloudflareDeployEnabled =
-  process.env['MODERNJS_DEPLOY'] === 'cloudflare';
-const cloudflareWorkersDevSubdomain =
-  process.env['ULTRAMODERN_CLOUDFLARE_WORKERS_DEV_SUBDOMAIN']?.trim();
-const requireCloudflarePublicUrls =
-  process.env['ULTRAMODERN_CLOUDFLARE_REQUIRE_PUBLIC_URLS'] === 'true';
-
-const createRemoteManifestUrl = (options: {
-  manifestEnv: string;
-  mfName: string;
-  port: number;
-  publicUrlEnv: string;
-  workerName: string;
-}) => {
-  const configuredManifest = process.env[options.manifestEnv]?.trim();
-  if (configuredManifest !== undefined && configuredManifest.length > 0) {
-    return configuredManifest;
-  }
-
-  const configuredPublicUrl = process.env[options.publicUrlEnv]?.trim();
-  if (configuredPublicUrl !== undefined && configuredPublicUrl.length > 0) {
-    return \`\${options.mfName}@\${configuredPublicUrl.replace(/\\/+$/u, '')}/mf-manifest.json\`;
-  }
-
-  if (cloudflareDeployEnabled && cloudflareWorkersDevSubdomain !== undefined) {
-    return \`\${options.mfName}@https://\${options.workerName}.\${cloudflareWorkersDevSubdomain}.workers.dev/mf-manifest.json\`;
-  }
-
-  if (cloudflareDeployEnabled && requireCloudflarePublicUrls) {
-    throw new Error(
-      \`Cloudflare deploy needs \${options.publicUrlEnv}, \${options.manifestEnv}, or ULTRAMODERN_CLOUDFLARE_WORKERS_DEV_SUBDOMAIN for remote \${options.mfName}.\`,
-    );
-  }
-
-  return \`\${options.mfName}@http://localhost:\${options.port}/mf-manifest.json\`;
-};
-
-`;
-}
-function createModuleFederationRemotesConfig(scope, app, remotes = []) {
-    const remoteEntries = resolveRemoteRefs(app, remotes).toSorted((left, right)=>remoteDependencyAlias(left).localeCompare(remoteDependencyAlias(right))).map((remote)=>{
-        const key = remoteDependencyAlias(remote);
-        return `    ${key}: createRemoteManifestUrl({
-      manifestEnv: '${createRemoteManifestEnv(remote)}',
-      mfName: '${remote.mfName}',
-      port: ${remote.port},
-      publicUrlEnv: '${createCloudflarePublicUrlEnv(remote)}',
-      workerName: '${createCloudflareWorkerName(scope, remote)}',
-    }),`;
-    }).join('\n');
-    if (!remoteEntries) return '';
-    return `  remotes: {
-${remoteEntries}
-  },
-`;
-}
-function createShellModuleFederationConfig(scope, remotes = []) {
-    const shellHost = {
-        ...shellApp,
-        verticalRefs: remotes.map((remote)=>remote.id)
-    };
-    return `// @effect-diagnostics nodeBuiltinImport:off processEnv:off
-// ultramodern-mf: host-only
-import { createRequire } from 'node:module';
-import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
-import { dependencies } from './package.json';
-
-const require = createRequire(import.meta.url);
-const pluginI18nVersion = (require('@modern-js/plugin-i18n/package.json') as { version: string }).version;
-const pluginTanstackVersion = (require('@modern-js/plugin-tanstack/package.json') as { version: string }).version;
-const runtimeVersion = (require('@modern-js/runtime/package.json') as { version: string }).version;
-const reactVersion = (require('react/package.json') as { version: string }).version;
-const reactDomVersion = (require('react-dom/package.json') as { version: string }).version;
-
-${createModuleFederationRemoteUrlHelpers(shellHost, remotes)}
-const moduleFederationConfig: Parameters<
-  typeof createModuleFederationConfig
->[0] = createModuleFederationConfig({
-  bridge: {
-    enableBridgeRouter: false,
-  },
-  dev: {
-    disableDynamicRemoteTypeHints: true,
-  },
-  dts: {
-    displayErrorInTerminal: true,
-    generateTypes: {
-      compilerInstance: 'tsgo',
-    },
-    tsConfigPath: './tsconfig.mf-types.json',
-  },
-  filename: 'remoteEntry.js',
-  name: '${shellApp.mfName}',
-${createModuleFederationRemotesConfig(scope, shellHost, remotes)}${createSharedModuleFederationConfig()},
-  treeShakingSharedExcludePlugins: ['RspackModuleFederationPlugin'],
-});
-
-export default moduleFederationConfig;
-`;
-}
-function createBuildMarker(scope, app) {
-    return node_crypto.createHash('sha256').update(`${scope}:${app.packageSuffix}:${app.id}:0.1.0`).digest('hex').slice(0, 16);
-}
-function createUltramodernBuildModule(scope, app) {
-    return `export const ultramodernVerticalIdentity = {
-  appId: '${app.id}',
-  build: '${createBuildMarker(scope, app)}',
-  deployProfile: 'cloudflare-ssr-mf-effect-v1',
-  packageName: '${packageName(scope, app.packageSuffix)}',
-  version: '0.1.0',
-} as const;
-
-export const ultramodernUiMarker = {
-  ...ultramodernVerticalIdentity,
-  surface: 'ui',
-} as const;
-
-export const ultramodernApiMarker = {
-  ...ultramodernVerticalIdentity,
-  surface: 'api',
-} as const;
-`;
-}
-function createUltramodernBuildReexportModule() {
-    return `export {
-  ultramodernApiMarker,
-  ultramodernUiMarker,
-  ultramodernVerticalIdentity,
-} from '../shared/ultramodern-build';
-`;
-}
-function createRemoteModuleFederationConfig(scope, app, remotes = []) {
-    const exposes = formatTsObjectLiteral(app.exposes ?? {});
-    return `// @effect-diagnostics nodeBuiltinImport:off
-import { createRequire } from 'node:module';
-import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
-import { dependencies } from './package.json';
-
-const require = createRequire(import.meta.url);
-const pluginI18nVersion = (require('@modern-js/plugin-i18n/package.json') as { version: string }).version;
-const pluginTanstackVersion = (require('@modern-js/plugin-tanstack/package.json') as { version: string }).version;
-const runtimeVersion = (require('@modern-js/runtime/package.json') as { version: string }).version;
-const reactVersion = (require('react/package.json') as { version: string }).version;
-const reactDomVersion = (require('react-dom/package.json') as { version: string }).version;
-
-${createModuleFederationRemoteUrlHelpers(app, remotes)}
-const moduleFederationConfig: Parameters<
-  typeof createModuleFederationConfig
->[0] = createModuleFederationConfig({
-  bridge: {
-    enableBridgeRouter: false,
-  },
-  dev: {
-    disableDynamicRemoteTypeHints: true,
-  },
-  dts: {
-    displayErrorInTerminal: true,
-    generateTypes: {
-      compilerInstance: 'tsgo',
-    },
-    tsConfigPath: './tsconfig.mf-types.json',
-  },
-  exposes: ${exposes},
-  filename: 'remoteEntry.js',
-  name: '${app.mfName}',
-${createModuleFederationRemotesConfig(scope, app, remotes)}${createSharedModuleFederationConfig()},
-  treeShakingSharedExcludePlugins: ['RspackModuleFederationPlugin'],
-});
-
-export default moduleFederationConfig;
-`;
-}
-export { createAppModernConfig, createBuildMarker, createModuleFederationRemoteUrlHelpers, createModuleFederationRemotesConfig, createRemoteModuleFederationConfig, createSharedModuleFederationConfig, createShellModuleFederationConfig, createUltramodernBuildModule, createUltramodernBuildReexportModule, formatTsObjectLiteral };
+export { createBuildMarker } from "./delivery-unit.js";
+export { createAppModernConfig, createBackendModuleFederationConfig, createModuleFederationRemoteUrlHelpers, createModuleFederationRemotesConfig, createRemoteModuleFederationConfig, createSharedModuleFederationConfig, createShellModuleFederationConfig, createUltramodernBuildArtifactJson, createUltramodernBuildModule, createUltramodernBuildReexportModule, formatTsObjectLiteral } from "./module-federation/index.js";

package/dist/esm/ultramodern-workspace/naming.js

@@ -47,7 +47,7 @@ function createTailwindPrefix(raw) {
     return normalized.replace(/[0-9]/gu, (digit)=>TAILWIND_PREFIX_DIGIT_WORDS[Number(digit)]);
 }
 function tailwindPrefixForApp(app) {
-    if ('shell' === app.kind) return 'shell';
+    if ('shell' === app.kind) return 'shell-super-app' === app.id ? 'shell' : createTailwindPrefix(app.id);
     return createTailwindPrefix(app.domain ?? app.id);
 }
 function assertUniqueTailwindPrefixes(apps) {
@@ -68,4 +68,4 @@ function createTw(prefix) {
 function toPascalCase(value) {
     return value.split(/[-_]+/).filter(Boolean).map((part)=>`${part.charAt(0).toUpperCase()}${part.slice(1)}`).join('');
 }
-export { TAILWIND_PREFIX_DIGIT_WORDS, assertUniqueTailwindPrefixes, createRspackChunkLoadingGlobal, createRspackUniqueName, createTailwindPrefix, createTw, naming_packageName as packageName, normalizePath, relativeRootFor, tailwindPrefixForApp, toCamelCase, toEnvSegment, toKebabCase, toPackageScope, toPascalCase };
+export { assertUniqueTailwindPrefixes, createRspackChunkLoadingGlobal, createRspackUniqueName, createTw, naming_packageName as packageName, normalizePath, relativeRootFor, tailwindPrefixForApp, toCamelCase, toEnvSegment, toKebabCase, toPackageScope, toPascalCase };