grok-digest 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 kenryu42
+
+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

@@ -1,3 +1,122 @@
-# Temporary Holding Version
+# grok-digest
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+`grok-digest` renders a Grok Digest site: X bookmarks summarized by Grok, searchable, sorted by topic, with one RSS feed per topic. A site repository holds only its `data/` files, a `package.json`, and a deploy workflow. The page, the feeds, and the schema come from this package.
+
+Every deploy installs the newest `grok-digest`, so a release reaches each site the next time its Grok bot pushes a bookmark.
+
+## Set up a site
+
+Create a public repository and copy the [`template/`](https://github.com/kenryu42/grok-digest/tree/main/template) directory into it (skip `template/data` when the repository already has data). Enable GitHub Pages with **GitHub Actions** as the source, then:
+
+```sh
+bun install
+git add bun.lock
+git commit -m "Install grok-digest"
+git push
+```
+
+The rest is in `template/README.md`. To convert a site that still holds a copy of the page source, follow [MIGRATION.md](https://github.com/kenryu42/grok-digest/blob/main/MIGRATION.md).
+
+A site repository contains:
+
+| Path                           | Contents                                                                          |
+| ------------------------------ | --------------------------------------------------------------------------------- |
+| `data/bookmarks.json`          | The bookmarks. The Grok bot appends to it.                                        |
+| `data/processed.json`          | Optional. Ids the bot has handled.                                                |
+| `data/removed.json`            | Optional. Ids the bot has removed.                                                |
+| `package.json`                 | Depends on `"grok-digest": "latest"` and maps the scripts to the CLI below.       |
+| `bun.lock`                     | The lockfile.                                                                     |
+| `.github/workflows/deploy.yml` | Validates the data, builds with the newest `grok-digest`, and publishes to Pages. |
+
+## How a site takes new versions
+
+`deploy.yml` runs `bun install --frozen-lockfile`, then `bun update grok-digest`. The update moves `grok-digest` to the newest version that `package.json` allows, inside that run only, and commits nothing. With `"latest"`, that is the newest release.
+
+To hold a site on one version, set the dependency to that exact version, such as `"grok-digest": "0.1.3"`. `bun update grok-digest` keeps an exact version where it is. Set it back to `"latest"` to follow releases again.
+
+If a release fails a site's build, the deploy stops and the page that was live stays live.
+
+## CLI
+
+```text
+grok-digest build                Build the site into dist/.
+grok-digest dev                  Serve the site at http://localhost:4321 and reload on changes.
+grok-digest preview              Serve the site built in dist/.
+grok-digest validate [file ...]  Check the data files.
+
+--data-dir <dir>  The folder that holds the data files. Defaults to "data".
+```
+
+`build`, `dev`, and `preview` read two environment variables. `SITE_URL` is the site's origin, such as `https://<your-username>.github.io`, and becomes Astro's `site`. `BASE_PATH` is the path the site is served under, such as `/<repository-name>`, and becomes Astro's `base`, so links on a `github.io/<repository-name>/` site stay under that path. The deploy workflow sets both from GitHub Pages.
+
+`validate` with no file checks `data/bookmarks.json` and whichever of `data/processed.json` and `data/removed.json` exist. It prints one line per file, such as `✓ data/bookmarks.json: 2 bookmarks`, and fails naming the entry and the field of an invalid file.
+
+The site needs no Astro config. The package depends on the Astro version it was tested with and runs it.
+
+## Data files
+
+`grok-digest/schema` exports `SCHEMA_VERSION`, the zod schemas, and `parseBookmarks`:
+
+```js
+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.
+
+| File                  | Version 1 shape                                                        |
+| --------------------- | ---------------------------------------------------------------------- |
+| `data/bookmarks.json` | Array of bookmark objects. The field table is in `template/README.md`. |
+| `data/processed.json` | Array of non-empty id strings. Optional. The page does not read it.    |
+| `data/removed.json`   | Same shape as `processed.json`. Optional. The page does not read it.   |
+
+Every site takes every release, so every release reads every data file an earlier release accepted. The policy is in `MIGRATION.md`.
+
+## The page
+
+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`.
+
+## Package exports
+
+| Export               | Role                                                                                                                                                                                                   |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `grok-digest`        | Default export, the Astro integration `grokDigest({ dataDir })`, for a site that keeps its own Astro config.                                                                                           |
+| `grok-digest/schema` | `SCHEMA_VERSION`, `bookmarkSchema`, `bookmarksFileSchema`, `stateFileSchema`, `parseBookmarks`, `parseDataFile`, `TOPICS`, `TOPIC_LABELS`, and the `Bookmark`, `BookmarkFileEntry`, and `Topic` types. |
+| `grok-digest` bin    | The CLI above.                                                                                                                                                                                         |
+
+## Develop
+
+You need Bun 1.4 and Node.js 22.12 or later.
+
+```sh
+bun install
+bun run dev      # builds the package, then serves template/ at http://localhost:4321
+bun run test
+bun run check    # typecheck, oxlint, oxfmt, comment lint, jscpd, knip, tests, starter build
+bun run format
+```
+
+`bun run check` ends by packing the package with `bun pm pack`, installing the tarball into a copy of `template/` outside the repository, and building it with `SITE_URL=https://example.github.io` and `BASE_PATH=/bm-check`. It checks that the written links stay under that path. This is the same install a site's deploy does.
+
+## Publish
+
+Releases are cut from GitHub Actions. Open **Actions** > **Prepare Release** > **Run workflow** and choose:
+
+| Input     | Meaning                                                                        |
+| --------- | ------------------------------------------------------------------------------ |
+| `bump`    | `patch`, `minor`, or `major`, applied to the version in `package.json`.        |
+| `version` | Optional. An exact version such as `0.2.0`, without the `v`. Overrides `bump`. |
+| `dry_run` | Run every check on the new version and stop before changing Git.               |
+
+`prepare-release.yml` refuses a version that is not newer, whose tag exists, or that is already on npm. It sets the new version, runs `bun run check`, commits `release: v<version>` to `main`, pushes the commit and the `v<version>` tag together, and starts `publish.yml` on that tag.
+
+`publish.yml` checks the tag again, packs the tarball, publishes that exact tarball to npm with provenance, and creates a GitHub release with generated notes and the tarball attached. Rerunning it for a tag that is already on npm skips the publish and finishes the release.
+
+npm accepts the publish through trusted publishing, so the repository holds no npm token. On npmjs.com, the package's **Settings** list `kenryu42/grok-digest` with workflow `publish.yml` as a trusted publisher.
+
+Version 0.1.0 was published from a maintainer's machine, because npm offers trusted publishing only for a package that already exists.
+
+## License
+
+MIT

package/dist/assets/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#2b2622"/><path d="M10 7h12v18l-6-4.5L10 25z" fill="#f6f1ea"/></svg>

package/dist/assets/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /

package/dist/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/cli.js

@@ -0,0 +1,71 @@
+#!/usr/bin/env node
+import { readFileSync } from "node:fs";
+import { parseArgs } from "node:util";
+import { z } from "zod";
+import { SCHEMA_VERSION } from "./lib/bookmarks.js";
+import { defaultDataFiles, validateFiles } from "./lib/validate.js";
+const USAGE = `Usage: grok-digest <command> [options]
+
+Commands:
+  build                Build the site into dist/.
+  dev                  Serve the site at http://localhost:4321 and reload on changes.
+  preview              Serve the site built in dist/.
+  validate [file ...]  Check data files against schema version ${SCHEMA_VERSION}. With no
+                       file, checks <dir>/bookmarks.json and, when present,
+                       <dir>/processed.json and <dir>/removed.json.
+
+Options:
+  --data-dir <dir>  The folder that holds the data files. Defaults to "data".
+  -h, --help        Show this help.
+  -v, --version     Show the package and schema versions.
+
+Environment:
+  SITE_URL   The site's origin, such as https://<your-username>.github.io.
+  BASE_PATH  The path the site is served under, such as /<repository-name>.`;
+const packageJson = z
+    .object({ version: z.string() })
+    .parse(JSON.parse(readFileSync(new URL("../package.json", import.meta.url), "utf8")));
+const { values, positionals } = parseArgs({
+    allowPositionals: true,
+    options: {
+        "data-dir": { type: "string", default: "data" },
+        help: { type: "boolean", short: "h" },
+        version: { type: "boolean", short: "v" },
+    },
+});
+const [command, ...files] = positionals;
+const dataDir = values["data-dir"];
+const NODE_ENV_FOR_SITE_COMMAND = {
+    build: "production",
+    dev: "development",
+    preview: "production",
+};
+const isSiteCommand = (name) => Object.hasOwn(NODE_ENV_FOR_SITE_COMMAND, name);
+if (values.version === true) {
+    console.log(`grok-digest ${packageJson.version} (schema version ${SCHEMA_VERSION})`);
+}
+else if (values.help === true || command === undefined) {
+    console.log(USAGE);
+}
+else if (command === "validate") {
+    const cwd = process.cwd();
+    const targets = files.length > 0 ? files : await defaultDataFiles({ cwd, dataDir });
+    const reports = await validateFiles({ cwd, files: targets });
+    for (const report of reports) {
+        if (report.ok)
+            console.log(`✓ ${report.source}: ${report.summary}`);
+        else
+            console.error(`✖ ${report.error}`);
+    }
+    if (reports.some((report) => !report.ok))
+        process.exitCode = 1;
+}
+else if (isSiteCommand(command)) {
+    process.env["NODE_ENV"] ??= NODE_ENV_FOR_SITE_COMMAND[command];
+    const { runSite } = await import("./site.js");
+    await runSite(command, { dataDir });
+}
+else {
+    console.error(`Unknown command "${command}".\n\n${USAGE}`);
+    process.exitCode = 1;
+}

package/dist/components/BookmarkCard.astro

@@ -0,0 +1,61 @@
+---
+import { ArrowUpRightIcon } from "lucide-react";
+import { Badge } from "./ui/badge";
+import { Card, CardContent, CardFooter, CardHeader } from "./ui/card";
+import type { Bookmark } from "../lib/bookmarks";
+import { TOPIC_LABELS } from "../lib/topics";
+
+type Props = {
+  bookmark: Bookmark;
+};
+
+const { bookmark } = Astro.props;
+const { id, url, author, postedAt, topic, summary, text, keyPoints } = bookmark;
+
+const dateFormat = new Intl.DateTimeFormat("en", { dateStyle: "medium", timeZone: "UTC" });
+---
+
+<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>
+
+    <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>
+
+    <CardFooter className="justify-between gap-3 border-t-0 bg-transparent pt-1">
+      <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>
+  </Card>
+</li>

package/dist/components/BookmarkFilters.d.ts

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

package/dist/components/BookmarkFilters.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { Button } from "./ui/button.js";
+import { Input } from "./ui/input.js";
+import { filterSearch, parseFilter } from "../lib/filter.js";
+import { matchingIds } from "../lib/search.js";
+import { TOPIC_LABELS, TOPICS } from "../lib/topics.js";
+export function BookmarkFilters({ entries }) {
+    const initial = parseFilter(window.location.search);
+    const [query, setQuery] = useState(initial.query);
+    const [topic, setTopic] = useState(initial.topic);
+    const visible = useMemo(() => matchingIds({ entries, query, topic }), [entries, query, topic]);
+    const topicsInUse = useMemo(() => TOPICS.filter((t) => entries.some((entry) => entry.topic === t)), [entries]);
+    useEffect(() => {
+        for (const card of document.querySelectorAll("[data-bookmark-id]")) {
+            card.hidden = !visible.has(card.dataset["bookmarkId"] ?? "");
+        }
+    }, [visible]);
+    useEffect(() => {
+        const next = `${window.location.pathname}${filterSearch({ query, topic })}${window.location.hash}`;
+        const current = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+        if (current !== next)
+            window.history.replaceState(null, "", next);
+    }, [query, topic]);
+    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, { type: "search", value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Search authors, posts, summaries, key points", "aria-label": "Search bookmarks", className: "h-10 rounded-full bg-card pl-9 dark:bg-card" })] }), _jsxs("fieldset", { "aria-label": "Filter by topic", className: "flex min-w-0 flex-wrap gap-2", children: [_jsx(TopicChip, { label: "All", pressed: topic === null, onClick: () => setTopic(null) }), topicsInUse.map((t) => (_jsx(TopicChip, { label: TOPIC_LABELS[t], pressed: topic === t, onClick: () => setTopic(topic === t ? null : t) }, t)))] }), _jsxs("p", { "aria-live": "polite", className: "text-sm text-muted-foreground", children: [visible.size === entries.length
+                        ? `${entries.length} ${entries.length === 1 ? "bookmark" : "bookmarks"}`
+                        : `Showing ${visible.size} of ${entries.length}`, visible.size === 0 && entries.length > 0 ? ". No bookmarks match your search." : ""] })] }));
+}
+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/ThemeToggle.d.ts

@@ -0,0 +1 @@
+export declare function ThemeToggle(): import("react").JSX.Element;

package/dist/components/ThemeToggle.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoonIcon, SunIcon } from "lucide-react";
+import { Button } from "./ui/button.js";
+import { DARK_QUERY, THEME_STORAGE_KEY } from "../lib/theme.js";
+function toggleTheme() {
+    const root = document.documentElement;
+    const dark = !root.classList.contains("dark");
+    const systemDark = window.matchMedia(DARK_QUERY).matches;
+    try {
+        if (dark === systemDark) {
+            window.localStorage.removeItem(THEME_STORAGE_KEY);
+        }
+        else {
+            window.localStorage.setItem(THEME_STORAGE_KEY, dark ? "dark" : "light");
+        }
+    }
+    catch { }
+    root.classList.toggle("dark", dark);
+    root.style.colorScheme = dark ? "dark" : "light";
+}
+export function ThemeToggle() {
+    return (_jsxs(Button, { variant: "ghost", size: "icon", onClick: toggleTheme, "aria-label": "Toggle dark mode", title: "Toggle dark mode", children: [_jsx(SunIcon, { className: "hidden dark:block" }), _jsx(MoonIcon, { className: "dark:hidden" })] }));
+}

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge };

package/dist/components/ui/badge.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { Slot } from "radix-ui";
+const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+            secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+            destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+            outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+            ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot.Root : "span";
+    return (_jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge };

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button };

package/dist/components/ui/button.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { Slot } from "radix-ui";
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/80",
+            outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+            ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+            destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+            xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+            lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+            icon: "size-8",
+            "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+            "icon-lg": "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot.Root : "button";
+    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button };

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

@@ -0,0 +1,8 @@
+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 };

package/dist/components/ui/card.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+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 };

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };

package/dist/components/ui/input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "cn";
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className), ...props }));
+}
+export { Input };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import type { AstroIntegration } from "astro";
+export type GrokDigestOptions = {
+    dataDir?: string;
+};
+export default function grokDigest({ dataDir }?: GrokDigestOptions): AstroIntegration;

package/dist/index.js

@@ -0,0 +1,81 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import react from "@astrojs/react";
+import tailwindcss from "@tailwindcss/vite";
+import { BOOKMARKS_FILE, readJsonFile } from "./lib/data-files.js";
+const PACKAGE_NAME = "grok-digest";
+const BOOKMARKS_MODULE_ID = "virtual:grok-digest/bookmarks";
+const RESOLVED_BOOKMARKS_MODULE_ID = `\0${BOOKMARKS_MODULE_ID}`;
+const SCRIPT_EXTENSION = path.extname(fileURLToPath(import.meta.url));
+const ROUTES = [
+    { pattern: "/", entrypoint: "pages/index.astro" },
+    { pattern: "/rss.xml", entrypoint: `pages/rss.xml${SCRIPT_EXTENSION}` },
+    { 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}` },
+];
+const RENDERER_PACKAGES = ["@astrojs/react", "react", "react-dom"];
+const PACKAGE_ENTRY = fileURLToPath(import.meta.url);
+const isRendererImport = (id) => RENDERER_PACKAGES.some((name) => id === name || id.startsWith(`${name}/`));
+function replaceInPlace(list, replacement) {
+    list.splice(0, list.length, ...replacement);
+}
+function rendererFromPackage() {
+    return {
+        name: "grok-digest:renderer",
+        enforce: "pre",
+        async resolveId(id, importer, options) {
+            if (!isRendererImport(id))
+                return undefined;
+            const resolveOptions = { ...options, skipSelf: true };
+            const resolvesFromImporter = (await this.resolve(id, importer, resolveOptions)) !== null;
+            return resolvesFromImporter ? undefined : this.resolve(id, PACKAGE_ENTRY, resolveOptions);
+        },
+        configResolved(config) {
+            for (const { resolve } of [config, ...Object.values(config.environments)]) {
+                replaceInPlace(resolve.dedupe, resolve.dedupe.filter((id) => !isRendererImport(id)));
+            }
+        },
+        configEnvironment: {
+            order: "post",
+            handler(_name, config) {
+                const include = config.optimizeDeps?.include;
+                if (include !== undefined) {
+                    replaceInPlace(include, include.map((id) => (isRendererImport(id) ? `${PACKAGE_NAME} > ${id}` : id)));
+                }
+            },
+        },
+    };
+}
+function bookmarksModule({ file, source }) {
+    return {
+        name: "grok-digest:bookmarks",
+        resolveId: (id) => (id === BOOKMARKS_MODULE_ID ? RESOLVED_BOOKMARKS_MODULE_ID : undefined),
+        async load(id) {
+            if (id !== RESOLVED_BOOKMARKS_MODULE_ID)
+                return undefined;
+            this.addWatchFile(file);
+            const raw = await readJsonFile({ file, source });
+            return `export const source = ${JSON.stringify(source)};\nexport default ${JSON.stringify(raw)};`;
+        },
+    };
+}
+export default function grokDigest({ dataDir = "data" } = {}) {
+    return {
+        name: PACKAGE_NAME,
+        hooks: {
+            "astro:config:setup": ({ config, updateConfig, injectRoute }) => {
+                const root = fileURLToPath(config.root);
+                const file = path.resolve(root, dataDir, BOOKMARKS_FILE);
+                const source = path.relative(root, file).split(path.sep).join("/");
+                updateConfig({
+                    integrations: [react()],
+                    vite: { plugins: [rendererFromPackage(), tailwindcss(), bookmarksModule({ file, source })] },
+                });
+                for (const { pattern, entrypoint } of ROUTES) {
+                    injectRoute({ pattern, entrypoint: new URL(entrypoint, import.meta.url) });
+                }
+            },
+        },
+    };
+}

package/dist/layouts/Layout.astro

@@ -0,0 +1,45 @@
+---
+import "../styles/global.css";
+import { DARK_QUERY, THEME_STORAGE_KEY } from "../lib/theme";
+
+type Props = {
+  title: string;
+  description: string;
+  feedHref?: string;
+};
+
+const { title, description, feedHref } = Astro.props;
+const favicon = `${import.meta.env.BASE_URL.replace(/\/$/, "")}/favicon.svg`;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="robots" content="noindex,nofollow" />
+    <meta name="referrer" content="no-referrer" />
+    <meta name="description" content={description} />
+    <meta name="color-scheme" content="light dark" />
+    <link rel="icon" type="image/svg+xml" href={favicon} />
+    {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 }}>
+      const media = window.matchMedia(darkQuery);
+      const applyTheme = () => {
+        let stored = null;
+        try {
+          stored = window.localStorage.getItem(storageKey);
+        } catch {}
+        const dark = stored === "dark" || (stored !== "light" && media.matches);
+        document.documentElement.classList.toggle("dark", dark);
+        document.documentElement.style.colorScheme = dark ? "dark" : "light";
+      };
+      applyTheme();
+      media.addEventListener("change", applyTheme);
+    </script>
+  </head>
+  <body class="min-h-dvh">
+    <slot />
+  </body>
+</html>