@trypattern/sdk 0.1.13 → 0.1.15

package/README.md

@@ -117,7 +117,7 @@ email, phone, address, notes, status }` with `status` `requested`, `accepted`, `
   shows the live photos without storing them. With
   `pages` (`definePages(tables, { '/': head, '/items/:itemId': { head, paths } })` in
   `server/pages.ts`) it renders the `<head>` of public pages: each `head` reads tables anyone may
-  read (`rows`, `row`, `photoUrl`) and returns `{ title, description, image, hero, jsonLd, data }`
+  read (`rows`, `row`, `photoUrl`), and `appTitle()` gives the site's name as the owner set it, and returns `{ title, description, image, hero, jsonLd, data }`
   (or `null` for a 404). The Worker puts the title, description, canonical link, `og:*` (the image
   at 1200×630 with `fit=cover`), `twitter:card`, JSON-LD, a preload of the `hero` with `Image`'s
   srcset, and `data` as `<script type="application/json" id="pattern-data">` into the built

package/dist/cli/app.js

@@ -330,7 +330,8 @@ moves forward with any new migrations; nothing is ever deleted from it. If a ste
 keeps running the previous version and the error says why. Run app check first.
 --message '…' says what changed in a few plain words for the owner ("Pink brand colour and a welcome
 line"); onpattern.app and app versions show it beside the version.
---starter (Pattern's admins only) publishes this project as the starter every new site begins from.
+--starter (Pattern's admins only) publishes this project as the starter new sites begin from: the one
+for its "blueprint" in pattern.json (website or web-app), which a new business picks when it starts.
 With a starter/ folder, its rows (starter/rows.ts) and photos (starter/photos) go with it, and a new
 site's first publish puts them in its own database and photo bucket: the photos through the site's
 own POST /api/media, then the rows. Later publishes never touch them; they are the owner's.`,

package/dist/cli/publishing.js

@@ -6,7 +6,7 @@ import { z } from 'zod';
 import { DASHBOARD_URL, UPLOAD, appSummary, isPrivatePath, loginPoll, loginStarted, mediaRow, nameProblem, publishMessage, publishSummary, setupCodeExchanged, sourcePathProblem } from "../publishWire.js";
 import { appInfo } from "../appTitle.js";
 import { SESSION_COOKIE } from "../auth/user.js";
-import { PROJECT_FILE, readProjectFile } from "../vite/projectFile.js";
+import { PROJECT_FILE, blueprintOf, readProjectFile } from "../vite/projectFile.js";
 const CONFIG_DIR = join(homedir(), '.config', 'pattern');
 const CREDENTIALS_FILE = join(CONFIG_DIR, 'credentials.json');
 const PENDING_FILE = join(CONFIG_DIR, 'pending-login.json');
@@ -325,7 +325,8 @@ export async function pull(io, name, cwd, setupCode) {
         }
         if (existsSync(join(target, LAUNCHER)))
             chmodSync(join(target, LAUNCHER), 0o755);
-        writeFileSync(join(target, PROJECT_FILE), `${JSON.stringify({ name, title: result.title }, null, 2)}\n`);
+        const blueprint = blueprintOf(target);
+        writeFileSync(join(target, PROJECT_FILE), `${JSON.stringify({ name, title: result.title, ...(blueprint === undefined ? {} : { blueprint }) }, null, 2)}\n`);
         io.say(`✓ Downloaded ${files} files of version ${result.number}`);
         if (!(await ensurePnpm(io, target))) {
             return {
@@ -492,12 +493,18 @@ async function followPublish(io, name, started) {
 export async function publish(io, root, isStarter, message, starter) {
     try {
         sayHost(io);
-        const { name } = readProjectFile(root);
+        const { name, blueprint } = readProjectFile(root);
+        if (isStarter && blueprint === undefined) {
+            throw new Error(`${PROJECT_FILE} needs "blueprint" ("website" or "web-app") to publish the starter for it`);
+        }
         const built = await io.build();
         if (built.code !== 0)
             return built;
         io.say('✓ Built');
         const { form, sources } = uploadForm(root, io, isStarter, starter);
+        if (isStarter && blueprint !== undefined) {
+            form.append(UPLOAD.blueprint, blueprint);
+        }
         const said = publishMessage(message ?? '');
         if (said !== null)
             form.append(UPLOAD.message, said);
@@ -521,8 +528,8 @@ export async function publish(io, root, isStarter, message, starter) {
         if (result === undefined) {
             return {
                 code: 0,
-                data: { starter: io.sdkVersion },
-                text: `✓ Published the starter for SDK ${io.sdkVersion}`
+                data: { starter: io.sdkVersion, blueprint },
+                text: `✓ Published the ${blueprint} starter for SDK ${io.sdkVersion}`
             };
         }
         return await followPublish(io, name, result);

package/dist/components/RadioDescribed.d.ts

@@ -0,0 +1,4 @@
+import type { RadioOption } from './RadioGroup.tsx';
+export declare function RadioDescribed<Value extends string>({ option }: {
+    option: RadioOption<Value>;
+}): import("react").JSX.Element;

package/dist/components/RadioDescribed.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as stylex from '@stylexjs/stylex';
+import { space } from "../theme/tokens.stylex.js";
+import { Text } from "./Text.js";
+export function RadioDescribed({ option }) {
+    const tone = option.isDisabled === true ? 'tertiary' : undefined;
+    return (_jsxs("span", { ...stylex.props(styles.described), children: [_jsxs("span", { ...stylex.props(styles.labelLine), children: [_jsx(Text, { variant: "label", tone: tone ?? 'primary', children: option.label }), option.badge] }), _jsx(Text, { variant: "body", tone: tone ?? 'secondary', children: option.description })] }));
+}
+const styles = stylex.create({
+    described: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: space.xxs
+    },
+    labelLine: {
+        display: 'flex',
+        gap: space.sm,
+        alignItems: 'center'
+    }
+});

package/dist/components/RadioGroup.d.ts

@@ -3,6 +3,8 @@ import type { Placement } from './Placement.ts';
 export type RadioOption<Value extends string> = {
     value: Value;
     label: string;
+    description?: string;
+    badge?: ReactNode;
     content?: ReactNode;
     trailing?: ReactNode;
     isDisabled?: boolean;

package/dist/components/RadioGroup.js

@@ -2,9 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Radio as BaseRadio } from '@base-ui/react/radio';
 import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
 import * as stylex from '@stylexjs/stylex';
-import { borders, colors, iconSizes, motion, radii, shadows, space } from "../theme/tokens.stylex.js";
+import { borders, colors, iconSizes, lineHeights, motion, radii, shadows, space } from "../theme/tokens.stylex.js";
 import { focusRing } from "./controlLook.js";
 import { interact } from "./interaction.js";
+import { RadioDescribed } from "./RadioDescribed.js";
 import { Text } from "./Text.js";
 export function RadioGroup({ label, value, options, onChange, size = 'md', style }) {
     return (_jsx(BaseRadioGroup, { "aria-label": label, value: value, onValueChange: (next) => {
@@ -18,7 +19,8 @@ export function RadioGroup({ label, value, options, onChange, size = 'md', style
             });
             onChange(chosen.value);
         }, className: stylex.props(styles.group, size === 'lg' && styles.groupLarge, style)
-            .className, children: options.map((option) => (_jsxs("label", { ...stylex.props(styles.row, size === 'lg' && styles.rowLarge, option.isDisabled === true && styles.rowDisabled), children: [_jsx(BaseRadio.Root, { value: option.value, disabled: option.isDisabled === true, "aria-label": option.label, className: (state) => stylex.props(styles.dot, state.checked ? styles.dotOn : styles.dotOff, focusRing.visible).className, children: _jsx(BaseRadio.Indicator, { className: stylex.props(styles.mark).className }) }), _jsx("span", { ...stylex.props(styles.content), children: option.content ?? (_jsx(Text, { variant: size === 'lg' ? 'lead' : 'body', tone: option.isDisabled === true ? 'tertiary' : 'primary', isTruncated: true, children: option.label })) }), option.trailing === undefined ? null : (_jsx("span", { ...stylex.props(styles.trailing), children: option.trailing }))] }, option.value))) }));
+            .className, children: options.map((option) => (_jsxs("label", { ...stylex.props(styles.row, size === 'lg' && styles.rowLarge, option.description !== undefined && styles.rowDescribed, option.isDisabled === true && styles.rowDisabled), children: [_jsx("span", { ...stylex.props(styles.dotLine), children: _jsx(BaseRadio.Root, { value: option.value, disabled: option.isDisabled === true, "aria-label": option.label, className: (state) => stylex.props(styles.dot, state.checked ? styles.dotOn : styles.dotOff, option.isDisabled === true && styles.dotDisabled, focusRing.visible).className, children: _jsx(BaseRadio.Indicator, { className: stylex.props(styles.mark).className }) }) }), _jsx("span", { ...stylex.props(styles.content), children: option.content ??
+                        (option.description === undefined ? (_jsx(Text, { variant: size === 'lg' ? 'lead' : 'body', tone: option.isDisabled === true ? 'tertiary' : 'primary', isTruncated: true, children: option.label })) : (_jsx(RadioDescribed, { option: option }))) }), option.trailing === undefined ? null : (_jsx("span", { ...stylex.props(styles.trailing), children: option.trailing }))] }, option.value))) }));
 }
 const styles = stylex.create({
     group: {
@@ -50,9 +52,20 @@ const styles = stylex.create({
         paddingBlock: space.lg,
         paddingInline: `calc(${space.md} + ${space.xxs})`
     },
+    rowDescribed: {
+        gap: `calc(${space.sm} + ${space.xxs})`,
+        alignItems: 'flex-start',
+        paddingBlock: `calc(${space.md} + ${space.xxs})`
+    },
     rowDisabled: {
         color: colors.tertiaryForeground
     },
+    dotLine: {
+        display: 'flex',
+        flexShrink: 0,
+        alignItems: 'center',
+        height: lineHeights.bodySm
+    },
     dot: {
         display: 'grid',
         flexShrink: 0,
@@ -71,6 +84,10 @@ const styles = stylex.create({
         backgroundColor: colors.componentOnContainerStrong,
         borderColor: colors.borderStrong
     },
+    dotDisabled: {
+        backgroundColor: colors.disabled,
+        borderColor: colors.borderDefault
+    },
     dotOn: {
         backgroundColor: colors.invertedSolid,
         borderColor: colors.invertedSolid

package/dist/publishWire.d.ts

@@ -22,7 +22,14 @@ export declare const UPLOAD: {
     readonly message: "message";
     readonly runWorkerFirst: "runWorkerFirst";
     readonly starter: "starter";
+    readonly blueprint: "blueprint";
 };
+export declare const BLUEPRINTS: readonly ["website", "web-app"];
+export declare const blueprintName: z.ZodEnum<{
+    website: "website";
+    "web-app": "web-app";
+}>;
+export type BlueprintName = z.output<typeof blueprintName>;
 export declare const starterContent: z.ZodObject<{
     photos: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
@@ -371,6 +378,10 @@ export declare const publishServices: {
         readonly create: NoInfer<import("./services.ts").ServiceCall<"/apps", {
             name: z.ZodString;
             title: z.ZodString;
+            blueprint: z.ZodEnum<{
+                website: "website";
+                "web-app": "web-app";
+            }>;
         }, z.ZodObject<{
             name: z.ZodString;
             title: z.ZodString;

package/dist/publishWire.js

@@ -93,8 +93,11 @@ export const UPLOAD = {
     sdkVersion: 'sdkVersion',
     message: 'message',
     runWorkerFirst: 'runWorkerFirst',
-    starter: 'starter'
+    starter: 'starter',
+    blueprint: 'blueprint'
 };
+export const BLUEPRINTS = ['website', 'web-app'];
+export const blueprintName = z.enum(BLUEPRINTS);
 export const starterContent = z.object({
     photos: z.array(z.object({
         id: z.string().regex(/^[A-Za-z0-9][A-Za-z0-9_-]{0,63}$/),
@@ -259,7 +262,7 @@ export const publishServices = defineServices({
         read: call({ get: '/apps/:name', reply: appSummary }),
         create: call({
             post: '/apps',
-            input: { name: appName, title: appTitle },
+            input: { name: appName, title: appTitle, blueprint: blueprintName },
             reply: appSummary
         })
     },

package/dist/server/pages.d.ts

@@ -14,6 +14,7 @@ export type PageRequest<Group extends Tables> = {
     rows: <Name extends ReadableName<Group>>(table: Name) => Promise<readonly Row<Group[Name]>[]>;
     row: <Name extends ReadableName<Group>>(table: Name, id: string) => Promise<Row<Group[Name]> | undefined>;
     photoUrl: (image: MediaImage) => string;
+    appTitle: () => Promise<string>;
 };
 export type PageHero = {
     image: MediaImage;
@@ -49,6 +50,7 @@ type AnyRequest = {
     rows: (table: string) => Promise<readonly unknown[]>;
     row: (table: string, id: string) => Promise<unknown>;
     photoUrl: (image: MediaImage) => string;
+    appTitle: () => Promise<string>;
 };
 type PageRoute = {
     pattern: string;

package/dist/server/pages.js

@@ -71,6 +71,7 @@ function readableTable(pages, name) {
 function requestFor(c, pages, params) {
     const url = new URL(c.req.url);
     const read = new Map();
+    let title;
     return {
         url,
         params,
@@ -81,7 +82,11 @@ function requestFor(c, pages, params) {
             return found;
         },
         row: (name, id) => readRow(c.env.DB, readableTable(pages, name), id),
-        photoUrl: (image) => `${url.origin}${mediaPath(image.key)}`
+        photoUrl: (image) => `${url.origin}${mediaPath(image.key)}`,
+        appTitle: () => {
+            title ??= readTitle(c.env.DB);
+            return title;
+        }
     };
 }
 function escapeHtml(text) {
@@ -217,7 +222,7 @@ export async function renderPage(c, pages, route, params) {
     try {
         head = await route.head(request);
         if (head !== null) {
-            tags = headTags(pages, request.url, await readTitle(c.env.DB), head);
+            tags = headTags(pages, request.url, await request.appTitle(), head);
         }
     }
     catch (error) {

package/dist/vite/projectFile.d.ts

@@ -3,7 +3,12 @@ export declare const PROJECT_FILE = "pattern.json";
 declare const projectFile: z.ZodObject<{
     name: z.ZodString;
     title: z.ZodString;
+    blueprint: z.ZodOptional<z.ZodEnum<{
+        website: "website";
+        "web-app": "web-app";
+    }>>;
 }, z.core.$strip>;
 export type ProjectFile = z.output<typeof projectFile>;
 export declare function readProjectFile(root: string): ProjectFile;
+export declare function blueprintOf(root: string): "website" | "web-app" | undefined;
 export {};

package/dist/vite/projectFile.js

@@ -2,8 +2,13 @@ import { existsSync, readFileSync } from 'node:fs';
 import { join } from 'node:path';
 import { z } from 'zod';
 import { appTitle } from "../appTitle.js";
+import { blueprintName } from "../publishWire.js";
 export const PROJECT_FILE = 'pattern.json';
-const projectFile = z.object({ name: z.string().min(1), title: appTitle });
+const projectFile = z.object({
+    name: z.string().min(1),
+    title: appTitle,
+    blueprint: blueprintName.optional()
+});
 export function readProjectFile(root) {
     const path = join(root, PROJECT_FILE);
     if (!existsSync(path)) {
@@ -15,3 +20,16 @@ export function readProjectFile(root) {
     }
     return parsed.data;
 }
+export function blueprintOf(root) {
+    const path = join(root, PROJECT_FILE);
+    if (!existsSync(path))
+        return undefined;
+    try {
+        const raw = JSON.parse(readFileSync(path, 'utf8'));
+        const parsed = blueprintName.safeParse(Reflect.get(Object(raw), 'blueprint'));
+        return parsed.success ? parsed.data : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trypattern/sdk",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "type": "module",
   "files": [
     "dist",