alepha 0.22.0 → 0.24.0

package/dist/react/head/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/react/head/helpers/SeoExpander.ts","../../../src/react/head/providers/HeadProvider.ts","../../../src/react/head/primitives/$head.ts","../../../src/react/head/providers/BrowserHeadProvider.ts","../../../src/react/head/providers/ServerHeadProvider.ts","../../../src/react/head/hooks/useHead.ts","../../../src/react/head/index.ts"],"sourcesContent":["import type { Head, HeadMeta } from \"../interfaces/Head.ts\";\n\n/**\n * Expands Head configuration into SEO meta tags.\n *\n * Generates:\n * - `<meta name=\"description\">` from head.description\n * - `<meta property=\"og:*\">` OpenGraph tags\n * - `<meta name=\"twitter:*\">` Twitter Card tags\n *\n * @example\n * ```ts\n * const helper = new SeoExpander();\n * const { meta, link } = helper.expand({\n *   title: \"My App\",\n *   description: \"Build amazing apps\",\n *   image: \"https://example.com/og.png\",\n *   url: \"https://example.com/\",\n * });\n * ```\n */\nexport class SeoExpander {\n  public expand(head: Head): {\n    meta: HeadMeta[];\n    link: Array<{ rel: string; href: string }>;\n  } {\n    const meta: HeadMeta[] = [];\n    const link: Array<{ rel: string; href: string }> = [];\n\n    // Only expand SEO if there's meaningful content beyond just title\n    const hasSeoContent =\n      head.description ||\n      head.image ||\n      head.url ||\n      head.siteName ||\n      head.locale ||\n      head.type ||\n      head.og ||\n      head.twitter;\n\n    if (!hasSeoContent) {\n      return { meta, link };\n    }\n\n    // Base description\n    if (head.description) {\n      meta.push({ name: \"description\", content: head.description });\n    }\n\n    // Canonical URL\n    if (head.url) {\n      link.push({ rel: \"canonical\", href: head.url });\n    }\n\n    // OpenGraph tags\n    this.expandOpenGraph(head, meta);\n\n    // Twitter Card tags\n    this.expandTwitter(head, meta);\n\n    return { meta, link };\n  }\n\n  protected expandOpenGraph(head: Head, meta: HeadMeta[]): void {\n    const ogTitle = head.og?.title ?? head.title;\n    const ogDescription = head.og?.description ?? head.description;\n    const ogImage = head.og?.image ?? head.image;\n\n    if (head.type || ogTitle) {\n      meta.push({ property: \"og:type\", content: head.type ?? \"website\" });\n    }\n    if (head.url) {\n      meta.push({ property: \"og:url\", content: head.url });\n    }\n    if (ogTitle) {\n      meta.push({ property: \"og:title\", content: ogTitle });\n    }\n    if (ogDescription) {\n      meta.push({ property: \"og:description\", content: ogDescription });\n    }\n    if (ogImage) {\n      meta.push({ property: \"og:image\", content: ogImage });\n      if (head.imageWidth) {\n        meta.push({\n          property: \"og:image:width\",\n          content: String(head.imageWidth),\n        });\n      }\n      if (head.imageHeight) {\n        meta.push({\n          property: \"og:image:height\",\n          content: String(head.imageHeight),\n        });\n      }\n      if (head.imageAlt) {\n        meta.push({ property: \"og:image:alt\", content: head.imageAlt });\n      }\n    }\n    if (head.siteName) {\n      meta.push({ property: \"og:site_name\", content: head.siteName });\n    }\n    if (head.locale) {\n      meta.push({ property: \"og:locale\", content: head.locale });\n    }\n  }\n\n  protected expandTwitter(head: Head, meta: HeadMeta[]): void {\n    const twitterTitle = head.twitter?.title ?? head.title;\n    const twitterDescription = head.twitter?.description ?? head.description;\n    const twitterImage = head.twitter?.image ?? head.image;\n\n    if (head.twitter?.card || twitterTitle || twitterImage) {\n      meta.push({\n        name: \"twitter:card\",\n        content:\n          head.twitter?.card ??\n          (twitterImage ? \"summary_large_image\" : \"summary\"),\n      });\n    }\n    if (head.url) {\n      meta.push({ name: \"twitter:url\", content: head.url });\n    }\n    if (twitterTitle) {\n      meta.push({ name: \"twitter:title\", content: twitterTitle });\n    }\n    if (twitterDescription) {\n      meta.push({ name: \"twitter:description\", content: twitterDescription });\n    }\n    if (twitterImage) {\n      meta.push({ name: \"twitter:image\", content: twitterImage });\n      if (head.imageAlt) {\n        meta.push({ name: \"twitter:image:alt\", content: head.imageAlt });\n      }\n    }\n    if (head.twitter?.site) {\n      meta.push({ name: \"twitter:site\", content: head.twitter.site });\n    }\n    if (head.twitter?.creator) {\n      meta.push({ name: \"twitter:creator\", content: head.twitter.creator });\n    }\n  }\n}\n","import { $inject } from \"alepha\";\nimport { $logger } from \"alepha/logger\";\nimport { SeoExpander } from \"../helpers/SeoExpander.ts\";\nimport type { Head } from \"../interfaces/Head.ts\";\n\n/**\n * Provides methods to fill and merge head information into the application state.\n *\n * Used both on server and client side to manage document head.\n *\n * @see {@link SeoExpander}\n * @see {@link ServerHeadProvider}\n * @see {@link BrowserHeadProvider}\n */\nexport class HeadProvider {\n  protected readonly log = $logger();\n  protected readonly seoExpander = $inject(SeoExpander);\n\n  public global?: Array<Head | (() => Head)> = [];\n\n  /**\n   * Track if we've warned about page-level htmlAttributes to avoid spam.\n   */\n  protected warnedAboutHtmlAttributes = false;\n\n  /**\n   * Resolve global head configuration (from $head primitives only).\n   *\n   * This is used to get htmlAttributes early, before page loaders run.\n   * Only htmlAttributes from global $head are allowed; page-level htmlAttributes\n   * are ignored for early streaming optimization.\n   *\n   * @returns Merged global head with htmlAttributes\n   */\n  public resolveGlobalHead(): Head {\n    const head: Head = {\n      htmlAttributes: { lang: \"en\" },\n    };\n\n    for (const h of this.global ?? []) {\n      const resolved = typeof h === \"function\" ? h() : h;\n      if (resolved.htmlAttributes) {\n        head.htmlAttributes = {\n          ...head.htmlAttributes,\n          ...resolved.htmlAttributes,\n        };\n      }\n    }\n\n    return head;\n  }\n\n  /**\n   * Fully resolve all global $head entries (functions re-evaluated, objects kept as-is).\n   *\n   * Unlike resolveGlobalHead() which only extracts htmlAttributes for streaming,\n   * this resolves all head properties (meta, link, script, htmlAttributes, etc.).\n   *\n   * Used by BrowserHeadProvider.refreshGlobalHead() to re-apply global head to the DOM.\n   */\n  public resolveGlobal(): Head {\n    let head: Head = {};\n\n    for (const h of this.global ?? []) {\n      const resolved = typeof h === \"function\" ? h() : h;\n      const { meta, link } = this.seoExpander.expand(resolved);\n      head = {\n        ...head,\n        ...resolved,\n        meta: [...(head.meta ?? []), ...meta, ...(resolved.meta ?? [])],\n        link: [...(head.link ?? []), ...link, ...(resolved.link ?? [])],\n        script: [...(head.script ?? []), ...(resolved.script ?? [])],\n      };\n    }\n\n    return head;\n  }\n\n  public fillHead(state: HeadState) {\n    state.head = {\n      ...state.head,\n    };\n\n    for (const h of this.global ?? []) {\n      const head = typeof h === \"function\" ? h() : h;\n      this.mergeHead(state, head);\n    }\n\n    for (const layer of state.layers) {\n      if (layer.route?.head && !layer.error) {\n        this.fillHeadByPage(layer.route, state, layer.props ?? {});\n      }\n    }\n\n    // Defaults if none were set by global $head or page head\n    state.head.title ??= \"App\";\n    state.head.htmlAttributes = {\n      lang: \"en\",\n      ...state.head.htmlAttributes,\n    };\n  }\n\n  protected mergeHead(state: HeadState, head: Head): void {\n    // Expand SEO fields into meta tags\n    const { meta, link } = this.seoExpander.expand(head);\n    state.head = {\n      ...state.head,\n      ...head,\n      meta: [...(state.head.meta ?? []), ...meta, ...(head.meta ?? [])],\n      link: [...(state.head.link ?? []), ...link, ...(head.link ?? [])],\n      script: [...(state.head.script ?? []), ...(head.script ?? [])],\n    };\n  }\n\n  protected fillHeadByPage(\n    page: HeadRoute,\n    state: HeadState,\n    props: Record<string, any>,\n  ): void {\n    if (!page.head) {\n      return;\n    }\n\n    state.head ??= {};\n\n    const head =\n      typeof page.head === \"function\"\n        ? page.head(props, state.head)\n        : page.head;\n\n    // Expand SEO fields into meta tags\n    const { meta, link } = this.seoExpander.expand(head);\n    state.head.meta = [...(state.head.meta ?? []), ...meta];\n    state.head.link = [...(state.head.link ?? []), ...link];\n\n    if (head.title) {\n      state.head ??= {};\n\n      if (state.head.titleSeparator) {\n        state.head.title = `${head.title}${state.head.titleSeparator}${state.head.title}`;\n      } else {\n        state.head.title = head.title;\n      }\n\n      state.head.titleSeparator = head.titleSeparator;\n    }\n\n    // htmlAttributes from pages are ignored for early streaming optimization.\n    // Only global $head can set htmlAttributes.\n    if (head.htmlAttributes && !this.warnedAboutHtmlAttributes) {\n      this.warnedAboutHtmlAttributes = true;\n      this.log.warn(\n        \"Page-level htmlAttributes are ignored. Use global $head() for htmlAttributes instead, \" +\n          \"as they are sent before page loaders run for early streaming optimization.\",\n      );\n    }\n\n    if (head.bodyAttributes) {\n      state.head.bodyAttributes = {\n        ...state.head.bodyAttributes,\n        ...head.bodyAttributes,\n      };\n    }\n\n    if (head.meta) {\n      state.head.meta = [...(state.head.meta ?? []), ...(head.meta ?? [])];\n    }\n\n    if (head.link) {\n      state.head.link = [...(state.head.link ?? []), ...(head.link ?? [])];\n    }\n\n    if (head.script) {\n      state.head.script = [\n        ...(state.head.script ?? []),\n        ...(head.script ?? []),\n      ];\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Minimal route interface for head processing.\n * Avoids circular dependency with alepha/react/router.\n */\ninterface HeadRoute {\n  head?: Head | ((props: Record<string, any>, previous?: Head) => Head);\n}\n\n/**\n * Minimal state interface for head processing.\n * Avoids circular dependency with alepha/react/router.\n */\ninterface HeadState {\n  head: Head;\n  layers: Array<{\n    route?: HeadRoute;\n    props?: Record<string, any>;\n    error?: Error;\n  }>;\n}\n","import { $inject, createPrimitive, KIND, Primitive } from \"alepha\";\nimport type { Head } from \"../interfaces/Head.ts\";\nimport { HeadProvider } from \"../providers/HeadProvider.ts\";\n\n/**\n * Set global `<head>` options for the application.\n */\nexport const $head = (options: HeadPrimitiveOptions) => {\n  return createPrimitive(HeadPrimitive, options);\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport type HeadPrimitiveOptions = Head | (() => Head);\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport class HeadPrimitive extends Primitive<HeadPrimitiveOptions> {\n  protected readonly provider = $inject(HeadProvider);\n  protected onInit() {\n    this.provider.global = [...(this.provider.global ?? []), this.options];\n  }\n}\n\n$head[KIND] = HeadPrimitive;\n","import { $inject, Alepha } from \"alepha\";\nimport type { Head, HeadMeta } from \"../interfaces/Head.ts\";\nimport { HeadProvider } from \"./HeadProvider.ts\";\n\n/**\n * Browser-side head provider that manages document head elements.\n *\n * Used by ReactBrowserProvider and ReactBrowserRouterProvider to update\n * document title, meta tags, and other head elements during client-side\n * navigation.\n */\nexport class BrowserHeadProvider {\n  protected readonly alepha = $inject(Alepha);\n  protected readonly headProvider = $inject(HeadProvider);\n\n  protected get document(): Document {\n    return window.document;\n  }\n\n  /**\n   * Fill head state from route configurations and render to document.\n   * Combines fillHead from HeadProvider with renderHead to the DOM.\n   *\n   * Only runs in browser environment - no-op on server.\n   */\n  public fillAndRenderHead(state: { head: Head; layers: Array<any> }): void {\n    // Skip on server-side\n    if (!this.alepha.isBrowser()) {\n      return;\n    }\n\n    this.headProvider.fillHead(state as any);\n    if (state.head) {\n      this.renderHead(this.document, state.head);\n    }\n  }\n\n  /**\n   * Re-evaluate all global $head entries and apply the result to the DOM.\n   *\n   * Call this when something that affects global $head output changes at runtime\n   * (e.g., theme switch). Page-level head (title, meta from routes) is not touched.\n   */\n  public refreshGlobalHead(): void {\n    const head = this.headProvider.resolveGlobal();\n    this.renderHead(this.document, head);\n  }\n\n  public getHead(document: Document): Head {\n    return {\n      get title() {\n        return document.title;\n      },\n      get htmlAttributes() {\n        const attrs: Record<string, string> = {};\n        for (const attr of document.documentElement.attributes) {\n          attrs[attr.name] = attr.value;\n        }\n        return attrs;\n      },\n      get bodyAttributes() {\n        const attrs: Record<string, string> = {};\n        for (const attr of document.body.attributes) {\n          attrs[attr.name] = attr.value;\n        }\n        return attrs;\n      },\n      get meta() {\n        const metas: HeadMeta[] = [];\n        // Get meta tags with name attribute\n        for (const meta of document.head.querySelectorAll(\"meta[name]\")) {\n          const name = meta.getAttribute(\"name\");\n          const content = meta.getAttribute(\"content\");\n          if (name && content) {\n            metas.push({ name, content });\n          }\n        }\n        // Get meta tags with property attribute (OpenGraph)\n        for (const meta of document.head.querySelectorAll(\"meta[property]\")) {\n          const property = meta.getAttribute(\"property\");\n          const content = meta.getAttribute(\"content\");\n          if (property && content) {\n            metas.push({ property, content });\n          }\n        }\n        return metas;\n      },\n    };\n  }\n\n  public renderHead(document: Document, head: Head): void {\n    if (head.title) {\n      document.title = head.title;\n    }\n\n    if (head.bodyAttributes) {\n      for (const [key, value] of Object.entries(head.bodyAttributes)) {\n        if (value) {\n          document.body.setAttribute(key, value);\n        } else {\n          document.body.removeAttribute(key);\n        }\n      }\n    }\n\n    if (head.htmlAttributes) {\n      for (const [key, value] of Object.entries(head.htmlAttributes)) {\n        if (value) {\n          document.documentElement.setAttribute(key, value);\n        } else {\n          document.documentElement.removeAttribute(key);\n        }\n      }\n    }\n\n    if (head.meta) {\n      for (const it of head.meta) {\n        this.renderMetaTag(document, it);\n      }\n    }\n\n    if (head.link) {\n      for (const it of head.link) {\n        const { rel, href } = it;\n        let link = document.querySelector(`link[rel=\"${rel}\"][href=\"${href}\"]`);\n        if (!link) {\n          link = document.createElement(\"link\");\n          link.setAttribute(\"rel\", rel);\n          link.setAttribute(\"href\", href);\n          if (it.type) {\n            link.setAttribute(\"type\", it.type);\n          }\n          if (it.as) {\n            link.setAttribute(\"as\", it.as);\n          }\n          if (it.crossorigin != null) {\n            link.setAttribute(\"crossorigin\", \"\");\n          }\n          if (it.media) {\n            link.setAttribute(\"media\", it.media);\n          }\n          if (it.sizes) {\n            link.setAttribute(\"sizes\", it.sizes);\n          }\n          if (it.hreflang) {\n            link.setAttribute(\"hreflang\", it.hreflang);\n          }\n          document.head.appendChild(link);\n        }\n      }\n    }\n\n    if (head.script) {\n      for (const it of head.script) {\n        this.renderScriptTag(document, it);\n      }\n    }\n  }\n\n  protected renderScriptTag(\n    document: Document,\n    script:\n      | string\n      | (Record<string, string | boolean | undefined> & { content?: string }),\n  ): void {\n    // Plain string → inline script. Dedupe by exact content match against\n    // any existing inline script (handles SSR-emitted globals that would\n    // otherwise be re-appended on hydration).\n    if (typeof script === \"string\") {\n      if (this.findInlineScriptByContent(document, script)) return;\n      const el = document.createElement(\"script\");\n      el.textContent = script;\n      document.head.appendChild(el);\n      return;\n    }\n\n    const { content, ...attrs } = script;\n\n    // src-based scripts: dedupe by src attribute (existing behaviour).\n    if (attrs.src) {\n      if (document.querySelector(`script[src=\"${attrs.src}\"]`)) return;\n    } else if (typeof attrs.id === \"string\") {\n      // id-based dedupe — single source of truth per id.\n      if (document.querySelector(`script#${CSS.escape(attrs.id)}`)) return;\n    } else if (content) {\n      // Inline scripts with `content` and no src/id: fall back to content match.\n      if (this.findInlineScriptByContent(document, content)) return;\n    }\n\n    const el = document.createElement(\"script\");\n    for (const [key, value] of Object.entries(attrs)) {\n      if (value === true) {\n        el.setAttribute(key, \"\");\n      } else if (value !== undefined && value !== false) {\n        el.setAttribute(key, String(value));\n      }\n    }\n    if (content) {\n      el.textContent = content;\n    }\n    document.head.appendChild(el);\n  }\n\n  /**\n   * Find an existing inline `<script>` tag (no `src`) with matching textContent.\n   * Used to make `renderScriptTag` idempotent across hydration + navigation,\n   * so SSR-emitted global scripts aren't re-appended client-side.\n   */\n  protected findInlineScriptByContent(\n    document: Document,\n    content: string,\n  ): Element | null {\n    for (const existing of document.head.querySelectorAll(\n      \"script:not([src])\",\n    )) {\n      if (existing.textContent === content) return existing;\n    }\n    return null;\n  }\n\n  protected renderMetaTag(document: Document, meta: HeadMeta): void {\n    const { content } = meta;\n\n    // Handle OpenGraph tags (property attribute)\n    if (meta.property) {\n      const existing = document.querySelector(\n        `meta[property=\"${meta.property}\"]`,\n      );\n      if (existing) {\n        existing.setAttribute(\"content\", content);\n      } else {\n        const newMeta = document.createElement(\"meta\");\n        newMeta.setAttribute(\"property\", meta.property);\n        newMeta.setAttribute(\"content\", content);\n        document.head.appendChild(newMeta);\n      }\n      return;\n    }\n\n    // Handle standard meta tags (name attribute)\n    if (meta.name) {\n      const existing = document.querySelector(`meta[name=\"${meta.name}\"]`);\n      if (existing) {\n        existing.setAttribute(\"content\", content);\n      } else {\n        const newMeta = document.createElement(\"meta\");\n        newMeta.setAttribute(\"name\", meta.name);\n        newMeta.setAttribute(\"content\", content);\n        document.head.appendChild(newMeta);\n      }\n    }\n  }\n}\n","import { $inject } from \"alepha\";\nimport type { Head, SimpleHead } from \"../interfaces/Head.ts\";\nimport { HeadProvider } from \"./HeadProvider.ts\";\n\n/**\n * Server-side head provider that fills head content from route configurations.\n *\n * Used by ReactServerProvider to collect title, meta tags, and other head\n * elements which are then rendered by ReactServerTemplateProvider.\n */\nexport class ServerHeadProvider {\n  protected readonly headProvider = $inject(HeadProvider);\n\n  /**\n   * Resolve global head configuration (htmlAttributes only).\n   *\n   * Used for early streaming optimization - htmlAttributes can be sent\n   * before page loaders run since they come from global $head only.\n   */\n  public resolveGlobalHead(): Head {\n    return this.headProvider.resolveGlobalHead();\n  }\n\n  /**\n   * Fill head state from route configurations.\n   * Delegates to HeadProvider to merge head data from all route layers.\n   */\n  public fillHead(state: { head: SimpleHead; layers: Array<any> }): void {\n    this.headProvider.fillHead(state as any);\n  }\n}\n","import { Alepha } from \"alepha\";\nimport { useInject } from \"alepha/react\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport type { Head } from \"../interfaces/Head.ts\";\nimport { BrowserHeadProvider } from \"../providers/BrowserHeadProvider.ts\";\n\n/**\n * ```tsx\n * const App = () => {\n *   const [head, setHead] = useHead({\n *     // will set the document title on the first render\n *     title: \"My App\",\n *   });\n *\n *   return (\n *     // This will update the document title when the button is clicked\n *     <button onClick={() => setHead({ title: \"Change Title\" })}>\n *       Change Title {head.title}\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useHead = (options?: UseHeadOptions): UseHeadReturn => {\n  const alepha = useInject(Alepha);\n\n  const current = useMemo(() => {\n    if (!alepha.isBrowser()) {\n      return {};\n    }\n\n    return alepha.inject(BrowserHeadProvider).getHead(window.document);\n  }, []);\n\n  const setHead = useCallback((head?: Head | ((previous?: Head) => Head)) => {\n    if (!alepha.isBrowser()) {\n      return;\n    }\n\n    const headProvider = alepha.inject(BrowserHeadProvider);\n    const resolved =\n      typeof head === \"function\"\n        ? head(headProvider.getHead(window.document))\n        : head || {};\n    headProvider.renderHead(window.document, resolved);\n  }, []);\n\n  useEffect(() => {\n    if (options) {\n      setHead(options);\n    }\n  }, []);\n\n  return [current, setHead];\n};\n\nexport type UseHeadOptions = Head | ((previous?: Head) => Head);\n\nexport type UseHeadReturn = [\n  Head,\n  (head?: Head | ((previous?: Head) => Head)) => void,\n];\n","import { $module } from \"alepha\";\nimport { AlephaReact } from \"alepha/react\";\nimport { SeoExpander } from \"./helpers/SeoExpander.ts\";\nimport { $head } from \"./primitives/$head.ts\";\nimport { BrowserHeadProvider } from \"./providers/BrowserHeadProvider.ts\";\nimport { HeadProvider } from \"./providers/HeadProvider.ts\";\nimport { ServerHeadProvider } from \"./providers/ServerHeadProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport * from \"./helpers/SeoExpander.ts\";\nexport * from \"./hooks/useHead.ts\";\nexport * from \"./interfaces/Head.ts\";\nexport * from \"./primitives/$head.ts\";\nexport * from \"./providers/BrowserHeadProvider.ts\";\nexport * from \"./providers/ServerHeadProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * HTML head element management.\n *\n * **Features:**\n * - Title, meta tags, and links\n * - SEO optimization\n * - Social media tags\n *\n * @module alepha.react.head\n */\nexport const AlephaReactHead = $module({\n  name: \"alepha.react.head\",\n  primitives: [$head],\n  services: [\n    AlephaReact,\n    BrowserHeadProvider,\n    HeadProvider,\n    SeoExpander,\n    ServerHeadProvider,\n  ],\n});\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/react/head/helpers/SeoExpander.ts","../../../src/react/head/providers/HeadProvider.ts","../../../src/react/head/primitives/$head.ts","../../../src/react/head/providers/BrowserHeadProvider.ts","../../../src/react/head/providers/ServerHeadProvider.ts","../../../src/react/head/hooks/useHead.ts","../../../src/react/head/index.ts"],"sourcesContent":["import type { Head, HeadMeta } from \"../interfaces/Head.ts\";\n\n/**\n * Expands Head configuration into SEO meta tags.\n *\n * Generates:\n * - `<meta name=\"description\">` from head.description\n * - `<meta property=\"og:*\">` OpenGraph tags\n * - `<meta name=\"twitter:*\">` Twitter Card tags\n *\n * @example\n * ```ts\n * const helper = new SeoExpander();\n * const { meta, link } = helper.expand({\n *   title: \"My App\",\n *   description: \"Build amazing apps\",\n *   image: \"https://example.com/og.png\",\n *   url: \"https://example.com/\",\n * });\n * ```\n */\nexport class SeoExpander {\n  public expand(head: Head): {\n    meta: HeadMeta[];\n    link: Array<{ rel: string; href: string }>;\n  } {\n    const meta: HeadMeta[] = [];\n    const link: Array<{ rel: string; href: string }> = [];\n\n    // Only expand SEO if there's meaningful content beyond just title\n    const hasSeoContent =\n      head.description ||\n      head.image ||\n      head.url ||\n      head.siteName ||\n      head.locale ||\n      head.type ||\n      head.og ||\n      head.twitter;\n\n    if (!hasSeoContent) {\n      return { meta, link };\n    }\n\n    // Base description\n    if (head.description) {\n      meta.push({ name: \"description\", content: head.description });\n    }\n\n    // Canonical URL\n    if (head.url) {\n      link.push({ rel: \"canonical\", href: head.url });\n    }\n\n    // OpenGraph tags\n    this.expandOpenGraph(head, meta);\n\n    // Twitter Card tags\n    this.expandTwitter(head, meta);\n\n    return { meta, link };\n  }\n\n  protected expandOpenGraph(head: Head, meta: HeadMeta[]): void {\n    const ogTitle = head.og?.title ?? head.title;\n    const ogDescription = head.og?.description ?? head.description;\n    const ogImage = head.og?.image ?? head.image;\n\n    if (head.type || ogTitle) {\n      meta.push({ property: \"og:type\", content: head.type ?? \"website\" });\n    }\n    if (head.url) {\n      meta.push({ property: \"og:url\", content: head.url });\n    }\n    if (ogTitle) {\n      meta.push({ property: \"og:title\", content: ogTitle });\n    }\n    if (ogDescription) {\n      meta.push({ property: \"og:description\", content: ogDescription });\n    }\n    if (ogImage) {\n      meta.push({ property: \"og:image\", content: ogImage });\n      if (head.imageWidth) {\n        meta.push({\n          property: \"og:image:width\",\n          content: String(head.imageWidth),\n        });\n      }\n      if (head.imageHeight) {\n        meta.push({\n          property: \"og:image:height\",\n          content: String(head.imageHeight),\n        });\n      }\n      if (head.imageAlt) {\n        meta.push({ property: \"og:image:alt\", content: head.imageAlt });\n      }\n    }\n    if (head.siteName) {\n      meta.push({ property: \"og:site_name\", content: head.siteName });\n    }\n    if (head.locale) {\n      meta.push({ property: \"og:locale\", content: head.locale });\n    }\n  }\n\n  protected expandTwitter(head: Head, meta: HeadMeta[]): void {\n    const twitterTitle = head.twitter?.title ?? head.title;\n    const twitterDescription = head.twitter?.description ?? head.description;\n    const twitterImage = head.twitter?.image ?? head.image;\n\n    if (head.twitter?.card || twitterTitle || twitterImage) {\n      meta.push({\n        name: \"twitter:card\",\n        content:\n          head.twitter?.card ??\n          (twitterImage ? \"summary_large_image\" : \"summary\"),\n      });\n    }\n    if (head.url) {\n      meta.push({ name: \"twitter:url\", content: head.url });\n    }\n    if (twitterTitle) {\n      meta.push({ name: \"twitter:title\", content: twitterTitle });\n    }\n    if (twitterDescription) {\n      meta.push({ name: \"twitter:description\", content: twitterDescription });\n    }\n    if (twitterImage) {\n      meta.push({ name: \"twitter:image\", content: twitterImage });\n      if (head.imageAlt) {\n        meta.push({ name: \"twitter:image:alt\", content: head.imageAlt });\n      }\n    }\n    if (head.twitter?.site) {\n      meta.push({ name: \"twitter:site\", content: head.twitter.site });\n    }\n    if (head.twitter?.creator) {\n      meta.push({ name: \"twitter:creator\", content: head.twitter.creator });\n    }\n  }\n}\n","import { $inject } from \"alepha\";\nimport { $logger } from \"alepha/logger\";\nimport { SeoExpander } from \"../helpers/SeoExpander.ts\";\nimport type { Head } from \"../interfaces/Head.ts\";\n\n/**\n * Provides methods to fill and merge head information into the application state.\n *\n * Used both on server and client side to manage document head.\n *\n * @see {@link SeoExpander}\n * @see {@link ServerHeadProvider}\n * @see {@link BrowserHeadProvider}\n */\nexport class HeadProvider {\n  protected readonly log = $logger();\n  protected readonly seoExpander = $inject(SeoExpander);\n\n  public global?: Array<Head | (() => Head)> = [];\n\n  /**\n   * Track if we've warned about page-level htmlAttributes to avoid spam.\n   */\n  protected warnedAboutHtmlAttributes = false;\n\n  /**\n   * Resolve global head configuration (from $head primitives only).\n   *\n   * This is used to get htmlAttributes early, before page loaders run.\n   * Only htmlAttributes from global $head are allowed; page-level htmlAttributes\n   * are ignored for early streaming optimization.\n   *\n   * @returns Merged global head with htmlAttributes\n   */\n  public resolveGlobalHead(): Head {\n    const head: Head = {\n      htmlAttributes: { lang: \"en\" },\n    };\n\n    for (const h of this.global ?? []) {\n      const resolved = typeof h === \"function\" ? h() : h;\n      if (resolved.htmlAttributes) {\n        head.htmlAttributes = {\n          ...head.htmlAttributes,\n          ...resolved.htmlAttributes,\n        };\n      }\n    }\n\n    return head;\n  }\n\n  /**\n   * Fully resolve all global $head entries (functions re-evaluated, objects kept as-is).\n   *\n   * Unlike resolveGlobalHead() which only extracts htmlAttributes for streaming,\n   * this resolves all head properties (meta, link, script, htmlAttributes, etc.).\n   *\n   * Used by BrowserHeadProvider.refreshGlobalHead() to re-apply global head to the DOM.\n   */\n  public resolveGlobal(): Head {\n    let head: Head = {};\n\n    for (const h of this.global ?? []) {\n      const resolved = typeof h === \"function\" ? h() : h;\n      const { meta, link } = this.seoExpander.expand(resolved);\n      head = {\n        ...head,\n        ...resolved,\n        meta: [...(head.meta ?? []), ...meta, ...(resolved.meta ?? [])],\n        link: [...(head.link ?? []), ...link, ...(resolved.link ?? [])],\n        script: [...(head.script ?? []), ...(resolved.script ?? [])],\n      };\n    }\n\n    return head;\n  }\n\n  public fillHead(state: HeadState) {\n    state.head = {\n      ...state.head,\n    };\n\n    for (const h of this.global ?? []) {\n      const head = typeof h === \"function\" ? h() : h;\n      this.mergeHead(state, head);\n    }\n\n    for (const layer of state.layers) {\n      if (layer.route?.head && !layer.error) {\n        this.fillHeadByPage(layer.route, state, layer.props ?? {});\n      }\n    }\n\n    // Defaults if none were set by global $head or page head\n    state.head.title ??= \"App\";\n    state.head.htmlAttributes = {\n      lang: \"en\",\n      ...state.head.htmlAttributes,\n    };\n  }\n\n  protected mergeHead(state: HeadState, head: Head): void {\n    // Expand SEO fields into meta tags\n    const { meta, link } = this.seoExpander.expand(head);\n    state.head = {\n      ...state.head,\n      ...head,\n      meta: [...(state.head.meta ?? []), ...meta, ...(head.meta ?? [])],\n      link: [...(state.head.link ?? []), ...link, ...(head.link ?? [])],\n      script: [...(state.head.script ?? []), ...(head.script ?? [])],\n    };\n  }\n\n  protected fillHeadByPage(\n    page: HeadRoute,\n    state: HeadState,\n    props: Record<string, any>,\n  ): void {\n    if (!page.head) {\n      return;\n    }\n\n    state.head ??= {};\n\n    const head =\n      typeof page.head === \"function\"\n        ? page.head(props, state.head)\n        : page.head;\n\n    // Expand SEO fields into meta tags\n    const { meta, link } = this.seoExpander.expand(head);\n    state.head.meta = [...(state.head.meta ?? []), ...meta];\n    state.head.link = [...(state.head.link ?? []), ...link];\n\n    if (head.title) {\n      state.head ??= {};\n\n      if (state.head.titleSeparator) {\n        state.head.title = `${head.title}${state.head.titleSeparator}${state.head.title}`;\n      } else {\n        state.head.title = head.title;\n      }\n\n      state.head.titleSeparator = head.titleSeparator;\n    }\n\n    // htmlAttributes from pages are ignored for early streaming optimization.\n    // Only global $head can set htmlAttributes.\n    if (head.htmlAttributes && !this.warnedAboutHtmlAttributes) {\n      this.warnedAboutHtmlAttributes = true;\n      this.log.warn(\n        \"Page-level htmlAttributes are ignored. Use global $head() for htmlAttributes instead, \" +\n          \"as they are sent before page loaders run for early streaming optimization.\",\n      );\n    }\n\n    if (head.bodyAttributes) {\n      state.head.bodyAttributes = {\n        ...state.head.bodyAttributes,\n        ...head.bodyAttributes,\n      };\n    }\n\n    if (head.meta) {\n      state.head.meta = [...(state.head.meta ?? []), ...(head.meta ?? [])];\n    }\n\n    if (head.link) {\n      state.head.link = [...(state.head.link ?? []), ...(head.link ?? [])];\n    }\n\n    if (head.script) {\n      state.head.script = [\n        ...(state.head.script ?? []),\n        ...(head.script ?? []),\n      ];\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Minimal route interface for head processing.\n * Avoids circular dependency with alepha/react/router.\n */\ninterface HeadRoute {\n  head?: Head | ((props: Record<string, any>, previous?: Head) => Head);\n}\n\n/**\n * Minimal state interface for head processing.\n * Avoids circular dependency with alepha/react/router.\n */\ninterface HeadState {\n  head: Head;\n  layers: Array<{\n    route?: HeadRoute;\n    props?: Record<string, any>;\n    error?: Error;\n  }>;\n}\n","import { $inject, createPrimitive, KIND, Primitive } from \"alepha\";\nimport type { Head } from \"../interfaces/Head.ts\";\nimport { HeadProvider } from \"../providers/HeadProvider.ts\";\n\n/**\n * Set global `<head>` options for the application.\n */\nexport const $head = (options: HeadPrimitiveOptions) => {\n  return createPrimitive(HeadPrimitive, options);\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport type HeadPrimitiveOptions = Head | (() => Head);\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport class HeadPrimitive extends Primitive<HeadPrimitiveOptions> {\n  protected readonly provider = $inject(HeadProvider);\n  protected onInit() {\n    this.provider.global = [...(this.provider.global ?? []), this.options];\n  }\n}\n\n$head[KIND] = HeadPrimitive;\n","import { $inject, Alepha } from \"alepha\";\nimport type { Head, HeadMeta } from \"../interfaces/Head.ts\";\nimport { HeadProvider } from \"./HeadProvider.ts\";\n\n/**\n * Browser-side head provider that manages document head elements.\n *\n * Used by ReactBrowserProvider and ReactBrowserRouterProvider to update\n * document title, meta tags, and other head elements during client-side\n * navigation.\n */\nexport class BrowserHeadProvider {\n  protected readonly alepha = $inject(Alepha);\n  protected readonly headProvider = $inject(HeadProvider);\n\n  protected get document(): Document {\n    return window.document;\n  }\n\n  /**\n   * Fill head state from route configurations and render to document.\n   * Combines fillHead from HeadProvider with renderHead to the DOM.\n   *\n   * Only runs in browser environment - no-op on server.\n   */\n  public fillAndRenderHead(state: { head: Head; layers: Array<any> }): void {\n    // Skip on server-side\n    if (!this.alepha.isBrowser()) {\n      return;\n    }\n\n    this.headProvider.fillHead(state as any);\n    if (state.head) {\n      this.renderHead(this.document, state.head);\n    }\n  }\n\n  /**\n   * Re-evaluate all global $head entries and apply the result to the DOM.\n   *\n   * Call this when something that affects global $head output changes at runtime\n   * (e.g., theme switch). Page-level head (title, meta from routes) is not touched.\n   */\n  public refreshGlobalHead(): void {\n    const head = this.headProvider.resolveGlobal();\n    this.renderHead(this.document, head);\n  }\n\n  public getHead(document: Document): Head {\n    return {\n      get title() {\n        return document.title;\n      },\n      get htmlAttributes() {\n        const attrs: Record<string, string> = {};\n        for (const attr of document.documentElement.attributes) {\n          attrs[attr.name] = attr.value;\n        }\n        return attrs;\n      },\n      get bodyAttributes() {\n        const attrs: Record<string, string> = {};\n        for (const attr of document.body.attributes) {\n          attrs[attr.name] = attr.value;\n        }\n        return attrs;\n      },\n      get meta() {\n        const metas: HeadMeta[] = [];\n        // Get meta tags with name attribute\n        for (const meta of document.head.querySelectorAll(\"meta[name]\")) {\n          const name = meta.getAttribute(\"name\");\n          const content = meta.getAttribute(\"content\");\n          if (name && content) {\n            metas.push({ name, content });\n          }\n        }\n        // Get meta tags with property attribute (OpenGraph)\n        for (const meta of document.head.querySelectorAll(\"meta[property]\")) {\n          const property = meta.getAttribute(\"property\");\n          const content = meta.getAttribute(\"content\");\n          if (property && content) {\n            metas.push({ property, content });\n          }\n        }\n        return metas;\n      },\n    };\n  }\n\n  public renderHead(document: Document, head: Head): void {\n    if (head.title) {\n      document.title = head.title;\n    }\n\n    if (head.bodyAttributes) {\n      for (const [key, value] of Object.entries(head.bodyAttributes)) {\n        if (value) {\n          document.body.setAttribute(key, value);\n        } else {\n          document.body.removeAttribute(key);\n        }\n      }\n    }\n\n    if (head.htmlAttributes) {\n      for (const [key, value] of Object.entries(head.htmlAttributes)) {\n        if (value) {\n          document.documentElement.setAttribute(key, value);\n        } else {\n          document.documentElement.removeAttribute(key);\n        }\n      }\n    }\n\n    if (head.meta) {\n      for (const it of head.meta) {\n        this.renderMetaTag(document, it);\n      }\n    }\n\n    if (head.link) {\n      for (const it of head.link) {\n        const { rel, href } = it;\n        let link = document.querySelector(`link[rel=\"${rel}\"][href=\"${href}\"]`);\n        if (!link) {\n          link = document.createElement(\"link\");\n          link.setAttribute(\"rel\", rel);\n          link.setAttribute(\"href\", href);\n          if (it.type) {\n            link.setAttribute(\"type\", it.type);\n          }\n          if (it.as) {\n            link.setAttribute(\"as\", it.as);\n          }\n          if (it.crossorigin != null) {\n            link.setAttribute(\"crossorigin\", \"\");\n          }\n          if (it.media) {\n            link.setAttribute(\"media\", it.media);\n          }\n          if (it.sizes) {\n            link.setAttribute(\"sizes\", it.sizes);\n          }\n          if (it.hreflang) {\n            link.setAttribute(\"hreflang\", it.hreflang);\n          }\n          document.head.appendChild(link);\n        }\n      }\n    }\n\n    if (head.script) {\n      for (const it of head.script) {\n        this.renderScriptTag(document, it);\n      }\n    }\n  }\n\n  protected renderScriptTag(\n    document: Document,\n    script:\n      | string\n      | (Record<string, string | boolean | undefined> & { content?: string }),\n  ): void {\n    // Plain string → inline script. Dedupe by exact content match against\n    // any existing inline script (handles SSR-emitted globals that would\n    // otherwise be re-appended on hydration).\n    if (typeof script === \"string\") {\n      if (this.findInlineScriptByContent(document, script)) return;\n      const el = document.createElement(\"script\");\n      el.textContent = script;\n      document.head.appendChild(el);\n      return;\n    }\n\n    const { content, ...attrs } = script;\n\n    // src-based scripts: dedupe by src attribute (existing behaviour).\n    if (attrs.src) {\n      if (document.querySelector(`script[src=\"${attrs.src}\"]`)) return;\n    } else if (typeof attrs.id === \"string\") {\n      // id-based dedupe — single source of truth per id.\n      if (document.querySelector(`script#${CSS.escape(attrs.id)}`)) return;\n    } else if (content) {\n      // Inline scripts with `content` and no src/id: fall back to content match.\n      if (this.findInlineScriptByContent(document, content)) return;\n    }\n\n    const el = document.createElement(\"script\");\n    for (const [key, value] of Object.entries(attrs)) {\n      if (value === true) {\n        el.setAttribute(key, \"\");\n      } else if (value !== undefined && value !== false) {\n        el.setAttribute(key, String(value));\n      }\n    }\n    if (content) {\n      el.textContent = content;\n    }\n    document.head.appendChild(el);\n  }\n\n  /**\n   * Find an existing inline `<script>` tag (no `src`) with matching textContent.\n   * Used to make `renderScriptTag` idempotent across hydration + navigation,\n   * so SSR-emitted global scripts aren't re-appended client-side.\n   */\n  protected findInlineScriptByContent(\n    document: Document,\n    content: string,\n  ): Element | null {\n    for (const existing of document.head.querySelectorAll(\n      \"script:not([src])\",\n    )) {\n      if (existing.textContent === content) return existing;\n    }\n    return null;\n  }\n\n  protected renderMetaTag(document: Document, meta: HeadMeta): void {\n    const { content } = meta;\n\n    // Handle OpenGraph tags (property attribute)\n    if (meta.property) {\n      const existing = document.querySelector(\n        `meta[property=\"${meta.property}\"]`,\n      );\n      if (existing) {\n        existing.setAttribute(\"content\", content);\n      } else {\n        const newMeta = document.createElement(\"meta\");\n        newMeta.setAttribute(\"property\", meta.property);\n        newMeta.setAttribute(\"content\", content);\n        document.head.appendChild(newMeta);\n      }\n      return;\n    }\n\n    // Handle standard meta tags (name attribute)\n    if (meta.name) {\n      const existing = document.querySelector(`meta[name=\"${meta.name}\"]`);\n      if (existing) {\n        existing.setAttribute(\"content\", content);\n      } else {\n        const newMeta = document.createElement(\"meta\");\n        newMeta.setAttribute(\"name\", meta.name);\n        newMeta.setAttribute(\"content\", content);\n        document.head.appendChild(newMeta);\n      }\n    }\n  }\n}\n","import { $inject } from \"alepha\";\nimport type { Head, SimpleHead } from \"../interfaces/Head.ts\";\nimport { HeadProvider } from \"./HeadProvider.ts\";\n\n/**\n * Server-side head provider that fills head content from route configurations.\n *\n * Used by ReactServerProvider to collect title, meta tags, and other head\n * elements which are then rendered by ReactServerTemplateProvider.\n */\nexport class ServerHeadProvider {\n  protected readonly headProvider = $inject(HeadProvider);\n\n  /**\n   * Resolve global head configuration (htmlAttributes only).\n   *\n   * Used for early streaming optimization - htmlAttributes can be sent\n   * before page loaders run since they come from global $head only.\n   */\n  public resolveGlobalHead(): Head {\n    return this.headProvider.resolveGlobalHead();\n  }\n\n  /**\n   * Fill head state from route configurations.\n   * Delegates to HeadProvider to merge head data from all route layers.\n   */\n  public fillHead(state: { head: SimpleHead; layers: Array<any> }): void {\n    this.headProvider.fillHead(state as any);\n  }\n}\n","import { Alepha } from \"alepha\";\nimport { useInject } from \"alepha/react\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport type { Head } from \"../interfaces/Head.ts\";\nimport { BrowserHeadProvider } from \"../providers/BrowserHeadProvider.ts\";\n\n/**\n * ```tsx\n * const App = () => {\n *   const [head, setHead] = useHead({\n *     // will set the document title on the first render\n *     title: \"My App\",\n *   });\n *\n *   return (\n *     // This will update the document title when the button is clicked\n *     <button onClick={() => setHead({ title: \"Change Title\" })}>\n *       Change Title {head.title}\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useHead = (options?: UseHeadOptions): UseHeadReturn => {\n  const alepha = useInject(Alepha);\n\n  const current = useMemo(() => {\n    if (!alepha.isBrowser()) {\n      return {};\n    }\n\n    return alepha.inject(BrowserHeadProvider).getHead(window.document);\n  }, []);\n\n  const setHead = useCallback((head?: Head | ((previous?: Head) => Head)) => {\n    if (!alepha.isBrowser()) {\n      return;\n    }\n\n    const headProvider = alepha.inject(BrowserHeadProvider);\n    const resolved =\n      typeof head === \"function\"\n        ? head(headProvider.getHead(window.document))\n        : head || {};\n    headProvider.renderHead(window.document, resolved);\n  }, []);\n\n  useEffect(() => {\n    if (options) {\n      setHead(options);\n    }\n  }, []);\n\n  return [current, setHead];\n};\n\nexport type UseHeadOptions = Head | ((previous?: Head) => Head);\n\nexport type UseHeadReturn = [\n  Head,\n  (head?: Head | ((previous?: Head) => Head)) => void,\n];\n","import { $module } from \"alepha\";\nimport { AlephaReact } from \"alepha/react\";\nimport { SeoExpander } from \"./helpers/SeoExpander.ts\";\nimport { $head } from \"./primitives/$head.ts\";\nimport { BrowserHeadProvider } from \"./providers/BrowserHeadProvider.ts\";\nimport { HeadProvider } from \"./providers/HeadProvider.ts\";\nimport { ServerHeadProvider } from \"./providers/ServerHeadProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport * from \"./helpers/SeoExpander.ts\";\nexport * from \"./hooks/useHead.ts\";\nexport * from \"./interfaces/Head.ts\";\nexport * from \"./primitives/$head.ts\";\nexport * from \"./providers/BrowserHeadProvider.ts\";\nexport * from \"./providers/ServerHeadProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * HTML head element management.\n *\n * **Features:**\n * - Title, meta tags, and links\n * - SEO optimization\n * - Social media tags\n *\n * @module alepha.react.head\n */\nexport const AlephaReactHead = $module({\n  name: \"alepha.react.head\",\n  primitives: [$head],\n  services: [\n    AlephaReact,\n    BrowserHeadProvider,\n    HeadProvider,\n    SeoExpander,\n    ServerHeadProvider,\n  ],\n});\n"],"mappings":"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"}

package/dist/react/i18n/index.d.ts

@@ -1,6 +1,6 @@
 import { Alepha, Async, KIND, Primitive, TypeBoxError } from "alepha";
 import { DateTime, DateTimeProvider } from "alepha/datetime";
-
+import { RouterLocaleProvider } from "alepha/react/router";
 //#region ../../src/react/i18n/components/Localize.d.ts
 interface LocalizeProps {
   value: string | number | Date | DateTime | TypeBoxError;
@@ -62,18 +62,18 @@ interface TranslateProps {
  * <Translate k="cart.items" args={[String(count)]} fallback="Items" />
  * ```
  */
-declare const Translate: (props: TranslateProps) => import("react/jsx-runtime").JSX.Element;
+declare const Translate: (props: TranslateProps) => import("react").JSX.Element;
 /**
  * Terse alias for {@link Translate} — handy in dense JSX such as nav labels.
  */
-declare const Tr: (props: TranslateProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tr: typeof Translate;
 //#endregion
 //#region ../../src/react/i18n/providers/I18nProvider.d.ts
 declare class I18nProvider<S extends object, K extends keyof ServiceDictionary<S>> {
   protected log: import("alepha/logger").Logger;
   protected alepha: Alepha;
   protected dateTimeProvider: DateTimeProvider;
-  protected cookie: import("alepha/server/cookies").AbstractCookiePrimitive<import("typebox").TString>;
+  protected cookie: import("alepha/server/cookies").AbstractCookiePrimitive<import("zod").ZodString>;
   readonly registry: Array<{
     target: string;
     name: string;
@@ -83,7 +83,17 @@ declare class I18nProvider<S extends object, K extends keyof ServiceDictionary<S
   }>;
   options: {
     fallbackLang: string;
+    autoDetect: boolean;
+    routing: "none" | "prefix";
   };
+  /**
+   * Lazily-resolved locale-prefix router integration. Present only when both
+   * the router module is registered AND `routing: "prefix"` was configured —
+   * otherwise i18n stays fully standalone.
+   */
+  protected localeProviderResolved: boolean;
+  protected localeProviderRef?: RouterLocaleProvider;
+  protected get localeProvider(): RouterLocaleProvider | undefined;
   dateFormat: {
     format: (value: Date) => string;
   };
@@ -92,9 +102,41 @@ declare class I18nProvider<S extends object, K extends keyof ServiceDictionary<S
   };
   get languages(): string[];
   constructor();
+  /**
+   * Configure locale-prefix routing on the router, before the SSR routes are
+   * registered (`priority: "first"` runs ahead of the router's own `configure`
+   * hook). No-op unless `routing: "prefix"` and the router module is present.
+   */
+  protected readonly onConfigure: import("alepha").HookPrimitive<"configure">;
   protected readonly onRender: import("alepha").HookPrimitive<"server:onRequest">;
+  /**
+   * Detects the language carried by the request URL when `routing: "prefix"` is
+   * active. Returns the locale for any URL (the prefixed one for `/fr/...`, the
+   * default for an unprefixed path), or `undefined` when prefix routing is off.
+   */
+  protected detectUrlLocale(pathname: string | undefined): string | undefined;
+  /**
+   * Resolves the UI language for an incoming server request.
+   *
+   * Priority:
+   * 0. the URL locale prefix (`routing: "prefix"`) — the URL is the source of
+   *    truth and wins over everything, with no redirect;
+   * 1. the `lang` cookie — a language the user manually selected;
+   * 2. the `Accept-Language` header (when `autoDetect` is enabled) — but only
+   *    when the detected language is actually registered, so we never switch to
+   *    a locale we have no dictionary for. A region-qualified header (`en-US`)
+   *    matches an exact registration first, then its base language (`en`);
+   * 3. `fallbackLang`.
+   */
+  protected resolveRequestLang(cookieLang: string | undefined, headerLang: string | undefined, urlLocale?: string): string;
   protected readonly onStart: import("alepha").HookPrimitive<"start">;
   protected refreshLocale(): void;
+  /**
+   * Activates a language: lazily loads its dictionaries (browser), updates the
+   * lang state, and refreshes the locale-bound formatters. Does NOT persist a
+   * cookie or navigate — that is the caller's concern.
+   */
+  protected applyLang: (lang: string) => Promise<void>;
   setLang: (lang: string) => Promise<void>;
   protected readonly mutate: import("alepha").HookPrimitive<"state:mutate">;
   get fallbackLang(): string;
@@ -191,7 +233,7 @@ declare class DictionaryPrimitive<T extends Record<string, string>> extends Prim
  * Hook to access the i18n service.
  */
 declare const useI18n: <S extends object, K extends keyof ServiceDictionary<S>>() => I18nProvider<S, K>;
-type ServiceDictionary<T extends object> = { [K in keyof T]: T[K] extends DictionaryPrimitive<infer U> ? U : never };
+type ServiceDictionary<T extends object> = { [K in keyof T]: T[K] extends DictionaryPrimitive<infer U> ? U : never; };
 //#endregion
 //#region ../../src/react/i18n/index.d.ts
 declare module "alepha" {

package/dist/react/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/react/i18n/components/Localize.tsx","../../../src/react/i18n/components/Translate.tsx","../../../src/react/i18n/providers/I18nProvider.ts","../../../src/react/i18n/primitives/$dictionary.ts","../../../src/react/i18n/hooks/useI18n.ts","../../../src/react/i18n/index.ts"],"mappings":";;;;UAIiB,aAAA;EACf,KAAA,oBAAyB,IAAA,GAAO,QAAA,GAAW,YAAA;EAD5B;;;;EAMf,MAAA,GAAS,IAAA,CAAK,mBAAA;EAL6B;;;;;;;;;EAe3C,IAAA,wBAA4B,IAAA,CAAK,qBAAA;EAVxB;;;;;EAgBT,QAAA;AAAA;AAAA,cAGI,QAAA,GAAY,KAAoB,EAAb,aAAa;;;UC3BrB,cAAA;;;;EAIf,CAAA;EDF4B;;;ECM5B,IAAA;EDL2C;;;;ECU3C,QAAA;AAAA;;;;;;;;;;;;ADWQ;AACT;;;;AAEqC;;cCOzB,SAAA,GAAa,KAAA,EAAO,cAAc,iCAAA,GAAA,CAAA,OAAA;;AAlC/C;;cA0Ca,EAAA,GAAE,KAAA,EARkB,cAAc,iCAAA,GAAA,CAAA,OAAA;;;cC9BlC,YAAA,mCAEK,iBAAA,CAAkB,CAAA;EAAA,UAExB,GAAA,0BAAG,MAAA;EAAA,UACH,MAAA,EAAM,MAAA;EAAA,UACN,gBAAA,EAAgB,gBAAA;EAAA,UAEhB,MAAA,kCAAM,uBAAA,mBAAA,OAAA;EAAA,SAMA,QAAA,EAAU,KAAA;IACxB,MAAA;IACA,IAAA;IACA,IAAA;IACA,MAAA,QAAc,OAAA,CAAQ,MAAA;IACtB,YAAA,EAAc,MAAA;EAAA;EAGhB,OAAA;;;EAIO,UAAA;IAAc,MAAA,GAAS,KAAA,EAAO,IAAA;EAAA;EAG9B,YAAA;IAAgB,MAAA,GAAS,KAAA;EAAA;EAAA,IAGrB,SAAA;;qBAcQ,QAAA,mBAAQ,aAAA;EAAA,mBAQR,OAAA,mBAAO,aAAA;EAAA,UA6BhB,aAAA;EAOH,OAAA,GAAiB,IAAA,aAAY,OAAA;EAAA,mBAiBjB,MAAA,mBAAM,aAAA;EAAA,IAwBd,YAAA;EAAA,IASA,IAAA;EAIJ,SAAA,GAAa,GAAA,UAAa,IAAA;EAAA,SAoBjB,CAAA,GACd,KAAA,EAAO,gBAAA,EACP,OAAA,GAAS,mBAAA;ED1KI;;;;;;EAAA,SC4OC,EAAA,GACd,GAAA,QAAW,iBAAA,CAAkB,CAAA,EAAG,CAAA,mBAChC,OAAA;IACE,IAAA;IACA,OAAA;EAAA;EAAA,UAUM,MAAA,CAAO,IAAA,UAAc,IAAA;AAAA;AAAA,KASrB,gBAAA,qBAAqC,IAAA,GAAO,QAAA,GAAW,YAAA;AAAA,UAElD,mBAAA;EDnOS;;;;ECwOxB,MAAA,GAAS,IAAA,CAAK,mBAAA;EDhOH;;;;;;;;;EC0OX,IAAA,wBAA4B,IAAA,CAAK,qBAAqB;;;;AAhRxD;;EAsRE,QAAA;AAAA;;;;;AFxRF;;;;;;;;;;;;;;;;;;;;;;AAsBU;AACT;;;;AAEqC;;cGKzB,WAAA;EAAA,WAAyB,MAAA,kBAAsB,OAAA,EACjD,0BAAA,CAA2B,CAAA,IACnC,mBAAA,CAAoB,CAAA;EAAA;;UAMN,0BAAA,WAAqC,MAAA;EACpD,IAAA;EACA,IAAA;EACA,IAAA,QAAY,KAAA;IAAQ,OAAA,EAAS,CAAA;EAAA;AAAA;AAAA,cAKlB,mBAAA,WACD,MAAA,0BACF,SAAA,CAAU,0BAAA,CAA2B,CAAA;EAAA,UACnC,QAAA,EAAQ,YAAA;EAAA,UACR,MAAA;AAAA;;;;;AHlDZ;cIGa,OAAA,qCAEK,iBAAA,CAAkB,CAAA,QAC/B,YAAA,CAAa,CAAA,EAAG,CAAA;AAAA,KAKT,iBAAA,mCACE,CAAA,GAAI,CAAA,CAAE,CAAA,UAAW,mBAAA,YAA+B,CAAA;;;;YCC3C,KAAA;IACf,wBAAwB;EAAA;AAAA;;;;;;;;;;;cAgBf,eAAA,mBAAe,OAAA,kBAAA,MAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/react/i18n/components/Localize.tsx","../../../src/react/i18n/components/Translate.tsx","../../../src/react/i18n/providers/I18nProvider.ts","../../../src/react/i18n/primitives/$dictionary.ts","../../../src/react/i18n/hooks/useI18n.ts","../../../src/react/i18n/index.ts"],"mappings":";;;;UAIiB;EACf,yBAAyB,OAAO,WAAW;;;;;EAK3C,SAAS,KAAK;;;;;;;;;;EAUd,4BAA4B,KAAK;;;;;;EAMjC;;cAGI,WAAQ,OAAW;;;UC3BR;;;;EAIf;;;;EAIA;;;;;EAKA;;;;;;;;;;;;;;;;;;;;cAqBW,YAAS,OAAW,mCAAc,IAAA;;;;cAQlC,WAAE;;;cCnCF,aACX,kBACA,gBAAgB,kBAAkB;YAExB,6BAAG;YACH,QAAM;YACN,kBAAgB;YAEhB,wCAAM,sCAAA;WAMA,UAAU;IACxB;IACA;IACA;IACA,cAAc,QAAQ;IACtB,cAAc;;EAGhB;IACE;IACA;IACA;;;;;;;YA6BQ;YACA,oBAAoB;gBAChB,kBAAkB;EAUzB;IAAc,SAAS,OAAO;;EAG9B;IAAgB,SAAS;;MAGrB;EAUX;;;;;;qBASmB,8BAAW;qBAeX,2BAAQ;;;;;;YAoBjB,gBAAgB;;;;;;;;;;;;;;YAqBhB,mBACR,gCACA,gCACA;qBAsBiB,0BAAO;YAgChB;;;;;;YAYA,YAAS,iBAAsB;EAalC,UAAO,iBAAsB;qBAoBjB,yBAAM;MAsCd;MASA;EAIJ,YAAS,aAAe;WAoBf,IAAC,OACR,kBAAgB,UACd;;;;;;;WAkEK,KAAE,WACL,kBAAkB,GAAG,oBAAkB;IAEhD;IACA;;YAUM,OAAO,cAAc;;KASrB,qCAAqC,OAAO,WAAW;UAElD;;;;;EAKf,SAAS,KAAK;;;;;;;;;;EAUd,4BAA4B,KAAK;;;;;;EAMjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cCzZW;GAAe,UAAU,wBAAsB,SACjD,2BAA2B,KACnC,oBAAoB;;;UAMN,2BAA2B,UAAU;EACpD;EACA;EACA,YAAY;IAAQ,SAAS;;;cAKlB,oBACX,UAAU,gCACF,UAAU,2BAA2B;YACnC,UAAQ;YACR;;;;;;;cC/CC,UACX,kBACA,gBAAgB,kBAAkB,SAC/B,aAAa,GAAG;KAKT,kBAAkB,uBAC3B,WAAW,IAAI,EAAE,WAAW,0BAA0B,KAAK;;;;YCC3C;IACf;;;;;;;;;;;;;cAgBS,kCAAe,yBAAA"}

package/dist/react/i18n/index.js

@@ -1,6 +1,7 @@
-import { $hook, $inject, $module, Alepha, KIND, Primitive, TypeBoxError, TypeProvider, createPrimitive, t } from "alepha";
+import { $hook, $inject, $module, Alepha, KIND, Primitive, TypeBoxError, TypeProvider, createPrimitive, z } from "alepha";
 import { DateTimeProvider } from "alepha/datetime";
 import { $logger } from "alepha/logger";
+import { RouterLocaleProvider } from "alepha/react/router";
 import { $cookie } from "alepha/server/cookies";
 import { useInject, useStore } from "alepha/react";
 import { Fragment, jsx } from "react/jsx-runtime";
@@ -11,11 +12,46 @@ var I18nProvider = class {
 	dateTimeProvider = $inject(DateTimeProvider);
 	cookie = $cookie({
 		name: "lang",
-		schema: t.text(),
+		schema: z.text(),
 		ttl: [1, "year"]
 	});
 	registry = [];
-	options = { fallbackLang: "en" };
+	options = {
+		fallbackLang: "en",
+		/**
+		* When true (the default), the UI language for a first-time visitor (one
+		* with no `lang` cookie) is detected server-side from the `Accept-Language`
+		* header. A manually-selected language (the cookie) always takes
+		* precedence, so this never overrides an explicit user choice. Set to false
+		* to always start in `fallbackLang` regardless of the browser's preferred
+		* language.
+		*/
+		autoDetect: true,
+		/**
+		* URL strategy for languages:
+		* - `"none"` (default): language lives in a cookie; URLs are not localized.
+		* - `"prefix"`: each non-default language gets a path prefix (`/fr/about`),
+		*   making every language a distinct, crawlable URL for SEO. The default
+		*   language (`fallbackLang`) stays unprefixed. Requires the router module.
+		*   The URL becomes the source of truth for language (it wins over the
+		*   cookie / `Accept-Language`), and there is no automatic redirect.
+		*/
+		routing: "none"
+	};
+	/**
+	* Lazily-resolved locale-prefix router integration. Present only when both
+	* the router module is registered AND `routing: "prefix"` was configured —
+	* otherwise i18n stays fully standalone.
+	*/
+	localeProviderResolved = false;
+	localeProviderRef;
+	get localeProvider() {
+		if (!this.localeProviderResolved) {
+			this.localeProviderResolved = true;
+			if (this.alepha.has(RouterLocaleProvider)) this.localeProviderRef = this.alepha.inject(RouterLocaleProvider);
+		}
+		return this.localeProviderRef;
+	}
 	dateFormat = new Intl.DateTimeFormat(this.lang);
 	numberFormat = new Intl.NumberFormat(this.lang);
 	get languages() {
@@ -26,19 +62,69 @@ var I18nProvider = class {
 	constructor() {
 		this.refreshLocale();
 	}
+	/**
+	* Configure locale-prefix routing on the router, before the SSR routes are
+	* registered (`priority: "first"` runs ahead of the router's own `configure`
+	* hook). No-op unless `routing: "prefix"` and the router module is present.
+	*/
+	onConfigure = $hook({
+		on: "configure",
+		priority: "first",
+		handler: () => {
+			const localeProvider = this.localeProvider;
+			if (this.options.routing === "prefix" && localeProvider) localeProvider.configure({
+				enabled: true,
+				defaultLocale: this.fallbackLang,
+				locales: this.languages
+			});
+		}
+	});
 	onRender = $hook({
 		on: "server:onRequest",
 		priority: "last",
 		handler: async ({ request }) => {
-			this.alepha.store.set("alepha.react.i18n.lang", this.cookie.get(request));
+			this.alepha.store.set("alepha.react.i18n.lang", this.resolveRequestLang(this.cookie.get(request), request.language, this.detectUrlLocale(request.url?.pathname)));
 		}
 	});
+	/**
+	* Detects the language carried by the request URL when `routing: "prefix"` is
+	* active. Returns the locale for any URL (the prefixed one for `/fr/...`, the
+	* default for an unprefixed path), or `undefined` when prefix routing is off.
+	*/
+	detectUrlLocale(pathname) {
+		const localeProvider = this.localeProvider;
+		if (localeProvider?.enabled && pathname) return localeProvider.detect(pathname).locale || void 0;
+	}
+	/**
+	* Resolves the UI language for an incoming server request.
+	*
+	* Priority:
+	* 0. the URL locale prefix (`routing: "prefix"`) — the URL is the source of
+	*    truth and wins over everything, with no redirect;
+	* 1. the `lang` cookie — a language the user manually selected;
+	* 2. the `Accept-Language` header (when `autoDetect` is enabled) — but only
+	*    when the detected language is actually registered, so we never switch to
+	*    a locale we have no dictionary for. A region-qualified header (`en-US`)
+	*    matches an exact registration first, then its base language (`en`);
+	* 3. `fallbackLang`.
+	*/
+	resolveRequestLang(cookieLang, headerLang, urlLocale) {
+		if (urlLocale) return urlLocale;
+		if (cookieLang) return cookieLang;
+		if (this.options.autoDetect && headerLang) {
+			const registered = this.languages;
+			for (const candidate of [headerLang, headerLang.split("-")[0]]) if (registered.includes(candidate)) return candidate;
+		}
+		return this.fallbackLang;
+	}
 	onStart = $hook({
 		on: "start",
 		handler: async () => {
 			if (this.alepha.isBrowser()) {
-				const cookieLang = this.cookie.get();
-				if (cookieLang) this.alepha.store.set("alepha.react.i18n.lang", cookieLang);
+				if (!this.localeProvider?.enabled) {
+					const cookieLang = this.cookie.get();
+					if (cookieLang) this.alepha.store.set("alepha.react.i18n.lang", cookieLang);
+				}
 				for (const item of this.registry) if (item.lang === this.lang || item.lang === this.fallbackLang) {
 					this.log.trace("Loading language", {
 						lang: item.lang,
@@ -58,20 +144,38 @@ var I18nProvider = class {
 		this.dateTimeProvider.setLocale(this.lang);
 		TypeProvider.setLocale(this.lang);
 	}
-	setLang = async (lang) => {
+	/**
+	* Activates a language: lazily loads its dictionaries (browser), updates the
+	* lang state, and refreshes the locale-bound formatters. Does NOT persist a
+	* cookie or navigate — that is the caller's concern.
+	*/
+	applyLang = async (lang) => {
 		if (this.alepha.isBrowser()) {
-			for (const item of this.registry) if (lang === item.lang) {
-				if (Object.keys(item.translations).length > 0) continue;
-				item.translations = await item.loader();
-			}
-			this.cookie.set(lang);
+			for (const item of this.registry) if (lang === item.lang && Object.keys(item.translations).length === 0) item.translations = await item.loader();
 		}
 		this.alepha.store.set("alepha.react.i18n.lang", lang);
 		this.refreshLocale();
 	};
+	setLang = async (lang) => {
+		const localeProvider = this.localeProvider;
+		if (localeProvider?.enabled) {
+			const { ReactRouter } = await import("alepha/react/router");
+			const router = this.alepha.inject(ReactRouter);
+			const canonical = localeProvider.detect(router.pathname).pathname;
+			await router.push(localeProvider.withPrefix(canonical, lang));
+			return;
+		}
+		await this.applyLang(lang);
+		if (this.alepha.isBrowser()) this.cookie.set(lang);
+	};
 	mutate = $hook({
 		on: "state:mutate",
 		handler: async ({ key, value }) => {
+			if (key === "alepha.react.router.locale" && this.localeProvider?.enabled) {
+				const lang = value || this.fallbackLang;
+				if (lang !== this.lang) await this.applyLang(lang);
+				return;
+			}
 			if (key === "alepha.react.i18n.lang" && this.alepha.isBrowser()) {
 				let hasChanged = false;
 				for (const item of this.registry) if (value === item.lang) {

package/dist/react/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/react/i18n/providers/I18nProvider.ts","../../../src/react/i18n/primitives/$dictionary.ts","../../../src/react/i18n/hooks/useI18n.ts","../../../src/react/i18n/components/Localize.tsx","../../../src/react/i18n/components/Translate.tsx","../../../src/react/i18n/index.ts"],"sourcesContent":["import { $hook, $inject, Alepha, TypeBoxError, TypeProvider, t } from \"alepha\";\nimport { type DateTime, DateTimeProvider } from \"alepha/datetime\";\nimport { $logger } from \"alepha/logger\";\nimport { $cookie } from \"alepha/server/cookies\";\nimport type { ServiceDictionary } from \"../hooks/useI18n.ts\";\n\nexport class I18nProvider<\n  S extends object,\n  K extends keyof ServiceDictionary<S>,\n> {\n  protected log = $logger();\n  protected alepha = $inject(Alepha);\n  protected dateTimeProvider = $inject(DateTimeProvider);\n\n  protected cookie = $cookie({\n    name: \"lang\",\n    schema: t.text(),\n    ttl: [1, \"year\"],\n  });\n\n  public readonly registry: Array<{\n    target: string;\n    name: string;\n    lang: string;\n    loader: () => Promise<Record<string, string>>;\n    translations: Record<string, string>;\n  }> = [];\n\n  options = {\n    fallbackLang: \"en\",\n  };\n\n  public dateFormat: { format: (value: Date) => string } =\n    new Intl.DateTimeFormat(this.lang);\n\n  public numberFormat: { format: (value: number) => string } =\n    new Intl.NumberFormat(this.lang);\n\n  public get languages() {\n    const languages = new Set<string>();\n\n    for (const item of this.registry) {\n      languages.add(item.lang);\n    }\n\n    return Array.from(languages);\n  }\n\n  constructor() {\n    this.refreshLocale();\n  }\n\n  protected readonly onRender = $hook({\n    on: \"server:onRequest\",\n    priority: \"last\",\n    handler: async ({ request }) => {\n      this.alepha.store.set(\"alepha.react.i18n.lang\", this.cookie.get(request));\n    },\n  });\n\n  protected readonly onStart = $hook({\n    on: \"start\",\n    handler: async () => {\n      if (this.alepha.isBrowser()) {\n        // get cookie lang\n        const cookieLang = this.cookie.get();\n        if (cookieLang) {\n          this.alepha.store.set(\"alepha.react.i18n.lang\", cookieLang);\n        }\n\n        for (const item of this.registry) {\n          if (item.lang === this.lang || item.lang === this.fallbackLang) {\n            this.log.trace(\"Loading language\", {\n              lang: item.lang,\n              name: item.name,\n              target: item.target,\n            });\n            item.translations = await item.loader();\n          }\n        }\n        return;\n      }\n\n      for (const item of this.registry) {\n        item.translations = await item.loader();\n      }\n    },\n  });\n\n  protected refreshLocale() {\n    this.numberFormat = new Intl.NumberFormat(this.lang);\n    this.dateFormat = new Intl.DateTimeFormat(this.lang);\n    this.dateTimeProvider.setLocale(this.lang);\n    TypeProvider.setLocale(this.lang);\n  }\n\n  public setLang = async (lang: string) => {\n    if (this.alepha.isBrowser()) {\n      for (const item of this.registry) {\n        if (lang === item.lang) {\n          if (Object.keys(item.translations).length > 0) {\n            continue; // already loaded\n          }\n          item.translations = await item.loader();\n        }\n      }\n      this.cookie.set(lang);\n    }\n\n    this.alepha.store.set(\"alepha.react.i18n.lang\", lang);\n    this.refreshLocale();\n  };\n\n  protected readonly mutate = $hook({\n    on: \"state:mutate\",\n    handler: async ({ key, value }) => {\n      if (key === \"alepha.react.i18n.lang\" && this.alepha.isBrowser()) {\n        let hasChanged = false;\n        for (const item of this.registry) {\n          if (value === item.lang) {\n            if (Object.keys(item.translations).length > 0) {\n              continue; // already loaded\n            }\n            item.translations = await item.loader();\n            hasChanged = true;\n          }\n        }\n\n        this.refreshLocale();\n\n        if (hasChanged) {\n          this.alepha.store.set(\"alepha.react.i18n.lang\", value);\n        }\n      }\n    },\n  });\n\n  public get fallbackLang(): string {\n    const configured = this.options.fallbackLang;\n    const hasDict = this.registry.some((item) => item.lang === configured);\n    if (hasDict) {\n      return configured;\n    }\n    return this.registry[0]?.lang ?? configured;\n  }\n\n  public get lang(): string {\n    return this.alepha.store.get(\"alepha.react.i18n.lang\") || this.fallbackLang;\n  }\n\n  public translate = (key: string, args: string[] = []) => {\n    for (const item of this.registry) {\n      if (item.lang === this.lang) {\n        if (item.translations[key]) {\n          return this.render(item.translations[key], args); // append lang for fallback\n        }\n      }\n    }\n\n    for (const item of this.registry) {\n      if (item.lang === this.fallbackLang) {\n        if (item.translations[key]) {\n          return this.render(item.translations[key], args); // append lang for fallback\n        }\n      }\n    }\n\n    return key; // fallback to the key itself if not found\n  };\n\n  public readonly l = (\n    value: I18nLocalizeType,\n    options: I18nLocalizeOptions = {},\n  ) => {\n    // Handle numbers\n    if (typeof value === \"number\" && !options.date) {\n      return new Intl.NumberFormat(this.lang, options.number).format(value);\n    }\n\n    // Handle dates\n    if (\n      value instanceof Date ||\n      this.dateTimeProvider.isDateTime(value) ||\n      (typeof value === \"string\" && options.date) ||\n      (typeof value === \"number\" && options.date)\n    ) {\n      // convert to DateTime with locale applied\n      let dt = this.dateTimeProvider.of(value);\n\n      // apply timezone if specified\n      if (options.timezone) {\n        dt = dt.tz(options.timezone);\n      }\n\n      // format using dayjs format string\n      if (typeof options.date === \"string\") {\n        if (options.date === \"fromNow\") {\n          return dt.locale(this.lang).fromNow();\n        }\n        return dt.locale(this.lang).format(options.date);\n      }\n\n      // format using Intl.DateTimeFormatOptions\n      if (options.date) {\n        return new Intl.DateTimeFormat(\n          this.lang,\n          options.timezone\n            ? { ...options.date, timeZone: options.timezone }\n            : options.date,\n        ).format(dt.toDate());\n      }\n\n      // default formatting with timezone\n      if (options.timezone) {\n        return new Intl.DateTimeFormat(this.lang, {\n          timeZone: options.timezone,\n        }).format(dt.toDate());\n      }\n\n      // default formatting\n      return new Intl.DateTimeFormat(this.lang).format(dt.toDate());\n    }\n\n    // handle TypeBox errors\n    if (value instanceof TypeBoxError) {\n      return TypeProvider.translateError(value, this.lang);\n    }\n\n    // return string values as-is\n    return value;\n  };\n\n  /**\n   * Look up `key` in the registered dictionaries. The `(string & {})` arm\n   * keeps autocomplete for the typed dictionary keys while allowing shared\n   * library components to pass arbitrary string keys (with a `default`\n   * fallback) without casting to `as never`.\n   */\n  public readonly tr = (\n    key: keyof ServiceDictionary<S>[K] | (string & {}),\n    options: {\n      args?: string[];\n      default?: string;\n    } = {},\n  ) => {\n    const translation = this.translate(key as string, options.args || []);\n    if (translation === (key as string) && options.default) {\n      return options.default;\n    }\n    return translation;\n  };\n\n  protected render(item: string, args: string[]): string {\n    let result = item;\n    for (let i = 0; i < args.length; i++) {\n      result = result.replace(`$${i + 1}`, args[i]);\n    }\n    return result;\n  }\n}\n\nexport type I18nLocalizeType = string | number | Date | DateTime | TypeBoxError;\n\nexport interface I18nLocalizeOptions {\n  /**\n   * Options for number formatting (when value is a number)\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat\n   */\n  number?: Intl.NumberFormatOptions;\n  /**\n   * Options for date formatting (when value is a Date or DateTime)\n   * Can be:\n   * - A dayjs format string (e.g., \"LLL\", \"YYYY-MM-DD\", \"dddd, MMMM D YYYY\")\n   * - \"fromNow\" for relative time (e.g., \"2 hours ago\")\n   * - Intl.DateTimeFormatOptions for native formatting\n   * @see https://day.js.org/docs/en/display/format\n   * @see https://day.js.org/docs/en/display/from-now\n   */\n  date?: string | \"fromNow\" | Intl.DateTimeFormatOptions;\n  /**\n   * Timezone to display dates in (when value is a Date or DateTime)\n   * Uses IANA timezone names (e.g., \"America/New_York\", \"Europe/Paris\", \"Asia/Tokyo\")\n   * @see https://day.js.org/docs/en/timezone/timezone\n   */\n  timezone?: string;\n}\n","import { $inject, type Async, createPrimitive, KIND, Primitive } from \"alepha\";\nimport { I18nProvider } from \"../providers/I18nProvider.ts\";\n\n/**\n * Register a dictionary entry for translations.\n *\n * It allows you to define a set of translations for a specific language.\n * Entry can be lazy-loaded, which is useful for large dictionaries or when translations are not needed immediately.\n *\n * @example\n * ```ts\n * import { $dictionary } from \"alepha/react/i18n\";\n *\n * const Example = () => {\n *   const { tr } = useI18n<App, \"en\">();\n *   return <div>{tr(\"hello\")}</div>; //\n * }\n *\n * class App {\n *\n *   en = $dictionary({\n *     // { default: { hello: \"Hey\" } }\n *     lazy: () => import(\"./translations/en.ts\"),\n *   });\n *\n *   home = $page({\n *     path: \"/\",\n *     component: Example,\n *   })\n * }\n *\n * run(App);\n * ```\n */\nexport const $dictionary = <T extends Record<string, string>>(\n  options: DictionaryPrimitiveOptions<T>,\n): DictionaryPrimitive<T> => {\n  return createPrimitive(DictionaryPrimitive<T>, options);\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface DictionaryPrimitiveOptions<T extends Record<string, string>> {\n  lang?: string;\n  name?: string;\n  lazy: () => Async<{ default: T }>;\n}\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport class DictionaryPrimitive<\n  T extends Record<string, string>,\n> extends Primitive<DictionaryPrimitiveOptions<T>> {\n  protected provider = $inject(I18nProvider);\n  protected onInit() {\n    this.provider.registry.push({\n      target: this.config.service.name,\n      name: this.options.name ?? this.config.propertyKey,\n      lang: this.options.lang ?? this.config.propertyKey,\n      loader: async () => {\n        const mod = await this.options.lazy();\n        return mod.default;\n      },\n      translations: {},\n    });\n  }\n}\n\n$dictionary[KIND] = DictionaryPrimitive;\n","import { useInject, useStore } from \"alepha/react\";\nimport type { DictionaryPrimitive } from \"../primitives/$dictionary.ts\";\nimport { I18nProvider } from \"../providers/I18nProvider.ts\";\n\n/**\n * Hook to access the i18n service.\n */\nexport const useI18n = <\n  S extends object,\n  K extends keyof ServiceDictionary<S>,\n>(): I18nProvider<S, K> => {\n  useStore(\"alepha.react.i18n.lang\");\n  return useInject(I18nProvider<S, K>);\n};\n\nexport type ServiceDictionary<T extends object> = {\n  [K in keyof T]: T[K] extends DictionaryPrimitive<infer U> ? U : never;\n};\n","import type { TypeBoxError } from \"alepha\";\nimport type { DateTime } from \"alepha/datetime\";\nimport { useI18n } from \"../hooks/useI18n.ts\";\n\nexport interface LocalizeProps {\n  value: string | number | Date | DateTime | TypeBoxError;\n  /**\n   * Options for number formatting (when value is a number)\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat\n   */\n  number?: Intl.NumberFormatOptions;\n  /**\n   * Options for date formatting (when value is a Date or DateTime)\n   * Can be:\n   * - A dayjs format string (e.g., \"LLL\", \"YYYY-MM-DD\", \"dddd, MMMM D YYYY\")\n   * - \"fromNow\" for relative time (e.g., \"2 hours ago\")\n   * - Intl.DateTimeFormatOptions for native formatting\n   * @see https://day.js.org/docs/en/display/format\n   * @see https://day.js.org/docs/en/display/from-now\n   */\n  date?: string | \"fromNow\" | Intl.DateTimeFormatOptions;\n  /**\n   * Timezone to display dates in (when value is a Date or DateTime)\n   * Uses IANA timezone names (e.g., \"America/New_York\", \"Europe/Paris\", \"Asia/Tokyo\")\n   * @see https://day.js.org/docs/en/timezone/timezone\n   */\n  timezone?: string;\n}\n\nconst Localize = (props: LocalizeProps) => {\n  const i18n = useI18n();\n  return i18n.l(props.value, props);\n};\n\nexport default Localize;\n","import { useI18n } from \"../hooks/useI18n.ts\";\n\nexport interface TranslateProps {\n  /**\n   * Dictionary key to look up — the same key you would pass to `tr(...)`.\n   */\n  k: string;\n  /**\n   * Positional substitutions for `$1`, `$2`, … placeholders in the entry.\n   */\n  args?: string[];\n  /**\n   * Shown when the key is missing from every registered dictionary (otherwise\n   * the raw key is rendered, matching `tr`'s behaviour).\n   */\n  fallback?: string;\n}\n\n/**\n * Renders a translated dictionary entry as a reactive text node.\n *\n * `tr(...)` is a hook, so it can only be called inside a component body. Use\n * `<Translate>` wherever a *node* is expected instead — a prop, a `children`\n * slot, or route metadata such as a nav-shell `label`. Because it subscribes to\n * {@link useI18n} it re-renders on a language switch, unlike a string resolved\n * once at module/initialisation time.\n *\n * Sibling of {@link Localize}: `Localize` formats a value (number, date,\n * error); `Translate` looks up a key.\n *\n * @example\n * ```tsx\n * nav: { label: <Translate k=\"admin.nav.users\" /> }\n * <Translate k=\"cart.items\" args={[String(count)]} fallback=\"Items\" />\n * ```\n */\nexport const Translate = (props: TranslateProps) => {\n  const { tr } = useI18n();\n  return <>{tr(props.k, { args: props.args, default: props.fallback })}</>;\n};\n\n/**\n * Terse alias for {@link Translate} — handy in dense JSX such as nav labels.\n */\nexport const Tr = Translate;\n\nexport default Translate;\n","import { $module } from \"alepha\";\nimport { $dictionary } from \"./primitives/$dictionary.ts\";\nimport { I18nProvider } from \"./providers/I18nProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport type { LocalizeProps } from \"./components/Localize.tsx\";\nexport { default as Localize } from \"./components/Localize.tsx\";\nexport type { TranslateProps } from \"./components/Translate.tsx\";\nexport { default as Translate, Tr } from \"./components/Translate.tsx\";\nexport * from \"./hooks/useI18n.ts\";\nexport * from \"./primitives/$dictionary.ts\";\nexport * from \"./providers/I18nProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\ndeclare module \"alepha\" {\n  export interface State {\n    \"alepha.react.i18n.lang\"?: string;\n  }\n}\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Multi-language support.\n *\n * **Features:**\n * - Translation loading\n * - Locale detection\n * - Pluralization\n *\n * @module alepha.react.i18n\n */\nexport const AlephaReactI18n = $module({\n  name: \"alepha.react.i18n\",\n  primitives: [$dictionary],\n  services: [I18nProvider],\n});\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/react/i18n/providers/I18nProvider.ts","../../../src/react/i18n/primitives/$dictionary.ts","../../../src/react/i18n/hooks/useI18n.ts","../../../src/react/i18n/components/Localize.tsx","../../../src/react/i18n/components/Translate.tsx","../../../src/react/i18n/index.ts"],"sourcesContent":["import { $hook, $inject, Alepha, TypeBoxError, TypeProvider, z } from \"alepha\";\nimport { type DateTime, DateTimeProvider } from \"alepha/datetime\";\nimport { $logger } from \"alepha/logger\";\n// Locale-prefix routing is optional: the router module (one-directional\n// dependency, `i18n → router`) is only consulted when it is also registered.\nimport { RouterLocaleProvider } from \"alepha/react/router\";\nimport { $cookie } from \"alepha/server/cookies\";\nimport type { ServiceDictionary } from \"../hooks/useI18n.ts\";\n\nexport class I18nProvider<\n  S extends object,\n  K extends keyof ServiceDictionary<S>,\n> {\n  protected log = $logger();\n  protected alepha = $inject(Alepha);\n  protected dateTimeProvider = $inject(DateTimeProvider);\n\n  protected cookie = $cookie({\n    name: \"lang\",\n    schema: z.text(),\n    ttl: [1, \"year\"],\n  });\n\n  public readonly registry: Array<{\n    target: string;\n    name: string;\n    lang: string;\n    loader: () => Promise<Record<string, string>>;\n    translations: Record<string, string>;\n  }> = [];\n\n  options: {\n    fallbackLang: string;\n    autoDetect: boolean;\n    routing: \"none\" | \"prefix\";\n  } = {\n    fallbackLang: \"en\",\n    /**\n     * When true (the default), the UI language for a first-time visitor (one\n     * with no `lang` cookie) is detected server-side from the `Accept-Language`\n     * header. A manually-selected language (the cookie) always takes\n     * precedence, so this never overrides an explicit user choice. Set to false\n     * to always start in `fallbackLang` regardless of the browser's preferred\n     * language.\n     */\n    autoDetect: true,\n    /**\n     * URL strategy for languages:\n     * - `\"none\"` (default): language lives in a cookie; URLs are not localized.\n     * - `\"prefix\"`: each non-default language gets a path prefix (`/fr/about`),\n     *   making every language a distinct, crawlable URL for SEO. The default\n     *   language (`fallbackLang`) stays unprefixed. Requires the router module.\n     *   The URL becomes the source of truth for language (it wins over the\n     *   cookie / `Accept-Language`), and there is no automatic redirect.\n     */\n    routing: \"none\",\n  };\n\n  /**\n   * Lazily-resolved locale-prefix router integration. Present only when both\n   * the router module is registered AND `routing: \"prefix\"` was configured —\n   * otherwise i18n stays fully standalone.\n   */\n  protected localeProviderResolved = false;\n  protected localeProviderRef?: RouterLocaleProvider;\n  protected get localeProvider(): RouterLocaleProvider | undefined {\n    if (!this.localeProviderResolved) {\n      this.localeProviderResolved = true;\n      if (this.alepha.has(RouterLocaleProvider)) {\n        this.localeProviderRef = this.alepha.inject(RouterLocaleProvider);\n      }\n    }\n    return this.localeProviderRef;\n  }\n\n  public dateFormat: { format: (value: Date) => string } =\n    new Intl.DateTimeFormat(this.lang);\n\n  public numberFormat: { format: (value: number) => string } =\n    new Intl.NumberFormat(this.lang);\n\n  public get languages() {\n    const languages = new Set<string>();\n\n    for (const item of this.registry) {\n      languages.add(item.lang);\n    }\n\n    return Array.from(languages);\n  }\n\n  constructor() {\n    this.refreshLocale();\n  }\n\n  /**\n   * Configure locale-prefix routing on the router, before the SSR routes are\n   * registered (`priority: \"first\"` runs ahead of the router's own `configure`\n   * hook). No-op unless `routing: \"prefix\"` and the router module is present.\n   */\n  protected readonly onConfigure = $hook({\n    on: \"configure\",\n    priority: \"first\",\n    handler: () => {\n      const localeProvider = this.localeProvider;\n      if (this.options.routing === \"prefix\" && localeProvider) {\n        localeProvider.configure({\n          enabled: true,\n          defaultLocale: this.fallbackLang,\n          locales: this.languages,\n        });\n      }\n    },\n  });\n\n  protected readonly onRender = $hook({\n    on: \"server:onRequest\",\n    priority: \"last\",\n    handler: async ({ request }) => {\n      this.alepha.store.set(\n        \"alepha.react.i18n.lang\",\n        this.resolveRequestLang(\n          this.cookie.get(request),\n          request.language,\n          this.detectUrlLocale(request.url?.pathname),\n        ),\n      );\n    },\n  });\n\n  /**\n   * Detects the language carried by the request URL when `routing: \"prefix\"` is\n   * active. Returns the locale for any URL (the prefixed one for `/fr/...`, the\n   * default for an unprefixed path), or `undefined` when prefix routing is off.\n   */\n  protected detectUrlLocale(pathname: string | undefined): string | undefined {\n    const localeProvider = this.localeProvider;\n    if (localeProvider?.enabled && pathname) {\n      return localeProvider.detect(pathname).locale || undefined;\n    }\n    return undefined;\n  }\n\n  /**\n   * Resolves the UI language for an incoming server request.\n   *\n   * Priority:\n   * 0. the URL locale prefix (`routing: \"prefix\"`) — the URL is the source of\n   *    truth and wins over everything, with no redirect;\n   * 1. the `lang` cookie — a language the user manually selected;\n   * 2. the `Accept-Language` header (when `autoDetect` is enabled) — but only\n   *    when the detected language is actually registered, so we never switch to\n   *    a locale we have no dictionary for. A region-qualified header (`en-US`)\n   *    matches an exact registration first, then its base language (`en`);\n   * 3. `fallbackLang`.\n   */\n  protected resolveRequestLang(\n    cookieLang: string | undefined,\n    headerLang: string | undefined,\n    urlLocale?: string,\n  ): string {\n    if (urlLocale) {\n      return urlLocale;\n    }\n\n    if (cookieLang) {\n      return cookieLang;\n    }\n\n    if (this.options.autoDetect && headerLang) {\n      const registered = this.languages;\n      for (const candidate of [headerLang, headerLang.split(\"-\")[0]]) {\n        if (registered.includes(candidate)) {\n          return candidate;\n        }\n      }\n    }\n\n    return this.fallbackLang;\n  }\n\n  protected readonly onStart = $hook({\n    on: \"start\",\n    handler: async () => {\n      if (this.alepha.isBrowser()) {\n        // In prefix mode the URL (hydrated into the lang state by the server)\n        // is the source of truth, so the cookie must not override it.\n        if (!this.localeProvider?.enabled) {\n          const cookieLang = this.cookie.get();\n          if (cookieLang) {\n            this.alepha.store.set(\"alepha.react.i18n.lang\", cookieLang);\n          }\n        }\n\n        for (const item of this.registry) {\n          if (item.lang === this.lang || item.lang === this.fallbackLang) {\n            this.log.trace(\"Loading language\", {\n              lang: item.lang,\n              name: item.name,\n              target: item.target,\n            });\n            item.translations = await item.loader();\n          }\n        }\n        return;\n      }\n\n      for (const item of this.registry) {\n        item.translations = await item.loader();\n      }\n    },\n  });\n\n  protected refreshLocale() {\n    this.numberFormat = new Intl.NumberFormat(this.lang);\n    this.dateFormat = new Intl.DateTimeFormat(this.lang);\n    this.dateTimeProvider.setLocale(this.lang);\n    TypeProvider.setLocale(this.lang);\n  }\n\n  /**\n   * Activates a language: lazily loads its dictionaries (browser), updates the\n   * lang state, and refreshes the locale-bound formatters. Does NOT persist a\n   * cookie or navigate — that is the caller's concern.\n   */\n  protected applyLang = async (lang: string) => {\n    if (this.alepha.isBrowser()) {\n      for (const item of this.registry) {\n        if (lang === item.lang && Object.keys(item.translations).length === 0) {\n          item.translations = await item.loader();\n        }\n      }\n    }\n\n    this.alepha.store.set(\"alepha.react.i18n.lang\", lang);\n    this.refreshLocale();\n  };\n\n  public setLang = async (lang: string) => {\n    const localeProvider = this.localeProvider;\n    if (localeProvider?.enabled) {\n      // The URL is the source of truth: switching language means navigating to\n      // the same page under the new locale prefix. Dictionaries and formatters\n      // are then activated via the resulting `alepha.react.router.locale`\n      // change (see the `mutate` hook). No cookie is written in prefix mode.\n      const { ReactRouter } = await import(\"alepha/react/router\");\n      const router = this.alepha.inject(ReactRouter);\n      const canonical = localeProvider.detect(router.pathname).pathname;\n      await router.push(localeProvider.withPrefix(canonical, lang));\n      return;\n    }\n\n    await this.applyLang(lang);\n    if (this.alepha.isBrowser()) {\n      this.cookie.set(lang);\n    }\n  };\n\n  protected readonly mutate = $hook({\n    on: \"state:mutate\",\n    handler: async ({ key, value }) => {\n      // Prefix-mode navigation changed the active locale (set by the router) →\n      // activate the matching language (loads dictionaries, refreshes\n      // formatters, and re-renders consumers via the lang state).\n      if (\n        key === \"alepha.react.router.locale\" &&\n        this.localeProvider?.enabled\n      ) {\n        const lang = (value as string) || this.fallbackLang;\n        if (lang !== this.lang) {\n          await this.applyLang(lang);\n        }\n        return;\n      }\n\n      if (key === \"alepha.react.i18n.lang\" && this.alepha.isBrowser()) {\n        let hasChanged = false;\n        for (const item of this.registry) {\n          if (value === item.lang) {\n            if (Object.keys(item.translations).length > 0) {\n              continue; // already loaded\n            }\n            item.translations = await item.loader();\n            hasChanged = true;\n          }\n        }\n\n        this.refreshLocale();\n\n        if (hasChanged) {\n          this.alepha.store.set(\"alepha.react.i18n.lang\", value);\n        }\n      }\n    },\n  });\n\n  public get fallbackLang(): string {\n    const configured = this.options.fallbackLang;\n    const hasDict = this.registry.some((item) => item.lang === configured);\n    if (hasDict) {\n      return configured;\n    }\n    return this.registry[0]?.lang ?? configured;\n  }\n\n  public get lang(): string {\n    return this.alepha.store.get(\"alepha.react.i18n.lang\") || this.fallbackLang;\n  }\n\n  public translate = (key: string, args: string[] = []) => {\n    for (const item of this.registry) {\n      if (item.lang === this.lang) {\n        if (item.translations[key]) {\n          return this.render(item.translations[key], args); // append lang for fallback\n        }\n      }\n    }\n\n    for (const item of this.registry) {\n      if (item.lang === this.fallbackLang) {\n        if (item.translations[key]) {\n          return this.render(item.translations[key], args); // append lang for fallback\n        }\n      }\n    }\n\n    return key; // fallback to the key itself if not found\n  };\n\n  public readonly l = (\n    value: I18nLocalizeType,\n    options: I18nLocalizeOptions = {},\n  ) => {\n    // Handle numbers\n    if (typeof value === \"number\" && !options.date) {\n      return new Intl.NumberFormat(this.lang, options.number).format(value);\n    }\n\n    // Handle dates\n    if (\n      value instanceof Date ||\n      this.dateTimeProvider.isDateTime(value) ||\n      (typeof value === \"string\" && options.date) ||\n      (typeof value === \"number\" && options.date)\n    ) {\n      // convert to DateTime with locale applied\n      let dt = this.dateTimeProvider.of(value);\n\n      // apply timezone if specified\n      if (options.timezone) {\n        dt = dt.tz(options.timezone);\n      }\n\n      // format using dayjs format string\n      if (typeof options.date === \"string\") {\n        if (options.date === \"fromNow\") {\n          return dt.locale(this.lang).fromNow();\n        }\n        return dt.locale(this.lang).format(options.date);\n      }\n\n      // format using Intl.DateTimeFormatOptions\n      if (options.date) {\n        return new Intl.DateTimeFormat(\n          this.lang,\n          options.timezone\n            ? { ...options.date, timeZone: options.timezone }\n            : options.date,\n        ).format(dt.toDate());\n      }\n\n      // default formatting with timezone\n      if (options.timezone) {\n        return new Intl.DateTimeFormat(this.lang, {\n          timeZone: options.timezone,\n        }).format(dt.toDate());\n      }\n\n      // default formatting\n      return new Intl.DateTimeFormat(this.lang).format(dt.toDate());\n    }\n\n    // handle TypeBox errors\n    if (value instanceof TypeBoxError) {\n      return TypeProvider.translateError(value, this.lang);\n    }\n\n    // return string values as-is\n    return value;\n  };\n\n  /**\n   * Look up `key` in the registered dictionaries. The `(string & {})` arm\n   * keeps autocomplete for the typed dictionary keys while allowing shared\n   * library components to pass arbitrary string keys (with a `default`\n   * fallback) without casting to `as never`.\n   */\n  public readonly tr = (\n    key: keyof ServiceDictionary<S>[K] | (string & {}),\n    options: {\n      args?: string[];\n      default?: string;\n    } = {},\n  ) => {\n    const translation = this.translate(key as string, options.args || []);\n    if (translation === (key as string) && options.default) {\n      return options.default;\n    }\n    return translation;\n  };\n\n  protected render(item: string, args: string[]): string {\n    let result = item;\n    for (let i = 0; i < args.length; i++) {\n      result = result.replace(`$${i + 1}`, args[i]);\n    }\n    return result;\n  }\n}\n\nexport type I18nLocalizeType = string | number | Date | DateTime | TypeBoxError;\n\nexport interface I18nLocalizeOptions {\n  /**\n   * Options for number formatting (when value is a number)\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat\n   */\n  number?: Intl.NumberFormatOptions;\n  /**\n   * Options for date formatting (when value is a Date or DateTime)\n   * Can be:\n   * - A dayjs format string (e.g., \"LLL\", \"YYYY-MM-DD\", \"dddd, MMMM D YYYY\")\n   * - \"fromNow\" for relative time (e.g., \"2 hours ago\")\n   * - Intl.DateTimeFormatOptions for native formatting\n   * @see https://day.js.org/docs/en/display/format\n   * @see https://day.js.org/docs/en/display/from-now\n   */\n  date?: string | \"fromNow\" | Intl.DateTimeFormatOptions;\n  /**\n   * Timezone to display dates in (when value is a Date or DateTime)\n   * Uses IANA timezone names (e.g., \"America/New_York\", \"Europe/Paris\", \"Asia/Tokyo\")\n   * @see https://day.js.org/docs/en/timezone/timezone\n   */\n  timezone?: string;\n}\n","import { $inject, type Async, createPrimitive, KIND, Primitive } from \"alepha\";\nimport { I18nProvider } from \"../providers/I18nProvider.ts\";\n\n/**\n * Register a dictionary entry for translations.\n *\n * It allows you to define a set of translations for a specific language.\n * Entry can be lazy-loaded, which is useful for large dictionaries or when translations are not needed immediately.\n *\n * @example\n * ```ts\n * import { $dictionary } from \"alepha/react/i18n\";\n *\n * const Example = () => {\n *   const { tr } = useI18n<App, \"en\">();\n *   return <div>{tr(\"hello\")}</div>; //\n * }\n *\n * class App {\n *\n *   en = $dictionary({\n *     // { default: { hello: \"Hey\" } }\n *     lazy: () => import(\"./translations/en.ts\"),\n *   });\n *\n *   home = $page({\n *     path: \"/\",\n *     component: Example,\n *   })\n * }\n *\n * run(App);\n * ```\n */\nexport const $dictionary = <T extends Record<string, string>>(\n  options: DictionaryPrimitiveOptions<T>,\n): DictionaryPrimitive<T> => {\n  return createPrimitive(DictionaryPrimitive<T>, options);\n};\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport interface DictionaryPrimitiveOptions<T extends Record<string, string>> {\n  lang?: string;\n  name?: string;\n  lazy: () => Async<{ default: T }>;\n}\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport class DictionaryPrimitive<\n  T extends Record<string, string>,\n> extends Primitive<DictionaryPrimitiveOptions<T>> {\n  protected provider = $inject(I18nProvider);\n  protected onInit() {\n    this.provider.registry.push({\n      target: this.config.service.name,\n      name: this.options.name ?? this.config.propertyKey,\n      lang: this.options.lang ?? this.config.propertyKey,\n      loader: async () => {\n        const mod = await this.options.lazy();\n        return mod.default;\n      },\n      translations: {},\n    });\n  }\n}\n\n$dictionary[KIND] = DictionaryPrimitive;\n","import { useInject, useStore } from \"alepha/react\";\nimport type { DictionaryPrimitive } from \"../primitives/$dictionary.ts\";\nimport { I18nProvider } from \"../providers/I18nProvider.ts\";\n\n/**\n * Hook to access the i18n service.\n */\nexport const useI18n = <\n  S extends object,\n  K extends keyof ServiceDictionary<S>,\n>(): I18nProvider<S, K> => {\n  useStore(\"alepha.react.i18n.lang\");\n  return useInject(I18nProvider<S, K>);\n};\n\nexport type ServiceDictionary<T extends object> = {\n  [K in keyof T]: T[K] extends DictionaryPrimitive<infer U> ? U : never;\n};\n","import type { TypeBoxError } from \"alepha\";\nimport type { DateTime } from \"alepha/datetime\";\nimport { useI18n } from \"../hooks/useI18n.ts\";\n\nexport interface LocalizeProps {\n  value: string | number | Date | DateTime | TypeBoxError;\n  /**\n   * Options for number formatting (when value is a number)\n   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat\n   */\n  number?: Intl.NumberFormatOptions;\n  /**\n   * Options for date formatting (when value is a Date or DateTime)\n   * Can be:\n   * - A dayjs format string (e.g., \"LLL\", \"YYYY-MM-DD\", \"dddd, MMMM D YYYY\")\n   * - \"fromNow\" for relative time (e.g., \"2 hours ago\")\n   * - Intl.DateTimeFormatOptions for native formatting\n   * @see https://day.js.org/docs/en/display/format\n   * @see https://day.js.org/docs/en/display/from-now\n   */\n  date?: string | \"fromNow\" | Intl.DateTimeFormatOptions;\n  /**\n   * Timezone to display dates in (when value is a Date or DateTime)\n   * Uses IANA timezone names (e.g., \"America/New_York\", \"Europe/Paris\", \"Asia/Tokyo\")\n   * @see https://day.js.org/docs/en/timezone/timezone\n   */\n  timezone?: string;\n}\n\nconst Localize = (props: LocalizeProps) => {\n  const i18n = useI18n();\n  return i18n.l(props.value, props);\n};\n\nexport default Localize;\n","import { useI18n } from \"../hooks/useI18n.ts\";\n\nexport interface TranslateProps {\n  /**\n   * Dictionary key to look up — the same key you would pass to `tr(...)`.\n   */\n  k: string;\n  /**\n   * Positional substitutions for `$1`, `$2`, … placeholders in the entry.\n   */\n  args?: string[];\n  /**\n   * Shown when the key is missing from every registered dictionary (otherwise\n   * the raw key is rendered, matching `tr`'s behaviour).\n   */\n  fallback?: string;\n}\n\n/**\n * Renders a translated dictionary entry as a reactive text node.\n *\n * `tr(...)` is a hook, so it can only be called inside a component body. Use\n * `<Translate>` wherever a *node* is expected instead — a prop, a `children`\n * slot, or route metadata such as a nav-shell `label`. Because it subscribes to\n * {@link useI18n} it re-renders on a language switch, unlike a string resolved\n * once at module/initialisation time.\n *\n * Sibling of {@link Localize}: `Localize` formats a value (number, date,\n * error); `Translate` looks up a key.\n *\n * @example\n * ```tsx\n * nav: { label: <Translate k=\"admin.nav.users\" /> }\n * <Translate k=\"cart.items\" args={[String(count)]} fallback=\"Items\" />\n * ```\n */\nexport const Translate = (props: TranslateProps) => {\n  const { tr } = useI18n();\n  return <>{tr(props.k, { args: props.args, default: props.fallback })}</>;\n};\n\n/**\n * Terse alias for {@link Translate} — handy in dense JSX such as nav labels.\n */\nexport const Tr = Translate;\n\nexport default Translate;\n","import { $module } from \"alepha\";\nimport { $dictionary } from \"./primitives/$dictionary.ts\";\nimport { I18nProvider } from \"./providers/I18nProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport type { LocalizeProps } from \"./components/Localize.tsx\";\nexport { default as Localize } from \"./components/Localize.tsx\";\nexport type { TranslateProps } from \"./components/Translate.tsx\";\nexport { default as Translate, Tr } from \"./components/Translate.tsx\";\nexport * from \"./hooks/useI18n.ts\";\nexport * from \"./primitives/$dictionary.ts\";\nexport * from \"./providers/I18nProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\ndeclare module \"alepha\" {\n  export interface State {\n    \"alepha.react.i18n.lang\"?: string;\n  }\n}\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Multi-language support.\n *\n * **Features:**\n * - Translation loading\n * - Locale detection\n * - Pluralization\n *\n * @module alepha.react.i18n\n */\nexport const AlephaReactI18n = $module({\n  name: \"alepha.react.i18n\",\n  primitives: [$dictionary],\n  services: [I18nProvider],\n});\n"],"mappings":"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"}

package/dist/react/intro/index.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region ../../src/react/intro/components/GettingStarted.d.ts
 type GettingStartedStep = {
   num: string;
@@ -31,9 +30,7 @@ type GettingStartedProps = {
 /**
  * A welcome component displayed when creating a new Alepha application.
  */
-declare const GettingStarted: ({
-  welcome
-}: GettingStartedProps) => import("react/jsx-runtime").JSX.Element;
+declare const GettingStarted: ({ welcome }: GettingStartedProps) => import("react").JSX.Element;
 //#endregion
 export { GettingStarted, type GettingStartedSlide, type GettingStartedStep };
 //# sourceMappingURL=index.d.ts.map

package/dist/react/intro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/react/intro/components/GettingStarted.tsx"],"mappings":";;;KAMY,kBAAA;EACV,GAAA;EACA,IAAA,EAAM,SAAS;AAAA;AAAA,KAGL,mBAAA;EACV,IAAA;EACA,GAAA;EACA,MAAA;EACA,KAAA,GAAQ,kBAAkB;EAC1B,KAAA;IAAU,KAAA;IAAe,IAAA;EAAA;AAAA;AAAA,KAGf,qBAAA;EACV,OAAA;EACA,UAAU;AAAA;AAAA,KAGA,mBAAA;EATF;;;;;AACqB;EAe7B,OAAA,GAAU,qBAAqB;AAAA;;;AAVrB;cA6CN,cAAA;EAAkB;AAAA,GAAa,mBAAmB,iCAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/react/intro/components/GettingStarted.tsx"],"mappings":";;KAMY;EACV;EACA,MAAM;;KAGI;EACV;EACA;EACA;EACA,QAAQ;EACR;IAAU;IAAe;;;KAGf;EACV;EACA;;KAGU;;;;;;;EAOV,UAAU;;;;;cAmCN,mBAAc,WAAiB,wCAAmB,IAAA"}