create-ailk 0.14.0 → 0.16.0

package/templates/apps/web/app/[locale]/(authed)/signed-out-gate.generated.tsx

@@ -0,0 +1,90 @@
+// signed-out-gate.generated.tsx — what the (authed) group shows a signed-out visitor.
+//
+// GENERATED by create-ailk for this site's topology and sign-in mode (#7894).
+// Do not edit: every scaffold rewrites it. A hub renders its own sign-in —
+// the operator gate, or the account area's member gate; a spoke that signs in
+// through its hub (`--hub-sign-in`) renders the hub-session gate.
+import { localeHref } from "@working-theory/ui";
+import { Button, Heading, Link, Text } from "@working-theory/ui/primitives";
+import type { AuthPanelProvider } from "@working-theory/ui/sections";
+import { readLocales } from "@working-theory/web-i18n";
+import { getTranslations } from "next-intl/server";
+import type { ReactElement } from "react";
+
+import { resolveSignInCardText } from "../(auth)/sign-in/sign-in-text";
+import { getActiveProviderIds } from "../../../lib/auth-env";
+import { isAccountPath } from "../../../lib/auth-routes";
+
+import { SignInGate } from "./sign-in-gate";
+
+const SUPPORTED_PROVIDERS: readonly AuthPanelProvider[] = ["google", "github"];
+
+export interface SignedOutGateProps {
+  locale: string;
+  /** The incoming request's headers (`x-pathname` names the requested page). */
+  requestHeaders: Headers;
+}
+
+export async function SignedOutGate({
+  locale,
+  requestHeaders,
+}: SignedOutGateProps): Promise<ReactElement> {
+  // No `x-pathname`, no locale read: a render outside the middleware keeps
+  // the operator gate without touching the locale config.
+  const pathname = requestHeaders.get("x-pathname");
+  const isAccount =
+    pathname !== null && isAccountPath(pathname, readLocales());
+  const t = await getTranslations({
+    locale,
+    namespace: isAccount ? "account.gate" : "waitlistDashboard.gate",
+  });
+  const active = getActiveProviderIds();
+  const emailLink = active.includes("magic-link")
+    ? { text: await resolveSignInCardText(locale) }
+    : undefined;
+  const providers = active.filter((id): id is AuthPanelProvider =>
+    (SUPPORTED_PROVIDERS as readonly string[]).includes(id),
+  );
+  const signInPath = localeHref(locale, "/sign-in");
+
+  if (isAccount && providers.length === 0 && !emailLink) {
+    return (
+      <div
+        className="flex min-h-screen flex-col items-center justify-center gap-4 py-section text-center"
+        data-testid="account-sign-in-gate"
+      >
+        <Heading level={1} visual={4}>
+          {t("emptyHeadline")}
+        </Heading>
+        <Text variant="body-sm" tone="muted" className="max-w-xs">
+          {t("emptyDescription")}
+        </Text>
+        {/* With no sign-in method on, /sign-in has nothing for a member
+            either, so the one action goes back to the site. Outline
+            action, 44px on a phone and 36px from md up. */}
+        <Button asChild variant="secondary" className="max-md:min-h-11">
+          <Link
+            href={localeHref(locale, "/")}
+            variant="bare"
+            data-testid="account-sign-in-gate-home"
+          >
+            {t("homeLink")}
+          </Link>
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <SignInGate
+      labels={{
+        emptyHeadline: t("emptyHeadline"),
+        emptyDescription: t("emptyDescription"),
+        signInLinkLabel: t("signInLink"),
+      }}
+      signInPath={signInPath}
+      providers={providers}
+      {...(emailLink ? { emailLink } : {})}
+    />
+  );
+}

package/templates/apps/web/app/[locale]/[slug]/[detail]/__tests__/page.test.tsx

@@ -51,6 +51,9 @@ jest.mock("../../../../../lib/paid-sections.generated", () => {
 });
 
 jest.mock("@working-theory/ui", () => ({
+  // #7789: renderPage's fallback page head renders inside the section Container.
+  Container: ({ children }: { children?: React.ReactNode }) =>
+    React.createElement("div", null, children),
   // #7521 — the rest of the real barrel, so the listing extension finds
   // `localeHref`; the two below still override.
   ...jest.requireActual("@working-theory/ui"),

package/templates/apps/web/app/[locale]/[slug]/__tests__/page.test.tsx

@@ -24,6 +24,9 @@ jest.mock("next/navigation", () => ({
 }));
 
 jest.mock("@working-theory/ui", () => ({
+  // #7789: renderPage's fallback page head renders inside the section Container.
+  Container: ({ children }: { children?: React.ReactNode }) =>
+    React.createElement("div", null, children),
   Heading: ({
     children,
     level,

package/templates/apps/web/app/[locale]/contact/__tests__/page-renderer-migration.test.tsx

@@ -19,6 +19,9 @@ import { render, screen } from "@testing-library/react";
 
 // ── @working-theory/ui mock ─────────────────────────────────────────────────
 jest.mock("@working-theory/ui", () => ({
+  // #7789: renderPage's fallback page head renders inside the section Container.
+  Container: ({ children }: { children?: React.ReactNode }) =>
+    React.createElement("div", null, children),
   // #4446/#4447: renderPage's own fallback/empty-state title composes Heading.
   Heading: ({
     children,
@@ -63,14 +66,22 @@ jest.mock("@working-theory/ui", () => ({
         "data-fallback-email": props.fallbackEmail ?? "",
         "data-terms-href": props.termsHref,
       },
-      React.createElement("button", { "data-testid": "contact-submit" }, props.submitLabel ?? "Send"),
+      React.createElement(
+        "button",
+        { "data-testid": "contact-submit" },
+        props.submitLabel ?? "Send",
+      ),
     ),
   ContactFallback: (props: { email?: string; text?: { noEmail?: string } }) =>
     React.createElement(
       "div",
       { "data-testid": "contact-fallback" },
       props.email
-        ? React.createElement("a", { href: `mailto:${props.email}` }, props.email)
+        ? React.createElement(
+            "a",
+            { href: `mailto:${props.email}` },
+            props.email,
+          )
         : props.text?.noEmail,
     ),
 }));
@@ -111,8 +122,16 @@ import { readSiteContactEmail } from "../site-contact-email";
 const mockCaptureStatus = leads.captureStatus as jest.Mock;
 const mockContactEmail = readSiteContactEmail as jest.Mock;
 
-const ACCEPTING = { ok: true, status: 200, body: { ok: true, data: { contact: true, newsletter: false } } };
-const REFUSING = { ok: true, status: 200, body: { ok: true, data: { contact: false, newsletter: false } } };
+const ACCEPTING = {
+  ok: true,
+  status: 200,
+  body: { ok: true, data: { contact: true, newsletter: false } },
+};
+const REFUSING = {
+  ok: true,
+  status: 200,
+  body: { ok: true, data: { contact: false, newsletter: false } },
+};
 
 const source = {
   frontmatter: {
@@ -124,7 +143,11 @@ const source = {
   body: "",
 };
 
-const splitHero = { id: "hero", type: "hero", data: { variant: "split", headline: "Hi" } };
+const splitHero = {
+  id: "hero",
+  type: "hero",
+  data: { variant: "split", headline: "Hi" },
+};
 const contactFormSection = {
   id: "contact-form",
   type: "contact-form",
@@ -140,7 +163,9 @@ const contactFormSection = {
 async function renderWith(sections: unknown[] | null) {
   const element = await ContactPage({
     params: Promise.resolve({ locale: "en" }),
-    getMdxSource: jest.fn().mockResolvedValue(sections === null ? null : source),
+    getMdxSource: jest
+      .fn()
+      .mockResolvedValue(sections === null ? null : source),
     getPageSections: jest.fn().mockResolvedValue(sections ?? []),
   });
   return render(element);
@@ -163,7 +188,7 @@ describe("ContactPage — snapshot regression", () => {
   it("populated state renders deterministic HTML (renderPage sections + the form after it)", async () => {
     const { container } = await renderWith([]);
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"ContactPage","inLanguage":"en","name":"Contact Us","description":"Get in touch.","mainEntity":{"@type":"ContactPoint","contactType":"customer support"}}</script><main id="main"><h1>Contact Us</h1><p data-testid="contact-description">Get in touch.</p><div data-testid="section-renderer" data-section-count="0"></div></main><div data-testid="lead-capture-form" data-fields="" data-fallback-email="" data-terms-href="/en/terms"><button data-testid="contact-submit">Send</button></div>"`,
+      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"ContactPage","inLanguage":"en","name":"Contact Us","description":"Get in touch.","mainEntity":{"@type":"ContactPoint","contactType":"customer support"}}</script><main id="main"><div><h1>Contact Us</h1><p data-testid="contact-description" class="mt-block-tight text-lead">Get in touch.</p></div><div data-testid="section-renderer" data-section-count="0"></div></main><div data-testid="lead-capture-form" data-fields="" data-fallback-email="" data-terms-href="/en/terms"><button data-testid="contact-submit">Send</button></div>"`,
     );
   });
 });
@@ -184,7 +209,9 @@ describe("ContactPage — placement (#6730 D8)", () => {
     const { container } = await renderWith([splitHero]);
 
     expect(
-      container.querySelector("[data-section-id='hero'] [data-testid='lead-capture-form']"),
+      container.querySelector(
+        "[data-section-id='hero'] [data-testid='lead-capture-form']",
+      ),
     ).not.toBeNull();
     expect(screen.getAllByTestId("lead-capture-form")).toHaveLength(1);
   });
@@ -194,7 +221,9 @@ describe("ContactPage — placement (#6730 D8)", () => {
       { id: "faq", type: "faq", data: { items: [] } },
     ]);
 
-    expect(container.querySelector("main [data-testid='lead-capture-form']")).toBeNull();
+    expect(
+      container.querySelector("main [data-testid='lead-capture-form']"),
+    ).toBeNull();
     expect(screen.getAllByTestId("lead-capture-form")).toHaveLength(1);
   });
 
@@ -216,7 +245,9 @@ describe("ContactPage — no lead destination (#6730 D8)", () => {
     await renderWith([]);
 
     const fallback = screen.getByTestId("contact-fallback");
-    expect(fallback.querySelector("a[href='mailto:hi@example.com']")).not.toBeNull();
+    expect(
+      fallback.querySelector("a[href='mailto:hi@example.com']"),
+    ).not.toBeNull();
     expect(screen.queryByTestId("contact-submit")).toBeNull();
     expect(screen.queryByTestId("lead-capture-form")).toBeNull();
   });
@@ -239,14 +270,35 @@ describe("ContactPage — no lead destination (#6730 D8)", () => {
     const { container } = await renderWith([contactFormSection]);
 
     expect(
-      container.querySelector("[data-section-id='contact-form'] [data-testid='contact-fallback']"),
+      container.querySelector(
+        "[data-section-id='contact-form'] [data-testid='contact-fallback']",
+      ),
     ).not.toBeNull();
   });
 
   it.each([
-    ["rejects (unreachable API)", () => mockCaptureStatus.mockRejectedValue(new Error("ECONNREFUSED"))],
-    ["404 (older API)", () => mockCaptureStatus.mockResolvedValue({ ok: false, status: 404, body: {} })],
-    ["5xx", () => mockCaptureStatus.mockResolvedValue({ ok: false, status: 503, body: {} })],
+    [
+      "rejects (unreachable API)",
+      () => mockCaptureStatus.mockRejectedValue(new Error("ECONNREFUSED")),
+    ],
+    [
+      "404 (older API)",
+      () =>
+        mockCaptureStatus.mockResolvedValue({
+          ok: false,
+          status: 404,
+          body: {},
+        }),
+    ],
+    [
+      "5xx",
+      () =>
+        mockCaptureStatus.mockResolvedValue({
+          ok: false,
+          status: 503,
+          body: {},
+        }),
+    ],
   ])("status %s → the form renders", async (_label, arrange) => {
     arrange();
 

package/templates/apps/web/app/[locale]/contact/__tests__/site-contact-lines.test.ts

@@ -1,6 +1,8 @@
 /**
  * `readSiteContactLines` (#7742 D4 / AC-1) — the closing slide's contact
- * lines, read from a fixture `_site.mdx` through `AILK_CONTENT_ROOT`.
+ * lines, read from a fixture `_site.mdx` through `AILK_CONTENT_ROOT`. The
+ * locality line is read through the typed `SiteIdentitySchema` (#7824), so
+ * the fixtures declare complete, valid identities.
  */
 import { mkdtempSync, rmSync, writeFileSync } from "node:fs";
 import { tmpdir } from "node:os";
@@ -26,6 +28,18 @@ function writeSite(frontmatter: string): void {
   writeFileSync(join(root, "_site.mdx"), `---\n${frontmatter}\n---\n`);
 }
 
+/** A complete PostalAddress, with the locality and region under test. */
+function addressYaml(indent: string, locality: string, region: string): string[] {
+  return [
+    `${indent}address:`,
+    `${indent}  streetAddress: 1 Main St`,
+    `${indent}  addressLocality: ${locality}`,
+    `${indent}  addressRegion: ${region}`,
+    `${indent}  postalCode: '94105'`,
+    `${indent}  addressCountry: US`,
+  ];
+}
+
 describe("readSiteContactLines (#7742 D4)", () => {
   it("a LocalBusiness with an email gives its locality, then the mailto line", () => {
     writeSite(
@@ -34,13 +48,10 @@ describe("readSiteContactLines (#7742 D4)", () => {
         "siteIdentity:",
         "  kind: LocalBusiness",
         "  name: Acme",
+        "  url: https://acme.test",
+        "  telephone: '+14155550100'",
         "  email: hello@acme.test",
-        "  address:",
-        "    streetAddress: 1 Main St",
-        "    addressLocality: San Francisco",
-        "    addressRegion: CA",
-        "    postalCode: '94105'",
-        "    addressCountry: US",
+        ...addressYaml("  ", "San Francisco", "CA"),
       ].join("\n"),
     );
     expect(readSiteContactLines()).toEqual([
@@ -49,17 +60,100 @@ describe("readSiteContactLines (#7742 D4)", () => {
     ]);
   });
 
+  it("a Person that declares an address gives its locality line (#7791, #7824)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "contactEmail: wendi@acme.test",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+        ...addressYaml("  ", "Denver", "CO"),
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([
+      { label: "Denver, CO" },
+      { label: "wendi@acme.test", href: "mailto:wendi@acme.test" },
+    ]);
+  });
+
+  it("a Person's homeLocation.address is not read — the schema accepts only `address` (#7824)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+        "  homeLocation:",
+        ...addressYaml("    ", "Denver", "CO"),
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
+  it("a Person address that fails the PostalAddress schema gives no locality line (#7824)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+        "  address:",
+        "    addressLocality: Denver",
+        "    addressRegion: CO",
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
+  it("a Person with no address gives no locality line (#7791)", () => {
+    writeSite(
+      [
+        "siteName: Wendi Henry",
+        "siteIdentity:",
+        "  kind: Person",
+        "  name: Wendi Henry",
+        "  url: https://wendi.test",
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
+  it("an Organization never gives a locality line, even with an address (#7791 sibling kinds)", () => {
+    writeSite(
+      [
+        "siteName: Acme",
+        "siteIdentity:",
+        "  kind: Organization",
+        "  name: Acme",
+        "  url: https://acme.test",
+        ...addressYaml("  ", "Denver", "CO"),
+      ].join("\n"),
+    );
+    expect(readSiteContactLines()).toEqual([]);
+  });
+
   it("an Organization with contactEmail gives one line", () => {
     writeSite(
-      ["siteName: Acme", "contactEmail: team@acme.test", "siteIdentity:", "  kind: Organization", "  name: Acme"].join(
-        "\n",
-      ),
+      [
+        "siteName: Acme",
+        "contactEmail: team@acme.test",
+        "siteIdentity:",
+        "  kind: Organization",
+        "  name: Acme",
+        "  url: https://acme.test",
+      ].join("\n"),
     );
     expect(readSiteContactLines()).toEqual([{ label: "team@acme.test", href: "mailto:team@acme.test" }]);
   });
 
   it("neither gives no lines", () => {
-    writeSite(["siteName: Acme", "siteIdentity:", "  kind: Organization", "  name: Acme"].join("\n"));
+    writeSite(
+      ["siteName: Acme", "siteIdentity:", "  kind: Organization", "  name: Acme", "  url: https://acme.test"].join("\n"),
+    );
     expect(readSiteContactLines()).toEqual([]);
   });
 

package/templates/apps/web/app/[locale]/contact/site-contact-lines.ts

@@ -1,10 +1,12 @@
 /**
  * The deck's closing-slide contact lines (#7742 D4,
  * docs/specs/7742-minimalism-b4-chrome-and-system-spec.md), from data the site
- * already publishes — no schema change:
+ * already publishes:
  *
- *   1. a `LocalBusiness` identity's `address.addressLocality` and
- *      `address.addressRegion`, joined by ", " ("San Francisco, CA");
+ *   1. a `LocalBusiness` or `Person` identity's `address.addressLocality`
+ *      and `address.addressRegion`, joined by ", " ("San Francisco, CA") —
+ *      read through the typed `SiteIdentitySchema` (#7824), so an invalid
+ *      identity or address gives no line rather than a half-trusted one;
  *   2. the published contact email (`readSiteContactEmail`, the address
  *      `/contact` shows), as a `mailto:` link.
  *
@@ -17,6 +19,7 @@
 import { readFileSync } from "node:fs";
 import { join } from "node:path";
 
+import { SiteIdentitySchema } from "@working-theory/site-config/schema";
 import { parse as parseYaml } from "yaml";
 
 import { resolveContentRoot } from "../../../lib/site-brand";
@@ -34,17 +37,18 @@ function nonEmpty(value: unknown): string | undefined {
   return typeof value === "string" && value.trim().length > 0 ? value.trim() : undefined;
 }
 
-/** The LocalBusiness locality line, or `undefined` for any other identity. */
+/** The locality line of a LocalBusiness or Person identity, or `undefined`. */
 function readLocalityLine(): string | undefined {
   const raw = readFileSync(join(resolveContentRoot(), "_site.mdx"), "utf8");
   const match = FRONTMATTER_RE.exec(raw);
   if (!match) return undefined;
   const fm: unknown = parseYaml(match[1] ?? "");
   if (!fm || typeof fm !== "object") return undefined;
-  const identity = (fm as { siteIdentity?: { kind?: unknown; address?: unknown } }).siteIdentity;
-  if (identity?.kind !== "LocalBusiness") return undefined;
-  const address = identity.address as { addressLocality?: unknown; addressRegion?: unknown } | undefined;
-  const parts = [nonEmpty(address?.addressLocality), nonEmpty(address?.addressRegion)].filter(
+  const parsed = SiteIdentitySchema.safeParse((fm as { siteIdentity?: unknown }).siteIdentity);
+  if (!parsed.success) return undefined;
+  const identity = parsed.data;
+  if (identity.kind !== "LocalBusiness" && identity.kind !== "Person") return undefined;
+  const parts = [nonEmpty(identity.address?.addressLocality), nonEmpty(identity.address?.addressRegion)].filter(
     (part): part is string => part !== undefined,
   );
   return parts.length > 0 ? parts.join(", ") : undefined;