@shellui/core 0.0.13 → 0.0.15

package/package.json

@@ -1,31 +1,26 @@
 {
   "name": "@shellui/core",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "ShellUI Core - Core React application runtime",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "src/index.ts",
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
+      "import": "./src/index.ts",
+      "default": "./src/index.ts"
     },
     "./types": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.js",
-      "default": "./dist/types.js"
+      "import": "./src/features/config/types.ts",
+      "default": "./src/features/config/types.ts"
     },
     "./constants/urls": {
-      "types": "./dist/constants/urls.d.ts",
-      "import": "./dist/constants/urls.js",
-      "default": "./dist/constants/urls.js"
+      "import": "./src/constants/urls.ts",
+      "default": "./src/constants/urls.ts"
     },
-    "./style.css": "./dist/style.css",
+    "./style.css": "./src/index.css",
     "./package.json": "./package.json"
   },
   "files": [
-    "dist",
     "src",
     "postcss.config.js",
     "tailwind.config.js",
@@ -64,7 +59,7 @@
     "workbox-strategies": "^7.1.0",
     "workbox-cacheable-response": "^7.1.0",
     "workbox-expiration": "^7.1.0",
-    "@shellui/sdk": "0.0.13"
+    "@shellui/sdk": "0.0.15"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -74,21 +69,12 @@
     "access": "public"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
     "@tailwindcss/typography": "^0.5.19",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "autoprefixer": "^10.4.23",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.18",
-    "typescript": "^5.0.0",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.0"
+    "typescript": "^5.0.0"
   },
   "scripts": {
-    "build": "vite build",
-    "clean": "rm -rf dist",
     "test": "echo \"No tests specified for @shellui/core\""
   }
 }

package/src/components/ui/dialog.tsx

@@ -44,7 +44,9 @@ const DialogContent = forwardRef<ElementRef<typeof DialogPrimitive.Content>, Dia
 
     const handlePointerDownOutside = useCallback(
       (
-        event: Parameters<NonNullable<ComponentProps<typeof DialogPrimitive.Content>['onPointerDownOutside']>>[0],
+        event: Parameters<
+          NonNullable<ComponentProps<typeof DialogPrimitive.Content>['onPointerDownOutside']>
+        >[0],
       ) => {
         const target = event?.target as Element | null;
         if (target?.closest?.('[data-sonner-toaster]')) {

package/src/components/ui/sidebar.tsx

@@ -77,7 +77,13 @@ const PanelLeftOpenIcon = () => (
     className="h-5 w-5 transition-transform duration-300"
     aria-hidden
   >
-    <rect width="18" height="18" x="3" y="3" rx="2" />
+    <rect
+      width="18"
+      height="18"
+      x="3"
+      y="3"
+      rx="2"
+    />
     <path d="M9 3v18" />
     <path d="m14 9 3 3-3 3" />
   </svg>
@@ -98,7 +104,13 @@ const PanelLeftCloseIcon = () => (
     className="h-5 w-5 transition-transform duration-300"
     aria-hidden
   >
-    <rect width="18" height="18" x="3" y="3" rx="2" />
+    <rect
+      width="18"
+      height="18"
+      x="3"
+      y="3"
+      rx="2"
+    />
     <path d="M9 3v18" />
     <path d="m16 15-3-3 3-3" />
   </svg>

package/src/features/config/ConfigProvider.ts

@@ -32,7 +32,7 @@ export function ConfigProvider(props: ConfigProviderProps): ReturnType<typeof cr
       // Access it directly (no typeof check) so Vite can statically analyze and replace it
       // @ts-expect-error - __SHELLUI_CONFIG__ is injected by Vite at build time
       let configValue: unknown = __SHELLUI_CONFIG__;
-      
+
       // In development, if __SHELLUI_CONFIG__ is undefined, it might not have been replaced by Vite
       // This can happen if the Vite define configuration isn't working properly
       if (configValue === undefined && typeof window !== 'undefined') {

package/src/features/config/useConfig.ts

@@ -16,11 +16,16 @@ export function useConfig(): ConfigContextValue {
     // 3. Vite's define configuration is working correctly (check __SHELLUI_CONFIG__)
     const error = new Error(
       'useConfig must be used within a ConfigProvider. ' +
-      'Make sure your app is wrapped with <ConfigProvider> and that Vite define is configured correctly.'
+        'Make sure your app is wrapped with <ConfigProvider> and that Vite define is configured correctly.',
     );
     if (typeof window !== 'undefined' && process.env.NODE_ENV === 'development') {
+      // eslint-disable-next-line no-console
       console.error('[ShellUI] ConfigProvider error:', error);
-      console.error('[ShellUI] Check that __SHELLUI_CONFIG__ is defined:', typeof (window as any).__SHELLUI_CONFIG__);
+      // eslint-disable-next-line no-console
+      console.error(
+        '[ShellUI] Check that __SHELLUI_CONFIG__ is defined:',
+        typeof (window as unknown as { __SHELLUI_CONFIG__?: unknown }).__SHELLUI_CONFIG__,
+      );
     }
     throw error;
   }

package/src/features/layouts/DefaultLayout.tsx

@@ -360,7 +360,12 @@ const ExternalLinkIcon = ({ className }: { className?: string }) => (
   >
     <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
     <polyline points="15 3 21 3 21 9" />
-    <line x1="10" y1="14" x2="21" y2="3" />
+    <line
+      x1="10"
+      y1="14"
+      x2="21"
+      y2="3"
+    />
   </svg>
 );
 

package/src/index.ts

@@ -2,8 +2,8 @@
  * ShellUI Core - Main entry point
  * Exports the App component, types, and utilities for use in config files and other packages.
  *
- * CSS is imported as a side effect and extracted to dist/style.css during the library build.
- * Consumers must import '@shellui/core/style.css' (or include it in their build) for styles to apply.
+ * CSS is imported as a side effect. When using ShellUI, run 'shellui build' to build your application.
+ * The CLI will handle all CSS processing and bundling.
  */
 import './index.css';
 

package/src/service-worker/register.ts

@@ -747,7 +747,8 @@ export async function registerServiceWorker(
             // Only disable on actual errors, not warnings or non-critical issues
             const evt = (event ?? {}) as Record<string, unknown>;
             const evtError = evt.error as Record<string, unknown> | undefined;
-            const errorMessage = (evt.message as string) || (evtError?.message as string) || 'Unknown error';
+            const errorMessage =
+              (evt.message as string) || (evtError?.message as string) || 'Unknown error';
             const errorName = (evtError?.name as string) || '';
 
             // CRITICAL: Only disable on critical errors, ignore common non-fatal errors

package/dist/ContentView-CZG-ro_B.js

@@ -1,146 +0,0 @@
-import { jsx as l, jsxs as W } from "react/jsx-runtime";
-import { addIframe as D, removeIframe as T, shellui as S, getLogger as F } from "@shellui/sdk";
-import { useRef as b, useState as $, useEffect as a } from "react";
-import { useNavigate as _ } from "react-router";
-function k() {
-  return /* @__PURE__ */ l("div", { className: "absolute inset-0 z-10 flex flex-col bg-background", children: /* @__PURE__ */ l("div", { className: "h-1 w-full overflow-hidden bg-muted/30", children: /* @__PURE__ */ l(
-    "div",
-    {
-      className: "h-full w-0 bg-muted-foreground/50",
-      style: { animation: "loading-bar-slide 400ms linear infinite" }
-    }
-  ) }) });
-}
-const N = F("shellcore"), M = ({
-  url: c,
-  pathPrefix: u,
-  ignoreMessages: P = !1,
-  navItem: p
-}) => {
-  const g = _(), n = b(null), h = b(!1), [y] = $(c), [f, m] = $(!0);
-  return a(() => {
-    if (!n.current)
-      return;
-    const e = D(n.current);
-    return () => {
-      T(e);
-    };
-  }, []), a(() => {
-    const e = S.addMessageListener(
-      "SHELLUI_URL_CHANGED",
-      (r, t) => {
-        if (P || t.source !== n.current?.contentWindow)
-          return;
-        const { pathname: s, search: i, hash: v } = r.payload;
-        let o = s.startsWith(p.url) ? s.slice(p.url.length) : s;
-        o = o.startsWith("/") ? o.slice(1) : o, o = o.replace(/\/+$/, "");
-        let d = o ? `/${u}/${o}${i}${v}` : `/${u}${i}${v}`;
-        const w = d.match(/^([^?#]*)([?#].*)?$/);
-        if (w) {
-          const C = w[1].replace(/\/+$/, "") || "/", x = w[2] || "";
-          d = C + x;
-        }
-        const E = (window.location.pathname.replace(/\/+$/, "") || "/") + window.location.search + window.location.hash, L = d.match(/^([^?#]*)([?#].*)?$/), I = (L?.[1]?.replace(/\/+$/, "") || "/") + (L?.[2] || "");
-        E !== I && (h.current = !0, g(d, { replace: !0 }), setTimeout(() => {
-          h.current = !1;
-        }, 100));
-      }
-    );
-    return () => {
-      e();
-    };
-  }, [u, g]), a(() => {
-    const e = S.addMessageListener(
-      "SHELLUI_INITIALIZED",
-      (r, t) => {
-        t.source === n.current?.contentWindow && m(!1);
-      }
-    );
-    return () => e();
-  }, []), a(() => {
-    if (!f) return;
-    const e = setTimeout(() => {
-      N.info("ContentView: Timeout expired, hiding loading overlay"), m(!1);
-    }, 400);
-    return () => clearTimeout(e);
-  }, [f]), a(() => {
-    n.current && !h.current && n.current.src !== c && (n.current.src = c, m(!0));
-  }, [c]), a(() => {
-    const e = n.current;
-    if (!e) return;
-    const r = () => {
-      try {
-        const t = e.contentWindow, s = e.contentDocument || t?.document;
-        if (!s || !t) return;
-        const i = s.createElement("script");
-        i.textContent = `
-          (function() {
-            // Wait for all stylesheets to load
-            function waitForStylesheets() {
-              const styleSheets = Array.from(document.styleSheets);
-              const pendingSheets = styleSheets.filter(function(sheet) {
-                try {
-                  return sheet.cssRules === null;
-                } catch (e) {
-                  return false; // Cross-origin stylesheets, assume loaded
-                }
-              });
-              
-              if (pendingSheets.length === 0) {
-                // All stylesheets loaded
-                return;
-              }
-              
-              // Check again after a short delay
-              setTimeout(waitForStylesheets, 10);
-            }
-            
-            // Start checking after DOM is ready
-            if (document.readyState === 'complete') {
-              waitForStylesheets();
-            } else {
-              window.addEventListener('load', waitForStylesheets);
-            }
-          })();
-        `, s.head.appendChild(i);
-      } catch (t) {
-        N.debug("Could not inject stylesheet wait script:", { error: t });
-      }
-    };
-    return e.addEventListener("load", r), e.contentDocument?.readyState === "complete" && r(), () => {
-      e.removeEventListener("load", r);
-    };
-  }, [y]), a(() => {
-    if (process.env.NODE_ENV === "development") {
-      const e = console.warn;
-      return console.warn = (...r) => {
-        const t = String(r[0] ?? "");
-        t.includes("allow-scripts") && t.includes("allow-same-origin") && t.includes("sandbox") || t.includes("Layout was forced") && t.includes("before the page was fully loaded") || e.apply(console, r);
-      }, () => {
-        console.warn = e;
-      };
-    }
-  }, []), /* @__PURE__ */ W("div", { style: { width: "100%", height: "100%", display: "flex", position: "relative" }, children: [
-    /* @__PURE__ */ l(
-      "iframe",
-      {
-        ref: n,
-        src: y,
-        style: {
-          width: "100%",
-          height: "100%",
-          border: "none",
-          display: "block"
-        },
-        title: "Content Frame",
-        sandbox: "allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox",
-        referrerPolicy: "no-referrer-when-downgrade"
-      }
-    ),
-    f && /* @__PURE__ */ l(k, {})
-  ] });
-};
-export {
-  M as C
-};
-//# sourceMappingURL=ContentView-CZG-ro_B.js.map

package/dist/ContentView-CZG-ro_B.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentView-CZG-ro_B.js","sources":["../src/components/LoadingOverlay.tsx","../src/components/ContentView.tsx"],"sourcesContent":["export function LoadingOverlay() {\n  return (\n    <div className=\"absolute inset-0 z-10 flex flex-col bg-background\">\n      <div className=\"h-1 w-full overflow-hidden bg-muted/30\">\n        <div\n          className=\"h-full w-0 bg-muted-foreground/50\"\n          style={{ animation: 'loading-bar-slide 400ms linear infinite' }}\n        />\n      </div>\n    </div>\n  );\n}\n","/* eslint-disable no-console */\nimport type { NavigationItem } from '@/features/config/types';\nimport {\n  addIframe,\n  removeIframe,\n  shellui,\n  getLogger,\n  type ShellUIUrlPayload,\n  type ShellUIMessage,\n} from '@shellui/sdk';\nimport { useEffect, useRef, useState } from 'react';\nimport { useNavigate } from 'react-router';\nimport { LoadingOverlay } from './LoadingOverlay';\n\nconst logger = getLogger('shellcore');\n\ninterface ContentViewProps {\n  url: string;\n  pathPrefix: string;\n  ignoreMessages?: boolean;\n  navItem: NavigationItem;\n}\n\nexport const ContentView = ({\n  url,\n  pathPrefix,\n  ignoreMessages = false,\n  navItem,\n}: ContentViewProps) => {\n  const navigate = useNavigate();\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const isInternalNavigation = useRef(false);\n  const [initialUrl] = useState(url);\n  const [isLoading, setIsLoading] = useState(true);\n\n  useEffect(() => {\n    if (!iframeRef.current) {\n      return;\n    }\n    const iframeId = addIframe(iframeRef.current);\n    return () => {\n      removeIframe(iframeId);\n    };\n  }, []);\n\n  // Sync parent URL when iframe notifies us of a change\n  useEffect(() => {\n    const cleanup = shellui.addMessageListener(\n      'SHELLUI_URL_CHANGED',\n      (data: ShellUIMessage, event: MessageEvent) => {\n        if (ignoreMessages) {\n          return;\n        }\n\n        // Ignore URL CHANGE from other than ContentView iframe\n        if (event.source !== iframeRef.current?.contentWindow) {\n          return;\n        }\n\n        const { pathname, search, hash } = data.payload as ShellUIUrlPayload;\n        // Remove leading slash and trailing slashes from iframe pathname\n        let cleanPathname = pathname.startsWith(navItem.url)\n          ? pathname.slice(navItem.url.length)\n          : pathname;\n        cleanPathname = cleanPathname.startsWith('/') ? cleanPathname.slice(1) : cleanPathname;\n        cleanPathname = cleanPathname.replace(/\\/+$/, ''); // Remove trailing slashes\n        // Construct the new path without trailing slashes\n        let newShellPath = cleanPathname\n          ? `/${pathPrefix}/${cleanPathname}${search}${hash}`\n          : `/${pathPrefix}${search}${hash}`;\n\n        // Normalize: remove trailing slashes from pathname part only (preserve query/hash)\n        const urlParts = newShellPath.match(/^([^?#]*)([?#].*)?$/);\n        if (urlParts) {\n          const pathnamePart = urlParts[1].replace(/\\/+$/, '') || '/';\n          const queryHashPart = urlParts[2] || '';\n          newShellPath = pathnamePart + queryHashPart;\n        }\n\n        // Normalize current path for comparison (remove trailing slashes from pathname)\n        const currentPathname = window.location.pathname.replace(/\\/+$/, '') || '/';\n        const currentPath = currentPathname + window.location.search + window.location.hash;\n\n        // Normalize new path for comparison\n        const newPathParts = newShellPath.match(/^([^?#]*)([?#].*)?$/);\n        const normalizedNewPathname = newPathParts?.[1]?.replace(/\\/+$/, '') || '/';\n        const normalizedNewPath = normalizedNewPathname + (newPathParts?.[2] || '');\n\n        if (currentPath !== normalizedNewPath) {\n          // Mark this navigation as internal so we don't try to \"push\" it back to the iframe\n          isInternalNavigation.current = true;\n          navigate(newShellPath, { replace: true });\n\n          // Reset the flag after a short delay to allow the render cycle to complete\n          setTimeout(() => {\n            isInternalNavigation.current = false;\n          }, 100);\n        }\n      },\n    );\n\n    return () => {\n      cleanup();\n    };\n  }, [pathPrefix, navigate]);\n\n  // Hide loading overlay when iframe sends SHELLUI_INITIALIZED\n  useEffect(() => {\n    const cleanup = shellui.addMessageListener(\n      'SHELLUI_INITIALIZED',\n      (_data: ShellUIMessage, event: MessageEvent) => {\n        if (event.source === iframeRef.current?.contentWindow) {\n          setIsLoading(false);\n        }\n      },\n    );\n    return () => cleanup();\n  }, []);\n\n  // Fallback: hide overlay after 400ms if SHELLUI_INITIALIZED was not received\n  useEffect(() => {\n    if (!isLoading) return;\n    const timeoutId = setTimeout(() => {\n      logger.info('ContentView: Timeout expired, hiding loading overlay');\n      setIsLoading(false);\n    }, 400);\n    return () => clearTimeout(timeoutId);\n  }, [isLoading]);\n\n  // Handle external URL changes (e.g. from Sidebar)\n  useEffect(() => {\n    if (iframeRef.current && !isInternalNavigation.current) {\n      // Only update iframe src if it's actually different from its current src\n      // to avoid unnecessary reloads\n      if (iframeRef.current.src !== url) {\n        iframeRef.current.src = url;\n        setIsLoading(true);\n      }\n    }\n  }, [url]);\n\n  // Inject script to prevent \"Layout was forced\" warning by deferring layout until stylesheets load\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return;\n\n    const handleLoad = () => {\n      try {\n        const iframeWindow = iframe.contentWindow;\n        const iframeDoc = iframe.contentDocument || iframeWindow?.document;\n        if (!iframeDoc || !iframeWindow) return;\n\n        // Inject a script that waits for stylesheets before allowing layout calculations\n        const script = iframeDoc.createElement('script');\n        script.textContent = `\n          (function() {\n            // Wait for all stylesheets to load\n            function waitForStylesheets() {\n              const styleSheets = Array.from(document.styleSheets);\n              const pendingSheets = styleSheets.filter(function(sheet) {\n                try {\n                  return sheet.cssRules === null;\n                } catch (e) {\n                  return false; // Cross-origin stylesheets, assume loaded\n                }\n              });\n              \n              if (pendingSheets.length === 0) {\n                // All stylesheets loaded\n                return;\n              }\n              \n              // Check again after a short delay\n              setTimeout(waitForStylesheets, 10);\n            }\n            \n            // Start checking after DOM is ready\n            if (document.readyState === 'complete') {\n              waitForStylesheets();\n            } else {\n              window.addEventListener('load', waitForStylesheets);\n            }\n          })();\n        `;\n        iframeDoc.head.appendChild(script);\n      } catch (error) {\n        // Cross-origin or other errors - ignore (this is expected for some iframes)\n        logger.debug('Could not inject stylesheet wait script:', { error });\n      }\n    };\n\n    // Wait for iframe to load before injecting script\n    iframe.addEventListener('load', handleLoad);\n\n    // Also try immediately if already loaded\n    if (iframe.contentDocument?.readyState === 'complete') {\n      handleLoad();\n    }\n\n    return () => {\n      iframe.removeEventListener('load', handleLoad);\n    };\n  }, [initialUrl]);\n\n  // Suppress browser warnings that are expected and acceptable\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'development') {\n      const originalWarn = console.warn;\n      console.warn = (...args: unknown[]) => {\n        const message = String(args[0] ?? '');\n        // Suppress the specific sandbox warning\n        if (\n          message.includes('allow-scripts') &&\n          message.includes('allow-same-origin') &&\n          message.includes('sandbox')\n        ) {\n          return;\n        }\n        // Suppress \"Layout was forced\" warning from iframe content\n        // This is a performance warning that occurs when iframe content calculates layout before stylesheets load\n        // It's harmless and common in iframe scenarios, especially with React apps\n        if (\n          message.includes('Layout was forced') &&\n          message.includes('before the page was fully loaded')\n        ) {\n          return;\n        }\n        originalWarn.apply(console, args);\n      };\n      return () => {\n        console.warn = originalWarn;\n      };\n    }\n  }, []);\n\n  return (\n    <div style={{ width: '100%', height: '100%', display: 'flex', position: 'relative' }}>\n      {/* Note: allow-same-origin is required for same-origin iframe content (e.g., Vite dev server, cookies, localStorage).\n          While this allows the iframe to remove its own sandboxing, it's acceptable here because the iframe content\n          is trusted microfrontend content from the same application origin.\n          Browser security warnings about this combination cannot be suppressed programmatically. */}\n      <iframe\n        ref={iframeRef}\n        src={initialUrl}\n        style={{\n          width: '100%',\n          height: '100%',\n          border: 'none',\n          display: 'block',\n        }}\n        title=\"Content Frame\"\n        sandbox=\"allow-same-origin allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox\"\n        referrerPolicy=\"no-referrer-when-downgrade\"\n      />\n      {isLoading && <LoadingOverlay />}\n    </div>\n  );\n};\n"],"names":["LoadingOverlay","jsx","logger","getLogger","ContentView","url","pathPrefix","ignoreMessages","navItem","navigate","useNavigate","iframeRef","useRef","isInternalNavigation","initialUrl","useState","isLoading","setIsLoading","useEffect","iframeId","addIframe","removeIframe","cleanup","shellui","data","event","pathname","search","hash","cleanPathname","newShellPath","urlParts","pathnamePart","queryHashPart","currentPath","newPathParts","normalizedNewPath","_data","timeoutId","iframe","handleLoad","iframeWindow","iframeDoc","script","error","originalWarn","args","message","jsxs"],"mappings":"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"}

package/dist/CookiePreferencesView-Bb3hFqw1.js

@@ -1,213 +0,0 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { useMemo as b, useState as B, useRef as T, useEffect as H, useCallback as g } from "react";
-import { useTranslation as $ } from "react-i18next";
-import { useLocation as F } from "react-router";
-import { shellui as y } from "@shellui/sdk";
-import { u as I, a as U, r as G, B as S } from "./index-CfvdAI_Y.js";
-import { S as w } from "./switch-CuKXfl3x.js";
-const V = [
-  "strict_necessary",
-  "functional_performance",
-  "targeting",
-  "social_media_embedded"
-];
-function W(t, f) {
-  return t < 60 ? f("preferences.duration.seconds", { count: t }) : t < 3600 ? f("preferences.duration.minutes", { count: Math.floor(t / 60) }) : t < 86400 ? f("preferences.duration.hours", { count: Math.floor(t / 3600) }) : t < 31536e3 ? f("preferences.duration.days", { count: Math.floor(t / 86400) }) : f("preferences.duration.years", { count: Math.floor(t / 31536e3) });
-}
-function te() {
-  const { t, i18n: f } = $("cookieConsent"), { config: A } = I(), { settings: x, updateSetting: d } = U(), L = F(), m = new URLSearchParams(L.search).get("initial") === "true", _ = f.language || "en", p = A?.cookieConsent?.cookies ?? [], a = b(() => p.map((e) => e.host), [p]), i = b(
-    () => p.filter((e) => e.category === "strict_necessary").map((e) => e.host),
-    [p]
-  ), h = x?.cookieConsent?.acceptedHosts ?? [], [u, k] = B(() => [
-    .../* @__PURE__ */ new Set([...h, ...i])
-  ]), C = T(!1);
-  H(() => {
-    m && k([.../* @__PURE__ */ new Set([...h, ...i])]);
-  }, [m, h, i]), H(() => {
-    if (!m) return;
-    const e = () => {
-      (x?.cookieConsent?.consentedCookieHosts ?? []).length === 0 && !C.current && d("cookieConsent", {
-        acceptedHosts: i,
-        consentedCookieHosts: a
-      });
-    };
-    return y.addMessageListener("SHELLUI_CLOSE_DRAWER", e);
-  }, [m, i, a, d, x]), H(() => () => {
-    m && !C.current && (x?.cookieConsent?.consentedCookieHosts ?? []).length === 0 && d("cookieConsent", {
-      acceptedHosts: i,
-      consentedCookieHosts: a
-    });
-  }, [m, i, a, d, x]);
-  const N = b(() => {
-    const e = /* @__PURE__ */ new Map();
-    for (const s of p) {
-      const r = e.get(s.category) ?? [];
-      e.set(s.category, [...r, s]);
-    }
-    return e;
-  }, [p]), R = g((e, s) => {
-    k((r) => s ? [...r, e] : r.filter((o) => o !== e));
-  }, []), j = g(
-    (e, s) => {
-      const r = N.get(e)?.map((o) => o.host) ?? [];
-      k((o) => {
-        if (s)
-          return [.../* @__PURE__ */ new Set([...o, ...r])];
-        {
-          const c = new Set(r);
-          return o.filter((v) => !c.has(v));
-        }
-      });
-    },
-    [N]
-  ), D = g(
-    (e) => {
-      const s = N.get(e)?.map((o) => o.host) ?? [];
-      if (s.length === 0) return "none";
-      const r = s.filter((o) => u.includes(o)).length;
-      return r === s.length ? "all" : r > 0 ? "some" : "none";
-    },
-    [N, u]
-  ), E = g(() => {
-    C.current = !0, d("cookieConsent", {
-      acceptedHosts: a,
-      consentedCookieHosts: a
-    }), y.closeDrawer();
-  }, [a, d]), M = g(() => {
-    C.current = !0, d("cookieConsent", {
-      acceptedHosts: i,
-      consentedCookieHosts: a
-    }), y.closeDrawer();
-  }, [i, a, d]), z = g(() => {
-    C.current = !0;
-    const e = [.../* @__PURE__ */ new Set([...u, ...i])];
-    d("cookieConsent", {
-      acceptedHosts: e,
-      consentedCookieHosts: a
-    }), y.closeDrawer();
-  }, [u, i, a, d]), O = b(() => {
-    if (u.length !== h.length) return !0;
-    const e = [...u].sort(), s = [...h].sort();
-    return e.some((r, o) => r !== s[o]);
-  }, [u, h]);
-  return p.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center h-full p-6", children: /* @__PURE__ */ n("p", { className: "text-muted-foreground", children: t("preferences.noCookies") }) }) : /* @__PURE__ */ l("div", { className: "flex flex-col h-full bg-background", children: [
-    /* @__PURE__ */ l("div", { className: "flex flex-col space-y-2 border-b border-border/60 px-6 pt-5 pb-4", children: [
-      /* @__PURE__ */ n(
-        "h2",
-        {
-          className: "text-lg font-semibold leading-none tracking-tight",
-          style: { fontFamily: "var(--heading-font-family, inherit)" },
-          children: t("preferences.title")
-        }
-      ),
-      /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground", children: t("preferences.description") })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: V.map((e) => {
-      const s = N.get(e);
-      if (!s || s.length === 0) return null;
-      const r = D(e), o = e === "strict_necessary";
-      return /* @__PURE__ */ l(
-        "div",
-        {
-          className: "mb-6 last:mb-0",
-          children: [
-            /* @__PURE__ */ l("div", { className: "flex items-center justify-between mb-3", children: [
-              /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ n(
-                  "h3",
-                  {
-                    className: "text-sm font-semibold",
-                    style: { fontFamily: "var(--heading-font-family, inherit)" },
-                    children: t(`preferences.categories.${e}.title`)
-                  }
-                ),
-                /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground mt-0.5", children: t(`preferences.categories.${e}.description`) })
-              ] }),
-              /* @__PURE__ */ l("div", { className: "ml-4 flex items-center gap-2", children: [
-                !o && r === "some" && /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: t("preferences.partial") }),
-                o ? /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: t("preferences.alwaysOn") }) : /* @__PURE__ */ n(
-                  w,
-                  {
-                    checked: r === "all",
-                    onCheckedChange: (c) => j(e, c),
-                    "aria-label": t(`preferences.categories.${e}.title`)
-                  }
-                )
-              ] })
-            ] }),
-            !o && /* @__PURE__ */ n("div", { className: "space-y-2 pl-2 border-l-2 border-border ml-1", children: s.map((c) => {
-              const v = u.includes(c.host);
-              return /* @__PURE__ */ l(
-                "div",
-                {
-                  className: "flex items-start justify-between gap-3 py-2 px-3 rounded-md bg-muted/30",
-                  children: [
-                    /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ n("span", { className: "text-sm font-medium truncate", children: c.name }),
-                      c.description && /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: G(c.description, _) }),
-                      /* @__PURE__ */ l("div", { className: "flex items-center gap-3 mt-1 text-[10px] text-muted-foreground/70", children: [
-                        /* @__PURE__ */ n("span", { children: c.host }),
-                        /* @__PURE__ */ n("span", { children: "•" }),
-                        /* @__PURE__ */ n("span", { children: W(c.durationSeconds, t) }),
-                        /* @__PURE__ */ n("span", { children: "•" }),
-                        /* @__PURE__ */ n("span", { className: "capitalize", children: c.type.replace("_", " ") })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ n(
-                      w,
-                      {
-                        checked: v,
-                        onCheckedChange: (P) => R(c.host, P),
-                        "aria-label": c.name
-                      }
-                    )
-                  ]
-                },
-                c.host
-              );
-            }) })
-          ]
-        },
-        e
-      );
-    }) }),
-    /* @__PURE__ */ l("div", { className: "mt-auto flex flex-col gap-2 border-t border-border px-6 py-4", children: [
-      /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ n(
-          S,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: M,
-            className: "flex-1",
-            children: t("preferences.rejectAll")
-          }
-        ),
-        /* @__PURE__ */ n(
-          S,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: E,
-            className: "flex-1",
-            children: t("preferences.acceptAll")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ n(
-        S,
-        {
-          size: "sm",
-          onClick: z,
-          disabled: !O && !m,
-          className: "w-full",
-          children: t("preferences.save")
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  te as CookiePreferencesView
-};
-//# sourceMappingURL=CookiePreferencesView-Bb3hFqw1.js.map

package/dist/CookiePreferencesView-Bb3hFqw1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CookiePreferencesView-Bb3hFqw1.js","sources":["../src/features/cookieConsent/CookiePreferencesView.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useLocation } from 'react-router';\nimport { shellui } from '@shellui/sdk';\nimport { Button } from '@/components/ui/button';\nimport { Switch } from '@/components/ui/switch';\nimport { useConfig } from '../config/useConfig';\nimport { useSettings } from '../settings/hooks/useSettings';\nimport { resolveLocalizedString } from '../layouts/utils';\nimport type { CookieConsentCategory, CookieDefinition } from '../config/types';\n\n/** Category display order and labels */\nconst CATEGORY_ORDER: CookieConsentCategory[] = [\n  'strict_necessary',\n  'functional_performance',\n  'targeting',\n  'social_media_embedded',\n];\n\n/** Format duration in human-readable format */\nfunction formatDuration(\n  seconds: number,\n  t: (key: string, options?: Record<string, unknown>) => string,\n): string {\n  if (seconds < 60) return t('preferences.duration.seconds', { count: seconds });\n  if (seconds < 3600) return t('preferences.duration.minutes', { count: Math.floor(seconds / 60) });\n  if (seconds < 86400)\n    return t('preferences.duration.hours', { count: Math.floor(seconds / 3600) });\n  if (seconds < 31536000)\n    return t('preferences.duration.days', { count: Math.floor(seconds / 86400) });\n  return t('preferences.duration.years', { count: Math.floor(seconds / 31536000) });\n}\n\nexport function CookiePreferencesView() {\n  const { t, i18n } = useTranslation('cookieConsent');\n  const { config } = useConfig();\n  const { settings, updateSetting } = useSettings();\n  const location = useLocation();\n  const searchParams = new URLSearchParams(location.search);\n  const isInitialConsent = searchParams.get('initial') === 'true';\n  const currentLanguage = i18n.language || 'en';\n\n  const cookies = config?.cookieConsent?.cookies ?? [];\n  const allHosts = useMemo(() => cookies.map((c) => c.host), [cookies]);\n\n  // Strictly necessary hosts are always enabled\n  const strictNecessaryHosts = useMemo(\n    () => cookies.filter((c) => c.category === 'strict_necessary').map((c) => c.host),\n    [cookies],\n  );\n\n  const currentAcceptedHosts = settings?.cookieConsent?.acceptedHosts ?? [];\n\n  // Local state for unsaved changes (always include strict necessary)\n  const [localAcceptedHosts, setLocalAcceptedHosts] = useState<string[]>(() => [\n    ...new Set([...currentAcceptedHosts, ...strictNecessaryHosts]),\n  ]);\n\n  // Track if save/accept/reject was clicked to avoid rejecting on intentional close\n  const actionClickedRef = useRef(false);\n\n  // Reset local state when drawer opens (when URL changes to include initial param)\n  useEffect(() => {\n    if (isInitialConsent) {\n      // Always include strict necessary hosts\n      setLocalAcceptedHosts([...new Set([...currentAcceptedHosts, ...strictNecessaryHosts])]);\n    }\n  }, [isInitialConsent, currentAcceptedHosts, strictNecessaryHosts]);\n\n  // Handle drawer close without saving during initial consent\n  useEffect(() => {\n    if (!isInitialConsent) return;\n\n    const handleDrawerClose = () => {\n      // If closing without saving during initial consent, reject all except strict necessary\n      // Check if user has never consented and no action was clicked\n      const neverConsented = (settings?.cookieConsent?.consentedCookieHosts ?? []).length === 0;\n      if (neverConsented && !actionClickedRef.current) {\n        updateSetting('cookieConsent', {\n          acceptedHosts: strictNecessaryHosts,\n          consentedCookieHosts: allHosts,\n        });\n      }\n    };\n\n    const cleanup = shellui.addMessageListener('SHELLUI_CLOSE_DRAWER', handleDrawerClose);\n    return cleanup;\n  }, [isInitialConsent, strictNecessaryHosts, allHosts, updateSetting, settings]);\n\n  // Cleanup on unmount: if initial consent and drawer closes without save, reject all\n  useEffect(() => {\n    return () => {\n      if (isInitialConsent && !actionClickedRef.current) {\n        // Check if user has never consented\n        const neverConsented = (settings?.cookieConsent?.consentedCookieHosts ?? []).length === 0;\n        if (neverConsented) {\n          updateSetting('cookieConsent', {\n            acceptedHosts: strictNecessaryHosts,\n            consentedCookieHosts: allHosts,\n          });\n        }\n      }\n    };\n  }, [isInitialConsent, strictNecessaryHosts, allHosts, updateSetting, settings]);\n\n  // Group cookies by category\n  const cookiesByCategory = useMemo(() => {\n    const grouped = new Map<CookieConsentCategory, CookieDefinition[]>();\n    for (const cookie of cookies) {\n      const existing = grouped.get(cookie.category) ?? [];\n      grouped.set(cookie.category, [...existing, cookie]);\n    }\n    return grouped;\n  }, [cookies]);\n\n  // Toggle individual cookie\n  const toggleCookie = useCallback((host: string, enabled: boolean) => {\n    setLocalAcceptedHosts((prev) => (enabled ? [...prev, host] : prev.filter((h) => h !== host)));\n  }, []);\n\n  // Toggle entire category\n  const toggleCategory = useCallback(\n    (category: CookieConsentCategory, enabled: boolean) => {\n      const categoryHosts = cookiesByCategory.get(category)?.map((c) => c.host) ?? [];\n      setLocalAcceptedHosts((prev) => {\n        if (enabled) {\n          return [...new Set([...prev, ...categoryHosts])];\n        } else {\n          const hostsSet = new Set(categoryHosts);\n          return prev.filter((h) => !hostsSet.has(h));\n        }\n      });\n    },\n    [cookiesByCategory],\n  );\n\n  // Check if category is fully or partially enabled\n  const getCategoryState = useCallback(\n    (category: CookieConsentCategory): 'all' | 'some' | 'none' => {\n      const categoryHosts = cookiesByCategory.get(category)?.map((c) => c.host) ?? [];\n      if (categoryHosts.length === 0) return 'none';\n      const enabledCount = categoryHosts.filter((h) => localAcceptedHosts.includes(h)).length;\n      if (enabledCount === categoryHosts.length) return 'all';\n      if (enabledCount > 0) return 'some';\n      return 'none';\n    },\n    [cookiesByCategory, localAcceptedHosts],\n  );\n\n  // Accept all\n  const handleAcceptAll = useCallback(() => {\n    actionClickedRef.current = true;\n    updateSetting('cookieConsent', {\n      acceptedHosts: allHosts,\n      consentedCookieHosts: allHosts,\n    });\n    shellui.closeDrawer();\n  }, [allHosts, updateSetting]);\n\n  // Reject all except strict necessary (which are always enabled)\n  const handleRejectAll = useCallback(() => {\n    actionClickedRef.current = true;\n    updateSetting('cookieConsent', {\n      acceptedHosts: strictNecessaryHosts,\n      consentedCookieHosts: allHosts,\n    });\n    shellui.closeDrawer();\n  }, [strictNecessaryHosts, allHosts, updateSetting]);\n\n  // Save custom preferences (always include strict necessary)\n  const handleSave = useCallback(() => {\n    actionClickedRef.current = true;\n    const hostsToSave = [...new Set([...localAcceptedHosts, ...strictNecessaryHosts])];\n    updateSetting('cookieConsent', {\n      acceptedHosts: hostsToSave,\n      consentedCookieHosts: allHosts,\n    });\n    shellui.closeDrawer();\n  }, [localAcceptedHosts, strictNecessaryHosts, allHosts, updateSetting]);\n\n  // Check if preferences have changed\n  const hasChanges = useMemo(() => {\n    if (localAcceptedHosts.length !== currentAcceptedHosts.length) return true;\n    const sortedLocal = [...localAcceptedHosts].sort();\n    const sortedCurrent = [...currentAcceptedHosts].sort();\n    return sortedLocal.some((h, i) => h !== sortedCurrent[i]);\n  }, [localAcceptedHosts, currentAcceptedHosts]);\n\n  if (cookies.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-6\">\n        <p className=\"text-muted-foreground\">{t('preferences.noCookies')}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full bg-background\">\n      {/* Header */}\n      <div className=\"flex flex-col space-y-2 border-b border-border/60 px-6 pt-5 pb-4\">\n        <h2\n          className=\"text-lg font-semibold leading-none tracking-tight\"\n          style={{ fontFamily: 'var(--heading-font-family, inherit)' }}\n        >\n          {t('preferences.title')}\n        </h2>\n        <p className=\"text-sm text-muted-foreground\">{t('preferences.description')}</p>\n      </div>\n\n      {/* Content */}\n      <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n        {CATEGORY_ORDER.map((category) => {\n          const categoryCookies = cookiesByCategory.get(category);\n          if (!categoryCookies || categoryCookies.length === 0) return null;\n\n          const categoryState = getCategoryState(category);\n          const isStrictNecessary = category === 'strict_necessary';\n\n          return (\n            <div\n              key={category}\n              className=\"mb-6 last:mb-0\"\n            >\n              {/* Category header with toggle */}\n              <div className=\"flex items-center justify-between mb-3\">\n                <div className=\"flex-1 min-w-0\">\n                  <h3\n                    className=\"text-sm font-semibold\"\n                    style={{ fontFamily: 'var(--heading-font-family, inherit)' }}\n                  >\n                    {t(`preferences.categories.${category}.title`)}\n                  </h3>\n                  <p className=\"text-xs text-muted-foreground mt-0.5\">\n                    {t(`preferences.categories.${category}.description`)}\n                  </p>\n                </div>\n                <div className=\"ml-4 flex items-center gap-2\">\n                  {!isStrictNecessary && categoryState === 'some' && (\n                    <span className=\"text-xs text-muted-foreground\">\n                      {t('preferences.partial')}\n                    </span>\n                  )}\n                  {isStrictNecessary ? (\n                    <span className=\"text-xs text-muted-foreground\">\n                      {t('preferences.alwaysOn')}\n                    </span>\n                  ) : (\n                    <Switch\n                      checked={categoryState === 'all'}\n                      onCheckedChange={(checked) => toggleCategory(category, checked)}\n                      aria-label={t(`preferences.categories.${category}.title`)}\n                    />\n                  )}\n                </div>\n              </div>\n\n              {/* Individual cookies - only show for non-strictly-necessary categories */}\n              {!isStrictNecessary && (\n                <div className=\"space-y-2 pl-2 border-l-2 border-border ml-1\">\n                  {categoryCookies.map((cookie) => {\n                    const isEnabled = localAcceptedHosts.includes(cookie.host);\n                    return (\n                      <div\n                        key={cookie.host}\n                        className=\"flex items-start justify-between gap-3 py-2 px-3 rounded-md bg-muted/30\"\n                      >\n                        <div className=\"flex-1 min-w-0\">\n                          <span className=\"text-sm font-medium truncate\">{cookie.name}</span>\n                          {cookie.description && (\n                            <p className=\"text-xs text-muted-foreground mt-0.5 line-clamp-2\">\n                              {resolveLocalizedString(cookie.description, currentLanguage)}\n                            </p>\n                          )}\n                          <div className=\"flex items-center gap-3 mt-1 text-[10px] text-muted-foreground/70\">\n                            <span>{cookie.host}</span>\n                            <span>•</span>\n                            <span>{formatDuration(cookie.durationSeconds, t)}</span>\n                            <span>•</span>\n                            <span className=\"capitalize\">{cookie.type.replace('_', ' ')}</span>\n                          </div>\n                        </div>\n                        <Switch\n                          checked={isEnabled}\n                          onCheckedChange={(checked) => toggleCookie(cookie.host, checked)}\n                          aria-label={cookie.name}\n                        />\n                      </div>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Footer */}\n      <div className=\"mt-auto flex flex-col gap-2 border-t border-border px-6 py-4\">\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={handleRejectAll}\n            className=\"flex-1\"\n          >\n            {t('preferences.rejectAll')}\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={handleAcceptAll}\n            className=\"flex-1\"\n          >\n            {t('preferences.acceptAll')}\n          </Button>\n        </div>\n        <Button\n          size=\"sm\"\n          onClick={handleSave}\n          disabled={!hasChanges && !isInitialConsent}\n          className=\"w-full\"\n        >\n          {t('preferences.save')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["CATEGORY_ORDER","formatDuration","seconds","t","CookiePreferencesView","i18n","useTranslation","config","useConfig","settings","updateSetting","useSettings","location","useLocation","isInitialConsent","currentLanguage","cookies","allHosts","useMemo","c","strictNecessaryHosts","currentAcceptedHosts","localAcceptedHosts","setLocalAcceptedHosts","useState","actionClickedRef","useRef","useEffect","handleDrawerClose","shellui","cookiesByCategory","grouped","cookie","existing","toggleCookie","useCallback","host","enabled","prev","h","toggleCategory","category","categoryHosts","hostsSet","getCategoryState","enabledCount","handleAcceptAll","handleRejectAll","handleSave","hostsToSave","hasChanges","sortedLocal","sortedCurrent","i","jsx","jsxs","categoryCookies","categoryState","isStrictNecessary","Switch","checked","isEnabled","resolveLocalizedString","Button"],"mappings":"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"}