@trypattern/sdk 0.1.3 → 0.1.5

package/dist/builtins/Account.js

@@ -2,7 +2,7 @@ import { appearance } from "../appearance.js";
 import { command } from "../model.js";
 import { Model } from "../registered.js";
 export class Account extends Model({
-    state: { appearance: appearance.default('system') },
+    state: { appearance: appearance.default('light') },
     persist: ['appearance']
 }) {
     get user() {

package/dist/cli/app.js

@@ -13,6 +13,7 @@ import { homedir } from 'node:os';
 import { delimiter, dirname, extname, join, relative, resolve } from 'node:path';
 import { pathToFileURL } from 'node:url';
 import { createHash } from 'node:crypto';
+import { z } from 'zod';
 import { resetLocalDatabase } from "../vite/localWorker.js";
 import { login, publish, pull, restore, versions as listVersions } from "./publishing.js";
 import { toolBin } from "./tools.js";
@@ -73,7 +74,7 @@ const CONTACT_SHEET = join(SCREENSHOTS_DIR, 'contact-sheet.png');
 const SCREENSHOT_WORKER = join(SDK_SOURCE, 'cli', `screenshot${SDK_EXTENSION}`);
 const VISUAL_URL_ENV = 'PATTERN_VISUAL_URL';
 const GLOBAL_FLAGS = ['--json', '--help', '-h'];
-const VALUE_FLAGS = new Set(['--commands', '--name', '--as']);
+const VALUE_FLAGS = new Set(['--commands', '--name', '--as', '--code']);
 const SHIM_SOURCE = `#!/bin/sh
 ${SHIM_MARKER_LINE}
 dir=$PWD
@@ -266,8 +267,13 @@ and restore sign in the same way when they need to, so this is rarely run on its
         details: `app pull sundayparty
 Downloads the source of the site's latest live version into this folder when it is empty, or into
 ./<name> otherwise, writes pattern.json, installs, and runs app setup. Never needs git; when the
-Command Line Tools are installed it also makes a first commit. Signs in first if needed (see app login).`,
-        run: (argument) => pull(publishingIo(), argument, process.cwd()),
+Command Line Tools are installed it also makes a first commit. Signs in first if needed (see app login).
+--code <setup code> signs in with the one-time setup code from onpattern.app instead of the browser.`,
+        run: (argument, options) => {
+            const code = options.get('--code');
+            return pull(publishingIo(), argument, process.cwd(), typeof code === 'string' ? code : undefined);
+        },
+        flags: ['--code'],
         takesArgument: true,
         runsAnywhere: true
     },
@@ -297,7 +303,7 @@ every row and column added since, which version 3's code ignores.`,
     },
     setup: {
         summary: 'Verify Node/pnpm major versions, pnpm install, install the global `app` shim',
-        details: `Idempotent. Fails unless Node and pnpm have the major versions in .nvmrc and package.json "packageManager".
+        details: `Idempotent. Fails unless Node and pnpm have the major versions in .nvmrc and package.json devEngines.
 Then runs \`pnpm install\` and installs ${SHIM_PATH}, a tiny shim that walks up from the
 current directory to the nearest project launcher (an executable ./app containing the line
 ${LAUNCHER_MARKER_LINE}) and runs it, so each project's CLI lives in its repo and the shim
@@ -1217,13 +1223,16 @@ async function build() {
 function majorOf(version) {
     return version.split('.')[0] ?? '';
 }
+const packagePins = z.object({
+    devEngines: z.object({
+        packageManager: z.object({ version: z.string() })
+    })
+});
 function readPins() {
     const node = readText(join(ROOT, '.nvmrc')).trim().replace(/^v/, '');
-    const pkg = JSON.parse(readText(join(ROOT, 'package.json')));
-    const pm = typeof pkg === 'object' && pkg !== null && 'packageManager' in pkg
-        ? String(pkg.packageManager)
-        : '';
-    return { node, pnpm: pm.replace(/^pnpm@/, '').split('+')[0] ?? '' };
+    const pkg = packagePins.safeParse(JSON.parse(readText(join(ROOT, 'package.json'))));
+    const pnpm = pkg.success ? pkg.data.devEngines.packageManager.version : '';
+    return { node, pnpm: pnpm.replace(/^>=/, '') };
 }
 function isPatternShim(source) {
     const lines = source.split('\n');
@@ -1260,7 +1269,7 @@ async function setup() {
         problems.push(`Node ${haveNode} is not Node ${majorOf(pins.node)} (.nvmrc says ${pins.node})\n  fix  pnpm env use --global ${majorOf(pins.node)}`);
     }
     if (majorOf(havePnpm) !== majorOf(pins.pnpm)) {
-        problems.push(`pnpm ${havePnpm || '(not found)'} is not pnpm ${majorOf(pins.pnpm)} (package.json packageManager says ${pins.pnpm})\n  fix  curl -fsSL https://get.pnpm.io/install.sh | sh -`);
+        problems.push(`pnpm ${havePnpm || '(not found)'} is not pnpm ${majorOf(pins.pnpm)} (package.json devEngines says ${pins.pnpm} or newer)\n  fix  curl -fsSL https://get.pnpm.io/install.sh | sh -`);
     }
     const versions = { node: haveNode, pnpm: havePnpm, expected: pins };
     if (problems.length > 0) {
@@ -1302,7 +1311,7 @@ async function setup() {
 function help() {
     const width = Math.max(...Object.keys(COMMANDS).map((n) => n.length));
     const lines = Object.entries(COMMANDS).map(([name, cmd]) => `app ${name.padEnd(width)}  ${cmd.summary}`);
-    lines.push('Flags: --json (machine-readable stdout), <command> --help (details and its own flags: start --no-open, test --visual, screenshot --commands --name --as --signed-out)');
+    lines.push('Flags: --json (machine-readable stdout), <command> --help (details and its own flags: start --no-open, test --visual, screenshot --commands --name --as --signed-out, pull --code)');
     return {
         code: 0,
         data: {

package/dist/cli/publishing.d.ts

@@ -14,7 +14,7 @@ export type PublishingIo = {
     sdkVersion: string;
 };
 export declare function login(io: PublishingIo): Promise<Outcome>;
-export declare function pull(io: PublishingIo, name: string | undefined, cwd: string): Promise<Outcome>;
+export declare function pull(io: PublishingIo, name: string | undefined, cwd: string, setupCode: string | undefined): Promise<Outcome>;
 export declare function publish(io: PublishingIo, root: string, isStarter: boolean): Promise<Outcome>;
 export declare function versions(io: PublishingIo, root: string): Promise<Outcome>;
 export declare function restore(io: PublishingIo, root: string, number: string | undefined): Promise<Outcome>;

package/dist/cli/publishing.js

@@ -3,7 +3,7 @@ import { chmodSync, existsSync, mkdirSync, readdirSync, readFileSync, rmSync, st
 import { homedir, hostname, userInfo } from 'node:os';
 import { basename, dirname, extname, join, matchesGlob, relative } from 'node:path';
 import { z } from 'zod';
-import { DASHBOARD_URL, UPLOAD, appSummary, isPrivatePath, loginPoll, loginStarted, nameProblem, publishSummary, sourcePathProblem } from "../publishWire.js";
+import { DASHBOARD_URL, UPLOAD, appSummary, isPrivatePath, loginPoll, loginStarted, nameProblem, publishSummary, setupCodeExchanged, sourcePathProblem } from "../publishWire.js";
 import { appInfo } from "../appTitle.js";
 import { PROJECT_FILE, readProjectFile } from "../vite/projectFile.js";
 const CONFIG_DIR = join(homedir(), '.config', 'pattern');
@@ -11,7 +11,7 @@ const CREDENTIALS_FILE = join(CONFIG_DIR, 'credentials.json');
 const PENDING_FILE = join(CONFIG_DIR, 'pending-login.json');
 const LOGIN_MINUTES = 10;
 const POLL_MS = 2000;
-const LOGIN_WAIT_MS = 120_000;
+const LOGIN_WAIT_MS = 100_000;
 const PUBLISH_WAIT_MS = 300_000;
 const SESSION_COOKIE = 'pattern_session';
 const LAUNCHER = 'app';
@@ -154,7 +154,7 @@ async function signIn(io, again) {
         return {
             code: 3,
             data: { waitingFor: 'approval', code: pending.code, url: pending.url },
-            text: `✗ Not allowed yet. The browser page ${pending.url} shows the code ${pending.code}.\n  next  once they click Allow there, run ${again} again`
+            text: `✗ Not allowed yet. The browser page ${pending.url} shows the code ${pending.code}.\n  next  run ${again} again: it waits for Allow`
         };
     }
     const response = await fetch(`${dashboard()}/api/auth/cli/logins`, {
@@ -172,9 +172,23 @@ async function signIn(io, again) {
     return {
         code: 3,
         data: { waitingFor: 'approval', code: started.code, url: started.url },
-        text: `Opened ${started.url} in the browser.\n  code  ${started.code}\n  next  tell them: "Check the code on the page is ${started.code}, then click Allow." Then run ${again} again.`
+        text: `Opened ${started.url} in the browser.\n  code  ${started.code}\n  next  tell them: "Check the code on the page is ${started.code}, then click Allow." Then, without waiting for them to reply, run ${again} again: it waits for Allow.`
     };
 }
+async function useSetupCode(io, code) {
+    const response = await fetch(`${dashboard()}/api/auth/cli/setup-codes/exchange`, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json' },
+        body: JSON.stringify({ code, label: labelOfThisMachine() })
+    }).catch(() => undefined);
+    const exchanged = setupCodeExchanged.safeParse(await response?.json().catch(() => null));
+    if (response?.ok === true && exchanged.success) {
+        saveCookie(exchanged.data.cookie);
+        io.say('✓ Connected with the setup code');
+        return;
+    }
+    io.say('✗ That setup code has expired or was already used');
+}
 async function signedIn(io, again, work) {
     if (savedCookie() === undefined) {
         const outcome = await signIn(io, again);
@@ -237,7 +251,7 @@ function folderFor(name, cwd) {
 function commandLineToolsReady() {
     return spawnSync('xcode-select', ['-p'], { stdio: 'ignore' }).status === 0;
 }
-export async function pull(io, name, cwd) {
+export async function pull(io, name, cwd, setupCode) {
     if (name === undefined || nameProblem(name) !== undefined) {
         return {
             code: 2,
@@ -254,6 +268,8 @@ export async function pull(io, name, cwd) {
         };
     }
     try {
+        if (setupCode !== undefined)
+            await useSetupCode(io, setupCode);
         const result = await signedIn(io, `app pull ${name}`, async () => {
             const app = await callJson(`/api/apps/${name}`, appSummary);
             const response = await call(`/api/apps/${name}/source`);

package/dist/components/Appear.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+type AppearProps = {
+    children: ReactNode;
+};
+export declare function Appear({ children }: AppearProps): import("react").JSX.Element;
+export {};

package/dist/components/Appear.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as stylex from '@stylexjs/stylex';
+import { breakpoints, motion, space } from "../theme/tokens.stylex.js";
+export function Appear({ children }) {
+    return _jsx("div", { ...stylex.props(styles.appear), children: children });
+}
+const enter = stylex.keyframes({
+    from: { opacity: 0, transform: `translateY(${space.xs})` }
+});
+const styles = stylex.create({
+    appear: {
+        display: 'flex',
+        flexDirection: 'column',
+        animationName: {
+            default: enter,
+            [breakpoints.reducedMotion]: 'none'
+        },
+        animationDuration: motion.base,
+        animationTimingFunction: motion.easeOut
+    }
+});

package/dist/components/Badge.d.ts

@@ -3,7 +3,7 @@ import type { Placement } from './Placement.ts';
 type BadgeProps = {
     children: ReactNode;
     variant?: 'primary' | 'tertiary' | 'outline' | 'transparent';
-    tone?: 'neutral' | 'brand' | 'danger';
+    tone?: 'neutral' | 'brand' | 'positive' | 'danger';
     size?: 'sm' | 'md';
     style?: Placement;
 };

package/dist/components/Badge.js

@@ -7,6 +7,7 @@ export function Badge({ children, variant = 'tertiary', tone = 'neutral', size =
 const toneKeys = {
     neutral: 'Neutral',
     brand: 'Brand',
+    positive: 'Positive',
     danger: 'Danger'
 };
 const styles = stylex.create({
@@ -41,6 +42,10 @@ const looks = stylex.create({
         color: colors.onBrandSolidForeground,
         backgroundColor: colors.brandSolid
     },
+    primaryPositive: {
+        color: colors.onPositiveSolidForeground,
+        backgroundColor: colors.positiveSolid
+    },
     primaryDanger: {
         color: colors.onDangerSolidForeground,
         backgroundColor: colors.dangerSolid
@@ -53,6 +58,10 @@ const looks = stylex.create({
         color: colors.onBrandSubtleForeground,
         backgroundColor: colors.brandSubtle
     },
+    tertiaryPositive: {
+        color: colors.onPositiveSubtleForeground,
+        backgroundColor: colors.positiveSubtle
+    },
     tertiaryDanger: {
         color: colors.dangerText,
         backgroundColor: colors.dangerSubtleHover
@@ -67,6 +76,11 @@ const looks = stylex.create({
         backgroundColor: 'transparent',
         boxShadow: `inset 0 0 0 ${borders.thin} ${colors.brandBorderDefault}`
     },
+    outlinePositive: {
+        color: colors.positiveForeground,
+        backgroundColor: 'transparent',
+        boxShadow: `inset 0 0 0 ${borders.thin} ${colors.positiveBorderDefault}`
+    },
     outlineDanger: {
         color: colors.dangerForeground,
         backgroundColor: 'transparent',
@@ -80,6 +94,10 @@ const looks = stylex.create({
         color: colors.brandForeground,
         backgroundColor: 'transparent'
     },
+    transparentPositive: {
+        color: colors.positiveForeground,
+        backgroundColor: 'transparent'
+    },
     transparentDanger: {
         color: colors.dangerForeground,
         backgroundColor: 'transparent'

package/dist/components/Link.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { AppPath } from '../registered.ts';
 type LinkProps = {
-    tone?: 'brand' | 'secondary';
+    tone?: 'brand' | 'positive' | 'secondary';
     children: ReactNode;
 } & ({
     to: AppPath;

package/dist/components/Link.js

@@ -35,6 +35,12 @@ const looks = stylex.create({
             ':hover': colors.brandSolidHover
         }
     },
+    positive: {
+        color: {
+            default: colors.positiveForeground,
+            ':hover': colors.positiveSolidHover
+        }
+    },
     secondary: {
         color: {
             default: colors.secondaryForeground,

package/dist/components/SignInScreen.js

@@ -10,7 +10,7 @@ export function SignInScreen() {
     const appSettings = useModel('appSettings');
     const signIn = useModel('signIn');
     const isBusy = signIn.signingIn !== null;
-    return (_jsx("main", { ...stylex.props(styles.page), children: _jsxs("div", { ...stylex.props(styles.column), children: [_jsx("span", { ...stylex.props(styles.mark), children: _jsx(Text, { variant: "title", children: appSettings.title.charAt(0) }) }), _jsxs(Text, { as: "h1", variant: "title", tone: "primary", align: "center", children: ["Sign in to ", appSettings.title] }), signIn.step === 'choose' ? (_jsxs(_Fragment, { children: [_jsx(Button, { size: "lg", disabled: isBusy, isPending: signIn.signingIn === 'google', onClick: signIn.continueWithGoogle, children: "Continue with Google" }), _jsxs(Form, { onSubmit: (values) => signIn.sendEmailCode({ email: values['email'] ?? '' }), children: [_jsx(TextField, { name: "email", type: "email", required: true, autoComplete: "email", placeholder: "you@example.com", label: "Email", isLabelHidden: true, size: "lg" }), _jsx(Button, { type: "submit", variant: "secondary", size: "lg", disabled: isBusy, isPending: signIn.signingIn === 'email', children: "Email me a code" })] }), import.meta.env.DEV ? (_jsxs(Button, { variant: "tertiary", size: "lg", disabled: isBusy, isPending: signIn.signingIn === 'dev', onClick: () => signIn.signInAsDevUser({ email: DEV_USER }), children: ["Dev: sign in as ", DEV_USER] })) : null] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { as: "p", tone: "secondary", align: "center", children: ["We sent a 6-digit code to ", signIn.email, "."] }), _jsxs(Form, { onSubmit: (values) => signIn.verifyEmailCode({ code: values['code'] ?? '' }), children: [_jsx(TextField, { name: "code", required: true, autoFocus: true, inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]{6}", maxLength: 6, placeholder: "123456", label: "Code", isLabelHidden: true, size: "lg" }), _jsx(Button, { type: "submit", size: "lg", disabled: isBusy, isPending: signIn.signingIn === 'email', children: "Sign in" })] }), _jsx(Button, { variant: "transparent", size: "lg", disabled: isBusy, onClick: signIn.startOver, children: "Use a different email" })] })), signIn.notice === null ? null : (_jsx(Text, { as: "p", tone: "secondary", align: "center", children: signIn.notice })), _jsx(Text, { as: "p", variant: "caption", tone: "tertiary", align: "center", children: "Sign-in by Pattern" })] }) }));
+    return (_jsx("main", { ...stylex.props(styles.page), children: _jsxs("div", { ...stylex.props(styles.column), children: [_jsx("span", { ...stylex.props(styles.mark), children: _jsx(Text, { variant: "title", children: appSettings.title.charAt(0) }) }), _jsxs(Text, { as: "h1", variant: "title", tone: "primary", align: "center", children: ["Sign in to ", appSettings.title] }), signIn.step === 'choose' ? (_jsxs(_Fragment, { children: [_jsx(Button, { size: "lg", disabled: isBusy, isPending: signIn.signingIn === 'google', onClick: signIn.continueWithGoogle, children: "Continue with Google" }), _jsxs(Form, { onSubmit: (values) => signIn.sendEmailCode({ email: values['email'] ?? '' }), children: [_jsx(TextField, { name: "email", type: "email", autoComplete: "email", placeholder: "you@example.com", label: "Email", isLabelHidden: true, size: "lg", disabled: true }), _jsx(Button, { type: "submit", variant: "secondary", size: "lg", disabled: true, children: "Email me a code" }), _jsx(Text, { variant: "caption", tone: "tertiary", align: "center", children: "Email sign-in coming soon" })] }), import.meta.env.DEV ? (_jsxs(Button, { variant: "tertiary", size: "lg", disabled: isBusy, isPending: signIn.signingIn === 'dev', onClick: () => signIn.signInAsDevUser({ email: DEV_USER }), children: ["Dev: sign in as ", DEV_USER] })) : null] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { as: "p", tone: "secondary", align: "center", children: ["We sent a 6-digit code to ", signIn.email, "."] }), _jsxs(Form, { onSubmit: (values) => signIn.verifyEmailCode({ code: values['code'] ?? '' }), children: [_jsx(TextField, { name: "code", required: true, autoFocus: true, inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]{6}", maxLength: 6, placeholder: "123456", label: "Code", isLabelHidden: true, size: "lg" }), _jsx(Button, { type: "submit", size: "lg", disabled: isBusy, isPending: signIn.signingIn === 'email', children: "Sign in" })] }), _jsx(Button, { variant: "transparent", size: "lg", disabled: isBusy, onClick: signIn.startOver, children: "Use a different email" })] })), signIn.notice === null ? null : (_jsx(Text, { as: "p", tone: "secondary", align: "center", children: signIn.notice })), _jsx(Text, { as: "p", variant: "caption", tone: "tertiary", align: "center", children: "Sign-in by Pattern" })] }) }));
 }
 const DEV_USER = 'ada@acme.test';
 const styles = stylex.create({

package/dist/components/TextField.js

@@ -14,7 +14,7 @@ export function TextField({ label, isLabelHidden = false, description, error, on
                     if (event.currentTarget.value !== valueOnFocus.current) {
                         interact({ primitive: 'TextField', event: 'change', label });
                     }
-                }, className: stylex.props(styles.input, controlSizes[size], isInvalid && styles.invalid).className }), description === undefined ? null : (_jsx(Field.Description, { className: stylex.props(styles.note).className, children: description })), error === undefined ? null : (_jsx(Field.Error, { match: true, className: stylex.props(styles.error).className, children: error }))] }));
+                }, className: stylex.props(styles.input, controlSizes[size], isInvalid && styles.invalid, input.disabled === true && styles.disabled).className }), description === undefined ? null : (_jsx(Field.Description, { className: stylex.props(styles.note).className, children: description })), error === undefined ? null : (_jsx(Field.Error, { match: true, className: stylex.props(styles.error).className, children: error }))] }));
 }
 const focusRing = `inset 0 0 0 ${borders.hairline} ${colors.brandBorderFocus}, 0 0 0 ${borders.thin} ${colors.brandBorderFocus}, ${shadows.default}`;
 const invalidRing = `inset 0 0 0 ${borders.hairline} ${colors.dangerBorderDefault}, 0 0 0 ${borders.thin} ${colors.dangerBorderDefault}, ${shadows.default}`;
@@ -55,6 +55,15 @@ const styles = stylex.create({
             ':focus-visible': invalidRing
         }
     },
+    disabled: {
+        color: colors.disabledForeground,
+        cursor: 'not-allowed',
+        backgroundColor: colors.disabled,
+        boxShadow: 'none',
+        '::placeholder': {
+            color: colors.disabledForeground
+        }
+    },
     note: {
         fontSize: fontSizes.captionLg,
         lineHeight: lineHeights.caption,

package/dist/publishWire.d.ts

@@ -99,6 +99,18 @@ export declare const loginToApprove: z.ZodObject<{
     code: z.ZodString;
     label: z.ZodString;
 }, z.core.$strip>;
+export declare const setupCode: z.ZodObject<{
+    code: z.ZodString;
+    expiresAt: z.ZodString;
+}, z.core.$strip>;
+export declare const setupCodeExchanged: z.ZodObject<{
+    cookie: z.ZodString;
+}, z.core.$strip>;
+export declare const connection: z.ZodObject<{
+    label: z.ZodString;
+    connectedAt: z.ZodString;
+}, z.core.$strip>;
+export type Connection = z.output<typeof connection>;
 export declare const publishServices: {
     readonly apps: {
         readonly list: NoInfer<import("./services.ts").ServiceCall<"/apps", {}, z.ZodArray<z.ZodObject<{
@@ -259,6 +271,19 @@ export declare const publishServices: {
             finishedAt: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>>>;
     };
+    readonly setup: {
+        readonly newCode: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/setup-code", {}, z.ZodObject<{
+            code: z.ZodString;
+            expiresAt: z.ZodString;
+        }, z.core.$strip>>>;
+        readonly connection: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/connection", {}, z.ZodNullable<z.ZodObject<{
+            label: z.ZodString;
+            connectedAt: z.ZodString;
+        }, z.core.$strip>>>>;
+        readonly disconnect: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/connection/disconnect", {}, z.ZodObject<{
+            ok: z.ZodBoolean;
+        }, z.core.$strip>>>;
+    };
     readonly logins: {
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/cli/logins/:approval", {}, z.ZodObject<{
             code: z.ZodString;

package/dist/publishWire.js

@@ -126,6 +126,12 @@ export const loginPoll = z.union([
     z.object({ status: z.literal('approved'), cookie: z.string() })
 ]);
 export const loginToApprove = z.object({ code: z.string(), label: z.string() });
+export const setupCode = z.object({ code: z.string(), expiresAt: z.string() });
+export const setupCodeExchanged = z.object({ cookie: z.string() });
+export const connection = z.object({
+    label: z.string(),
+    connectedAt: z.string()
+});
 export const publishServices = defineServices({
     apps: {
         list: call({ get: '/apps', reply: z.array(appSummary) }),
@@ -158,6 +164,17 @@ export const publishServices = defineServices({
             reply: publishSummary
         })
     },
+    setup: {
+        newCode: call({ post: '/apps/:name/setup-code', reply: setupCode }),
+        connection: call({
+            get: '/apps/:name/connection',
+            reply: connection.nullable()
+        }),
+        disconnect: call({
+            post: '/apps/:name/connection/disconnect',
+            reply: z.object({ ok: z.boolean() })
+        })
+    },
     logins: {
         read: call({ get: '/cli/logins/:approval', reply: loginToApprove }),
         approve: call({

package/dist/react.d.ts

@@ -1,5 +1,6 @@
 export { AppProvider, useModel } from './hooks/appContext.ts';
 export { AppFrame } from './components/AppFrame.tsx';
+export { Appear } from './components/Appear.tsx';
 export { AppearancePicker } from './components/AppearancePicker.tsx';
 export { Avatar } from './components/Avatar.tsx';
 export { Badge } from './components/Badge.tsx';

package/dist/react.js

@@ -1,5 +1,6 @@
 export { AppProvider, useModel } from "./hooks/appContext.js";
 export { AppFrame } from "./components/AppFrame.js";
+export { Appear } from "./components/Appear.js";
 export { AppearancePicker } from "./components/AppearancePicker.js";
 export { Avatar } from "./components/Avatar.js";
 export { Badge } from "./components/Badge.js";

package/dist/rules/lintPlugin.js

@@ -44,6 +44,7 @@ const CLICK_HANDLERS = new Set([
 ]);
 const PRIMITIVES = new Set([
     'AppFrame',
+    'Appear',
     'AppearancePicker',
     'Avatar',
     'Badge',

package/dist/server/index.d.ts

@@ -5,7 +5,7 @@ export { refused } from '../services.ts';
 export { serveServices } from './services.ts';
 export type { ServiceHandlers } from './services.ts';
 export { sessionCookieFor } from './session.ts';
-export { sessions } from './sessions.ts';
+export { deleteSession, sessions } from './sessions.ts';
 export { readTitle, seedTitleSql, settings, writeTitle } from './settings.ts';
 export { exchangeReply, exchangeRequest, sendCodeReply, sendCodeRequest, verifiedIdentity, verifyCodeReply, verifyCodeRequest } from './signInWire.ts';
 export type { VerifiedIdentity } from './signInWire.ts';

package/dist/server/index.js

@@ -3,7 +3,7 @@ export { seedSql, serveTables, sqlTable, sqlTables } from "./tables.js";
 export { refused } from "../services.js";
 export { serveServices } from "./services.js";
 export { sessionCookieFor } from "./session.js";
-export { sessions } from "./sessions.js";
+export { deleteSession, sessions } from "./sessions.js";
 export { readTitle, seedTitleSql, settings, writeTitle } from "./settings.js";
 export { exchangeReply, exchangeRequest, sendCodeReply, sendCodeRequest, verifiedIdentity, verifyCodeReply, verifyCodeRequest } from "./signInWire.js";
 export { findUser, users } from "./users.js";

package/dist/server/session.d.ts

@@ -17,7 +17,10 @@ export declare function issuePass(c: Context<ServerEnv>, user: StoredUser, sessi
     recheckAt: number;
 }>;
 export declare function startSession(c: Context<ServerEnv>, user: StoredUser): Promise<void>;
-export declare function sessionCookieFor(env: ServerEnv['Bindings'], user: StoredUser): Promise<string>;
+export declare function sessionCookieFor(env: ServerEnv['Bindings'], user: StoredUser): Promise<{
+    cookie: string;
+    sessionId: `${string}-${string}-${string}-${string}-${string}`;
+}>;
 export declare function readPass(c: Context<ServerEnv>): Promise<{
     sessionId: string;
     userId: string;

package/dist/server/session.js

@@ -37,14 +37,15 @@ export async function startSession(c, user) {
     await issuePass(c, user, await createSession(c.env.DB, user.id));
 }
 export async function sessionCookieFor(env, user) {
+    const sessionId = await createSession(env.DB, user.id);
     const pass = {
-        sessionId: await createSession(env.DB, user.id),
+        sessionId,
         userId: user.id,
         email: user.email,
         recheckAt: nowInSeconds() + RECHECK_SECONDS
     };
     const cookie = await serializeSigned(SESSION_COOKIE, JSON.stringify(pass), env.SESSION_SECRET);
-    return cookie.split(';')[0] ?? cookie;
+    return { cookie: cookie.split(';')[0] ?? cookie, sessionId };
 }
 export async function readPass(c) {
     const value = await getSignedCookie(c, c.env.SESSION_SECRET, SESSION_COOKIE);

package/package.json

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