@trypattern/sdk 0.1.31 → 0.1.32

package/dist/bookings.d.ts

@@ -205,7 +205,7 @@ export declare const bookingServices: {
                 closed: "closed";
                 full: "full";
             }>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly windows: NoInfer<import("./services.ts").ServiceCall<"/bookings/windows", {
             date: z.ZodString;
         }, z.ZodArray<z.ZodObject<{
@@ -214,7 +214,7 @@ export declare const bookingServices: {
             start: z.ZodString;
             end: z.ZodString;
             remaining: z.ZodNumber;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly request: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {
             offering: z.ZodString;
             date: z.ZodString;
@@ -242,7 +242,7 @@ export declare const bookingServices: {
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly requests: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {}, z.ZodArray<z.ZodObject<{
             id: z.ZodString;
             createdAt: z.ZodString;
@@ -261,7 +261,7 @@ export declare const bookingServices: {
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly accept: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/accept", {}, z.ZodObject<{
             id: z.ZodString;
             createdAt: z.ZodString;
@@ -280,7 +280,7 @@ export declare const bookingServices: {
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly decline: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/decline", {}, z.ZodObject<{
             id: z.ZodString;
             createdAt: z.ZodString;
@@ -299,7 +299,7 @@ export declare const bookingServices: {
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly rules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {}, z.ZodObject<{
             windows: z.ZodArray<z.ZodObject<{
                 weekday: z.ZodEnum<{
@@ -323,7 +323,7 @@ export declare const bookingServices: {
                 date: z.ZodString;
                 reason: z.ZodString;
             }, z.core.$strip>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly saveRules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {
             windows: z.ZodArray<z.ZodObject<{
                 weekday: z.ZodEnum<{
@@ -370,7 +370,7 @@ export declare const bookingServices: {
                 date: z.ZodString;
                 reason: z.ZodString;
             }, z.core.$strip>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
 };
 export declare const FULL = "That window was just taken. Choose another window or another day.";

package/dist/bookingsStore.d.ts

@@ -98,7 +98,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
                 closed: "closed";
                 full: "full";
             }>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly windows: NoInfer<import("./services.ts").ServiceCall<"/bookings/windows", {
             date: z.ZodString;
         }, z.ZodArray<z.ZodObject<{
@@ -107,7 +107,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
             start: z.ZodString;
             end: z.ZodString;
             remaining: z.ZodNumber;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly request: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {
             offering: z.ZodString;
             date: z.ZodString;
@@ -135,7 +135,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly requests: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {}, z.ZodArray<z.ZodObject<{
             id: z.ZodString;
             createdAt: z.ZodString;
@@ -154,7 +154,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly accept: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/accept", {}, z.ZodObject<{
             id: z.ZodString;
             createdAt: z.ZodString;
@@ -173,7 +173,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly decline: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/decline", {}, z.ZodObject<{
             id: z.ZodString;
             createdAt: z.ZodString;
@@ -192,7 +192,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
                 declined: "declined";
                 cancelled: "cancelled";
             }>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly rules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {}, z.ZodObject<{
             windows: z.ZodArray<z.ZodObject<{
                 weekday: z.ZodEnum<{
@@ -216,7 +216,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
                 date: z.ZodString;
                 reason: z.ZodString;
             }, z.core.$strip>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly saveRules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {
             windows: z.ZodArray<z.ZodObject<{
                 weekday: z.ZodEnum<{
@@ -263,7 +263,7 @@ declare const Bookings_base: import("./store.ts").StoreClass<{
                 date: z.ZodString;
                 reason: z.ZodString;
             }, z.core.$strip>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
 }>>;
 export declare class Bookings extends Bookings_base {
@@ -346,7 +346,7 @@ export declare const bookings: {
                     closed: "closed";
                     full: "full";
                 }>;
-            }, z.core.$strip>>>>;
+            }, z.core.$strip>>, false>>;
             readonly windows: NoInfer<import("./services.ts").ServiceCall<"/bookings/windows", {
                 date: z.ZodString;
             }, z.ZodArray<z.ZodObject<{
@@ -355,7 +355,7 @@ export declare const bookings: {
                 start: z.ZodString;
                 end: z.ZodString;
                 remaining: z.ZodNumber;
-            }, z.core.$strip>>>>;
+            }, z.core.$strip>>, false>>;
             readonly request: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {
                 offering: z.ZodString;
                 date: z.ZodString;
@@ -383,7 +383,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly requests: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {}, z.ZodArray<z.ZodObject<{
                 id: z.ZodString;
                 createdAt: z.ZodString;
@@ -402,7 +402,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>>;
+            }, z.core.$strip>>, false>>;
             readonly accept: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/accept", {}, z.ZodObject<{
                 id: z.ZodString;
                 createdAt: z.ZodString;
@@ -421,7 +421,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly decline: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/decline", {}, z.ZodObject<{
                 id: z.ZodString;
                 createdAt: z.ZodString;
@@ -440,7 +440,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly rules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {}, z.ZodObject<{
                 windows: z.ZodArray<z.ZodObject<{
                     weekday: z.ZodEnum<{
@@ -464,7 +464,7 @@ export declare const bookings: {
                     date: z.ZodString;
                     reason: z.ZodString;
                 }, z.core.$strip>>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly saveRules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {
                 windows: z.ZodArray<z.ZodObject<{
                     weekday: z.ZodEnum<{
@@ -511,7 +511,7 @@ export declare const bookings: {
                     date: z.ZodString;
                     reason: z.ZodString;
                 }, z.core.$strip>>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
         };
     };
     readonly memory: import("./services.ts").ServiceMemory<{
@@ -525,7 +525,7 @@ export declare const bookings: {
                     closed: "closed";
                     full: "full";
                 }>;
-            }, z.core.$strip>>>>;
+            }, z.core.$strip>>, false>>;
             readonly windows: NoInfer<import("./services.ts").ServiceCall<"/bookings/windows", {
                 date: z.ZodString;
             }, z.ZodArray<z.ZodObject<{
@@ -534,7 +534,7 @@ export declare const bookings: {
                 start: z.ZodString;
                 end: z.ZodString;
                 remaining: z.ZodNumber;
-            }, z.core.$strip>>>>;
+            }, z.core.$strip>>, false>>;
             readonly request: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {
                 offering: z.ZodString;
                 date: z.ZodString;
@@ -562,7 +562,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly requests: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests", {}, z.ZodArray<z.ZodObject<{
                 id: z.ZodString;
                 createdAt: z.ZodString;
@@ -581,7 +581,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>>;
+            }, z.core.$strip>>, false>>;
             readonly accept: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/accept", {}, z.ZodObject<{
                 id: z.ZodString;
                 createdAt: z.ZodString;
@@ -600,7 +600,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly decline: NoInfer<import("./services.ts").ServiceCall<"/bookings/requests/:id/decline", {}, z.ZodObject<{
                 id: z.ZodString;
                 createdAt: z.ZodString;
@@ -619,7 +619,7 @@ export declare const bookings: {
                     declined: "declined";
                     cancelled: "cancelled";
                 }>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly rules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {}, z.ZodObject<{
                 windows: z.ZodArray<z.ZodObject<{
                     weekday: z.ZodEnum<{
@@ -643,7 +643,7 @@ export declare const bookings: {
                     date: z.ZodString;
                     reason: z.ZodString;
                 }, z.core.$strip>>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
             readonly saveRules: NoInfer<import("./services.ts").ServiceCall<"/bookings/rules", {
                 windows: z.ZodArray<z.ZodObject<{
                     weekday: z.ZodEnum<{
@@ -690,7 +690,7 @@ export declare const bookings: {
                     date: z.ZodString;
                     reason: z.ZodString;
                 }, z.core.$strip>>;
-            }, z.core.$strip>>>;
+            }, z.core.$strip>, false>>;
         };
     }, unknown>;
     readonly Store: typeof Bookings;

package/dist/components/FilePicker.d.ts

@@ -0,0 +1,13 @@
+import type { PickedFile } from '../files.ts';
+import type { Placement } from './Placement.ts';
+type FilePickerProps = {
+    title: string;
+    hint?: string;
+    buttonLabel: string;
+    accept: readonly string[];
+    onPick: (file: PickedFile) => void;
+    disabled?: boolean;
+    style?: Placement;
+};
+export declare function FilePicker({ title, hint, buttonLabel, accept, onPick, disabled, style }: FilePickerProps): import("react").JSX.Element;
+export {};

package/dist/components/FilePicker.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as stylex from '@stylexjs/stylex';
+import { useRef, useState } from 'react';
+import { rememberFile } from "../files.js";
+import { borders, colors, motion, radii, shadows, space } from "../theme/tokens.stylex.js";
+import { Button } from "./Button.js";
+import { Icon } from "./Icon.js";
+import { interact } from "./interaction.js";
+import { Text } from "./Text.js";
+export function FilePicker({ title, hint, buttonLabel, accept, onPick, disabled = false, style }) {
+    const input = useRef(null);
+    const [isOver, setIsOver] = useState(false);
+    const pick = (file, event) => {
+        if (file === undefined || disabled)
+            return;
+        interact({
+            primitive: 'FilePicker',
+            event: event === 'drop' ? 'change' : 'select',
+            label: title
+        });
+        onPick(rememberFile(file));
+    };
+    const over = (event) => {
+        if (disabled || !event.dataTransfer.types.includes('Files'))
+            return;
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'copy';
+        setIsOver(true);
+    };
+    return (_jsxs("div", { onDragEnter: over, onDragOver: over, onDragLeave: () => setIsOver(false), onDrop: (event) => {
+            event.preventDefault();
+            setIsOver(false);
+            pick(event.dataTransfer.files[0], 'drop');
+        }, ...stylex.props(styles.zone, isOver && styles.over, style), children: [_jsx("span", { ...stylex.props(styles.mark), children: _jsx(Icon, { name: "image", size: "xl", tone: "secondary" }) }), _jsxs("span", { ...stylex.props(styles.words), children: [_jsx(Text, { variant: "label", tone: "primary", align: "center", children: title }), hint === undefined ? null : (_jsx(Text, { variant: "caption", tone: "tertiary", align: "center", children: hint }))] }), _jsx(Button, { variant: "secondary", size: "md", disabled: disabled, onClick: () => input.current?.click(), children: buttonLabel }), _jsx("input", { ref: input, type: "file", accept: accept.join(','), tabIndex: -1, "aria-hidden": true, disabled: disabled, onChange: (event) => {
+                    pick(event.target.files?.[0], 'choose');
+                    event.target.value = '';
+                }, ...stylex.props(styles.input) })] }));
+}
+const styles = stylex.create({
+    zone: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: `calc(${space.sm} + ${space.xxs})`,
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: `calc(${space.xxxl} * 3 + ${space.xl} + ${space.sm} + ${space.xs})`,
+        padding: `calc(${space.lg} + ${space.xs})`,
+        backgroundColor: colors.containerRecessed,
+        borderColor: colors.borderStrong,
+        borderStyle: 'dashed',
+        borderWidth: `calc(${borders.thin} + ${borders.hairline})`,
+        borderRadius: radii.lg,
+        transitionTimingFunction: motion.easeOut,
+        transitionDuration: motion.fast,
+        transitionProperty: 'background-color, border-color'
+    },
+    over: {
+        backgroundColor: colors.brandSubtle,
+        borderColor: colors.brandBorderFocus
+    },
+    mark: {
+        display: 'flex',
+        flexShrink: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: `calc(${space.xxl} + ${space.xs})`,
+        height: `calc(${space.xxl} + ${space.xs})`,
+        backgroundColor: colors.componentOnContainerStrong,
+        borderRadius: radii.full,
+        boxShadow: shadows.default
+    },
+    words: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: space.xxs,
+        alignItems: 'center'
+    },
+    input: {
+        display: 'none'
+    }
+});

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import type { Placement } from './Placement.ts';
+type ProgressBarProps = {
+    label: string;
+    value: number;
+    style?: Placement;
+};
+export declare function ProgressBar({ label, value, style }: ProgressBarProps): import("react").JSX.Element;
+export {};

package/dist/components/ProgressBar.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as stylex from '@stylexjs/stylex';
+import { colors, motion, radii, space } from "../theme/tokens.stylex.js";
+export function ProgressBar({ label, value, style }) {
+    const percent = Math.round(Math.min(1, Math.max(0, value)) * 100);
+    return (_jsx("div", { role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent, ...stylex.props(styles.track, style), children: _jsx("div", { ...stylex.props(styles.fill, fills.width(`${percent}%`)) }) }));
+}
+const styles = stylex.create({
+    track: {
+        display: 'flex',
+        flexShrink: 0,
+        width: '100%',
+        height: space.xs,
+        overflow: 'clip',
+        backgroundColor: colors.component,
+        borderRadius: radii.full
+    },
+    fill: {
+        height: '100%',
+        backgroundColor: colors.brandSolid,
+        borderRadius: radii.full,
+        transitionTimingFunction: motion.easeOut,
+        transitionDuration: motion.fast,
+        transitionProperty: 'width'
+    }
+});
+const fills = stylex.create({
+    width: (width) => ({ width })
+});

package/dist/components/TableRow.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type TableRowProps = {
+    label: string;
+    isCurrent?: boolean;
+    onClick: () => void;
+    children: ReactNode;
+};
+export declare function TableRow({ label, isCurrent, onClick, children }: TableRowProps): import("react").JSX.Element;
+export {};

package/dist/components/TableRow.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as BaseButton } from '@base-ui/react/button';
+import * as stylex from '@stylexjs/stylex';
+import { borders, colors, space } from "../theme/tokens.stylex.js";
+import { focusRing } from "./controlLook.js";
+import { interact } from "./interaction.js";
+export function TableRow({ label, isCurrent = false, onClick, children }) {
+    return (_jsx(BaseButton, { "aria-label": label, "aria-pressed": isCurrent, onClick: () => {
+            interact({ primitive: 'TableRow', event: 'click', label });
+            onClick();
+        }, className: stylex.props(styles.row, isCurrent && styles.current, focusRing.visible, focusRing.inside).className, children: children }));
+}
+const styles = stylex.create({
+    row: {
+        display: 'flex',
+        alignItems: 'center',
+        width: '100%',
+        height: `calc(${space.xxl} + ${space.xs})`,
+        paddingInline: space.xs,
+        color: colors.primaryForeground,
+        textAlign: 'start',
+        backgroundColor: {
+            default: 'transparent',
+            ':hover': colors.transparentHover
+        },
+        borderBottomColor: {
+            default: colors.borderDefault,
+            ':last-child': colors.transparent
+        },
+        borderBottomStyle: 'solid',
+        borderBottomWidth: borders.thin
+    },
+    current: {
+        backgroundColor: colors.transparentHover
+    }
+});

package/dist/components/icons.d.ts

@@ -28,6 +28,7 @@ declare const builtInIcons: {
     chevronUpDown: string;
     check: string;
     plus: string;
+    image: string[];
     trash: string[];
     checkCircle: string[];
     alertCircle: string[];

package/dist/components/icons.js

@@ -46,6 +46,11 @@ const builtInIcons = {
     chevronUpDown: 'M8 9.5 12 5.5l4 4M8 14.5l4 4 4-4',
     check: 'M5 12.5 9.5 17 19 7.5',
     plus: 'M12 5v14M5 12h14',
+    image: [
+        'M6.25 4.75h11.5a2.5 2.5 0 0 1 2.5 2.5v9.5a2.5 2.5 0 0 1-2.5 2.5H6.25a2.5 2.5 0 0 1-2.5-2.5v-9.5a2.5 2.5 0 0 1 2.5-2.5z',
+        'M7.25 10a1.75 1.75 0 1 0 3.5 0a1.75 1.75 0 1 0 -3.5 0',
+        'M4.5 17.5l4.5-4.25 3 2.75 3.5-3.75 4 4'
+    ],
     trash: [
         'M4.75 6.75h14.5',
         'M9.75 6.75v-1a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2v1',

package/dist/components/interaction.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 export type Interaction = {
-    primitive: 'AppFrame' | 'Button' | 'Card' | 'IconButton' | 'Link' | 'ListRow' | 'Select' | 'Switch' | 'Checkbox' | 'SegmentedControl' | 'Menu' | 'ContextMenu' | 'CommandMenu' | 'TextField' | 'Form' | 'Dialog' | 'RadioGroup' | 'ChoiceGroup' | 'Calendar' | 'Gallery';
+    primitive: 'AppFrame' | 'Button' | 'Card' | 'IconButton' | 'Link' | 'ListRow' | 'Select' | 'Switch' | 'Checkbox' | 'SegmentedControl' | 'Menu' | 'ContextMenu' | 'CommandMenu' | 'TextField' | 'Form' | 'Dialog' | 'RadioGroup' | 'ChoiceGroup' | 'Calendar' | 'Gallery' | 'FilePicker' | 'TableRow';
     event: 'click' | 'change' | 'select' | 'open' | 'close' | 'submit' | 'navigate';
     label: string;
     page: string | null;

package/dist/files.d.ts

@@ -0,0 +1,11 @@
+import { z } from 'zod';
+export declare const pickedFile: z.ZodObject<{
+    id: z.ZodString;
+    name: z.ZodString;
+    type: z.ZodString;
+    size: z.ZodNumber;
+}, z.core.$strip>;
+export type PickedFile = z.output<typeof pickedFile>;
+export declare function rememberFile(file: File): PickedFile;
+export declare function pickedFileOf(id: string): File | undefined;
+export declare function forgetFile(id: string): void;

package/dist/files.js

@@ -0,0 +1,19 @@
+import { z } from 'zod';
+export const pickedFile = z.object({
+    id: z.string(),
+    name: z.string(),
+    type: z.string(),
+    size: z.number()
+});
+const picked = new Map();
+export function rememberFile(file) {
+    const id = crypto.randomUUID();
+    picked.set(id, file);
+    return { id, name: file.name, type: file.type, size: file.size };
+}
+export function pickedFileOf(id) {
+    return picked.get(id);
+}
+export function forgetFile(id) {
+    picked.delete(id);
+}

package/dist/flows/flows.d.ts

@@ -1,6 +1,7 @@
 import { expect } from 'vitest';
 import type { ApiCall } from '../api.ts';
 import type { AppClass, RunningApp } from '../app.ts';
+import type { Services } from '../services.ts';
 import type { Seed, Tables } from '../table.ts';
 export { expect };
 export { accessFlows } from './accessFlows.ts';
@@ -39,9 +40,13 @@ export type FlowOptions<Call extends string> = {
 };
 export type FlowBinding<Group extends Tables, Command, Snapshot extends {
     readonly path: string;
-}> = {
+}, AppServices extends Services = Record<never, never>> = {
     App: AppClass<Group, RunningApp<Command, Snapshot>>;
+    services?: AppServices;
 };
+type ServiceCallName<Group extends Services> = {
+    [Name in keyof Group & string]: `${Name}.${keyof Group[Name] & string}`;
+}[keyof Group & string];
 export declare function defineFlow<Group extends Tables, Command, Snapshot extends {
     readonly path: string;
-}>({ App }: FlowBinding<Group, Command, Snapshot>): (name: string, steps: readonly FlowStep<Command, Snapshot, ApiCall<Group>>[], { startAt, failing, signedInAs }?: FlowOptions<ApiCall<Group>>) => void;
+}, AppServices extends Services = Record<never, never>>({ App }: FlowBinding<Group, Command, Snapshot, AppServices>): (name: string, steps: readonly FlowStep<Command, Snapshot, ApiCall<Group> | ServiceCallName<AppServices>>[], { startAt, failing, signedInAs }?: FlowOptions<ApiCall<Group> | ServiceCallName<AppServices>>) => void;

package/dist/index.d.ts

@@ -22,7 +22,9 @@ export type { User } from './auth/user.ts';
 export type { AppClass, AppDefinition, AppDependencies, AppSnapshotShape, BlockStores, CheckedBlocks, DataRouter, ModelServicesOf, NavigateCommand, PressKeyCommand, PublicStores, PlainJsonModel, RunningApp, StoreClasses, StoreInstances, StoresOf, TableStores } from './app.ts';
 export { defineRoutes } from './routes.ts';
 export { ServiceRefused, refused } from './services.ts';
-export type { ServiceClient, ServiceMemory } from './services.ts';
+export type { ServiceClient, ServiceMemory, UploadOptions } from './services.ts';
+export { pickedFile } from './files.ts';
+export type { PickedFile } from './files.ts';
 export { manualClock, realClock } from './clock.ts';
 export type { Clock } from './clock.ts';
 export type { PageOf, PathOf, RouteDefinition } from './routes.ts';

package/dist/index.js

@@ -10,6 +10,7 @@ export { HttpSessionApi, MemorySessionApi } from "./auth/sessionApi.js";
 export { userSchema } from "./auth/user.js";
 export { defineRoutes } from "./routes.js";
 export { ServiceRefused, refused } from "./services.js";
+export { pickedFile } from "./files.js";
 export { manualClock, realClock } from "./clock.js";
 export { Model, Store, action, appPath, defineActions } from "./registered.js";
 export { Cache, Cached } from "./cache.js";

package/dist/publishWire.d.ts

@@ -438,7 +438,7 @@ export declare const publishServices: {
                 startedAt: z.ZodString;
                 finishedAt: z.ZodNullable<z.ZodString>;
             }, z.core.$strip>>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/apps/:name", {}, z.ZodObject<{
             name: z.ZodString;
             title: z.ZodString;
@@ -465,7 +465,7 @@ export declare const publishServices: {
                 startedAt: z.ZodString;
                 finishedAt: z.ZodNullable<z.ZodString>;
             }, z.core.$strip>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly create: NoInfer<import("./services.ts").ServiceCall<"/apps", {
             name: z.ZodString;
             title: z.ZodString;
@@ -499,7 +499,7 @@ export declare const publishServices: {
                 startedAt: z.ZodString;
                 finishedAt: z.ZodNullable<z.ZodString>;
             }, z.core.$strip>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
     readonly names: {
         readonly suggest: NoInfer<import("./services.ts").ServiceCall<"/names", {
@@ -508,12 +508,12 @@ export declare const publishServices: {
             name: z.ZodString;
             available: z.ZodBoolean;
             problem: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly check: NoInfer<import("./services.ts").ServiceCall<"/names/:name", {}, z.ZodObject<{
             name: z.ZodString;
             available: z.ZodBoolean;
             problem: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
     readonly publishes: {
         readonly list: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/publishes", {}, z.ZodArray<z.ZodObject<{
@@ -536,7 +536,7 @@ export declare const publishServices: {
             message: z.ZodNullable<z.ZodString>;
             startedAt: z.ZodString;
             finishedAt: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/publishes/:number", {}, z.ZodObject<{
             number: z.ZodNumber;
             status: z.ZodEnum<{
@@ -557,7 +557,7 @@ export declare const publishServices: {
             message: z.ZodNullable<z.ZodString>;
             startedAt: z.ZodString;
             finishedAt: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly retry: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/publishes/:number/retry", {}, z.ZodObject<{
             number: z.ZodNumber;
             status: z.ZodEnum<{
@@ -578,20 +578,20 @@ export declare const publishServices: {
             message: z.ZodNullable<z.ZodString>;
             startedAt: z.ZodString;
             finishedAt: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
     readonly setup: {
         readonly newCode: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/setup-code", {}, z.ZodObject<{
             code: z.ZodString;
             expiresAt: z.ZodString;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly connection: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/connection", {}, z.ZodNullable<z.ZodObject<{
             label: z.ZodString;
             connectedAt: z.ZodString;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly disconnect: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/connection/disconnect", {}, z.ZodObject<{
             ok: z.ZodBoolean;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
     readonly domains: {
         readonly search: NoInfer<import("./services.ts").ServiceCall<"/domains", {
@@ -600,7 +600,7 @@ export declare const publishServices: {
             domain: z.ZodString;
             priceUsd: z.ZodNullable<z.ZodString>;
             isAvailable: z.ZodBoolean;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/domain", {}, z.ZodNullable<z.ZodObject<{
             domain: z.ZodString;
             priceUsd: z.ZodString;
@@ -621,7 +621,7 @@ export declare const publishServices: {
             expiresAt: z.ZodNullable<z.ZodString>;
             checkedAt: z.ZodNullable<z.ZodString>;
             finishedAt: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly buy: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/domain", {
             domain: z.ZodString;
             priceUsd: z.ZodString;
@@ -645,7 +645,7 @@ export declare const publishServices: {
             expiresAt: z.ZodNullable<z.ZodString>;
             checkedAt: z.ZodNullable<z.ZodString>;
             finishedAt: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly retry: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/domain/retry", {}, z.ZodObject<{
             domain: z.ZodString;
             priceUsd: z.ZodString;
@@ -666,7 +666,7 @@ export declare const publishServices: {
             expiresAt: z.ZodNullable<z.ZodString>;
             checkedAt: z.ZodNullable<z.ZodString>;
             finishedAt: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
     readonly mailboxes: {
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/mailbox", {}, z.ZodNullable<z.ZodObject<{
@@ -678,7 +678,7 @@ export declare const publishServices: {
                 verifying: "verifying";
             }>;
             error: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly create: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/mailbox", {
             localPart: z.ZodString;
             destination: z.ZodEmail;
@@ -691,7 +691,7 @@ export declare const publishServices: {
                 verifying: "verifying";
             }>;
             error: z.ZodNullable<z.ZodString>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
     readonly database: {
         readonly schema: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/database", {}, z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -735,13 +735,41 @@ export declare const publishServices: {
             }, z.core.$strip>>;
         }, z.core.$strip>, z.ZodObject<{
             status: z.ZodLiteral<"outdated">;
-        }, z.core.$strip>], "status">>>;
+        }, z.core.$strip>], "status">, false>>;
         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>>>;
+        }, z.core.$strip>, false>>;
+        readonly update: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/database/:table/:id", {
+            before: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+            after: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+        }, z.ZodObject<{
+            status: z.ZodEnum<{
+                failed: "failed";
+                applied: "applied";
+                skipped: "skipped";
+            }>;
+            reason: z.ZodNullable<z.ZodString>;
+            row: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+        }, z.core.$strip>, false>>;
+    };
+    readonly media: {
+        readonly add: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/media", {
+            alt: z.ZodString;
+            id: z.ZodOptional<z.ZodString>;
+        }, z.ZodObject<{
+            id: z.ZodString;
+            key: z.ZodString;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            placeholder: z.ZodNullable<z.ZodString>;
+            alt: z.ZodString;
+            type: z.ZodString;
+            bytes: z.ZodNumber;
+            createdAt: z.ZodString;
+        }, z.core.$strip>, true>>;
     };
     readonly changes: {
         readonly list: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/changes", {}, z.ZodArray<z.ZodObject<{
@@ -784,7 +812,7 @@ export declare const publishServices: {
                 reason: z.ZodNullable<z.ZodString>;
                 row: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
             }, z.core.$strip>>>;
-        }, z.core.$strip>>>>;
+        }, z.core.$strip>>, false>>;
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/changes/:id", {}, z.ZodObject<{
             id: z.ZodString;
             status: z.ZodEnum<{
@@ -825,7 +853,7 @@ export declare const publishServices: {
                 reason: z.ZodNullable<z.ZodString>;
                 row: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
             }, z.core.$strip>>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly create: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/changes", {
             asked: z.ZodString;
             changes: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -884,7 +912,7 @@ export declare const publishServices: {
                 reason: z.ZodNullable<z.ZodString>;
                 row: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
             }, z.core.$strip>>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly approve: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/changes/:id/approve", {}, z.ZodObject<{
             id: z.ZodString;
             status: z.ZodEnum<{
@@ -925,7 +953,7 @@ export declare const publishServices: {
                 reason: z.ZodNullable<z.ZodString>;
                 row: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
             }, z.core.$strip>>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly decline: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/changes/:id/decline", {}, z.ZodObject<{
             id: z.ZodString;
             status: z.ZodEnum<{
@@ -966,7 +994,7 @@ export declare const publishServices: {
                 reason: z.ZodNullable<z.ZodString>;
                 row: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
             }, z.core.$strip>>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly undo: NoInfer<import("./services.ts").ServiceCall<"/apps/:name/changes/:id/undo", {}, z.ZodObject<{
             id: z.ZodString;
             status: z.ZodEnum<{
@@ -1007,15 +1035,15 @@ export declare const publishServices: {
                 reason: z.ZodNullable<z.ZodString>;
                 row: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
             }, z.core.$strip>>>;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
     readonly logins: {
         readonly read: NoInfer<import("./services.ts").ServiceCall<"/cli/logins/:approval", {}, z.ZodObject<{
             code: z.ZodString;
             label: z.ZodString;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
         readonly approve: NoInfer<import("./services.ts").ServiceCall<"/cli/logins/:approval/approve", {}, z.ZodObject<{
             ok: z.ZodBoolean;
-        }, z.core.$strip>>>;
+        }, z.core.$strip>, false>>;
     };
 };

package/dist/publishWire.js

@@ -376,6 +376,18 @@ export const publishServices = defineServices({
             get: '/apps/:name/database/:table',
             input: { after: z.string().optional() },
             reply: databaseRows
+        }),
+        update: call({
+            post: '/apps/:name/database/:table/:id',
+            input: { before: databaseRow, after: databaseRow },
+            reply: changeOutcome
+        })
+    },
+    media: {
+        add: call({
+            upload: '/apps/:name/media',
+            input: { alt: z.string(), id: z.string().optional() },
+            reply: mediaRow
         })
     },
     changes: {

package/dist/react.d.ts

@@ -24,6 +24,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 { FilePicker } from './components/FilePicker.tsx';
 export { Gallery } from './components/Gallery.tsx';
 export { Header } from './components/Header.tsx';
 export { Image } from './components/Image.tsx';
@@ -36,6 +37,7 @@ export { Menu } from './components/Menu.tsx';
 export type { MenuEntry } from './components/MenuItems.tsx';
 export type { SidebarLink } from './components/Sidebar.tsx';
 export type { Placement } from './components/Placement.ts';
+export { ProgressBar } from './components/ProgressBar.tsx';
 export { PropertyRow } from './components/PropertyRow.tsx';
 export { RadioGroup } from './components/RadioGroup.tsx';
 export type { RadioOption } from './components/RadioGroup.tsx';
@@ -53,6 +55,7 @@ export type { SpaceName } from './components/spacing.ts';
 export { Spinner } from './components/Spinner.tsx';
 export { Stack } from './components/Stack.tsx';
 export { Switch } from './components/Switch.tsx';
+export { TableRow } from './components/TableRow.tsx';
 export { Text } from './components/Text.tsx';
 export { TextField } from './components/TextField.tsx';
 export { Toaster } from './components/Toaster.tsx';

package/dist/react.js

@@ -22,6 +22,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 { FilePicker } from "./components/FilePicker.js";
 export { Gallery } from "./components/Gallery.js";
 export { Header } from "./components/Header.js";
 export { Image } from "./components/Image.js";
@@ -30,6 +31,7 @@ export { Link } from "./components/Link.js";
 export { ListRow } from "./components/ListRow.js";
 export { LoadingRows } from "./components/LoadingRows.js";
 export { Menu } from "./components/Menu.js";
+export { ProgressBar } from "./components/ProgressBar.js";
 export { PropertyRow } from "./components/PropertyRow.js";
 export { RadioGroup } from "./components/RadioGroup.js";
 export { Row } from "./components/Row.js";
@@ -43,6 +45,7 @@ export { Skeleton } from "./components/Skeleton.js";
 export { Spinner } from "./components/Spinner.js";
 export { Stack } from "./components/Stack.js";
 export { Switch } from "./components/Switch.js";
+export { TableRow } from "./components/TableRow.js";
 export { Text } from "./components/Text.js";
 export { TextField } from "./components/TextField.js";
 export { Toaster } from "./components/Toaster.js";

package/dist/rules/lintPlugin.js

@@ -65,6 +65,7 @@ const PRIMITIVES = new Set([
     'Divider',
     'CopyButton',
     'EmptyState',
+    'FilePicker',
     'Form',
     'Gallery',
     'Header',
@@ -76,6 +77,7 @@ const PRIMITIVES = new Set([
     'ListRow',
     'LoadingRows',
     'Menu',
+    'ProgressBar',
     'PropertyRow',
     'RadioGroup',
     'Row',
@@ -89,6 +91,7 @@ const PRIMITIVES = new Set([
     'Spinner',
     'Stack',
     'Switch',
+    'TableRow',
     'Text',
     'TextField',
     'Toaster',

package/dist/schema.d.ts

@@ -1,5 +1,5 @@
 export { call, defineServices } from './services.ts';
-export type { CallInput, CallReply, ServiceCall, ServiceMemory, Services } from './services.ts';
+export type { CallInput, CallReply, HandlerInput, ServiceCall, ServiceMemory, Services, UploadOptions } from './services.ts';
 export { media } from './media.ts';
 export { bookingTables } from './bookings.ts';
 export type { BookingDay, BookingRequest, BookingRequestFields, BookingRules, BookingSlot, BookingStatus, BookingWindow } from './bookings.ts';

package/dist/server/services.d.ts

@@ -1,9 +1,9 @@
 import type { Context, Env } from 'hono';
 import { Hono } from 'hono';
-import type { CallInput, CallReply, Services } from '../services.ts';
+import type { CallReply, HandlerInput, Services } from '../services.ts';
 export type ServiceHandlers<Group extends Services, E extends Env> = {
     readonly [Name in keyof Group]: {
-        readonly [Call in keyof Group[Name]]: (c: Context<E>, input: CallInput<Group[Name][Call]>) => CallReply<Group[Name][Call]> | Promise<CallReply<Group[Name][Call]>>;
+        readonly [Call in keyof Group[Name]]: (c: Context<E>, input: HandlerInput<Group[Name][Call]>) => CallReply<Group[Name][Call]> | Promise<CallReply<Group[Name][Call]>>;
     };
 };
 export declare function serveServices<Group extends Services, E extends Env>(services: Group, handlers: ServiceHandlers<Group, E>): Hono<E>;

package/dist/server/services.js

@@ -1,9 +1,27 @@
 import { Hono } from 'hono';
 import { z } from 'zod';
 import { ServiceRefused, paramNamesOf } from "../services.js";
+const NO_FILE = 'Send the file as the form field "file".';
+async function uploadOf(c, call) {
+    const form = await c.req.formData().catch(() => undefined);
+    const file = form?.get('file');
+    if (form === undefined || !(file instanceof File)) {
+        return { ok: false, problem: NO_FILE };
+    }
+    const fields = Object.fromEntries([...form.entries()].filter((entry) => entry[0] !== 'file' && typeof entry[1] === 'string'));
+    const parsed = call.input.safeParse(fields);
+    return parsed.success
+        ? { ok: true, data: { ...parsed.data, file } }
+        : { ok: false, problem: z.prettifyError(parsed.error) };
+}
 async function inputOf(c, call) {
+    if (call.isUpload)
+        return uploadOf(c, call);
     const raw = call.method === 'get' ? c.req.query() : await c.req.json().catch(() => ({}));
-    return call.input.safeParse(raw);
+    const parsed = call.input.safeParse(raw);
+    return parsed.success
+        ? { ok: true, data: parsed.data }
+        : { ok: false, problem: z.prettifyError(parsed.error) };
 }
 const BUILT_IN_PATHS = ['/auth', '/health', '/tables', '/app', '/me', '/schema'];
 function builtInPathOf(path) {
@@ -24,9 +42,8 @@ export function serveServices(services, handlers) {
             const handler = Reflect.get(Reflect.get(handlers, group), name);
             server.on(call.method.toUpperCase(), call.path, async (c) => {
                 const parsed = await inputOf(c, call);
-                if (!parsed.success) {
-                    return c.json({ error: z.prettifyError(parsed.error) }, 400);
-                }
+                if (!parsed.ok)
+                    return c.json({ error: parsed.problem }, 400);
                 const params = Object.fromEntries(paramNamesOf(call.path).map((key) => [key, c.req.param(key) ?? '']));
                 try {
                     const reply = await handler(c, {

package/dist/serviceClients.js

@@ -1,5 +1,8 @@
+import { pickedFile, pickedFileOf } from "./files.js";
 import { MemoryServer } from "./memoryApi.js";
 import { ServiceRefused, paramNamesOf } from "./services.js";
+const FILE_GONE = 'Choose the file again.';
+const NOT_SENT = 'Couldn’t send it. Check your connection and try again.';
 function buildClient(services, make) {
     return Object.fromEntries(Object.entries(services).map(([group, calls]) => [
         group,
@@ -21,38 +24,109 @@ function errorOf(body, status) {
         : undefined;
     return typeof error === 'string' ? error : `HTTP ${status}`;
 }
-export function httpServices(services, gate, onSignedOut) {
-    return buildClient(services, (group, name, call) => (input = {}) => gate.pass(`${group}.${name}`, async () => {
-        const { path, rest } = splitInput(call, input);
-        const sent = call.input.parse(rest);
-        const fields = Object.entries(sent).filter(([, value]) => value !== undefined);
-        const query = call.method === 'get' && fields.length > 0
-            ? `?${new URLSearchParams(fields.map(([key, value]) => [key, String(value)])).toString()}`
-            : '';
-        const response = await fetch(`/api${path}${query}`, {
-            method: call.method.toUpperCase(),
-            ...(call.method === 'post'
-                ? {
-                    headers: { 'content-type': 'application/json' },
-                    body: JSON.stringify(sent)
-                }
-                : {})
+function fileIdOf(input) {
+    const file = input['file'];
+    const id = typeof file === 'object' && file !== null
+        ? Reflect.get(file, 'id')
+        : undefined;
+    return typeof id === 'string' ? id : '';
+}
+function formOf(fields, file) {
+    const form = new FormData();
+    for (const [key, value] of Object.entries(fields)) {
+        if (value !== undefined)
+            form.set(key, String(value));
+    }
+    form.set('file', file, file.name);
+    return form;
+}
+function bodyOf(text) {
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return null;
+    }
+}
+function sendForm(url, form, { onProgress, signal }) {
+    return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        const abort = () => request.abort();
+        request.open('POST', url);
+        request.upload.addEventListener('progress', (event) => {
+            if (event.lengthComputable)
+                onProgress?.(event.loaded, event.total);
         });
-        const body = await response.json().catch(() => null);
-        if (response.status === 401)
+        request.addEventListener('load', () => {
+            signal?.removeEventListener('abort', abort);
+            resolve({ status: request.status, body: bodyOf(request.responseText) });
+        });
+        request.addEventListener('error', () => {
+            signal?.removeEventListener('abort', abort);
+            reject(new ServiceRefused(0, NOT_SENT));
+        });
+        request.addEventListener('abort', () => {
+            reject(new DOMException('The upload was cancelled', 'AbortError'));
+        });
+        if (signal?.aborted === true) {
+            reject(new DOMException('The upload was cancelled', 'AbortError'));
+            return;
+        }
+        signal?.addEventListener('abort', abort);
+        request.send(form);
+    });
+}
+async function upload(call, input, options) {
+    const { path, rest } = splitInput(call, input);
+    const file = pickedFileOf(fileIdOf(input));
+    if (file === undefined)
+        throw new ServiceRefused(400, FILE_GONE);
+    const fields = call.input.parse(Object.fromEntries(Object.entries(rest).filter(([key]) => key !== 'file')));
+    return sendForm(`/api${path}`, formOf(fields, file), options);
+}
+async function request(call, input) {
+    const { path, rest } = splitInput(call, input);
+    const sent = call.input.parse(rest);
+    const fields = Object.entries(sent).filter(([, value]) => value !== undefined);
+    const query = call.method === 'get' && fields.length > 0
+        ? `?${new URLSearchParams(fields.map(([key, value]) => [key, String(value)])).toString()}`
+        : '';
+    const response = await fetch(`/api${path}${query}`, {
+        method: call.method.toUpperCase(),
+        ...(call.method === 'post'
+            ? {
+                headers: { 'content-type': 'application/json' },
+                body: JSON.stringify(sent)
+            }
+            : {})
+    });
+    return {
+        status: response.status,
+        body: await response.json().catch(() => null)
+    };
+}
+export function httpServices(services, gate, onSignedOut) {
+    return buildClient(services, (group, name, call) => (input = {}, options = {}) => gate.pass(`${group}.${name}`, async () => {
+        const { status, body } = call.isUpload
+            ? await upload(call, input, options)
+            : await request(call, input);
+        if (status === 401)
             onSignedOut();
-        if (!response.ok) {
-            throw new ServiceRefused(response.status, errorOf(body, response.status));
+        if (status < 200 || status >= 300) {
+            throw new ServiceRefused(status, errorOf(body, status));
         }
         return call.reply.parse(body);
     }));
 }
 export function memoryServices(services, memory, world, options) {
     const servers = new Map();
-    return buildClient(services, (group, name, call) => (input = {}) => {
+    return buildClient(services, (group, name, call) => (input = {}, upload = {}) => {
         const server = servers.get(group) ?? new MemoryServer(group, options);
         servers.set(group, server);
         return server.reply(name, () => {
+            if (upload.signal?.aborted === true) {
+                throw new DOMException('The upload was cancelled', 'AbortError');
+            }
             const handlers = Reflect.get(memory, group);
             const handler = typeof handlers === 'object' && handlers !== null
                 ? Reflect.get(handlers, name)
@@ -61,8 +135,18 @@ export function memoryServices(services, memory, world, options) {
                 throw new Error(`The memory fake has no ${group}.${name}`);
             }
             const { rest } = splitInput(call, input);
-            const params = Object.fromEntries(paramNamesOf(call.path).map((key) => [key, String(input[key] ?? '')]));
-            return call.reply.parse(handler(world, { ...params, ...call.input.parse(rest) }));
+            const params = Object.fromEntries(paramNamesOf(call.path).map((key) => [
+                key,
+                String(input[key] ?? '')
+            ]));
+            const file = call.isUpload
+                ? pickedFile.parse(input['file'])
+                : undefined;
+            return call.reply.parse(handler(world, {
+                ...params,
+                ...call.input.parse(rest),
+                ...(file === undefined ? {} : { file })
+            }));
         });
     });
 }

package/dist/services.d.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import type { PickedFile } from './files.ts';
 import type { SameOnTheWire } from './wire.ts';
 type Shape = z.ZodRawShape;
 type NoShape = Record<never, never>;
@@ -6,11 +7,16 @@ type ParamNames<Path extends string> = Path extends `${string}:${infer Param}/${
 export type ParamsOf<Path extends string> = {
     readonly [Name in ParamNames<Path>]: string;
 };
-export type ServiceCall<Path extends string = string, S extends Shape = Shape, Reply extends z.ZodType = z.ZodType> = {
+export type ServiceCall<Path extends string = string, S extends Shape = Shape, Reply extends z.ZodType = z.ZodType, Upload extends boolean = boolean> = {
     readonly method: 'get' | 'post';
     readonly path: Path;
     readonly input: z.ZodObject<S>;
     readonly reply: Reply;
+    readonly isUpload: Upload;
+};
+export type UploadOptions = {
+    readonly onProgress?: (sent: number, total: number) => void;
+    readonly signal?: AbortSignal;
 };
 type StaticTypeError<Message extends string> = Message;
 type NotText = StaticTypeError<'A get call sends its input in the address, where everything is text: use z.string() or z.enum() here, or make it a post call'>;
@@ -26,12 +32,30 @@ type CallOptions<Path extends string, S extends Shape, Reply extends z.ZodType>
     input?: SameOnTheWire<S>;
     reply: Reply;
 };
-export declare function call<Path extends string, Reply extends z.ZodType, S extends Shape = NoShape>(options: CallOptions<Path, S, Reply>): NoInfer<ServiceCall<Path, S, Reply>>;
+type UploadCallOptions<Path extends string, S extends Shape, Reply extends z.ZodType> = {
+    upload: Path;
+    input?: TextOnly<S> & SameOnTheWire<S>;
+    reply: Reply;
+};
+export declare function call<Path extends string, Reply extends z.ZodType, S extends Shape = NoShape>(options: UploadCallOptions<Path, S, Reply>): NoInfer<ServiceCall<Path, S, Reply, true>>;
+export declare function call<Path extends string, Reply extends z.ZodType, S extends Shape = NoShape>(options: CallOptions<Path, S, Reply>): NoInfer<ServiceCall<Path, S, Reply, false>>;
 export type Services = Readonly<Record<string, Readonly<Record<string, ServiceCall>>>>;
 export declare function defineServices<const Group extends Services>(services: Group): Group;
-export type CallInput<Call> = Call extends ServiceCall<infer Path, infer S, z.ZodType> ? ParamsOf<Path> & (keyof S extends never ? NoShape : z.output<z.ZodObject<S>>) : never;
+type FieldsOf<Call> = Call extends ServiceCall<infer Path, infer S, z.ZodType> ? ParamsOf<Path> & (keyof S extends never ? NoShape : z.output<z.ZodObject<S>>) : never;
+export type CallInput<Call> = FieldsOf<Call> & (Call extends {
+    readonly isUpload: true;
+} ? {
+    file: PickedFile;
+} : NoShape);
+export type HandlerInput<Call> = FieldsOf<Call> & (Call extends {
+    readonly isUpload: true;
+} ? {
+    file: File;
+} : NoShape);
 export type CallReply<Call> = Call extends ServiceCall<string, Shape, infer Reply> ? z.output<Reply> : never;
-type ClientCall<Call> = keyof CallInput<Call> extends never ? (input?: CallInput<Call>) => Promise<CallReply<Call>> : (input: CallInput<Call>) => Promise<CallReply<Call>>;
+type ClientCall<Call> = Call extends {
+    readonly isUpload: true;
+} ? (input: CallInput<Call>, options?: UploadOptions) => Promise<CallReply<Call>> : keyof CallInput<Call> extends never ? (input?: CallInput<Call>) => Promise<CallReply<Call>> : (input: CallInput<Call>) => Promise<CallReply<Call>>;
 export type ServiceClient<Group extends Services> = {
     readonly [Name in keyof Group]: {
         readonly [Call in keyof Group[Name]]: ClientCall<Group[Name][Call]>;

package/dist/services.js

@@ -1,12 +1,16 @@
 import { z } from 'zod';
 export function call(options) {
-    const method = 'get' in options ? 'get' : 'post';
-    const path = 'get' in options ? options.get : options.post;
+    const path = 'get' in options
+        ? options.get
+        : 'post' in options
+            ? options.post
+            : options.upload;
     return {
-        method,
+        method: 'get' in options ? 'get' : 'post',
         path,
         input: z.object((options.input ?? {})),
-        reply: options.reply
+        reply: options.reply,
+        isUpload: 'upload' in options
     };
 }
 export function defineServices(services) {

package/package.json

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