@salla.sa/twilight-theme-engine 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/chunk-GN34LCTG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/providers/DocumentClassProvider.tsx","../src/hooks/useDocumentClass.ts"],"names":["useRef","useMemo","useEffect"],"mappings":"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","file":"chunk-GN34LCTG.js","sourcesContent":["import {\n  createContext,\n  useContext,\n  useRef,\n  useMemo,\n  useEffect,\n  useSyncExternalStore,\n  type ReactNode,\n} from 'react';\nimport {\n  mergeElementAttrs,\n  syncAttrsToElement,\n  toReactProps,\n  type DocumentElementDescriptor,\n} from '../utils/document-class';\n\n// ============================================================================\n// Internal store (framework-agnostic, works in SSR and CSR)\n// ============================================================================\n\ninterface DocumentElementStore {\n  subscribe: (listener: () => void) => () => void;\n  getSnapshot: () => Readonly<Map<string, DocumentElementDescriptor>>;\n  getServerSnapshot: () => Readonly<Map<string, DocumentElementDescriptor>>;\n  register: (id: string, descriptor: DocumentElementDescriptor) => void;\n  unregister: (id: string) => void;\n}\n\nfunction createDocumentElementStore(): DocumentElementStore {\n  const map = new Map<string, DocumentElementDescriptor>();\n  const listeners = new Set<() => void>();\n  // Snapshot reference replaced on every mutation so useSyncExternalStore\n  // detects the change via reference equality.\n  let snapshot: Readonly<Map<string, DocumentElementDescriptor>> = new Map(map);\n\n  const notify = () => {\n    snapshot = new Map(map);\n    for (const l of listeners) l();\n  };\n\n  return {\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    getSnapshot: () => snapshot,\n    getServerSnapshot: () => snapshot,\n    register: (id, descriptor) => {\n      map.set(id, descriptor);\n      notify();\n    },\n    unregister: (id) => {\n      if (map.delete(id)) notify();\n    },\n  };\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface DocumentClassContextValue {\n  store: DocumentElementStore;\n}\n\nconst DocumentClassContext = createContext<DocumentClassContextValue | null>(null);\n\nexport function useDocumentClassContext(): DocumentClassContextValue | null {\n  return useContext(DocumentClassContext);\n}\n\n// ============================================================================\n// Provider\n// ============================================================================\n\nexport interface DocumentClassProviderProps {\n  children: ReactNode;\n}\n\nexport function DocumentClassProvider({ children }: DocumentClassProviderProps) {\n  const storeRef = useRef<DocumentElementStore | null>(null);\n  if (!storeRef.current) {\n    storeRef.current = createDocumentElementStore();\n  }\n\n  const value = useMemo(() => ({ store: storeRef.current! }), []);\n\n  return (\n    <DocumentClassContext.Provider value={value}>\n      {children}\n      <DocumentElementDOMSync store={storeRef.current} />\n    </DocumentClassContext.Provider>\n  );\n}\n\n// ============================================================================\n// DOM Sync — client only, separate component so it doesn't affect SSR output\n// ============================================================================\n\nfunction DocumentElementDOMSync({ store }: { store: DocumentElementStore }) {\n  const registrations = useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getServerSnapshot\n  );\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const bodyAttrs = mergeElementAttrs([...registrations.values()].map((d) => d.body ?? {}));\n    const htmlAttrs = mergeElementAttrs([...registrations.values()].map((d) => d.html ?? {}));\n\n    syncAttrsToElement(document.body, bodyAttrs);\n    syncAttrsToElement(document.documentElement, htmlAttrs);\n  }, [registrations]);\n\n  return null;\n}\n\n// ============================================================================\n// useDocumentClassOutput — for root layouts (SSR + CSR)\n// ============================================================================\n\n/**\n * Returns computed React prop objects for `<body>` and `<html>` built from all\n * active `useDocumentClass` registrations.\n *\n * Spread the returned objects directly onto JSX elements in your root layout so\n * SSR-rendered HTML already contains all attributes before hydration.\n *\n * @example TanStack Start `__root.tsx`\n * ```tsx\n * function RootDocument() {\n *   const { bodyAttrs, htmlAttrs } = useDocumentClassOutput();\n *   return (\n *     <html {...htmlAttrs}>\n *       <body {...bodyAttrs}>\n *         <Outlet />\n *       </body>\n *     </html>\n *   );\n * }\n * ```\n *\n * @example Next.js `layout.tsx`\n * ```tsx\n * export default function RootLayout({ children }) {\n *   const { bodyAttrs, htmlAttrs } = useDocumentClassOutput();\n *   return (\n *     <html {...htmlAttrs}>\n *       <body {...bodyAttrs}>{children}</body>\n *     </html>\n *   );\n * }\n * ```\n */\nexport function useDocumentClassOutput(): {\n  bodyAttrs: Record<string, string>;\n  htmlAttrs: Record<string, string>;\n} {\n  const ctx = useDocumentClassContext();\n\n  const registrations = useSyncExternalStore(\n    ctx?.store.subscribe ?? noopSubscribe,\n    ctx?.store.getSnapshot ?? emptySnapshot,\n    ctx?.store.getServerSnapshot ?? emptySnapshot\n  );\n\n  return useMemo(() => {\n    const bodyAttrs = mergeElementAttrs([...registrations.values()].map((d) => d.body ?? {}));\n    const htmlAttrs = mergeElementAttrs([...registrations.values()].map((d) => d.html ?? {}));\n    return {\n      bodyAttrs: toReactProps(bodyAttrs),\n      htmlAttrs: toReactProps(htmlAttrs),\n    };\n  }, [registrations]);\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst emptyMap: Readonly<Map<string, DocumentElementDescriptor>> = new Map();\nconst emptySnapshot = () => emptyMap;\nconst noopSubscribe = (_: () => void) => () => {};\n","import { useId, useEffect, useRef, useMemo } from 'react';\nimport { useDocumentClassContext } from '../providers/DocumentClassProvider';\nimport {\n  syncAttrsToElement,\n  mergeElementAttrs,\n  type DocumentElementDescriptor,\n} from '../utils/document-class';\n\n/**\n * useDocumentClass - Hook for managing HTML and body element attributes\n *\n * Registers attributes for the `<html>` and `<body>` elements that are\n * automatically applied on mount and cleaned up on unmount. Supports\n * both SSR (via DocumentClassProvider) and client-side-only environments.\n *\n * @param descriptor - Object with html and/or body properties containing\n *        attribute objects (class names, data attributes, etc.)\n *\n * @example Static per-route attrs\n * ```tsx\n * function ProductPage() {\n *   useDocumentClass({\n *     body: { class: 'page-product', 'data-page': 'product' },\n *     html: { 'data-layout': 'detail' },\n *   });\n *   return <div>...</div>;\n * }\n * ```\n *\n * @example Dynamic attrs\n * ```tsx\n * function Layout({ isRtl }) {\n *   useDocumentClass({\n *     html: { dir: isRtl ? 'rtl' : 'ltr', lang: isRtl ? 'ar' : 'en' },\n *   });\n *   return <Outlet />;\n * }\n * ```\n *\n * @example Multiple classes + data attributes\n * ```tsx\n * useDocumentClass({\n *   body: { class: ['page-blog', 'has-sidebar'], 'data-theme': 'light' },\n *   html: { class: 'blog-layout', lang: 'en' },\n * });\n * ```\n */\nexport function useDocumentClass(descriptor: DocumentElementDescriptor): void {\n  const id = useId();\n  const ctx = useDocumentClassContext();\n  const descriptorRef = useRef(descriptor);\n  descriptorRef.current = descriptor;\n\n  // Stable serialised key — causes the effect to re-run only when the\n  // descriptor content actually changes, not on every render.\n\n  const descriptorKey = useMemo(\n    () => JSON.stringify(descriptor),\n    [\n      JSON.stringify(descriptor), // intentional: content-based comparison\n    ]\n  );\n\n  useEffect(() => {\n    if (ctx) {\n      // Register after render — avoids triggering state updates in sibling\n      // components during the render phase (React \"setState during render\" warning).\n      ctx.store.register(id, descriptorRef.current);\n      return () => ctx.store.unregister(id);\n    }\n\n    // Fallback: direct DOM manipulation when no provider is present\n    if (typeof document === 'undefined') return;\n\n    const bodyAttrs = mergeElementAttrs([descriptorRef.current.body ?? {}]);\n    const htmlAttrs = mergeElementAttrs([descriptorRef.current.html ?? {}]);\n\n    syncAttrsToElement(document.body, bodyAttrs);\n    syncAttrsToElement(document.documentElement, htmlAttrs);\n\n    return () => {\n      syncAttrsToElement(document.body, {});\n      syncAttrsToElement(document.documentElement, {});\n    };\n    // descriptorKey drives re-registration when content changes; id/ctx handle\n    // mount/provider changes.\n  }, [id, ctx, descriptorKey]);\n}\n"]}

package/dist/chunk-TRUQDEMI.js

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

package/dist/chunk-XUI3TRXF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/providers/LinkProvider.tsx"],"names":[],"mappings":";;;AAgBA,IAAM,WAAA,GAAc,cAAuC,IAAI,CAAA;AAKxD,IAAM,iBAAA,GAAN,cAAgC,KAAA,CAAM;AAAA,EAC3C,WAAA,GAAc;AACZ,IAAA,KAAA;AAAA,MACE;AAAA,KAEF;AACA,IAAA,IAAA,CAAK,IAAA,GAAO,mBAAA;AAAA,EACd;AACF,CAAA;AAMO,SAAS,cAAA,GAA8B;AAC5C,EAAA,MAAM,OAAA,GAAU,WAAW,WAAW,CAAA;AACtC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,iBAAA,EAAkB;AAAA,EAC9B;AACA,EAAA,OAAO,OAAA,CAAQ,OAAA;AACjB;AAMO,SAAS,YAAA,CAAa,EAAE,OAAA,EAAS,QAAA,EAAS,EAAkD;AACjG,EAAA,OAAO,aAAA,CAAc,YAAY,QAAA,EAAU,EAAE,OAAO,EAAE,OAAA,EAAQ,EAAE,EAAG,QAAQ,CAAA;AAC7E","file":"chunk-XUI3TRXF.js","sourcesContent":["import {\n  createContext,\n  useContext,\n  createElement,\n  type ReactNode,\n  type ComponentType,\n} from 'react';\nimport type { BaseLinkProps, LinkAdapter } from '../components/common/Link.types';\n\n/**\n * LinkContext value\n */\ninterface LinkContextValue {\n  adapter: LinkAdapter;\n}\n\nconst LinkContext = createContext<LinkContextValue | null>(null);\n\n/**\n * Error thrown when Link is used outside of LinkProvider\n */\nexport class LinkProviderError extends Error {\n  constructor() {\n    super(\n      'Link component must be used within LinkProvider. ' +\n        'Ensure TwilightProvider is configured with client.framework option.'\n    );\n    this.name = 'LinkProviderError';\n  }\n}\n\n/**\n * Hook to access the Link adapter from context.\n * Throws if used outside LinkProvider.\n */\nexport function useLinkAdapter(): LinkAdapter {\n  const context = useContext(LinkContext);\n  if (!context) {\n    throw new LinkProviderError();\n  }\n  return context.adapter;\n}\n\n/**\n * Provider that configures the framework-specific Link adapter.\n * Used internally by TwilightProvider based on client.framework setting.\n */\nexport function LinkProvider({ adapter, children }: { adapter: LinkAdapter; children: ReactNode }) {\n  return createElement(LinkContext.Provider, { value: { adapter } }, children);\n}\n\n/**\n * Higher-order function to create a Link component bound to a specific adapter.\n * Useful for framework-specific exports.\n */\nexport function createLinkWithAdapter(adapter: LinkAdapter): ComponentType<BaseLinkProps> {\n  return function LinkWithAdapter(props: BaseLinkProps) {\n    return createElement(adapter, props);\n  };\n}\n"]}