@taprootio/site-authoring 0.11.0 → 0.12.0

package/README.md

@@ -99,6 +99,7 @@ taproot-site help
 taproot-site help designs
 taproot-site help design professional-portfolio
 taproot-site help page free-form
+taproot-site help page recipe
 taproot-site help component hero-section --json
 ```
 
@@ -141,8 +142,8 @@ taproot-site validate "$(npm root --global)/@taprootio/site-authoring/examples/r
 
 The fixture is a fictional wellness studio — `example.test` hostnames, a
 reserved `555-01xx` telephone number, an invented street and town — with two
-free-form pages, a three-item navigation tree, and all four settings
-documents. Nothing in it describes a real business. Copy the directory
+free-form pages and one each of the article, recipe, album and place-review
+templates, a three-item navigation tree, and all four settings documents. Nothing in it describes a real business. Copy the directory
 somewhere writable before you edit it; `validate` never writes to the fixture
 it reads.
 
@@ -338,6 +339,17 @@ the site's own document is kept as internal state under
 edited on the site since the last pull is a `pages.pull_conflict` refusal
 before anything under `pages/` changes, with both recovery paths named.
 
+Pages are not only free-form. A source chooses its template with `template:` in
+its front matter — `article`, `recipe`, `album` or `place-review`; free-form is
+the default — and `pull` writes the other four as a `.pm.json` wrapper
+(`{ "template", "displayDate", "coverImageId", "data" }`) that `pages push`
+sends back unchanged. Typed pages also carry `displayDate` (so an import keeps
+its original publication date) and `coverImage`, which the site requires to be an
+image the page itself uses (place it in the body too; `pages.cover_image_unused`). A page's template is fixed when
+it is created: a source for another template is refused with
+`pages.template_immutable`. `taproot-site help page <type>` gives each
+template's fields and one worked example.
+
 `pages push [page-path...]` validates and sends the selected pages, or every
 workspace page when none is named; the homepage is addressed as `/`. It fails
 closed with `pages.push_conflict` when a page's stored-state revision has
@@ -549,7 +561,7 @@ taproot-site validate ../authoring-fixture
 The destination must be new, outside the source workspace, and its parent must exist. Use
 `taproot-site --config path/to/taproot-site.json validate --init ../authoring-fixture`
 to select another source configuration. Initialization needs no credential or
-network. It exports editable free-form pages as ProseMirror with navigation,
+network. It exports editable pages of every template as workspace documents with navigation,
 redirects, settings, and version-7 appearance/footer metadata, validates the
 result, and leaves the source unchanged. Excluded metadata-only pages are
 counted; unresolved references to them fail validation.

package/examples/riverbend-wellness/manifest.fixture.json

@@ -30,6 +30,62 @@
       "file": "pages/visit.md",
       "sourceFormat": "markdown",
       "workspaceMode": "editable"
+    },
+    {
+      "pageId": "a0000000-0000-4000-8000-000000000040",
+      "resourceId": "a0000000-0000-4000-8000-000000000041",
+      "path": "journal/welcome",
+      "title": "Welcome to the Riverbend journal",
+      "status": "PAGE_STATUS_DRAFT",
+      "templateType": "TEMPLATE_TYPE_ARTICLE",
+      "hasDraft": true,
+      "isGenerated": false,
+      "description": "An example article for the offline authoring fixture.",
+      "file": "pages/journal-welcome.md",
+      "sourceFormat": "markdown",
+      "workspaceMode": "editable"
+    },
+    {
+      "pageId": "a0000000-0000-4000-8000-000000000042",
+      "resourceId": "a0000000-0000-4000-8000-000000000043",
+      "path": "recipes/green-smoothie",
+      "title": "Green morning smoothie",
+      "status": "PAGE_STATUS_DRAFT",
+      "templateType": "TEMPLATE_TYPE_RECIPE",
+      "hasDraft": true,
+      "isGenerated": false,
+      "description": "An example recipe for the offline authoring fixture.",
+      "file": "pages/green-smoothie.md",
+      "sourceFormat": "markdown",
+      "workspaceMode": "editable"
+    },
+    {
+      "pageId": "a0000000-0000-4000-8000-000000000044",
+      "resourceId": "a0000000-0000-4000-8000-000000000045",
+      "path": "albums/studio-tour",
+      "title": "A tour of the studio",
+      "status": "PAGE_STATUS_DRAFT",
+      "templateType": "TEMPLATE_TYPE_ALBUM",
+      "hasDraft": true,
+      "isGenerated": false,
+      "description": "An example album for the offline authoring fixture.",
+      "file": "pages/studio-tour.pm.json",
+      "sourceFormat": "prosemirror",
+      "workspaceMode": "editable"
+    },
+    {
+      "pageId": "a0000000-0000-4000-8000-000000000046",
+      "resourceId": "a0000000-0000-4000-8000-000000000047",
+      "path": "reviews/juice-bar",
+      "title": "The corner juice bar",
+      "status": "PAGE_STATUS_DRAFT",
+      "templateType": "TEMPLATE_TYPE_PLACE_REVIEW",
+      "hasDraft": true,
+      "isGenerated": false,
+      "description": "An example place review for the offline authoring fixture.",
+      "file": "pages/juice-bar.md",
+      "sourceFormat": "markdown",
+      "workspaceMode": "editable"
     }
   ],
   "pagesTruncated": false,

package/examples/riverbend-wellness/pages/green-smoothie.md

@@ -0,0 +1,28 @@
+---
+title: Green morning smoothie
+path: recipes/green-smoothie
+description: An example recipe for the offline authoring fixture.
+template: recipe
+prepTimeMinutes: 5
+servings: 2
+recipeCategory: Drink
+---
+
+A fictional studio favorite that takes five minutes.
+
+## Ingredients
+
+### Base
+
+- 1 cup spinach
+- 1 banana
+- 1 cup oat milk
+
+### Finish
+
+- 1 tablespoon chia seeds
+
+## Instructions
+
+1. Blend the base until smooth.
+2. Stir in the chia seeds and rest for two minutes.

package/examples/riverbend-wellness/pages/journal-welcome.md

@@ -0,0 +1,13 @@
+---
+title: Welcome to the Riverbend journal
+path: journal/welcome
+description: An example article for the offline authoring fixture.
+template: article
+displayDate: 2024-03-01
+---
+
+The journal is where the fictional Riverbend Wellness studio shares notes from
+the studio floor. This page is an **article**: a title, a body, and an
+original publication date kept with `displayDate`.
+
+A page's template is chosen once, when it is created, and never changes.

package/examples/riverbend-wellness/pages/juice-bar.md

@@ -0,0 +1,11 @@
+---
+title: The corner juice bar
+path: reviews/juice-bar
+description: An example place review for the offline authoring fixture.
+template: place-review
+placeId: a0000000-0000-4000-8000-0000000000b0
+rating: will-return
+---
+
+An invented juice bar in the fictional town of Elm Harbor. Nothing here
+describes a real business.

package/examples/riverbend-wellness/pages/studio-tour.pm.json

@@ -0,0 +1,34 @@
+{
+  "template": "album",
+  "coverImageId": "a0000000-0000-4000-8000-0000000000a1",
+  "data": {
+    "introductionBody": {
+      "type": "doc",
+      "content": [
+        {
+          "type": "paragraph",
+          "content": [
+            {
+              "type": "text",
+              "text": "A fictional tour of the studio. An album keeps its images by id, so its source is a JSON document."
+            }
+          ]
+        }
+      ]
+    },
+    "images": [
+      {
+        "imageId": "a0000000-0000-4000-8000-0000000000a1",
+        "caption": "The main room",
+        "width": 1920,
+        "height": 1080
+      },
+      {
+        "imageId": "a0000000-0000-4000-8000-0000000000a2",
+        "caption": "The tea corner",
+        "width": 1200,
+        "height": 1600
+      }
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taprootio/site-authoring",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Taproot site authoring CLI: sign in once in the browser, then pull, validate, push, preview, approve, and deploy a site from the terminal",
   "type": "module",
   "license": "ISC",

package/src/api.js

@@ -490,6 +490,9 @@ export function normalizePageSummary(value) {
     // at" — and both are carried as `undefined` rather than as a sentinel that
     // would compare unequal to every recorded baseline and refuse every push.
     bodyRevision: normalizePageBodyRevision(summary.bodyRevision),
+    // The page's calendar date, empty when it has none. It is not part of
+    // `bodyRevision`, so a typed page's push guard compares it separately.
+    displayDate: typeof summary.displayDate === "string" ? summary.displayDate : "",
   };
 }
 
@@ -526,14 +529,6 @@ export async function getPage(client, pageId, status) {
   );
 }
 
-export function freeFormTemplate(body) {
-  return {
-    templateType: TEMPLATE_TYPE_FREE_FORM,
-    templateVersion: FREE_FORM_TEMPLATE_VERSION,
-    freeFormData: { body },
-  };
-}
-
 export async function createPage(client, body) {
   return normalizePageSummary(await client.request("v1/pages", { method: "POST", body }));
 }
@@ -1118,7 +1113,6 @@ export async function listDeployments(
         `deployments${
           query([
             ["pageSize", pageSize],
-            ["includeStaging", true],
             ["environment", environment],
           ])
         }`,

package/src/cli.js

@@ -705,6 +705,7 @@ function parseReferenceArguments(arguments_) {
       || topic === "redirects"
       || topic === "walkthrough"
       || topic === "delivery"
+      || topic === "import"
     )
     && (subject !== undefined || extra.length > 0)
   ) {
@@ -774,6 +775,7 @@ function referenceResult(parsed) {
     case "fixture":
     case "walkthrough":
     case "delivery":
+    case "import":
       return {
         ...result,
         topic: "workflow",

package/src/constants.js

@@ -1,5 +1,7 @@
+import packageMetadata from "../package.json" with { type: "json" };
+
 export const CLI_NAME = "@taprootio/site-authoring";
-export const CLI_VERSION = "0.11.0";
+export const CLI_VERSION = packageMetadata.version;
 export const CLI_BINARY_NAME = "taproot-site";
 export const RESULT_SCHEMA_VERSION = 1;
 export const CONFIG_FILE_NAME = "taproot-site.json";

package/src/content/components.js

@@ -157,10 +157,6 @@ const CTA = Object.freeze({
   }),
   imagePosition: enumOf("top", "left", "right"),
   mediaImage: image(),
-  // TR00890: "waitlist" replaces the link button with an email-capture form
-  // that posts to the platform's public waitlist endpoint. buttonUrl is
-  // ignored in that mode; buttonText becomes the submit button's label.
-  formMode: enumOf("none", "waitlist"),
 });
 
 /** `FeatureGridData`. */
@@ -363,12 +359,10 @@ const COMPONENT_DEFINITIONS = Object.freeze({
       borderWidth: 0,
       imagePosition: "top",
       mediaImage: null,
-      formMode: "none",
     },
     [
       "Button text must describe its action or destination.",
       "Give meaningful media a descriptive alt value and decorative media an empty alt value.",
-      "formMode \"waitlist\" renders an email-capture form instead of the link button; leave buttonUrl empty and use buttonText for the submit label.",
     ],
     {
       heading: "Ready to begin?",

package/src/content/tiptap-prosemirror.ts

@@ -10,6 +10,17 @@
 import freeFormSectionRegistry from "./free-form-section-registry.json" with { type: "json" };
 
 export const TIPTAP_SITE_DEFAULT = "site-default";
+export const DEFAULT_TIPTAP_IMAGE_MAX_IMAGES_PER_ROW = 2;
+export const TIPTAP_IMAGE_MAX_IMAGES_PER_ROW_OPTIONS = [1, 2, 3] as const;
+export const TIPTAP_IMAGE_NARROW_CONTENT_REM = 40;
+
+export function normalizeTiptapImageMaxImagesPerRow(value: unknown): number {
+  const count = Number(value);
+  return TIPTAP_IMAGE_MAX_IMAGES_PER_ROW_OPTIONS.some(option => option === count)
+    ? count
+    : DEFAULT_TIPTAP_IMAGE_MAX_IMAGES_PER_ROW;
+}
+
 export const DEFAULT_TIPTAP_IMAGE_MAX_HEIGHT_VH = 60;
 export const TIPTAP_IMAGE_MAX_HEIGHT_OPTIONS = [45, 60, 75, 90] as const;
 const SECTION_CONTEXT_PATTERN = new RegExp(
@@ -64,6 +75,7 @@ export interface RenderProseMirrorOptions {
   /** Normalize free-form root flow into full-bleed Espalier sections. */
   freeFormSections?: boolean;
   imageDefaults?: {
+    maxImagesPerRow?: number | null;
     placement?: TiptapImagePresentationPlacement | string | null;
     /** The page shell emits this default once so rich-text formats inherit it. */
     maxHeightVh?: TiptapImageMaxHeightVh | number | null;
@@ -71,7 +83,10 @@ export interface RenderProseMirrorOptions {
   /** Generator-only render hooks for structured nodes that need page context. */
   nodeRenderers?: {
     componentBlock?: (node: ProseMirrorNode) => string | undefined;
-    taprootImage?: (node: ProseMirrorNode) => string | undefined;
+    taprootImage?: (
+      node: ProseMirrorNode,
+      context: { groupColumns?: number; fullWidth: boolean },
+    ) => string | undefined;
     /** Emits an adopted fragment's canonical bytes; without it the node renders nothing. */
     integrationFragment?: (node: ProseMirrorNode) => string | undefined;
   };
@@ -151,14 +166,26 @@ function isTextBlock(type: string): boolean {
 }
 
 type RenderPlacement = "root" | "section" | "nested";
+type RenderOptionsWithLayout = RenderProseMirrorOptions & { fullWidthImages?: boolean };
 
 function renderNodes(
   nodes: readonly ProseMirrorNode[],
-  options: RenderProseMirrorOptions,
+  options: RenderOptionsWithLayout,
   placement: RenderPlacement,
 ): string {
-  return nodes.map((node) => {
-    const html = renderNode(node, options, placement);
+  let imageRunEnd = 0;
+  let groupColumns: number | undefined;
+  return nodes.map((node, index) => {
+    const isImage = node.type === "taprootImage";
+    if (isImage && index >= imageRunEnd) {
+      imageRunEnd = index + 1;
+      while (imageRunEnd < nodes.length && nodes[imageRunEnd].type === "taprootImage") imageRunEnd++;
+      const count = imageRunEnd - index;
+      groupColumns = count > 1
+        ? Math.min(count, normalizeTiptapImageMaxImagesPerRow(options.imageDefaults?.maxImagesPerRow))
+        : undefined;
+    }
+    const html = renderNode(node, options, placement, false, isImage ? groupColumns : undefined);
     options.onRenderedNode?.(node, html);
     return html;
   }).join("");
@@ -217,9 +244,10 @@ function isRootBandComponent(node: ProseMirrorNode): boolean {
 
 function renderNode(
   node: ProseMirrorNode,
-  options: RenderProseMirrorOptions,
+  options: RenderOptionsWithLayout,
   placement: RenderPlacement,
   compactFollowing = false,
+  groupColumns?: number,
 ): string {
   switch (node.type) {
     case "doc":
@@ -263,7 +291,8 @@ function renderNode(
     case "table":
       return placement === "root" || placement === "section" ? renderTable(node, options) : "";
     case "taprootImage":
-      return options.nodeRenderers?.taprootImage?.(node) ?? renderTaprootImage(node, options);
+      return options.nodeRenderers?.taprootImage?.(node, { groupColumns, fullWidth: options.fullWidthImages === true })
+        ?? renderTaprootImage(node, options);
     case "inlineFacts":
       return renderInlineFacts(node, options, placement);
     case "componentBlock":
@@ -737,7 +766,7 @@ function renderSection(
   const content = renderElement(
     "div",
     { "data-section-content": true },
-    renderNodes(nodes, options, contentPlacement),
+    renderNodes(nodes, { ...options, fullWidthImages: contentPadding === "none" }, contentPlacement),
   );
   const surfaced = surface === "none"
     ? content
@@ -1181,6 +1210,7 @@ function resolveImagePresentation(
   if (maxHeightOverride) styleParts.push(`--taproot-article-image-max-height: ${maxHeightOverride}`);
   if (borderWidthOverride) styleParts.push(`--esp-image-border: ${imageBorderValue(borderWidthOverride)}`);
   return {
+    "data-tiptap-image": normalizeTiptapImageMaxImagesPerRow(defaults?.maxImagesPerRow),
     // The page shell owns the inherited site default so HTML and structured
     // rich text share it. Serialize only an explicit legacy choice; this
     // includes 60vh when it intentionally overrides a taller site default.

package/src/reference-help.js

@@ -1,6 +1,5 @@
 import { readFileSync } from "node:fs";
 
-import { TEMPLATE_TYPE_FREE_FORM } from "./api.js";
 import { CLI_BINARY_NAME } from "./constants.js";
 import {
   canonicalizeComponentData,
@@ -35,6 +34,8 @@ import {
   REDIRECTS_FILE_NAME,
 } from "./redirects-contract.js";
 import { SETTINGS_GROUPS } from "./settings-catalog.js";
+import { formatTypedPageReference, getTypedPageReference, TYPED_PAGE_TYPES } from "./typed-page-reference.js";
+import { PAGE_TEMPLATES } from "./typed-pages.js";
 import {
   INTERNAL_PAGE_BASELINE_DIRECTORY,
   MANIFEST_VERSION,
@@ -49,8 +50,8 @@ import {
 
 export { getAppearanceReference, getFooterReference, getThemeReference };
 
-export const REFERENCE_VERSION = 27;
-export const PAGE_TYPES = Object.freeze(["free-form"]);
+export const REFERENCE_VERSION = 28;
+export const PAGE_TYPES = Object.freeze(["free-form", ...TYPED_PAGE_TYPES]);
 
 function deepFreeze(value) {
   if (value === null || typeof value !== "object" || Object.isFrozen(value)) return value;
@@ -334,7 +335,7 @@ export function getDesignBlueprint(type) {
   return DESIGN_BLUEPRINTS.find((blueprint) => blueprint.type === type);
 }
 export const REFERENCE_TOPICS = Object.freeze([
-  Object.freeze({ name: "pages", usage: `${CLI_BINARY_NAME} help pages`, summary: "List authorable page types." }),
+  Object.freeze({ name: "pages", usage: `${CLI_BINARY_NAME} help pages`, summary: "List authorable page types: free-form, article, recipe, album, place-review." }),
   Object.freeze({
     name: "page",
     usage: `${CLI_BINARY_NAME} help page <page-type>`,
@@ -397,6 +398,11 @@ export const REFERENCE_TOPICS = Object.freeze([
     usage: `${CLI_BINARY_NAME} help footer`,
     summary: "Author and concurrency-safely push the complete footer document.",
   }),
+  Object.freeze({
+    name: "import",
+    usage: `${CLI_BINARY_NAME} help import`,
+    summary: "Import an existing WordPress site from its export: mapping rules, order of work, and what to report.",
+  }),
   Object.freeze({
     name: "fixture",
     usage: `${CLI_BINARY_NAME} help fixture`,
@@ -405,6 +411,60 @@ export const REFERENCE_TOPICS = Object.freeze([
 ]);
 
 const WORKFLOW_REFERENCES = Object.freeze({
+  import: Object.freeze({
+    title: "Importing a WordPress site",
+    summary: "Turn a WordPress export (WXR) into a published Taproot site with the templates, dates, media and redirects preserved, and a written account of everything that could not be mapped.",
+    usage: `${CLI_BINARY_NAME} pull | media upload <files...> | pages push | redirects push | nav push | deploy --staging`,
+    details: Object.freeze([
+      "Source: a WordPress export file (Tools > Export > All content, WXR 1.2). Read the live site only when the owner "
+      + "has said you may; the export names every media URL but carries no image bytes, so downloading originals from "
+      + "the old site also needs that permission. Work in a fresh workspace: 'use' the site, then 'pull'.",
+      "Order of work: 1 parse the export; 2 classify every item; 3 stage media; 4 write page sources; 5 check every "
+      + "source; 6 pages push; 7 nav.json and nav push; 8 redirects.json and redirects push; 9 approve, deploy "
+      + "--staging, review it; 10 redirects check and delivery check --staging; 11 deploy --production; 12 delivery "
+      + "check --production --url <the origin 'sites' reports as primaryDomain>. Do not promote until the account of unmapped content has been read by the owner.",
+      "Classify. Published post: article (the default); recipe when it has an Ingredients list and a Steps list "
+      + "(help page recipe); album when it is a gallery with little text (help page album). Published page: a free-form "
+      + "page at its path, children under their parent's path. Never guess a place review: it needs a Taproot "
+      + "placeId this CLI cannot look up, so import the post as an article and list it. Not imported, and always "
+      + "listed: drafts, pending, private, scheduled and password-protected items; custom post types; comments; the WordPress front "
+      + "page (Taproot seeds its own home page: ask the owner what belongs there).",
+      "Paths and dates. A post's path is '<first category slug, ignoring the default Uncategorized>/<post name>' ('journal/' with no category; a post or page whose slug has no ASCII letters gets a name like post-<id>, listed), a "
+      + "page's is its post name under its parents. Keep the original publication date in displayDate (the date "
+      + "part of wp:post_date). Categories beyond the first, and all tags, have no Taproot equivalent (tags are "
+      + "generated per page type): list them. The featured image becomes coverImage on typed pages, and the same image must also appear in the page's own content (put it at the top of the body), or the site refuses the cover; a free-form page "
+      + "has none, so list it.",
+      "Content. Convert the HTML to the Markdown subset. Keep headings from h2 to h4 (the title is the h1; deeper levels are refused, so make h5 and h6 an h4). Decode HTML entities (&amp;, &#8217;) in titles, excerpts, menu labels and term names; WordPress stores them encoded. An image "
+      + "must stand alone in its own block, so split paragraphs around images and lift images out of links; a link "
+      + "to the full-size file is dropped, so list it. Tables need a header row and 2 to 12 columns, else write "
+      + "a list and report it. Remove Gutenberg block comments and the more-tag marker. In a recipe, times and servings "
+      + "go to front matter, text after the steps moves into the introduction with its headings dropped to level 3, and the only "
+      + "level-2 headings are Ingredients and Instructions; an album's only level-2 heading is Images.",
+      "Report, never silently drop. Shortcodes with no equivalent ([contact-form-7], [adsense], maps, recipe cards "
+      + "whose data sits in separate records), iframes and other embeds (a YouTube, Vimeo, X/Twitter, Instagram or TikTok address becomes a plain "
+      + "link), scripts, video and audio elements, inline styles, galleries (flattened to sequential images, or an "
+      + "album when they are the post), links to content you did not import (keep the absolute old link), and images "
+      + "on other hosts. Every item goes in the account with its page and what happened to it.",
+      "Media. Save each original in the workspace's media/ directory (PNG, JPEG, GIF or WebP up to 32 MiB each; list SVG, AVIF, HEIC and oversized files, which cannot be uploaded; use the original, not "
+      + "the -300x200 thumbnail WordPress also stores), then upload in batches of at most 10 files (conservative: the limit depends on how long the delivery URLs are, and was measured only with short stand-in URLs): 'media upload' "
+      + "prints every file's delivery URLs into a result capped at 64 KiB, and a longer batch uploads everything, "
+      + "writes .taproot-site-media.json, then exits 1 with output.too_large. If that happens the files are already "
+      + "uploaded; run the same paths again (they deduplicate) in smaller batches.",
+      "Check before sending. 'pages push' validates every source before it sends anything but stops at the first "
+      + "problem. On a large import, validate the sources yourself first so you see every problem at once: run the "
+      + "package's validators over each file, or push one page at a time ('pages push <path>').",
+      "Navigation. A site can have several menus (header, footer): ask which is primary and list the rest. Rebuild it as nav.json after 'pages push', at most three levels deep with canonical UUID ids, 1000 items and 200-character titles (help nav); a label-only dropdown heading (a WordPress '#' link) is a GROUP_HEADER, and a child of an item you cannot map is listed, not promoted (page items carry the resourceId from the "
+      + "manifest; a custom link is an EXTERNAL_URL item; a category or tag item has no target, so list it).",
+      "Redirects. At most 2000 entries; never redirect to a page you did not push. Every imported page's old path (from its <link>) becomes a 301 to its new path, unless the two "
+      + "are the same. A category archive redirects to its folder when it became one. Query-string URLs (?p=12), "
+      + "feeds, tag archives, author archives and attachment pages cannot be redirect sources or have no "
+      + "destination: list them and ask the owner whether each is 410 or goes to an index. A source that a live page "
+      + "occupies is refused by the site.",
+      "Finish with the account: counts of pages by template, media staged, redirects written, then every unmapped "
+      + "item grouped by kind with examples, the questions only the owner can answer, and the verification results "
+      + "(redirects check, delivery check).",
+    ]),
+  }),
   delivery: Object.freeze({
     title: "Delivery verification",
     summary: "delivery check reads a completed deployment's target the way a visitor does and reports HTTP delivery, runtime compatibility and (optionally) browser behaviour as separate dimensions.",
@@ -683,8 +743,10 @@ const WORKFLOW_REFERENCES = Object.freeze({
       `manifestVersion must be ${MANIFEST_VERSION}; fixture.contractVersion must be ${FIXTURE_CONTRACT_VERSION}.`,
       "siteId, every pageId and resourceId, every settings entityId, and every fixture.imageIds entry is a canonical "
       + "lowercase UUID. They are deterministic fixture identities, not identities from a live site.",
-      `Each pages[] entry binds one editable free-form source: pageId, resourceId, path, title, templateType `
-      + `${TEMPLATE_TYPE_FREE_FORM}, file, sourceFormat, and workspaceMode ${PAGE_WORKSPACE_MODE_EDITABLE}. `
+      `Each pages[] entry binds one editable page source: pageId, resourceId, path, title, templateType `
+      + `(${Object.values(PAGE_TEMPLATES).map((template) => template.wireType).join(", ")}; the source must be that template), file, `
+      + `sourceFormat, and workspaceMode ${PAGE_WORKSPACE_MODE_EDITABLE}. Album images and the cover image must be `
+      + "listed in fixture.imageIds. "
       + "status, hasDraft, isGenerated, and description are recorded by pull and not read: the page key set "
       + "stays open so a fixture from a newer pull is not refused. The homepage's path is the empty string.",
       `file lives under '${PAGES_DIRECTORY}/' and ends in ${PAGE_SOURCE_EXTENSIONS.join(" or ")}; sourceFormat must be `
@@ -716,7 +778,7 @@ const WORKFLOW_REFERENCES = Object.freeze({
       "validate reads the fixture and writes nothing to it. Copy the directory somewhere writable before editing it.",
       "validate --init <new-directory> exports the current pulled workspace as a validated version-7 fixture with "
       + "appearance and footer metadata. Run from the workspace or its configured project; --config may select the source.",
-      "Initialization keeps editable free-form pages as ProseMirror sources and reports excluded metadata-only pages. "
+      "Initialization keeps editable pages of every template as workspace documents and reports excluded metadata-only pages. "
       + "References to excluded pages must be resolved before the fixture can validate. It never copies credentials, "
       + "internal reconciliation state, or deployment receipts. UUIDs and HTTP(S) origins are replaced with deterministic "
       + "fixture identities and example.test origins; URL credentials, queries and fragments are removed. Authored prose is retained.",
@@ -1302,6 +1364,14 @@ const FREE_FORM_REFERENCE = Object.freeze({
             inheritedForTracked: true,
             defaultForNew: "",
           }),
+          Object.freeze({
+            name: "template",
+            type: "string",
+            requiredForNew: false,
+            inheritedForTracked: false,
+            defaultForNew: "free-form",
+            description: `Other templates: ${TYPED_PAGE_TYPES.join(", ")}; see '${CLI_BINARY_NAME} help pages'.`,
+          }),
         ]),
       }),
       Object.freeze({
@@ -1387,17 +1457,20 @@ const FREE_FORM_REFERENCE = Object.freeze({
 });
 
 export function listPageTypeReferences() {
-  return PAGE_TYPES.map((type) => ({
-    type,
-    displayName: FREE_FORM_REFERENCE.displayName,
-    summary: FREE_FORM_REFERENCE.summary,
-    helpCommand: `${CLI_BINARY_NAME} help page ${type}`,
-  }));
+  return PAGE_TYPES.map((type) => {
+    const reference = type === "free-form" ? FREE_FORM_REFERENCE : getTypedPageReference(type);
+    return {
+      type,
+      displayName: reference.displayName,
+      summary: reference.summary,
+      helpCommand: `${CLI_BINARY_NAME} help page ${type}`,
+    };
+  });
 }
 
 export function getPageTypeReference(type) {
-  if (type !== "free-form") return undefined;
-  return { ...FREE_FORM_REFERENCE, components: listComponentTypeReferences() };
+  if (type === "free-form") return { ...FREE_FORM_REFERENCE, components: listComponentTypeReferences() };
+  return getTypedPageReference(type);
 }
 
 function schemaLabel(schema) {
@@ -1557,6 +1630,7 @@ export function formatReferenceResult(result) {
     }
     case "page": {
       const page = result.page;
+      if (page.type !== "free-form") return formatTypedPageReference(page);
       const markdownFormat = page.workspace.formats.find((format) => format.extension === ".md");
       const sourceRule = page.workspace.sourceRule;
       return `${page.displayName} (${page.type})\n${page.summary}\n\nWorkspace:\n${

package/src/settings-catalog.js

@@ -125,6 +125,7 @@ export const SETTINGS_GROUPS = Object.freeze([
       // the same as the site behaves.
       { name: "hideLightboxComments", wireType: "boolean" },
       { name: "tiptapImageMaxHeightVh", wireType: "int" },
+      { name: "tiptapImageMaxImagesPerRow", wireType: "int" },
       { name: "tiptapImageBorderWidth", wireType: "int" },
       { name: "albumBorderWidth", wireType: "int" },
       { name: "albumMaxImagesPerRow", wireType: "int" },