@ankhorage/studio 0.0.20 → 0.1.0

package/dist/host/layout/templates/rootLayout.js

@@ -0,0 +1,507 @@
+import { escapeStringLiteral } from '../utils/escapeStringLiteral';
+import { routeNameToGroupedHref, routeNameToHref } from './utils/routes';
+function serializeStringArrayLiteral(values) {
+    return `[${values.map((value) => `'${escapeStringLiteral(value)}'`).join(', ')}]`;
+}
+function indentGeneratedBlock(content, indent = '  ') {
+    return content
+        .split('\n')
+        .map((line) => (line.length > 0 ? `${indent}${line}` : line))
+        .join('\n');
+}
+export function getRootLayoutTsx(args) {
+    const { manifest, mutations, allImports, allHooks, innerNavigation, includeStudio, authRuntime, initialRouteNameOverride, runtimeModuleDeclarations, runtimeProviderEnd = [], runtimeProviderStart = [], useStoredAuthSessionCredentialResolver = false, } = args;
+    const pluginProvidersStart = mutations.flatMap((m) => m.providerStart);
+    const pluginProvidersEnd = mutations.flatMap((m) => m.providerEnd).reverse();
+    const innerThemeHook = innerNavigation.usesTheme ? '  const { theme } = useZoraTheme();\n' : '';
+    const providersStart = [...runtimeProviderStart, ...pluginProvidersStart].join('\n    ');
+    const providersEnd = [...pluginProvidersEnd, ...runtimeProviderEnd].join('\n    ');
+    const finalJsx = providersStart ? `{${providersStart}{output}${providersEnd}}` : '{output}';
+    const authRuntimeConstants = authRuntime
+        ? `
+const AUTH_SIGN_IN_ROUTE_SEGMENT = '${escapeStringLiteral(authRuntime.signInRouteName)}';
+const AUTH_SIGN_UP_ROUTE_SEGMENT = '${escapeStringLiteral(authRuntime.signUpRouteName)}';
+const AUTH_SIGN_IN_ROUTE_PATH = '${escapeStringLiteral(routeNameToHref(authRuntime.signInRoute))}';
+const AUTH_SIGN_IN_ROUTE_TARGET = '${escapeStringLiteral(routeNameToGroupedHref(authRuntime.signInRoute, 'auth'))}';
+const AUTH_POST_SIGN_IN_ROUTE_PATH = '${escapeStringLiteral(routeNameToHref(authRuntime.postSignInRoute))}';
+const AUTH_POST_SIGN_IN_ROUTE_TARGET = '${escapeStringLiteral(routeNameToGroupedHref(authRuntime.postSignInRoute, 'app'))}';
+const AUTH_PUBLIC_ROUTES = ${serializeStringArrayLiteral(authRuntime.publicRoutes)};
+const AUTH_DISABLE_IN_DEV = process.env.EXPO_PUBLIC_ANKH_AUTH_DISABLE_IN_DEV === 'true';
+
+function normalizeRoutePath(pathname: string): string {
+  const normalized = pathname.replace(/\\/+$/, '');
+  return normalized === '' ? '/' : normalized;
+}
+
+function getTopLevelRoute(pathname: string): string {
+  const normalized = normalizeRoutePath(pathname);
+  if (normalized === '/') return 'index';
+  const [, topLevelRoute = 'index'] = normalized.split('/');
+  return topLevelRoute;
+}
+
+function getRootNavigationKey(state: { key?: string } | null | undefined): string {
+  return state?.key ?? '';
+}
+${includeStudio
+            ? `
+function isAuthRoute(pathname: string): boolean {
+  const activeTopLevelRoute = getTopLevelRoute(pathname);
+  return (
+    activeTopLevelRoute === AUTH_SIGN_IN_ROUTE_SEGMENT ||
+    activeTopLevelRoute === AUTH_SIGN_UP_ROUTE_SEGMENT
+  );
+}
+
+function shouldMountAuthenticatedAppHeader(pathname: string, isAuthRuntimeReady: boolean): boolean {
+  const authEnforced = !__DEV__ || !AUTH_DISABLE_IN_DEV;
+  if (!authEnforced) return true;
+  if (!isAuthRuntimeReady) return false;
+  if (!isAuthenticated()) return false;
+  return !isAuthRoute(pathname);
+}
+`
+            : ''}
+`
+        : '';
+    const appHeaderHelpers = `
+function normalizeAppHeaderPath(pathname: string): string {
+  const normalized = pathname.replace(/\\/+$/, '');
+  return normalized === '' ? '/' : normalized;
+}
+
+function getAppHeaderSegments(pathname: string): string[] {
+  const normalized = normalizeAppHeaderPath(pathname);
+  if (normalized === '/') return ['index'];
+  return normalized.replace(/^\\/+/, '').split('/').filter(Boolean);
+}
+
+function findRouteBySegments(navigator: NavigatorSpec, segments: string[]): RouteDefinition | null {
+  let current: NavigatorSpec | undefined = navigator;
+  let match: RouteDefinition | undefined;
+
+  for (const segment of segments) {
+    if (!current) break;
+    match = current.routes.find((route) => route.name === segment);
+    if (!match) break;
+    current = match.navigator ?? undefined;
+  }
+
+  return match ?? null;
+}
+
+function findRouteByScreenId(navigator: NavigatorSpec, screenId: string): RouteDefinition | null {
+  for (const route of navigator.routes) {
+    if (route.screenId === screenId) {
+      return route;
+    }
+
+    if (route.navigator) {
+      const nestedRoute = findRouteByScreenId(route.navigator, screenId);
+      if (nestedRoute) {
+        return nestedRoute;
+      }
+    }
+  }
+
+  return null;
+}
+
+function resolveAppHeaderTitle(manifest: AppManifest, pathname: string): string {
+  const segments = getAppHeaderSegments(pathname);
+  const route = findRouteBySegments(manifest.navigator, segments);
+  const screen = route?.screenId ? manifest.screens[route.screenId] : undefined;
+  return route?.label ?? screen?.title ?? screen?.name ?? route?.name ?? 'App';
+}
+
+function resolveAppHeaderTitleForScreenId(
+  manifest: AppManifest,
+  screenId: string | null | undefined,
+): string | null {
+  if (!screenId) return null;
+
+  const screen = manifest.screens[screenId];
+  if (!screen) return null;
+
+  const route = findRouteByScreenId(manifest.navigator, screenId);
+  return route?.label ?? screen.title ?? screen.name;
+}
+
+function resolveStudioAppHeaderTitle(args: {
+  runtimeManifest: AppManifest;
+  studioManifest: AppManifest | null;
+  previewMode: boolean;
+  activeScreenId: string | null;
+  pathname: string;
+}): string {
+  const { runtimeManifest, studioManifest, previewMode, activeScreenId, pathname } = args;
+
+  if (previewMode) {
+    const previewTitle = resolveAppHeaderTitleForScreenId(
+      studioManifest ?? runtimeManifest,
+      activeScreenId,
+    );
+    if (previewTitle) {
+      return previewTitle;
+    }
+  }
+
+  return resolveAppHeaderTitle(runtimeManifest, pathname);
+}
+`;
+    const authRuntimeHook = authRuntime
+        ? `
+const router = useRouter();
+const rootNavigationState = useRootNavigationState();
+const pathname = usePathname();
+const rootNavigationKey = getRootNavigationKey(rootNavigationState);
+const [authSessionVersion, setAuthSessionVersion] = useState(0);
+const [isAuthRuntimeReady, setIsAuthRuntimeReady] = useState(false);
+const [isInnerContentReady, setIsInnerContentReady] = useState(false);
+
+useEffect(() => {
+  const mountController = new AbortController();
+
+  void (async () => {
+    bootstrapAuthSession();
+    await refreshAuthSessionIfNeeded(authAdapter);
+    if (mountController.signal.aborted) return;
+    setIsAuthRuntimeReady(true);
+    setAuthSessionVersion((value) => value + 1);
+  })();
+
+  return () => {
+    mountController.abort();
+  };
+}, []);
+
+useEffect(() => {
+  return subscribeToAuthSessionChanges(() => {
+    setAuthSessionVersion((value) => value + 1);
+  });
+}, []);
+
+useEffect(() => {
+  if (!isInnerContentReady || rootNavigationKey.length === 0 || !isAuthRuntimeReady) return;
+
+  const authEnforced = !__DEV__ || !AUTH_DISABLE_IN_DEV;
+  if (!authEnforced) return;
+
+  const authenticated = isAuthenticated();
+  const activeTopLevelRoute = getTopLevelRoute(pathname);
+  const isPublicRoute = AUTH_PUBLIC_ROUTES.includes(activeTopLevelRoute);
+  const currentPath = normalizeRoutePath(pathname);
+  const signInPath = normalizeRoutePath(AUTH_SIGN_IN_ROUTE_PATH);
+  const postSignInPath = normalizeRoutePath(AUTH_POST_SIGN_IN_ROUTE_PATH);
+
+  if (!authenticated && !isPublicRoute) {
+    if (currentPath !== signInPath) {
+      router.replace(AUTH_SIGN_IN_ROUTE_TARGET);
+    }
+    return;
+  }
+
+  if (authenticated && currentPath === '/' && postSignInPath !== '/') {
+    router.replace(AUTH_POST_SIGN_IN_ROUTE_TARGET);
+    return;
+  }
+
+  if (
+    authenticated &&
+    (activeTopLevelRoute === AUTH_SIGN_IN_ROUTE_SEGMENT ||
+      activeTopLevelRoute === AUTH_SIGN_UP_ROUTE_SEGMENT)
+  ) {
+    if (currentPath !== postSignInPath) {
+      router.replace(AUTH_POST_SIGN_IN_ROUTE_TARGET);
+    }
+  }
+}, [
+  router,
+  isInnerContentReady,
+  rootNavigationKey,
+  pathname,
+  authSessionVersion,
+  isAuthRuntimeReady,
+]);
+`
+        : '';
+    const rootHookBlock = [allHooks, authRuntimeHook.trim()].filter(Boolean).join('\n\n');
+    const indentedRootHookBlock = rootHookBlock.length > 0 ? indentGeneratedBlock(rootHookBlock) : '';
+    const innerContentNode = authRuntime
+        ? '<InnerContent onReady={handleInnerContentReady} />'
+        : '<InnerContent />';
+    const innerContentSignature = authRuntime ? '{ onReady }: { onReady?: () => void }' : '';
+    const innerContentReadyHook = authRuntime
+        ? `
+  useEffect(() => {
+    onReady?.();
+  }, [onReady]);`
+        : '';
+    const rootLayoutTypeImports = includeStudio ? "import type { ReactNode } from 'react';" : '';
+    const runtimeOperationHelpers = `
+async function runtimeDataSourceFetch(
+  url: string,
+  init: {
+    readonly method: string;
+    readonly headers: Readonly<Record<string, string>>;
+    readonly body?: string;
+  },
+) {
+  const response = await fetch(url, {
+    method: init.method,
+    headers: init.headers,
+    body: init.body,
+  });
+
+  return {
+    status: response.status,
+    headers: Object.fromEntries(response.headers.entries()),
+    text: () => response.text(),
+  };
+}
+${useStoredAuthSessionCredentialResolver
+        ? `
+function resolveRuntimeOperationCredential(credential: { readonly kind?: string } | undefined) {
+  if (credential?.kind !== 'bearer' && credential?.kind !== 'oauth2') {
+    return undefined;
+  }
+
+  const session = getStoredAuthSession();
+  if (!session?.accessToken) {
+    return undefined;
+  }
+
+  return {
+    headers: {
+      Authorization: \`Bearer \${session.accessToken}\`,
+    },
+  };
+}
+`
+        : ''}
+`;
+    const runtimeContentDeclaration = `const { executeAction } = useRuntimeAction();
+
+  const generatedRuntimeConfig = useMemo(
+    () => ({
+      executeAction,
+      registry: runtimeComponentRegistry,
+      executeOperation,
+    }),
+    [executeAction, executeOperation],
+  );
+
+  const runtimeContent = (
+    <RuntimeRendererConfigProvider value={generatedRuntimeConfig}>
+      {appContent}
+    </RuntimeRendererConfigProvider>
+  );`;
+    const outputDeclaration = includeStudio
+        ? `${runtimeContentDeclaration}
+  const output = __DEV__ ? (
+    <AnkhStudio
+      runtimeRegistry={runtimeComponentRegistry}
+      runtimeConfig={generatedRuntimeConfig}
+    >
+      {runtimeContent}
+    </AnkhStudio>
+  ) : (
+    runtimeContent
+  );`
+        : `${runtimeContentDeclaration}
+  const output = runtimeContent;`;
+    const moduleLevelDeclarations = [
+        runtimeModuleDeclarations?.trim(),
+        runtimeOperationHelpers.trim(),
+        authRuntimeConstants.trim(),
+        includeStudio ? appHeaderHelpers.trim() : '',
+        innerNavigation.declarations.trim(),
+    ]
+        .filter(Boolean)
+        .join('\n\n');
+    const studioRuntimeLines = includeStudio
+        ? `const appPathname = ${authRuntime ? 'pathname' : 'usePathname()'};
+const shouldMountAppHeader = ${authRuntime ? 'shouldMountAuthenticatedAppHeader(appPathname, isAuthRuntimeReady)' : 'true'};`
+        : '';
+    const indentedStudioRuntimeLines = studioRuntimeLines.length > 0 ? `\n${indentGeneratedBlock(studioRuntimeLines)}\n` : '\n';
+    const handleInnerContentReadyDeclaration = authRuntime
+        ? `const handleInnerContentReady = useCallback(() => {
+  setIsInnerContentReady(true);
+}, []);`
+        : '';
+    const indentedHandleInnerContentReadyDeclaration = handleInnerContentReadyDeclaration.length > 0
+        ? `${indentGeneratedBlock(handleInnerContentReadyDeclaration)}
+
+`
+        : '';
+    const studioShellBlock = includeStudio
+        ? `if (__DEV__) {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <StudioProvider projectId={ankhConfig.metadata.slug}>
+        <StudioShell
+          output={output}
+          activeTheme={activeTheme}
+          activeThemeMode={activeThemeMode}
+          runtimeManifest={runtimeManifest}
+          appPathname={appPathname}
+          shouldMountAppHeader={shouldMountAppHeader}
+        />
+      </StudioProvider>
+    </GestureHandlerRootView>
+  );
+}`
+        : '';
+    const indentedStudioShellBlock = studioShellBlock.length > 0 ? `\n${indentGeneratedBlock(studioShellBlock)}\n` : '\n';
+    const indentedInnerNavigationJsx = indentGeneratedBlock(innerNavigation.jsx, '    ');
+    return `
+${rootLayoutTypeImports ? `${rootLayoutTypeImports}\n` : ''}${allImports}
+
+const fallbackManifest = ankhConfig as unknown as AppManifest;
+const runtimeComponentRegistry = {
+  ...ZORA_COMPONENT_REGISTRY,
+  ...APP_EXTENSION_COMPONENT_REGISTRY,
+};
+
+${moduleLevelDeclarations}
+
+function resolveZoraProviderTheme(theme: AppManifest['themes'][number]) {
+  return {
+    id: theme.id,
+    name: theme.name,
+    appCategory: 'developer_tools' as const,
+    primaryColor: theme.light.primaryColor,
+    harmony: theme.light.harmony,
+  };
+}
+
+function resolveThemeMode(
+  mode: AppManifest['activeThemeMode'],
+  fallback: NonNullable<AppManifest['activeThemeMode']>,
+): NonNullable<AppManifest['activeThemeMode']> {
+  if (mode === 'dark' || mode === 'light') {
+    return mode;
+  }
+
+  return fallback;
+}
+
+export const unstable_settings = {
+  initialRouteName: '${initialRouteNameOverride ?? manifest.navigator.initialRouteName ?? 'index'}',
+};
+
+export default function RootLayout() {
+${indentedRootHookBlock}
+
+  const manifestContext = useOptionalManifestContext();
+  const runtimeManifest = manifestContext?.manifest ?? fallbackManifest;${indentedStudioRuntimeLines}
+  const activeTheme =
+    runtimeManifest.themes.find((theme) => theme.id === runtimeManifest.activeThemeId) ??
+    runtimeManifest.themes[0];
+  if (!activeTheme) {
+    return null;
+  }
+
+  const activeThemeMode = resolveThemeMode(runtimeManifest.activeThemeMode, 'light');
+  const zoraTheme = resolveZoraProviderTheme(activeTheme);
+  const executeOperation = useMemo(
+    () =>
+      createRuntimeDataSourceOperationExecutor({
+        fetch: runtimeDataSourceFetch,
+        ${useStoredAuthSessionCredentialResolver
+        ? 'credentialResolver: resolveRuntimeOperationCredential,'
+        : ''}
+      }),
+    [],
+  );
+${indentedHandleInnerContentReadyDeclaration}  const appContent = ${innerContentNode};
+
+  ${outputDeclaration}
+
+  const shell = (
+    <ZoraProvider theme={zoraTheme} initialMode={activeThemeMode}>
+      <SafeAreaProvider>
+        <AppShell>
+          ${finalJsx}
+        </AppShell>
+        <StatusBar style={activeThemeMode === 'dark' ? 'light' : 'dark'} />
+      </SafeAreaProvider>
+    </ZoraProvider>
+  );
+${indentedStudioShellBlock}  return <GestureHandlerRootView style={{ flex: 1 }}>{shell}</GestureHandlerRootView>;
+}${includeStudio
+        ? `
+function StudioShell({
+  output,
+  activeTheme,
+  activeThemeMode,
+  runtimeManifest,
+  appPathname,
+  shouldMountAppHeader,
+}: {
+  output: ReactNode;
+  activeTheme: AppManifest['themes'][number];
+  activeThemeMode: NonNullable<AppManifest['activeThemeMode']>;
+  runtimeManifest: AppManifest;
+  appPathname: string;
+  shouldMountAppHeader: boolean;
+}) {
+  const { activeScreenId, manifest: studioManifest, previewMode } = useStudio();
+  const appHeaderTitle = resolveStudioAppHeaderTitle({
+    runtimeManifest,
+    studioManifest,
+    previewMode,
+    activeScreenId,
+    pathname: appPathname,
+  });
+  const header = shouldMountAppHeader ? (
+    <StudioAppHeader appHeaderTitle={appHeaderTitle} />
+  ) : undefined;
+  const studioRuntimeManifest = studioManifest ?? runtimeManifest;
+  const activeStudioTheme =
+    studioRuntimeManifest.themes.find(
+      (theme) => theme.id === studioRuntimeManifest.activeThemeId,
+    ) ?? activeTheme;
+  const activeStudioThemeMode = resolveThemeMode(
+    studioRuntimeManifest.activeThemeMode,
+    activeThemeMode,
+  );
+  const studioZoraTheme = resolveZoraProviderTheme(activeStudioTheme);
+
+  return (
+    <ZoraProvider theme={studioZoraTheme} initialMode={activeStudioThemeMode}>
+      <SafeAreaProvider>
+        <AppShell header={header}>
+          ${finalJsx}
+        </AppShell>
+        <StatusBar style={activeStudioThemeMode === 'dark' ? 'light' : 'dark'} />
+      </SafeAreaProvider>
+    </ZoraProvider>
+  );
+}
+
+function StudioAppHeader({ appHeaderTitle }: { appHeaderTitle: string }) {
+  const studioAppBar = useStudioAppBarAugmentation();
+
+  return (
+    <>
+      <AppBar
+        title={appHeaderTitle}
+        appMode={studioAppBar.appMode}
+        actions={studioAppBar.actions}
+        overflow={studioAppBar.overflow}
+      />
+      {studioAppBar.overlay}
+    </>
+  );
+}`
+        : ''}
+
+function InnerContent(${innerContentSignature}) {${innerContentReadyHook}
+${innerThemeHook}  return (
+${indentedInnerNavigationJsx}
+  );
+}
+`.trimStart();
+}
+//# sourceMappingURL=rootLayout.js.map

package/dist/host/layout/templates/rootLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rootLayout.js","sourceRoot":"","sources":["../../../../src/host/layout/templates/rootLayout.ts"],"names":[],"mappings":"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"}

package/dist/host/layout/templates/screen.d.ts

@@ -0,0 +1,6 @@
+import type { ScreenSpec } from '@ankhorage/contracts';
+export declare function getScreenTsx(args: {
+    screenId: string;
+    screenDef: ScreenSpec;
+}): string;
+//# sourceMappingURL=screen.d.ts.map

package/dist/host/layout/templates/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../../../src/host/layout/templates/screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAKvD,wBAAgB,YAAY,CAAC,IAAI,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,UAAU,CAAA;CAAE,UA2F7E"}

package/dist/host/layout/templates/screen.js

@@ -0,0 +1,94 @@
+import { escapeStringLiteral } from '../utils/escapeStringLiteral';
+import { toSafeComponentName } from './utils/strings';
+export function getScreenTsx(args) {
+    const { screenId, screenDef } = args;
+    const safeName = toSafeComponentName(screenDef.name);
+    return `import type { AppManifest } from '@ankhorage/contracts';
+import {
+  ManifestProvider,
+  RuntimeRendererConfigProvider,
+  RuntimeScreen,
+  useOptionalManifestContext,
+  useRuntimeRendererConfig,
+} from '@ankhorage/runtime';
+import { Text, useZoraTheme } from '@ankhorage/zora';
+import ankhConfig from '@root/ankh.config.json';
+import { useGlobalSearchParams, useLocalSearchParams } from 'expo-router';
+import { useMemo } from 'react';
+import { ScrollView, View } from 'react-native';
+
+const fallbackManifest = ankhConfig as unknown as AppManifest;
+type SearchParams = Record<string, string | string[] | undefined> & {
+  screenId?: string | string[];
+};
+
+function resolveScreenIdParam(value: string | string[] | undefined): string | undefined {
+  if (typeof value === 'string') {
+    return value;
+  }
+
+  if (Array.isArray(value)) {
+    return value[0];
+  }
+
+  return undefined;
+}
+
+export default function ${safeName}Screen() {
+  const { theme } = useZoraTheme();
+  const manifestContext = useOptionalManifestContext();
+  const runtimeManifest = manifestContext?.manifest ?? fallbackManifest;
+  const runtimeConfig = useRuntimeRendererConfig();
+  const local = useLocalSearchParams<SearchParams>();
+  const global = useGlobalSearchParams<SearchParams>();
+  const routeParams = useMemo(() => ({ ...global, ...local }), [global, local]);
+
+  const currentScreenId =
+    resolveScreenIdParam(local.screenId) ??
+    resolveScreenIdParam(global.screenId) ??
+    '${escapeStringLiteral(screenId)}';
+  const screenConfig = runtimeManifest.screens[currentScreenId];
+  const runtimeRendererConfig = useMemo(
+    () => ({
+      ...runtimeConfig,
+      bindingContext: {
+        ...(runtimeConfig.bindingContext ?? {}),
+        route: {
+          params: routeParams,
+        },
+      },
+    }),
+    [routeParams, runtimeConfig],
+  );
+
+  if (!screenConfig) {
+    return (
+      <View style={{ flex: 1, backgroundColor: theme.colors.background }}>
+        <View style={{ marginTop: 20, paddingHorizontal: 20 }}>
+          <Text align="center" color="danger" variant="bodySmall">
+            Screen configuration not found for ID: {currentScreenId}
+          </Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <View style={{ flex: 1, backgroundColor: theme.colors.background }}>
+      <ScrollView style={{ flex: 1 }} contentContainerStyle={{ flexGrow: 1 }}>
+        <ManifestProvider manifest={runtimeManifest}>
+          <RuntimeRendererConfigProvider value={runtimeRendererConfig}>
+            <RuntimeScreen
+              manifest={runtimeManifest}
+              screen={screenConfig}
+              stateAdapter={runtimeConfig.stateAdapter}
+            />
+          </RuntimeRendererConfigProvider>
+        </ManifestProvider>
+      </ScrollView>
+    </View>
+  );
+}
+`;
+}
+//# sourceMappingURL=screen.js.map

package/dist/host/layout/templates/screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.js","sourceRoot":"","sources":["../../../../src/host/layout/templates/screen.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,UAAU,YAAY,CAAC,IAAiD;IAC5E,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACrC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA+BiB,QAAQ;;;;;;;;;;;;OAY3B,mBAAmB,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnC,CAAC;AACF,CAAC"}

package/dist/host/layout/templates/utils/routes.d.ts

@@ -0,0 +1,3 @@
+export declare function routeNameToHref(routeName: string): string;
+export declare function routeNameToGroupedHref(routeName: string, groupName: string): string;
+//# sourceMappingURL=routes.d.ts.map

package/dist/host/layout/templates/utils/routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/host/layout/templates/utils/routes.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAOzD;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAOnF"}

package/dist/host/layout/templates/utils/routes.js

@@ -0,0 +1,15 @@
+export function routeNameToHref(routeName) {
+    const normalized = routeName.trim().replace(/^\/+/, '').replace(/\/+$/, '');
+    if (!normalized || normalized === 'index') {
+        return '/';
+    }
+    return `/${normalized}`;
+}
+export function routeNameToGroupedHref(routeName, groupName) {
+    const normalized = routeName.trim().replace(/^\/+/, '').replace(/\/+$/, '');
+    if (!normalized || normalized === 'index') {
+        return groupName === 'app' ? '/' : `/(${groupName})`;
+    }
+    return `/${normalized}`;
+}
+//# sourceMappingURL=routes.js.map

package/dist/host/layout/templates/utils/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../../../../src/host/layout/templates/utils/routes.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,SAAiB;IAC/C,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC5E,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;QAC1C,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,IAAI,UAAU,EAAE,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,SAAiB,EAAE,SAAiB;IACzE,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC5E,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;QAC1C,OAAO,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,GAAG,CAAC;IACvD,CAAC;IAED,OAAO,IAAI,UAAU,EAAE,CAAC;AAC1B,CAAC"}

package/dist/host/layout/templates/utils/strings.d.ts

@@ -0,0 +1,3 @@
+export declare function joinNonEmptyLines(lines: string[]): string;
+export declare function toSafeComponentName(value: string): string;
+//# sourceMappingURL=strings.d.ts.map

package/dist/host/layout/templates/utils/strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../../../../src/host/layout/templates/utils/strings.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAEzD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD"}

package/dist/host/layout/templates/utils/strings.js

@@ -0,0 +1,7 @@
+export function joinNonEmptyLines(lines) {
+    return lines.filter((line) => line.length > 0).join('\n');
+}
+export function toSafeComponentName(value) {
+    return value.replace(/[^a-zA-Z0-9]/g, '');
+}
+//# sourceMappingURL=strings.js.map

package/dist/host/layout/templates/utils/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../../../src/host/layout/templates/utils/strings.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,KAAe;IAC/C,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAC/C,OAAO,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;AAC5C,CAAC"}

package/dist/host/layout/utils/escapeStringLiteral.d.ts

@@ -0,0 +1,2 @@
+export declare function escapeStringLiteral(value: string): string;
+//# sourceMappingURL=escapeStringLiteral.d.ts.map

package/dist/host/layout/utils/escapeStringLiteral.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"escapeStringLiteral.d.ts","sourceRoot":"","sources":["../../../../src/host/layout/utils/escapeStringLiteral.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMzD"}