grok-digest 0.1.1 → 0.3.0

package/dist/components/BookmarkControls.js

@@ -0,0 +1,252 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon, SearchIcon } from "lucide-react";
+import { cn } from "cn";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Button } from "./ui/button.js";
+import { Input } from "./ui/input.js";
+import { filterSearch, parseFilter, VIEWS } from "../lib/filter.js";
+import { dailyReview, localDay } from "../lib/review.js";
+import { matchingIds } from "../lib/search.js";
+import { TOPIC_LABELS, TOPICS } from "../lib/topics.js";
+const STORAGE_PREFIX = `grok-digest:${import.meta.env.BASE_URL}:`;
+const DONE_KEY = `${STORAGE_PREFIX}done`;
+const REVIEW_KEY = `${STORAGE_PREFIX}review`;
+const COLLAPSED_KEY = `${STORAGE_PREFIX}collapsed`;
+const VIEW_LABELS = { today: "Today", inbox: "Inbox", done: "Done", all: "All" };
+const FORM_FIELDS = "input, textarea, select, [contenteditable]";
+function readStored(key) {
+    try {
+        const raw = window.localStorage.getItem(key);
+        return raw === null ? null : JSON.parse(raw);
+    }
+    catch {
+        return null;
+    }
+}
+function writeStored(key, value) {
+    try {
+        window.localStorage.setItem(key, JSON.stringify(value));
+    }
+    catch { }
+}
+function isStringArray(value) {
+    return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+function isStoredReview(value) {
+    if (typeof value !== "object" || value === null || !("day" in value) || !("picks" in value))
+        return false;
+    const { day, picks } = value;
+    return (typeof day === "string" &&
+        Array.isArray(picks) &&
+        picks.every((pick) => typeof pick === "object" &&
+            pick !== null &&
+            "id" in pick &&
+            "reason" in pick &&
+            typeof pick.id === "string" &&
+            typeof pick.reason === "string"));
+}
+function storedDone() {
+    const stored = readStored(DONE_KEY);
+    return new Set(isStringArray(stored) ? stored : []);
+}
+function todaysReview(entries, done) {
+    const today = localDay(new Date());
+    const stored = readStored(REVIEW_KEY);
+    if (isStoredReview(stored) && stored.day === today) {
+        const ids = new Set(entries.map(({ id }) => id));
+        return stored.picks.filter(({ id }) => ids.has(id));
+    }
+    const picks = dailyReview({ bookmarks: entries, done, today });
+    writeStored(REVIEW_KEY, { day: today, picks });
+    return picks;
+}
+function linkedCard() {
+    const target = window.location.hash.slice(1);
+    return target === "" ? null : document.querySelector(`[data-bookmark-id][id="${CSS.escape(target)}"]`);
+}
+function initialFilter(reviewIsEmpty) {
+    const filter = parseFilter(window.location.search, { reviewIsEmpty });
+    return linkedCard() === null ? filter : { ...filter, view: "all" };
+}
+function cards() {
+    return [...document.querySelectorAll("[data-bookmark-id]")];
+}
+function focusCard(card) {
+    if (card === undefined)
+        return;
+    card.querySelector("summary")?.focus({ preventScroll: true });
+    card.scrollIntoView({ block: "start" });
+}
+const COPY_LABEL = "Copy";
+const COPY_RESET_MS = 2000;
+const copyResets = new WeakMap();
+function showCopyResult(button, copied) {
+    const label = button.querySelector("[data-copy-label]");
+    if (label !== null)
+        label.textContent = copied ? "Copied" : "Couldn't copy";
+    button.toggleAttribute("data-copied", copied);
+    clearTimeout(copyResets.get(button));
+    copyResets.set(button, setTimeout(() => {
+        if (label !== null)
+            label.textContent = COPY_LABEL;
+        button.removeAttribute("data-copied");
+    }, COPY_RESET_MS));
+}
+function copyFrom(button) {
+    if (button === null || button === undefined)
+        return;
+    navigator.clipboard.writeText(button.dataset["copy"] ?? "").then(() => showCopyResult(button, true), () => showCopyResult(button, false));
+}
+function plural(count, noun) {
+    return `${count} ${count === 1 ? noun : `${noun}s`}`;
+}
+export function BookmarkControls({ entries }) {
+    const [review] = useState(() => todaysReview(entries, storedDone()));
+    const reviewIsEmpty = review.length === 0;
+    const [filter, setFilter] = useState(() => initialFilter(reviewIsEmpty));
+    const [done, setDone] = useState(storedDone);
+    const [collapsed, setCollapsed] = useState(() => readStored(COLLAPSED_KEY) === true);
+    const searchRef = useRef(null);
+    const { query, topic, view } = filter;
+    const searching = query.trim() !== "";
+    const reviewIds = useMemo(() => new Set(review.map(({ id }) => id)), [review]);
+    const reasons = useMemo(() => new Map(review.map(({ id, reason }) => [id, reason])), [review]);
+    const visible = useMemo(() => matchingIds({ entries, filter, triage: { done, review: reviewIds } }), [entries, filter, done, reviewIds]);
+    const topicsInUse = useMemo(() => TOPICS.filter((t) => entries.some((entry) => entry.topic === t)), [entries]);
+    const doneCount = entries.filter(({ id }) => done.has(id)).length;
+    const reviewedCount = review.filter(({ id }) => done.has(id)).length;
+    const counts = {
+        today: review.length,
+        inbox: entries.length - doneCount,
+        done: doneCount,
+        all: entries.length,
+    };
+    useEffect(() => {
+        const showReasons = view === "today" && !searching;
+        for (const card of cards()) {
+            const id = card.dataset["bookmarkId"] ?? "";
+            card.hidden = !visible.has(id);
+            card.toggleAttribute("data-done", done.has(id));
+            card.querySelector("[data-done-toggle]")?.setAttribute("aria-pressed", String(done.has(id)));
+            const reason = card.querySelector("[data-review-reason]");
+            const text = showReasons ? reasons.get(id) : undefined;
+            if (reason !== null) {
+                reason.hidden = text === undefined;
+                reason.textContent = text ?? "";
+            }
+        }
+    }, [visible, done, reasons, view, searching]);
+    useEffect(() => {
+        for (const details of document.querySelectorAll("[data-bookmark-id] details")) {
+            details.open = !collapsed;
+        }
+        writeStored(COLLAPSED_KEY, collapsed);
+    }, [collapsed]);
+    useEffect(() => {
+        writeStored(DONE_KEY, [...done]);
+    }, [done]);
+    useEffect(() => {
+        const next = `${window.location.pathname}${filterSearch(filter, { reviewIsEmpty })}${window.location.hash}`;
+        const current = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+        if (current !== next)
+            window.history.replaceState(null, "", next);
+    }, [filter, reviewIsEmpty]);
+    useEffect(() => {
+        document.querySelector("[data-bookmark-list]")?.toggleAttribute("data-ready", true);
+        const linked = linkedCard();
+        linked?.querySelector("details")?.setAttribute("open", "");
+        linked?.scrollIntoView({ block: "start" });
+    }, []);
+    useEffect(() => {
+        const toggleDone = (card) => {
+            const id = card.dataset["bookmarkId"] ?? "";
+            setDone((previous) => {
+                const next = new Set(previous);
+                if (!next.delete(id))
+                    next.add(id);
+                return next;
+            });
+        };
+        const onClick = (event) => {
+            if (!(event.target instanceof Element))
+                return;
+            copyFrom(event.target.closest("[data-copy]"));
+            const card = event.target.closest("[data-done-toggle]")?.closest("[data-bookmark-id]");
+            if (card !== null && card !== undefined)
+                toggleDone(card);
+        };
+        const onKeyDown = (event) => {
+            if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey)
+                return;
+            if (event.target instanceof HTMLElement && event.target.closest(FORM_FIELDS) !== null) {
+                if (event.key === "Escape")
+                    event.target.blur();
+                return;
+            }
+            const shown = cards().filter((card) => !card.hidden);
+            const current = document.activeElement?.closest("[data-bookmark-id]") ?? null;
+            const index = current === null ? -1 : shown.indexOf(current);
+            switch (event.key) {
+                case "j":
+                    focusCard(shown[Math.min(index + 1, shown.length - 1)]);
+                    break;
+                case "k":
+                    focusCard(shown[Math.max(index - 1, 0)]);
+                    break;
+                case "e": {
+                    if (current === null)
+                        return;
+                    const neighbor = shown[index + 1] ?? shown[index - 1];
+                    toggleDone(current);
+                    setTimeout(() => {
+                        if (current.hidden)
+                            focusCard(neighbor);
+                    });
+                    break;
+                }
+                case "c":
+                    copyFrom(current?.querySelector("[data-copy]"));
+                    break;
+                case "o": {
+                    const url = current?.dataset["url"];
+                    if (url !== undefined)
+                        window.open(url, "_blank", "noopener,noreferrer");
+                    break;
+                }
+                case "/":
+                    searchRef.current?.focus();
+                    break;
+                default:
+                    return;
+            }
+            event.preventDefault();
+        };
+        document.addEventListener("click", onClick);
+        document.addEventListener("keydown", onKeyDown);
+        return () => {
+            document.removeEventListener("click", onClick);
+            document.removeEventListener("keydown", onKeyDown);
+        };
+    }, []);
+    const update = (change) => setFilter((previous) => ({ ...previous, ...change }));
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "relative", children: [_jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { ref: searchRef, type: "search", value: query, onChange: (event) => update({ query: event.target.value }), placeholder: "Search all bookmarks", "aria-label": "Search bookmarks", className: "h-10 rounded-full bg-card pl-9 dark:bg-card" })] }), _jsx("fieldset", { "aria-label": "Choose a view", className: "flex w-fit min-w-0 flex-wrap gap-1 rounded-full bg-muted p-1", children: VIEWS.map((v) => (_jsxs("button", { type: "button", "aria-pressed": view === v && !searching, onClick: () => update({ view: v, query: "" }), className: "inline-flex h-8 items-center gap-1.5 rounded-full px-3.5 text-sm font-medium text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 aria-pressed:bg-card aria-pressed:text-foreground aria-pressed:shadow-xs", children: [VIEW_LABELS[v], _jsx("span", { className: "text-xs text-muted-foreground tabular-nums in-aria-pressed:font-semibold in-aria-pressed:text-brand-ink", children: counts[v] })] }, v))) }), _jsxs("fieldset", { "aria-label": "Filter by topic", className: "flex min-w-0 flex-wrap gap-2", children: [_jsx(TopicChip, { label: "All topics", pressed: topic === null, onClick: () => update({ topic: null }) }), topicsInUse.map((t) => (_jsx(TopicChip, { topic: t, label: TOPIC_LABELS[t], pressed: topic === t, onClick: () => update({ topic: topic === t ? null : t }) }, t)))] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-2", children: [_jsx("p", { "aria-live": "polite", className: "text-sm text-muted-foreground", children: _jsx(Status, { view: view, searching: searching, visible: visible.size, reviewed: reviewedCount, reviewSize: review.length, inbox: counts.inbox }) }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("p", { className: "hidden text-xs text-muted-foreground sm:block", children: [_jsx("kbd", { children: "j" }), "/", _jsx("kbd", { children: "k" }), " move \u00B7 ", _jsx("kbd", { children: "e" }), " done \u00B7 ", _jsx("kbd", { children: "c" }), " copy \u00B7 ", _jsx("kbd", { children: "o" }), " open \u00B7 ", _jsx("kbd", { children: "/" }), " ", "search"] }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setCollapsed(!collapsed), children: [collapsed ? _jsx(ChevronsUpDownIcon, { "aria-hidden": "true" }) : _jsx(ChevronsDownUpIcon, { "aria-hidden": "true" }), collapsed ? "Expand all" : "Collapse all"] })] })] })] }));
+}
+function Status({ view, searching, visible, reviewed, reviewSize, inbox, }) {
+    if (searching)
+        return visible === 0 ? "No bookmarks match your search." : `${plural(visible, "result")} in all bookmarks`;
+    if (view === "today") {
+        if (reviewSize === 0)
+            return `Nothing to review today. ${plural(inbox, "bookmark")} in your inbox.`;
+        if (reviewed === reviewSize)
+            return "All caught up for today. Come back tomorrow.";
+        return `${reviewed} of ${reviewSize} reviewed today`;
+    }
+    if (view === "inbox" && inbox === 0)
+        return "Inbox zero. Everything is done.";
+    if (view === "done" && visible === 0)
+        return "Nothing marked done yet.";
+    return plural(visible, "bookmark");
+}
+function TopicChip({ topic, label, pressed, onClick, }) {
+    return (_jsxs(Button, { type: "button", size: "sm", variant: pressed ? "default" : "outline", "aria-pressed": pressed, onClick: onClick, "data-topic": topic, className: cn("rounded-full px-3", topic !== undefined && pressed && "bg-topic text-topic-foreground hover:bg-topic/85"), children: [topic !== undefined && (_jsx("span", { "aria-hidden": "true", className: "size-2 rounded-full bg-topic group-aria-pressed/button:bg-current" })), label] }));
+}

package/dist/components/ui/card.d.ts

@@ -2,7 +2,4 @@ import * as React from "react";
 declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
     size?: "default" | "sm";
 }): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Card, CardHeader, CardFooter, CardContent };
+export { Card };

package/dist/components/ui/card.js

@@ -4,13 +4,4 @@ import { cn } from "cn";
 function Card({ className, size = "default", ...props }) {
     return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
 }
-function CardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className), ...props }));
-}
-function CardContent({ className, ...props }) {
-    return _jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
-}
-function CardFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)", className), ...props }));
-}
-export { Card, CardHeader, CardFooter, CardContent };
+export { Card };

package/dist/index.js

@@ -13,9 +13,12 @@ const ROUTES = [
     { pattern: "/rss/[topic].xml", entrypoint: `pages/rss/[topic].xml${SCRIPT_EXTENSION}` },
     { pattern: "/favicon.svg", entrypoint: `routes/favicon.svg${SCRIPT_EXTENSION}` },
     { pattern: "/robots.txt", entrypoint: `routes/robots.txt${SCRIPT_EXTENSION}` },
+    { pattern: "/manifest.webmanifest", entrypoint: `routes/manifest.webmanifest${SCRIPT_EXTENSION}` },
+    { pattern: "/icon-[size].png", entrypoint: `routes/icon-[size].png${SCRIPT_EXTENSION}` },
 ];
 const RENDERER_PACKAGES = ["@astrojs/react", "react", "react-dom"];
 const PACKAGE_ENTRY = fileURLToPath(import.meta.url);
+const PACKAGE_ROOT = path.resolve(path.dirname(PACKAGE_ENTRY), "..");
 const isRendererImport = (id) => RENDERER_PACKAGES.some((name) => id === name || id.startsWith(`${name}/`));
 function replaceInPlace(list, replacement) {
     list.splice(0, list.length, ...replacement);
@@ -47,6 +50,14 @@ function rendererFromPackage() {
         },
     };
 }
+function servePackageFiles() {
+    return {
+        name: "grok-digest:serve-package-files",
+        configResolved(config) {
+            config.server.fs.allow.push(PACKAGE_ROOT);
+        },
+    };
+}
 function bookmarksModule({ file, source }) {
     return {
         name: "grok-digest:bookmarks",
@@ -70,7 +81,9 @@ export default function grokDigest({ dataDir = "data" } = {}) {
                 const source = path.relative(root, file).split(path.sep).join("/");
                 updateConfig({
                     integrations: [react()],
-                    vite: { plugins: [rendererFromPackage(), tailwindcss(), bookmarksModule({ file, source })] },
+                    vite: {
+                        plugins: [rendererFromPackage(), servePackageFiles(), tailwindcss(), bookmarksModule({ file, source })],
+                    },
                 });
                 for (const { pattern, entrypoint } of ROUTES) {
                     injectRoute({ pattern, entrypoint: new URL(entrypoint, import.meta.url) });

package/dist/layouts/Layout.astro

@@ -9,7 +9,8 @@ type Props = {
 };
 
 const { title, description, feedHref } = Astro.props;
-const favicon = `${import.meta.env.BASE_URL.replace(/\/$/, "")}/favicon.svg`;
+const root = import.meta.env.BASE_URL.replace(/\/$/, "");
+const favicon = `${root}/favicon.svg`;
 ---
 
 <!doctype html>
@@ -22,6 +23,11 @@ const favicon = `${import.meta.env.BASE_URL.replace(/\/$/, "")}/favicon.svg`;
     <meta name="description" content={description} />
     <meta name="color-scheme" content="light dark" />
     <link rel="icon" type="image/svg+xml" href={favicon} />
+    <link rel="manifest" href={`${root}/manifest.webmanifest`} />
+    <link rel="apple-touch-icon" href={`${root}/icon-180.png`} />
+    <meta name="apple-mobile-web-app-title" content="Grok Digest" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f9f6f1" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#151311" />
     {feedHref && <link rel="alternate" type="application/rss+xml" title="Bookmarks" href={feedHref} />}
     <title>{title}</title>
     <script is:inline define:vars={{ storageKey: THEME_STORAGE_KEY, darkQuery: DARK_QUERY }}>

package/dist/lib/bookmarks.d.ts

@@ -8,6 +8,7 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         handle: z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodString>;
     }, z.core.$strict>;
     posted_at: z.ZodUnion<readonly [z.ZodISODate, z.ZodISODateTime]>;
+    saved_at: z.ZodISODateTime;
     topic: z.ZodEnum<{
         "ai-agents": "ai-agents";
         "models-releases": "models-releases";
@@ -17,11 +18,23 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         design: "design";
         other: "other";
     }>;
+    shelf_life: z.ZodEnum<{
+        news: "news";
+        evergreen: "evergreen";
+    }>;
+    tldr: z.ZodString;
     summary: z.ZodString;
     text: z.ZodString;
     key_points: z.ZodArray<z.ZodString>;
+    action: z.ZodString;
+    links: z.ZodArray<z.ZodObject<{
+        title: z.ZodString;
+        url: z.ZodURL;
+    }, z.core.$strict>>;
 }, z.core.$strict>, z.ZodTransform<{
+    shelfLife: "news" | "evergreen";
     postedAt: Date;
+    savedAt: Date;
     keyPoints: string[];
     id: string;
     url: string;
@@ -30,8 +43,14 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    tldr: string;
     summary: string;
     text: string;
+    action: string;
+    links: {
+        title: string;
+        url: string;
+    }[];
 }, {
     id: string;
     url: string;
@@ -40,10 +59,18 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     posted_at: string;
+    saved_at: string;
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    shelf_life: "news" | "evergreen";
+    tldr: string;
     summary: string;
     text: string;
     key_points: string[];
+    action: string;
+    links: {
+        title: string;
+        url: string;
+    }[];
 }>>;
 export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
     id: z.ZodString;
@@ -53,6 +80,7 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         handle: z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodString>;
     }, z.core.$strict>;
     posted_at: z.ZodUnion<readonly [z.ZodISODate, z.ZodISODateTime]>;
+    saved_at: z.ZodISODateTime;
     topic: z.ZodEnum<{
         "ai-agents": "ai-agents";
         "models-releases": "models-releases";
@@ -62,11 +90,23 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         design: "design";
         other: "other";
     }>;
+    shelf_life: z.ZodEnum<{
+        news: "news";
+        evergreen: "evergreen";
+    }>;
+    tldr: z.ZodString;
     summary: z.ZodString;
     text: z.ZodString;
     key_points: z.ZodArray<z.ZodString>;
+    action: z.ZodString;
+    links: z.ZodArray<z.ZodObject<{
+        title: z.ZodString;
+        url: z.ZodURL;
+    }, z.core.$strict>>;
 }, z.core.$strict>, z.ZodTransform<{
+    shelfLife: "news" | "evergreen";
     postedAt: Date;
+    savedAt: Date;
     keyPoints: string[];
     id: string;
     url: string;
@@ -75,8 +115,14 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    tldr: string;
     summary: string;
     text: string;
+    action: string;
+    links: {
+        title: string;
+        url: string;
+    }[];
 }, {
     id: string;
     url: string;
@@ -85,10 +131,18 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     posted_at: string;
+    saved_at: string;
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    shelf_life: "news" | "evergreen";
+    tldr: string;
     summary: string;
     text: string;
     key_points: string[];
+    action: string;
+    links: {
+        title: string;
+        url: string;
+    }[];
 }>>>;
 export declare const stateFileSchema: z.ZodArray<z.ZodString>;
 export type BookmarkFileEntry = z.input<typeof bookmarkSchema>;

package/dist/lib/bookmarks.js

@@ -4,6 +4,8 @@ export const SCHEMA_VERSION = 1;
 const X_HOSTNAME = /^(www\.|mobile\.)?(x|twitter)\.com$/;
 const X_HANDLE = /^[A-Za-z0-9_]{1,15}$/;
 const nonEmpty = z.string().trim().min(1);
+const instant = z.iso.datetime({ offset: true });
+const SHELF_LIVES = ["news", "evergreen"];
 export const bookmarkSchema = z
     .strictObject({
     id: nonEmpty,
@@ -16,15 +18,22 @@ export const bookmarkSchema = z
             .transform((handle) => handle.replace(/^@/, ""))
             .pipe(z.string().regex(X_HANDLE, "must be an X handle such as @jack")),
     }),
-    posted_at: z.union([z.iso.date(), z.iso.datetime({ offset: true })]),
+    posted_at: z.union([z.iso.date(), instant]),
+    saved_at: instant,
     topic: z.enum(TOPICS),
+    shelf_life: z.enum(SHELF_LIVES),
+    tldr: nonEmpty,
     summary: nonEmpty,
     text: z.string().trim(),
     key_points: z.array(nonEmpty),
+    action: z.string().trim(),
+    links: z.array(z.strictObject({ title: nonEmpty, url: z.url({ protocol: /^https$/ }) })),
 })
-    .transform(({ posted_at, key_points, ...rest }) => ({
+    .transform(({ posted_at, saved_at, shelf_life, key_points, ...rest }) => ({
     ...rest,
+    shelfLife: shelf_life,
     postedAt: new Date(posted_at),
+    savedAt: new Date(saved_at),
     keyPoints: key_points,
 }));
 export const bookmarksFileSchema = z.array(bookmarkSchema).superRefine((bookmarks, ctx) => {
@@ -45,5 +54,5 @@ export function parseDataFile({ schema, raw, source, }) {
     return result.data;
 }
 export function parseBookmarks({ raw, source }) {
-    return parseDataFile({ schema: bookmarksFileSchema, raw, source }).toSorted((a, b) => b.postedAt.getTime() - a.postedAt.getTime());
+    return parseDataFile({ schema: bookmarksFileSchema, raw, source }).toSorted((a, b) => b.savedAt.getTime() - a.savedAt.getTime());
 }

package/dist/lib/copy.d.ts

@@ -0,0 +1,2 @@
+import type { Bookmark } from "./bookmarks.ts";
+export declare function copyText({ url, author, postedAt, tldr, summary, text, keyPoints, action, links }: Bookmark): string;

package/dist/lib/copy.js

@@ -0,0 +1,23 @@
+const dateFormat = new Intl.DateTimeFormat("en", { dateStyle: "medium", timeZone: "UTC" });
+function quote(text) {
+    return text
+        .split("\n")
+        .map((line) => (line.trim() === "" ? ">" : `> ${line}`))
+        .join("\n");
+}
+function list(heading, items) {
+    return items.length === 0 ? "" : [`${heading}:`, ...items.map((item) => `- ${item}`)].join("\n");
+}
+export function copyText({ url, author, postedAt, tldr, summary, text, keyPoints, action, links }) {
+    return [
+        "A post I saved from X:",
+        `**${tldr}**\n${author.name} (@${author.handle}) · posted ${dateFormat.format(postedAt)} · ${url}`,
+        text === "" ? "" : quote(text),
+        `Summary: ${summary}`,
+        list("Key points", keyPoints),
+        action === "" ? "" : `Try: ${action}`,
+        list("Links", links.map((link) => `${link.title}: ${link.url}`)),
+    ]
+        .filter((section) => section !== "")
+        .join("\n\n");
+}

package/dist/lib/feed.js

@@ -25,25 +25,30 @@ export function topicFromParam(value) {
     return value;
 }
 function feedItem(bookmark, page) {
-    const { author, summary, text, keyPoints, topic, url, postedAt, id } = bookmark;
+    const { author, tldr, summary, text, keyPoints, action, links, topic, url, savedAt, id } = bookmark;
     const link = new URL(page.href);
     link.hash = `b-${id}`;
     const points = keyPoints.map((point) => `<li>${escapeHtml(point)}</li>`).join("");
     const quote = text === "" ? "" : `<blockquote><p>${escapeHtml(text)}</p></blockquote>`;
+    const linkItems = links
+        .map((outbound) => `<li><a href="${escapeHtml(outbound.url)}">${escapeHtml(outbound.title)}</a></li>`)
+        .join("");
     return {
-        title: summary,
+        title: tldr,
         link: link.href,
         description: [`@${author.handle}`, summary, text].filter((part) => part !== "").join("\n\n"),
         content: [
             `<p>${escapeHtml(author.name)} (@${escapeHtml(author.handle)})</p>`,
             `<p>${escapeHtml(summary)}</p>`,
+            action === "" ? "" : `<p>Try: ${escapeHtml(action)}</p>`,
             points === "" ? "" : `<ul>${points}</ul>`,
+            linkItems === "" ? "" : `<ul>${linkItems}</ul>`,
             quote,
             `<p><a href="${escapeHtml(url)}">Open on X</a></p>`,
         ]
             .filter((part) => part !== "")
             .join(""),
-        pubDate: postedAt,
+        pubDate: savedAt,
         categories: [TOPIC_LABELS[topic]],
     };
 }

package/dist/lib/filter.d.ts

@@ -1,10 +1,15 @@
 import { type Topic } from "./topics.ts";
-export declare function isTopic(value: string | null | undefined): value is Topic;
-export declare function parseFilter(search: string): {
+export declare const VIEWS: readonly ["today", "inbox", "done", "all"];
+export type View = (typeof VIEWS)[number];
+export type Filter = {
     query: string;
     topic: Topic | null;
+    view: View;
 };
-export declare function filterSearch({ query, topic }: {
-    query: string;
-    topic: Topic | null;
-}): string;
+type Defaults = {
+    reviewIsEmpty?: boolean;
+};
+export declare function isTopic(value: string | null | undefined): value is Topic;
+export declare function parseFilter(search: string, defaults?: Defaults): Filter;
+export declare function filterSearch({ query, topic, view }: Filter, defaults?: Defaults): string;
+export {};

package/dist/lib/filter.js

@@ -1,22 +1,33 @@
 import { TOPICS } from "./topics.js";
+export const VIEWS = ["today", "inbox", "done", "all"];
+function defaultView({ reviewIsEmpty = false }) {
+    return reviewIsEmpty ? "inbox" : "today";
+}
 export function isTopic(value) {
     return TOPICS.some((topic) => topic === value);
 }
-export function parseFilter(search) {
+function isView(value) {
+    return VIEWS.some((view) => view === value);
+}
+export function parseFilter(search, defaults = {}) {
     const params = new URLSearchParams(search);
     const topic = params.get("topic");
+    const view = params.get("view");
     return {
         query: params.get("q") ?? "",
         topic: isTopic(topic) ? topic : null,
+        view: isView(view) ? view : defaultView(defaults),
     };
 }
-export function filterSearch({ query, topic }) {
+export function filterSearch({ query, topic, view }, defaults = {}) {
     const params = new URLSearchParams();
     const trimmed = query.trim();
     if (trimmed !== "")
         params.set("q", trimmed);
     if (topic !== null)
         params.set("topic", topic);
+    if (view !== defaultView(defaults))
+        params.set("view", view);
     const search = params.toString();
     return search === "" ? "" : `?${search}`;
 }

package/dist/lib/load-bookmarks.d.ts

@@ -1,5 +1,7 @@
 export declare const bookmarks: {
+    shelfLife: "news" | "evergreen";
     postedAt: Date;
+    savedAt: Date;
     keyPoints: string[];
     id: string;
     url: string;
@@ -8,6 +10,12 @@ export declare const bookmarks: {
         handle: string;
     };
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    tldr: string;
     summary: string;
     text: string;
+    action: string;
+    links: {
+        title: string;
+        url: string;
+    }[];
 }[];