Sign in

flagon-io/g1t

public

g1t/apps/web/app/lib/meta.test.ts

80 lines4,200 bytesCodeBlame

Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.

Social cards for every page: og.g1t.sh1import assert from "node:assert/strict";
2import { test } from "node:test";
3
status.g1t.sh with incident management, invites that land you in the workspace, settings as pages, usage without quotas4import { OG_RENDER_VERSION } from "@g1t/contracts/og";
5
Social cards for every page: og.g1t.sh6import { DESCRIPTION, cardUrl, excerpt, fingerprint, page } from "./meta.ts";
7
8type Tag = Record<string, string>;
9
10function tags(list: unknown[]): Map<string, string> {
11 const found = new Map<string, string>();
12 for (const tag of list as Tag[]) {
13 if ("title" in tag) found.set("title", tag.title);
14 else found.set(tag.property ?? tag.name, tag.content);
15 }
16 return found;
17}
18
19test("a page gets its title, description, Open Graph and Twitter tags", () => {
20 const meta = tags(page({ location: { pathname: "/pricing" }, matches: [] }, { title: "Pricing · g1t", description: "What it costs." }));
21 assert.equal(meta.get("title"), "Pricing · g1t");
22 assert.equal(meta.get("description"), "What it costs.");
23 assert.equal(meta.get("og:title"), "Pricing");
24 assert.equal(meta.get("og:url"), "https://g1t.sh/pricing");
25 assert.equal(meta.get("og:site_name"), "g1t");
status.g1t.sh with incident management, invites that land you in the workspace, settings as pages, usage without quotas26 assert.equal(meta.get("og:image"), `https://og.g1t.sh/image?path=%2Fpricing&v=${OG_RENDER_VERSION}`);
Social cards for every page: og.g1t.sh27 assert.equal(meta.get("twitter:card"), "summary_large_image");
28 assert.equal(meta.get("twitter:image"), meta.get("og:image"));
29});
30
31test("pages under a project describe the project, and their card follows its details", () => {
32 const project = {
33 id: "routes/repo/layout",
34 loaderData: { repo: { description: "Repo words" }, project: { name: "Web", description: "The storefront" }, open: { issues: 2, pulls: 1 } },
35 };
36 const meta = tags(page({ location: { pathname: "/acme/web/commits/" }, matches: [project] }, { title: "Commits · acme/web · g1t" }));
37 assert.equal(meta.get("description"), "The storefront");
38 assert.equal(meta.get("og:url"), "https://g1t.sh/acme/web/commits");
status.g1t.sh with incident management, invites that land you in the workspace, settings as pages, usage without quotas39 assert.match(meta.get("og:image") ?? "", new RegExp(`\\?path=%2Facme%2Fweb%2Fcommits&v=${OG_RENDER_VERSION}\\.[0-9a-z]+$`));
Social cards for every page: og.g1t.sh40});
41
Merge branch 'worktree-agent-aaf03bdceac799c89'42test("a page's address and card come from the root loader's addresses", () => {
43 const root = { id: "root", loaderData: { addresses: { site: "http://localhost:8787", og: "http://localhost:8799" } } };
44 const meta = tags(page({ location: { pathname: "/pricing" }, matches: [root] }, { title: "Pricing · g1t" }));
45 assert.equal(meta.get("og:url"), "http://localhost:8787/pricing");
46 assert.equal(meta.get("og:image"), `http://localhost:8799/image?path=%2Fpricing&v=${OG_RENDER_VERSION}`);
47 assert.equal(meta.get("twitter:image"), meta.get("og:image"));
48});
49
50test("without a card service, a page has no image tags", () => {
51 const root = { id: "root", loaderData: { addresses: { site: "http://localhost:8787", og: null } } };
52 const meta = tags(page({ location: { pathname: "/" }, matches: [root] }, { title: "g1t" }));
53 assert.equal(meta.get("og:url"), "http://localhost:8787/");
54 for (const name of ["og:image", "og:image:type", "og:image:width", "og:image:height", "og:image:alt", "twitter:image", "twitter:image:alt"]) {
55 assert.equal(meta.has(name), false, name);
56 }
57 assert.equal(meta.get("twitter:card"), "summary");
58});
59
Social cards for every page: og.g1t.sh60test("with nothing particular to say, a page says what g1t is", () => {
61 const meta = tags(page({ location: { pathname: "/login" }, matches: [] }, { title: "Sign in · g1t" }));
62 assert.equal(meta.get("description"), DESCRIPTION);
63});
64
65test("a card's version changes with what it shows", () => {
66 assert.equal(fingerprint(["a", "open"]), fingerprint(["a", "open"]));
67 assert.notEqual(fingerprint(["a", "open"]), fingerprint(["a", "merged"]));
status.g1t.sh with incident management, invites that land you in the workspace, settings as pages, usage without quotas68 assert.equal(cardUrl("/", undefined), `https://og.g1t.sh/image?path=%2F&v=${OG_RENDER_VERSION}`);
69});
70
71test("every card address carries the render version, so a new design is a new address", () => {
72 assert.match(cardUrl("/"), new RegExp(`[?&]v=${OG_RENDER_VERSION}$`));
73 assert.match(cardUrl("/acme", ["Acme"]), new RegExp(`[?&]v=${OG_RENDER_VERSION}\\.[0-9a-z]+$`));
Social cards for every page: og.g1t.sh74});
75
76test("an excerpt is plain text from the start of the Markdown", () => {
77 assert.equal(excerpt("## Why\n\nThe [queue](https://x) is **slow**.\n\n```ts\ncode()\n```"), "Why The queue is slow.");
78 assert.equal(excerpt("x".repeat(300), 10).length, 10);
79 assert.equal(excerpt(null), "");
80});

This file's history is long; its oldest lines are credited to the oldest commit read.