@scalemule/news-publication 0.0.21 → 0.0.23

package/dist/verified-card.d.cts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { V as VerifiedCard } from './types-DFDCZHbS.cjs';
+
+/**
+ * Validate that an action link is safe for readers.
+ * Rejects javascript:, data:, blob:, credentials, and loopback/internal hosts.
+ */
+declare function isSafeActionUrl(raw: unknown): boolean;
+/**
+ * Sanitize and project raw API metadata cards into strictly validated `VerifiedCard[]`.
+ * If rawCards is empty or absent and a slug is provided, checks the curated community cards registry.
+ */
+declare function getArticleCards(rawCards?: unknown, slug?: string): VerifiedCard[];
+declare function VerifiedCardComponent({ card, className, }: {
+    card: VerifiedCard;
+    className?: string;
+}): react.JSX.Element;
+declare function VerifiedCardSection({ cards, className, }: {
+    cards?: VerifiedCard[];
+    className?: string;
+}): react.JSX.Element | null;
+
+export { VerifiedCardComponent, VerifiedCardSection, getArticleCards, isSafeActionUrl };

package/dist/verified-card.d.ts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { V as VerifiedCard } from './types-DFDCZHbS.js';
+
+/**
+ * Validate that an action link is safe for readers.
+ * Rejects javascript:, data:, blob:, credentials, and loopback/internal hosts.
+ */
+declare function isSafeActionUrl(raw: unknown): boolean;
+/**
+ * Sanitize and project raw API metadata cards into strictly validated `VerifiedCard[]`.
+ * If rawCards is empty or absent and a slug is provided, checks the curated community cards registry.
+ */
+declare function getArticleCards(rawCards?: unknown, slug?: string): VerifiedCard[];
+declare function VerifiedCardComponent({ card, className, }: {
+    card: VerifiedCard;
+    className?: string;
+}): react.JSX.Element;
+declare function VerifiedCardSection({ cards, className, }: {
+    cards?: VerifiedCard[];
+    className?: string;
+}): react.JSX.Element | null;
+
+export { VerifiedCardComponent, VerifiedCardSection, getArticleCards, isSafeActionUrl };

package/dist/verified-card.js

@@ -0,0 +1 @@
+export { VerifiedCardComponent, VerifiedCardSection, getArticleCards, isSafeActionUrl } from './chunk-FMCHQI7K.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalemule/news-publication",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "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",
@@ -69,13 +69,20 @@
       "types": "./dist/network-bar.d.ts",
       "import": "./dist/network-bar.js",
       "require": "./dist/network-bar.cjs"
-    }
+    },
+    "./verified-card": {
+      "types": "./dist/verified-card.d.ts",
+      "import": "./dist/verified-card.js",
+      "require": "./dist/verified-card.cjs"
+    },
+    "./verified-card.css": "./verified-card.css"
   },
   "files": [
     "dist",
     "tokens",
     "marketplace.css",
     "cookie-consent.css",
+    "verified-card.css",
     "README.md",
     "LICENSE"
   ],

package/tokens/broadsheet.css

@@ -263,3 +263,213 @@
   text-decoration: underline;
   text-underline-offset: 3px;
 }
+
+/*
+ * Broadsheet Verified Factsheet Card
+ */
+.article-verified-card {
+  margin: 2.25rem 0 2rem 0;
+  border: 1px solid var(--pub-rule, var(--news-border, #d7dcd7));
+  border-top: 3px solid var(--pub-accent, var(--news-nameplate, #bb171d));
+  background-color: var(--pub-paper, var(--news-paper, #ffffff));
+  color: var(--pub-ink, var(--news-ink, #171917));
+  padding: 1.5rem 1.75rem;
+  box-sizing: border-box;
+}
+
+@media (max-width: 640px) {
+  .article-verified-card {
+    padding: 1.25rem 1rem;
+    margin: 1.75rem 0 1.5rem 0;
+  }
+}
+
+.article-verified-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-bottom: 0.5rem;
+}
+
+.article-verified-card__kicker {
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--pub-accent, var(--news-nameplate, #bb171d));
+  margin: 0;
+}
+
+.article-verified-card__badge {
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.6875rem;
+  font-weight: 600;
+  color: var(--pub-ink, var(--news-ink, #171917));
+  background-color: var(--pub-soft, #f0f2f0);
+  padding: 0.2rem 0.55rem;
+  border-radius: 2px;
+  white-space: nowrap;
+}
+
+.article-verified-card__title {
+  font-family: var(--pub-serif, Georgia, "Times New Roman", serif);
+  font-size: 1.375rem;
+  font-weight: 700;
+  line-height: 1.25;
+  color: var(--pub-ink, var(--news-ink, #171917));
+  margin: 0.25rem 0 0.25rem 0;
+}
+
+@media (max-width: 640px) {
+  .article-verified-card__title {
+    font-size: 1.25rem;
+  }
+}
+
+.article-verified-card__subtitle {
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.875rem;
+  color: var(--pub-muted, var(--news-muted, #545c55));
+  margin: 0 0 0.875rem 0;
+  line-height: 1.4;
+}
+
+.article-verified-card__summary {
+  font-family: var(--pub-serif, Georgia, "Times New Roman", serif);
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  color: var(--pub-ink, #2d312e);
+  margin: 0 0 1.25rem 0;
+}
+
+.article-verified-card__fact-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 0.625rem;
+  border-top: 1px solid var(--pub-rule, #eef0ee);
+  border-bottom: 1px solid var(--pub-rule, #eef0ee);
+  padding: 1rem 0;
+  margin: 0 0 1.25rem 0;
+}
+
+.article-verified-card__fact-row {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  gap: 1rem;
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.875rem;
+  line-height: 1.4;
+}
+
+@media (max-width: 540px) {
+  .article-verified-card__fact-row {
+    flex-direction: column;
+    gap: 0.125rem;
+  }
+}
+
+.article-verified-card__fact-label {
+  min-width: 140px;
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--pub-muted, var(--news-muted, #545c55));
+  flex-shrink: 0;
+  margin: 0;
+}
+
+.article-verified-card__fact-value {
+  color: var(--pub-ink, var(--news-ink, #171917));
+  font-weight: 500;
+  margin: 0;
+}
+
+.article-verified-card__fact-link {
+  color: var(--pub-ink, var(--news-ink, #171917));
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-color: var(--pub-muted, #a0a6a0);
+  transition: color 0.15s ease, text-decoration-color 0.15s ease;
+}
+
+.article-verified-card__fact-link:hover {
+  color: var(--pub-accent, var(--news-nameplate, #bb171d));
+  text-decoration-color: var(--pub-accent, var(--news-nameplate, #bb171d));
+}
+
+.article-verified-card__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  margin: 1.25rem 0 0 0;
+}
+
+.article-verified-card__action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.375rem;
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.8125rem;
+  font-weight: 600;
+  border-radius: 2px;
+  text-decoration: none !important;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+}
+
+.article-verified-card__action--primary {
+  background-color: var(--pub-ink, var(--news-ink, #171917));
+  color: var(--pub-paper, #ffffff) !important;
+  padding: 0.625rem 1.125rem;
+}
+
+.article-verified-card__action--primary:hover {
+  background-color: var(--pub-accent, var(--news-nameplate, #bb171d));
+}
+
+.article-verified-card__action--secondary {
+  background-color: transparent;
+  color: var(--pub-ink, var(--news-ink, #171917)) !important;
+  border: 1px solid var(--pub-ink, var(--news-ink, #171917));
+  padding: 0.5625rem 1rem;
+}
+
+.article-verified-card__action--secondary:hover {
+  background-color: var(--pub-soft, #f2f4f2);
+}
+
+.article-verified-card__footer {
+  border-top: 1px solid var(--pub-rule, #eef0ee);
+  margin-top: 1.25rem;
+  padding-top: 0.75rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.75rem;
+  color: var(--pub-muted, var(--news-muted, #545c55));
+}
+
+.article-verified-card__seal {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  color: var(--pub-sponsor, #173e32);
+  font-weight: 600;
+}
+
+.article-verified-card__seal-check {
+  color: var(--pub-sponsor, #173e32);
+  font-weight: 700;
+}
+
+.article-verified-card__date {
+  color: var(--pub-muted, var(--news-muted, #545c55));
+  font-weight: 400;
+}

package/verified-card.css

@@ -0,0 +1,208 @@
+/* Broadsheet Verified Factsheet Card — WSJ & The Economist aesthetic */
+
+.article-verified-card {
+  margin: 2.25rem 0 2rem 0;
+  border: 1px solid var(--pub-rule, var(--news-border, #d7dcd7));
+  border-top: 3px solid var(--pub-accent, var(--news-nameplate, #bb171d));
+  background-color: var(--pub-paper, var(--news-paper, #ffffff));
+  color: var(--pub-ink, var(--news-ink, #171917));
+  padding: 1.5rem 1.75rem;
+  box-sizing: border-box;
+}
+
+@media (max-width: 640px) {
+  .article-verified-card {
+    padding: 1.25rem 1rem;
+    margin: 1.75rem 0 1.5rem 0;
+  }
+}
+
+.article-verified-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  margin-bottom: 0.5rem;
+}
+
+.article-verified-card__kicker {
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--pub-accent, var(--news-nameplate, #bb171d));
+  margin: 0;
+}
+
+.article-verified-card__badge {
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.6875rem;
+  font-weight: 600;
+  color: var(--pub-ink, var(--news-ink, #171917));
+  background-color: var(--pub-soft, #f0f2f0);
+  padding: 0.2rem 0.55rem;
+  border-radius: 2px;
+  white-space: nowrap;
+}
+
+.article-verified-card__title {
+  font-family: var(--pub-serif, Georgia, "Times New Roman", serif);
+  font-size: 1.375rem;
+  font-weight: 700;
+  line-height: 1.25;
+  color: var(--pub-ink, var(--news-ink, #171917));
+  margin: 0.25rem 0 0.25rem 0;
+}
+
+@media (max-width: 640px) {
+  .article-verified-card__title {
+    font-size: 1.25rem;
+  }
+}
+
+.article-verified-card__subtitle {
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.875rem;
+  color: var(--pub-muted, var(--news-muted, #545c55));
+  margin: 0 0 0.875rem 0;
+  line-height: 1.4;
+}
+
+.article-verified-card__summary {
+  font-family: var(--pub-serif, Georgia, "Times New Roman", serif);
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  color: var(--pub-ink, #2d312e);
+  margin: 0 0 1.25rem 0;
+}
+
+.article-verified-card__fact-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 0.625rem;
+  border-top: 1px solid var(--pub-rule, #eef0ee);
+  border-bottom: 1px solid var(--pub-rule, #eef0ee);
+  padding: 1rem 0;
+  margin: 0 0 1.25rem 0;
+}
+
+.article-verified-card__fact-row {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  gap: 1rem;
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.875rem;
+  line-height: 1.4;
+}
+
+@media (max-width: 540px) {
+  .article-verified-card__fact-row {
+    flex-direction: column;
+    gap: 0.125rem;
+  }
+}
+
+.article-verified-card__fact-label {
+  min-width: 140px;
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  color: var(--pub-muted, var(--news-muted, #545c55));
+  flex-shrink: 0;
+  margin: 0;
+}
+
+.article-verified-card__fact-value {
+  color: var(--pub-ink, var(--news-ink, #171917));
+  font-weight: 500;
+  margin: 0;
+}
+
+.article-verified-card__fact-link {
+  color: var(--pub-ink, var(--news-ink, #171917));
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-color: var(--pub-muted, #a0a6a0);
+  transition: color 0.15s ease, text-decoration-color 0.15s ease;
+}
+
+.article-verified-card__fact-link:hover {
+  color: var(--pub-accent, var(--news-nameplate, #bb171d));
+  text-decoration-color: var(--pub-accent, var(--news-nameplate, #bb171d));
+}
+
+.article-verified-card__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  margin: 1.25rem 0 0 0;
+}
+
+.article-verified-card__action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.375rem;
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.8125rem;
+  font-weight: 600;
+  border-radius: 2px;
+  text-decoration: none !important;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+}
+
+.article-verified-card__action--primary {
+  background-color: var(--pub-ink, var(--news-ink, #171917));
+  color: var(--pub-paper, #ffffff) !important;
+  padding: 0.625rem 1.125rem;
+}
+
+.article-verified-card__action--primary:hover {
+  background-color: var(--pub-accent, var(--news-nameplate, #bb171d));
+}
+
+.article-verified-card__action--secondary {
+  background-color: transparent;
+  color: var(--pub-ink, var(--news-ink, #171917)) !important;
+  border: 1px solid var(--pub-ink, var(--news-ink, #171917));
+  padding: 0.5625rem 1rem;
+}
+
+.article-verified-card__action--secondary:hover {
+  background-color: var(--pub-soft, #f2f4f2);
+}
+
+.article-verified-card__footer {
+  border-top: 1px solid var(--pub-rule, #eef0ee);
+  margin-top: 1.25rem;
+  padding-top: 0.75rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-family: var(--pub-sans, Arial, Helvetica, sans-serif);
+  font-size: 0.75rem;
+  color: var(--pub-muted, var(--news-muted, #545c55));
+}
+
+.article-verified-card__seal {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  color: var(--pub-sponsor, #173e32);
+  font-weight: 600;
+}
+
+.article-verified-card__seal-check {
+  color: var(--pub-sponsor, #173e32);
+  font-weight: 700;
+}
+
+.article-verified-card__date {
+  color: var(--pub-muted, var(--news-muted, #545c55));
+  font-weight: 400;
+}