fd17436 · f7567fe · 54933e4 · 922fb5d · 25a3f77
@@ -172,3 +172,9 @@
keeps them; signing out clears every draft. It lives in the feed's existing
script (no new script, no dependency). Not covered: the "the forge" thought
target posts as a plain form, so its draft is dropped on submit, and the
lean client home has no feed script, so no draft.
## Likes
A like is a signal (#7751): `POST /api/v1/feed/interactions` with `kind: "liked"` (or the form at `POST /feed/like`) toggles the viewer's `feed_like` row: pressing again deletes it, so a person counts once per item. An item of `GET /api/v1/feed` carries `likes` and `liked` once anyone likes it (absent means 0 and false), and every card draws a Like button with the count. A like does not move the ranking. An item the viewer cannot read is a 404, as for every act.
In the terminal, the Feed screen (`ssh` in, then Ctrl-K and "Feed") marks a liked post `♥ n` and one others like `♡ n`; `l` on the post under the cursor likes it and a second `l` takes it back. It runs the same `readInteraction` check and `toggleLike` as the page, and the write moves the forge's write clock, so web viewers see it on their next live refresh.
@@ -4,3 +4,4 @@
- `.feed` — the home's timeline list: a one-column grid with no gap that holds the feed's cards, each focusable with a visible outline and removed from layout while `hidden`. Drawn by `drawRegion` in `src/web/studio/feed.ts` (the `#live-feed` section), styled in `src/web/studio/feed_style.ts`.
- Day divider — no new class: a §5 `.muted.small` line with `data-day-divider="<label>"`, drawn by `drawRegion` in `src/web/studio/feed.ts` before the first post of each UTC day (labels from `day_divider.ts`). It marks a change of day between neighbours in the order the feed already has; it never reorders. It is `role="separator"`, and hiding a card (dismiss, mute) moves it to the next card showing that day or hides it (`keepDay`). The "Older posts" link and `data-live-src` carry `day=` so a later page does not repeat the divider.
- Folded burst lines — no new class: under a folded post (`planned N issues in owner/name`) `feedCard` draws the §5 `ul.list` of `row()`s, one linked row per title and a last unlinked row `and N more`.
- `.like` — the Like form under a post, drawn by `likeBar` in `src/web/studio/feed.ts`: an inline form around one §5 ghost `.btn` (`aria-pressed` is the only state signal; the label is always "Like"). Its count `[data-likes]` is `inline-block` at `min-width: 3ch`, right-aligned with tabular numerals, so going from 9 to 10 or pressing moves nothing. Styled in `src/web/studio/feed_style.ts`.
@@ -3,7 +3,7 @@
import type { Route } from "../shared.ts";
export const route: Route = {
  method: "post",
  path: "/api/v1/feed/interactions",
  summary: "Record an act on a feed item, so the feed learns what the caller wants more or less of (rw scope); `item` is a feed item id, `kind` one the feed knows, `app` is owner/name and names the repository when the item is not an event; answers 201 with { id }",
  summary: "Record an act on a feed item, so the feed learns what the caller wants more or less of (rw scope); `item` is a feed item id, `kind` one the feed knows, `app` is owner/name and names the repository when the item is not an event; `liked` is a toggle, a second like takes it back, and answers 201 with { likes, liked }; any other answers 201 with { id }",
  auth: true,
  status: 201,
  body: { item: "string", kind: "string", app: "string" },
@@ -0,0 +1,1 @@
a731ad77b9965cd2d66b6cdd71b6d95eb9a38207d3086aabd025d7b1ad268225
@@ -0,0 +1,14 @@
// A like is one row per person and post (#7751): pressing again deletes it.
// A table of its own, so `interaction`'s CHECK is left alone and the
// migration only adds. `feed_like_item` counts a post's likes without
// reading anyone's history.
export default `
  CREATE TABLE feed_like (
    viewer_id  TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,
    item_id    TEXT NOT NULL,
    repo_id    TEXT REFERENCES repo(id) ON DELETE CASCADE,
    created_at TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
    PRIMARY KEY (viewer_id, item_id)
  );
  CREATE INDEX feed_like_item ON feed_like(item_id);
  `;
@@ -19,6 +19,7 @@
import { writeStamp } from "../core/write_clock.ts";
import { Stamped } from "../kernel/stamped.ts";
import { foldBursts } from "./fold.ts";
import { rank, type FeedItem } from "./rank.ts";
import { likesOf } from "./likes.ts";
import { stepsOf } from "./step.ts";
import { settledOf } from "./settled.ts";
@@ -202,10 +203,17 @@
export function readFeedPage(
  const settled = settledOf(db, page);
  options.phase?.("settled", performance.now() - started);
  const steps = stepsOf(db, page);
  const likes = likesOf(db, viewer.id, page.map((i) => i.id));
  const items = page.map((i) => {
    const state = settled.get(i.id);
    const step = steps.get(i.id);
    return { ...i, ...(state === undefined ? {} : { settled: state }), ...(step === undefined ? {} : { step }) };
    const liked = likes.get(i.id)!;
    return {
      ...i,
      ...(state === undefined ? {} : { settled: state }),
      ...(step === undefined ? {} : { step }),
      ...(liked.likes === 0 ? {} : liked),
    };
  });
  const last = items[items.length - 1];
  return {
@@ -47,9 +47,9 @@
export interface InteractionRefusal {
  readonly message: string;
}
export interface InteractionAct {
export interface InteractionAct<K extends string = InteractionKind> {
  readonly itemId: string;
  readonly kind: InteractionKind;
  readonly kind: K;
  readonly target: InteractionTarget;
}
@@ -63,12 +63,12 @@
const text = (v: unknown): string => (typeof v === "string" ? v.trim() : "");
 * a feed item id, the kind is one of `kinds` (the door's own), and the
 * viewer may act on what the item is about.
 */
export function readInteraction(
export function readInteraction<K extends string = InteractionKind>(
  db: Database,
  viewer: User,
  input: { readonly item?: unknown; readonly kind?: unknown; readonly app?: unknown },
  kinds: readonly InteractionKind[],
): Result<InteractionAct, InteractionRefusal> {
  kinds: readonly K[],
): Result<InteractionAct<K>, InteractionRefusal> {
  const itemId = text(input.item);
  if (!ITEM_ID.test(itemId))
    return err({ code: "invalid_item", message: "item is a feed item id" });
@@ -0,0 +1,37 @@
/**
 * Likes on feed items. A like is a `feed_like` row, one per person and item;
 * pressing again deletes it, so a person counts once however often they press.
 */
import type { Database } from "bun:sqlite";
export interface Likes {
  readonly likes: number;
  readonly liked: boolean;
}
/** Each item's like count and whether `viewerId` is among them; every asked item is answered. */
export function likesOf(
  db: Database,
  viewerId: string,
  itemIds: readonly string[],
): Map<string, Likes> {
  const out = new Map<string, Likes>(itemIds.map((i) => [i, { likes: 0, liked: false }]));
  if (itemIds.length === 0) return out;
  const rows = db
    .query<{ item_id: string; n: number; mine: number }, [string, string]>(
      `SELECT item_id, COUNT(*) AS n, SUM(viewer_id = ?2) AS mine FROM feed_like
        WHERE item_id IN (SELECT value FROM json_each(?1)) GROUP BY item_id`,
    )
    .all(JSON.stringify(itemIds), viewerId);
  for (const r of rows) out.set(r.item_id, { likes: r.n, liked: r.mine > 0 });
  return out;
}
/** The like pressed: liked becomes unliked and the other way round. Answers the state after. */
export function toggleLike(db: Database, viewerId: string, itemId: string, repoId: string): Likes {
  const gone = db.run("DELETE FROM feed_like WHERE viewer_id = ?1 AND item_id = ?2", [viewerId, itemId]);
  if (gone.changes === 0)
    db.run("INSERT INTO feed_like (viewer_id, item_id, repo_id) VALUES (?1, ?2, ?3)", [viewerId, itemId, repoId]);
  return likesOf(db, viewerId, [itemId]).get(itemId)!;
}
@@ -33,6 +33,9 @@
export interface FeedItem {
  readonly look?: FeedLook;
  /** For a post about a pull or an issue that is over: how it ended. Absent while open. */
  readonly settled?: Settled;
  /** How many people like it, and whether this viewer does (`feed/likes.ts`); absent when nobody does. */
  readonly likes?: number;
  readonly liked?: boolean;
  /** For a post about a pull: which of check, review, land, live it is at, and why. */
  readonly step?: PathStep;
}
@@ -13,6 +13,7 @@
import {
import { parseFrom, TELL_TEXT_MAX } from "../actions/tell_from.ts";
import { DIRECTION_NOTE } from "../crew/direct.ts";
import { readInteraction } from "../feed/interact.ts";
import { toggleLike } from "../feed/likes.ts";
import {
  ITEM_ID,
  INTERACTION_KINDS,
@@ -55,6 +56,9 @@
import {
  unauthorized,
} from "./respond.ts";
/** What a card may report: the interaction kinds, and a like (a toggle, not a row of its own). */
const DOOR_KINDS = [...INTERACTION_KINDS, "liked" as const];
export function feedRoutes(router: Router<Handler>): void {
  router.add("GET", "/api/v1/feed", (ctx) => {
    notePhase(ctx.request, "session", takeSessionTime(ctx.request));
@@ -232,10 +236,12 @@
export function feedRoutes(router: Router<Handler>): void {
    const viewer = ctx.auth.user!;
    const db = ctx.app.db;
    const input = await body(ctx.request);
    const act = readInteraction(db, viewer, input, INTERACTION_KINDS);
    const act = readInteraction(db, viewer, input, DOOR_KINDS);
    if (!act.ok)
      return apiError(act.error.code, act.error.code === "not_found" ? 404 : 422, act.error.message);
    const { itemId, kind, target } = act.value;
    // A like is a toggle: the second press takes it back (`feed/likes.ts`).
    if (kind === "liked") return json(toggleLike(db, viewer.id, itemId, target.repoId), 201);
    const made = recordInteraction(db, {
      viewerId: viewer.id,
      itemId,
@@ -295,6 +295,7 @@
import {
import { keeperAnswer } from "../web/studio/keeper_row.ts";
import { homeArchive, homeArchived, homeArchiveUndo } from "../web/studio/home_archive.ts";
import { liveFeedFragment } from "../web/studio/feed.ts";
import { likeSubmit } from "../web/studio/like.ts";
import { liveChipsFragment, liveMovingFragment } from "../web/studio/living.ts";
import { HOME_REGIONS } from "../web/studio/home_last.ts";
import { serviceWorker } from "../web/sw.ts";
@@ -1231,6 +1232,8 @@
export function buildRouter(): Router<Handler> {
  router.add("POST", "/:owner/:name/tell", tellSubmit);
  // The home's composer without a script: a tell to the app it names (#599).
  router.add("POST", "/tell", composerSubmit);
  // A like from a card without a script (#7751): the feed's `liked`, then back to the feed.
  router.add("POST", "/feed/like", likeSubmit);
  router.add("POST", "/:owner/:name/pulls/:number/checks", pullChecksSubmit);
  router.add("POST", "/:owner/:name/pulls/:number/ship", shipSubmit);
  router.add("POST", "/:owner/:name/pulls/:number/say", saySubmit);
@@ -4,7 +4,9 @@
 *
 * A reply is a comment on the issue or pull the post links to: the same
 * `addCommentThrough` the issue and pull screens call, offered on the same
 * posts to the same people as the page's Reply (`feed/reply.ts`). Twenty
 * posts to the same people as the page's Reply (`feed/reply.ts`). `l` likes
 * the post under the cursor and a second press takes it back: the page's
 * Like, behind the same `readInteraction` check (`feed/likes.ts`). Twenty
 * posts at a time; `n` reads the next page from the cursor the last returned.
 */
@@ -12,6 +14,8 @@
import { addCommentThrough } from "../../actions/issues.ts";
import { getIssue } from "../../core/issues.ts";
import { parseCursor, readFeed } from "../../feed/feed.ts";
import type { FeedItem } from "../../feed/rank.ts";
import { readInteraction } from "../../feed/interact.ts";
import { toggleLike } from "../../feed/likes.ts";
import { replyTarget } from "../../feed/reply.ts";
import type { Ctx, Screen } from "../app/app.ts";
import { binding } from "../app/keys.ts";
@@ -27,6 +31,10 @@
const PAGE = 20;
const oneLine = (text: string): string => text.replace(/[\p{Cc}\p{Cf}\u2028\u2029]/gu, " ");
/** `♥ 3` for a post the person likes, `♡ 3` for one others do; nothing when nobody does. */
const likeMark = (item: FeedItem): string =>
  item.liked === true ? `♥ ${item.likes ?? 1}` : (item.likes ?? 0) > 0 ? `♡ ${item.likes}` : "";
export function feedScreen(f: Session, ctx: Ctx): Screen {
  const state = new ListState();
  const composer = new Composer();
@@ -49,6 +57,21 @@
export function feedScreen(f: Session, ctx: Ctx): Screen {
    return item === undefined ? undefined : replyTarget(f.db, f.user, item);
  };
  /** `l`: like the post under the cursor, or take the like back; the row then shows the count the forge answers. */
  const like = (): void => {
    const item = items[state.index];
    if (item === undefined || f.user === undefined) return;
    const act = readInteraction(f.db, f.user, { item: item.id, kind: "liked", app: item.app }, ["liked"]);
    if (!act.ok) {
      ctx.toast(act.error.message, "danger");
      return;
    }
    const now = toggleLike(f.db, f.user.id, act.value.itemId, act.value.target.repoId);
    items[state.index] = { ...item, likes: now.likes, liked: now.liked };
    ctx.toast(now.liked ? "liked" : "like taken back", "success");
    ctx.invalidate();
  };
  const submit = (): void => {
    const at = selected();
    if (at === undefined) return;
@@ -72,6 +95,7 @@
export function feedScreen(f: Session, ctx: Ctx): Screen {
      return [
        binding(["j", "k"], "move"),
        ...(selected() === undefined ? [] : [binding(["r"], "reply")]),
        ...(items.length === 0 ? [] : [binding(["l"], "like")]),
        ...(next === null ? [] : [binding(["n"], "next page")]),
        binding(["esc", "q"], "back"),
      ];
@@ -86,7 +110,7 @@
export function feedScreen(f: Session, ctx: Ctx): Screen {
      const rows: ListRow[] = items.map((item) => ({
        title: oneLine(`${item.actor ?? item.app} ${item.what}`),
        secondary: item.app,
        meta: ago(item.at),
        meta: [likeMark(item), ago(item.at)].filter((m) => m !== "").join("  "),
        ...(item.step === undefined ? {} : { note: stepLine(item.step) }),
      }));
      drawList(s, list!, c, state, rows);
@@ -104,7 +128,8 @@
export function feedScreen(f: Session, ctx: Ctx): Screen {
      else if (e.key === "r") {
        const at = selected();
        if (at !== undefined) composer.start(`Reply on ${at.thread.owner}/${at.thread.name} #${at.thread.number}`);
      } else if (e.key === "n") {
      } else if (e.key === "l") like();
      else if (e.key === "n") {
        if (next !== null) read(next);
      } else state.key(e, items.length);
      return true;
@@ -116,7 +141,7 @@
export function feedScreen(f: Session, ctx: Ctx): Screen {
export const entry: PaletteEntry = {
  id: "feed",
  title: "Feed",
  hint: "what happened, ranked; r replies on a post about an issue or pull",
  hint: "what happened, ranked; r replies on a post about an issue or pull, l likes",
  offered: (session) => session.user !== undefined,
  run: (session, ctx) => ctx.push(feedScreen(session, ctx)),
};
@@ -102,6 +102,24 @@
function settledBadge(settled: FeedItem["settled"]): Html | null {
  return stateBadge(settled === "merged" ? "merged" : "closed", settled === "parked");
}
/**
 * The count of likes and, for a signed-in viewer, the button that toggles
 * theirs. A form that posts back to the feed, so it works without a script;
 * the script updates the same two nodes in place. The label never changes
 * (the pressed state is `aria-pressed`) and the count is drawn at a fixed
 * width, so a press moves nothing.
 */
function likeBar(item: FeedItem): Html {
  const likes = item.likes ?? 0;
  const liked = item.liked ?? false;
  return html`<form method="post" action="/feed/like" class="like" data-like>
    <input type="hidden" name="item" value="${item.id}" />
    <input type="hidden" name="app" value="${item.app}" />
    <input type="hidden" name="back" value="/feed" />
    <button type="submit" class="btn" data-variant="ghost" data-size="sm" aria-pressed="${liked ? "true" : "false"}">Like <span data-likes>${likes}</span></button>
  </form>`;
}
/**
 * One post: who, where and when; what it says, as a link into the thing;
 * why, when that is news; and one quiet control for the rest — say
@@ -136,7 +154,8 @@
export function feedCard(
          ><img src="${picture.src}" width="${picture.width}" height="${picture.height}" alt="" loading="lazy" decoding="async"
        /></a>`}
    ${item.step === undefined ? null : html`<p class="break">${stepLink(item.step)}</p>`}
    ${saysMore(item) ? html`<p class="small muted break">${item.reason}</p>` : null}`;
    ${saysMore(item) ? html`<p class="small muted break">${item.reason}</p>` : null}
    ${likeBar(item)}`;
  const foot = disclosure(
    `${reply ? "Reply or " : ""}${target ? "Steer" : "Tell"} · more`,
    html`${reply
@@ -564,11 +583,29 @@
${dayKeepJs}
    if (t.hasAttribute('data-feed-open')) { send(card, 'opened'); return; }
    act(card, t.getAttribute('data-feed'));
  });
  // A like flips at once and then takes the count the forge answers; a
  // refusal puts it back. Without fetch the form posts back to the feed.
  function like(form, e) {
    var btn = form.querySelector('button');
    var count = form.querySelector('[data-likes]');
    if (!btn || !count) return;
    e.preventDefault();
    var was = btn.getAttribute('aria-pressed') === 'true';
    var n = Number(count.textContent) || 0;
    var show = function (on, total) { btn.setAttribute('aria-pressed', on ? 'true' : 'false'); count.textContent = String(total); };
    show(!was, Math.max(0, n + (was ? -1 : 1)));
    fetch(form.getAttribute('action'), { method: 'POST', credentials: 'same-origin', headers: { accept: 'application/json', 'content-type': 'application/x-www-form-urlencoded' },
      body: new URLSearchParams(new FormData(form)).toString() })
      .then(function (r) { if (!r.ok) throw r; return r.json(); })
      .then(function (a) { show(a.liked, a.likes); })
      .catch(function () { show(was, n); problem = 'The like was not saved. Check your connection and press Like again.'; paint(); });
  }
  // A tell is kept and sent the same way; a steer needs the run, so it
  // stays an ordinary post and waits for the network.
  feed.addEventListener('submit', function (e) {
    var form = e.target;
    var card = form.closest && form.closest('[data-item]');
    if (card && form.hasAttribute && form.hasAttribute('data-like')) { like(form, e); return; }
    var box = form.elements && form.elements.text;
    if (!card || !box || !/\\/tell$/.test(form.getAttribute('action') || '')) return;
    var text = box.value.trim();
@@ -5,6 +5,9 @@
export const feedCss = /* css */ `
.feed { display: grid; gap: 0; }
.feed > .card:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.feed > .card[hidden] { display: none; }
/* The Like form sits in the card's flow; its count has a fixed width so a press moves nothing. */
.feed .like { display: inline-block; margin: 0; }
.feed .like [data-likes] { display: inline-block; min-width: 3ch; text-align: end; font-variant-numeric: tabular-nums; }
.feed .card-foot > details { flex: 1 1 100%; }
/* Your apps: a narrow column on a desk, a tab away on a phone. */
/* An admin's tick boxes are always shown (no Select toggle); 24 px to tap. */
@@ -0,0 +1,28 @@
/**
 * POST /feed/like: the Like button without a script. The same act as the
 * feed API's `liked` (`feed/likes.ts`), refused the same ways, then back to
 * the feed; with a script asking for JSON it answers the new count instead.
 */
import { readInteraction } from "../../feed/interact.ts";
import { toggleLike } from "../../feed/likes.ts";
import type { Ctx } from "../../http/context.ts";
import { notFoundPage, signInFirst } from "../chrome.ts";
import { backTo, field, readForm } from "../form.ts";
import { flashOrJson } from "../layout.ts";
export async function likeSubmit(ctx: Ctx): Promise<Response> {
  const viewer = ctx.auth.user;
  if (!viewer) return signInFirst(ctx);
  const form = await readForm(ctx, "rw");
  if (form instanceof Response) return form;
  const act = readInteraction(
    ctx.app.db,
    viewer,
    { item: field(form, "item"), kind: "liked", app: field(form, "app") },
    ["liked"],
  );
  if (!act.ok) return notFoundPage(ctx);
  const now = toggleLike(ctx.app.db, viewer.id, act.value.itemId, act.value.target.repoId);
  return flashOrJson(ctx, backTo(form, "/feed"), { message: now.liked ? "Liked." : "Like taken back." }, { ...now });
}
@@ -0,0 +1,257 @@
/**
 * A like on a feed item (#7751): one press likes, a second takes it back,
 * one person counts once, and an item the viewer cannot read is a 404.
 */
import { afterAll, beforeAll, beforeEach, describe, expect, test } from "bun:test";
import { mkdtemp, rm } from "node:fs/promises";
import { tmpdir } from "node:os";
import { join } from "node:path";
import { createApp, type App } from "../src/app.ts";
import { createRepo } from "../src/actions/repos.ts";
import { createToken } from "../src/core/tokens.ts";
import { createUser, type User } from "../src/core/users.ts";
import { readFeed } from "../src/feed/feed.ts";
import { createSession } from "../src/core/sessions.ts";
import { feedCard, feedJs } from "../src/web/studio/feed.ts";
import { serve, type Servers } from "../src/http/server.ts";
import { promote } from "./helpers/members.ts";
let dataDir: string;
let app: App;
let servers: Servers;
let alice: User;
let bob: User;
let aliceTok: string;
let bobTok: string;
let openEvent: string;
let secretEvent: string;
beforeAll(async () => {
  dataDir = await mkdtemp(join(tmpdir(), "forge-feed-like-"));
  app = createApp({ dataDir, port: 0 });
  servers = await serve(app);
  const mk = async (username: string, first = false) => {
    const u = await createUser(app.db, {
      origin: "seed",
      trusted: true,
      username,
      email: `${username}@forge.local`,
      password: "a-good-passphrase",
      adminIfFirst: first,
    });
    if (!u.ok) throw new Error(u.error);
    promote(app.db, u.value);
    return u.value;
  };
  await mk("founder", true);
  alice = await mk("alice");
  bob = await mk("bob");
  aliceTok = createToken(app.db, alice.id, "rw", "rw").token;
  bobTok = createToken(app.db, bob.id, "rw", "rw").token;
  const o = await createRepo(app, alice, { name: "open", visibility: "public" });
  const s = await createRepo(app, alice, { name: "secret", visibility: "private" });
  if (!o.ok || !s.ok) throw new Error("repos");
  for (const [repo, summary] of [[o.value, "up"], [s.value, "boom"]] as const)
    app.bus.append({
      kind: "run.finished",
      repoId: repo.id,
      actorId: alice.id,
      payload: { kind: "deploy", state: "ok", summary, runId: `r-${summary}` },
    });
  const items = readFeed(app.db, alice).items.filter((i) => i.id.startsWith("event:"));
  openEvent = items.find((i) => i.app === "alice/open")!.id;
  secretEvent = items.find((i) => i.app === "alice/secret")!.id;
});
afterAll(async () => {
  servers.stop();
  app.close();
  await rm(dataDir, { recursive: true, force: true });
});
const like = (tok: string, item: string) =>
  fetch(`${servers.url}/api/v1/feed/interactions`, {
    method: "POST",
    headers: { authorization: `Bearer ${tok}`, "content-type": "application/json" },
    body: JSON.stringify({ item, kind: "liked" }),
  });
const stateOf = (who: User, item: string) => {
  const found = readFeed(app.db, who).items.find((i) => i.id === item)!;
  return { likes: found.likes ?? 0, liked: found.liked ?? false };
};
describe("a like", () => {
  test("is recorded, then taken back by the second press", async () => {
    expect(stateOf(bob, openEvent)).toEqual({ likes: 0, liked: false });
    const first = await like(bobTok, openEvent);
    expect(first.status).toBe(201);
    expect(await first.json()).toEqual({ likes: 1, liked: true });
    expect(stateOf(bob, openEvent)).toEqual({ likes: 1, liked: true });
    const second = await like(bobTok, openEvent);
    expect(await second.json()).toEqual({ likes: 0, liked: false });
    expect(stateOf(bob, openEvent)).toEqual({ likes: 0, liked: false });
    // Taking it back deletes the row: nothing is left of it.
    expect(app.db.query("SELECT 1 FROM feed_like WHERE item_id = ?1").get(openEvent)).toBeNull();
  });
  test("counts each person once, and shows each viewer their own", async () => {
    await like(bobTok, openEvent);
    await like(aliceTok, openEvent);
    expect(stateOf(bob, openEvent)).toEqual({ likes: 2, liked: true });
    expect(stateOf(alice, openEvent)).toEqual({ likes: 2, liked: true });
    await like(bobTok, openEvent);
    expect(stateOf(bob, openEvent)).toEqual({ likes: 1, liked: false });
    expect(stateOf(alice, openEvent)).toEqual({ likes: 1, liked: true });
    await like(aliceTok, openEvent);
  });
  test("on an item the viewer cannot read is a 404 and leaves no row", async () => {
    expect((await like(bobTok, secretEvent)).status).toBe(404);
    expect((await like(bobTok, "event:nothing-here")).status).toBe(404);
    expect(app.db.query("SELECT 1 FROM feed_like WHERE item_id = ?1").get(secretEvent)).toBeNull();
  });
  test("cannot be sent as unliked: that is only the second press", async () => {
    const res = await fetch(`${servers.url}/api/v1/feed/interactions`, {
      method: "POST",
      headers: { authorization: `Bearer ${bobTok}`, "content-type": "application/json" },
      body: JSON.stringify({ item: openEvent, kind: "unliked" }),
    });
    expect(res.status).toBe(422);
  });
});
describe("the Like button", () => {
  const base = {
    id: "event:x", kind: "run", app: "alice/open", actor: "alice", at: "2026-01-01T00:00:00Z",
    link: "/alice/open", what: "Deployed", reason: "because you own alice/open", score: 1,
  } as const;
  test("is a form posting back to the feed, with the count", () => {
    const out = String(feedCard({ ...base, likes: 3, liked: false } as never));
    expect(out).toContain('method="post" action="/feed/like"');
    expect(out).toContain('name="item" value="event:x"');
    expect(out).toContain('aria-pressed="false"');
    expect(out).toContain("<span data-likes>3</span>");
  });
  test("a post nobody likes still draws the button, at zero", () => {
    const out = String(feedCard({ ...base } as never));
    expect(out).toContain("<span data-likes>0</span>");
  });
  test("without a script the form posts back to the feed", async () => {
    const res = await fetch(`${servers.url}/feed/like`, {
      method: "POST",
      redirect: "manual",
      headers: { authorization: `Bearer ${bobTok}`, "content-type": "application/x-www-form-urlencoded" },
      body: new URLSearchParams({ item: openEvent, back: "/feed" }).toString(),
    });
    expect(res.status).toBe(303);
    expect(res.headers.get("location")).toBe("/feed");
    expect(stateOf(bob, openEvent).liked).toBe(true);
    const gone = await fetch(`${servers.url}/feed/like`, {
      method: "POST",
      headers: { authorization: `Bearer ${bobTok}`, "content-type": "application/x-www-form-urlencoded" },
      body: new URLSearchParams({ item: secretEvent }).toString(),
    });
    expect(gone.status).toBe(404);
  });
});
describe("the doors", () => {
  beforeEach(() => void app.db.run("DELETE FROM feed_like"));
  const cookie = () => `forge_session=${createSession(app.db, bob.id).token}`;
  const form = (headers: Record<string, string>, item = openEvent) =>
    fetch(`${servers.url}/feed/like`, {
      method: "POST",
      redirect: "manual",
      headers: { "content-type": "application/x-www-form-urlencoded", ...headers },
      body: new URLSearchParams({ item, app: "alice/open" }).toString(),
    });
  const likesNow = () => app.db.query<{ n: number }, [string]>("SELECT COUNT(*) AS n FROM feed_like WHERE item_id = ?1").get(openEvent)!.n;
  test("GET /api/v1/feed carries likes and liked for the viewer, and omits them where nobody likes", async () => {
    await like(aliceTok, openEvent);
    const get = async (tok: string) =>
      ((await (await fetch(`${servers.url}/api/v1/feed`, { headers: { authorization: `Bearer ${tok}` } })).json()) as {
        items: { id: string; likes?: number; liked?: boolean }[];
      }).items.find((i) => i.id === openEvent)!;
    expect(await get(aliceTok)).toMatchObject({ likes: 1, liked: true });
    expect(await get(bobTok)).toMatchObject({ likes: 1, liked: false });
    await like(aliceTok, openEvent);
    const none = await get(bobTok);
    expect(none.likes).toBeUndefined();
    expect(none.liked).toBeUndefined();
  });
  test("a cross-origin POST /feed/like is refused and likes nothing", async () => {
    const before = likesNow();
    const res = await form({ cookie: cookie(), origin: "http://evil.example" });
    expect(res.status).toBe(403);
    expect(likesNow()).toBe(before);
  });
  test("a signed-out POST /feed/like is sent to sign in and likes nothing", async () => {
    const before = likesNow();
    const res = await form({ origin: servers.url });
    expect(res.status).toBe(303);
    expect(res.headers.get("location")).toContain("/signin");
    expect(likesNow()).toBe(before);
  });
  test("asked for JSON, /feed/like answers the new count", async () => {
    const on = await form({ authorization: `Bearer ${bobTok}`, accept: "application/json" });
    expect(await on.json()).toMatchObject({ likes: 1, liked: true });
    const off = await form({ authorization: `Bearer ${bobTok}`, accept: "application/json" });
    expect(await off.json()).toMatchObject({ likes: 0, liked: false });
  });
});
describe("the live script", () => {
  // The page's own `like`, run against a stub form and a fetch that answers as told.
  const run = (answer: () => Promise<unknown>) => {
    const start = feedJs.indexOf("function like(form, e) {");
    const end = feedJs.indexOf("\n  }\n", start) + 4;
    const state = { pressed: "false", count: "2", painted: 0, read: () => "" };
    const btn = {
      getAttribute: () => state.pressed,
      setAttribute: (_: string, v: string) => void (state.pressed = v),
    };
    const count = {
      get textContent() { return state.count; },
      set textContent(v: string) { state.count = v; },
    };
    const f = {
      querySelector: (q: string) => (q === "button" ? btn : count),
      getAttribute: () => "/feed/like",
    };
    const script = feedJs.slice(start, end);
    const made = new Function(
      "fetch", "FormData", "URLSearchParams", "paint",
      `var problem = ''; ${script}; return { like: like, get problem() { return problem; } };`,
    )(answer, function () { return []; }, URLSearchParams, () => void state.painted++) as {
      like: (f: unknown, e: unknown) => void;
      problem: string;
    };
    const like = made.like;
    state.read = () => made.problem;
    like(f, { preventDefault() {} });
    return state;
  };
  test("a refusal puts the button and the count back and says so", async () => {
    const state = run(() => Promise.resolve({ ok: false }));
    expect(state).toMatchObject({ pressed: "true", count: "3" });
    await new Promise((r) => setTimeout(r, 0));
    expect(state).toMatchObject({ pressed: "false", count: "2", painted: 1 });
    expect(state.read()).toContain("The like was not saved");
  });
  test("an answer sets the count the forge gave", async () => {
    const state = run(() => Promise.resolve({ ok: true, json: () => Promise.resolve({ liked: true, likes: 7 }) }));
    await new Promise((r) => setTimeout(r, 0));
    expect(state).toMatchObject({ pressed: "true", count: "7" });
    expect(state.read()).toBe("");
  });
});
@@ -110,7 +110,7 @@
test("a site-admin person is offered the whole roster", () => {
    ["cloud", "Cloud accounts", "provider tokens, what they are used for, today's calls"],
    ["origins", "Connected origins", "the hosts your mirrors come from"],
    ["domains", "Failure domains", "failure domains and their last drill"],
    ["feed", "Feed", "what happened, ranked; r replies on a post about an issue or pull"],
    ["feed", "Feed", "what happened, ranked; r replies on a post about an issue or pull, l likes"],
    ["front", "Front page", "the apps a first visitor sees, ranked; an admin pins or hides"],
    ["owner", "Owner's needs", "what needs the owner, snapshots, failure domains"],
    ["forges", "Forges you sent", "each forge sent, claimed or not, and its apps"],
@@ -160,7 +160,7 @@
test("a site-admin agent is offered the roster without the person-only entries",
    ["audit", "Who can do what", "each app's doors from its contract.json: yes, own or no"],
    ["archived", "Archived repositories", "put away, not gone: open one or wake it"],
    ["cloud", "Cloud accounts", "provider tokens, what they are used for, today's calls"],
    ["feed", "Feed", "what happened, ranked; r replies on a post about an issue or pull"],
    ["feed", "Feed", "what happened, ranked; r replies on a post about an issue or pull, l likes"],
    ["front", "Front page", "the apps a first visitor sees, ranked; an admin pins or hides"],
    ["forges", "Forges you sent", "each forge sent, claimed or not, and its apps"],
    ["family", "Family", "the forge that sent this one, and the forges it sent"],
@@ -210,7 +210,7 @@
test("a member person is offered the signed-in roster without the admin entries"
    ["archived", "Archived repositories", "put away, not gone: open one or wake it"],
    ["bulk", "Bulk actions", "your last bulk actions; u undoes one inside its day"],
    ["origins", "Connected origins", "the hosts your mirrors come from"],
    ["feed", "Feed", "what happened, ranked; r replies on a post about an issue or pull"],
    ["feed", "Feed", "what happened, ranked; r replies on a post about an issue or pull, l likes"],
    ["front", "Front page", "the apps a first visitor sees, ranked; an admin pins or hides"],
    ["profile", "Your profile", "display name and email"],
    ["family", "Family", "the forge that sent this one, and the forges it sent"],
@@ -148,3 +148,28 @@
test("a person who cannot read the repository is not shown its post", async () =
  expect(listComments(forge.db, issueId).map((c) => c.body)).not.toContain("Let me in.");
  t.stop();
});
test("l likes the post under the cursor, a second l takes it back, and the page's feed sees it", async () => {
  const alice = getUserByName(forge.db, "alice")!;
  const t = boot("alice");
  await t.open();
  await t.press("l");
  expect(t.text()).toContain("♥ 1");
  const [top] = readFeed(forge.db, alice, { limit: 1 }).items;
  expect(top!.likes).toBe(1);
  expect(top!.liked).toBe(true);
  // Another viewer's feed counts it live: the same table the page reads.
  await t.press("l");
  expect(t.text()).not.toContain("♥");
  expect(readFeed(forge.db, alice, { limit: 1 }).items[0]!.likes).toBeUndefined();
  t.stop();
});
test("l on a post the person cannot read likes nothing", async () => {
  const t = boot("bob");
  await t.open();
  await t.press("l");
  const secret = forge.db.query<{ id: string }, []>("SELECT id FROM repo WHERE name = 'secret'").get()!.id;
  expect(forge.db.query("SELECT 1 FROM feed_like WHERE repo_id = ?1").get(secret)).toBeNull();
  t.stop();
});
		@@ -172,3 +172,9 @@ keeps them; signing out clears every draft. It lives in the feed's existing
172	172	script (no new script, no dependency). Not covered: the "the forge" thought
173	173	target posts as a plain form, so its draft is dropped on submit, and the
174	174	lean client home has no feed script, so no draft.
	175
	176	## Likes
	177
	178	A like is a signal (#7751): `POST /api/v1/feed/interactions` with `kind: "liked"` (or the form at `POST /feed/like`) toggles the viewer's `feed_like` row: pressing again deletes it, so a person counts once per item. An item of `GET /api/v1/feed` carries `likes` and `liked` once anyone likes it (absent means 0 and false), and every card draws a Like button with the count. A like does not move the ranking. An item the viewer cannot read is a 404, as for every act.
	179
	180	In the terminal, the Feed screen (`ssh` in, then Ctrl-K and "Feed") marks a liked post `♥ n` and one others like `♡ n`; `l` on the post under the cursor likes it and a second `l` takes it back. It runs the same `readInteraction` check and `toggleLike` as the page, and the write moves the forge's write clock, so web viewers see it on their next live refresh.
		@@ -4,3 +4,4 @@
4	4	- `.feed` — the home's timeline list: a one-column grid with no gap that holds the feed's cards, each focusable with a visible outline and removed from layout while `hidden`. Drawn by `drawRegion` in `src/web/studio/feed.ts` (the `#live-feed` section), styled in `src/web/studio/feed_style.ts`.
5	5	- Day divider — no new class: a §5 `.muted.small` line with `data-day-divider="<label>"`, drawn by `drawRegion` in `src/web/studio/feed.ts` before the first post of each UTC day (labels from `day_divider.ts`). It marks a change of day between neighbours in the order the feed already has; it never reorders. It is `role="separator"`, and hiding a card (dismiss, mute) moves it to the next card showing that day or hides it (`keepDay`). The "Older posts" link and `data-live-src` carry `day=` so a later page does not repeat the divider.
6	6	- Folded burst lines — no new class: under a folded post (`planned N issues in owner/name`) `feedCard` draws the §5 `ul.list` of `row()`s, one linked row per title and a last unlinked row `and N more`.
	7	- `.like` — the Like form under a post, drawn by `likeBar` in `src/web/studio/feed.ts`: an inline form around one §5 ghost `.btn` (`aria-pressed` is the only state signal; the label is always "Like"). Its count `[data-likes]` is `inline-block` at `min-width: 3ch`, right-aligned with tabular numerals, so going from 9 to 10 or pressing moves nothing. Styled in `src/web/studio/feed_style.ts`.
		@@ -3,7 +3,7 @@ import type { Route } from "../shared.ts";
3	3	export const route: Route = {
4	4	method: "post",
5	5	path: "/api/v1/feed/interactions",
6		summary: "Record an act on a feed item, so the feed learns what the caller wants more or less of (rw scope); `item` is a feed item id, `kind` one the feed knows, `app` is owner/name and names the repository when the item is not an event; answers 201 with { id }",
	6	summary: "Record an act on a feed item, so the feed learns what the caller wants more or less of (rw scope); `item` is a feed item id, `kind` one the feed knows, `app` is owner/name and names the repository when the item is not an event; `liked` is a toggle, a second like takes it back, and answers 201 with { likes, liked }; any other answers 201 with { id }",
7	7	auth: true,
8	8	status: 201,
9	9	body: { item: "string", kind: "string", app: "string" },
		@@ -0,0 +1,1 @@
	1	a731ad77b9965cd2d66b6cdd71b6d95eb9a38207d3086aabd025d7b1ad268225
		@@ -0,0 +1,14 @@
	1	// A like is one row per person and post (#7751): pressing again deletes it.
	2	// A table of its own, so `interaction`'s CHECK is left alone and the
	3	// migration only adds. `feed_like_item` counts a post's likes without
	4	// reading anyone's history.
	5	export default `
	6	CREATE TABLE feed_like (
	7	viewer_id TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,
	8	item_id TEXT NOT NULL,
	9	repo_id TEXT REFERENCES repo(id) ON DELETE CASCADE,
	10	created_at TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
	11	PRIMARY KEY (viewer_id, item_id)
	12	);
	13	CREATE INDEX feed_like_item ON feed_like(item_id);
	14	`;
		@@ -19,6 +19,7 @@ import { writeStamp } from "../core/write_clock.ts";
19	19	import { Stamped } from "../kernel/stamped.ts";
20	20	import { foldBursts } from "./fold.ts";
21	21	import { rank, type FeedItem } from "./rank.ts";
	22	import { likesOf } from "./likes.ts";
22	23	import { stepsOf } from "./step.ts";
23	24	import { settledOf } from "./settled.ts";
24	25
		@@ -202,10 +203,17 @@ export function readFeedPage(
202	203	const settled = settledOf(db, page);
203	204	options.phase?.("settled", performance.now() - started);
204	205	const steps = stepsOf(db, page);
	206	const likes = likesOf(db, viewer.id, page.map((i) => i.id));
205	207	const items = page.map((i) => {
206	208	const state = settled.get(i.id);
207	209	const step = steps.get(i.id);
208		return { ...i, ...(state === undefined ? {} : { settled: state }), ...(step === undefined ? {} : { step }) };
	210	const liked = likes.get(i.id)!;
	211	return {
	212	...i,
	213	...(state === undefined ? {} : { settled: state }),
	214	...(step === undefined ? {} : { step }),
	215	...(liked.likes === 0 ? {} : liked),
	216	};
209	217	});
210	218	const last = items[items.length - 1];
211	219	return {
		@@ -47,9 +47,9 @@ export interface InteractionRefusal {
47	47	readonly message: string;
48	48	}
49	49
50		export interface InteractionAct {
	50	export interface InteractionAct<K extends string = InteractionKind> {
51	51	readonly itemId: string;
52		readonly kind: InteractionKind;
	52	readonly kind: K;
53	53	readonly target: InteractionTarget;
54	54	}
55	55
		@@ -63,12 +63,12 @@ const text = (v: unknown): string => (typeof v === "string" ? v.trim() : "");
63	63	* a feed item id, the kind is one of `kinds` (the door's own), and the
64	64	* viewer may act on what the item is about.
65	65	*/
66		export function readInteraction(
	66	export function readInteraction<K extends string = InteractionKind>(
67	67	db: Database,
68	68	viewer: User,
69	69	input: { readonly item?: unknown; readonly kind?: unknown; readonly app?: unknown },
70		kinds: readonly InteractionKind[],
71		): Result<InteractionAct, InteractionRefusal> {
	70	kinds: readonly K[],
	71	): Result<InteractionAct<K>, InteractionRefusal> {
72	72	const itemId = text(input.item);
73	73	if (!ITEM_ID.test(itemId))
74	74	return err({ code: "invalid_item", message: "item is a feed item id" });
		@@ -0,0 +1,37 @@
	1	/**
	2	* Likes on feed items. A like is a `feed_like` row, one per person and item;
	3	* pressing again deletes it, so a person counts once however often they press.
	4	*/
	5
	6	import type { Database } from "bun:sqlite";
	7
	8	export interface Likes {
	9	readonly likes: number;
	10	readonly liked: boolean;
	11	}
	12
	13	/** Each item's like count and whether `viewerId` is among them; every asked item is answered. */
	14	export function likesOf(
	15	db: Database,
	16	viewerId: string,
	17	itemIds: readonly string[],
	18	): Map<string, Likes> {
	19	const out = new Map<string, Likes>(itemIds.map((i) => [i, { likes: 0, liked: false }]));
	20	if (itemIds.length === 0) return out;
	21	const rows = db
	22	.query<{ item_id: string; n: number; mine: number }, [string, string]>(
	23	`SELECT item_id, COUNT(*) AS n, SUM(viewer_id = ?2) AS mine FROM feed_like
	24	WHERE item_id IN (SELECT value FROM json_each(?1)) GROUP BY item_id`,
	25	)
	26	.all(JSON.stringify(itemIds), viewerId);
	27	for (const r of rows) out.set(r.item_id, { likes: r.n, liked: r.mine > 0 });
	28	return out;
	29	}
	30
	31	/** The like pressed: liked becomes unliked and the other way round. Answers the state after. */
	32	export function toggleLike(db: Database, viewerId: string, itemId: string, repoId: string): Likes {
	33	const gone = db.run("DELETE FROM feed_like WHERE viewer_id = ?1 AND item_id = ?2", [viewerId, itemId]);
	34	if (gone.changes === 0)
	35	db.run("INSERT INTO feed_like (viewer_id, item_id, repo_id) VALUES (?1, ?2, ?3)", [viewerId, itemId, repoId]);
	36	return likesOf(db, viewerId, [itemId]).get(itemId)!;
	37	}
		@@ -33,6 +33,9 @@ export interface FeedItem {
33	33	readonly look?: FeedLook;
34	34	/** For a post about a pull or an issue that is over: how it ended. Absent while open. */
35	35	readonly settled?: Settled;
	36	/** How many people like it, and whether this viewer does (`feed/likes.ts`); absent when nobody does. */
	37	readonly likes?: number;
	38	readonly liked?: boolean;
36	39	/** For a post about a pull: which of check, review, land, live it is at, and why. */
37	40	readonly step?: PathStep;
38	41	}
		@@ -13,6 +13,7 @@ import {
13	13	import { parseFrom, TELL_TEXT_MAX } from "../actions/tell_from.ts";
14	14	import { DIRECTION_NOTE } from "../crew/direct.ts";
15	15	import { readInteraction } from "../feed/interact.ts";
	16	import { toggleLike } from "../feed/likes.ts";
16	17	import {
17	18	ITEM_ID,
18	19	INTERACTION_KINDS,
		@@ -55,6 +56,9 @@ import {
55	56	unauthorized,
56	57	} from "./respond.ts";
57	58
	59	/** What a card may report: the interaction kinds, and a like (a toggle, not a row of its own). */
	60	const DOOR_KINDS = [...INTERACTION_KINDS, "liked" as const];
	61
58	62	export function feedRoutes(router: Router<Handler>): void {
59	63	router.add("GET", "/api/v1/feed", (ctx) => {
60	64	notePhase(ctx.request, "session", takeSessionTime(ctx.request));
		@@ -232,10 +236,12 @@ export function feedRoutes(router: Router<Handler>): void {
232	236	const viewer = ctx.auth.user!;
233	237	const db = ctx.app.db;
234	238	const input = await body(ctx.request);
235		const act = readInteraction(db, viewer, input, INTERACTION_KINDS);
	239	const act = readInteraction(db, viewer, input, DOOR_KINDS);
236	240	if (!act.ok)
237	241	return apiError(act.error.code, act.error.code === "not_found" ? 404 : 422, act.error.message);
238	242	const { itemId, kind, target } = act.value;
	243	// A like is a toggle: the second press takes it back (`feed/likes.ts`).
	244	if (kind === "liked") return json(toggleLike(db, viewer.id, itemId, target.repoId), 201);
239	245	const made = recordInteraction(db, {
240	246	viewerId: viewer.id,
241	247	itemId,