grok-digest 0.1.1 → 0.2.0

package/LICENSE-THIRD-PARTY

@@ -0,0 +1,24 @@
+src/styles/shadcn-tailwind.css (dist/styles/shadcn-tailwind.css in the npm package) is
+copied from shadcn (https://ui.shadcn.com) v4.21.5, dist/tailwind.css.
+
+MIT License
+
+Copyright (c) 2023 shadcn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -61,7 +61,7 @@ The site needs no Astro config. The package depends on the Astro version it was
 import { SCHEMA_VERSION, bookmarkSchema, parseBookmarks, TOPICS } from "grok-digest/schema";
 ```
 
-`SCHEMA_VERSION` is `1`. The JSON files have no version field. A `bookmarks.json` that already validates is version 1, including files written before this package existed. `posted_at` with milliseconds and a `Z` offset, as the bot writes it, is version 1.
+`SCHEMA_VERSION` is `1`. The JSON files have no version field. A `bookmarks.json` that already validates is version 1. `posted_at` with milliseconds and a `Z` offset, as the bot writes it, is version 1.
 
 | File                  | Version 1 shape                                                        |
 | --------------------- | ---------------------------------------------------------------------- |
@@ -75,7 +75,7 @@ Every site takes every release, so every release reads every data file an earlie
 
 The page title is "Grok Digest". The footer reads "Unofficial. Summaries created with Grok." Every page sends `<meta name="robots" content="noindex,nofollow">` and `<meta name="referrer" content="no-referrer">`. `robots.txt` disallows all crawlers. Feeds live at `rss.xml` and `rss/<topic-id>.xml`. Card anchors are `#b-<id>`.
 
-Search and topic filters are `?q=` and `?topic=` on the page address. The behavior is documented in `template/README.md`.
+The page opens on Today, a daily review of up to five bookmarks, and has Inbox, Done, and All views. Search, topic, and view are `?q=`, `?topic=`, and `?view=` on the page address. The behavior is documented in `template/README.md`.
 
 ## Package exports
 

package/dist/components/BookmarkCard.astro

@@ -1,7 +1,8 @@
 ---
-import { ArrowUpRightIcon } from "lucide-react";
+import { ArrowUpRightIcon, CheckIcon, ChevronDownIcon } from "lucide-react";
 import { Badge } from "./ui/badge";
-import { Card, CardContent, CardFooter, CardHeader } from "./ui/card";
+import { Button } from "./ui/button";
+import { Card } from "./ui/card";
 import type { Bookmark } from "../lib/bookmarks";
 import { TOPIC_LABELS } from "../lib/topics";
 
@@ -10,52 +11,91 @@ type Props = {
 };
 
 const { bookmark } = Astro.props;
-const { id, url, author, postedAt, topic, summary, text, keyPoints } = bookmark;
+const { id, url, author, postedAt, savedAt, topic, tldr, summary, text, keyPoints } = bookmark;
 
 const dateFormat = new Intl.DateTimeFormat("en", { dateStyle: "medium", timeZone: "UTC" });
+const isoDay = (date: Date) => date.toISOString().slice(0, 10);
+const postedOtherDay = isoDay(postedAt) !== isoDay(savedAt);
 ---
 
-<li id={`b-${id}`} data-bookmark-id={id}>
-  <Card className="gap-4 py-5 shadow-xs ring-foreground/8 [--card-spacing:--spacing(5)] sm:[--card-spacing:--spacing(6)] sm:py-6">
-    <CardHeader className="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1">
-      <p class="flex min-w-0 flex-wrap items-baseline gap-x-1.5 text-sm">
-        <span class="font-medium text-foreground">{author.name}</span>
-        <span class="text-muted-foreground">@{author.handle}</span>
-      </p>
-      <time datetime={postedAt.toISOString().slice(0, 10)} class="shrink-0 text-xs text-muted-foreground tabular-nums">
-        {dateFormat.format(postedAt)}
-      </time>
-    </CardHeader>
+<li id={`b-${id}`} data-bookmark-id={id} data-url={url} class="group/bookmark scroll-mt-6">
+  <Card className="gap-0 py-0 shadow-xs ring-foreground/8 [--card-spacing:--spacing(5)] has-[summary:focus-visible]:ring-2 has-[summary:focus-visible]:ring-ring sm:[--card-spacing:--spacing(6)]">
+    <details open class="group/details transition-opacity group-data-[done]/bookmark:opacity-55">
+      <summary class="flex cursor-pointer list-none flex-col gap-2 px-(--card-spacing) pt-(--card-spacing) pb-4 outline-none [&::-webkit-details-marker]:hidden">
+        <span class="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1 text-sm">
+          <span class="flex min-w-0 flex-wrap items-baseline gap-x-1.5">
+            <span class="font-medium text-foreground">{author.name}</span>
+            <span class="text-muted-foreground">@{author.handle}</span>
+          </span>
+          <span class="shrink-0 text-xs text-muted-foreground tabular-nums">
+            Saved <time datetime={savedAt.toISOString()}>{dateFormat.format(savedAt)}</time>
+            {postedOtherDay && (
+              <>
+                {" · "}Posted <time datetime={isoDay(postedAt)}>{dateFormat.format(postedAt)}</time>
+              </>
+            )}
+          </span>
+        </span>
+        <span
+          data-review-reason
+          class="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+          hidden
+        ></span>
+        <span class="flex items-start justify-between gap-3">
+          <h2 class="font-heading text-xl leading-snug font-semibold text-balance text-foreground sm:text-[1.375rem]">
+            {tldr}
+          </h2>
+          <ChevronDownIcon
+            className="mt-1.5 size-4 shrink-0 text-muted-foreground transition-transform group-open/details:rotate-180"
+            aria-hidden="true"
+          />
+        </span>
+      </summary>
 
-    <CardContent className="flex flex-col gap-4">
-      <p class="font-serif text-[1.0625rem] leading-relaxed text-pretty text-foreground sm:text-lg">{summary}</p>
-      {keyPoints.length > 0 && (
-        <ul class="flex flex-col gap-2 border-l-2 border-border pl-4 text-[0.9375rem] leading-relaxed text-foreground/85">
-          {keyPoints.map((point) => (
-            <li class="text-pretty">{point}</li>
-          ))}
-        </ul>
-      )}
-      {text !== "" && (
-        <figure class="border-t border-border pt-4">
-          <figcaption class="mb-2 text-xs font-medium text-muted-foreground">Original post</figcaption>
-          <blockquote class="text-sm leading-relaxed whitespace-pre-wrap text-pretty text-foreground/80">
-            {text}
-          </blockquote>
-        </figure>
-      )}
-    </CardContent>
+      <div class="flex flex-col gap-4 px-(--card-spacing) pb-4">
+        <p class="font-serif text-[1.0625rem] leading-relaxed text-pretty text-foreground/90">{summary}</p>
+        {keyPoints.length > 0 && (
+          <ul class="flex flex-col gap-2 border-l-2 border-border pl-4 text-[0.9375rem] leading-relaxed text-foreground/85">
+            {keyPoints.map((point) => (
+              <li class="text-pretty">{point}</li>
+            ))}
+          </ul>
+        )}
+        {text !== "" && (
+          <figure class="border-t border-border pt-4">
+            <figcaption class="mb-2 text-xs font-medium text-muted-foreground">Original post</figcaption>
+            <blockquote class="text-sm leading-relaxed whitespace-pre-wrap text-pretty text-foreground/80">
+              {text}
+            </blockquote>
+          </figure>
+        )}
+      </div>
+    </details>
 
-    <CardFooter className="justify-between gap-3 border-t-0 bg-transparent pt-1">
+    <div class="flex items-center justify-between gap-3 px-(--card-spacing) pb-(--card-spacing)">
       <Badge variant="secondary">{TOPIC_LABELS[topic]}</Badge>
-      <a
-        href={url}
-        target="_blank"
-        rel="noopener noreferrer"
-        class="inline-flex items-center gap-1 rounded-sm text-sm font-medium text-foreground underline decoration-border underline-offset-4 transition-colors hover:decoration-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none"
-      >
-        Open on X<ArrowUpRightIcon className="size-3.5" aria-hidden="true" />
-      </a>
-    </CardFooter>
+      <div class="flex items-center gap-4">
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          data-done-toggle
+          aria-pressed="false"
+          title="Mark done (e)"
+          className="rounded-full aria-pressed:border-primary aria-pressed:bg-primary aria-pressed:text-primary-foreground dark:aria-pressed:bg-primary dark:aria-pressed:hover:bg-primary/80"
+        >
+          <CheckIcon aria-hidden="true" />
+          Done
+        </Button>
+        <a
+          href={url}
+          target="_blank"
+          rel="noopener noreferrer"
+          class="inline-flex items-center gap-1 rounded-sm text-sm font-medium text-foreground underline decoration-border underline-offset-4 transition-colors hover:decoration-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none"
+        >
+          Open on X<ArrowUpRightIcon className="size-3.5" aria-hidden="true" />
+        </a>
+      </div>
+    </div>
   </Card>
 </li>

package/dist/components/{BookmarkFilters.d.ts → BookmarkControls.d.ts}

@@ -2,5 +2,5 @@ import { type SearchEntry } from "../lib/search.ts";
 type Props = {
     entries: SearchEntry[];
 };
-export declare function BookmarkFilters({ entries }: Props): import("react").JSX.Element;
+export declare function BookmarkControls({ entries }: Props): import("react").JSX.Element;
 export {};

package/dist/components/BookmarkControls.js

@@ -0,0 +1,226 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon, SearchIcon } from "lucide-react";
+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() {
+    const filter = parseFilter(window.location.search);
+    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" });
+}
+function plural(count, noun) {
+    return `${count} ${count === 1 ? noun : `${noun}s`}`;
+}
+export function BookmarkControls({ entries }) {
+    const [filter, setFilter] = useState(initialFilter);
+    const [done, setDone] = useState(storedDone);
+    const [review] = useState(() => todaysReview(entries, 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)}${window.location.hash}`;
+        const current = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+        if (current !== next)
+            window.history.replaceState(null, "", next);
+    }, [filter]);
+    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;
+            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 "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", 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, { 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: "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({ label, pressed, onClick }) {
+    return (_jsx(Button, { type: "button", size: "sm", variant: pressed ? "default" : "outline", "aria-pressed": pressed, onClick: onClick, className: "rounded-full px-3", children: 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

@@ -16,6 +16,7 @@ const ROUTES = [
 ];
 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 +48,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 +79,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/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,13 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         design: "design";
         other: "other";
     }>;
+    tldr: z.ZodString;
     summary: z.ZodString;
     text: z.ZodString;
     key_points: z.ZodArray<z.ZodString>;
 }, z.core.$strict>, z.ZodTransform<{
     postedAt: Date;
+    savedAt: Date;
     keyPoints: string[];
     id: string;
     url: string;
@@ -30,6 +33,7 @@ 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;
 }, {
@@ -40,7 +44,9 @@ 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";
+    tldr: string;
     summary: string;
     text: string;
     key_points: string[];
@@ -53,6 +59,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 +69,13 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         design: "design";
         other: "other";
     }>;
+    tldr: z.ZodString;
     summary: z.ZodString;
     text: z.ZodString;
     key_points: z.ZodArray<z.ZodString>;
 }, z.core.$strict>, z.ZodTransform<{
     postedAt: Date;
+    savedAt: Date;
     keyPoints: string[];
     id: string;
     url: string;
@@ -75,6 +84,7 @@ 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;
 }, {
@@ -85,7 +95,9 @@ 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";
+    tldr: string;
     summary: string;
     text: string;
     key_points: string[];

package/dist/lib/bookmarks.js

@@ -4,6 +4,7 @@ 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 });
 export const bookmarkSchema = z
     .strictObject({
     id: nonEmpty,
@@ -16,15 +17,18 @@ 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),
+    tldr: nonEmpty,
     summary: nonEmpty,
     text: z.string().trim(),
     key_points: z.array(nonEmpty),
 })
-    .transform(({ posted_at, key_points, ...rest }) => ({
+    .transform(({ posted_at, saved_at, key_points, ...rest }) => ({
     ...rest,
     postedAt: new Date(posted_at),
+    savedAt: new Date(saved_at),
     keyPoints: key_points,
 }));
 export const bookmarksFileSchema = z.array(bookmarkSchema).superRefine((bookmarks, ctx) => {
@@ -45,5 +49,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/feed.js

@@ -25,13 +25,13 @@ 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, 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>`;
     return {
-        title: summary,
+        title: tldr,
         link: link.href,
         description: [`@${author.handle}`, summary, text].filter((part) => part !== "").join("\n\n"),
         content: [
@@ -43,7 +43,7 @@ function feedItem(bookmark, page) {
         ]
             .filter((part) => part !== "")
             .join(""),
-        pubDate: postedAt,
+        pubDate: savedAt,
         categories: [TOPIC_LABELS[topic]],
     };
 }

package/dist/lib/filter.d.ts

@@ -1,10 +1,11 @@
 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;
+export declare function isTopic(value: string | null | undefined): value is Topic;
+export declare function parseFilter(search: string): Filter;
+export declare function filterSearch({ query, topic, view }: Filter): string;