create-ailk 0.7.0 → 0.8.0

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/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();
-  });
-});

package/templates/content/en/SoftwareProduct/product.mdx

@@ -1,175 +0,0 @@
----
-type: "SoftwareProduct"
-slug: "product"
-title: "{Your product name}"
-description: "{One sentence on what your product does and who it is for}"
-placeholder: true
-sections:
-  [
-    {
-      "id": "hero",
-      "type": "hero",
-      "data":
-        {
-          "eyebrow": "Product",
-          "headline": "{Your product name}",
-          "subheadline": "{One sentence on what your product does and who it is for}",
-          "primaryCta": { "label": "{Primary CTA}", "href": "/contact" },
-          "secondaryCta":
-            {
-              "label": "{Secondary CTA}",
-              "href": "/pricing",
-              "variant": "outline",
-            },
-        },
-    },
-    {
-      "id": "core-features",
-      "type": "feature",
-      "data":
-        {
-          "variant": "default",
-          "itemStyle": "plain",
-          "eyebrow": "{Section label}",
-          "headline": "{Section heading: the outcome this section promises}",
-          "description": "{Two sentences on what these features let your customers do}",
-          "features":
-            [
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "rocket",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "zap",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "sparkles",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "gauge",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "shield-check",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-            ],
-        },
-    },
-    {
-      "id": "how-it-works",
-      "type": "feature",
-      "data":
-        {
-          "variant": "steps",
-          "numbered": true,
-          "eyebrow": "How it works",
-          "headline": "{Get set up in number easy steps}",
-          "description": "{Summarize the setup process briefly, so it reads as approachable and quick}",
-          "features":
-            [
-              {
-                "title": "{The first thing they do to get the outcome they want}",
-                "description": "{Two sentences on what the customer does in this step and what they get}",
-              },
-              {
-                "title": "{The second thing they do to get the outcome they want}",
-                "description": "{Two sentences on what the customer does in this step and what they get}",
-              },
-              {
-                "title": "{The third thing they do to get the outcome they want}",
-                "description": "{Two sentences on what the customer does in this step and what they get}",
-              },
-            ],
-        },
-    },
-    {
-      "id": "integrations",
-      "type": "cta",
-      "data":
-        {
-          "variant": "minimal",
-          "eyebrow": "Integrations",
-          "headline": "Direct integrations with your favorite tools",
-          "description": "{Describe what these integrations help your customers do, with one impressive fact about how they work}",
-          "primaryCta":
-            {
-              "label": "Get Started",
-              "href": "/contact",
-              "variant": "outline",
-            },
-          "secondaryCta":
-            {
-              "label": "See all Integrations",
-              "href": "#integrations-media",
-              "variant": "link",
-            },
-        },
-    },
-    {
-      "id": "integrations-media",
-      "type": "media-band",
-      "data": { "imagerySlot": true },
-    },
-    {
-      "id": "switch",
-      "type": "cta",
-      "data":
-        {
-          "variant": "box",
-          "headline": "{Switch to your product in time amount or less}",
-          "description": "{You shouldn't have to experience a painful problem. With your product, you can finally achieve a value outcome or get a big improvement.}",
-          "checklist":
-            ["No credit card required", "Cancel any time", "Live chat support"],
-          "imagerySlot": true,
-          "primaryCta": { "label": "{Primary CTA}", "href": "/contact" },
-          "secondaryCta":
-            {
-              "label": "{Secondary CTA}",
-              "href": "/pricing",
-              "variant": "outline",
-            },
-          "closingLine": "{Social Proof goes here}",
-        },
-    },
-  ]
----
-
-{/* Your product's own page, served at /software/product. Its JSON-LD is a WebPage whose main entity is a SoftwareApplication named by this page's title, and the feature titles below become the site's featureList. Placeholder copy — replace every {brace} with your own words before you launch. */}