@salla.sa/twilight-theme-engine 1.0.128 → 1.0.129

package/dist/skeleton.js

@@ -1,29 +1,29 @@
 export { BlogSkeleton, BreadcrumbSkeleton, CartSkeleton, CustomerLayoutSkeleton, CustomerPageSkeleton, PageSkeleton, ProductCardSkeleton, ProductDetailSkeleton, ProductGridSkeleton, SkeletonPulse } from './chunk-N7CCSGZF.js';
-export { HomeSkeleton } from './chunk-DJN6JAF7.js';
-import './chunk-KNTHVSUL.js';
-import './chunk-UWE2QL3O.js';
-import './chunk-CGABIBZZ.js';
-import './chunk-HRDCUTC6.js';
+export { HomeSkeleton } from './chunk-D7IP4MVJ.js';
+import './chunk-XX4L34QI.js';
+import './chunk-G74DWDSJ.js';
+import './chunk-RPRZYRPX.js';
+import './chunk-3TKG3ORJ.js';
 import './chunk-Y32RHCOH.js';
-import './chunk-QLFRNPPF.js';
-import './chunk-MVNWWZWQ.js';
-import './chunk-XCS62X6X.js';
-import './chunk-5U7LPEFE.js';
+import './chunk-FBOWKMPX.js';
+import './chunk-FHAHE46U.js';
+import './chunk-FFIONN5M.js';
+import './chunk-747V3UL5.js';
 import './chunk-KQEBYXYB.js';
 import './chunk-JYV25VNZ.js';
-import './chunk-4LR7N76Q.js';
+import './chunk-WQJT663R.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-GFOAMXSO.js';
+import './chunk-GJFWNFMU.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-5FJFN3IW.js';
 import './chunk-GD26FI4J.js';
 import './chunk-OM2GRPDH.js';
-import './chunk-HZIQK63A.js';
+import './chunk-QPKK4LPK.js';
 import './chunk-OUW6WESU.js';
 import './chunk-BK5TBUGG.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-U2UDXLAE.js';
-import './chunk-6NT6RC2H.js';
+import './chunk-ECY5POOK.js';
+import './chunk-VWZG5QKQ.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
@@ -34,16 +34,16 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-JGVEGQHJ.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-2VRMQZXF.js';
+import './chunk-763YWRXT.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-5GCOUJ7T.js';
+import './chunk-QRFYOEZY.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-S7QZUBXM.js';
+import './chunk-OQTBHL5T.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-JUKKXGHR.js';
+import './chunk-AT3IL55G.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';

package/dist/{store-lookup-TG6RV6NV.js → store-lookup-F66OF7JS.js}

@@ -1,11 +1,11 @@
-import { category } from './chunk-RA5O7L7Q.js';
-import { blog } from './chunk-ZWV6YNIB.js';
-import { brand } from './chunk-CN4U4EWY.js';
-import { product } from './chunk-CGABIBZZ.js';
+import { category } from './chunk-EPTYC5H3.js';
+import { blog } from './chunk-EMOLTV77.js';
+import { brand } from './chunk-OJ7YQEW7.js';
+import { product } from './chunk-RPRZYRPX.js';
 import { DEV_LOOKUP_BUDGET_MS } from './chunk-OXMUPNMH.js';
-import './chunk-HZIQK63A.js';
+import './chunk-QPKK4LPK.js';
 import './chunk-OUW6WESU.js';
-import './chunk-S7QZUBXM.js';
+import './chunk-OQTBHL5T.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-2TLIULJZ.js';
 import './chunk-GYXUYHKO.js';
@@ -111,5 +111,5 @@ function lookupInStore(source, query) {
 }
 
 export { lookupInStore };
-//# sourceMappingURL=store-lookup-TG6RV6NV.js.map
-//# sourceMappingURL=store-lookup-TG6RV6NV.js.map
+//# sourceMappingURL=store-lookup-F66OF7JS.js.map
+//# sourceMappingURL=store-lookup-F66OF7JS.js.map

package/dist/{store-lookup-TG6RV6NV.js.map → store-lookup-F66OF7JS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/dev/store-lookup.ts"],"names":["categories"],"mappings":"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","file":"store-lookup-TG6RV6NV.js","sourcesContent":["/**\n * Runs in the editor's frame (the storefront), which has the engine's API\n * client set up for the dev store: answers the editor's pickers with the real\n * store's products, categories, brands and blog. Loaded with `import()` on the\n * first lookup, so a storefront never carries it.\n *\n * Each item's `data` is what a block receives for it, in the API's shape: a\n * product block reads only the ids and fetches the rest, while categories and\n * brands are drawn from what is saved.\n */\n\nimport { product } from '../api/product';\nimport { category } from '../api/category';\nimport { brand } from '../api/brands';\nimport { blog } from '../api/blog';\nimport type { Category } from '../types';\nimport { DEV_LOOKUP_BUDGET_MS, type DevLookupItem, type DevLookupSource } from './schema-types';\n\n/** Enough to choose from; a search narrows it further. */\nconst PER_PAGE = 20;\n/** How far a paged list is searched before giving up, so a big store can't stall the picker. */\nconst MAX_PAGES = 10;\n\ninterface Page<T> {\n  items: T[];\n  next: string | null;\n}\n\n/**\n * The matching items of a paged list, read page after page until there are\n * enough, the pages run out, or the time budget is spent: a brand or article on\n * page three is still found, and what was found so far always reaches the\n * editor before it stops waiting (`DEV_LOOKUP_BUDGET_MS` < its timeout).\n */\nasync function collect<T>(\n  fetchPage: (page: number, cursor: string | null) => Promise<Page<T>>,\n  keep: (item: T) => boolean\n): Promise<T[]> {\n  const deadline = Date.now() + DEV_LOOKUP_BUDGET_MS;\n  const found: T[] = [];\n  let cursor: string | null = null;\n  for (let page = 1; page <= MAX_PAGES; page += 1) {\n    const { items, next } = await fetchPage(page, cursor);\n    found.push(...items.filter(keep));\n    if (found.length >= PER_PAGE || !next || Date.now() >= deadline) break;\n    cursor = next;\n  }\n  return found.slice(0, PER_PAGE);\n}\n\nfunction matches(name: string, query: string): boolean {\n  return !query || name.toLowerCase().includes(query.toLowerCase());\n}\n\n/** Categories with their subcategories, flattened, parents first. */\nfunction flatten(categories: Category[]): Category[] {\n  return categories.flatMap((c) => [c, ...flatten(c.sub_categories ?? [])]);\n}\n\nasync function products(query: string): Promise<DevLookupItem[]> {\n  const { items } = await product.list({\n    source: query ? 'search' : 'latest',\n    ...(query ? { keyword: query } : {}),\n    perPage: PER_PAGE,\n  });\n  // List responses send the id as a numeric string; the block reads a number. Use it for both.\n  return items.map((p) => ({\n    id: Number(p.id),\n    name: p.name,\n    image: p.image?.url,\n    url: p.url,\n    data: { id: Number(p.id), name: p.name, url: p.url, image: p.image?.url ?? null },\n  }));\n}\n\nasync function categories(query: string): Promise<DevLookupItem[]> {\n  return flatten(await category.list())\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      image: c.image ?? undefined,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url, image: c.image ?? null, icon: c.icon ?? null },\n    }));\n}\n\nasync function brands(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    (page) => brand.list(page),\n    (b) => matches(b.name, query)\n  );\n  return found.map((b) => ({\n    id: b.id,\n    name: b.name,\n    image: b.logo,\n    url: b.url,\n    data: { id: b.id, name: b.name, url: b.url, logo: b.logo, banner: b.banner ?? null },\n  }));\n}\n\nasync function blogArticles(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    async (_page, cursor) => {\n      const { data, cursor: pages } = await blog.articles.list(cursor ? { cursor } : undefined);\n      return { items: data, next: pages?.next ?? null };\n    },\n    (a) => matches(a.name, query)\n  );\n  return found.map((a) => ({\n    id: a.id,\n    name: a.name,\n    image: a.image,\n    url: a.url,\n    data: { id: a.id, name: a.name, url: a.url },\n  }));\n}\n\nasync function blogCategories(query: string): Promise<DevLookupItem[]> {\n  const { categories: list } = await blog.get();\n  return list\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url },\n    }));\n}\n\nconst LOOKUPS: Record<DevLookupSource, (query: string) => Promise<DevLookupItem[]>> = {\n  products,\n  categories,\n  brands,\n  blog_articles: blogArticles,\n  blog_categories: blogCategories,\n};\n\nexport function lookupInStore(source: DevLookupSource, query: string): Promise<DevLookupItem[]> {\n  const lookup = LOOKUPS[source];\n  if (!lookup) return Promise.reject(new Error(`no lookup for ${source}`));\n  return lookup(query.trim());\n}\n"]}
+{"version":3,"sources":["../src/dev/store-lookup.ts"],"names":["categories"],"mappings":"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","file":"store-lookup-F66OF7JS.js","sourcesContent":["/**\n * Runs in the editor's frame (the storefront), which has the engine's API\n * client set up for the dev store: answers the editor's pickers with the real\n * store's products, categories, brands and blog. Loaded with `import()` on the\n * first lookup, so a storefront never carries it.\n *\n * Each item's `data` is what a block receives for it, in the API's shape: a\n * product block reads only the ids and fetches the rest, while categories and\n * brands are drawn from what is saved.\n */\n\nimport { product } from '../api/product';\nimport { category } from '../api/category';\nimport { brand } from '../api/brands';\nimport { blog } from '../api/blog';\nimport type { Category } from '../types';\nimport { DEV_LOOKUP_BUDGET_MS, type DevLookupItem, type DevLookupSource } from './schema-types';\n\n/** Enough to choose from; a search narrows it further. */\nconst PER_PAGE = 20;\n/** How far a paged list is searched before giving up, so a big store can't stall the picker. */\nconst MAX_PAGES = 10;\n\ninterface Page<T> {\n  items: T[];\n  next: string | null;\n}\n\n/**\n * The matching items of a paged list, read page after page until there are\n * enough, the pages run out, or the time budget is spent: a brand or article on\n * page three is still found, and what was found so far always reaches the\n * editor before it stops waiting (`DEV_LOOKUP_BUDGET_MS` < its timeout).\n */\nasync function collect<T>(\n  fetchPage: (page: number, cursor: string | null) => Promise<Page<T>>,\n  keep: (item: T) => boolean\n): Promise<T[]> {\n  const deadline = Date.now() + DEV_LOOKUP_BUDGET_MS;\n  const found: T[] = [];\n  let cursor: string | null = null;\n  for (let page = 1; page <= MAX_PAGES; page += 1) {\n    const { items, next } = await fetchPage(page, cursor);\n    found.push(...items.filter(keep));\n    if (found.length >= PER_PAGE || !next || Date.now() >= deadline) break;\n    cursor = next;\n  }\n  return found.slice(0, PER_PAGE);\n}\n\nfunction matches(name: string, query: string): boolean {\n  return !query || name.toLowerCase().includes(query.toLowerCase());\n}\n\n/** Categories with their subcategories, flattened, parents first. */\nfunction flatten(categories: Category[]): Category[] {\n  return categories.flatMap((c) => [c, ...flatten(c.sub_categories ?? [])]);\n}\n\nasync function products(query: string): Promise<DevLookupItem[]> {\n  const { items } = await product.list({\n    source: query ? 'search' : 'latest',\n    ...(query ? { keyword: query } : {}),\n    perPage: PER_PAGE,\n  });\n  // List responses send the id as a numeric string; the block reads a number. Use it for both.\n  return items.map((p) => ({\n    id: Number(p.id),\n    name: p.name,\n    image: p.image?.url,\n    url: p.url,\n    data: { id: Number(p.id), name: p.name, url: p.url, image: p.image?.url ?? null },\n  }));\n}\n\nasync function categories(query: string): Promise<DevLookupItem[]> {\n  return flatten(await category.list())\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      image: c.image ?? undefined,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url, image: c.image ?? null, icon: c.icon ?? null },\n    }));\n}\n\nasync function brands(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    (page) => brand.list(page),\n    (b) => matches(b.name, query)\n  );\n  return found.map((b) => ({\n    id: b.id,\n    name: b.name,\n    image: b.logo,\n    url: b.url,\n    data: { id: b.id, name: b.name, url: b.url, logo: b.logo, banner: b.banner ?? null },\n  }));\n}\n\nasync function blogArticles(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    async (_page, cursor) => {\n      const { data, cursor: pages } = await blog.articles.list(cursor ? { cursor } : undefined);\n      return { items: data, next: pages?.next ?? null };\n    },\n    (a) => matches(a.name, query)\n  );\n  return found.map((a) => ({\n    id: a.id,\n    name: a.name,\n    image: a.image,\n    url: a.url,\n    data: { id: a.id, name: a.name, url: a.url },\n  }));\n}\n\nasync function blogCategories(query: string): Promise<DevLookupItem[]> {\n  const { categories: list } = await blog.get();\n  return list\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url },\n    }));\n}\n\nconst LOOKUPS: Record<DevLookupSource, (query: string) => Promise<DevLookupItem[]>> = {\n  products,\n  categories,\n  brands,\n  blog_articles: blogArticles,\n  blog_categories: blogCategories,\n};\n\nexport function lookupInStore(source: DevLookupSource, query: string): Promise<DevLookupItem[]> {\n  const lookup = LOOKUPS[source];\n  if (!lookup) return Promise.reject(new Error(`no lookup for ${source}`));\n  return lookup(query.trim());\n}\n"]}

package/dist/tanstack.js

@@ -1,25 +1,25 @@
-export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-LIQHWHYV.js';
-import { requestHostOf } from './chunk-OOQTZ7N7.js';
-export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-OOQTZ7N7.js';
+export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-L75KAYY5.js';
+import { requestHostOf } from './chunk-6VBXPDXM.js';
+export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-6VBXPDXM.js';
 import './chunk-Z4Y55HWX.js';
 export { tanstackHeadAdapter as head, withHead } from './chunk-EHTLXK5F.js';
 import { CRITICAL_STYLE_HREF } from './chunk-4FJGZQD3.js';
-import './chunk-6GDNC6DS.js';
-import { readNativeAppHeaders } from './chunk-HAS46CRI.js';
-import './chunk-M6Z7KIDX.js';
-import './chunk-CGABIBZZ.js';
+import './chunk-ZWOD67SV.js';
+import { readNativeAppHeaders } from './chunk-OYPE6432.js';
+import './chunk-6I2J6V3S.js';
+import './chunk-RPRZYRPX.js';
 import { rootHead, maintenanceEvidence, MAINTENANCE_EVIDENCE_HEADER, maintenanceEvidenceHeader } from './chunk-KQEBYXYB.js';
 import './chunk-JYV25VNZ.js';
-import './chunk-GFOAMXSO.js';
+import './chunk-GJFWNFMU.js';
 import './chunk-5FJFN3IW.js';
 import './chunk-GD26FI4J.js';
 import './chunk-OM2GRPDH.js';
-import './chunk-HZIQK63A.js';
+import './chunk-QPKK4LPK.js';
 import './chunk-OUW6WESU.js';
 import './chunk-JWXJPJBO.js';
 export { mergeDocumentDescriptors as mergeAttrs } from './chunk-CW625T2E.js';
-import './chunk-5GCOUJ7T.js';
-import './chunk-S7QZUBXM.js';
+import './chunk-QRFYOEZY.js';
+import './chunk-OQTBHL5T.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-BYMOPN2S.js';

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-6GDNC6DS.js';
+export { dispatchRouteChanged } from '../chunk-ZWOD67SV.js';
 export { sortOptions } from '../chunk-3LZJXKVO.js';
 export { color } from '../chunk-VVZNW5CB.js';
 export { applyAppScopeMocks, registerThemeHookSlots } from '../chunk-5FJFN3IW.js';
@@ -8,7 +8,7 @@ export { mergeHead, resolveHead, setHeadAdapter } from '../chunk-GD26FI4J.js';
 export { buildBaseHead, buildHreflangAlternates, localeToOgLocale } from '../chunk-OM2GRPDH.js';
 export { asset, cdn, isPlaceholder } from '../chunk-ZCH7W7DZ.js';
 export { mergeDocumentDescriptors, mergeElementAttrs, normalizeClasses, syncAttrsToElement, toReactProps } from '../chunk-CW625T2E.js';
-import '../chunk-S7QZUBXM.js';
+import '../chunk-OQTBHL5T.js';
 import '../chunk-Z5M4YYWT.js';
 export { getSallaSDK, getStoreIdentifier, onSallaEvent, whenSallaLoaded, whenSallaReady } from '../chunk-GYXUYHKO.js';
 export { AUTH_TOKEN_COOKIE_NAME, clearAuthTokenCookie, extractTokenFromCookies } from '../chunk-FHU2MXZA.js';

package/package.json

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

package/tailwind/components/live-editor/frame.ts.txt

@@ -6,6 +6,7 @@
  */
 
 import { isEditorFrame } from '../../dev/schema-types';
+import type { Theme } from '../../types';
 
 /** Where the theme editor runs. Messages go to the one that framed the page, never to `*`. */
 export const EDITOR_ORIGINS = [
@@ -92,6 +93,15 @@ export function editorFrame(): EditorFrame | null {
   return origin ? { origin, dev: false } : null;
 }
 
+/**
+ * The theme as the editor's preview shows it: a sticky header would pin over the
+ * blocks scrolled under it and cover their action bar, so the header scrolls away.
+ */
+export function previewTheme(theme: Theme): Theme {
+  if (theme.settings?.header_is_sticky === false) return theme;
+  return { ...theme, settings: { ...theme.settings, header_is_sticky: false } };
+}
+
 export function postToEditor(
   origin: string,
   action: LiveEditorMessage | typeof FRAME_LOADED_ACTION,

package/dist/chunk-L4FKJ3ZN.js

@@ -1,14 +0,0 @@
-import { lazy } from 'react';
-
-// src/components/cart/lazy.ts
-var LazyCartItem = lazy(() => import('./CartItem-M5PC54CM.js').then((m) => ({ default: m.CartItem })));
-var LazyCartSummary = lazy(
-  () => import('./CartSummary-YQI7XI4D.js').then((m) => ({ default: m.CartSummary }))
-);
-var LazySeoCartWidget = lazy(
-  () => import('./SeoCartWidget-MHOPTGWV.js').then((m) => ({ default: m.SeoCartWidget }))
-);
-
-export { LazyCartItem, LazyCartSummary, LazySeoCartWidget };
-//# sourceMappingURL=chunk-L4FKJ3ZN.js.map
-//# sourceMappingURL=chunk-L4FKJ3ZN.js.map

package/dist/chunk-MVNWWZWQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/live-editor/frame.ts"],"names":[],"mappings":"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","file":"chunk-MVNWWZWQ.js","sourcesContent":["/**\n * The storefront's side of the merchant theme editor's live preview: the editor\n * (`s.salla.sa/themes/editor`) frames the store, and the store tells it which\n * block, header or footer the merchant acted on, with the same `postMessage`\n * protocol the twig themes' `live-themes-editor.js` speaks.\n */\n\nimport { isEditorFrame } from '../../dev/schema-types';\n\n/** Where the theme editor runs. Messages go to the one that framed the page, never to `*`. */\nexport const EDITOR_ORIGINS = [\n  'https://s.salla.sa',\n  'https://salla.design',\n  'https://demostore.salla.sa',\n] as const;\n\n/** Sent once the page has loaded; the editor's preview health check waits for it. */\nexport const FRAME_LOADED_ACTION = 'design::iframe.loaded';\n\nexport type BlockAction = 'edit' | 'hide' | 'moveup' | 'movedown' | 'duplicate' | 'add' | 'delete';\n\nexport type LiveEditorMessage =\n  `preview::${BlockAction}.component` | 'preview::edit.header' | 'preview::edit.footer';\n\n/** A home block, rendered by `HomeComponentRenderer`, carries its id here. */\nexport const BLOCK_ATTRIBUTE = 'data-live-block';\n\n/** A theme can name its header or footer for the editor: `data-live-editor=\"header\"`. */\nexport const AREA_ATTRIBUTE = 'data-live-editor';\n\n/** Header and footer of themes that don't mark theirs: the engine's own, and Raed's. */\nexport const AREA_FALLBACKS = {\n  header: 'header.store-header, header.site-header',\n  footer: '.store-footer',\n} as const;\n\nexport type Area = keyof typeof AREA_FALLBACKS;\n\n/** The origin of the page that frames this one, or `null` at the top or when unknown. */\nfunction parentOrigin(): string | null {\n  if (window.self === window.top) return null;\n  // Chromium and Safari name it directly; Firefox only through the referrer.\n  const ancestor = window.location.ancestorOrigins?.[0];\n  if (ancestor) return ancestor;\n  try {\n    return document.referrer ? new URL(document.referrer).origin : null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * On a dev server, a page on another localhost port (an editor run locally, or\n * a test harness) can frame the store too. Not its own origin: that is the\n * engine's dev editor, which has its own controls.\n */\nfunction isLocalEditor(origin: string): boolean {\n  if (origin === window.location.origin) return false;\n  try {\n    const { protocol, hostname } = new URL(origin);\n    return protocol === 'http:' && (hostname === 'localhost' || hostname === '127.0.0.1');\n  } catch {\n    return false;\n  }\n}\n\n/** The theme editor's origin when it frames this page, otherwise `null`. Browser only. */\nexport function editorOrigin(): string | null {\n  if (typeof window === 'undefined') return null;\n  let origin: string | null;\n  try {\n    origin = parentOrigin();\n  } catch {\n    return null;\n  }\n  if (!origin) return null;\n  if ((EDITOR_ORIGINS as readonly string[]).includes(origin)) return origin;\n  return import.meta.env.DEV && isLocalEditor(origin) ? origin : null;\n}\n\nexport interface EditorFrame {\n  origin: string;\n  /** The engine's own dev editor (`/__twilight/editor`): edits apply live, and blocks can't be hidden. */\n  dev: boolean;\n}\n\n/** The editor framing this page, the merchant's or (on a dev server) the engine's own. Browser only. */\nexport function editorFrame(): EditorFrame | null {\n  if (typeof window === 'undefined') return null;\n  if (import.meta.env.DEV && isEditorFrame()) return { origin: window.location.origin, dev: true };\n  const origin = editorOrigin();\n  return origin ? { origin, dev: false } : null;\n}\n\nexport function postToEditor(\n  origin: string,\n  action: LiveEditorMessage | typeof FRAME_LOADED_ACTION,\n  data?: { id: string }\n): void {\n  window.parent.postMessage({ action, data, is_salla: true }, origin);\n}\n\n/** The header or footer `el` stands for, if any. One inside a dialog (a sheet's copy) is not it. */\nexport function areaOf(el: Element): Area | null {\n  if (el.closest('[role=\"dialog\"]')) return null;\n  const marked = el.getAttribute(AREA_ATTRIBUTE);\n  if (marked === 'header' || marked === 'footer') return marked;\n  if (el.matches(AREA_FALLBACKS.header)) return 'header';\n  if (el.matches(AREA_FALLBACKS.footer)) return 'footer';\n  return null;\n}\n\n/** What the editor can act on: a block with an id, the header, or the footer. */\nexport const TARGET_SELECTOR = [\n  `[${BLOCK_ATTRIBUTE}]`,\n  `[${AREA_ATTRIBUTE}=\"header\"]`,\n  `[${AREA_ATTRIBUTE}=\"footer\"]`,\n  AREA_FALLBACKS.header,\n  AREA_FALLBACKS.footer,\n].join(', ');\n\n/** The block, header or footer under `node`, nearest first. */\nexport function targetOf(node: EventTarget | null): HTMLElement | null {\n  let el = node instanceof Element ? node.closest<HTMLElement>(TARGET_SELECTOR) : null;\n  while (el) {\n    if (el.hasAttribute(BLOCK_ATTRIBUTE) || areaOf(el)) return el;\n    el = el.parentElement?.closest<HTMLElement>(TARGET_SELECTOR) ?? null;\n  }\n  return null;\n}\n"]}