@bleedingdev/modern-js-create 3.5.0-ultramodern.4 → 3.5.0-ultramodern.40

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

@@ -0,0 +1,215 @@
+import { createDispatchWorkerNameEnv, createWorkerBindingEnv, createWorkerBindingName } from "../backend-federation.js";
+import { appHasApi, createBackendFederationName, createCloudflarePublicUrlEnv, createCloudflareWorkerName, resolveApiPrefix, shellApp } from "../descriptors.js";
+import { renderFileTemplate } from "../fs-io.js";
+import { createRspackChunkLoadingGlobal, createRspackUniqueName } from "../naming.js";
+import { createCloudflareSecurityContract, formatTsJsonValue } from "../policy.js";
+import { sortJsonValue } from "../types.js";
+import { CLOUDFLARE_COMPATIBILITY_DATE } from "../versions.js";
+import { createModuleFederationRemoteUrlHelpers, createModuleFederationRemotesConfig } from "./remote-refs.js";
+import { createSharedModuleFederationConfig, formatTsObjectLiteral } from "./shared-config.js";
+function createAppModernConfig(scope, app, remotes = [], enableTailwind = true) {
+    const bffImport = appHasApi(app) ? "import { bffPlugin } from '@modern-js/plugin-bff';\n" : '';
+    const tailwindImport = enableTailwind ? "import { pluginTailwindcss } from '@rsbuild/plugin-tailwindcss';\n" : '';
+    const bffConfig = appHasApi(app) ? `      bff: {
+        effect: {
+          entry: './api/index',
+          openapi: {
+            path: '/openapi.json',
+          },
+          strictEffectApproach: true,
+        },
+        prefix: '${resolveApiPrefix(app)}',
+        runtimeFramework: 'effect',
+      },
+` : '';
+    const tailwindBuilderPluginsConfig = enableTailwind ? '  builderPlugins: [pluginTailwindcss()],\n' : '';
+    const bffPluginEntry = appHasApi(app) ? '        bffPlugin(),\n' : '';
+    const serviceBindings = 'shell' === app.kind ? remotes.filter(appHasApi) : [];
+    const serviceBindingsConfig = serviceBindings.length > 0 ? `          services: [
+${serviceBindings.map((service)=>`            {
+              binding:
+                envValue('${createWorkerBindingEnv(service)}') ??
+                '${createWorkerBindingName(service)}',
+              prefix: '${resolveApiPrefix(service)}',
+              service:
+                envValue('${createDispatchWorkerNameEnv(service)}') ??
+                '${createCloudflareWorkerName(scope, service)}',
+            },`).join('\n')}
+          ],
+` : '';
+    const defaultAssetPrefixSource = 'shell' === app.kind ? "const defaultAssetPrefix = '/';" : `const remoteAssetOrigin =
+  configuredCloudflareUrl ||
+  inferredCloudflareUrl ||
+  (cloudflareDeployEnabled ? '/' : \`http://localhost:\${port}\`);
+const defaultRemoteAssetPrefix = \`\${remoteAssetOrigin.replace(/\\/+$/u, '')}/\`;
+const defaultAssetPrefix = defaultRemoteAssetPrefix;`;
+    const devAssetPrefixSource = 'shell' === app.kind ? `        // Keep shell dev assets origin-relative so the shell works through
+        // tunnels and local previews without rewriting its own chunks.
+        assetPrefix: '/',` : `        // Remote dev manifests must publish an absolute publicPath so host
+        // shells load remoteEntry.js and exposed chunks from this dev server.
+        assetPrefix,`;
+    return renderFileTemplate('workspace/apps/modern.config.ts', {
+        value0: `${bffImport}${tailwindImport}`,
+        value1: app.id,
+        value2: createCloudflareWorkerName(scope, app),
+        value3: app.portEnv,
+        value4: String(app.port),
+        value5: createCloudflarePublicUrlEnv(app),
+        value6: String(shellApp.port),
+        value7: defaultAssetPrefixSource,
+        value8: createCloudflarePublicUrlEnv(app),
+        value9: bffConfig,
+        value10: CLOUDFLARE_COMPATIBILITY_DATE,
+        value11: formatTsJsonValue(sortJsonValue(createCloudflareSecurityContract()), 16),
+        value12: serviceBindingsConfig,
+        value13: devAssetPrefixSource,
+        value14: resolveApiPrefix(app),
+        value15: bffPluginEntry,
+        value16: createRspackUniqueName(app),
+        value17: createRspackChunkLoadingGlobal(app),
+        value18: tailwindBuilderPluginsConfig
+    });
+}
+function createModuleFederationDtsConfig(hasExposes) {
+    return hasExposes ? `  dts: {
+    displayErrorInTerminal: true,
+    generateTypes: {
+      compilerInstance: tsgoCompilerInstance,
+    },
+    tsConfigPath: './tsconfig.mf-types.json',
+  },` : `  dts: {
+    consumeTypes: true,
+    generateTypes: false,
+    tsConfigPath: './tsconfig.mf-types.json',
+  },`;
+}
+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,
+  },
+${createModuleFederationDtsConfig(false)}
+  filename: 'remoteEntry.js',
+  name: '${shellApp.mfName}',
+${createModuleFederationRemotesConfig(scope, shellHost, remotes)}${createSharedModuleFederationConfig()},
+  treeShakingSharedExcludePlugins: ['RspackModuleFederationPlugin'],
+});
+
+export default moduleFederationConfig;
+`;
+}
+function createBackendModuleFederationConfig(app) {
+    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 bffVersion = (
+  require('@modern-js/plugin-bff/package.json') as { version: string }
+).version;
+const effectVersion = (
+  require('effect/package.json') as { version: string }
+).version;
+
+const moduleFederationConfig: Parameters<
+  typeof createModuleFederationConfig
+>[0] = createModuleFederationConfig({
+  dts: false,
+  exposes: {
+    './effect-api': './api/effect-api.ts',
+  },
+  filename: 'backendRemoteEntry.mjs',
+  name: '${createBackendFederationName(app)}',
+  shared: {
+    '@modern-js/plugin-bff': {
+      requiredVersion: bffVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+    '@module-federation/runtime': {
+      requiredVersion: dependencies['@module-federation/runtime'],
+      singleton: true,
+      treeShaking: false,
+    },
+    effect: {
+      requiredVersion: effectVersion,
+      singleton: true,
+      treeShaking: false,
+    },
+  },
+  treeShakingSharedExcludePlugins: ['RspackModuleFederationPlugin'],
+});
+
+export default moduleFederationConfig;
+`;
+}
+function createRemoteModuleFederationConfig(scope, app, remotes = []) {
+    const exposes = formatTsObjectLiteral(app.exposes ?? {});
+    const hasExposes = Object.keys(app.exposes ?? {}).length > 0;
+    const hostOnlyMarker = hasExposes ? '' : '\n// ultramodern-mf: no-exposes';
+    const tsgoCompilerImport = hasExposes ? "import { execFileSync } from 'node:child_process';\n" : '';
+    const tsgoCompilerInstance = hasExposes ? `
+const tsgoCompilerInstance =
+  process.env.EFFECT_TSGO_BIN?.trim() ||
+  execFileSync('npx', ['effect-tsgo', 'get-exe-path'], {
+    encoding: 'utf8',
+  }).trim();
+` : '';
+    return `// @effect-diagnostics nodeBuiltinImport:off${hostOnlyMarker}
+${tsgoCompilerImport}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;
+${tsgoCompilerInstance}
+${createModuleFederationRemoteUrlHelpers(app, remotes)}
+const moduleFederationConfig: Parameters<
+  typeof createModuleFederationConfig
+>[0] = createModuleFederationConfig({
+  bridge: {
+    enableBridgeRouter: false,
+  },
+  dev: {
+    disableDynamicRemoteTypeHints: true,
+  },
+${createModuleFederationDtsConfig(hasExposes)}
+  exposes: ${exposes},
+  filename: 'remoteEntry.js',
+  name: '${app.mfName}',
+${createModuleFederationRemotesConfig(scope, app, remotes)}${createSharedModuleFederationConfig()},
+  treeShakingSharedExcludePlugins: ['RspackModuleFederationPlugin'],
+});
+
+export default moduleFederationConfig;
+`;
+}
+export { createAppModernConfig, createBackendModuleFederationConfig, createRemoteModuleFederationConfig, createShellModuleFederationConfig };

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

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

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

@@ -0,0 +1,30 @@
+import { createUltramodernBuildArtifact } from "@modern-js/utils/universal";
+import { createDeliveryUnitRecord } from "../delivery-unit.js";
+function createUltramodernBuildArtifactJson(scope, app) {
+    const record = createDeliveryUnitRecord(scope, app);
+    return `${JSON.stringify(createUltramodernBuildArtifact(record), null, 2)}\n`;
+}
+function createUltramodernBuildModule(scope, app) {
+    const record = createDeliveryUnitRecord(scope, app);
+    return `const ultramodernBuildArtifact = ${JSON.stringify(createUltramodernBuildArtifact(record), null, 2)} as const;
+
+export { ultramodernBuildArtifact };
+
+export const ultramodernDeliveryUnit =
+  ultramodernBuildArtifact.deliveryUnit;
+export const ultramodernVerticalIdentity = ultramodernDeliveryUnit;
+export const ultramodernUiMarker = ultramodernBuildArtifact.surfaces.ui;
+export const ultramodernApiMarker = ultramodernBuildArtifact.surfaces.api;
+`;
+}
+function createUltramodernBuildReexportModule() {
+    return `export {
+  ultramodernBuildArtifact,
+  ultramodernApiMarker,
+  ultramodernDeliveryUnit,
+  ultramodernUiMarker,
+  ultramodernVerticalIdentity,
+} from '../shared/ultramodern-build';
+`;
+}
+export { createUltramodernBuildArtifactJson, createUltramodernBuildModule, createUltramodernBuildReexportModule };

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

@@ -0,0 +1,64 @@
+import { createCloudflarePublicUrlEnv, createCloudflareWorkerName, createRemoteManifestEnv, remoteDependencyAlias, resolveRemoteRefs } from "../descriptors.js";
+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 &&
+    cloudflareWorkersDevSubdomain.length > 0
+  ) {
+    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}
+  },
+`;
+}
+export { createModuleFederationRemoteUrlHelpers, createModuleFederationRemotesConfig };

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

@@ -0,0 +1,12 @@
+import { renderFileTemplate } from "../fs-io.js";
+function createSharedModuleFederationConfig() {
+    return renderFileTemplate('workspace/apps/modern.config.shared-module-federation.ts', {});
+}
+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')}
+  }`;
+}
+export { createSharedModuleFederationConfig, formatTsObjectLiteral };