grok-digest 0.1.1 → 0.3.0

package/dist/lib/review.d.ts

@@ -0,0 +1,18 @@
+export declare const REVIEW_SIZE = 5;
+export type ReviewPick = {
+    id: string;
+    reason: string;
+};
+type Saved = {
+    id: string;
+    savedAt: Date;
+    shelfLife: "news" | "evergreen";
+};
+export declare function localDay(date: Date, timeZone?: string): string;
+export declare function dailyReview({ bookmarks, done, today, timeZone, }: {
+    bookmarks: readonly Saved[];
+    done: ReadonlySet<string>;
+    today: string;
+    timeZone?: string;
+}): ReviewPick[];
+export {};

package/dist/lib/review.js

@@ -0,0 +1,57 @@
+export const REVIEW_SIZE = 5;
+const REVIEW_AGES = new Map([
+    [1, "Saved yesterday"],
+    [7, "Saved a week ago"],
+    [30, "Saved a month ago"],
+    [90, "Saved 3 months ago"],
+]);
+const NEWS_AGES = new Set([1, 7]);
+const BACKLOG_REASON = "From your backlog";
+const DAY_MS = 86_400_000;
+export function localDay(date, timeZone) {
+    return new Intl.DateTimeFormat("en-CA", { timeZone, year: "numeric", month: "2-digit", day: "2-digit" }).format(date);
+}
+function daysBetween(from, to) {
+    return Math.round((Date.parse(to) - Date.parse(from)) / DAY_MS);
+}
+function anniversaryReason(saved, today) {
+    const years = Number(today.slice(0, 4)) - Number(saved.slice(0, 4));
+    if (years < 1 || saved.slice(5) !== today.slice(5))
+        return undefined;
+    return years === 1 ? "Saved a year ago today" : `Saved ${years} years ago today`;
+}
+function hash(text) {
+    let value = 0x811c9dc5;
+    for (const char of text) {
+        value ^= char.codePointAt(0) ?? 0;
+        value = Math.imul(value, 0x01000193) >>> 0;
+    }
+    return value;
+}
+export function dailyReview({ bookmarks, done, today, timeZone, }) {
+    const candidates = bookmarks
+        .filter(({ id }) => !done.has(id))
+        .map(({ id, savedAt, shelfLife }) => {
+        const saved = localDay(savedAt, timeZone);
+        const age = daysBetween(saved, today);
+        const news = shelfLife === "news";
+        const reason = news
+            ? NEWS_AGES.has(age)
+                ? REVIEW_AGES.get(age)
+                : undefined
+            : (REVIEW_AGES.get(age) ?? anniversaryReason(saved, today));
+        return { id, age, news, reason };
+    })
+        .filter(({ age }) => age >= 1);
+    const due = candidates
+        .flatMap(({ id, age, reason }) => (reason === undefined ? [] : [{ id, age, reason }]))
+        .toSorted((a, b) => b.age - a.age)
+        .slice(0, REVIEW_SIZE)
+        .map(({ id, reason }) => ({ id, reason }));
+    const backlog = candidates
+        .filter(({ news, reason }) => !news && reason === undefined)
+        .toSorted((a, b) => hash(`${today}:${a.id}`) - hash(`${today}:${b.id}`))
+        .slice(0, REVIEW_SIZE - due.length)
+        .map(({ id }) => ({ id, reason: BACKLOG_REASON }));
+    return [...due, ...backlog];
+}

package/dist/lib/search.d.ts

@@ -1,13 +1,20 @@
 import type { Bookmark } from "./bookmarks.ts";
+import type { Filter } from "./filter.ts";
 import { type Topic } from "./topics.ts";
 export type SearchEntry = {
     id: string;
     topic: Topic;
+    savedAt: Date;
+    shelfLife: Bookmark["shelfLife"];
     text: string;
 };
 export declare function toSearchEntry(bookmark: Bookmark): SearchEntry;
-export declare function matchingIds({ entries, query, topic, }: {
+export type Triage = {
+    done: ReadonlySet<string>;
+    review: ReadonlySet<string>;
+};
+export declare function matchingIds({ entries, filter: { query, topic, view }, triage, }: {
     entries: readonly SearchEntry[];
-    query: string;
-    topic: Topic | null;
+    filter: Filter;
+    triage: Triage;
 }): Set<string>;

package/dist/lib/search.js

@@ -3,17 +3,35 @@ function normalize(text) {
     return text.normalize("NFKC").toLowerCase();
 }
 export function toSearchEntry(bookmark) {
-    const { id, topic, author, summary, text, keyPoints } = bookmark;
+    const { id, topic, savedAt, shelfLife, author, tldr, summary, text, keyPoints, action, links } = bookmark;
     return {
         id,
         topic,
-        text: normalize([author.name, `@${author.handle}`, TOPIC_LABELS[topic], summary, text, ...keyPoints].join("\n")),
+        savedAt,
+        shelfLife,
+        text: normalize([
+            author.name,
+            `@${author.handle}`,
+            TOPIC_LABELS[topic],
+            tldr,
+            summary,
+            text,
+            ...keyPoints,
+            action,
+            ...links.map(({ title }) => title),
+        ].join("\n")),
     };
 }
-export function matchingIds({ entries, query, topic, }) {
+const IN_VIEW = {
+    today: (id, { review }) => review.has(id),
+    inbox: (id, { done }) => !done.has(id),
+    done: (id, { done }) => done.has(id),
+    all: () => true,
+};
+export function matchingIds({ entries, filter: { query, topic, view }, triage, }) {
     const terms = normalize(query).split(/\s+/).filter(Boolean);
     return new Set(entries
         .filter((entry) => topic === null || entry.topic === topic)
-        .filter((entry) => terms.every((term) => entry.text.includes(term)))
+        .filter((entry) => terms.length === 0 ? IN_VIEW[view](entry.id, triage) : terms.every((term) => entry.text.includes(term)))
         .map((entry) => entry.id));
 }

package/dist/pages/index.astro

@@ -1,6 +1,6 @@
 ---
 import BookmarkCard from "../components/BookmarkCard.astro";
-import { BookmarkFilters } from "../components/BookmarkFilters";
+import { BookmarkControls } from "../components/BookmarkControls";
 import { ThemeToggle } from "../components/ThemeToggle";
 import Layout from "../layouts/Layout.astro";
 import { bookmarks } from "../lib/load-bookmarks";
@@ -22,11 +22,19 @@ const designFeedHref = `${base}rss/design.xml`;
       <ThemeToggle client:load />
     </header>
 
+    <noscript>
+      <style is:inline>
+        [data-bookmark-list] {
+          visibility: visible !important;
+        }
+      </style>
+    </noscript>
+
     <main class="flex flex-1 flex-col gap-6 pb-16">
       {bookmarks.length > 0 ? (
         <>
-          <BookmarkFilters client:only="react" entries={entries} />
-          <ul class="flex flex-col gap-4 sm:gap-5">
+          <BookmarkControls client:only="react" entries={entries} />
+          <ul data-bookmark-list class="flex flex-col gap-4 not-data-ready:invisible sm:gap-5">
             {bookmarks.map((bookmark) => (
               <BookmarkCard bookmark={bookmark} />
             ))}
@@ -39,11 +47,11 @@ const designFeedHref = `${base}rss/design.xml`;
 
     <footer class="flex flex-col gap-2 border-t py-8 text-sm text-muted-foreground">
       <p>
-        <a class="underline decoration-border underline-offset-4 hover:decoration-current" href={feedHref}>
+        <a class="underline decoration-border underline-offset-4 hover:decoration-brand" href={feedHref}>
           Follow new bookmarks
         </a>{" "}
         in a feed reader. Each topic has its own feed, such as{" "}
-        <a class="underline decoration-border underline-offset-4 hover:decoration-current" href={designFeedHref}>
+        <a class="underline decoration-border underline-offset-4 hover:decoration-brand" href={designFeedHref}>
           Design
         </a>
         .

package/dist/routes/icon-[size].png.d.ts

@@ -0,0 +1,10 @@
+export declare const getStaticPaths: () => {
+    params: {
+        size: string;
+    };
+}[];
+export declare const GET: ({ params }: {
+    params: {
+        size?: string;
+    };
+}) => Response;

package/dist/routes/icon-[size].png.js

@@ -0,0 +1,10 @@
+import icon180 from "../assets/icon-180.png?inline";
+import icon192 from "../assets/icon-192.png?inline";
+import icon512 from "../assets/icon-512.png?inline";
+const ICONS = { "180": icon180, "192": icon192, "512": icon512 };
+export const getStaticPaths = () => Object.keys(ICONS).map((size) => ({ params: { size } }));
+export const GET = ({ params }) => {
+    const dataUrl = ICONS[params.size ?? ""] ?? "";
+    const bytes = Buffer.from(dataUrl.slice(dataUrl.indexOf(",") + 1), "base64");
+    return new Response(bytes, { headers: { "Content-Type": "image/png" } });
+};

package/dist/routes/manifest.webmanifest.d.ts

@@ -0,0 +1 @@
+export declare const GET: () => Response;

package/dist/routes/manifest.webmanifest.js

@@ -0,0 +1,14 @@
+const manifest = {
+    name: "Grok Digest",
+    short_name: "Digest",
+    start_url: "./",
+    scope: "./",
+    display: "standalone",
+    background_color: "#f9f6f1",
+    theme_color: "#f9f6f1",
+    icons: [
+        { src: "icon-192.png", sizes: "192x192", type: "image/png", purpose: "any maskable" },
+        { src: "icon-512.png", sizes: "512x512", type: "image/png", purpose: "any maskable" },
+    ],
+};
+export const GET = () => new Response(JSON.stringify(manifest), { headers: { "Content-Type": "application/manifest+json" } });

package/dist/styles/global.css

@@ -1,6 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "shadcn/tailwind.css";
+@import "./shadcn-tailwind.css";
 @import "@fontsource-variable/geist";
 @import "@fontsource-variable/source-serif-4";
 
@@ -30,6 +30,14 @@
   --color-card: var(--card);
   --color-foreground: var(--foreground);
   --color-background: var(--background);
+  --color-brand: var(--brand);
+  --color-brand-ink: var(--brand-ink);
+  --color-brand-soft: var(--brand-soft);
+  --color-done: var(--done);
+  --color-done-foreground: var(--done-foreground);
+  --color-topic: var(--topic);
+  --color-topic-soft: var(--topic-soft);
+  --color-topic-foreground: var(--topic-foreground);
   --radius-sm: calc(var(--radius) * 0.6);
   --radius-md: calc(var(--radius) * 0.8);
   --radius-lg: var(--radius);
@@ -57,8 +65,13 @@
   --destructive: oklch(0.577 0.245 27.325);
   --border: oklch(0.9 0.01 80);
   --input: oklch(0.88 0.01 80);
-  --ring: oklch(0.65 0.02 70);
+  --ring: oklch(0.76 0.15 70);
   --radius: 0.625rem;
+  --brand: oklch(0.76 0.15 70);
+  --brand-ink: oklch(0.5 0.11 60);
+  --brand-soft: oklch(0.955 0.04 85);
+  --done: oklch(0.52 0.12 155);
+  --done-foreground: oklch(0.985 0.004 85);
 }
 
 .dark {
@@ -79,7 +92,48 @@
   --destructive: oklch(0.704 0.191 22.216);
   --border: oklch(1 0 0 / 9%);
   --input: oklch(1 0 0 / 14%);
-  --ring: oklch(0.6 0.015 70);
+  --ring: oklch(0.78 0.14 72);
+  --brand: oklch(0.78 0.14 72);
+  --brand-ink: oklch(0.82 0.12 78);
+  --brand-soft: oklch(0.28 0.04 72);
+  --done: oklch(0.76 0.13 155);
+  --done-foreground: oklch(0.2 0.008 60);
+}
+
+[data-topic] {
+  --topic-chroma: 1;
+  --topic: oklch(0.5 calc(0.11 * var(--topic-chroma)) var(--topic-hue));
+  --topic-soft: oklch(0.95 calc(0.025 * var(--topic-chroma)) var(--topic-hue));
+  --topic-foreground: oklch(0.985 0.004 85);
+}
+
+.dark [data-topic] {
+  --topic: oklch(0.8 calc(0.1 * var(--topic-chroma)) var(--topic-hue));
+  --topic-soft: oklch(0.3 calc(0.045 * var(--topic-chroma)) var(--topic-hue));
+  --topic-foreground: oklch(0.2 0.008 60);
+}
+
+[data-topic="ai-agents"] {
+  --topic-hue: 295;
+}
+[data-topic="models-releases"] {
+  --topic-hue: 250;
+}
+[data-topic="dev-tools"] {
+  --topic-hue: 195;
+}
+[data-topic="startups-business"] {
+  --topic-hue: 120;
+}
+[data-topic="japan-tech"] {
+  --topic-hue: 20;
+}
+[data-topic="design"] {
+  --topic-hue: 340;
+}
+[data-topic="other"] {
+  --topic-hue: 70;
+  --topic-chroma: 0.15;
 }
 
 @layer base {