@scalemule/news-publication 0.0.9 → 0.0.11

package/cookie-consent.css

@@ -417,3 +417,134 @@
   align-items: center;
   gap: 0.75rem;
 }
+
+/* ==========================================================================
+   Dark Theme (Evening Edition) support
+   ========================================================================== */
+:root[data-theme="dark"] .sm-cookie-banner-card,
+[data-theme="dark"] .sm-cookie-banner-card,
+.publication[data-theme="dark"] .sm-cookie-banner-card {
+  background: rgba(22, 26, 23, 0.96);
+  border-color: rgba(255, 255, 255, 0.12);
+  color: #eaece8;
+  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
+
+:root[data-theme="dark"] .sm-cookie-banner-title,
+[data-theme="dark"] .sm-cookie-banner-title,
+.publication[data-theme="dark"] .sm-cookie-banner-title {
+  color: #ffffff;
+}
+
+:root[data-theme="dark"] .sm-cookie-banner-text,
+[data-theme="dark"] .sm-cookie-banner-text,
+.publication[data-theme="dark"] .sm-cookie-banner-text {
+  color: #c5cbc6;
+}
+
+:root[data-theme="dark"] .sm-cookie-banner-link,
+[data-theme="dark"] .sm-cookie-banner-link,
+.publication[data-theme="dark"] .sm-cookie-banner-link {
+  color: #ffffff;
+}
+
+:root[data-theme="dark"] .sm-cookie-btn-secondary,
+[data-theme="dark"] .sm-cookie-btn-secondary,
+.publication[data-theme="dark"] .sm-cookie-btn-secondary {
+  background: rgba(255, 255, 255, 0.1);
+  color: #ffffff;
+  border-color: rgba(255, 255, 255, 0.18);
+}
+
+:root[data-theme="dark"] .sm-cookie-btn-secondary:hover,
+[data-theme="dark"] .sm-cookie-btn-secondary:hover,
+.publication[data-theme="dark"] .sm-cookie-btn-secondary:hover {
+  background: rgba(255, 255, 255, 0.18);
+  border-color: rgba(255, 255, 255, 0.3);
+}
+
+:root[data-theme="dark"] .sm-cookie-details-modal,
+[data-theme="dark"] .sm-cookie-details-modal,
+.publication[data-theme="dark"] .sm-cookie-details-modal {
+  background: #161a17;
+  color: #eaece8;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+:root[data-theme="dark"] .sm-cookie-details-header,
+[data-theme="dark"] .sm-cookie-details-header,
+.publication[data-theme="dark"] .sm-cookie-details-header {
+  border-bottom-color: #29302a;
+}
+
+:root[data-theme="dark"] .sm-cookie-details-title,
+[data-theme="dark"] .sm-cookie-details-title,
+.publication[data-theme="dark"] .sm-cookie-details-title {
+  color: #ffffff;
+}
+
+:root[data-theme="dark"] .sm-cookie-details-close,
+[data-theme="dark"] .sm-cookie-details-close,
+.publication[data-theme="dark"] .sm-cookie-details-close {
+  color: #959e96;
+}
+
+:root[data-theme="dark"] .sm-cookie-details-close:hover,
+[data-theme="dark"] .sm-cookie-details-close:hover,
+.publication[data-theme="dark"] .sm-cookie-details-close:hover {
+  background: rgba(255, 255, 255, 0.08);
+  color: #ffffff;
+}
+
+:root[data-theme="dark"] .sm-cookie-category,
+[data-theme="dark"] .sm-cookie-category,
+.publication[data-theme="dark"] .sm-cookie-category {
+  background: #1a1e1b;
+  border-color: #29302a;
+}
+
+:root[data-theme="dark"] .sm-cookie-cat-title,
+[data-theme="dark"] .sm-cookie-cat-title,
+.publication[data-theme="dark"] .sm-cookie-cat-title {
+  color: #ffffff;
+}
+
+:root[data-theme="dark"] .sm-cookie-cat-desc,
+[data-theme="dark"] .sm-cookie-cat-desc,
+.publication[data-theme="dark"] .sm-cookie-cat-desc {
+  color: #959e96;
+}
+
+:root[data-theme="dark"] .sm-cookie-table-wrapper,
+[data-theme="dark"] .sm-cookie-table-wrapper,
+.publication[data-theme="dark"] .sm-cookie-table-wrapper {
+  border-color: #29302a;
+}
+
+:root[data-theme="dark"] .sm-cookie-table th,
+[data-theme="dark"] .sm-cookie-table th,
+.publication[data-theme="dark"] .sm-cookie-table th {
+  background: #131514;
+  color: #959e96;
+  border-bottom-color: #29302a;
+}
+
+:root[data-theme="dark"] .sm-cookie-table td,
+[data-theme="dark"] .sm-cookie-table td,
+.publication[data-theme="dark"] .sm-cookie-table td {
+  color: #eaece8;
+  border-bottom-color: #29302a;
+}
+
+:root[data-theme="dark"] .sm-cookie-code,
+[data-theme="dark"] .sm-cookie-code,
+.publication[data-theme="dark"] .sm-cookie-code {
+  background: #252b27;
+  color: #ffffff;
+}
+
+:root[data-theme="dark"] .sm-cookie-save-bar,
+[data-theme="dark"] .sm-cookie-save-bar,
+.publication[data-theme="dark"] .sm-cookie-save-bar {
+  border-top-color: #29302a;
+}

package/dist/{chunk-PYCU2T5O.js → chunk-5QHNNRVQ.js}

@@ -1,5 +1,5 @@
 "use client";
-import { hasConsented, COOKIE_CONSENT_EVENT, acceptAllCookies, recordConsentToCompliance, rejectOptionalCookies } from './chunk-TJ7RL3PV.js';
+import { hasConsented, COOKIE_CONSENT_EVENT, acceptAllCookies, recordConsentToCompliance, rejectOptionalCookies } from './chunk-RNXTBN5Z.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-R33MJWND.js → chunk-AYSBXLOT.js}

@@ -1,5 +1,5 @@
 "use client";
-import { getCookieConsent, DEFAULT_PREFERENCES_ACCEPTED, COOKIE_CATEGORIES, setCookieConsent, recordConsentToCompliance, DEFAULT_PREFERENCES_REJECTED } from './chunk-TJ7RL3PV.js';
+import { getCookieConsent, DEFAULT_PREFERENCES_ACCEPTED, COOKIE_CATEGORIES, setCookieConsent, recordConsentToCompliance, DEFAULT_PREFERENCES_REJECTED } from './chunk-RNXTBN5Z.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/chunk-NQD3M7ZY.js

@@ -0,0 +1,283 @@
+"use client";
+import { useSyncExternalStore, useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/theme-toggle.tsx
+
+// src/theme.ts
+var THEME_COOKIE = "news_publication_theme";
+var THEME_STORAGE_KEY = "news_publication_theme";
+var THEME_EVENT = "news_publication_theme_change";
+var THEME_MAX_AGE_SECONDS = 365 * 24 * 60 * 60;
+var memoryTheme = "system";
+function getSystemTheme() {
+  if (typeof window === "undefined" || !window.matchMedia) return "light";
+  try {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  } catch {
+    return "light";
+  }
+}
+function resolveEffectiveTheme(mode) {
+  if (mode === "system") return getSystemTheme();
+  return mode;
+}
+function getStoredTheme() {
+  if (typeof window === "undefined") return memoryTheme;
+  try {
+    const stored = window.localStorage?.getItem?.(THEME_STORAGE_KEY);
+    if (stored === "light" || stored === "dark" || stored === "system") {
+      memoryTheme = stored;
+      return stored;
+    }
+  } catch {
+  }
+  if (typeof document !== "undefined" && document.cookie) {
+    try {
+      const match = document.cookie.match(new RegExp(`(?:^|; )${THEME_COOKIE}=([^;]*)`));
+      if (match) {
+        const decoded = decodeURIComponent(match[1]);
+        if (decoded === "light" || decoded === "dark" || decoded === "system") {
+          memoryTheme = decoded;
+          return decoded;
+        }
+      }
+    } catch {
+    }
+  }
+  return memoryTheme;
+}
+function applyTheme(mode) {
+  if (typeof document === "undefined") return;
+  try {
+    document.documentElement.setAttribute("data-theme", mode);
+    const elements = document.querySelectorAll(".publication");
+    elements.forEach((el) => el.setAttribute("data-theme", mode));
+  } catch {
+  }
+}
+var memoryListeners = /* @__PURE__ */ new Set();
+function setTheme(mode) {
+  memoryTheme = mode;
+  if (typeof window !== "undefined") {
+    try {
+      window.localStorage?.setItem?.(THEME_STORAGE_KEY, mode);
+    } catch {
+    }
+    if (typeof document !== "undefined") {
+      try {
+        document.cookie = `${THEME_COOKIE}=${encodeURIComponent(mode)}; path=/; max-age=${THEME_MAX_AGE_SECONDS}; SameSite=Lax`;
+      } catch {
+      }
+    }
+    applyTheme(mode);
+    const effective = resolveEffectiveTheme(mode);
+    try {
+      window.dispatchEvent(
+        new CustomEvent(THEME_EVENT, {
+          detail: { mode, effective }
+        })
+      );
+    } catch {
+    }
+  }
+  memoryListeners.forEach((listener) => {
+    try {
+      listener();
+    } catch {
+    }
+  });
+}
+function clearTheme() {
+  memoryTheme = "system";
+  if (typeof document !== "undefined") {
+    try {
+      document.cookie = `${THEME_COOKIE}=; path=/; max-age=0; SameSite=Lax`;
+      document.documentElement.removeAttribute("data-theme");
+    } catch {
+    }
+  }
+  if (typeof window !== "undefined") {
+    try {
+      window.localStorage?.removeItem?.(THEME_STORAGE_KEY);
+    } catch {
+    }
+  }
+  memoryListeners.forEach((listener) => {
+    try {
+      listener();
+    } catch {
+    }
+  });
+}
+function subscribeTheme(listener) {
+  memoryListeners.add(listener);
+  if (typeof window === "undefined") {
+    return () => {
+      memoryListeners.delete(listener);
+    };
+  }
+  const onStorage = (e) => {
+    if (e.key === THEME_STORAGE_KEY) {
+      applyTheme(getStoredTheme());
+      listener();
+    }
+  };
+  const onCustom = () => {
+    listener();
+  };
+  window.addEventListener("storage", onStorage);
+  window.addEventListener(THEME_EVENT, onCustom);
+  let mediaQuery;
+  let onMediaChange;
+  if (window.matchMedia) {
+    try {
+      mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      onMediaChange = () => {
+        if (getStoredTheme() === "system") {
+          applyTheme("system");
+          listener();
+        }
+      };
+      if (mediaQuery.addEventListener) {
+        mediaQuery.addEventListener("change", onMediaChange);
+      } else if (mediaQuery.addListener) {
+        mediaQuery.addListener(onMediaChange);
+      }
+    } catch {
+    }
+  }
+  return () => {
+    window.removeEventListener("storage", onStorage);
+    window.removeEventListener(THEME_EVENT, onCustom);
+    if (mediaQuery && onMediaChange) {
+      if (mediaQuery.removeEventListener) {
+        mediaQuery.removeEventListener("change", onMediaChange);
+      } else if (mediaQuery.removeListener) {
+        mediaQuery.removeListener(onMediaChange);
+      }
+    }
+  };
+}
+function themeInitScript() {
+  return `(function(){try{var k='${THEME_STORAGE_KEY}',m=localStorage.getItem(k);if(!m){var c=document.cookie.match(/(?:^|; )news_publication_theme=([^;]*)/);m=c?decodeURIComponent(c[1]):'system';}if(m==='light'||m==='dark'||m==='system'){document.documentElement.setAttribute('data-theme',m);}}catch(e){}})();`;
+}
+function SunIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" })
+  ] });
+}
+function MoonIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }) });
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+    /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+  ] });
+}
+function ThemeToggle({
+  variant = "compact",
+  className = "",
+  showPromotion = false,
+  accountUrl = "/account"
+}) {
+  const currentTheme = useSyncExternalStore(subscribeTheme, getStoredTheme, () => "system");
+  const [mounted, setMounted] = useState(false);
+  const [promoVisible, setPromoVisible] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const handleSelect = (mode) => {
+    setTheme(mode);
+    if (showPromotion) {
+      setPromoVisible(true);
+    }
+  };
+  const active = mounted ? currentTheme : "system";
+  return /* @__PURE__ */ jsxs("div", { className: `pub-theme-toggle-container ${className}`.trim(), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "pub-theme-toggle",
+        "data-variant": variant,
+        role: "group",
+        "aria-label": "Display theme selection",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleSelect("light"),
+              "aria-pressed": active === "light",
+              "data-active": active === "light",
+              title: "Light theme (broadsheet day edition)",
+              "aria-label": "Light theme",
+              children: [
+                /* @__PURE__ */ jsx(SunIcon, {}),
+                variant !== "compact" && /* @__PURE__ */ jsx("span", { children: "Light" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleSelect("dark"),
+              "aria-pressed": active === "dark",
+              "data-active": active === "dark",
+              title: "Dark theme (broadsheet evening edition)",
+              "aria-label": "Dark theme",
+              children: [
+                /* @__PURE__ */ jsx(MoonIcon, {}),
+                variant !== "compact" && /* @__PURE__ */ jsx("span", { children: "Dark" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleSelect("system"),
+              "aria-pressed": active === "system",
+              "data-active": active === "system",
+              title: "System preference (matches device setting)",
+              "aria-label": "System theme",
+              children: [
+                /* @__PURE__ */ jsx(SystemIcon, {}),
+                variant !== "compact" && /* @__PURE__ */ jsx("span", { children: "System" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    promoVisible && /* @__PURE__ */ jsxs("div", { className: "pub-theme-promo", role: "status", children: [
+      /* @__PURE__ */ jsx("span", { children: "Theme saved for this browser. " }),
+      /* @__PURE__ */ jsx("a", { href: accountUrl, children: "Create a free reader account" }),
+      /* @__PURE__ */ jsx("span", { children: " to sync preferences across all your devices." }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setPromoVisible(false),
+          "aria-label": "Dismiss note",
+          style: {
+            marginLeft: "8px",
+            background: "none",
+            border: "none",
+            cursor: "pointer",
+            color: "var(--pub-muted)",
+            fontSize: "12px",
+            padding: "0 4px"
+          },
+          children: "\xD7"
+        }
+      )
+    ] })
+  ] });
+}
+
+export { THEME_COOKIE, THEME_EVENT, THEME_MAX_AGE_SECONDS, THEME_STORAGE_KEY, ThemeToggle, applyTheme, clearTheme, getStoredTheme, getSystemTheme, resolveEffectiveTheme, setTheme, subscribeTheme, themeInitScript };

package/dist/{chunk-TJ7RL3PV.js → chunk-RNXTBN5Z.js}

@@ -83,6 +83,13 @@ var COOKIE_CATEGORIES = [
         duration: "1 year",
         type: "Local Storage"
       },
+      {
+        name: "news_publication_theme",
+        provider: "First-Party",
+        purpose: "Remembers your reading theme preference (light, dark, or system).",
+        duration: "1 year",
+        type: "HTTP Cookie"
+      },
       {
         name: "audio_narration_speed",
         provider: "First-Party",

package/dist/cookie-consent-banner.js

@@ -1,3 +1,3 @@
 "use client";
-export { CookieConsentBanner } from './chunk-PYCU2T5O.js';
-import './chunk-TJ7RL3PV.js';
+export { CookieConsentBanner } from './chunk-5QHNNRVQ.js';
+import './chunk-RNXTBN5Z.js';

package/dist/cookie-settings-view.cjs

@@ -89,6 +89,13 @@ var COOKIE_CATEGORIES = [
         duration: "1 year",
         type: "Local Storage"
       },
+      {
+        name: "news_publication_theme",
+        provider: "First-Party",
+        purpose: "Remembers your reading theme preference (light, dark, or system).",
+        duration: "1 year",
+        type: "HTTP Cookie"
+      },
       {
         name: "audio_narration_speed",
         provider: "First-Party",

package/dist/cookie-settings-view.js

@@ -1,3 +1,3 @@
 "use client";
-export { CookieSettingsView } from './chunk-R33MJWND.js';
-import './chunk-TJ7RL3PV.js';
+export { CookieSettingsView } from './chunk-AYSBXLOT.js';
+import './chunk-RNXTBN5Z.js';