@scalemule/news-publication 0.0.8 → 0.0.10

package/dist/marketplace-view.cjs

@@ -17,6 +17,9 @@ var CLASSIFIED_CATEGORIES = [
   { value: "community", label: "Community" },
   { value: "wanted", label: "Wanted" }
 ];
+function dealDollars(cents) {
+  return cents != null ? `$${(cents / 100).toFixed(2)}` : null;
+}
 function employmentLabel(value) {
   return JOB_EMPLOYMENT_TYPES.find((item) => item.value === value)?.label ?? "";
 }
@@ -62,11 +65,29 @@ function JobArticle({ job }) {
     ] })
   ] });
 }
+function DealsBlock({ deals }) {
+  if (deals.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "deals", "aria-label": "Deals", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Deals" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "meta", children: "We may earn a commission when you use these links." }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list", children: deals.map((deal) => {
+      const offer = deal.offers[0];
+      if (!offer) return null;
+      const stores = deal.offers.map((item) => item.merchant).filter(Boolean).join(", ");
+      return /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "item", href: `/classifieds/out/${encodeURIComponent(offer.id)}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: deal.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "meta", children: [stores, dealDollars(deal.price_cents ?? offer.price_cents), deal.coupon_code ? `Code ${deal.coupon_code}` : null, deal.locality].filter(Boolean).join(" \xB7 ") })
+      ] }, deal.id);
+    }) })
+  ] });
+}
 function ClassifiedsBoard({
   region,
   listings,
-  category
+  category,
+  deals = []
 }) {
+  const dealsFirst = listings.length < 8;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "np-market", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h1", { children: "Classifieds" }),
     /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "lead", children: [
@@ -82,13 +103,19 @@ function ClassifiedsBoard({
       /* @__PURE__ */ jsxRuntime.jsx("a", { className: !category ? "on" : void 0, href: "/classifieds", children: "All" }),
       CLASSIFIED_CATEGORIES.map((item) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: category === item.value ? "on" : void 0, href: `/classifieds?category=${item.value}`, children: item.label }, item.value))
     ] }),
-    listings.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "empty", children: [
+    dealsFirst ? /* @__PURE__ */ jsxRuntime.jsx(DealsBlock, { deals }) : null,
+    listings.length === 0 ? deals.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "empty", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "No classifieds yet." }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Post something neighbors might need." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "meta", children: [
+      "No neighbor listings yet. ",
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/classifieds/post", children: "Place a listing" }),
+      "."
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list", children: listings.map((listing) => /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "item", href: `/classifieds/${encodeURIComponent(listing.id)}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { children: listing.title }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "meta", children: [categoryLabel(listing.category), listing.location?.town, money(listing.price)].filter(Boolean).join(" \xB7 ") })
-    ] }, listing.id)) })
+    ] }, listing.id)) }),
+    dealsFirst ? null : /* @__PURE__ */ jsxRuntime.jsx(DealsBlock, { deals })
   ] });
 }
 function ClassifiedArticle({ listing }) {

package/dist/marketplace-view.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { b as ClassifiedListing, d as PublicJob } from './marketplace-Ch7mdJZv.cjs';
+import { b as ClassifiedListing, d as PublicDeal, f as PublicJob } from './marketplace-CpGWPbFk.cjs';
 
 declare function JobsBoard({ region, jobs, query }: {
     region: string;
@@ -9,10 +9,11 @@ declare function JobsBoard({ region, jobs, query }: {
 declare function JobArticle({ job }: {
     job: PublicJob;
 }): react.JSX.Element;
-declare function ClassifiedsBoard({ region, listings, category, }: {
+declare function ClassifiedsBoard({ region, listings, category, deals, }: {
     region: string;
     listings: ClassifiedListing[];
     category: string;
+    deals?: PublicDeal[];
 }): react.JSX.Element;
 declare function ClassifiedArticle({ listing }: {
     listing: ClassifiedListing;

package/dist/marketplace-view.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { b as ClassifiedListing, d as PublicJob } from './marketplace-Ch7mdJZv.js';
+import { b as ClassifiedListing, d as PublicDeal, f as PublicJob } from './marketplace-CpGWPbFk.js';
 
 declare function JobsBoard({ region, jobs, query }: {
     region: string;
@@ -9,10 +9,11 @@ declare function JobsBoard({ region, jobs, query }: {
 declare function JobArticle({ job }: {
     job: PublicJob;
 }): react.JSX.Element;
-declare function ClassifiedsBoard({ region, listings, category, }: {
+declare function ClassifiedsBoard({ region, listings, category, deals, }: {
     region: string;
     listings: ClassifiedListing[];
     category: string;
+    deals?: PublicDeal[];
 }): react.JSX.Element;
 declare function ClassifiedArticle({ listing }: {
     listing: ClassifiedListing;

package/dist/marketplace-view.js

@@ -1,4 +1,4 @@
-import { employmentLabel, CLASSIFIED_CATEGORIES, categoryLabel } from './chunk-YQXS2KQI.js';
+import { employmentLabel, CLASSIFIED_CATEGORIES, categoryLabel, dealDollars } from './chunk-C7ZPLH2K.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function money(price) {
@@ -40,11 +40,29 @@ function JobArticle({ job }) {
     ] })
   ] });
 }
+function DealsBlock({ deals }) {
+  if (deals.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "deals", "aria-label": "Deals", children: [
+    /* @__PURE__ */ jsx("h2", { children: "Deals" }),
+    /* @__PURE__ */ jsx("p", { className: "meta", children: "We may earn a commission when you use these links." }),
+    /* @__PURE__ */ jsx("div", { className: "list", children: deals.map((deal) => {
+      const offer = deal.offers[0];
+      if (!offer) return null;
+      const stores = deal.offers.map((item) => item.merchant).filter(Boolean).join(", ");
+      return /* @__PURE__ */ jsxs("a", { className: "item", href: `/classifieds/out/${encodeURIComponent(offer.id)}`, children: [
+        /* @__PURE__ */ jsx("h2", { children: deal.title }),
+        /* @__PURE__ */ jsx("p", { className: "meta", children: [stores, dealDollars(deal.price_cents ?? offer.price_cents), deal.coupon_code ? `Code ${deal.coupon_code}` : null, deal.locality].filter(Boolean).join(" \xB7 ") })
+      ] }, deal.id);
+    }) })
+  ] });
+}
 function ClassifiedsBoard({
   region,
   listings,
-  category
+  category,
+  deals = []
 }) {
+  const dealsFirst = listings.length < 8;
   return /* @__PURE__ */ jsxs("div", { className: "np-market", children: [
     /* @__PURE__ */ jsx("h1", { children: "Classifieds" }),
     /* @__PURE__ */ jsxs("p", { className: "lead", children: [
@@ -60,13 +78,19 @@ function ClassifiedsBoard({
       /* @__PURE__ */ jsx("a", { className: !category ? "on" : void 0, href: "/classifieds", children: "All" }),
       CLASSIFIED_CATEGORIES.map((item) => /* @__PURE__ */ jsx("a", { className: category === item.value ? "on" : void 0, href: `/classifieds?category=${item.value}`, children: item.label }, item.value))
     ] }),
-    listings.length === 0 ? /* @__PURE__ */ jsxs("section", { className: "empty", children: [
+    dealsFirst ? /* @__PURE__ */ jsx(DealsBlock, { deals }) : null,
+    listings.length === 0 ? deals.length === 0 ? /* @__PURE__ */ jsxs("section", { className: "empty", children: [
       /* @__PURE__ */ jsx("h2", { children: "No classifieds yet." }),
       /* @__PURE__ */ jsx("p", { children: "Post something neighbors might need." })
+    ] }) : /* @__PURE__ */ jsxs("p", { className: "meta", children: [
+      "No neighbor listings yet. ",
+      /* @__PURE__ */ jsx("a", { href: "/classifieds/post", children: "Place a listing" }),
+      "."
     ] }) : /* @__PURE__ */ jsx("div", { className: "list", children: listings.map((listing) => /* @__PURE__ */ jsxs("a", { className: "item", href: `/classifieds/${encodeURIComponent(listing.id)}`, children: [
       /* @__PURE__ */ jsx("h2", { children: listing.title }),
       /* @__PURE__ */ jsx("p", { className: "meta", children: [categoryLabel(listing.category), listing.location?.town, money(listing.price)].filter(Boolean).join(" \xB7 ") })
-    ] }, listing.id)) })
+    ] }, listing.id)) }),
+    dealsFirst ? null : /* @__PURE__ */ jsx(DealsBlock, { deals })
   ] });
 }
 function ClassifiedArticle({ listing }) {

package/dist/theme-toggle.cjs

@@ -0,0 +1,258 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// 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 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 SunIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4" }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }) });
+}
+function SystemIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+  ] });
+}
+function ThemeToggle({
+  variant = "compact",
+  className = "",
+  showPromotion = false,
+  accountUrl = "/account"
+}) {
+  const currentTheme = react.useSyncExternalStore(subscribeTheme, getStoredTheme, () => "system");
+  const [mounted, setMounted] = react.useState(false);
+  const [promoVisible, setPromoVisible] = react.useState(false);
+  react.useEffect(() => {
+    setMounted(true);
+  }, []);
+  const handleSelect = (mode) => {
+    setTheme(mode);
+    if (showPromotion) {
+      setPromoVisible(true);
+    }
+  };
+  const active = mounted ? currentTheme : "system";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `pub-theme-toggle-container ${className}`.trim(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "pub-theme-toggle",
+        "data-variant": variant,
+        role: "group",
+        "aria-label": "Display theme selection",
+        children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(SunIcon, {}),
+                variant !== "compact" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Light" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(MoonIcon, {}),
+                variant !== "compact" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Dark" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(SystemIcon, {}),
+                variant !== "compact" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "System" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    promoVisible && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pub-theme-promo", role: "status", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Theme saved for this browser. " }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: accountUrl, children: "Create a free reader account" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: " to sync preferences across all your devices." }),
+      /* @__PURE__ */ jsxRuntime.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"
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.ThemeToggle = ThemeToggle;

package/dist/theme-toggle.d.cts

@@ -0,0 +1,22 @@
+import react__default from 'react';
+
+interface ThemeToggleProps {
+    /**
+     * "compact": Micro-pill with icons only (ideal for header utility bar).
+     * "inline": Broadsheet rectangular tabs with text and icons (ideal for article reading tools).
+     * "segmented": Pill with icons and labels (ideal for account, settings, or footer).
+     */
+    variant?: "compact" | "inline" | "segmented";
+    /** Optional extra class name applied to container */
+    className?: string;
+    /**
+     * When true, displays a subtle, tasteful message when the user changes the theme:
+     * "Theme saved on this browser. Create a free reader account to sync across devices."
+     */
+    showPromotion?: boolean;
+    /** Link for reader account / sync. Default: "/account" */
+    accountUrl?: string;
+}
+declare function ThemeToggle({ variant, className, showPromotion, accountUrl, }: ThemeToggleProps): react__default.JSX.Element;
+
+export { ThemeToggle, type ThemeToggleProps };

package/dist/theme-toggle.d.ts

@@ -0,0 +1,22 @@
+import react__default from 'react';
+
+interface ThemeToggleProps {
+    /**
+     * "compact": Micro-pill with icons only (ideal for header utility bar).
+     * "inline": Broadsheet rectangular tabs with text and icons (ideal for article reading tools).
+     * "segmented": Pill with icons and labels (ideal for account, settings, or footer).
+     */
+    variant?: "compact" | "inline" | "segmented";
+    /** Optional extra class name applied to container */
+    className?: string;
+    /**
+     * When true, displays a subtle, tasteful message when the user changes the theme:
+     * "Theme saved on this browser. Create a free reader account to sync across devices."
+     */
+    showPromotion?: boolean;
+    /** Link for reader account / sync. Default: "/account" */
+    accountUrl?: string;
+}
+declare function ThemeToggle({ variant, className, showPromotion, accountUrl, }: ThemeToggleProps): react__default.JSX.Element;
+
+export { ThemeToggle, type ThemeToggleProps };

package/dist/theme-toggle.js

@@ -0,0 +1,2 @@
+"use client";
+export { ThemeToggle } from './chunk-NQD3M7ZY.js';

package/marketplace.css

@@ -59,3 +59,5 @@
   color: inherit;
 }
 .np-market .filter a.on, .np-market .filter a:hover { border-color: var(--pub-ink, #171917); color: var(--pub-accent, #bb171d); }
+.np-market .deals { margin: 0 0 28px; }
+.np-market .deals h2 { font: 600 22px/1.2 var(--pub-serif); margin: 0 0 8px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalemule/news-publication",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Shared server framework for ScaleMule local news publications. Walnut Creek Times is the broadsheet default; each paper supplies its own identity and feature flags.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -49,7 +49,12 @@
       "import": "./dist/cookie-settings-view.js",
       "require": "./dist/cookie-settings-view.cjs"
     },
-    "./cookie-consent.css": "./cookie-consent.css"
+    "./cookie-consent.css": "./cookie-consent.css",
+    "./theme-toggle": {
+      "types": "./dist/theme-toggle.d.ts",
+      "import": "./dist/theme-toggle.js",
+      "require": "./dist/theme-toggle.cjs"
+    }
   },
   "files": [
     "dist",