create-ailk 0.7.0 → 0.9.0

package/site-templates/simple-service/content/en/ContactPage/contact.mdx

@@ -1,32 +0,0 @@
----
-type: "ContactPage"
-slug: "contact"
-title: "Contact"
-description: "One form, three fields, an inline confirmation. Placeholder copy — replace before you launch."
-sections:
-  [
-    {
-      "id": "hero",
-      "type": "hero",
-      "data":
-        {
-          "variant": "centered",
-          "eyebrow": "Contact",
-          "headline": "Tell us about the yard",
-          "subheadline": "{One line on what happens after you send this, and how long it takes. If a call is faster, say so.}",
-        },
-    },
-    {
-      "id": "closing",
-      "type": "cta",
-      "data":
-        {
-          "variant": "minimal",
-          "headline": "Would a visit be faster?",
-          "primaryCta": { "label": "Book a visit →", "href": "/meet" },
-        },
-    },
-  ]
----
-
-The /contact route mounts the page's one contact surface — the guided intake, with its fallback form — which posts to the site's own API (`/v1/leads/submit`) and confirms inline. Placeholder copy.

package/site-templates/simple-service/content/en/FAQPage/faq.mdx

@@ -1,56 +0,0 @@
----
-type: "FAQPage"
-slug: "faq"
-title: "FAQ"
-description: "The questions people ask before they book. Placeholder copy — replace every answer before you launch."
-sections:
-  [
-    {
-      "id": "faq",
-      "type": "faq",
-      "data":
-        {
-          "headline": "Questions",
-          "variant": "centered",
-          "initialOpen": "first",
-          "items":
-            [
-              {
-                "question": "{Which areas do you cover?}",
-                "answer": "{Name the towns, the radius or the postcodes. A reader outside them should know it here.}",
-              },
-              {
-                "question": "{How often do you visit?}",
-                "answer": "{Give the real cadence for the recurring job, and say what happens in winter.}",
-              },
-              {
-                "question": "{What does it cost?}",
-                "answer": "{The three service pages carry the prices. Say here what moves them — yard size, access, waste removal.}",
-              },
-              {
-                "question": "{How do I pay?}",
-                "answer": "{Say when payment is taken and how. Checkout runs on your own Stripe account; the card details never touch this site.}",
-              },
-              {
-                "question": "{What if I need to cancel?}",
-                "answer": "{Point at the cancellation policy and give the notice period in one line.}",
-              },
-            ],
-          "supportLink":
-            { "label": "Still stuck? Get in touch", "href": "/contact" },
-        },
-    },
-    {
-      "id": "closing",
-      "type": "cta",
-      "data":
-        {
-          "variant": "minimal",
-          "headline": "Still have a question?",
-          "primaryCta": { "label": "Contact us →", "href": "/contact" },
-        },
-    },
-  ]
----
-
-Placeholder copy. Replace every answer before you launch.

package/site-templates/simple-service/content/en/HomePage/home.mdx

@@ -1,85 +0,0 @@
----
-type: "HomePage"
-slug: "home"
-title: "Your Company"
-description: "Placeholder home for the simple-service template — a lawn-care site that books a visit and takes the payment. Replace every line before you launch."
-sections:
-  [
-    {
-      "id": "hero",
-      "type": "hero",
-      "data":
-        {
-          "variant": "centered",
-          "eyebrow": "{Your service area}",
-          "headline": "{Lawn care that turns up when it says it will}",
-          "subheadline": "{One line on who you serve and what they get. Name the street, the town or the county — a local reader is looking for their own.}",
-          "primaryCta": { "label": "Book a visit →", "href": "/meet" },
-          "secondaryCta":
-            {
-              "label": "See services",
-              "href": "/services",
-              "variant": "outline",
-            },
-        },
-    },
-    {
-      "id": "services",
-      "type": "items",
-      "data":
-        {
-          "headline": "What we do",
-          "columns": 3,
-          "items":
-            [
-              {
-                "title": "{Lawn maintenance}",
-                "description": "{One line on the recurring visit — what it includes and how often it runs.}",
-                "link":
-                  {
-                    "label": "Read more",
-                    "href": "/services/lawn-maintenance",
-                  },
-              },
-              {
-                "title": "{Seasonal cleanup}",
-                "description": "{One line on the spring and autumn clear-down.}",
-                "link":
-                  {
-                    "label": "Read more",
-                    "href": "/services/seasonal-cleanup",
-                  },
-              },
-              {
-                "title": "{Landscape design}",
-                "description": "{One line on the design-and-plant job, and what a customer ends up with.}",
-                "link":
-                  {
-                    "label": "Read more",
-                    "href": "/services/landscape-design",
-                  },
-              },
-            ],
-        },
-    },
-    {
-      "id": "closing",
-      "type": "cta",
-      "data":
-        {
-          "variant": "minimal",
-          "headline": "Ready for a tidier yard?",
-          "description": "{One line inviting the reader to pick a time rather than fill in a form.}",
-          "primaryCta": { "label": "Book a visit →", "href": "/meet" },
-          "secondaryCta":
-            {
-              "label": "Ask a question",
-              "href": "/contact",
-              "variant": "outline",
-            },
-        },
-    },
-  ]
----
-
-Placeholder copy. Every headline, every line of body copy and every price on this site is a placeholder — replace them before you launch.

package/site-templates/simple-service/content/en/Service/landscape-design.mdx

@@ -1,40 +0,0 @@
----
-type: "Service"
-slug: "landscape-design"
-title: "{Landscape design}"
-description: "{One line on what this job is and who it suits. Replace before you launch.}"
-price: 1250
-priceCurrency: "USD"
-provider:
-  name: "{Your Company}"
-schema:
-  serviceType: "{Landscape design}"
-  areaServed: "{Your service area}"
----
-
-# \{Landscape design\}
-
-\{Open with the situation a reader is in when they come looking for this. Two or
-three sentences, no more — the detail belongs under the headings below.\}
-
-## What it covers
-
-- \{The first thing you actually do\}
-- \{The second thing you actually do\}
-- \{The third thing you actually do\}
-
-## How it runs
-
-\{One paragraph on the shape of the visit: how it is scheduled, how long it
-takes, who turns up, and what you need from the customer beforehand.\}
-
-## What you end up with
-
-\{One paragraph on the result. Be concrete — describe the yard when the crew
-drives away.\}
-
-## What it costs
-
-\{The price in this page's frontmatter is a PLACEHOLDER. It is what the site
-publishes as a schema.org `Offer`, so an agent reading this page quotes it —
-replace it with your real number before you launch.\}

package/site-templates/simple-service/content/en/Service/lawn-maintenance.mdx

@@ -1,40 +0,0 @@
----
-type: "Service"
-slug: "lawn-maintenance"
-title: "{Lawn maintenance}"
-description: "{One line on what this job is and who it suits. Replace before you launch.}"
-price: 149
-priceCurrency: "USD"
-provider:
-  name: "{Your Company}"
-schema:
-  serviceType: "{Lawn maintenance}"
-  areaServed: "{Your service area}"
----
-
-# \{Lawn maintenance\}
-
-\{Open with the situation a reader is in when they come looking for this. Two or
-three sentences, no more — the detail belongs under the headings below.\}
-
-## What it covers
-
-- \{The first thing you actually do\}
-- \{The second thing you actually do\}
-- \{The third thing you actually do\}
-
-## How it runs
-
-\{One paragraph on the shape of the visit: how it is scheduled, how long it
-takes, who turns up, and what you need from the customer beforehand.\}
-
-## What you end up with
-
-\{One paragraph on the result. Be concrete — describe the yard when the crew
-drives away.\}
-
-## What it costs
-
-\{The price in this page's frontmatter is a PLACEHOLDER. It is what the site
-publishes as a schema.org `Offer`, so an agent reading this page quotes it —
-replace it with your real number before you launch.\}

package/site-templates/simple-service/content/en/Service/seasonal-cleanup.mdx

@@ -1,40 +0,0 @@
----
-type: "Service"
-slug: "seasonal-cleanup"
-title: "{Seasonal cleanup}"
-description: "{One line on what this job is and who it suits. Replace before you launch.}"
-price: 289
-priceCurrency: "USD"
-provider:
-  name: "{Your Company}"
-schema:
-  serviceType: "{Seasonal cleanup}"
-  areaServed: "{Your service area}"
----
-
-# \{Seasonal cleanup\}
-
-\{Open with the situation a reader is in when they come looking for this. Two or
-three sentences, no more — the detail belongs under the headings below.\}
-
-## What it covers
-
-- \{The first thing you actually do\}
-- \{The second thing you actually do\}
-- \{The third thing you actually do\}
-
-## How it runs
-
-\{One paragraph on the shape of the visit: how it is scheduled, how long it
-takes, who turns up, and what you need from the customer beforehand.\}
-
-## What you end up with
-
-\{One paragraph on the result. Be concrete — describe the yard when the crew
-drives away.\}
-
-## What it costs
-
-\{The price in this page's frontmatter is a PLACEHOLDER. It is what the site
-publishes as a schema.org `Offer`, so an agent reading this page quotes it —
-replace it with your real number before you launch.\}

package/site-templates/simple-service/provenance.json

@@ -1,4 +0,0 @@
-{
-  "template": "simple-service",
-  "requires": ["marketing", "scheduling", "commerce"]
-}

package/templates/.claude/skills/add-page/templates/route.tsx.tmpl

@@ -1,28 +0,0 @@
-// Emitted by `add-page` at `app/{{SLUG}}/page.tsx`. Substitutions:
-//   {{SLUG}}     — page slug (e.g., "pricing")
-//   {{TYPE}}     — schema.org @type (e.g., "Service")
-//   {{BUILDER}}  — typed builder name (e.g., "buildService")
-//   {{TITLE}}    — page title (e.g., "Pricing")
-import { notFound } from "next/navigation";
-
-import { JsonLd } from "@working-theory/jsonld";
-import { {{BUILDER}} } from "@working-theory/schema";
-import { mdxAdapter } from "@/lib/content";
-
-export default async function {{TYPE}}Page() {
-  const page = await mdxAdapter.getPage("{{SLUG}}");
-  if (!page) return notFound();
-
-  const schema = {{BUILDER}}(page);
-
-  return (
-    <main className="mx-auto max-w-3xl px-6 py-12">
-      <JsonLd schema={schema} />
-      <article className="prose dark:prose-invert">
-        <h1>{page.title}</h1>
-        {page.description ? <p className="lead">{page.description}</p> : null}
-        {/* Render MDX body via your project's MDX renderer of choice. */}
-      </article>
-    </main>
-  );
-}

package/templates/apps/web/app/[locale]/contact/ContactForm.tsx

@@ -1,211 +0,0 @@
-"use client";
-
-/**
- * ContactForm — client component that wires the contact form to
- * captureLeadAction via useFormState.
- *
- * Validation errors render inline next to each field.
- * Success shows a confirmation message.
- * Server errors show a generic fallback message.
- *
- * Honeypot + rate-limit enforcement lives in apps/api; no duplication here.
- *
- * `initialValues` (#4534, epic #4521's integration leg): optional prefill
- * for name/email/message, set via `defaultValue` (the fields stay
- * uncontrolled — unchanged for the no-prop call site). Lets
- * `ConversationalIntakeWrapper` carry over whatever the visitor already
- * typed into the conversation before Skip (or a failed auto-submit)
- * dropped them here, instead of asking them to retype it.
- *
- * Consent (#6466): a real checkbox named by a `ConsentStatement` whose
- * "Terms" links to the locale-aware `/terms` route. It starts unticked and
- * the submit button stays disabled until it is ticked — the form is
- * `noValidate`, so `required` alone would gate nothing. The statement is
- * wired by `aria-labelledby`, never a wrapping `<label>`, so clicking the
- * link follows it instead of toggling the box (the ConsentGroup rule).
- *
- * Composition (#6514): every control and message is a `@working-theory/ui`
- * primitive — `Label`/`Input`/`Textarea` for the fields, `Alert` for the
- * success and form-level error, `InlineMessage` for the per-field messages
- * (its `error` variant carries `role="alert"`), `Button` for submit. The honeypot hides behind
- * the `hidden` attribute on its wrapper rather than an inline style object.
- */
-
-import {
-  Alert,
-  AlertDescription,
-  Button,
-  Checkbox,
-  type CheckboxProps,
-  ConsentStatement,
-  InlineMessage,
-  Input,
-  Label,
-  localeHref,
-  Textarea,
-} from "@working-theory/ui";
-import { useLocale, useTranslations } from "next-intl";
-import { useCallback, useState } from "react";
-import { useFormState, useFormStatus } from "react-dom";
-
-import { captureLeadAction } from "./contact.actions";
-
-export interface ContactFormInitialValues {
-  name?: string;
-  email?: string;
-  message?: string;
-}
-
-type CheckedState = Parameters<NonNullable<CheckboxProps["onCheckedChange"]>>[0];
-
-interface ContactFormProps {
-  initialValues?: ContactFormInitialValues;
-}
-
-function SubmitButton({ disabled }: { disabled: boolean }) {
-  const t = useTranslations("contact");
-  const { pending } = useFormStatus();
-  return (
-    <Button
-      type="submit"
-      disabled={pending || disabled}
-      data-testid="contact-submit"
-    >
-      {pending ? t("sending") : t("sendMessage")}
-    </Button>
-  );
-}
-
-export function ContactForm({ initialValues }: ContactFormProps = {}) {
-  const t = useTranslations("contact");
-  const locale = useLocale();
-  const [state, formAction] = useFormState(captureLeadAction, null);
-  const [consented, setConsented] = useState(false);
-  const handleConsentChange = useCallback((checked: CheckedState) => {
-    setConsented(checked === true);
-  }, []);
-
-  if (state?.kind === "success") {
-    return (
-      <Alert variant="success" data-testid="contact-success">
-        <AlertDescription>{t("successMessage")}</AlertDescription>
-      </Alert>
-    );
-  }
-
-  const fieldErrors = state?.kind === "error" ? (state.fieldErrors ?? {}) : {};
-  const formError =
-    state?.kind === "error" && !state.fieldErrors ? state.message : undefined;
-
-  return (
-    <form action={formAction} noValidate>
-      {formError && (
-        <Alert variant="error" data-testid="contact-form-error">
-          <AlertDescription>{formError}</AlertDescription>
-        </Alert>
-      )}
-
-      {/* Honeypot — hidden from users; bots fill it; API rejects non-empty */}
-      <div hidden>
-        <Input
-          type="text"
-          name="website"
-          tabIndex={-1}
-          aria-hidden="true"
-          data-testid="contact-honeypot"
-        />
-      </div>
-
-      <div>
-        <Label htmlFor="contact-name">{t("nameLabel")}</Label>
-        <Input
-          id="contact-name"
-          name="name"
-          type="text"
-          autoComplete="name"
-          data-testid="contact-name-input"
-          required
-          defaultValue={initialValues?.name}
-          aria-describedby={fieldErrors.name ? "contact-name-error" : undefined}
-        />
-        {fieldErrors.name && (
-          <InlineMessage
-            variant="error"
-            id="contact-name-error"
-            data-testid="contact-name-error"
-          >
-            {fieldErrors.name}
-          </InlineMessage>
-        )}
-      </div>
-
-      <div>
-        <Label htmlFor="contact-email">{t("emailLabel")}</Label>
-        <Input
-          id="contact-email"
-          name="email"
-          type="email"
-          autoComplete="email"
-          data-testid="contact-email-input"
-          required
-          defaultValue={initialValues?.email}
-          aria-describedby={
-            fieldErrors.email ? "contact-email-error" : undefined
-          }
-        />
-        {fieldErrors.email && (
-          <InlineMessage
-            variant="error"
-            id="contact-email-error"
-            data-testid="contact-email-error"
-          >
-            {fieldErrors.email}
-          </InlineMessage>
-        )}
-      </div>
-
-      <div>
-        <Label htmlFor="contact-message">{t("messageLabel")}</Label>
-        <Textarea
-          id="contact-message"
-          name="message"
-          rows={5}
-          data-testid="contact-message-input"
-          defaultValue={initialValues?.message}
-          aria-describedby={
-            fieldErrors.message ? "contact-message-error" : undefined
-          }
-        />
-        {fieldErrors.message && (
-          <InlineMessage
-            variant="error"
-            id="contact-message-error"
-            data-testid="contact-message-error"
-          >
-            {fieldErrors.message}
-          </InlineMessage>
-        )}
-      </div>
-
-      <div className="flex items-start gap-3">
-        <Checkbox
-          id="contact-consent"
-          name="consent"
-          value="true"
-          checked={consented}
-          onCheckedChange={handleConsentChange}
-          aria-labelledby="contact-consent-statement"
-          className="mt-0.5"
-          data-testid="contact-consent"
-        />
-        <ConsentStatement
-          id="contact-consent-statement"
-          statement={t("consentStatement")}
-          policies={{ terms: localeHref(locale, "/terms") }}
-        />
-      </div>
-
-      <SubmitButton disabled={!consented} />
-    </form>
-  );
-}

package/templates/apps/web/app/[locale]/contact/__tests__/ContactForm.test.tsx

@@ -1,96 +0,0 @@
-/**
- * Tests for ContactForm's consent row (#6466, spec AC-2 / AC-3).
- *
- * ContactForm is the only form a /contact visitor can submit — the fallback
- * `ConversationalIntakeWrapper` swaps in on Skip or a failed auto-submit. Its
- * consent line must be a real control: a visible, unticked checkbox named by
- * a statement whose "Terms" is a link, and a submit button that stays
- * disabled until the box is ticked (the form is `noValidate`, so `required`
- * alone would gate nothing).
- *
- * jsdom lacks `useFormState`/`useFormStatus` (see
- * page-renderer-migration.test.tsx), so `react-dom` is extended with inert
- * stand-ins; the outermost network boundary (`@working-theory/api-client`)
- * is mocked so the real server action module loads without a network.
- */
-import { fireEvent, render, screen } from "@testing-library/react";
-import { localeHref } from "@working-theory/ui";
-
-const MESSAGES: Record<string, string> = {
-  consentStatement: "I accept the [Terms](terms).",
-};
-
-jest.mock("next-intl", () => ({
-  useTranslations: () => (key: string) => MESSAGES[key] ?? key,
-  useLocale: () => "en",
-}));
-
-jest.mock("react-dom", () => ({
-  ...jest.requireActual("react-dom"),
-  useFormState: (_action: unknown, initial: unknown) => [initial, jest.fn()],
-  useFormStatus: () => ({ pending: false }),
-}));
-
-jest.mock("@working-theory/api-client", () => ({
-  leads: { submit: jest.fn() },
-}));
-
-import { ContactForm } from "../ContactForm.js";
-
-// jsdom does not implement ResizeObserver — the Radix Checkbox renders a
-// hidden form-bubble input that observes size. Polyfill with a no-op.
-beforeAll(() => {
-  global.ResizeObserver = class ResizeObserver {
-    observe() {}
-    unobserve() {}
-    disconnect() {}
-  };
-});
-
-describe("ContactForm consent row (#6466)", () => {
-  it("renders a visible, unticked checkbox (AC-2 i)", () => {
-    render(<ContactForm />);
-    const checkbox = screen.getByRole("checkbox");
-    expect(checkbox).toBeVisible();
-    expect(checkbox).toHaveAttribute("aria-checked", "false");
-  });
-
-  it("links 'Terms' to the locale-aware /terms route (AC-2 ii)", () => {
-    render(<ContactForm />);
-    const link = screen.getByRole("link", { name: "Terms" });
-    expect(link).toHaveAttribute("href", localeHref("en", "/terms"));
-  });
-
-  it("names the checkbox by the consent statement (AC-2 iii)", () => {
-    render(<ContactForm />);
-    // jsdom's accname pads the inline link with a space ("Terms .").
-    expect(screen.getByRole("checkbox")).toHaveAccessibleName(
-      /^I accept the Terms ?\.$/,
-    );
-  });
-
-  it("clicking the Terms link does not tick the box (AC-2 iv)", () => {
-    render(<ContactForm />);
-    const link = screen.getByRole("link", { name: "Terms" });
-    // A wrapping <label> is what would forward the click to the box.
-    expect(link.closest("label")).toBeNull();
-    link.addEventListener("click", (event) => event.preventDefault());
-    fireEvent.click(link);
-    expect(screen.getByRole("checkbox")).toHaveAttribute(
-      "aria-checked",
-      "false",
-    );
-  });
-
-  it("keeps submit disabled until the box is ticked (AC-3)", () => {
-    render(<ContactForm />);
-    const submit = screen.getByTestId("contact-submit");
-    expect(submit).toBeDisabled();
-    fireEvent.click(screen.getByRole("checkbox"));
-    expect(screen.getByRole("checkbox")).toHaveAttribute(
-      "aria-checked",
-      "true",
-    );
-    expect(submit).toBeEnabled();
-  });
-});