Pagepro/nexity

Executable file

Executable file; content unavailable

Executable file

Executable file; content unavailable

//   node capture.mjs --project=path/to/project //   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001

//   node capture.mjs --project=path/to/project //   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001

//   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001 //   node capture.mjs --project=. --report        # coverage only, no capture

//   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001 //   node capture.mjs --project=. --report        # coverage only, no capture

//   node capture.mjs --project=. --base=http://localhost:3001

//   node capture.mjs --project=. --base=http://localhost:3001

// Flags: //   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000)

// Flags: //   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000)

//   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000) //   --only=a,b        Capture these section types only

//   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000) //   --only=a,b        Capture these section types only

//   --base=URL        Web app to photograph (default: http://localhost:3000)

//   --base=URL        Web app to photograph (default: http://localhost:3000)

const DEFAULT_BASE = "http://localhost:3000";

const DEFAULT_BASE = "http://localhost:3000";

for (let attempt = 0; attempt < 60 && !webSocketUrl; attempt++) {       try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

for (let attempt = 0; attempt < 60 && !webSocketUrl; attempt++) {       try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);         webSocketUrl = (await response.json()).webSocketDebuggerUrl;

try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);         webSocketUrl = (await response.json()).webSocketDebuggerUrl;

const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

#!/usr/bin/env node

Executable file; content unavailable

#!/usr/bin/env node

Executable file; content unavailable

const SANITY = {   source: "https://www.sanity.io/pricing",

const SANITY = {   source: "https://www.sanity.io/pricing",

source: "https://www.sanity.io/pricing",

source: "https://www.sanity.io/pricing",

const VERCEL = {   source: "https://vercel.com/pricing",

const VERCEL = {   source: "https://vercel.com/pricing",

source: "https://vercel.com/pricing",

source: "https://vercel.com/pricing",

"owner": {     "name": "Pagepro",     "url": "https://pagepro.co"

"name": "Pagepro",     "url": "https://pagepro.co"   },

"url": "https://pagepro.co"

"author": {         "name": "Pagepro",         "url": "https://pagepro.co"

"name": "Pagepro",         "url": "https://pagepro.co"       },

"url": "https://pagepro.co"

},       "homepage": "https://github.com/Pagepro/nexity/blob/main/MARKETING-SKILLS-README.md",       "repository": "https://github.com/Pagepro/nexity",

"homepage": "https://github.com/Pagepro/nexity/blob/main/MARKETING-SKILLS-README.md",

"repository": "https://github.com/Pagepro/nexity",

pnpm format:check   # oxfmt; `pnpm format` fixes it (long test expectations get rewrapped) pnpm build curl -s localhost:3000/<page-with-the-section>.md   # after Phase 6: read what an agent gets

curl -s localhost:3000/<page-with-the-section>.md   # after Phase 6: read what an agent gets

| `--include-existing` | `fetch`/`batches` also take images that already have an alt (to review their quality). Default: only missing and decorative ones | | `--lang=` | Content language. Default: `<html lang>` in `web/src/app/(frontend)/la

| `--lang=` | Content language. Default: `<html lang>` in `web/src/app/(frontend)/layout.tsx` | | `--studio=` | Studio URL for the report's links. Default: `NEXT_PUBLIC_BASE_URL` + `/admin`, else `http://localhost:3000/admin` | | `--dir=` |

| `--studio=` | Studio URL for the report's links. Default: `NEXT_PUBLIC_BASE_URL` + `/admin`, else `http://localhost:3000/admin` |

Executable file

--dir=<path>          Working folder (default: ../.alts, the project root)   --dataset=<name>      Overrides NEXT_PUBLIC_SANITY_DATASET (scan)   --studio=<url>        Studio base URL for links (default: NEXT_PUBLIC_BASE_URL/admin or http://

--dataset=<name>      Overrides NEXT_PUBLIC_SANITY_DATASET (scan)   --studio=<url>        Studio base URL for links (default: NEXT_PUBLIC_BASE_URL/admin or http://localhost:3000/admin)   --lang=<code>         Content language (default: <htm

--studio=<url>        Studio base URL for links (default: NEXT_PUBLIC_BASE_URL/admin or http://localhost:3000/admin)   --lang=<code>         Content language (default: <html lang> of src/app/(frontend)/layout.tsx)   --include-existing    fe

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

const documents = [];   for (let lastId = ""; ; ) {     const page = await client.fetch(

for (let lastId = ""; ; ) {     const page = await client.fetch(       `*[!(_type match "sanity.*") && !(_id in path("_.**")) && _id > $lastId] | order(_id) [0...${PAGE_SIZE}]`,

const page = await client.fetch(

const assets = {};   for (let start = 0; start < assetIds.length; start += ASSET_CHUNK) {     const chunk = await client.fetch(

for (let start = 0; start < assetIds.length; start += ASSET_CHUNK) {     const chunk = await client.fetch(       `*[_type == "sanity.imageAsset" && _id in $ids]{

const chunk = await client.fetch(

dataset,     projectId,     studioUrl: readArgument("studio") ?? `${baseUrl || "http://localhost:3000"}/admin`,

projectId,     studioUrl: readArgument("studio") ?? `${baseUrl || "http://localhost:3000"}/admin`,     lang: await detectLang(),

studioUrl: readArgument("studio") ?? `${baseUrl || "http://localhost:3000"}/admin`,

const download = async (url, file) => {   const response = await fetch(url);

const response = await fetch(url);

const ids = [...new Set(items.flatMap((item) => [item.documentId, `drafts.${item.documentId}`]))];   const documents = ids.length ? await client.fetch(`*[_id in $ids]`, { ids }) : [];

const documents = ids.length ? await client.fetch(`*[_id in $ids]`, { ids }) : [];

Executable file

Executable file

_type: "videoEmbed",       _key: "v1",       url: "https://video.example/1",

_key: "v1",       url: "https://video.example/1",       caption: "Product walkthrough",

url: "https://video.example/1",

const ASSETS = {   [ASSET_A]: { _id: ASSET_A, url: "https://cdn.sanity.io/images/p/d/a-800x600.jpg", mimeType: "image/jpeg", title: "Team at work", description: "Office photo", altText: null, hasAlpha: false },

[ASSET_A]: { _id: ASSET_A, url: "https://cdn.sanity.io/images/p/d/a-800x600.jpg", mimeType: "image/jpeg", title: "Team at work", description: "Office photo", altText: null, hasAlpha: false },

[ASSET_B]: { _id: ASSET_B, url: "https://cdn.sanity.io/images/p/d/b-120x40.svg", mimeType: "image/svg+xml", title: null, description: null, altText: "Acme logo", hasAlpha: true },

const manifestOf = (documents, cache = { assets: {}, usages: {} }) =>   buildManifest({ documents, assets: ASSETS, cache, dataset: "production", projectId: "p", studioUrl: "http://localhost:3000/admin", lang: "en", generatedAt: "2026-01-01T

buildManifest({ documents, assets: ASSETS, cache, dataset: "production", projectId: "p", studioUrl: "http://localhost:3000/admin", lang: "en", generatedAt: "2026-01-01T00:00:00.000Z" });

assert.deepEqual(hero.variants, { published: "", draft: "Draft alt" });   assert.equal(hero.status, "has-alt");   assert.equal(hero.studio, "http://localhost:3000/admin/intent/edit/id=page-1;type=page");

assert.equal(hero.status, "has-alt");   assert.equal(hero.studio, "http://localhost:3000/admin/intent/edit/id=page-1;type=page");   assert.equal(manifest.counts.versionsSkipped, 1);

assert.equal(hero.studio, "http://localhost:3000/admin/intent/edit/id=page-1;type=page");

test("previewUrl asks the CDN for a small JPEG, PNG with alpha, SVG as is", () => {   assert.deepEqual(previewUrl(ASSETS[ASSET_A]), { url: `${ASSETS[ASSET_A].url}?w=640&fit=max&fm=jpg&q=75`, ext: "jpg" });   assert.equal(previewUrl({ url: "

assert.deepEqual(previewUrl(ASSETS[ASSET_A]), { url: `${ASSETS[ASSET_A].url}?w=640&fit=max&fm=jpg&q=75`, ext: "jpg" });   assert.equal(previewUrl({ url: "https://x/y.png", hasAlpha: true }, 320).url, "https://x/y.png?w=320&fit=max&fm=png");

assert.equal(previewUrl({ url: "https://x/y.png", hasAlpha: true }, 320).url, "https://x/y.png?w=320&fit=max&fm=png");

Executable file

--- name: link-fix description: Audit and fix the links stored in the Sanity dataset, three rules counted in one table first. own-domain turns links to the site's own domain (`https://example.com/pricing` or a bare `/pricing` in an external

name: link-fix description: Audit and fix the links stored in the Sanity dataset, three rules counted in one table first. own-domain turns links to the site's own domain (`https://example.com/pricing` or a bare `/pricing` in an external lin

description: Audit and fix the links stored in the Sanity dataset, three rules counted in one table first. own-domain turns links to the site's own domain (`https://example.com/pricing` or a bare `/pricing` in an external link, CTA, header/

- **Own domain as external.** Editors paste `https://example.com/pricing` into an

and staging deployments send visitors to production, a domain change breaks every   one of them, and nothing stops someone deleting or renaming the target page. - **`http://`.** Costs a redirect hop at best, a mixed-content warning or a dea

one of them, and nothing stops someone deleting or renaming the target page. - **`http://`.** Costs a redirect hop at best, a mixed-content warning or a dead   link at worst, and some hosts never got https.

- **`http://`.** Costs a redirect hop at best, a mixed-content warning or a dead

| `--trailing-slash=` | `auto` (default): read `trailingSlash` from `web/next.config.*`. `never` / `always` overrides it | | `--verify-https` | Requests every upgraded URL (HEAD, then GET; 8 s timeout). `check` shows the result per host; `f

| `--verify-https` | Requests every upgraded URL (HEAD, then GET; 8 s timeout). `check` shows the result per host; `fix` upgrades only URLs whose https answers below 400 | | `--keep-http=` | Hosts to leave on `http://` | | `--drafts=` | `bo

| `--keep-http=` | Hosts to leave on `http://` |

Every `http://` value in an external link or a URL field. The check lists the

**hosts** with their counts; read them back, because an upgrade is only safe where the host serves https. Local and private hosts (`localhost`, `*.local`, `*.test`, IP addresses) are reported and never upgraded. An own-domain `http://` link

the host serves https. Local and private hosts (`localhost`, `*.local`, `*.test`, IP addresses) are reported and never upgraded. An own-domain `http://` link is counted under both rules; when own-domain converts it, the upgrade is moot.

IP addresses) are reported and never upgraded. An own-domain `http://` link is

Spot-check one fixed page in the browser: an internal link should be root-relative in the site's convention (`href="/pricing"`) and open in the same tab; an upgraded external link should start with `https://`.

external link should start with `https://`.

The dataset is half of it: hardcoded `http://` URLs, own-domain links in

Executable file

let host;     try {       host = new URL(/^[a-z]+:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`).hostname;

try {       host = new URL(/^[a-z]+:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`).hostname;     } catch {

host = new URL(/^[a-z]+:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`).hostname;

export const upgradeHttp = (value) =>   typeof value === "string" && /^http:\/\//i.test(value.trim())     ? `https://${value.trim().slice("http://".length)}`

typeof value === "string" && /^http:\/\//i.test(value.trim())     ? `https://${value.trim().slice("http://".length)}`     : null;

? `https://${value.trim().slice("http://".length)}`

/** The site root (`https://example.com` or `…/`) is never flagged; the origin text stays verbatim. */

Executable file

const ownHosts = buildOwnHosts(["https://www.example.com", "old-example.com"]);

_type: "page",     _rev: "r7",     metadata: { slug: { current: "landing" }, canonical: "http://example.com/landing/" },

_rev: "r7",     metadata: { slug: { current: "landing" }, canonical: "http://example.com/landing/" },     sections: [

metadata: { slug: { current: "landing" }, canonical: "http://example.com/landing/" },

_type: "hero",         ctas: [           { _key: "c1", _type: "cta", link: { _type: "link", type: "external", external: "http://www.example.com/pricing/?plan=pro" } },

ctas: [           { _key: "c1", _type: "cta", link: { _type: "link", type: "external", external: "http://www.example.com/pricing/?plan=pro" } },           { _key: "c2", _type: "cta", link: { _type: "link", type: "external", external: "http:

{ _key: "c1", _type: "cta", link: { _type: "link", type: "external", external: "http://www.example.com/pricing/?plan=pro" } },

{ _key: "c2", _type: "cta", link: { _type: "link", type: "external", external: "http://partner.com/docs" } },

{ _key: "c3", _type: "cta", link: { _type: "link", type: "path", internalPath: "Pricing/" } },           { _key: "c4", _type: "cta", link: { _type: "link", type: "external", external: "mailto:hi@example.com" } },           { _key: "c5", _ty

{ _key: "c4", _type: "cta", link: { _type: "link", type: "external", external: "mailto:hi@example.com" } },           { _key: "c5", _type: "cta", link: { _type: "link", type: "external", external: "http://localhost:3000/x" } },         ],

{ _key: "c5", _type: "cta", link: { _type: "link", type: "external", external: "http://localhost:3000/x" } },

_key: "b1",         _type: "block",         children: [{ _key: "t1", _type: "span", text: "see http://example.com/pricing", marks: ["m1"] }],

_type: "block",         children: [{ _key: "t1", _type: "span", text: "see http://example.com/pricing", marks: ["m1"] }],         markDefs: [{ _key: "m1", _type: "link", type: "external", external: "/pricing#faq" }],

children: [{ _key: "t1", _type: "span", text: "see http://example.com/pricing", marks: ["m1"] }],

},     ],     sameAs: ["http://linkedin.com/company/example"],

],     sameAs: ["http://linkedin.com/company/example"],   },

sameAs: ["http://linkedin.com/company/example"],

describe("URL helpers", () => {   it("parses own-domain URLs with www, http and protocol-relative forms", () => {     assert.deepEqual(parseOwnUrl("http://www.example.com/pricing/?plan=pro#top", ownHosts), {

it("parses own-domain URLs with www, http and protocol-relative forms", () => {     assert.deepEqual(parseOwnUrl("http://www.example.com/pricing/?plan=pro#top", ownHosts), {       path: "/pricing",

assert.deepEqual(parseOwnUrl("http://www.example.com/pricing/?plan=pro#top", ownHosts), {

});     assert.deepEqual(parseOwnUrl("//old-example.com", ownHosts), { path: "/", params: "" });     assert.equal(parseOwnUrl("https://partner.com/pricing", ownHosts), null);

assert.deepEqual(parseOwnUrl("//old-example.com", ownHosts), { path: "/", params: "" });     assert.equal(parseOwnUrl("https://partner.com/pricing", ownHosts), null);   });

assert.equal(parseOwnUrl("https://partner.com/pricing", ownHosts), null);

it("upgrades only http:// and leaves other schemes alone", () => {     assert.equal(upgradeHttp("http://partner.com/a?b=1"), "https://partner.com/a?b=1");

assert.equal(upgradeHttp("http://partner.com/a?b=1"), "https://partner.com/a?b=1");

assert.equal(upgradeHttp("HTTP://partner.com"), "https://partner.com");

for (const value of ["https://partner.com", "mailto:a@b.c", "tel:+48123", "#top", "/x"])

it("reports what it cannot fix safely", () => {     for (const value of ["https://example.com/x", "//example.com/x", "/a b", "#faq"]) {

for (const value of ["https://example.com/x", "//example.com/x", "/a b", "#faq"]) {

describe("checkAbsoluteUrl", () => {   it("keeps the origin text and the query", () => {     assert.equal(checkAbsoluteUrl("https://Example.com//a/b/?x=1", "never").fixed, "https://Example.com/a/b?x=1");

it("keeps the origin text and the query", () => {     assert.equal(checkAbsoluteUrl("https://Example.com//a/b/?x=1", "never").fixed, "https://Example.com/a/b?x=1");     assert.equal(checkAbsoluteUrl("https://example.com/a", "always").fixed,

assert.equal(checkAbsoluteUrl("https://Example.com//a/b/?x=1", "never").fixed, "https://Example.com/a/b?x=1");

assert.equal(checkAbsoluteUrl("https://example.com/a", "always").fixed, "https://example.com/a/");

it("never flags the site root", () => {     assert.deepEqual(checkAbsoluteUrl("https://example.com/", "never").issues, []);

assert.deepEqual(checkAbsoluteUrl("https://example.com/", "never").issues, []);

assert.deepEqual(checkAbsoluteUrl("https://example.com", "always").issues, []);

assert.equal(find(findings, "slash", "metadata.canonical").suggested, "http://example.com/landing");

assert.equal(landing.set[`${base}.external`], undefined);     assert.ok(landing.unset.includes(`${base}.external`));     assert.equal(landing.set["metadata.canonical"], "https://example.com/landing");

assert.ok(landing.unset.includes(`${base}.external`));     assert.equal(landing.set["metadata.canonical"], "https://example.com/landing");     assert.equal(landing.set["sections[_key==\"s1\"].ctas[_key==\"c2\"].link.external"], "https://par

assert.equal(landing.set["metadata.canonical"], "https://example.com/landing");

assert.equal(landing.set["sections[_key==\"s1\"].ctas[_key==\"c2\"].link.external"], "https://partner.com/docs");

assert.equal(landing.set["sameAs[0]"], "https://linkedin.com/company/example");

assert.equal(       landing.set["sections[_key==\"s1\"].ctas[_key==\"c1\"].link.external"],       "https://www.example.com/pricing/?plan=pro",

landing.set["sections[_key==\"s1\"].ctas[_key==\"c1\"].link.external"],       "https://www.example.com/pricing/?plan=pro",     );

"https://www.example.com/pricing/?plan=pro",

it("combines the http upgrade and the slash fix on one URL", () => {     assert.equal(       rewriteValue("http://example.com/a/", [{ rule: "slash", fieldType: "url" }, { rule: "http" }], "never"),

assert.equal(       rewriteValue("http://example.com/a/", [{ rule: "slash", fieldType: "url" }, { rule: "http" }], "never"),       "https://example.com/a",

rewriteValue("http://example.com/a/", [{ rule: "slash", fieldType: "url" }, { rule: "http" }], "never"),

"https://example.com/a",

Executable file

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

let lastId = "";   for (;;) {     const page = await client.fetch(

for (;;) {     const page = await client.fetch(       `*[!(_type match "sanity.*") && !(_id in path("_.**")) && _id > $lastId] | order(_id) [0...${PAGE_SIZE}]`,

const page = await client.fetch(

for (const method of ["HEAD", "GET"]) {     try {       const response = await fetch(url, {

try {       const response = await fetch(url, {         method,

const response = await fetch(url, {

agent-browser eval "$(cat "$S/prepare.js")"

agent-browser eval "($(cat "$S/region.js"))('h2|Key takeaways', 'h2|Next heading', 32)" > /tmp/<topic>/region.json

https://github.com/<owner>/<repo>/blob/<SHA>/.github/pr-assets/<topic>/after-<page>-<width>.png?raw=true

#!/usr/bin/env python3

#!/usr/bin/env python3

Executable file

Executable file

[Credential-related source omitted]

[Credential-related source omitted]

| `SANITY_API_READ_TOKEN` | recommended | Viewer token | | `SANITY_REVALIDATE_SECRET` | recommended | A random string: `openssl rand -hex 32`. The webhook signs with it, so production must have the same value. Without it a published change 

| `SANITY_REVALIDATE_SECRET` | recommended | A random string: `openssl rand -hex 32`. The webhook signs with it, so production must have the same value. Without it a published change waits for the 30-day cache | | `NEXT_PUBLIC_BASE_URL` | n

| `NEXT_PUBLIC_BASE_URL` | no | Unset falls back to the Vercel URL, else `http://localhost:3000` (`web/src/setup/base-url.ts`). Set it to the real domain once known. **No trailing slash** |

| `NEXT_PUBLIC_GTM_ID` | no | Google Tag Manager. Cookie consent needs no env: it runs offline | | `RESEND_API_KEY`, `CONTACT_FORM_RECIPIENT_EMAIL`, `CONTACT_FORM_FROM_EMAIL` | no | Contact form. Without them the form can't send | | `SANITY

[Credential-related source omitted]

[Credential-related source omitted]

| `SANITY_BLUEPRINT_SITE_URL` | no | The site's origin with the protocol and no trailing slash (`https://acme.com`). Empty until there is a domain. Read only by `sanity.blueprint.ts` |

| `SANITY_BLUEPRINT_EXTRA_ORIGINS` | no | Comma-separated origins, each with the protocol (`https://www.acme.com`), or empty |

| `SANITY_STUDIO_DATASET` | Same dataset | | `SANITY_STUDIO_API_VERSION` | `2024-12-01` unless there's a reason to change it | | `SANITY_STUDIO_APP_URL` | `http://localhost:3000`. The Styleguide tool, the SEO preview and preview links use i

| `SANITY_STUDIO_APP_URL` | `http://localhost:3000`. The Styleguide tool, the SEO preview and preview links use it |

Write the value the user gives you, or tell them which line to set. If `init` or `plan` fails with `[blueprint] "…" is not an origin`, one of these holds a bare host (`acme.vercel.app`) or a placeholder: add `https://` or empty it, then rer

(`acme.vercel.app`) or a placeholder: add `https://` or empty it, then rerun.

**Localhost.** The blueprint declares no localhost origin. Sanity creates `http://localhost:3333` with every new project, and `sanity init` adds

`http://localhost:3333` with every new project, and `sanity init` adds

`http://localhost:3000`, both outside the stack. On a **hand clone**, have the user add

`:3000` once (the site and `/admin` need it): `! pnpm --filter <scope>/studio exec sanity cors add http://localhost:3000 --credentials`. Another local port goes into `SANITY_BLUEPRINT_EXTRA_ORIGINS` (`http://localhost:3001`).

`! pnpm --filter <scope>/studio exec sanity cors add http://localhost:3000 --credentials`.

Another local port goes into `SANITY_BLUEPRINT_EXTRA_ORIGINS` (`http://localhost:3001`).

Never tell them to delete `http://localhost:3000` or `:3333`: the blueprint doesn't

**Done when:** the blueprint is linked, the deploy succeeded (or the plan is empty because there is no domain yet), and `http://localhost:3000` is a CORS origin.

because there is no domain yet), and `http://localhost:3000` is a CORS origin.

**Check:** `pnpm dev` and open `http://localhost:3000`. If the site renders, this step

1. Open `http://localhost:3000/admin` and log in.

**Done when:** `http://localhost:3000` shows the homepage, not the Next steps screen.

- `http://localhost:3000` renders the homepage.

- `http://localhost:3000/admin` lets the user log in and lists the documents.

Add `www` or a preview wildcard with `SANITY_BLUEPRINT_EXTRA_ORIGINS`    (`https://*-<team-slug>.vercel.app`, never `https://*.vercel.app`; the blueprint

(`https://*-<team-slug>.vercel.app`, never `https://*.vercel.app`; the blueprint

|---|---| | **Project dir** (`--project`) | The project root holding `web/` and `studio/`. | | **Running web app** (`--base`, default `http://localhost:3000`) | `pnpm dev`. It must be a **dev** server: outside `next dev` the gallery is gate

| **Project dir** (`--project`) | The project root holding `web/` and `studio/`. | | **Running web app** (`--base`, default `http://localhost:3000`) | `pnpm dev`. It must be a **dev** server: outside `next dev` the gallery is gated to logge

| **Running web app** (`--base`, default `http://localhost:3000`) | `pnpm dev`. It must be a **dev** server: outside `next dev` the gallery is gated to logged-in Studio editors and the script would photograph the gate. If 3000 is taken, pas

2. **Start the app**: `pnpm dev` in a separate terminal or background process (seed the    demo data first if the fixtures need it). Wait until    `http://localhost:3000/styleguide/sections` answers.

`http://localhost:3000/styleguide/sections` answers.

5. **Delete orphans** the report lists (`git rm web/public/admin/thumbnails/<name>.webp`).

[Credential-related source omitted]

[Credential-related source omitted]

"https://${PROJECT_ID}.api.sanity.io/v2024-01-01/data/query/${DATASET}?perspective=published&query=$(jq -rn --arg q "$1" '$q|@uri')"

{     "url": "/en/partners",     "liveUrl": "https://example.com/en/partners",

"url": "/en/partners",     "liveUrl": "https://example.com/en/partners",     "title": "Partners",

"liveUrl": "https://example.com/en/partners",

CURRENT=$(agent-browser eval 'location.pathname' 2>/dev/null | jq -r '.')

CURRENT=$(agent-browser eval 'location.pathname' 2>/dev/null | jq -r '.')

SITE=https://example.com

rm -f "$OUT"/screenshots/*.png

Executable file

//   node capture.mjs --project=path/to/project //   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001

//   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001 //   node capture.mjs --project=. --report        # coverage only, no capture

//   node capture.mjs --project=. --base=http://localhost:3001

// Flags: //   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000)

//   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000) //   --only=a,b        Capture these section types only

//   --base=URL        Web app to photograph (default: http://localhost:3000)

const DEFAULT_BASE = "http://localhost:3000";

for (let attempt = 0; attempt < 60 && !webSocketUrl; attempt++) {       try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);         webSocketUrl = (await response.json()).webSocketDebuggerUrl;

const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

Executable file

Executable file

**Sanity** ([sanity.io/pricing](https://www.sanity.io/pricing))

API CDN facts that matter for the model ([API CDN docs](https://www.sanity.io/docs/content-lake/api-cdn)):

- Image and file requests to `cdn.sanity.io` count against **bandwidth**, not against   API request quotas. Image transformation responses carry   `cache-control: public, max-age=31536000, s-maxage=2592000` (checked with `curl -sI`).

API request quotas. Image transformation responses carry   `cache-control: public, max-age=31536000, s-maxage=2592000` (checked with `curl -sI`). - `auto=format` serves AVIF to browsers that accept it (since 2024-11-13); the first

`cache-control: public, max-age=31536000, s-maxage=2592000` (checked with `curl -sI`).

- `auto=format` serves AVIF to browsers that accept it (since 2024-11-13); the first   request can get WebP while AVIF is encoded in the background   ([changelog](https://www.sanity.io/docs/changelog/690b41ac-cc92-41c3-b219-b1bcfd06379f)).

([changelog](https://www.sanity.io/docs/changelog/690b41ac-cc92-41c3-b219-b1bcfd06379f)).

**Vercel** ([vercel.com/pricing](https://vercel.com/pricing))

#!/usr/bin/env node

const SANITY = {   source: "https://www.sanity.io/pricing",

source: "https://www.sanity.io/pricing",

const VERCEL = {   source: "https://vercel.com/pricing",

source: "https://vercel.com/pricing",

#!/usr/bin/env python3

pnpm format:check   # oxfmt; `pnpm format` fixes it (long test expectations get rewrapped) pnpm build curl -s localhost:3000/<page-with-the-section>.md   # after Phase 6: read what an agent gets

curl -s localhost:3000/<page-with-the-section>.md   # after Phase 6: read what an agent gets

| `--include-existing` | `fetch`/`batches` also take images that already have an alt (to review their quality). Default: only missing and decorative ones | | `--lang=` | Content language. Default: `<html lang>` in `web/src/app/(frontend)/la

| `--lang=` | Content language. Default: `<html lang>` in `web/src/app/(frontend)/layout.tsx` | | `--studio=` | Studio URL for the report's links. Default: `NEXT_PUBLIC_BASE_URL` + `/admin`, else `http://localhost:3000/admin` | | `--dir=` |

| `--studio=` | Studio URL for the report's links. Default: `NEXT_PUBLIC_BASE_URL` + `/admin`, else `http://localhost:3000/admin` |

Executable file

--dir=<path>          Working folder (default: ../.alts, the project root)   --dataset=<name>      Overrides NEXT_PUBLIC_SANITY_DATASET (scan)   --studio=<url>        Studio base URL for links (default: NEXT_PUBLIC_BASE_URL/admin or http://

--dataset=<name>      Overrides NEXT_PUBLIC_SANITY_DATASET (scan)   --studio=<url>        Studio base URL for links (default: NEXT_PUBLIC_BASE_URL/admin or http://localhost:3000/admin)   --lang=<code>         Content language (default: <htm

--studio=<url>        Studio base URL for links (default: NEXT_PUBLIC_BASE_URL/admin or http://localhost:3000/admin)   --lang=<code>         Content language (default: <html lang> of src/app/(frontend)/layout.tsx)   --include-existing    fe

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

const documents = [];   for (let lastId = ""; ; ) {     const page = await client.fetch(

for (let lastId = ""; ; ) {     const page = await client.fetch(       `*[!(_type match "sanity.*") && !(_id in path("_.**")) && _id > $lastId] | order(_id) [0...${PAGE_SIZE}]`,

const page = await client.fetch(

const assets = {};   for (let start = 0; start < assetIds.length; start += ASSET_CHUNK) {     const chunk = await client.fetch(

for (let start = 0; start < assetIds.length; start += ASSET_CHUNK) {     const chunk = await client.fetch(       `*[_type == "sanity.imageAsset" && _id in $ids]{

const chunk = await client.fetch(

dataset,     projectId,     studioUrl: readArgument("studio") ?? `${baseUrl || "http://localhost:3000"}/admin`,

projectId,     studioUrl: readArgument("studio") ?? `${baseUrl || "http://localhost:3000"}/admin`,     lang: await detectLang(),

studioUrl: readArgument("studio") ?? `${baseUrl || "http://localhost:3000"}/admin`,

const download = async (url, file) => {   const response = await fetch(url);

const response = await fetch(url);

const ids = [...new Set(items.flatMap((item) => [item.documentId, `drafts.${item.documentId}`]))];   const documents = ids.length ? await client.fetch(`*[_id in $ids]`, { ids }) : [];

const documents = ids.length ? await client.fetch(`*[_id in $ids]`, { ids }) : [];

Executable file

Executable file

_type: "videoEmbed",       _key: "v1",       url: "https://video.example/1",

_key: "v1",       url: "https://video.example/1",       caption: "Product walkthrough",

url: "https://video.example/1",

const ASSETS = {   [ASSET_A]: { _id: ASSET_A, url: "https://cdn.sanity.io/images/p/d/a-800x600.jpg", mimeType: "image/jpeg", title: "Team at work", description: "Office photo", altText: null, hasAlpha: false },

[ASSET_A]: { _id: ASSET_A, url: "https://cdn.sanity.io/images/p/d/a-800x600.jpg", mimeType: "image/jpeg", title: "Team at work", description: "Office photo", altText: null, hasAlpha: false },

[ASSET_B]: { _id: ASSET_B, url: "https://cdn.sanity.io/images/p/d/b-120x40.svg", mimeType: "image/svg+xml", title: null, description: null, altText: "Acme logo", hasAlpha: true },

const manifestOf = (documents, cache = { assets: {}, usages: {} }) =>   buildManifest({ documents, assets: ASSETS, cache, dataset: "production", projectId: "p", studioUrl: "http://localhost:3000/admin", lang: "en", generatedAt: "2026-01-01T

buildManifest({ documents, assets: ASSETS, cache, dataset: "production", projectId: "p", studioUrl: "http://localhost:3000/admin", lang: "en", generatedAt: "2026-01-01T00:00:00.000Z" });

assert.deepEqual(hero.variants, { published: "", draft: "Draft alt" });   assert.equal(hero.status, "has-alt");   assert.equal(hero.studio, "http://localhost:3000/admin/intent/edit/id=page-1;type=page");

assert.equal(hero.status, "has-alt");   assert.equal(hero.studio, "http://localhost:3000/admin/intent/edit/id=page-1;type=page");   assert.equal(manifest.counts.versionsSkipped, 1);

assert.equal(hero.studio, "http://localhost:3000/admin/intent/edit/id=page-1;type=page");

test("previewUrl asks the CDN for a small JPEG, PNG with alpha, SVG as is", () => {   assert.deepEqual(previewUrl(ASSETS[ASSET_A]), { url: `${ASSETS[ASSET_A].url}?w=640&fit=max&fm=jpg&q=75`, ext: "jpg" });   assert.equal(previewUrl({ url: "

assert.deepEqual(previewUrl(ASSETS[ASSET_A]), { url: `${ASSETS[ASSET_A].url}?w=640&fit=max&fm=jpg&q=75`, ext: "jpg" });   assert.equal(previewUrl({ url: "https://x/y.png", hasAlpha: true }, 320).url, "https://x/y.png?w=320&fit=max&fm=png");

assert.equal(previewUrl({ url: "https://x/y.png", hasAlpha: true }, 320).url, "https://x/y.png?w=320&fit=max&fm=png");

Executable file

--- name: link-fix description: Audit and fix the links stored in the Sanity dataset, three rules counted in one table first. own-domain turns links to the site's own domain (`https://example.com/pricing` or a bare `/pricing` in an external

name: link-fix description: Audit and fix the links stored in the Sanity dataset, three rules counted in one table first. own-domain turns links to the site's own domain (`https://example.com/pricing` or a bare `/pricing` in an external lin

description: Audit and fix the links stored in the Sanity dataset, three rules counted in one table first. own-domain turns links to the site's own domain (`https://example.com/pricing` or a bare `/pricing` in an external link, CTA, header/

- **Own domain as external.** Editors paste `https://example.com/pricing` into an

and staging deployments send visitors to production, a domain change breaks every   one of them, and nothing stops someone deleting or renaming the target page. - **`http://`.** Costs a redirect hop at best, a mixed-content warning or a dea

one of them, and nothing stops someone deleting or renaming the target page. - **`http://`.** Costs a redirect hop at best, a mixed-content warning or a dead   link at worst, and some hosts never got https.

- **`http://`.** Costs a redirect hop at best, a mixed-content warning or a dead

| `--trailing-slash=` | `auto` (default): read `trailingSlash` from `web/next.config.*`. `never` / `always` overrides it | | `--verify-https` | Requests every upgraded URL (HEAD, then GET; 8 s timeout). `check` shows the result per host; `f

| `--verify-https` | Requests every upgraded URL (HEAD, then GET; 8 s timeout). `check` shows the result per host; `fix` upgrades only URLs whose https answers below 400 | | `--keep-http=` | Hosts to leave on `http://` | | `--drafts=` | `bo

| `--keep-http=` | Hosts to leave on `http://` |

Every `http://` value in an external link or a URL field. The check lists the

**hosts** with their counts; read them back, because an upgrade is only safe where the host serves https. Local and private hosts (`localhost`, `*.local`, `*.test`, IP addresses) are reported and never upgraded. An own-domain `http://` link

the host serves https. Local and private hosts (`localhost`, `*.local`, `*.test`, IP addresses) are reported and never upgraded. An own-domain `http://` link is counted under both rules; when own-domain converts it, the upgrade is moot.

IP addresses) are reported and never upgraded. An own-domain `http://` link is

Spot-check one fixed page in the browser: an internal link should be root-relative in the site's convention (`href="/pricing"`) and open in the same tab; an upgraded external link should start with `https://`.

external link should start with `https://`.

The dataset is half of it: hardcoded `http://` URLs, own-domain links in

Executable file

let host;     try {       host = new URL(/^[a-z]+:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`).hostname;

try {       host = new URL(/^[a-z]+:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`).hostname;     } catch {

host = new URL(/^[a-z]+:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`).hostname;

export const upgradeHttp = (value) =>   typeof value === "string" && /^http:\/\//i.test(value.trim())     ? `https://${value.trim().slice("http://".length)}`

typeof value === "string" && /^http:\/\//i.test(value.trim())     ? `https://${value.trim().slice("http://".length)}`     : null;

? `https://${value.trim().slice("http://".length)}`

/** The site root (`https://example.com` or `…/`) is never flagged; the origin text stays verbatim. */

Executable file

const ownHosts = buildOwnHosts(["https://www.example.com", "old-example.com"]);

_type: "page",     _rev: "r7",     metadata: { slug: { current: "landing" }, canonical: "http://example.com/landing/" },

_rev: "r7",     metadata: { slug: { current: "landing" }, canonical: "http://example.com/landing/" },     sections: [

metadata: { slug: { current: "landing" }, canonical: "http://example.com/landing/" },

_type: "hero",         ctas: [           { _key: "c1", _type: "cta", link: { _type: "link", type: "external", external: "http://www.example.com/pricing/?plan=pro" } },

ctas: [           { _key: "c1", _type: "cta", link: { _type: "link", type: "external", external: "http://www.example.com/pricing/?plan=pro" } },           { _key: "c2", _type: "cta", link: { _type: "link", type: "external", external: "http:

{ _key: "c1", _type: "cta", link: { _type: "link", type: "external", external: "http://www.example.com/pricing/?plan=pro" } },

{ _key: "c2", _type: "cta", link: { _type: "link", type: "external", external: "http://partner.com/docs" } },

{ _key: "c3", _type: "cta", link: { _type: "link", type: "path", internalPath: "Pricing/" } },           { _key: "c4", _type: "cta", link: { _type: "link", type: "external", external: "mailto:hi@example.com" } },           { _key: "c5", _ty

{ _key: "c4", _type: "cta", link: { _type: "link", type: "external", external: "mailto:hi@example.com" } },           { _key: "c5", _type: "cta", link: { _type: "link", type: "external", external: "http://localhost:3000/x" } },         ],

{ _key: "c5", _type: "cta", link: { _type: "link", type: "external", external: "http://localhost:3000/x" } },

_key: "b1",         _type: "block",         children: [{ _key: "t1", _type: "span", text: "see http://example.com/pricing", marks: ["m1"] }],

_type: "block",         children: [{ _key: "t1", _type: "span", text: "see http://example.com/pricing", marks: ["m1"] }],         markDefs: [{ _key: "m1", _type: "link", type: "external", external: "/pricing#faq" }],

children: [{ _key: "t1", _type: "span", text: "see http://example.com/pricing", marks: ["m1"] }],

},     ],     sameAs: ["http://linkedin.com/company/example"],

],     sameAs: ["http://linkedin.com/company/example"],   },

sameAs: ["http://linkedin.com/company/example"],

describe("URL helpers", () => {   it("parses own-domain URLs with www, http and protocol-relative forms", () => {     assert.deepEqual(parseOwnUrl("http://www.example.com/pricing/?plan=pro#top", ownHosts), {

it("parses own-domain URLs with www, http and protocol-relative forms", () => {     assert.deepEqual(parseOwnUrl("http://www.example.com/pricing/?plan=pro#top", ownHosts), {       path: "/pricing",

assert.deepEqual(parseOwnUrl("http://www.example.com/pricing/?plan=pro#top", ownHosts), {

});     assert.deepEqual(parseOwnUrl("//old-example.com", ownHosts), { path: "/", params: "" });     assert.equal(parseOwnUrl("https://partner.com/pricing", ownHosts), null);

assert.deepEqual(parseOwnUrl("//old-example.com", ownHosts), { path: "/", params: "" });     assert.equal(parseOwnUrl("https://partner.com/pricing", ownHosts), null);   });

assert.equal(parseOwnUrl("https://partner.com/pricing", ownHosts), null);

it("upgrades only http:// and leaves other schemes alone", () => {     assert.equal(upgradeHttp("http://partner.com/a?b=1"), "https://partner.com/a?b=1");

assert.equal(upgradeHttp("http://partner.com/a?b=1"), "https://partner.com/a?b=1");

assert.equal(upgradeHttp("HTTP://partner.com"), "https://partner.com");

for (const value of ["https://partner.com", "mailto:a@b.c", "tel:+48123", "#top", "/x"])

it("reports what it cannot fix safely", () => {     for (const value of ["https://example.com/x", "//example.com/x", "/a b", "#faq"]) {

for (const value of ["https://example.com/x", "//example.com/x", "/a b", "#faq"]) {

describe("checkAbsoluteUrl", () => {   it("keeps the origin text and the query", () => {     assert.equal(checkAbsoluteUrl("https://Example.com//a/b/?x=1", "never").fixed, "https://Example.com/a/b?x=1");

it("keeps the origin text and the query", () => {     assert.equal(checkAbsoluteUrl("https://Example.com//a/b/?x=1", "never").fixed, "https://Example.com/a/b?x=1");     assert.equal(checkAbsoluteUrl("https://example.com/a", "always").fixed,

assert.equal(checkAbsoluteUrl("https://Example.com//a/b/?x=1", "never").fixed, "https://Example.com/a/b?x=1");

assert.equal(checkAbsoluteUrl("https://example.com/a", "always").fixed, "https://example.com/a/");

it("never flags the site root", () => {     assert.deepEqual(checkAbsoluteUrl("https://example.com/", "never").issues, []);

assert.deepEqual(checkAbsoluteUrl("https://example.com/", "never").issues, []);

assert.deepEqual(checkAbsoluteUrl("https://example.com", "always").issues, []);

assert.equal(find(findings, "slash", "metadata.canonical").suggested, "http://example.com/landing");

assert.equal(landing.set[`${base}.external`], undefined);     assert.ok(landing.unset.includes(`${base}.external`));     assert.equal(landing.set["metadata.canonical"], "https://example.com/landing");

assert.ok(landing.unset.includes(`${base}.external`));     assert.equal(landing.set["metadata.canonical"], "https://example.com/landing");     assert.equal(landing.set["sections[_key==\"s1\"].ctas[_key==\"c2\"].link.external"], "https://par

assert.equal(landing.set["metadata.canonical"], "https://example.com/landing");

assert.equal(landing.set["sections[_key==\"s1\"].ctas[_key==\"c2\"].link.external"], "https://partner.com/docs");

assert.equal(landing.set["sameAs[0]"], "https://linkedin.com/company/example");

assert.equal(       landing.set["sections[_key==\"s1\"].ctas[_key==\"c1\"].link.external"],       "https://www.example.com/pricing/?plan=pro",

landing.set["sections[_key==\"s1\"].ctas[_key==\"c1\"].link.external"],       "https://www.example.com/pricing/?plan=pro",     );

"https://www.example.com/pricing/?plan=pro",

it("combines the http upgrade and the slash fix on one URL", () => {     assert.equal(       rewriteValue("http://example.com/a/", [{ rule: "slash", fieldType: "url" }, { rule: "http" }], "never"),

assert.equal(       rewriteValue("http://example.com/a/", [{ rule: "slash", fieldType: "url" }, { rule: "http" }], "never"),       "https://example.com/a",

rewriteValue("http://example.com/a/", [{ rule: "slash", fieldType: "url" }, { rule: "http" }], "never"),

"https://example.com/a",

Executable file

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

let lastId = "";   for (;;) {     const page = await client.fetch(

for (;;) {     const page = await client.fetch(       `*[!(_type match "sanity.*") && !(_id in path("_.**")) && _id > $lastId] | order(_id) [0...${PAGE_SIZE}]`,

const page = await client.fetch(

for (const method of ["HEAD", "GET"]) {     try {       const response = await fetch(url, {

try {       const response = await fetch(url, {         method,

const response = await fetch(url, {

agent-browser eval "$(cat "$S/prepare.js")"

agent-browser eval "($(cat "$S/region.js"))('h2|Key takeaways', 'h2|Next heading', 32)" > /tmp/<topic>/region.json

https://github.com/<owner>/<repo>/blob/<SHA>/.github/pr-assets/<topic>/after-<page>-<width>.png?raw=true

#!/usr/bin/env python3

#!/usr/bin/env python3

Executable file

Executable file

[Credential-related source omitted]

[Credential-related source omitted]

| `SANITY_API_READ_TOKEN` | recommended | Viewer token | | `SANITY_REVALIDATE_SECRET` | recommended | A random string: `openssl rand -hex 32`. The webhook signs with it, so production must have the same value. Without it a published change 

| `SANITY_REVALIDATE_SECRET` | recommended | A random string: `openssl rand -hex 32`. The webhook signs with it, so production must have the same value. Without it a published change waits for the 30-day cache | | `NEXT_PUBLIC_BASE_URL` | n

| `NEXT_PUBLIC_BASE_URL` | no | Unset falls back to the Vercel URL, else `http://localhost:3000` (`web/src/setup/base-url.ts`). Set it to the real domain once known. **No trailing slash** |

| `NEXT_PUBLIC_GTM_ID` | no | Google Tag Manager. Cookie consent needs no env: it runs offline | | `RESEND_API_KEY`, `CONTACT_FORM_RECIPIENT_EMAIL`, `CONTACT_FORM_FROM_EMAIL` | no | Contact form. Without them the form can't send | | `SANITY

[Credential-related source omitted]

[Credential-related source omitted]

| `SANITY_BLUEPRINT_SITE_URL` | no | The site's origin with the protocol and no trailing slash (`https://acme.com`). Empty until there is a domain. Read only by `sanity.blueprint.ts` |

| `SANITY_BLUEPRINT_EXTRA_ORIGINS` | no | Comma-separated origins, each with the protocol (`https://www.acme.com`), or empty |

| `SANITY_STUDIO_DATASET` | Same dataset | | `SANITY_STUDIO_API_VERSION` | `2024-12-01` unless there's a reason to change it | | `SANITY_STUDIO_APP_URL` | `http://localhost:3000`. The Styleguide tool, the SEO preview and preview links use i

| `SANITY_STUDIO_APP_URL` | `http://localhost:3000`. The Styleguide tool, the SEO preview and preview links use it |

Write the value the user gives you, or tell them which line to set. If `init` or `plan` fails with `[blueprint] "…" is not an origin`, one of these holds a bare host (`acme.vercel.app`) or a placeholder: add `https://` or empty it, then rer

(`acme.vercel.app`) or a placeholder: add `https://` or empty it, then rerun.

**Localhost.** The blueprint declares no localhost origin. Sanity creates `http://localhost:3333` with every new project, and `sanity init` adds

`http://localhost:3333` with every new project, and `sanity init` adds

`http://localhost:3000`, both outside the stack. On a **hand clone**, have the user add

`:3000` once (the site and `/admin` need it): `! pnpm --filter <scope>/studio exec sanity cors add http://localhost:3000 --credentials`. Another local port goes into `SANITY_BLUEPRINT_EXTRA_ORIGINS` (`http://localhost:3001`).

`! pnpm --filter <scope>/studio exec sanity cors add http://localhost:3000 --credentials`.

Another local port goes into `SANITY_BLUEPRINT_EXTRA_ORIGINS` (`http://localhost:3001`).

Never tell them to delete `http://localhost:3000` or `:3333`: the blueprint doesn't

**Done when:** the blueprint is linked, the deploy succeeded (or the plan is empty because there is no domain yet), and `http://localhost:3000` is a CORS origin.

because there is no domain yet), and `http://localhost:3000` is a CORS origin.

**Check:** `pnpm dev` and open `http://localhost:3000`. If the site renders, this step

1. Open `http://localhost:3000/admin` and log in.

**Done when:** `http://localhost:3000` shows the homepage, not the Next steps screen.

- `http://localhost:3000` renders the homepage.

- `http://localhost:3000/admin` lets the user log in and lists the documents.

Add `www` or a preview wildcard with `SANITY_BLUEPRINT_EXTRA_ORIGINS`    (`https://*-<team-slug>.vercel.app`, never `https://*.vercel.app`; the blueprint

(`https://*-<team-slug>.vercel.app`, never `https://*.vercel.app`; the blueprint

|---|---| | **Project dir** (`--project`) | The project root holding `web/` and `studio/`. | | **Running web app** (`--base`, default `http://localhost:3000`) | `pnpm dev`. It must be a **dev** server: outside `next dev` the gallery is gate

| **Project dir** (`--project`) | The project root holding `web/` and `studio/`. | | **Running web app** (`--base`, default `http://localhost:3000`) | `pnpm dev`. It must be a **dev** server: outside `next dev` the gallery is gated to logge

| **Running web app** (`--base`, default `http://localhost:3000`) | `pnpm dev`. It must be a **dev** server: outside `next dev` the gallery is gated to logged-in Studio editors and the script would photograph the gate. If 3000 is taken, pas

2. **Start the app**: `pnpm dev` in a separate terminal or background process (seed the    demo data first if the fixtures need it). Wait until    `http://localhost:3000/styleguide/sections` answers.

`http://localhost:3000/styleguide/sections` answers.

5. **Delete orphans** the report lists (`git rm web/public/admin/thumbnails/<name>.webp`).

[Credential-related source omitted]

[Credential-related source omitted]

"https://${PROJECT_ID}.api.sanity.io/v2024-01-01/data/query/${DATASET}?perspective=published&query=$(jq -rn --arg q "$1" '$q|@uri')"

{     "url": "/en/partners",     "liveUrl": "https://example.com/en/partners",

"url": "/en/partners",     "liveUrl": "https://example.com/en/partners",     "title": "Partners",

"liveUrl": "https://example.com/en/partners",

CURRENT=$(agent-browser eval 'location.pathname' 2>/dev/null | jq -r '.')

CURRENT=$(agent-browser eval 'location.pathname' 2>/dev/null | jq -r '.')

SITE=https://example.com

rm -f "$OUT"/screenshots/*.png

Executable file

//   node capture.mjs --project=path/to/project //   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001

//   node capture.mjs --project=path/to/project --only=hero,faq //   node capture.mjs --project=. --base=http://localhost:3001 //   node capture.mjs --project=. --report        # coverage only, no capture

//   node capture.mjs --project=. --base=http://localhost:3001

// Flags: //   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000)

//   --project=DIR     Project root holding web/ and studio/ (default: cwd) //   --base=URL        Web app to photograph (default: http://localhost:3000) //   --only=a,b        Capture these section types only

//   --base=URL        Web app to photograph (default: http://localhost:3000)

const DEFAULT_BASE = "http://localhost:3000";

for (let attempt = 0; attempt < 60 && !webSocketUrl; attempt++) {       try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

try {         const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);         webSocketUrl = (await response.json()).webSocketDebuggerUrl;

const response = await fetch(`http://127.0.0.1:${DEBUG_PORT}/json/version`);

Executable file

Executable file

**Sanity** ([sanity.io/pricing](https://www.sanity.io/pricing))

API CDN facts that matter for the model ([API CDN docs](https://www.sanity.io/docs/content-lake/api-cdn)):

- Image and file requests to `cdn.sanity.io` count against **bandwidth**, not against   API request quotas. Image transformation responses carry   `cache-control: public, max-age=31536000, s-maxage=2592000` (checked with `curl -sI`).

API request quotas. Image transformation responses carry   `cache-control: public, max-age=31536000, s-maxage=2592000` (checked with `curl -sI`). - `auto=format` serves AVIF to browsers that accept it (since 2024-11-13); the first

`cache-control: public, max-age=31536000, s-maxage=2592000` (checked with `curl -sI`).

- `auto=format` serves AVIF to browsers that accept it (since 2024-11-13); the first   request can get WebP while AVIF is encoded in the background   ([changelog](https://www.sanity.io/docs/changelog/690b41ac-cc92-41c3-b219-b1bcfd06379f)).

([changelog](https://www.sanity.io/docs/changelog/690b41ac-cc92-41c3-b219-b1bcfd06379f)).

**Vercel** ([vercel.com/pricing](https://vercel.com/pricing))

#!/usr/bin/env node

const SANITY = {   source: "https://www.sanity.io/pricing",

source: "https://www.sanity.io/pricing",

const VERCEL = {   source: "https://vercel.com/pricing",

source: "https://vercel.com/pricing",

#!/usr/bin/env python3