@bleedingdev/modern-js-create 3.2.0-ultramodern.99 → 3.4.0-ultramodern.0

package/dist/esm-node/ultramodern-workspace/app-files.js

@@ -0,0 +1,150 @@
+import "node:module";
+import { appI18nNamespace, remoteDependencyAlias, resolveRemoteRefs, shellApp } from "./descriptors.js";
+import { readFileTemplate, renderFileTemplate } from "./fs-io.js";
+import { packageName, tailwindPrefixForApp } from "./naming.js";
+function createBoundaryDebugMetadata(scope, remotes = []) {
+    return {
+        appId: shellApp.id,
+        boundaries: [
+            shellApp,
+            ...remotes
+        ].map((app)=>({
+                appId: app.id,
+                label: app.displayName,
+                mfName: app.mfName,
+                ownerTeam: app.ownership.team,
+                packageName: packageName(scope, app.packageSuffix),
+                role: 'shell' === app.kind ? 'host' : 'vertical'
+            })),
+        schemaVersion: 1
+    };
+}
+function createAppEnvDts(app, remotes = []) {
+    const remoteModuleDeclarations = resolveRemoteRefs(app, remotes).flatMap((remote)=>Object.keys(remote.exposes ?? {}).filter((expose)=>'./Route' !== expose).map((expose)=>{
+            const moduleName = `${remoteDependencyAlias(remote)}/${expose.replace(/^\.\//u, '')}`;
+            return `declare module '${moduleName}' {
+  const Component: React.ComponentType<Record<string, never>>;
+  export default Component;
+}
+`;
+        })).join('\n');
+    const reactTypeReference = remoteModuleDeclarations ? "/// <reference types='react' />\n" : '';
+    const siteUrlDeclaration = 'declare const ULTRAMODERN_SITE_URL: string;';
+    return `${reactTypeReference}/// <reference types='@modern-js/app-tools/types' />
+
+${siteUrlDeclaration}
+declare module '*.svg' {
+  const url: string;
+  export default url;
+}
+declare module '*.css';
+${remoteModuleDeclarations ? `\n${remoteModuleDeclarations}` : ''}`;
+}
+function createAppRuntimeConfig(app, scope, remotes = []) {
+    const pluginsConfig = 'shell' === app.kind ? `  plugins: [
+    ultramodernBoundaryDebuggerPlugin({
+      metadata: ${JSON.stringify(createBoundaryDebugMetadata(scope, remotes), null, 6).split('\n').join('\n      ')},
+    }),
+  ],
+` : '';
+    return `import { defineRuntimeConfig } from '@modern-js/runtime';
+${'shell' === app.kind ? "import { ultramodernBoundaryDebuggerPlugin } from '@modern-js/runtime/boundary-debugger';\n" : ''}import { createInstance } from 'i18next';
+import csResource from '../locales/cs/${appI18nNamespace(app)}.json';
+import enResource from '../locales/en/${appI18nNamespace(app)}.json';
+import { ultramodernRouteNamespace } from './routes/ultramodern-route-metadata';
+
+type LocaleResource = string | { readonly [key: string]: LocaleResource };
+
+const flattenLocaleResource = (
+  resource: LocaleResource,
+  prefix = '',
+): Record<string, string> => {
+  if (typeof resource === 'string') {
+    return prefix.length > 0 ? { [prefix]: resource } : {};
+  }
+
+  return Object.fromEntries(
+    Object.entries(resource).flatMap(([key, value]) => {
+      const nextKey = prefix.length > 0 ? \`\${prefix}.\${key}\` : key;
+      return typeof value === 'string'
+        ? [[nextKey, value]]
+        : Object.entries(flattenLocaleResource(value, nextKey));
+    }),
+  );
+};
+
+const i18nInstance = createInstance();
+const resources = {
+  cs: { [ultramodernRouteNamespace]: flattenLocaleResource(csResource) },
+  en: { [ultramodernRouteNamespace]: flattenLocaleResource(enResource) },
+} as const;
+
+export default defineRuntimeConfig({
+  i18n: {
+    i18nInstance,
+    initOptions: {
+      defaultNS: ultramodernRouteNamespace,
+      fallbackLng: 'en',
+      interpolation: {
+        escapeValue: false,
+      },
+      ns: [ultramodernRouteNamespace, 'translation'],
+      resources,
+      supportedLngs: ['en', 'cs'],
+    },
+  },
+${pluginsConfig}
+  router: {
+    framework: 'tanstack',
+  },
+});
+`;
+}
+function createCssTokenImport(scope) {
+    return `@import '${packageName(scope, 'shared-design-tokens')}/tokens.css';\n`;
+}
+function createTailwindImport(prefix) {
+    return `@import 'tailwindcss' prefix(${prefix}) source(none);\n@source '..';\n`;
+}
+function createShellStyles(enableTailwind, scope) {
+    return `${enableTailwind ? createTailwindImport(tailwindPrefixForApp(shellApp)) : ''}${createCssTokenImport(scope)}`;
+}
+function createRemoteStyles(enableTailwind, scope, app) {
+    return `${enableTailwind ? createTailwindImport(tailwindPrefixForApp(app)) : ''}${createCssTokenImport(scope)}`;
+}
+function createAppStyles(enableTailwind, scope, app) {
+    return 'shell' === app.kind ? createShellStyles(enableTailwind, scope) : createRemoteStyles(enableTailwind, scope, app);
+}
+function createPostcssConfig() {
+    return `export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+`;
+}
+function createTailwindConfig() {
+    return `import type { Config } from 'tailwindcss';
+
+export default {} satisfies Config;
+`;
+}
+function createSharedDesignTokensCss() {
+    return `@theme {
+  --color-um-accent: #2f8f68;
+  --color-um-canvas: #f1eadc;
+  --color-um-foreground: #133225;
+  --color-um-link: #166b4b;
+  --color-um-surface: #f6fbf7;
+}
+`;
+}
+function createRouteHeadModule(app) {
+    return renderFileTemplate('app/ultramodern-route-head.tsx', {
+        appDisplayNameJson: JSON.stringify(app.displayName)
+    });
+}
+function createShellFrameComponent() {
+    return readFileTemplate('app/shell-frame.tsx');
+}
+export { createAppEnvDts, createAppRuntimeConfig, createAppStyles, createBoundaryDebugMetadata, createCssTokenImport, createPostcssConfig, createRemoteStyles, createRouteHeadModule, createSharedDesignTokensCss, createShellFrameComponent, createShellStyles, createTailwindConfig, createTailwindImport };

package/dist/esm-node/ultramodern-workspace/codesmith.js

@@ -0,0 +1,87 @@
+import "node:module";
+import node_path from "node:path";
+import { addUltramodernVertical, generateUltramodernWorkspace, planUltramodernVertical } from "./public-api.js";
+async function ultramodernCodeSmithAdapter(context, runtime) {
+    const config = context.config ?? {};
+    const mode = resolveMode(config);
+    const basePath = node_path.resolve(runtime?.outputPath ?? context.materials?.default?.basePath ?? process.cwd());
+    const modernVersion = config.modernVersion ?? 'latest';
+    const packageSource = resolvePackageSource(config);
+    const enableTailwind = config.enableTailwind ?? config.tailwind;
+    if (config.dryRun && 'vertical' !== mode) throw new Error('UltraModern CodeSmith dry-run is supported only in vertical mode.');
+    const name = await resolveName(context, config, mode);
+    const result = 'workspace' === mode ? generateUltramodernWorkspace({
+        targetDir: resolveTargetDir(basePath, config.targetDir, name),
+        packageName: name,
+        modernVersion,
+        enableTailwind,
+        overlays: config.overlays,
+        packageSource
+    }) : runVerticalMode({
+        workspaceRoot: resolveWorkspaceRoot(basePath, config.workspaceRoot),
+        name,
+        modernVersion,
+        enableTailwind,
+        overlays: config.overlays,
+        packageSource
+    }, Boolean(config.dryRun));
+    context.data ??= {};
+    context.data.ultramodernResult = result;
+    if (config.logResult) {
+        const logger = context.logger ?? runtime?.logger;
+        logger?.info?.(JSON.stringify(result, null, 2));
+    }
+    return result;
+}
+function resolveMode(config) {
+    if (void 0 === config.mode) return 'workspace';
+    if ('workspace' !== config.mode && 'vertical' !== config.mode) throw new Error(`Unsupported UltraModern CodeSmith mode "${String(config.mode)}". Use "workspace" or "vertical".`);
+    return config.mode;
+}
+async function resolveName(context, config, label) {
+    const configuredName = config.name ?? config.targetName ?? config.packageName;
+    if (configuredName) return configuredName;
+    const prompt = context.prompt ?? context.inquirer?.prompt;
+    if (!prompt) throw new Error(`Missing UltraModern ${label} name. Pass config.name for non-interactive CodeSmith usage.`);
+    const answer = await prompt([
+        {
+            type: 'input',
+            name: 'name',
+            message: `UltraModern ${label} name`
+        }
+    ]);
+    const promptedName = answer.name;
+    if ('string' != typeof promptedName || 0 === promptedName.length) throw new Error(`Missing UltraModern ${label} name.`);
+    return promptedName;
+}
+function resolveTargetDir(basePath, targetDir, name) {
+    return node_path.resolve(basePath, targetDir ?? name);
+}
+function resolveWorkspaceRoot(basePath, workspaceRoot) {
+    return node_path.resolve(basePath, workspaceRoot ?? '.');
+}
+function resolvePackageSource(config) {
+    const packageSource = {
+        ...config.packageSource ?? {},
+        ...config.packageSourceStrategy ? {
+            strategy: config.packageSourceStrategy
+        } : {},
+        ...config.modernPackageVersion ? {
+            modernPackageVersion: config.modernPackageVersion
+        } : {},
+        ...config.registry ? {
+            registry: config.registry
+        } : {},
+        ...config.aliasScope ? {
+            aliasScope: config.aliasScope
+        } : {},
+        ...config.aliasPackageNamePrefix ? {
+            aliasPackageNamePrefix: config.aliasPackageNamePrefix
+        } : {}
+    };
+    return Object.keys(packageSource).length > 0 ? packageSource : void 0;
+}
+function runVerticalMode(options, dryRun) {
+    return dryRun ? planUltramodernVertical(options) : addUltramodernVertical(options);
+}
+export default ultramodernCodeSmithAdapter;