@bleedingdev/modern-js-create 3.2.0-ultramodern.12 → 3.2.0-ultramodern.121

package/dist/cjs/ultramodern-workspace/app-files.cjs

@@ -0,0 +1,223 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    createAppEnvDts: ()=>createAppEnvDts,
+    createAppRuntimeConfig: ()=>createAppRuntimeConfig,
+    createAppStyles: ()=>createAppStyles,
+    createBoundaryDebugMetadata: ()=>createBoundaryDebugMetadata,
+    createCssTokenImport: ()=>createCssTokenImport,
+    createPostcssConfig: ()=>createPostcssConfig,
+    createRemoteStyles: ()=>createRemoteStyles,
+    createRouteHeadModule: ()=>createRouteHeadModule,
+    createSharedDesignTokensCss: ()=>createSharedDesignTokensCss,
+    createShellFrameComponent: ()=>createShellFrameComponent,
+    createShellStyles: ()=>createShellStyles,
+    createTailwindConfig: ()=>createTailwindConfig,
+    createTailwindImport: ()=>createTailwindImport
+});
+const external_descriptors_cjs_namespaceObject = require("./descriptors.cjs");
+const external_fs_io_cjs_namespaceObject = require("./fs-io.cjs");
+const external_naming_cjs_namespaceObject = require("./naming.cjs");
+function createBoundaryDebugMetadata(scope, remotes = []) {
+    return {
+        appId: external_descriptors_cjs_namespaceObject.shellApp.id,
+        boundaries: [
+            external_descriptors_cjs_namespaceObject.shellApp,
+            ...remotes
+        ].map((app)=>({
+                appId: app.id,
+                label: app.displayName,
+                mfName: app.mfName,
+                ownerTeam: app.ownership.team,
+                packageName: (0, external_naming_cjs_namespaceObject.packageName)(scope, app.packageSuffix),
+                role: 'shell' === app.kind ? 'host' : 'vertical'
+            })),
+        schemaVersion: 1
+    };
+}
+function createAppEnvDts(app, remotes = []) {
+    const remoteModuleDeclarations = (0, external_descriptors_cjs_namespaceObject.resolveRemoteRefs)(app, remotes).flatMap((remote)=>Object.keys(remote.exposes ?? {}).filter((expose)=>'./Route' !== expose).map((expose)=>{
+            const moduleName = `${(0, external_descriptors_cjs_namespaceObject.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/${(0, external_descriptors_cjs_namespaceObject.appI18nNamespace)(app)}.json';
+import enResource from '../locales/en/${(0, external_descriptors_cjs_namespaceObject.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 '${(0, external_naming_cjs_namespaceObject.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((0, external_naming_cjs_namespaceObject.tailwindPrefixForApp)(external_descriptors_cjs_namespaceObject.shellApp)) : ''}${createCssTokenImport(scope)}`;
+}
+function createRemoteStyles(enableTailwind, scope, app) {
+    return `${enableTailwind ? createTailwindImport((0, external_naming_cjs_namespaceObject.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 (0, external_fs_io_cjs_namespaceObject.renderFileTemplate)('app/ultramodern-route-head.tsx', {
+        appDisplayNameJson: JSON.stringify(app.displayName)
+    });
+}
+function createShellFrameComponent() {
+    return (0, external_fs_io_cjs_namespaceObject.readFileTemplate)('app/shell-frame.tsx');
+}
+exports.createAppEnvDts = __webpack_exports__.createAppEnvDts;
+exports.createAppRuntimeConfig = __webpack_exports__.createAppRuntimeConfig;
+exports.createAppStyles = __webpack_exports__.createAppStyles;
+exports.createBoundaryDebugMetadata = __webpack_exports__.createBoundaryDebugMetadata;
+exports.createCssTokenImport = __webpack_exports__.createCssTokenImport;
+exports.createPostcssConfig = __webpack_exports__.createPostcssConfig;
+exports.createRemoteStyles = __webpack_exports__.createRemoteStyles;
+exports.createRouteHeadModule = __webpack_exports__.createRouteHeadModule;
+exports.createSharedDesignTokensCss = __webpack_exports__.createSharedDesignTokensCss;
+exports.createShellFrameComponent = __webpack_exports__.createShellFrameComponent;
+exports.createShellStyles = __webpack_exports__.createShellStyles;
+exports.createTailwindConfig = __webpack_exports__.createTailwindConfig;
+exports.createTailwindImport = __webpack_exports__.createTailwindImport;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createAppEnvDts",
+    "createAppRuntimeConfig",
+    "createAppStyles",
+    "createBoundaryDebugMetadata",
+    "createCssTokenImport",
+    "createPostcssConfig",
+    "createRemoteStyles",
+    "createRouteHeadModule",
+    "createSharedDesignTokensCss",
+    "createShellFrameComponent",
+    "createShellStyles",
+    "createTailwindConfig",
+    "createTailwindImport"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});