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

package/dist/cjs/ultramodern-workspace/demo-components.cjs

@@ -0,0 +1,422 @@
+"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__, {
+    createLayout: ()=>createLayout,
+    createRemoteEntry: ()=>createRemoteEntry,
+    createRemoteExposeComponent: ()=>createRemoteExposeComponent,
+    createRemotePage: ()=>createRemotePage,
+    createRemoteWidget: ()=>createRemoteWidget,
+    createShellPage: ()=>createShellPage,
+    createShellRemoteComponents: ()=>createShellRemoteComponents,
+    remoteComponentOutputPath: ()=>remoteComponentOutputPath
+});
+const external_descriptors_cjs_namespaceObject = require("./descriptors.cjs");
+const external_naming_cjs_namespaceObject = require("./naming.cjs");
+function createShellPage(remotes = []) {
+    const tw = (0, external_naming_cjs_namespaceObject.createTw)((0, external_naming_cjs_namespaceObject.tailwindPrefixForApp)(external_descriptors_cjs_namespaceObject.shellApp));
+    const remoteCount = String(remotes.length);
+    return `import { Link, useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import ShellFrame from '../shell-frame';
+import { UltramodernRouteHead } from '../ultramodern-route-head';
+import { VerticalShowcase } from '../vertical-components';
+import { ultramodernUiMarker } from '../../ultramodern-build';
+
+export default function ShellHome() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <ShellFrame>
+      <UltramodernRouteHead />
+      <section className="${tw('mx-auto grid max-w-7xl items-center gap-8 py-8 md:grid-cols-[0.9fr_1.1fr] lg:gap-14')}">
+        <div className="${tw('min-w-0')}">
+          <p className="${tw('text-xs font-black uppercase tracking-[0.18em] text-emerald-800')}">{t('shell.hero.eyebrow')}</p>
+          <h1 className="${tw('mt-3 max-w-3xl text-5xl font-black leading-none tracking-normal text-stone-950 md:text-7xl')}">{t('shell.title')}</h1>
+          <p className="${tw('mt-5 max-w-2xl text-lg leading-8 text-stone-600')}">{t('shell.hero.lede')}</p>
+          <div className="${tw('mt-7 flex flex-wrap gap-3')}">
+            <Link className="${tw('inline-flex min-h-11 items-center justify-center rounded-full bg-emerald-800 px-5 font-bold text-white shadow-lg shadow-stone-900/10')}" to="/">
+              {t('shell.hero.primary')}
+            </Link>
+            <span className="${tw('inline-flex min-h-11 items-center justify-center rounded-full border border-stone-900/15 bg-white/90 px-5 font-bold text-stone-950 shadow-lg shadow-stone-900/10')}">
+              {t('shell.hero.secondary')}
+            </span>
+          </div>
+        </div>
+        <div className="${tw('rounded-3xl bg-white/90 p-6 shadow-2xl shadow-stone-900/15')}">
+          <div className="${tw('grid gap-4 sm:grid-cols-2')}">
+            <article className="${tw('rounded-2xl bg-emerald-50 p-5')}">
+              <span className="${tw('text-sm font-black uppercase tracking-[0.16em] text-emerald-800')}">{t('shell.hero.cardOneKicker')}</span>
+              <strong className="${tw('mt-3 block text-3xl font-black text-stone-950')}">${remoteCount}</strong>
+              <p className="${tw('mt-2 text-sm font-semibold text-stone-600')}">{t('shell.hero.cardOne')}</p>
+            </article>
+            <article className="${tw('rounded-2xl bg-amber-50 p-5')}">
+              <span className="${tw('text-sm font-black uppercase tracking-[0.16em] text-amber-800')}">{t('shell.hero.cardTwoKicker')}</span>
+              <strong className="${tw('mt-3 block text-3xl font-black text-stone-950')}">SSR</strong>
+              <p className="${tw('mt-2 text-sm font-semibold text-stone-600')}">{t('shell.hero.cardTwo')}</p>
+            </article>
+          </div>
+        </div>
+      </section>
+      <VerticalShowcase />
+      <p className="${tw('sr-only')}" data-testid="ultramodern-preset">presetUltramodern workspace</p>
+      <p className="${tw('sr-only')}" data-build-marker={ultramodernUiMarker.build} data-testid="ultramodern-ui-marker">
+        {ultramodernUiMarker.appId}:{ultramodernUiMarker.version}
+      </p>
+    </ShellFrame>
+  );
+}
+`;
+}
+function createShellRemoteComponents(scope, remotes = []) {
+    const tw = (0, external_naming_cjs_namespaceObject.createTw)((0, external_naming_cjs_namespaceObject.tailwindPrefixForApp)(external_descriptors_cjs_namespaceObject.shellApp));
+    const widgetRemotes = remotes.filter((remote)=>Object.hasOwn(remote.exposes ?? {}, './Widget'));
+    const serverImports = widgetRemotes.map((remote)=>`import ${(0, external_naming_cjs_namespaceObject.toPascalCase)(remote.id)}WidgetServer from '${(0, external_naming_cjs_namespaceObject.packageName)(scope, remote.packageSuffix)}/Widget';`).join('\n');
+    const hydratedExports = widgetRemotes.map((remote)=>{
+        const componentName = `${(0, external_naming_cjs_namespaceObject.toPascalCase)(remote.id)}Widget`;
+        return `const ${componentName} = createHydratedRemote(${componentName}Server, '${(0, external_descriptors_cjs_namespaceObject.remoteDependencyAlias)(remote)}/Widget');`;
+    }).join('\n');
+    const federationImports = widgetRemotes.length > 0 ? `import {
+  classifyModuleFederationFallback,
+  createModuleFederationFallbackTelemetry,
+  emitModuleFederationFallbackTelemetry,
+  toModuleFederationFallbackAttributes,
+} from '@modern-js/runtime/module-federation';
+import { createLazyComponent } from '@module-federation/bridge-react';
+import { getInstance, loadRemote } from '@module-federation/modern-js-v3/runtime';
+import { Suspense, useEffect, useMemo, useState } from 'react';
+import type { ComponentType } from 'react';
+${serverImports}
+` : '';
+    const federationHelpers = widgetRemotes.length > 0 ? `interface RemoteComponentModule {
+  default: ComponentType;
+}
+
+const loadRemoteComponent = (specifier: string) =>
+  loadRemote<RemoteComponentModule>(specifier) as Promise<RemoteComponentModule>;
+
+const createRemoteFallback = (specifier: string) =>
+  ({ error }: { error: Error }) => {
+    const { i18nInstance } = useModernI18n();
+    const t = i18nInstance['t'].bind(i18nInstance);
+    const classification = classifyModuleFederationFallback(error);
+    const telemetry = createModuleFederationFallbackTelemetry({
+      appName: '${external_descriptors_cjs_namespaceObject.shellApp.id}',
+      classification,
+      entry: typeof window === 'undefined' ? undefined : window.location.href,
+      error,
+      eventName: 'mf.client.remote.fallback',
+      exportName: 'default',
+      phase: 'load',
+      remote: specifier,
+      status: 'degraded',
+    });
+
+    useEffect(() => {
+      void emitModuleFederationFallbackTelemetry({
+        appName: telemetry.appName,
+        classification,
+        entry: telemetry.entry,
+        error,
+        eventName: telemetry.eventName,
+        exportName: 'default',
+        metadata: telemetry.metadata,
+        phase: telemetry.phase,
+        remote: specifier,
+        status: 'degraded',
+      });
+    }, [classification, error, specifier, telemetry]);
+
+    return <div className="${tw('rounded-xl border border-red-900/20 bg-red-50 px-4 py-3 text-sm font-semibold text-red-900')}" data-remote-error={error.name} {...toModuleFederationFallbackAttributes(telemetry)}>{t('shell.remoteUnavailable')}</div>;
+  };
+
+const createHydratedRemote =
+  (ServerComponent: ComponentType, specifier: string) =>
+  function HydratedRemote() {
+    const [hydrated, setHydrated] = useState(false);
+
+    useEffect(() => {
+      setHydrated(true);
+    }, []);
+
+    const FederatedComponent = useMemo(() => {
+      if (!hydrated) {
+        return null;
+      }
+      const instance = getInstance();
+      if (instance === null || instance === undefined) {
+        return null;
+      }
+      return createLazyComponent({
+        export: 'default',
+        fallback: createRemoteFallback(specifier),
+        instance,
+        loader: () => loadRemoteComponent(specifier),
+        loading: <ServerComponent />,
+      });
+    }, [hydrated]);
+
+    if (FederatedComponent === null) {
+      return <ServerComponent />;
+    }
+
+    return (
+      <Suspense fallback={<ServerComponent />}>
+        <FederatedComponent />
+      </Suspense>
+    );
+  };
+` : '';
+    const showcaseItems = widgetRemotes.map((remote)=>{
+        const componentName = `${(0, external_naming_cjs_namespaceObject.toPascalCase)(remote.id)}Widget`;
+        return `          <${componentName} key="${remote.id}" />`;
+    }).join('\n');
+    const remoteCount = String(widgetRemotes.length);
+    return `${federationImports}import { Link, useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+	const widgetCount = Number('${remoteCount}');
+
+	${federationHelpers}
+	${hydratedExports}
+
+	export const Header = () => {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <header className="${tw('flex min-w-0 flex-wrap items-center gap-x-8 gap-y-2 md:flex-1')}" data-modern-boundary-id="${external_descriptors_cjs_namespaceObject.shellApp.mfName}" data-modern-mf-expose="shell/Header">
+      <Link className="${tw('whitespace-nowrap text-xl font-black tracking-normal text-stone-950 no-underline')}" to="/">{t('shell.title')}</Link>
+    </header>
+  );
+};
+
+export const StatusBadge = () => {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <span className="${tw('inline-flex h-10 shrink-0 items-center justify-center rounded-full border border-stone-900/15 bg-white px-4 text-sm font-extrabold text-stone-950 shadow-lg shadow-stone-900/5')}">
+      {widgetCount} {t('shell.hero.cardOneKicker')}
+    </span>
+  );
+};
+
+export const VerticalShowcase = () => {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  if (widgetCount === 0) {
+    return (
+      <section className="${tw('mx-auto mt-12 max-w-7xl rounded-2xl bg-white/90 p-6 shadow-xl shadow-stone-900/10')}">
+        <p className="${tw('text-lg font-bold text-stone-700')}">{t('shell.hero.empty')}</p>
+      </section>
+    );
+  }
+
+  return (
+    <section className="${tw('mx-auto mt-12 max-w-7xl')}" data-modern-boundary-id="${external_descriptors_cjs_namespaceObject.shellApp.mfName}">
+      <div className="${tw('grid gap-4 md:grid-cols-2')}">
+${showcaseItems}
+      </div>
+    </section>
+  );
+};
+`;
+}
+function createRemotePage(app) {
+    const tw = (0, external_naming_cjs_namespaceObject.createTw)((0, external_naming_cjs_namespaceObject.tailwindPrefixForApp)(app));
+    const listEffectItems = `list${(0, external_naming_cjs_namespaceObject.toPascalCase)((0, external_descriptors_cjs_namespaceObject.effectApiStem)(app))}`;
+    const effectBffImport = (0, external_descriptors_cjs_namespaceObject.appHasEffectApi)(app) ? `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+import { Link } from '@modern-js/plugin-tanstack/runtime';
+import { useEffect, useState } from 'react';
+import {
+  Effect,
+  ${listEffectItems},
+  runEffectRequest,
+} from '../../effect/${(0, external_descriptors_cjs_namespaceObject.effectApiStem)(app)}-client';
+import { UltramodernRouteHead } from '../ultramodern-route-head';
+import { ultramodernUiMarker } from '../../ultramodern-build';
+` : "import { useModernI18n } from '@modern-js/plugin-i18n/runtime';\nimport { Link } from '@modern-js/plugin-tanstack/runtime';\nimport { UltramodernRouteHead } from '../ultramodern-route-head';\nimport { ultramodernUiMarker } from '../../ultramodern-build';\n";
+    const effectBffState = (0, external_descriptors_cjs_namespaceObject.appHasEffectApi)(app) ? `  const [effectApiStatus, setEffectApiStatus] = useState('pending');
+
+  useEffect(() => {
+    let cancelled = false;
+    void runEffectRequest(
+      ${listEffectItems}({ limit: 1 }).pipe(
+        Effect.match({
+          onFailure: () => {
+            if (cancelled) {
+              return;
+            }
+            setEffectApiStatus('unavailable');
+          },
+          onSuccess: data => {
+            if (cancelled) {
+              return;
+            }
+            setEffectApiStatus(data.items.at(0)?.title ?? 'empty');
+          },
+        }),
+      ),
+    );
+
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+` : '';
+    const effectBffMarkup = (0, external_descriptors_cjs_namespaceObject.appHasEffectApi)(app) ? `      <p data-testid="effect-bff-status">{effectApiStatus}</p>
+` : '';
+    return `${effectBffImport}
+export default function ${(0, external_naming_cjs_namespaceObject.toPascalCase)(app.id)}Home() {
+  const { i18nInstance, language, supportedLanguages } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+${effectBffState}  return (
+    <main className="${tw('min-h-screen bg-um-canvas px-4 py-6 text-um-foreground sm:px-8')}">
+      <UltramodernRouteHead />
+      <nav aria-label={t('${app.domain}.language.switcher')} className="${tw('flex gap-3')}">
+        {supportedLanguages.map(code => (
+          <Link
+            aria-current={language === code ? 'page' : undefined}
+            className="${tw('rounded-full border border-stone-900/15 bg-white px-4 py-2 text-sm font-bold text-stone-950 no-underline')}"
+            key={code}
+            params={{ lang: code }}
+            to="/$lang"
+          >
+            {t(\`${app.domain}.language.\${code}\`)}
+          </Link>
+        ))}
+      </nav>
+      <h1 className="${tw('mt-10 text-5xl font-black')}">{t('${app.domain}.title')}</h1>
+      <p className="${tw('mt-3 text-lg text-stone-600')}" data-modern-mf-role="${app.kind}">{t('${app.domain}.role')}</p>
+      <p className="${tw('sr-only')}" data-build-marker={ultramodernUiMarker.build} data-testid="ultramodern-ui-marker">
+        {ultramodernUiMarker.appId}:{ultramodernUiMarker.version}
+      </p>
+${effectBffMarkup}    </main>
+  );
+}
+`;
+}
+function createLayout(appId) {
+    return `import { Outlet } from '@modern-js/plugin-tanstack/runtime';
+import './index.css';
+
+export default function Layout() {
+  return (
+    <div data-app-id="${appId}">
+      <Outlet />
+    </div>
+  );
+}
+`;
+}
+function createRemoteEntry(app) {
+    const tw = (0, external_naming_cjs_namespaceObject.createTw)((0, external_naming_cjs_namespaceObject.tailwindPrefixForApp)(app));
+    const domain = app.domain ?? app.id;
+    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+export default function ${(0, external_naming_cjs_namespaceObject.toPascalCase)(domain)}Route() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <section className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="./Route">
+      <h2 className="${tw('text-2xl font-black')}">{t('${domain}.title')}</h2>
+      <p className="${tw('mt-2 text-stone-600')}">{t('${domain}.routeSurface')}</p>
+    </section>
+  );
+}
+`;
+}
+function createRemoteWidget(app) {
+    const tw = (0, external_naming_cjs_namespaceObject.createTw)((0, external_naming_cjs_namespaceObject.tailwindPrefixForApp)(app));
+    const domain = app.domain ?? app.id;
+    const componentName = `${(0, external_naming_cjs_namespaceObject.toPascalCase)(domain)}Widget`;
+    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+export default function ${componentName}() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <section className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="./Widget">
+      <h2 className="${tw('text-2xl font-black')}">{t('${domain}.title')}</h2>
+      <p className="${tw('mt-2 text-stone-600')}">{t('${domain}.widgetBody')}</p>
+    </section>
+  );
+}
+`;
+}
+function createRemoteExposeComponent(app, expose) {
+    const tw = (0, external_naming_cjs_namespaceObject.createTw)((0, external_naming_cjs_namespaceObject.tailwindPrefixForApp)(app));
+    if ('./Widget' === expose) return createRemoteWidget(app);
+    const componentName = `${(0, external_naming_cjs_namespaceObject.toPascalCase)(app.domain ?? app.id)}${(0, external_naming_cjs_namespaceObject.toPascalCase)(expose.replace(/^\.\//u, ''))}`;
+    const domain = app.domain ?? app.id;
+    return `import { useModernI18n } from '@modern-js/plugin-i18n/runtime';
+
+export default function ${componentName}() {
+  const { i18nInstance } = useModernI18n();
+  const t = i18nInstance['t'].bind(i18nInstance);
+
+  return (
+    <section className="${tw('rounded-2xl bg-white/90 p-5 shadow-xl shadow-stone-900/10')}" data-modern-boundary-id="${app.mfName}" data-modern-mf-expose="${expose}">
+      <h2 className="${tw('text-2xl font-black')}">{t('${domain}.title')}</h2>
+      <p className="${tw('mt-2 text-stone-600')}">{t('${domain}.federatedSurface')}</p>
+    </section>
+  );
+}
+`;
+}
+function remoteComponentOutputPath(app, expose) {
+    const exposePath = app.exposes?.[expose];
+    if (!exposePath?.startsWith('./src/components/')) return;
+    return `${app.directory}/${exposePath.replace(/^\.\//u, '')}`;
+}
+exports.createLayout = __webpack_exports__.createLayout;
+exports.createRemoteEntry = __webpack_exports__.createRemoteEntry;
+exports.createRemoteExposeComponent = __webpack_exports__.createRemoteExposeComponent;
+exports.createRemotePage = __webpack_exports__.createRemotePage;
+exports.createRemoteWidget = __webpack_exports__.createRemoteWidget;
+exports.createShellPage = __webpack_exports__.createShellPage;
+exports.createShellRemoteComponents = __webpack_exports__.createShellRemoteComponents;
+exports.remoteComponentOutputPath = __webpack_exports__.remoteComponentOutputPath;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "createLayout",
+    "createRemoteEntry",
+    "createRemoteExposeComponent",
+    "createRemotePage",
+    "createRemoteWidget",
+    "createShellPage",
+    "createShellRemoteComponents",
+    "remoteComponentOutputPath"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/ultramodern-workspace/descriptors.cjs

@@ -0,0 +1,222 @@
+"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__, {
+    GENERATED_CONTRACT_PATH: ()=>GENERATED_CONTRACT_PATH,
+    appHasEffectApi: ()=>appHasEffectApi,
+    appI18nNamespace: ()=>appI18nNamespace,
+    createCloudflarePublicUrlEnv: ()=>createCloudflarePublicUrlEnv,
+    createCloudflareWorkerName: ()=>createCloudflareWorkerName,
+    createModuleFederationRemoteContracts: ()=>createModuleFederationRemoteContracts,
+    createNeutralOwnership: ()=>createNeutralOwnership,
+    createRemoteManifestEnv: ()=>createRemoteManifestEnv,
+    createShellHost: ()=>createShellHost,
+    createVerticalDescriptor: ()=>createVerticalDescriptor,
+    effectApiPrefix: ()=>effectApiPrefix,
+    effectApiStem: ()=>effectApiStem,
+    remoteDependencyAlias: ()=>remoteDependencyAlias,
+    resolveRemoteRefs: ()=>resolveRemoteRefs,
+    sharedPackages: ()=>sharedPackages,
+    shellApp: ()=>shellApp,
+    verticalEffectApps: ()=>verticalEffectApps,
+    zephyrRemoteDependency: ()=>zephyrRemoteDependency
+});
+const external_naming_cjs_namespaceObject = require("./naming.cjs");
+const GENERATED_CONTRACT_PATH = '.modernjs/ultramodern-generated-contract.json';
+const shellApp = {
+    id: 'shell-super-app',
+    directory: 'apps/shell-super-app',
+    packageSuffix: 'shell-super-app',
+    displayName: 'Shell Super App',
+    kind: 'shell',
+    portEnv: 'SHELL_SUPER_APP_PORT',
+    port: 3020,
+    mfName: 'shellSuperApp',
+    verticalRefs: [],
+    ownership: {
+        team: 'super-app-platform',
+        slack: '#super-app-platform',
+        pagerDuty: 'pd-super-app-platform',
+        runbookRef: 'runbooks/wave2/shell-super-app.md',
+        adrRef: 'docs/super-app-rfc-adr/wave2/reference-topology.md#shell-super-app',
+        blastRadius: {
+            tier: 'tier-0-shell',
+            references: [
+                'docs/super-app-rfc-adr/wave2/blast-radius.md#shell',
+                'docs/super-app-rfc-adr/wave2/rollback.md#shell-lkg'
+            ]
+        }
+    }
+};
+function createShellHost(remotes = []) {
+    return {
+        ...shellApp,
+        verticalRefs: remotes.map((remote)=>remote.id)
+    };
+}
+const sharedPackages = [
+    {
+        id: 'shared-contracts',
+        directory: 'packages/shared-contracts',
+        description: 'Route, ownership, and topology contract placeholders.'
+    },
+    {
+        id: 'shared-design-tokens',
+        directory: 'packages/shared-design-tokens',
+        description: 'Design token placeholders consumed by shell and verticals.'
+    }
+];
+function createNeutralOwnership(id, tier = 'tier-2-vertical') {
+    return {
+        team: 'super-app-platform',
+        slack: '#super-app-platform',
+        pagerDuty: 'pd-super-app-platform',
+        runbookRef: `runbooks/verticals/${id}.md`,
+        adrRef: `docs/super-app-rfc-adr/verticals.md#${id}`,
+        blastRadius: {
+            tier,
+            references: [
+                `docs/super-app-rfc-adr/blast-radius.md#${id}`
+            ]
+        }
+    };
+}
+function createVerticalDescriptor(name, port) {
+    const domain = (0, external_naming_cjs_namespaceObject.toKebabCase)(name);
+    const id = domain;
+    const displayPrefix = (0, external_naming_cjs_namespaceObject.toPascalCase)(domain).replace(/([a-z])([A-Z])/g, '$1 $2');
+    return {
+        id,
+        directory: `verticals/${domain}`,
+        packageSuffix: domain,
+        displayName: `${displayPrefix} Vertical`,
+        kind: 'vertical',
+        domain,
+        portEnv: `VERTICAL_${(0, external_naming_cjs_namespaceObject.toEnvSegment)(domain)}_PORT`,
+        port,
+        mfName: `vertical${(0, external_naming_cjs_namespaceObject.toPascalCase)(domain)}`,
+        exposes: {
+            './Route': './src/federation-entry.tsx',
+            './Widget': `./src/components/${domain}-widget.tsx`
+        },
+        effectApi: {
+            stem: domain,
+            prefix: `/${domain}-api`,
+            consumedBy: [
+                shellApp.id,
+                id
+            ]
+        },
+        ownership: createNeutralOwnership(id)
+    };
+}
+function appHasEffectApi(app) {
+    return void 0 !== app.effectApi;
+}
+function effectApiPrefix(target) {
+    return target.effectApi?.prefix ?? `/${(0, external_naming_cjs_namespaceObject.toKebabCase)(target.id)}-api`;
+}
+function effectApiStem(target) {
+    return target.effectApi?.stem ?? (0, external_naming_cjs_namespaceObject.toKebabCase)(target.id).replace(/-api$/, '');
+}
+function verticalEffectApps(remotes = []) {
+    return remotes.filter(appHasEffectApi);
+}
+function remoteDependencyAlias(remote) {
+    return (0, external_naming_cjs_namespaceObject.toCamelCase)(remote.domain ?? remote.id.replace(/^remote-/, ''));
+}
+function zephyrRemoteDependency(scope, remote) {
+    return `${(0, external_naming_cjs_namespaceObject.packageName)(scope, remote.packageSuffix)}@workspace:*`;
+}
+function resolveRemoteRefs(app, remotes = []) {
+    const verticalRefs = app.verticalRefs ?? [];
+    return verticalRefs.map((remoteRef)=>remotes.find((remote)=>remote.id === remoteRef)).filter((remote)=>void 0 !== remote);
+}
+function createRemoteManifestEnv(remote) {
+    return `VERTICAL_${(0, external_naming_cjs_namespaceObject.toEnvSegment)(remote.domain ?? remote.id)}_MF_MANIFEST`;
+}
+function createModuleFederationRemoteContracts(app, remotes = []) {
+    return resolveRemoteRefs(app, remotes).map((remote)=>({
+            id: remote.id,
+            alias: remoteDependencyAlias(remote),
+            name: remote.mfName,
+            manifestEnv: createRemoteManifestEnv(remote),
+            manifestUrl: `http://localhost:${remote.port}/mf-manifest.json`
+        }));
+}
+function createCloudflareWorkerName(scope, app) {
+    return (0, external_naming_cjs_namespaceObject.toKebabCase)(`${scope}-${app.packageSuffix}`).slice(0, 63);
+}
+function createCloudflarePublicUrlEnv(app) {
+    return `ULTRAMODERN_PUBLIC_URL_${(0, external_naming_cjs_namespaceObject.toEnvSegment)(app.id)}`;
+}
+function appI18nNamespace(app) {
+    return 'shell' === app.kind ? 'shell' : app.domain ?? app.id;
+}
+exports.GENERATED_CONTRACT_PATH = __webpack_exports__.GENERATED_CONTRACT_PATH;
+exports.appHasEffectApi = __webpack_exports__.appHasEffectApi;
+exports.appI18nNamespace = __webpack_exports__.appI18nNamespace;
+exports.createCloudflarePublicUrlEnv = __webpack_exports__.createCloudflarePublicUrlEnv;
+exports.createCloudflareWorkerName = __webpack_exports__.createCloudflareWorkerName;
+exports.createModuleFederationRemoteContracts = __webpack_exports__.createModuleFederationRemoteContracts;
+exports.createNeutralOwnership = __webpack_exports__.createNeutralOwnership;
+exports.createRemoteManifestEnv = __webpack_exports__.createRemoteManifestEnv;
+exports.createShellHost = __webpack_exports__.createShellHost;
+exports.createVerticalDescriptor = __webpack_exports__.createVerticalDescriptor;
+exports.effectApiPrefix = __webpack_exports__.effectApiPrefix;
+exports.effectApiStem = __webpack_exports__.effectApiStem;
+exports.remoteDependencyAlias = __webpack_exports__.remoteDependencyAlias;
+exports.resolveRemoteRefs = __webpack_exports__.resolveRemoteRefs;
+exports.sharedPackages = __webpack_exports__.sharedPackages;
+exports.shellApp = __webpack_exports__.shellApp;
+exports.verticalEffectApps = __webpack_exports__.verticalEffectApps;
+exports.zephyrRemoteDependency = __webpack_exports__.zephyrRemoteDependency;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GENERATED_CONTRACT_PATH",
+    "appHasEffectApi",
+    "appI18nNamespace",
+    "createCloudflarePublicUrlEnv",
+    "createCloudflareWorkerName",
+    "createModuleFederationRemoteContracts",
+    "createNeutralOwnership",
+    "createRemoteManifestEnv",
+    "createShellHost",
+    "createVerticalDescriptor",
+    "effectApiPrefix",
+    "effectApiStem",
+    "remoteDependencyAlias",
+    "resolveRemoteRefs",
+    "sharedPackages",
+    "shellApp",
+    "verticalEffectApps",
+    "zephyrRemoteDependency"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});