@salla.sa/twilight-theme-engine 1.0.136 → 1.0.138

package/dist/tanstack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tanstack/stylesheet.tsx","../src/tanstack/middleware/store-not-found.ts","../src/tanstack/middleware/twilight.ts","../src/tanstack/middleware/earlyHints.ts"],"names":["createMiddleware"],"mappings":"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","file":"tanstack.js","sourcesContent":["import { useState, useSyncExternalStore } from 'react';\nimport { Asset, useRouter, useRouterState, useTags } from '@tanstack/react-router';\nimport { CRITICAL_STYLE_HREF } from '../boot/critical-style';\n\nexport interface ThemeStylesheetProps {\n  /** The full stylesheet's URL (`app.css?url`). */\n  href: string;\n  /**\n   * Inline critical CSS by route id. A page server-rendered as one of these routes paints from it,\n   * and `bootClient` adds `href` once its first screen has painted. Pass the same route ids on the\n   * client with empty strings, so hydration renders the same tags without shipping the CSS twice.\n   */\n  critical?: Readonly<Record<string, string>>;\n}\n\nconst subscribeNothing = () => () => {};\n\n/** The theme's stylesheet: inline critical CSS for the routes that have it, the full sheet otherwise. */\nexport function ThemeStylesheet({ href, critical = {} }: ThemeStylesheetProps) {\n  const routeId = useRouterState({\n    select: (state): string | undefined =>\n      state.matches.find((match) => Object.hasOwn(critical, match.routeId))?.routeId,\n  });\n  // The route the page was server-rendered as: never added or removed on client-side navigations.\n  const [criticalRoute] = useState(routeId);\n  const hydrated = useSyncExternalStore(\n    subscribeNothing,\n    () => true,\n    () => false\n  );\n\n  return (\n    <>\n      {criticalRoute && (\n        // Its own precedence, so it lands before the full sheet; React renders the CSS verbatim.\n        <style href={CRITICAL_STYLE_HREF} precedence=\"critical\">\n          {critical[criticalRoute]}\n        </style>\n      )}\n      {(!criticalRoute || hydrated) && (\n        <link id=\"salla-theme-css\" rel=\"stylesheet\" href={href} precedence=\"default\" />\n      )}\n      {criticalRoute && (\n        <noscript>\n          <link rel=\"stylesheet\" href={href} />\n        </noscript>\n      )}\n    </>\n  );\n}\n\n/** The route's head tags without module preloads: they raced the LCP image, and the entry loads every chunk anyway. */\nexport function ThemeHeadContent() {\n  const tags = useTags();\n  const nonce = useRouter().options.ssr?.nonce;\n  return tags\n    .filter((tag) => !(tag.tag === 'link' && tag.attrs?.rel === 'modulepreload'))\n    .map((tag) => <Asset {...tag} key={`tsr-meta-${JSON.stringify(tag)}`} nonce={nonce} />);\n}\n","/**\n * Which address was not found, as Twig's `checkUsername` (SallaApp/Store) tells them\n * apart: a store the request named (a username, `?storeId=`), or the domain itself.\n */\nexport type StoreNotFoundKind = 'store' | 'domain';\n\n/** Twig's copy (`error::errors.<kind>.not_found_*`). Arabic in every language, as there. */\nconst COPY: Record<StoreNotFoundKind, { title: string; message: string }> = {\n  store: {\n    title: 'المتجر غير موجود!',\n    message: 'نأسف هذا المتجر غير موجود حاليا!.',\n  },\n  domain: {\n    title: 'نطاق المتجر غير موجود!',\n    message: 'نأسف نطاق المتجر المطلوب غير موجود حاليا!.',\n  },\n};\n\n/**\n * The page Twig answers with a 410 when no store has the address it was asked for,\n * with what a visitor sees kept: the same markup and the same stylesheet. Dropped: the\n * feedback form, which Twig renders hidden, and the jQuery and legacy scripts behind\n * it. `iframe-embed` is on `<body>` from the start because Twig's script adds it on\n * every load, and it is what hides the `body--bg` background; the empty `msg-container`\n * keeps the block where Twig's sits. The link goes to merchant sign-up on s.salla.sa;\n * Twig's relative `/register` would reach the theme on any host but salla.sa.\n *\n * One constant document, and only {@link COPY} is ever put into it: nothing from the\n * request reaches this page.\n */\nconst PAGE = `<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n<meta name=\"theme-color\" content=\"#37a495\">\n<meta name=\"author\" content=\"منصة سلة\">\n<meta name=\"robots\" content=\"noindex, follow\">\n<meta name=\"copyright\" content=\"Salla.sa\">\n<title>{title}</title>\n<link rel=\"icon\" type=\"image/png\" href=\"https://cdn.salla.network/images/logo/logo-square.png\">\n<link rel=\"apple-touch-icon-precomposed\" href=\"https://cdn.salla.network/images/logo/logo-square.png\">\n<link rel=\"stylesheet\" href=\"https://cdn.salla.network/fonts/pingarlt.css?v=0.2\">\n<link rel=\"stylesheet\" href=\"https://cdn.assets.salla.network/prod/stores/vendor/salla/errors/css/app.css?id=0d7e71fbf018a0d5c478129a56c7a71f\">\n</head>\n<body class=\"body body--rtl body--bg iframe-embed\">\n<header id=\"header\" class=\"header header--404\"></header>\n<main id=\"main\" class=\"main main--404\">\n<div class=\"container container--wide\">\n<div class=\"e404-container\">\n<div class=\"landing\">\n<h1 class=\"title title--giant title--404\"><img src=\"https://cdn.assets.salla.network/prod/stores/vendor/salla/errors/images/error.svg\" alt=\"\"/> 410</h1>\n<h3>{title}</h3>\n<p>{message}<br> بإمكانك العودة للصفحة لرئيسية أو التسجيل للتمتع بمتجر رائع!</p>\n<a href=\"https://s.salla.sa/register\">سجل متجرك الأن</a>\n</div>\n</div>\n<div class=\"form-group msg-container\"></div>\n</div>\n</main>\n<footer id=\"footer\" class=\"footer\"></footer>\n</body>\n</html>\n`;\n\n/** Twig's 410 page for `kind`. */\nexport function storeNotFoundPage(kind: StoreNotFoundKind): string {\n  const { title, message } = COPY[kind];\n  return PAGE.replaceAll('{title}', title).replace('{message}', message);\n}\n\n/** {@link storeNotFoundPage} as Twig sends it: a 410 that no cache keeps. */\nexport function storeNotFoundResponse(kind: StoreNotFoundKind): Response {\n  return new Response(storeNotFoundPage(kind), {\n    status: 410,\n    headers: {\n      'content-type': 'text/html; charset=UTF-8',\n      'cache-control': 'max-age=0, must-revalidate, no-cache, no-store, private',\n    },\n  });\n}\n","import type { AnyRequestMiddleware } from '@tanstack/react-start';\nimport { createMiddleware } from '@tanstack/react-start';\nimport {\n  extractTokenFromCookies,\n  resolveAddressedStore,\n  resolveRequestScope,\n  resolveRequestVersionId,\n  AUTH_TOKEN_COOKIE_NAME,\n  STORE_BASE_HEADER,\n} from '../../utils/cookies';\nimport { getTwilightContext, runWithTwilightContext } from '../../twilight/context';\nimport type { StoreContext } from '../../api/store';\nimport {\n  MAINTENANCE_EVIDENCE_HEADER,\n  maintenanceEvidence,\n  maintenanceEvidenceHeader,\n} from '../../utils/maintenance';\nimport { requestHostOf } from '../../utils/request-host';\nimport { legacyLocaleRedirectHref } from '../../utils/store-base';\nimport { readNativeAppHeaders } from '../../utils/native-app-headers';\nimport { storeNotFoundResponse } from './store-not-found';\n\n/**\n * A 503 for the maintenance page, so search engines read it as temporary and keep\n * the store indexed. TanStack sets the SSR status from the router alone (200, 404,\n * 500) and ignores `setResponseStatus`, so the status is applied here, on the\n * response the render produced, from the decision `rootBeforeLoad` left in the\n * request context. Only a 200 is rewritten: a redirect or an error keeps its own.\n *\n * `next()` resolves to the middleware context, whose `response` is the render; a\n * bare `Response` is accepted too. The rewrite keeps the body stream, so TanStack\n * treats it as the same response rather than a replacement to cancel.\n */\nexport function withMaintenanceStatus<T>(result: T): T | Response {\n  const response =\n    result instanceof Response\n      ? result\n      : (result as { response?: unknown } | null)?.response instanceof Response\n        ? ((result as { response: Response }).response as Response)\n        : null;\n  if (!response || response.status !== 200 || !getTwilightContext().maintenance) return result;\n  const unavailable = new Response(response.body, {\n    status: 503,\n    statusText: 'Service Unavailable',\n    headers: response.headers,\n  });\n  stampMaintenanceEvidence(unavailable.headers);\n  return result instanceof Response ? unavailable : { ...result, response: unavailable };\n}\n\n/**\n * Says on the 503 which settings answer closed the store, and logs it once.\n *\n * The page is for everyone but the merchant, so it is usually the merchant's own\n * store state; when it is not (503s interleaved with 200s on one store), the\n * answer's trace and cache status are what settle it. The Store's trace goes in\n * `x-trace-id`, which the dispatcher already logs for a 5xx.\n */\nfunction stampMaintenanceEvidence(headers: Headers): void {\n  let settings: StoreContext | undefined;\n  try {\n    settings = getTwilightContext().settings;\n  } catch {\n    return;\n  }\n  const evidence = maintenanceEvidence(settings);\n  if (!Object.keys(evidence).length) return;\n  headers.set(MAINTENANCE_EVIDENCE_HEADER, maintenanceEvidenceHeader(evidence));\n  if (evidence.trace) headers.set('x-trace-id', evidence.trace);\n  console.warn('[twilight] maintenance page', {\n    ...evidence,\n    title: settings?.maintenance_details?.title,\n  });\n}\n\n/**\n * Twig's 410 page in place of the render, once rootBeforeLoad has learned that no store\n * has this request's identifier: there is no store to render, so nothing of it is kept.\n * The page says \"domain\" when the host was the identifier (nothing in the request named\n * a store), as Twig's `checkUsername` does for a host that is not salla.sa.\n *\n * A render that threw is answered the same way. A theme's shell renders even when the\n * root route failed, and one that reads the settings there throws, which h3 would\n * otherwise answer with a bare `{\"status\":500,\"unhandled\":true}`.\n */\nexport function withStoreNotFoundPage<T>(result: T): T | Response {\n  if (!getTwilightContext().storeNotFound) return result;\n  const page = storeNotFoundAnswer();\n  const carried = (result as { response?: unknown } | null)?.response;\n  return carried instanceof Response ? { ...result, response: page } : page;\n}\n\n/** The render's failure, unless {@link withStoreNotFoundPage} has an answer for it. */\nexport function storeNotFoundOrThrow(error: unknown): Response {\n  if (getTwilightContext().storeNotFound) return storeNotFoundAnswer();\n  throw error;\n}\n\n/** A store the request named (`?storeId=`, a path segment, a username), else the host's. */\nfunction storeNotFoundAnswer(): Response {\n  const { storeId, storeBase } = getTwilightContext();\n  return storeNotFoundResponse(storeId || storeBase ? 'store' : 'domain');\n}\n\ninterface TwilightMiddlewareOptions {\n  cookieName?: string;\n}\n\nexport const twilightMiddleware = (options?: TwilightMiddlewareOptions): AnyRequestMiddleware => {\n  const cookieName = options?.cookieName ?? AUTH_TOKEN_COOKIE_NAME;\n\n  return createMiddleware().server(async ({ request, next }) => {\n    const cookieHeader = request.headers.get('Cookie');\n    const authToken = extractTokenFromCookies(cookieHeader, cookieName);\n    // `?scope=` before the cookie: it is how a market is switched (see resolveRequestScope).\n    const scope = resolveRequestScope(request.url, cookieHeader);\n    const requestHost = requestHostOf(request);\n    // Read here and nowhere else: a deployed theme worker has no vars and no\n    // bindings, so the request is the only thing that knows which store it is\n    // serving. Everything downstream reads it off the context rather than\n    // reaching for a build-time constant that is not there in production.\n    //\n    // The host goes in because it decides whether the request is allowed to name\n    // a store at all. On a merchant's own domain it is not: the hostname is the\n    // store, and `?storeId=` there would serve a stranger's shop from a domain\n    // its owner controls.\n    //\n    // On those same hosts the store is also the first segment of the path, the\n    // root of every URL there, and a store named that way takes the cookie's\n    // place: the path is the address the visitor can see.\n    //\n    // On a Salla shared host the dispatcher names the store instead, from the\n    // segment after the locale, and that is where it stays in every URL.\n    const { storeId, storeBase, storeBaseFollowsLocale } = resolveAddressedStore(\n      request.url,\n      cookieHeader,\n      requestHost,\n      request.headers.get(STORE_BASE_HEADER)\n    );\n    // The version is read here for the same reason and behind the same gate. A\n    // theme editor previews a draft version of a merchant's settings before it is\n    // published, and a partner running the theme locally renders against one —\n    // both open the storefront in an iframe and say which version in the URL.\n    const versionId = resolveRequestVersionId(request.url, cookieHeader, requestHost);\n    const nativeAppHeaders = readNativeAppHeaders(request.headers);\n\n    // A shared host's address has no language in it any more: `/dev-x/cart`, not\n    // `/ar/dev-x/cart`. An old link is sent to the new one once, keeping its language as\n    // `?lang=`. Only a page load is redirected; anything else is answered as asked.\n    if (\n      storeBase &&\n      storeBaseFollowsLocale &&\n      (request.method === 'GET' || request.method === 'HEAD')\n    ) {\n      const location = legacyLocaleRedirectHref(request.url, storeBase);\n      if (location) return new Response(null, { status: 302, headers: { Location: location } });\n    }\n\n    const response = await runWithTwilightContext(\n      {\n        authToken,\n        scope,\n        storeId,\n        storeBase,\n        storeBaseFollowsLocale,\n        versionId,\n        requestHost,\n        nativeAppHeaders,\n      },\n      () => {\n        const result = next({ context: { authToken } });\n        const settle = <R>(rendered: R) => withMaintenanceStatus(withStoreNotFoundPage(rendered));\n        // The continuation stays in this request's scope: it was registered inside `run`.\n        return result instanceof Promise\n          ? result.then(settle, storeNotFoundOrThrow)\n          : settle(result);\n      }\n    );\n    // On a shared host the same URL is answered in the language the `s-lang` cookie names, so\n    // a cache in front of the worker must not serve one visitor's page to another.\n    return storeBaseFollowsLocale ? varyOnCookie(response) : response;\n  });\n};\n\n/** A copy of `response` with `Vary: Cookie` added (the original's headers may be immutable). */\nfunction withVaryCookie(response: Response): Response {\n  const headers = new Headers(response.headers);\n  headers.append('Vary', 'Cookie');\n  return new Response(response.body, {\n    status: response.status,\n    statusText: response.statusText,\n    headers,\n  });\n}\n\n/**\n * Adds `Vary: Cookie` to what `next()` produced: its result carries the page's `response`,\n * and a middleware may also pass a bare `Response` through. Anything else is left as it is.\n */\nfunction varyOnCookie<T>(result: T): T {\n  if (result instanceof Response) return withVaryCookie(result) as T;\n  const carried = (result as { response?: unknown } | null)?.response;\n  if (carried instanceof Response) {\n    (result as { response: Response }).response = withVaryCookie(carried);\n  }\n  return result;\n}\n","import type { AnyRequestMiddleware } from '@tanstack/react-start';\nimport { createMiddleware } from '@tanstack/react-start';\nimport { tsrStartManifest } from 'tanstack-start-manifest:v';\nimport { rootHead } from '../../routes/root/head';\n\n/** Known critical assets that should always be preloaded */\nconst CRITICAL_ASSETS = [\n  { rel: 'preconnect', href: 'https://api.salla.dev' },\n  { rel: 'preconnect', href: 'https://cdn.salla.sa' },\n  { rel: 'preconnect', href: 'https://cdn.assets.salla.network', crossOrigin: 'anonymous' },\n  { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossOrigin: 'anonymous' },\n] as const;\n\n/** Extract locale from URL path (e.g., /ar/products → 'ar') */\nfunction extractLocale(url: string): string | undefined {\n  const match = url.match(/^\\/([a-z]{2})(\\/|$)/);\n  return match?.[1];\n}\n\n/** Build Link header value from a link descriptor */\nfunction buildLinkHeader(link: Record<string, unknown>): string | null {\n  const href = link.href as string | undefined;\n  const rel = link.rel as string | undefined;\n  if (!href || !rel) return null;\n\n  // Skip print-media stylesheets (already non-blocking)\n  if (rel === 'stylesheet') {\n    const media = link.media as string | undefined;\n    if (media === 'print') return null;\n    return `<${href}>; rel=preload; as=style`;\n  }\n\n  if (rel === 'preload') {\n    const asType = link.as as string | undefined;\n    if (!asType) return null;\n    const parts = [`<${href}>`, 'rel=preload', `as=${asType}`];\n    if (asType === 'font' || link.crossOrigin) {\n      parts.push('crossorigin');\n    }\n    return parts.join('; ');\n  }\n\n  if (rel === 'modulepreload') {\n    return `<${href}>; rel=modulepreload`;\n  }\n\n  return null;\n}\n\nexport const earlyHintsMiddleware = (): AnyRequestMiddleware => {\n  let cachedManifestPaths: string[] | null = null;\n\n  return createMiddleware().server(async ({ request, next }) => {\n    const response = await next();\n\n    const accept = request.headers.get('Accept') ?? '';\n    if (!accept.includes('text/html') && accept !== '*/*') return response;\n    if (!(response instanceof Response)) return response;\n\n    const linkHeaders: string[] = [];\n\n    // 1. Add critical assets from rootHead (fonts, icons, SDK, etc.)\n    try {\n      const url = new URL(request.url);\n      const locale = extractLocale(url.pathname);\n      if (locale) {\n        const headResult = rootHead({ params: { locale } });\n        const links = (headResult.links as Record<string, unknown>[]) ?? [];\n        for (const link of links) {\n          const header = buildLinkHeader(link);\n          if (header) linkHeaders.push(header);\n        }\n      }\n    } catch (e) {\n      // rootHead failed — log why, then fall back to known critical assets\n      console.warn('[earlyHints] rootHead failed:', e instanceof Error ? e.message : e);\n      for (const asset of CRITICAL_ASSETS) {\n        const co = 'crossOrigin' in asset ? asset.crossOrigin : undefined;\n        linkHeaders.push(`<${asset.href}>; rel=${asset.rel}${co ? '; crossorigin' : ''}`);\n      }\n    }\n\n    // 2. Add CSS from TanStack Start manifest (bundled theme CSS)\n    if (!cachedManifestPaths) {\n      try {\n        const manifest = tsrStartManifest();\n        const rootAssets = manifest.routes['__root__']?.assets ?? [];\n        const seen = new Set<string>();\n        cachedManifestPaths = [];\n        for (const asset of rootAssets) {\n          if (asset.tag === 'link' && asset.attrs?.href?.endsWith('.css')) {\n            if (!seen.has(asset.attrs.href)) {\n              seen.add(asset.attrs.href);\n              cachedManifestPaths.push(asset.attrs.href);\n            }\n          }\n        }\n      } catch (e) {\n        // manifest not available — skip\n        console.warn('[earlyHints] tsrStartManifest failed:', e instanceof Error ? e.message : e);\n      }\n    }\n\n    if (cachedManifestPaths) {\n      for (const href of cachedManifestPaths) {\n        linkHeaders.push(`<${href}>; rel=preload; as=style`);\n      }\n    }\n\n    // Apply Link headers if we have any\n    if (linkHeaders.length === 0) {\n      console.warn('[earlyHints] no critical assets found — no Link headers added');\n      return response;\n    }\n\n    const headers = new Headers(response.headers);\n    for (const linkHeader of linkHeaders) {\n      headers.append('Link', linkHeader);\n    }\n\n    return new Response(response.body, {\n      status: response.status,\n      statusText: response.statusText,\n      headers,\n    });\n  });\n};\n"]}
+{"version":3,"sources":["../src/tanstack/stylesheet.tsx","../src/tanstack/middleware/store-not-found.ts","../src/tanstack/middleware/twilight.ts","../src/tanstack/middleware/earlyHints.ts"],"names":["createMiddleware"],"mappings":"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","file":"tanstack.js","sourcesContent":["import { useState, useSyncExternalStore } from 'react';\nimport { Asset, useRouter, useRouterState, useTags } from '@tanstack/react-router';\nimport { CRITICAL_STYLE_HREF } from '../boot/critical-style';\n\nexport interface ThemeStylesheetProps {\n  /** The full stylesheet's URL (`app.css?url`). */\n  href: string;\n  /**\n   * Inline critical CSS by route id. A page server-rendered as one of these routes paints from it,\n   * and `bootClient` adds `href` once its first screen has painted. Pass the same route ids on the\n   * client with empty strings, so hydration renders the same tags without shipping the CSS twice.\n   */\n  critical?: Readonly<Record<string, string>>;\n}\n\nconst subscribeNothing = () => () => {};\n\n/** The theme's stylesheet: inline critical CSS for the routes that have it, the full sheet otherwise. */\nexport function ThemeStylesheet({ href, critical = {} }: ThemeStylesheetProps) {\n  const routeId = useRouterState({\n    select: (state): string | undefined =>\n      state.matches.find((match) => Object.hasOwn(critical, match.routeId))?.routeId,\n  });\n  // The route the page was server-rendered as: never added or removed on client-side navigations.\n  const [criticalRoute] = useState(routeId);\n  const hydrated = useSyncExternalStore(\n    subscribeNothing,\n    () => true,\n    () => false\n  );\n\n  return (\n    <>\n      {criticalRoute && (\n        // Its own precedence, so it lands before the full sheet; React renders the CSS verbatim.\n        <style href={CRITICAL_STYLE_HREF} precedence=\"critical\">\n          {critical[criticalRoute]}\n        </style>\n      )}\n      {(!criticalRoute || hydrated) && (\n        <link id=\"salla-theme-css\" rel=\"stylesheet\" href={href} precedence=\"default\" />\n      )}\n      {criticalRoute && (\n        <noscript>\n          <link rel=\"stylesheet\" href={href} />\n        </noscript>\n      )}\n    </>\n  );\n}\n\n/** The route's head tags without module preloads: they raced the LCP image, and the entry loads every chunk anyway. */\nexport function ThemeHeadContent() {\n  const tags = useTags();\n  const nonce = useRouter().options.ssr?.nonce;\n  return tags\n    .filter((tag) => !(tag.tag === 'link' && tag.attrs?.rel === 'modulepreload'))\n    .map((tag) => <Asset {...tag} key={`tsr-meta-${JSON.stringify(tag)}`} nonce={nonce} />);\n}\n","/**\n * Which address was not found, as Twig's `checkUsername` (SallaApp/Store) tells them\n * apart: a store the request named (a username, `?storeId=`), or the domain itself.\n */\nexport type StoreNotFoundKind = 'store' | 'domain';\n\n/** Twig's copy (`error::errors.<kind>.not_found_*`). Arabic in every language, as there. */\nconst COPY: Record<StoreNotFoundKind, { title: string; message: string }> = {\n  store: {\n    title: 'المتجر غير موجود!',\n    message: 'نأسف هذا المتجر غير موجود حاليا!.',\n  },\n  domain: {\n    title: 'نطاق المتجر غير موجود!',\n    message: 'نأسف نطاق المتجر المطلوب غير موجود حاليا!.',\n  },\n};\n\n/**\n * The page Twig answers with a 410 when no store has the address it was asked for,\n * with what a visitor sees kept: the same markup and the same stylesheet. Dropped: the\n * feedback form, which Twig renders hidden, and the jQuery and legacy scripts behind\n * it. `iframe-embed` is on `<body>` from the start because Twig's script adds it on\n * every load, and it is what hides the `body--bg` background; the empty `msg-container`\n * keeps the block where Twig's sits. The link goes to merchant sign-up on s.salla.sa;\n * Twig's relative `/register` would reach the theme on any host but salla.sa.\n *\n * One constant document, and only {@link COPY} is ever put into it: nothing from the\n * request reaches this page.\n */\nconst PAGE = `<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n<meta name=\"theme-color\" content=\"#37a495\">\n<meta name=\"author\" content=\"منصة سلة\">\n<meta name=\"robots\" content=\"noindex, follow\">\n<meta name=\"copyright\" content=\"Salla.sa\">\n<title>{title}</title>\n<link rel=\"icon\" type=\"image/png\" href=\"https://cdn.salla.network/images/logo/logo-square.png\">\n<link rel=\"apple-touch-icon-precomposed\" href=\"https://cdn.salla.network/images/logo/logo-square.png\">\n<link rel=\"stylesheet\" href=\"https://cdn.salla.network/fonts/pingarlt.css?v=0.2\">\n<link rel=\"stylesheet\" href=\"https://cdn.assets.salla.network/prod/stores/vendor/salla/errors/css/app.css?id=0d7e71fbf018a0d5c478129a56c7a71f\">\n</head>\n<body class=\"body body--rtl body--bg iframe-embed\">\n<header id=\"header\" class=\"header header--404\"></header>\n<main id=\"main\" class=\"main main--404\">\n<div class=\"container container--wide\">\n<div class=\"e404-container\">\n<div class=\"landing\">\n<h1 class=\"title title--giant title--404\"><img src=\"https://cdn.assets.salla.network/prod/stores/vendor/salla/errors/images/error.svg\" alt=\"\"/> 410</h1>\n<h3>{title}</h3>\n<p>{message}<br> بإمكانك العودة للصفحة لرئيسية أو التسجيل للتمتع بمتجر رائع!</p>\n<a href=\"https://s.salla.sa/register\">سجل متجرك الأن</a>\n</div>\n</div>\n<div class=\"form-group msg-container\"></div>\n</div>\n</main>\n<footer id=\"footer\" class=\"footer\"></footer>\n</body>\n</html>\n`;\n\n/** Twig's 410 page for `kind`. */\nexport function storeNotFoundPage(kind: StoreNotFoundKind): string {\n  const { title, message } = COPY[kind];\n  return PAGE.replaceAll('{title}', title).replace('{message}', message);\n}\n\n/** {@link storeNotFoundPage} as Twig sends it: a 410 that no cache keeps. */\nexport function storeNotFoundResponse(kind: StoreNotFoundKind): Response {\n  return new Response(storeNotFoundPage(kind), {\n    status: 410,\n    headers: {\n      'content-type': 'text/html; charset=UTF-8',\n      'cache-control': 'max-age=0, must-revalidate, no-cache, no-store, private',\n    },\n  });\n}\n","import type { AnyRequestMiddleware } from '@tanstack/react-start';\nimport { createMiddleware } from '@tanstack/react-start';\nimport {\n  extractTokenFromCookies,\n  resolveAddressedStore,\n  resolveRequestScope,\n  resolveRequestVersionId,\n  AUTH_TOKEN_COOKIE_NAME,\n  STORE_BASE_HEADER,\n} from '../../utils/cookies';\nimport { getTwilightContext, runWithTwilightContext } from '../../twilight/context';\nimport type { StoreContext } from '../../api/store';\nimport {\n  MAINTENANCE_EVIDENCE_HEADER,\n  maintenanceEvidence,\n  maintenanceEvidenceHeader,\n} from '../../utils/maintenance';\nimport { requestHostOf } from '../../utils/request-host';\nimport { legacyLocaleRedirectHref } from '../../utils/store-base';\nimport { readNativeAppHeaders } from '../../utils/native-app-headers';\nimport { storeNotFoundResponse } from './store-not-found';\n\n/**\n * A 503 for the maintenance page, so search engines read it as temporary and keep\n * the store indexed. TanStack sets the SSR status from the router alone (200, 404,\n * 500) and ignores `setResponseStatus`, so the status is applied here, on the\n * response the render produced, from the decision `rootBeforeLoad` left in the\n * request context. Only a 200 is rewritten: a redirect or an error keeps its own.\n *\n * `next()` resolves to the middleware context, whose `response` is the render; a\n * bare `Response` is accepted too. The rewrite keeps the body stream, so TanStack\n * treats it as the same response rather than a replacement to cancel.\n */\nexport function withMaintenanceStatus<T>(result: T): T | Response {\n  const response =\n    result instanceof Response\n      ? result\n      : (result as { response?: unknown } | null)?.response instanceof Response\n        ? ((result as { response: Response }).response as Response)\n        : null;\n  if (!response || response.status !== 200 || !getTwilightContext().maintenance) return result;\n  const unavailable = new Response(response.body, {\n    status: 503,\n    statusText: 'Service Unavailable',\n    headers: response.headers,\n  });\n  stampMaintenanceEvidence(unavailable.headers);\n  return result instanceof Response ? unavailable : { ...result, response: unavailable };\n}\n\n/**\n * Says on the 503 which settings answer closed the store, and logs it once.\n *\n * The page is for everyone but the merchant, so it is usually the merchant's own\n * store state; when it is not (503s interleaved with 200s on one store), the\n * answer's trace and cache status are what settle it. The Store's trace goes in\n * `x-trace-id`, which the dispatcher already logs for a 5xx.\n */\nfunction stampMaintenanceEvidence(headers: Headers): void {\n  let settings: StoreContext | undefined;\n  try {\n    settings = getTwilightContext().settings;\n  } catch {\n    return;\n  }\n  const evidence = maintenanceEvidence(settings);\n  if (!Object.keys(evidence).length) return;\n  headers.set(MAINTENANCE_EVIDENCE_HEADER, maintenanceEvidenceHeader(evidence));\n  if (evidence.trace) headers.set('x-trace-id', evidence.trace);\n  console.warn('[twilight] maintenance page', {\n    ...evidence,\n    title: settings?.maintenance_details?.title,\n  });\n}\n\n/**\n * Twig's 410 page in place of the render, once rootBeforeLoad has learned that no store\n * has this request's identifier: there is no store to render, so nothing of it is kept.\n * The page says \"domain\" when the host was the identifier (nothing in the request named\n * a store), as Twig's `checkUsername` does for a host that is not salla.sa.\n *\n * A render that threw is answered the same way. A theme's shell renders even when the\n * root route failed, and one that reads the settings there throws, which h3 would\n * otherwise answer with a bare `{\"status\":500,\"unhandled\":true}`.\n */\nexport function withStoreNotFoundPage<T>(result: T): T | Response {\n  if (!getTwilightContext().storeNotFound) return result;\n  const page = storeNotFoundAnswer();\n  const carried = (result as { response?: unknown } | null)?.response;\n  return carried instanceof Response ? { ...result, response: page } : page;\n}\n\n/** The render's failure, unless {@link withStoreNotFoundPage} has an answer for it. */\nexport function storeNotFoundOrThrow(error: unknown): Response {\n  if (getTwilightContext().storeNotFound) return storeNotFoundAnswer();\n  throw error;\n}\n\n/** A store the request named (`?storeId=`, a path segment, a username), else the host's. */\nfunction storeNotFoundAnswer(): Response {\n  const { storeId, storeBase } = getTwilightContext();\n  return storeNotFoundResponse(storeId || storeBase ? 'store' : 'domain');\n}\n\ninterface TwilightMiddlewareOptions {\n  cookieName?: string;\n}\n\nexport const twilightMiddleware = (options?: TwilightMiddlewareOptions): AnyRequestMiddleware => {\n  const cookieName = options?.cookieName ?? AUTH_TOKEN_COOKIE_NAME;\n\n  return createMiddleware().server(async ({ request, next }) => {\n    const cookieHeader = request.headers.get('Cookie');\n    const authToken = extractTokenFromCookies(cookieHeader, cookieName);\n    // `?scope=` before the cookie: it is how a market is switched (see resolveRequestScope).\n    const scope = resolveRequestScope(request.url, cookieHeader);\n    const requestHost = requestHostOf(request);\n    // Read here and nowhere else: a deployed theme worker has no vars and no\n    // bindings, so the request is the only thing that knows which store it is\n    // serving. Everything downstream reads it off the context rather than\n    // reaching for a build-time constant that is not there in production.\n    //\n    // The host goes in because it decides whether the request is allowed to name\n    // a store at all. On a merchant's own domain it is not: the hostname is the\n    // store, and `?storeId=` there would serve a stranger's shop from a domain\n    // its owner controls.\n    //\n    // On those same hosts the store is also the first segment of the path, the\n    // root of every URL there, and a store named that way takes the cookie's\n    // place: the path is the address the visitor can see.\n    //\n    // On a Salla shared host the dispatcher names the store instead, from the\n    // segment after the locale, and that is where it stays in every URL.\n    const { storeId, storeBase, storeBaseFollowsLocale } = resolveAddressedStore(\n      request.url,\n      cookieHeader,\n      requestHost,\n      request.headers.get(STORE_BASE_HEADER)\n    );\n    // The version is read here for the same reason and behind the same gate. A\n    // theme editor previews a draft version of a merchant's settings before it is\n    // published, and a partner running the theme locally renders against one —\n    // both open the storefront in an iframe and say which version in the URL.\n    const versionId = resolveRequestVersionId(request.url, cookieHeader, requestHost);\n    const nativeAppHeaders = readNativeAppHeaders(request.headers);\n\n    // A shared host's address has no language in it any more: `/dev-x/cart`, not\n    // `/ar/dev-x/cart`. An old link is sent to the new one once, keeping its language as\n    // `?lang=`. Only a page load is redirected; anything else is answered as asked.\n    if (\n      storeBase &&\n      storeBaseFollowsLocale &&\n      (request.method === 'GET' || request.method === 'HEAD')\n    ) {\n      const location = legacyLocaleRedirectHref(request.url, storeBase);\n      if (location) return new Response(null, { status: 302, headers: { Location: location } });\n    }\n\n    const response = await runWithTwilightContext(\n      {\n        authToken,\n        scope,\n        storeId,\n        storeBase,\n        storeBaseFollowsLocale,\n        versionId,\n        requestHost,\n        nativeAppHeaders,\n      },\n      () => {\n        const result = next({ context: { authToken } });\n        const settle = <R>(rendered: R) => withMaintenanceStatus(withStoreNotFoundPage(rendered));\n        // The continuation stays in this request's scope: it was registered inside `run`.\n        return result instanceof Promise\n          ? result.then(settle, storeNotFoundOrThrow)\n          : settle(result);\n      }\n    );\n    // On a shared host the same URL is answered in the language the `s-lang` cookie names, so\n    // a cache in front of the worker must not serve one visitor's page to another.\n    return storeBaseFollowsLocale ? varyOnCookie(response) : response;\n  });\n};\n\n/** A copy of `response` with `Vary: Cookie` added (the original's headers may be immutable). */\nfunction withVaryCookie(response: Response): Response {\n  const headers = new Headers(response.headers);\n  headers.append('Vary', 'Cookie');\n  return new Response(response.body, {\n    status: response.status,\n    statusText: response.statusText,\n    headers,\n  });\n}\n\n/**\n * Adds `Vary: Cookie` to what `next()` produced: its result carries the page's `response`,\n * and a middleware may also pass a bare `Response` through. Anything else is left as it is.\n */\nfunction varyOnCookie<T>(result: T): T {\n  if (result instanceof Response) return withVaryCookie(result) as T;\n  const carried = (result as { response?: unknown } | null)?.response;\n  if (carried instanceof Response) {\n    (result as { response: Response }).response = withVaryCookie(carried);\n  }\n  return result;\n}\n","import type { AnyRequestMiddleware } from '@tanstack/react-start';\nimport { createMiddleware } from '@tanstack/react-start';\nimport { tsrStartManifest } from 'tanstack-start-manifest:v';\nimport { rootHead } from '../../routes/root/head';\n\n/** Known critical assets that should always be preloaded */\nconst CRITICAL_ASSETS = [\n  { rel: 'preconnect', href: 'https://api.salla.dev' },\n  { rel: 'preconnect', href: 'https://cdn.salla.sa' },\n  { rel: 'preconnect', href: 'https://cdn.assets.salla.network', crossOrigin: 'anonymous' },\n  { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossOrigin: 'anonymous' },\n] as const;\n\n/** Extract locale from URL path (e.g., /ar/products → 'ar') */\nfunction extractLocale(url: string): string | undefined {\n  const match = url.match(/^\\/([a-z]{2})(\\/|$)/);\n  return match?.[1];\n}\n\n/** Build Link header value from a link descriptor */\nfunction buildLinkHeader(link: Record<string, unknown>): string | null {\n  const href = link.href as string | undefined;\n  const rel = link.rel as string | undefined;\n  if (!href || !rel) return null;\n\n  // Skip print-media stylesheets (already non-blocking)\n  if (rel === 'stylesheet') {\n    const media = link.media as string | undefined;\n    if (media === 'print') return null;\n    return `<${href}>; rel=preload; as=style`;\n  }\n\n  if (rel === 'preload') {\n    const asType = link.as as string | undefined;\n    if (!asType) return null;\n    const parts = [`<${href}>`, 'rel=preload', `as=${asType}`];\n    if (asType === 'font' || link.crossOrigin) {\n      parts.push('crossorigin');\n    }\n    return parts.join('; ');\n  }\n\n  if (rel === 'modulepreload') {\n    return `<${href}>; rel=modulepreload`;\n  }\n\n  return null;\n}\n\nexport const earlyHintsMiddleware = (): AnyRequestMiddleware => {\n  let cachedManifestPaths: string[] | null = null;\n\n  return createMiddleware().server(async ({ request, next }) => {\n    const response = await next();\n\n    const accept = request.headers.get('Accept') ?? '';\n    if (!accept.includes('text/html') && accept !== '*/*') return response;\n    if (!(response instanceof Response)) return response;\n\n    const linkHeaders: string[] = [];\n\n    // 1. Add critical assets from rootHead (fonts, icons, SDK, etc.)\n    try {\n      const url = new URL(request.url);\n      const locale = extractLocale(url.pathname);\n      if (locale) {\n        const headResult = rootHead({ params: { locale } });\n        const links = (headResult.links as Record<string, unknown>[]) ?? [];\n        for (const link of links) {\n          const header = buildLinkHeader(link);\n          if (header) linkHeaders.push(header);\n        }\n      }\n    } catch (e) {\n      // rootHead failed — log why, then fall back to known critical assets\n      console.warn('[earlyHints] rootHead failed:', e instanceof Error ? e.message : e);\n      for (const asset of CRITICAL_ASSETS) {\n        const co = 'crossOrigin' in asset ? asset.crossOrigin : undefined;\n        linkHeaders.push(`<${asset.href}>; rel=${asset.rel}${co ? '; crossorigin' : ''}`);\n      }\n    }\n\n    // 2. Add CSS from TanStack Start manifest (bundled theme CSS)\n    if (!cachedManifestPaths) {\n      try {\n        const manifest = tsrStartManifest();\n        const rootAssets = manifest.routes['__root__']?.assets ?? [];\n        const seen = new Set<string>();\n        cachedManifestPaths = [];\n        for (const asset of rootAssets) {\n          if (asset.tag === 'link' && asset.attrs?.href?.endsWith('.css')) {\n            if (!seen.has(asset.attrs.href)) {\n              seen.add(asset.attrs.href);\n              cachedManifestPaths.push(asset.attrs.href);\n            }\n          }\n        }\n      } catch (e) {\n        // manifest not available — skip\n        console.warn('[earlyHints] tsrStartManifest failed:', e instanceof Error ? e.message : e);\n      }\n    }\n\n    if (cachedManifestPaths) {\n      for (const href of cachedManifestPaths) {\n        linkHeaders.push(`<${href}>; rel=preload; as=style`);\n      }\n    }\n\n    // Apply Link headers if we have any\n    if (linkHeaders.length === 0) {\n      console.warn('[earlyHints] no critical assets found — no Link headers added');\n      return response;\n    }\n\n    const headers = new Headers(response.headers);\n    for (const linkHeader of linkHeaders) {\n      headers.append('Link', linkHeader);\n    }\n\n    return new Response(response.body, {\n      status: response.status,\n      statusText: response.statusText,\n      headers,\n    });\n  });\n};\n"]}

package/dist/utils/index.js

@@ -1,6 +1,6 @@
 export { stripUnsafeHtml } from '../chunk-RUHSV4Z6.js';
 export { formatSallaPlural } from '../chunk-BT6HEEAP.js';
-export { dispatchRouteChanged } from '../chunk-BFPTMZ4G.js';
+export { dispatchRouteChanged } from '../chunk-6KZUGNCS.js';
 export { sortOptions } from '../chunk-3LZJXKVO.js';
 export { color } from '../chunk-VVZNW5CB.js';
 export { applyAppScopeMocks, registerThemeHookSlots } from '../chunk-WQPG22DY.js';
@@ -8,7 +8,7 @@ export { mergeHead, resolveHead, setHeadAdapter } from '../chunk-GD26FI4J.js';
 export { buildBaseHead, buildHreflangAlternates, localeToOgLocale } from '../chunk-RYGEIQWO.js';
 export { asset, cdn, isPlaceholder } from '../chunk-ZCH7W7DZ.js';
 export { mergeDocumentDescriptors, mergeElementAttrs, normalizeClasses, syncAttrsToElement, toReactProps } from '../chunk-CW625T2E.js';
-import '../chunk-RYAOXNRA.js';
+import '../chunk-5MNGLNIJ.js';
 import '../chunk-Z5M4YYWT.js';
 export { getSallaSDK, getStoreIdentifier, onSallaEvent, whenSallaLoaded, whenSallaReady } from '../chunk-NHA4SBKG.js';
 export { AUTH_TOKEN_COOKIE_NAME, clearAuthTokenCookie, extractTokenFromCookies } from '../chunk-FXVII733.js';

package/dist/utils/lazy-component.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentType } from 'react';
+/** A component that loads its module on first render, like `React.lazy`, and can load it ahead. */
+export type LazyComponent<T extends ComponentType<any>> = T & {
+    /** Loads the module; the same promise on every call. */
+    preload: () => Promise<void>;
+};
+/**
+ * `React.lazy` with a `preload`. A `React.lazy` suspends the first time it renders in a
+ * server isolate even when its module is in the worker bundle: its import settles a tick
+ * later. Every suspended boundary then streams after the shell and the router's data,
+ * which put the home page's blocks, and their LCP image preload, at the end of the
+ * document whenever an isolate was fresh. This one renders its component directly once
+ * the module has loaded, and `preloadServerComponents` loads them all before the first
+ * render. Mounted before then, it is a plain `React.lazy`.
+ */
+export declare function lazyComponent<T extends ComponentType<any>>(load: () => Promise<{
+    default: T;
+}>): LazyComponent<T>;
+/**
+ * Loads every lazy component on the server so none suspends while the page renders. Each
+ * module loads once per isolate; later calls also pick up components defined since, such
+ * as a route chunk's. Resolves at once in the browser, where they load on demand. A module
+ * that fails to load is left to fail where it renders, as before.
+ */
+export declare function preloadServerComponents(): Promise<void>;
+//# sourceMappingURL=lazy-component.d.ts.map

package/dist/utils/lazy-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-component.d.ts","sourceRoot":"","sources":["../../src/utils/lazy-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsD,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE/F,mGAAmG;AAEnG,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG;IAC5D,wDAAwD;IACxD,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAKF;;;;;;;;GAQG;AAEH,wBAAgB,aAAa,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACxD,IAAI,EAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC,GAClC,aAAa,CAAC,CAAC,CAAC,CAmBlB;AAED;;;;;GAKG;AACH,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,IAAI,CAAC,CAG7D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-theme-engine",
-  "version": "1.0.136",
+  "version": "1.0.138",
   "publishConfig": {
     "access": "public"
   },

package/tailwind/components/cart/lazy.ts.txt

@@ -1,15 +1,17 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /**
  * Lazy-loaded cart components
  * Use these for code-splitting cart sections
  */
-export const LazyCartItem = lazy(() => import('./CartItem').then((m) => ({ default: m.CartItem })));
+export const LazyCartItem = lazyComponent(() =>
+  import('./CartItem').then((m) => ({ default: m.CartItem }))
+);
 
-export const LazyCartSummary = lazy(() =>
+export const LazyCartSummary = lazyComponent(() =>
   import('./CartSummary').then((m) => ({ default: m.CartSummary }))
 );
 
-export const LazySeoCartWidget = lazy(() =>
+export const LazySeoCartWidget = lazyComponent(() =>
   import('./SeoCartWidget').then((m) => ({ default: m.SeoCartWidget }))
 );

package/tailwind/components/common/lazy.ts.txt

@@ -1,4 +1,4 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /**
  * Lazy-loaded common components
@@ -7,22 +7,22 @@ import { lazy } from 'react';
  * NOTE: Skeleton components are sourced from @salla.sa/twilight-components-react
  * because they must render instantly during route transitions.
  */
-export const LazyBreadcrumb = lazy(() =>
+export const LazyBreadcrumb = lazyComponent(() =>
   import('./Breadcrumb').then((m) => ({ default: m.Breadcrumb }))
 );
 
-export const LazyNoContent = lazy(() =>
+export const LazyNoContent = lazyComponent(() =>
   import('./NoContent').then((m) => ({ default: m.NoContent }))
 );
 
-export const LazyRenderWhenVisible = lazy(() =>
+export const LazyRenderWhenVisible = lazyComponent(() =>
   import('./RenderWhenVisible').then((m) => ({ default: m.RenderWhenVisible }))
 );
 
-export const LazyCurrencySymbol = lazy(() =>
+export const LazyCurrencySymbol = lazyComponent(() =>
   import('./CurrencySymbol').then((m) => ({ default: m.CurrencySymbol }))
 );
 
-export const LazyErrorPage = lazy(() =>
+export const LazyErrorPage = lazyComponent(() =>
   import('./ErrorPage').then((m) => ({ default: m.ErrorPage }))
 );

package/tailwind/components/home/lazy.ts.txt

@@ -1,4 +1,4 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 export { ProductsSlider as LazyProductsSlider } from './ProductsSlider';
 export { StoreFeatures as LazyStoreFeatures } from './StoreFeatures';
@@ -10,7 +10,7 @@ export { FeaturedProductsStyle3 as LazyFeaturedProductsStyle3 } from './Featured
 export { ParallaxBackground as LazyParallaxBackground } from './ParallaxBackground';
 export { PhotosSlider as LazyPhotosSlider } from './PhotosSlider';
 export { SquarePhotos as LazySquarePhotos } from './SquarePhotos';
-export const LazyTestimonials = lazy(() =>
+export const LazyTestimonials = lazyComponent(() =>
   import('./Testimonials').then((m) => ({ default: m.Testimonials }))
 );
 export { Youtube as LazyYoutube } from './Youtube';

package/tailwind/components/layout/MasterLayout.tsx.txt

@@ -1,21 +1,22 @@
-import { lazy, Suspense } from 'react';
+import { Suspense } from 'react';
 import { Header } from './Header';
 import { Footer } from './Footer';
 import type { LayoutProps } from '../../types';
 import { useTwilight } from '../../providers/twilight-context';
 import { useUser } from '../../hooks';
+import { lazyComponent } from '../../utils/lazy-component';
 
-const SallaLoginModal = lazy(() =>
+const SallaLoginModal = lazyComponent(() =>
   import('@salla.sa/twilight-components-react/login-modal').then((m) => ({
     default: m.SallaLoginModal,
   }))
 );
-const SallaScopes = lazy(() =>
+const SallaScopes = lazyComponent(() =>
   import('@salla.sa/twilight-components-react/scopes').then((m) => ({
     default: m.SallaScopes,
   }))
 );
-const SallaOfferModal = lazy(() =>
+const SallaOfferModal = lazyComponent(() =>
   import('@salla.sa/twilight-components-react/offer-modal').then((m) => ({
     default: m.SallaOfferModal,
   }))

package/tailwind/components/layout/lazy.ts.txt

@@ -1,25 +1,29 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /**
  * Lazy-loaded layout components
  * Use these for code-splitting layout sections
  */
-export const LazyHeader = lazy(() => import('./Header').then((m) => ({ default: m.Header })));
+export const LazyHeader = lazyComponent(() =>
+  import('./Header').then((m) => ({ default: m.Header }))
+);
 
-export const LazyFooter = lazy(() => import('./Footer').then((m) => ({ default: m.Footer })));
+export const LazyFooter = lazyComponent(() =>
+  import('./Footer').then((m) => ({ default: m.Footer }))
+);
 
-export const LazyCopyright = lazy(() =>
+export const LazyCopyright = lazyComponent(() =>
   import('./Copyright').then((m) => ({ default: m.Copyright }))
 );
 
-export const LazyMasterLayout = lazy(() =>
+export const LazyMasterLayout = lazyComponent(() =>
   import('./MasterLayout').then((m) => ({ default: m.MasterLayout }))
 );
 
-export const LazyWidgetHead = lazy(() =>
+export const LazyWidgetHead = lazyComponent(() =>
   import('./WidgetHead').then((m) => ({ default: m.WidgetHead }))
 );
 
-export const LazyCustomerLayout = lazy(() =>
+export const LazyCustomerLayout = lazyComponent(() =>
   import('./CustomerLayout').then((m) => ({ default: m.CustomerLayout }))
 );

package/tailwind/components/live-editor/index.tsx.txt

@@ -1,8 +1,9 @@
-import { lazy, Suspense, useEffect, useState, type ReactElement } from 'react';
+import { Suspense, useEffect, useState, type ReactElement } from 'react';
 import { editorFrame, FRAME_LOADED_ACTION, postToEditor, type EditorFrame } from './frame';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /** Off the shell chunk: only a store framed by the theme editor ever loads it. */
-const LazyLiveEditorBar = lazy(() =>
+const LazyLiveEditorBar = lazyComponent(() =>
   import('./LiveEditorBar').then((m) => ({ default: m.LiveEditorBar }))
 );
 

package/tailwind/components/modal/lazy.ts.txt

@@ -1,10 +1,10 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /**
  * Lazy-loaded modal components
  * ImageModal is lazy-loaded since it's a standalone component.
  * Modal is kept eager because it uses compound component pattern.
  */
-export const LazyImageModal = lazy(() =>
+export const LazyImageModal = lazyComponent(() =>
   import('./ImageModal').then((m) => ({ default: m.ImageModal }))
 );

package/tailwind/components/navigation/lazy.ts.txt

@@ -1,11 +1,13 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /**
  * Lazy-loaded navigation components
  * Use these for code-splitting navigation sections
  */
-export const LazyMainMenu = lazy(() => import('./MainMenu').then((m) => ({ default: m.MainMenu })));
+export const LazyMainMenu = lazyComponent(() =>
+  import('./MainMenu').then((m) => ({ default: m.MainMenu }))
+);
 
-export const LazyMobileMenu = lazy(() =>
+export const LazyMobileMenu = lazyComponent(() =>
   import('./MobileMenu').then((m) => ({ default: m.MobileMenu }))
 );

package/tailwind/components/product/lazy.ts.txt

@@ -1,9 +1,9 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
-export const LazyProductDetails = lazy(() =>
+export const LazyProductDetails = lazyComponent(() =>
   import('./ProductDetails').then((m) => ({ default: m.ProductDetails }))
 );
 
-export const LazyAddToCartForm = lazy(() =>
+export const LazyAddToCartForm = lazyComponent(() =>
   import('./AddToCartForm').then((m) => ({ default: m.AddToCartForm }))
 );

package/tailwind/components/store/lazy.ts.txt

@@ -1,13 +1,13 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /** Lazy-loaded StoreClosedNotification component. */
-export const LazyStoreClosedNotification = lazy(() =>
+export const LazyStoreClosedNotification = lazyComponent(() =>
   import('./StoreClosedNotification').then((m) => ({
     default: m.StoreClosedNotification,
   }))
 );
 
 /** Lazy-loaded MaintenancePage: off the shell chunk, since almost no visit renders it. */
-export const LazyMaintenancePage = lazy(() =>
+export const LazyMaintenancePage = lazyComponent(() =>
   import('./MaintenancePage').then((m) => ({ default: m.MaintenancePage }))
 );

package/tailwind/components/tracking/lazy.ts.txt

@@ -1,11 +1,11 @@
-import { lazy } from 'react';
+import { lazyComponent } from '../../utils/lazy-component';
 
 /** Lazy-loaded GoogleTagBody component. */
-export const LazyGoogleTagBody = lazy(() =>
+export const LazyGoogleTagBody = lazyComponent(() =>
   import('./GoogleTag').then((m) => ({ default: m.GoogleTagBody }))
 );
 
 /** Lazy-loaded SiftSnippet component. */
-export const LazySiftSnippet = lazy(() =>
+export const LazySiftSnippet = lazyComponent(() =>
   import('./SiftSnippet').then((m) => ({ default: m.SiftSnippet }))
 );

package/tailwind/routes/account/notifications/index.tsx.txt

@@ -1,12 +1,13 @@
 import type { HeadDescriptor } from '../../../utils/head';
 import { buildHreflangAlternates } from '../../../utils/baseHead';
-import { lazy } from 'react';
+
 import { notificationsLoader } from './loader';
 import type { NotificationsPageProps } from './types';
 import type { TwilightContext } from '../../../twilight/context';
 import { RouteId } from '../../../router/route-ids';
+import { lazyComponent } from '../../../utils/lazy-component';
 
-const LazyNotificationsPage = lazy(() =>
+const LazyNotificationsPage = lazyComponent(() =>
   import('./NotificationsPage').then((m) => ({ default: m.NotificationsPage }))
 );
 

package/tailwind/routes/account/orders/index.tsx.txt

@@ -1,6 +1,6 @@
 import type { HeadDescriptor } from '../../../utils/head';
 import { buildHreflangAlternates } from '../../../utils/baseHead';
-import { lazy } from 'react';
+
 import { ordersLoader, orderSingleLoader } from './loader';
 import type { OrdersPageProps, OrderSinglePageProps, OrdersSearchParams } from './types';
 import type { IdParams } from '../../types';
@@ -8,8 +8,10 @@ import type { TwilightContext } from '../../../twilight/context';
 import { RouteId } from '../../../router/route-ids';
 
 // Lazy-load components for code-splitting
-const LazyOrdersPage = lazy(() => import('./OrdersPage').then((m) => ({ default: m.OrdersPage })));
-const LazyOrderSinglePage = lazy(() =>
+const LazyOrdersPage = lazyComponent(() =>
+  import('./OrdersPage').then((m) => ({ default: m.OrdersPage }))
+);
+const LazyOrderSinglePage = lazyComponent(() =>
   import('./OrderSinglePage').then((m) => ({ default: m.OrderSinglePage }))
 );
 
@@ -22,6 +24,7 @@ export type {
   OrdersSearchParams,
   OrdersQuery,
 } from './types';
+import { lazyComponent } from '../../../utils/lazy-component';
 
 async function ordersLoaderWithExtend(
   ctx: { search?: OrdersSearchParams; locale?: string; with_items?: boolean | number },

package/tailwind/routes/account/profile/index.tsx.txt

@@ -1,12 +1,13 @@
 import type { HeadDescriptor } from '../../../utils/head';
 import { buildHreflangAlternates } from '../../../utils/baseHead';
-import { lazy } from 'react';
+
 import { profileLoader } from './loader';
 import type { ProfilePageProps } from './types';
 import type { TwilightContext } from '../../../twilight/context';
 import { RouteId } from '../../../router/route-ids';
+import { lazyComponent } from '../../../utils/lazy-component';
 
-const LazyProfilePage = lazy(() =>
+const LazyProfilePage = lazyComponent(() =>
   import('./ProfilePage').then((m) => ({ default: m.ProfilePage }))
 );
 

package/tailwind/routes/account/settings/index.tsx.txt

@@ -1,12 +1,13 @@
 import type { HeadDescriptor } from '../../../utils/head';
 import { buildHreflangAlternates } from '../../../utils/baseHead';
-import { lazy } from 'react';
+
 import { settingsLoader } from './loader';
 import type { SettingsPageProps } from './types';
 import type { TwilightContext } from '../../../twilight/context';
 import { RouteId } from '../../../router/route-ids';
+import { lazyComponent } from '../../../utils/lazy-component';
 
-const LazySettingsPage = lazy(() =>
+const LazySettingsPage = lazyComponent(() =>
   import('./SettingsPage').then((m) => ({ default: m.SettingsPage }))
 );
 

package/tailwind/routes/account/wallet/index.tsx.txt

@@ -1,13 +1,16 @@
 import type { HeadDescriptor } from '../../../utils/head';
 import { buildHreflangAlternates } from '../../../utils/baseHead';
-import { lazy } from 'react';
+
 import { walletLoader } from './loader';
 import type { WalletPageProps } from './types';
 import type { LoaderContext } from '../../types';
 import type { TwilightContext } from '../../../twilight/context';
 import { RouteId } from '../../../router/route-ids';
+import { lazyComponent } from '../../../utils/lazy-component';
 
-const LazyWalletPage = lazy(() => import('./WalletPage').then((m) => ({ default: m.WalletPage })));
+const LazyWalletPage = lazyComponent(() =>
+  import('./WalletPage').then((m) => ({ default: m.WalletPage }))
+);
 
 export const WalletPage = LazyWalletPage;
 export { walletLoader } from './loader';

package/tailwind/routes/account/wishlist/index.tsx.txt

@@ -1,13 +1,14 @@
 import type { HeadDescriptor } from '../../../utils/head';
 import { buildHreflangAlternates } from '../../../utils/baseHead';
-import { lazy } from 'react';
+
 import { wishlistLoader } from './loader';
 import type { WishlistPageProps } from './types';
 import type { LoaderContext } from '../../types';
 import type { TwilightContext } from '../../../twilight/context';
 import { RouteId } from '../../../router/route-ids';
+import { lazyComponent } from '../../../utils/lazy-component';
 
-const LazyWishlistPage = lazy(() =>
+const LazyWishlistPage = lazyComponent(() =>
   import('./WishlistPage').then((m) => ({ default: m.WishlistPage }))
 );
 

package/tailwind/routes/blog/index.tsx.txt

@@ -1,6 +1,6 @@
 import type { HeadDescriptor } from '../../utils/head';
 import { buildHreflangAlternates } from '../../utils/baseHead';
-import { lazy } from 'react';
+
 import {
   blogLoader,
   blogSingleLoader,
@@ -27,17 +27,19 @@ import type { IdParams, SlugIdParams } from '../types';
 import type { TwilightContext } from '../../twilight/context';
 import { RouteId } from '../../router/route-ids';
 
-const LazyBlogPage = lazy(() => import('./BlogPage').then((m) => ({ default: m.BlogPage })));
-const LazyBlogSinglePage = lazy(() =>
+const LazyBlogPage = lazyComponent(() =>
+  import('./BlogPage').then((m) => ({ default: m.BlogPage }))
+);
+const LazyBlogSinglePage = lazyComponent(() =>
   import('./BlogSinglePage').then((m) => ({ default: m.BlogSinglePage }))
 );
-const LazyBlogAuthorPage = lazy(() =>
+const LazyBlogAuthorPage = lazyComponent(() =>
   import('./BlogAuthorPage').then((m) => ({ default: m.BlogAuthorPage }))
 );
-const LazyBlogCategoryPage = lazy(() =>
+const LazyBlogCategoryPage = lazyComponent(() =>
   import('./BlogCategoryPage').then((m) => ({ default: m.BlogCategoryPage }))
 );
-const LazyBlogTagPage = lazy(() =>
+const LazyBlogTagPage = lazyComponent(() =>
   import('./BlogTagPage').then((m) => ({ default: m.BlogTagPage }))
 );
 
@@ -53,6 +55,7 @@ export {
   blogCategoryLoader,
   blogTagLoader,
 } from './loader';
+import { lazyComponent } from '../../utils/lazy-component';
 export type {
   BlogAuthorLoaderData,
   BlogCategoryLoaderData,

package/tailwind/routes/brands/index.tsx.txt

@@ -1,13 +1,16 @@
 import type { HeadDescriptor } from '../../utils/head';
 import { buildHreflangAlternates } from '../../utils/baseHead';
-import { lazy } from 'react';
+
 import { brandsLoader } from './loader';
 import type { BrandsPageProps } from './types';
 import type { TwilightContext } from '../../twilight/context';
 import { RouteId } from '../../router/route-ids';
+import { lazyComponent } from '../../utils/lazy-component';
 
 // Lazy-load components for code-splitting
-const LazyBrandsPage = lazy(() => import('./BrandsPage').then((m) => ({ default: m.BrandsPage })));
+const LazyBrandsPage = lazyComponent(() =>
+  import('./BrandsPage').then((m) => ({ default: m.BrandsPage }))
+);
 
 export const BrandsPage = LazyBrandsPage;
 export { brandsLoader };