@trypattern/sdk 0.1.8 → 0.1.10

package/dist/publishWire.d.ts

@@ -1,6 +1,8 @@
 import { z } from 'zod';
 import { appTitle } from './appTitle.ts';
 export { appTitle };
+export { ASSERTION_SECONDS, NEXT_PAGE_HEADER, TABLES_READ, assertionKey, signTablesAssertion } from './patternAccess.ts';
+export type { AssertionKey } from './patternAccess.ts';
 export declare const DASHBOARD_URL = "https://onpattern.app";
 export declare const APPS_DOMAIN = "onpattern.app";
 export declare const UPLOAD_LIMIT_BYTES: number;
@@ -18,7 +20,9 @@ export declare const UPLOAD: {
     readonly compatibilityDate: "compatibilityDate";
     readonly sdkVersion: "sdkVersion";
     readonly message: "message";
+    readonly runWorkerFirst: "runWorkerFirst";
 };
+export declare function workerFirstPaths(text: string | undefined): readonly string[];
 export declare const PUBLISH_MESSAGE_LIMIT = 100;
 export declare function publishMessage(text: string): string | null;
 export declare const publishStep: z.ZodEnum<{
@@ -116,6 +120,176 @@ export declare const connection: z.ZodObject<{
     connectedAt: z.ZodString;
 }, z.core.$strip>;
 export type Connection = z.output<typeof connection>;
+export declare const DOMAIN_ENDINGS: readonly ["com", "ca", "co", "org", "net", "app", "dev", "shop"];
+export declare const DOMAIN_PRICE_LIMIT_USD = 30;
+export declare const domainName: z.ZodString;
+export declare const domainChoice: z.ZodObject<{
+    domain: z.ZodString;
+    priceUsd: z.ZodNullable<z.ZodString>;
+    isAvailable: z.ZodBoolean;
+}, z.core.$strip>;
+export type DomainChoice = z.output<typeof domainChoice>;
+export declare const domainSteps: readonly ["register", "address", "sign-in", "reachable"];
+export declare const domainSummary: z.ZodObject<{
+    domain: z.ZodString;
+    priceUsd: z.ZodString;
+    status: z.ZodEnum<{
+        failed: "failed";
+        live: "live";
+        working: "working";
+    }>;
+    step: z.ZodEnum<{
+        address: "address";
+        "sign-in": "sign-in";
+        register: "register";
+        reachable: "reachable";
+    }>;
+    error: z.ZodNullable<z.ZodString>;
+    startedAt: z.ZodString;
+    checkedAt: z.ZodNullable<z.ZodString>;
+    finishedAt: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export type DomainSummary = z.output<typeof domainSummary>;
+export declare const mailboxSummary: z.ZodObject<{
+    address: z.ZodString;
+    destination: z.ZodString;
+    status: z.ZodEnum<{
+        failed: "failed";
+        ready: "ready";
+        verifying: "verifying";
+    }>;
+    error: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export type MailboxSummary = z.output<typeof mailboxSummary>;
+export declare const mailboxLocalPart: z.ZodString;
+export declare const DATABASE_PAGE_ROWS = 100;
+export declare const databaseTable: z.ZodObject<{
+    name: z.ZodString;
+    schema: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+    access: z.ZodObject<{
+        read: z.ZodEnum<{
+            anyone: "anyone";
+            signedIn: "signedIn";
+            owner: "owner";
+            admin: "admin";
+            server: "server";
+        }>;
+        create: z.ZodEnum<{
+            anyone: "anyone";
+            signedIn: "signedIn";
+            owner: "owner";
+            admin: "admin";
+            server: "server";
+        }>;
+        update: z.ZodEnum<{
+            anyone: "anyone";
+            signedIn: "signedIn";
+            owner: "owner";
+            admin: "admin";
+            server: "server";
+        }>;
+        delete: z.ZodEnum<{
+            anyone: "anyone";
+            signedIn: "signedIn";
+            owner: "owner";
+            admin: "admin";
+            server: "server";
+        }>;
+    }, z.core.$strip>;
+    public: z.ZodArray<z.ZodString>;
+    rowCount: z.ZodNumber;
+    isBuiltIn: z.ZodBoolean;
+}, z.core.$strip>;
+export type DatabaseTable = z.output<typeof databaseTable>;
+export declare const appSchema: z.ZodObject<{
+    tables: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        schema: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+        access: z.ZodObject<{
+            read: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+            create: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+            update: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+            delete: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+        }, z.core.$strip>;
+        public: z.ZodArray<z.ZodString>;
+        rowCount: z.ZodNumber;
+        isBuiltIn: z.ZodBoolean;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const databaseSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    status: z.ZodLiteral<"ready">;
+    tables: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        schema: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+        access: z.ZodObject<{
+            read: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+            create: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+            update: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+            delete: z.ZodEnum<{
+                anyone: "anyone";
+                signedIn: "signedIn";
+                owner: "owner";
+                admin: "admin";
+                server: "server";
+            }>;
+        }, z.core.$strip>;
+        public: z.ZodArray<z.ZodString>;
+        rowCount: z.ZodNumber;
+        isBuiltIn: z.ZodBoolean;
+    }, z.core.$strip>>;
+}, z.core.$strip>, z.ZodObject<{
+    status: z.ZodLiteral<"outdated">;
+}, z.core.$strip>], "status">;
+export type DatabaseSchema = z.output<typeof databaseSchema>;
+export declare const databaseRow: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+export type DatabaseRow = z.output<typeof databaseRow>;
+export declare const databaseRows: z.ZodObject<{
+    rows: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    next: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export type DatabaseRows = z.output<typeof databaseRows>;
 export declare const publishServices: {
     readonly apps: {
         readonly list: NoInfer<import("./services.ts").ServiceCall<"/apps", {}, z.ZodArray<z.ZodObject<{
@@ -295,6 +469,150 @@ export declare const publishServices: {
             ok: z.ZodBoolean;
         }, z.core.$strip>>>;
     };
+    readonly domains: {
+        readonly search: NoInfer<import("./services.ts").ServiceCall<"/domains", {
+            query: z.ZodString;
+        }, z.ZodArray<z.ZodObject<{
+            domain: z.ZodString;
+            priceUsd: z.ZodNullable<z.ZodString>;
+            isAvailable: z.ZodBoolean;
+        }, z.core.$strip>>>>;
+        readonly read: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/domain", {}, z.ZodNullable<z.ZodObject<{
+            domain: z.ZodString;
+            priceUsd: z.ZodString;
+            status: z.ZodEnum<{
+                failed: "failed";
+                live: "live";
+                working: "working";
+            }>;
+            step: z.ZodEnum<{
+                address: "address";
+                "sign-in": "sign-in";
+                register: "register";
+                reachable: "reachable";
+            }>;
+            error: z.ZodNullable<z.ZodString>;
+            startedAt: z.ZodString;
+            checkedAt: z.ZodNullable<z.ZodString>;
+            finishedAt: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>>>;
+        readonly buy: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/domain", {
+            domain: z.ZodString;
+            priceUsd: z.ZodString;
+        }, z.ZodObject<{
+            domain: z.ZodString;
+            priceUsd: z.ZodString;
+            status: z.ZodEnum<{
+                failed: "failed";
+                live: "live";
+                working: "working";
+            }>;
+            step: z.ZodEnum<{
+                address: "address";
+                "sign-in": "sign-in";
+                register: "register";
+                reachable: "reachable";
+            }>;
+            error: z.ZodNullable<z.ZodString>;
+            startedAt: z.ZodString;
+            checkedAt: z.ZodNullable<z.ZodString>;
+            finishedAt: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>>;
+        readonly retry: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/domain/retry", {}, z.ZodObject<{
+            domain: z.ZodString;
+            priceUsd: z.ZodString;
+            status: z.ZodEnum<{
+                failed: "failed";
+                live: "live";
+                working: "working";
+            }>;
+            step: z.ZodEnum<{
+                address: "address";
+                "sign-in": "sign-in";
+                register: "register";
+                reachable: "reachable";
+            }>;
+            error: z.ZodNullable<z.ZodString>;
+            startedAt: z.ZodString;
+            checkedAt: z.ZodNullable<z.ZodString>;
+            finishedAt: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>>;
+    };
+    readonly mailboxes: {
+        readonly read: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/mailbox", {}, z.ZodNullable<z.ZodObject<{
+            address: z.ZodString;
+            destination: z.ZodString;
+            status: z.ZodEnum<{
+                failed: "failed";
+                ready: "ready";
+                verifying: "verifying";
+            }>;
+            error: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>>>;
+        readonly create: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/mailbox", {
+            localPart: z.ZodString;
+            destination: z.ZodEmail;
+        }, z.ZodObject<{
+            address: z.ZodString;
+            destination: z.ZodString;
+            status: z.ZodEnum<{
+                failed: "failed";
+                ready: "ready";
+                verifying: "verifying";
+            }>;
+            error: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>>;
+    };
+    readonly database: {
+        readonly schema: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/database", {}, z.ZodDiscriminatedUnion<[z.ZodObject<{
+            status: z.ZodLiteral<"ready">;
+            tables: z.ZodArray<z.ZodObject<{
+                name: z.ZodString;
+                schema: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+                access: z.ZodObject<{
+                    read: z.ZodEnum<{
+                        anyone: "anyone";
+                        signedIn: "signedIn";
+                        owner: "owner";
+                        admin: "admin";
+                        server: "server";
+                    }>;
+                    create: z.ZodEnum<{
+                        anyone: "anyone";
+                        signedIn: "signedIn";
+                        owner: "owner";
+                        admin: "admin";
+                        server: "server";
+                    }>;
+                    update: z.ZodEnum<{
+                        anyone: "anyone";
+                        signedIn: "signedIn";
+                        owner: "owner";
+                        admin: "admin";
+                        server: "server";
+                    }>;
+                    delete: z.ZodEnum<{
+                        anyone: "anyone";
+                        signedIn: "signedIn";
+                        owner: "owner";
+                        admin: "admin";
+                        server: "server";
+                    }>;
+                }, z.core.$strip>;
+                public: z.ZodArray<z.ZodString>;
+                rowCount: z.ZodNumber;
+                isBuiltIn: z.ZodBoolean;
+            }, z.core.$strip>>;
+        }, z.core.$strip>, z.ZodObject<{
+            status: z.ZodLiteral<"outdated">;
+        }, z.core.$strip>], "status">>>;
+        readonly rows: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/database/:table", {
+            after: z.ZodOptional<z.ZodString>;
+        }, z.ZodObject<{
+            rows: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+            next: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>>;
+    };
     readonly logins: {
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/cli/logins/:approval", {}, z.ZodObject<{
             code: z.ZodString;

package/dist/publishWire.js

@@ -1,6 +1,7 @@
 import { z } from 'zod';
 import { appTitle } from "./appTitle.js";
 export { appTitle };
+export { ASSERTION_SECONDS, NEXT_PAGE_HEADER, TABLES_READ, assertionKey, signTablesAssertion } from "./patternAccess.js";
 import { call, defineServices } from "./services.js";
 export const DASHBOARD_URL = 'https://onpattern.app';
 export const APPS_DOMAIN = 'onpattern.app';
@@ -90,8 +91,28 @@ export const UPLOAD = {
     source: 'source/',
     compatibilityDate: 'compatibilityDate',
     sdkVersion: 'sdkVersion',
-    message: 'message'
+    message: 'message',
+    runWorkerFirst: 'runWorkerFirst'
 };
+const WORKER_FIRST_PATH = /^!?\/[\w.~\-/*]{0,100}$/;
+const WORKER_FIRST_LIMIT = 32;
+const ALWAYS_WORKER_FIRST = ['/api/*', '/media/*'];
+export function workerFirstPaths(text) {
+    let declared;
+    try {
+        declared = JSON.parse(text ?? '[]');
+    }
+    catch {
+        declared = [];
+    }
+    const listed = declared === true ? ['/*'] : declared;
+    const extra = (Array.isArray(listed) ? listed : [])
+        .slice(0, WORKER_FIRST_LIMIT)
+        .filter((path) => typeof path === 'string' &&
+        WORKER_FIRST_PATH.test(path) &&
+        !ALWAYS_WORKER_FIRST.some((kept) => path.startsWith(`!${kept.slice(0, -1)}`)));
+    return [...new Set([...ALWAYS_WORKER_FIRST, ...extra])];
+}
 export const PUBLISH_MESSAGE_LIMIT = 100;
 export function publishMessage(text) {
     const firstLine = (text.split('\n')[0] ?? '').replaceAll(/\s+/g, ' ').trim();
@@ -139,6 +160,79 @@ export const connection = z.object({
     label: z.string(),
     connectedAt: z.string()
 });
+export const DOMAIN_ENDINGS = [
+    'com',
+    'ca',
+    'co',
+    'org',
+    'net',
+    'app',
+    'dev',
+    'shop'
+];
+export const DOMAIN_PRICE_LIMIT_USD = 30;
+export const domainName = z
+    .string()
+    .trim()
+    .toLowerCase()
+    .regex(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)+$/);
+export const domainChoice = z.object({
+    domain: z.string(),
+    priceUsd: z.string().nullable(),
+    isAvailable: z.boolean()
+});
+export const domainSteps = [
+    'register',
+    'address',
+    'sign-in',
+    'reachable'
+];
+export const domainSummary = z.object({
+    domain: z.string(),
+    priceUsd: z.string(),
+    status: z.enum(['working', 'live', 'failed']),
+    step: z.enum(domainSteps),
+    error: z.string().nullable(),
+    startedAt: z.string(),
+    checkedAt: z.string().nullable(),
+    finishedAt: z.string().nullable()
+});
+export const mailboxSummary = z.object({
+    address: z.string(),
+    destination: z.string(),
+    status: z.enum(['verifying', 'ready', 'failed']),
+    error: z.string().nullable()
+});
+export const mailboxLocalPart = z
+    .string()
+    .trim()
+    .toLowerCase()
+    .regex(/^[a-z0-9]([a-z0-9._-]{0,62}[a-z0-9])?$/);
+export const DATABASE_PAGE_ROWS = 100;
+const accessLevel = z.enum(['anyone', 'signedIn', 'owner', 'admin', 'server']);
+export const databaseTable = z.object({
+    name: z.string(),
+    schema: z.record(z.string(), z.unknown()),
+    access: z.object({
+        read: accessLevel,
+        create: accessLevel,
+        update: accessLevel,
+        delete: accessLevel
+    }),
+    public: z.array(z.string()),
+    rowCount: z.number(),
+    isBuiltIn: z.boolean()
+});
+export const appSchema = z.object({ tables: z.array(databaseTable) });
+export const databaseSchema = z.discriminatedUnion('status', [
+    z.object({ status: z.literal('ready'), tables: z.array(databaseTable) }),
+    z.object({ status: z.literal('outdated') })
+]);
+export const databaseRow = z.record(z.string(), z.unknown());
+export const databaseRows = z.object({
+    rows: z.array(databaseRow),
+    next: z.string().nullable()
+});
 export const publishServices = defineServices({
     apps: {
         list: call({ get: '/apps', reply: z.array(appSummary) }),
@@ -182,6 +276,39 @@ export const publishServices = defineServices({
             reply: z.object({ ok: z.boolean() })
         })
     },
+    domains: {
+        search: call({
+            get: '/domains',
+            input: { query: z.string() },
+            reply: z.array(domainChoice)
+        }),
+        read: call({ get: '/apps/:name/domain', reply: domainSummary.nullable() }),
+        buy: call({
+            post: '/apps/:name/domain',
+            input: { domain: domainName, priceUsd: z.string() },
+            reply: domainSummary
+        }),
+        retry: call({ post: '/apps/:name/domain/retry', reply: domainSummary })
+    },
+    mailboxes: {
+        read: call({
+            get: '/apps/:name/mailbox',
+            reply: mailboxSummary.nullable()
+        }),
+        create: call({
+            post: '/apps/:name/mailbox',
+            input: { localPart: mailboxLocalPart, destination: z.email() },
+            reply: mailboxSummary
+        })
+    },
+    database: {
+        schema: call({ get: '/apps/:name/database', reply: databaseSchema }),
+        rows: call({
+            get: '/apps/:name/database/:table',
+            input: { after: z.string().optional() },
+            reply: databaseRows
+        })
+    },
     logins: {
         read: call({ get: '/cli/logins/:approval', reply: loginToApprove }),
         approve: call({

package/dist/react.d.ts

@@ -6,6 +6,9 @@ export { Avatar } from './components/Avatar.tsx';
 export { Badge } from './components/Badge.tsx';
 export { Button } from './components/Button.tsx';
 export { Card } from './components/Card.tsx';
+export { Checkbox } from './components/Checkbox.tsx';
+export { Choice } from './components/Choice.tsx';
+export { ChoiceGroup } from './components/ChoiceGroup.tsx';
 export { CommandMenu } from './components/CommandMenu.tsx';
 export { CommandPalette } from './components/CommandPalette.tsx';
 export type { CommandMenuItem } from './components/CommandMenu.tsx';
@@ -18,6 +21,7 @@ export { EmptyState } from './components/EmptyState.tsx';
 export { Form } from './components/Form.tsx';
 export { Icon } from './components/Icon.tsx';
 export { IconButton } from './components/IconButton.tsx';
+export { Image } from './components/Image.tsx';
 export type { IconName } from './components/icons.ts';
 export { Kbd } from './components/Kbd.tsx';
 export { Link } from './components/Link.tsx';
@@ -48,3 +52,4 @@ export { Text } from './components/Text.tsx';
 export { TextField } from './components/TextField.tsx';
 export { Toaster } from './components/Toaster.tsx';
 export { Tooltip } from './components/Tooltip.tsx';
+export type { MediaImage } from './media.ts';

package/dist/react.js

@@ -6,6 +6,9 @@ export { Avatar } from "./components/Avatar.js";
 export { Badge } from "./components/Badge.js";
 export { Button } from "./components/Button.js";
 export { Card } from "./components/Card.js";
+export { Checkbox } from "./components/Checkbox.js";
+export { Choice } from "./components/Choice.js";
+export { ChoiceGroup } from "./components/ChoiceGroup.js";
 export { CommandMenu } from "./components/CommandMenu.js";
 export { CommandPalette } from "./components/CommandPalette.js";
 export { Content } from "./components/Content.js";
@@ -17,6 +20,7 @@ export { EmptyState } from "./components/EmptyState.js";
 export { Form } from "./components/Form.js";
 export { Icon } from "./components/Icon.js";
 export { IconButton } from "./components/IconButton.js";
+export { Image } from "./components/Image.js";
 export { Kbd } from "./components/Kbd.js";
 export { Link } from "./components/Link.js";
 export { ListRow } from "./components/ListRow.js";

package/dist/rules/checkApiRouting.js

@@ -2,7 +2,7 @@ import { request } from 'node:http';
 import { createServer as createNetServer } from 'node:net';
 import { createServer, preview } from 'vite';
 const API_ROUTES_REACH_THE_WORKER = 'Browser navigations to /api/* (pasted links, OAuth callbacks) must reach the Hono worker, not the single-page app. Cloudflare serves index.html to navigations without running the worker unless wrangler.jsonc keeps "run_worker_first": ["/api/*"] under "assets". Without it, an OAuth callback lands on the app and loops.';
-const APP_ROUTES_SERVE_THE_APP = 'Browser navigations outside /api/ must serve the app (index.html) so deep links like /issues open the screen. Keep "not_found_handling": "single-page-application" in wrangler.jsonc and keep run_worker_first limited to /api/*.';
+const APP_ROUTES_SERVE_THE_APP = 'Browser navigations outside /api/ must serve the app (index.html) so deep links like /issues open the screen. Keep "not_found_handling": "single-page-application" in wrangler.jsonc and keep run_worker_first to /api/* (plus /media/*, and the public page paths, /sitemap.xml and /robots.txt for an app with pages).';
 const DEV_SIGN_IN_ONLY_IN_DEV = 'POST /api/auth/dev-sign-in signs anyone in without Google, so it must exist in the dev server (app sign-in, flows and screenshots use it) and must not exist in the production build. createServer in @trypattern/sdk mounts it only under import.meta.env.DEV.';
 const probes = [
     {

package/dist/rules/lintPlugin.js

@@ -1,4 +1,4 @@
-import { ACTIONS_WHERE_MESSAGE, COMPONENT_FIRST_MESSAGE, COMPONENT_FILE_NAME_MESSAGE, DARK_MODE_IN_TOKENS_MESSAGE, DEV_ONLY_SIGN_IN_MESSAGE, EXPLICIT_ACCESS_MESSAGE, USE_BREAKPOINTS_MESSAGE, HOVER_USES_HIGHLIGHT_MESSAGE, NO_CLASSNAME_STRINGS_MESSAGE, NO_COMMENTS_MESSAGE, NO_INTERACTIVE_TRANSITION_MESSAGE, NO_POINTER_CURSOR_MESSAGE, NO_ROUTE_DATA_APIS_MESSAGE, ROUTES_UNDER_APP_LAYOUT_MESSAGE, SCROLL_VIEW_ONLY_MESSAGE, SELECTABLE_ONLY_MESSAGE, STATE_VIA_HOOKS_MESSAGE, MODEL_BY_NAME_MESSAGE, MODEL_MEMBERS_MESSAGE, PURE_ACTIONS_MESSAGE, PURE_GETTERS_MESSAGE, USE_MODEL_WHERE_MESSAGE, CLASSES_NOT_FACTORIES_MESSAGE, STORES_IN_APP_MESSAGE, TYPED_STYLE_PROP_MESSAGE, USE_COLOR_TOKEN_MESSAGE, USE_FONT_TOKEN_MESSAGE, USE_LINK_MESSAGE, USE_PRIMITIVES_MESSAGE, NO_WIDGET_ROLES_MESSAGE, NO_CLICK_ON_STATIC_MESSAGE, PRIMITIVE_NAMES_MESSAGE, USE_SPACE_TOKENS_MESSAGE, USE_SIZE_TOKENS_MESSAGE, TEXT_VIA_TEXT_MESSAGE, TEXT_ELEMENTS_MESSAGE, LOOSE_TEXT_MESSAGE, COMPOSE_IN_SCREENS_MESSAGE, NO_HOVER_IN_APP_MESSAGE } from "./messages.js";
+import { ACTIONS_WHERE_MESSAGE, COMPONENT_FIRST_MESSAGE, COMPONENT_FILE_NAME_MESSAGE, DARK_MODE_IN_TOKENS_MESSAGE, DEV_ONLY_SIGN_IN_MESSAGE, EXPLICIT_ACCESS_MESSAGE, USE_BREAKPOINTS_MESSAGE, HOVER_USES_HIGHLIGHT_MESSAGE, NO_CLASSNAME_STRINGS_MESSAGE, NO_COMMENTS_MESSAGE, NO_INTERACTIVE_TRANSITION_MESSAGE, NO_POINTER_CURSOR_MESSAGE, NO_ROUTE_DATA_APIS_MESSAGE, ROUTES_UNDER_APP_LAYOUT_MESSAGE, SCROLL_VIEW_ONLY_MESSAGE, SELECTABLE_ONLY_MESSAGE, STATE_VIA_HOOKS_MESSAGE, MODEL_BY_NAME_MESSAGE, MODEL_MEMBERS_MESSAGE, PURE_ACTIONS_MESSAGE, PURE_GETTERS_MESSAGE, USE_MODEL_WHERE_MESSAGE, CLASSES_NOT_FACTORIES_MESSAGE, STORES_IN_APP_MESSAGE, TYPED_STYLE_PROP_MESSAGE, USE_COLOR_TOKEN_MESSAGE, USE_FONT_TOKEN_MESSAGE, USE_LINK_MESSAGE, USE_PRIMITIVES_MESSAGE, USE_IMAGE_MESSAGE, NO_WIDGET_ROLES_MESSAGE, NO_CLICK_ON_STATIC_MESSAGE, PRIMITIVE_NAMES_MESSAGE, USE_SPACE_TOKENS_MESSAGE, USE_SIZE_TOKENS_MESSAGE, TEXT_VIA_TEXT_MESSAGE, TEXT_ELEMENTS_MESSAGE, LOOSE_TEXT_MESSAGE, COMPOSE_IN_SCREENS_MESSAGE, NO_HOVER_IN_APP_MESSAGE } from "./messages.js";
 const TOKENS_FILE = 'src/theme/tokens.stylex.ts';
 const APP_THEME_FILE = 'src/theme/theme.ts';
 const SCROLL_AREA_FILE = 'src/components/ScrollArea.tsx';
@@ -10,7 +10,8 @@ const PRIMITIVE_ELEMENTS = new Set([
     'select',
     'dialog',
     'progress',
-    'meter'
+    'meter',
+    'img'
 ]);
 const WIDGET_ROLES = new Set([
     'button',
@@ -50,6 +51,9 @@ const PRIMITIVES = new Set([
     'Badge',
     'Button',
     'Card',
+    'Checkbox',
+    'Choice',
+    'ChoiceGroup',
     'CommandMenu',
     'CommandPalette',
     'Content',
@@ -61,6 +65,7 @@ const PRIMITIVES = new Set([
     'Form',
     'Icon',
     'IconButton',
+    'Image',
     'Kbd',
     'Link',
     'ListRow',
@@ -939,8 +944,12 @@ const usePrimitives = rule((context) => ({
     JSXOpeningElement(node) {
         if (!SRC_FILE.test(context.filename))
             return;
-        if (PRIMITIVE_ELEMENTS.has(elementName(node) ?? '')) {
-            context.report({ loc: node.loc, message: USE_PRIMITIVES_MESSAGE });
+        const name = elementName(node) ?? '';
+        if (PRIMITIVE_ELEMENTS.has(name)) {
+            context.report({
+                loc: node.loc,
+                message: name === 'img' ? USE_IMAGE_MESSAGE : USE_PRIMITIVES_MESSAGE
+            });
         }
     }
 }));

package/dist/rules/messages.d.ts

@@ -34,6 +34,7 @@ export declare const PURE_GETTERS_MESSAGE = "A getter works an answer out from t
 export declare const ACTIONS_WHERE_MESSAGE = "Menu entries and shortcuts are actions, and actions live only in src/actions/: one file per thing they act on, `export const issueActions = defineActions(({ page, models }) => [action({ id: 'issues.next', label: 'Next issue', keys: ['j'], send: [{ type: 'issueDetail.openNext' }] })])`, listed in src/actions/index.ts. If a person can see it in a menu or press a key for it, it is an action; what it does is a command on a model, and an action only sends commands. Models never build actions.";
 export declare const PURE_ACTIONS_MESSAGE = "An actions file works its entries out from `page` and `models` (each model's state and answers) and nothing else, because Pattern reruns it only when something it read changes, and flows compare the result. It never waits, never uses `this`, never reads the clock or randomness, and imports only types from src/models/, src/stores/ and src/components/. If an entry needs something a model does not answer yet, add a getter to that model.";
 export declare const USE_PRIMITIVES_MESSAGE = "Write <Button>, <IconButton>, <TextField>, <Select>, <Switch> or <Dialog> from @trypattern/sdk/react instead of this element. The primitives carry the focus, keyboard, disabled, pending and error behaviour and the design system's look, so a screen only says what the control does. If no primitive fits, the gap is in the SDK; do not build around it here.";
+export declare const USE_IMAGE_MESSAGE = "Write <Image image={photo} sizes=\"\u2026\" /> from @trypattern/sdk/react instead of <img>. Photos live in the media table (app media add photo.jpg --alt \"\u2026\"); Image reserves their size, picks the right width for the screen, shows a blurred placeholder while loading and a neutral block when one is missing. Never hard-code an image URL.";
 export declare const NO_WIDGET_ROLES_MESSAGE = "This role rebuilds a primitive by hand. Use the component from @trypattern/sdk/react with that behaviour (Button, Switch, Menu, Tooltip, Dialog, Divider, CommandMenu): it already has the role, the keyboard handling and the focus management, and it will keep working when the SDK is upgraded.";
 export declare const NO_CLICK_ON_STATIC_MESSAGE = "A click on a <div> or <span> cannot be reached from the keyboard or by a screen reader. Make it a <Button variant=\"transparent\"> or an <IconButton> from @trypattern/sdk/react, or a <Link> if it goes somewhere.";
 export declare const PRIMITIVE_NAMES_MESSAGE = "{name} is a primitive in @trypattern/sdk/react; a second one with the same name would drift from it. Import the SDK's, and if yours adds something (a fixed icon, a confirm step) name it for what it does, like DeleteIssue{name}, and render the SDK {name} inside.";

package/dist/rules/messages.js

@@ -34,6 +34,7 @@ export const PURE_GETTERS_MESSAGE = 'A getter works an answer out from this.stat
 export const ACTIONS_WHERE_MESSAGE = "Menu entries and shortcuts are actions, and actions live only in src/actions/: one file per thing they act on, `export const issueActions = defineActions(({ page, models }) => [action({ id: 'issues.next', label: 'Next issue', keys: ['j'], send: [{ type: 'issueDetail.openNext' }] })])`, listed in src/actions/index.ts. If a person can see it in a menu or press a key for it, it is an action; what it does is a command on a model, and an action only sends commands. Models never build actions.";
 export const PURE_ACTIONS_MESSAGE = "An actions file works its entries out from `page` and `models` (each model's state and answers) and nothing else, because Pattern reruns it only when something it read changes, and flows compare the result. It never waits, never uses `this`, never reads the clock or randomness, and imports only types from src/models/, src/stores/ and src/components/. If an entry needs something a model does not answer yet, add a getter to that model.";
 export const USE_PRIMITIVES_MESSAGE = "Write <Button>, <IconButton>, <TextField>, <Select>, <Switch> or <Dialog> from @trypattern/sdk/react instead of this element. The primitives carry the focus, keyboard, disabled, pending and error behaviour and the design system's look, so a screen only says what the control does. If no primitive fits, the gap is in the SDK; do not build around it here.";
+export const USE_IMAGE_MESSAGE = 'Write <Image image={photo} sizes="…" /> from @trypattern/sdk/react instead of <img>. Photos live in the media table (app media add photo.jpg --alt "…"); Image reserves their size, picks the right width for the screen, shows a blurred placeholder while loading and a neutral block when one is missing. Never hard-code an image URL.';
 export const NO_WIDGET_ROLES_MESSAGE = 'This role rebuilds a primitive by hand. Use the component from @trypattern/sdk/react with that behaviour (Button, Switch, Menu, Tooltip, Dialog, Divider, CommandMenu): it already has the role, the keyboard handling and the focus management, and it will keep working when the SDK is upgraded.';
 export const NO_CLICK_ON_STATIC_MESSAGE = 'A click on a <div> or <span> cannot be reached from the keyboard or by a screen reader. Make it a <Button variant="transparent"> or an <IconButton> from @trypattern/sdk/react, or a <Link> if it goes somewhere.';
 export const PRIMITIVE_NAMES_MESSAGE = "{name} is a primitive in @trypattern/sdk/react; a second one with the same name would drift from it. Import the SDK's, and if yours adds something (a fixed icon, a confirm step) name it for what it does, like DeleteIssue{name}, and render the SDK {name} inside.";

package/dist/schema.d.ts

@@ -1,4 +1,6 @@
 export { call, defineServices } from './services.ts';
 export type { CallInput, CallReply, ServiceCall, ServiceMemory, Services } from './services.ts';
+export { media } from './media.ts';
+export type { Media, MediaImage } from './media.ts';
 export { defineTables } from './table.ts';
 export type { Access, Columns, Fields, Level, PublicRow, Row, Seed, Table, TableDefinition, TableOf, Tables, Value, Writes } from './table.ts';

package/dist/schema.js

@@ -1,2 +1,3 @@
 export { call, defineServices } from "./services.js";
+export { media } from "./media.js";
 export { defineTables } from "./table.js";