@trypattern/sdk 0.1.30 → 0.1.32

package/dist/publishWire.d.ts

@@ -176,6 +176,8 @@ export declare const domainSummary: z.ZodObject<{
     }>;
     error: z.ZodNullable<z.ZodString>;
     startedAt: z.ZodString;
+    registeredAt: z.ZodNullable<z.ZodString>;
+    expiresAt: z.ZodNullable<z.ZodString>;
     checkedAt: z.ZodNullable<z.ZodString>;
     finishedAt: z.ZodNullable<z.ZodString>;
 }, z.core.$strip>;
@@ -436,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;
@@ -463,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;
@@ -497,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", {
@@ -506,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<{
@@ -534,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<{
@@ -555,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<{
@@ -576,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", {
@@ -598,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;
@@ -615,9 +617,11 @@ export declare const publishServices: {
             }>;
             error: z.ZodNullable<z.ZodString>;
             startedAt: z.ZodString;
+            registeredAt: z.ZodNullable<z.ZodString>;
+            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;
@@ -637,9 +641,11 @@ export declare const publishServices: {
             }>;
             error: z.ZodNullable<z.ZodString>;
             startedAt: z.ZodString;
+            registeredAt: z.ZodNullable<z.ZodString>;
+            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;
@@ -656,9 +662,11 @@ export declare const publishServices: {
             }>;
             error: z.ZodNullable<z.ZodString>;
             startedAt: z.ZodString;
+            registeredAt: z.ZodNullable<z.ZodString>;
+            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<{
@@ -670,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;
@@ -683,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<{
@@ -727,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<{
@@ -776,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<{
@@ -817,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<{
@@ -876,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<{
@@ -917,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<{
@@ -958,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<{
@@ -999,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

@@ -217,6 +217,8 @@ export const domainSummary = z.object({
     step: z.enum(domainSteps),
     error: z.string().nullable(),
     startedAt: z.string(),
+    registeredAt: z.string().nullable(),
+    expiresAt: z.string().nullable(),
     checkedAt: z.string().nullable(),
     finishedAt: z.string().nullable()
 });
@@ -374,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,9 @@ 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';
 export type { IconName } from './components/icons.ts';
 export { Kbd } from './components/Kbd.tsx';
@@ -34,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';
@@ -51,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,12 +22,16 @@ 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";
 export { Kbd } from "./components/Kbd.js";
 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";
@@ -41,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

@@ -3,6 +3,7 @@ const TOKENS_FILE = 'src/theme/tokens.stylex.ts';
 const APP_THEME_FILE = 'src/theme/theme.ts';
 const APP_COLORS_FILE = 'src/theme/colors.stylex.ts';
 const SCROLL_AREA_FILE = 'src/components/ScrollArea.tsx';
+const GALLERY_FILE = 'src/components/Gallery.tsx';
 const SELECTABLE_FILE = 'src/components/Text.tsx';
 const PRIMITIVE_ELEMENTS = new Set([
     'button',
@@ -64,7 +65,10 @@ const PRIMITIVES = new Set([
     'Divider',
     'CopyButton',
     'EmptyState',
+    'FilePicker',
     'Form',
+    'Gallery',
+    'Header',
     'Icon',
     'IconButton',
     'Image',
@@ -73,6 +77,7 @@ const PRIMITIVES = new Set([
     'ListRow',
     'LoadingRows',
     'Menu',
+    'ProgressBar',
     'PropertyRow',
     'RadioGroup',
     'Row',
@@ -86,6 +91,7 @@ const PRIMITIVES = new Set([
     'Spinner',
     'Stack',
     'Switch',
+    'TableRow',
     'Text',
     'TextField',
     'Toaster',
@@ -374,8 +380,9 @@ const hoverUsesHighlight = styleRule((declarations) => declarations
     message: HOVER_USES_HIGHLIGHT_MESSAGE
 })));
 const scrollViewOnly = styleRule((declarations, context) => {
-    if (inFile(context, SCROLL_AREA_FILE))
+    if (inFile(context, SCROLL_AREA_FILE) || inFile(context, GALLERY_FILE)) {
         return [];
+    }
     return declarations
         .filter((d) => SCROLLING_OVERFLOW_PROPERTIES.has(d.property) &&
         ['auto', 'scroll'].includes(stringValue(d.value) ?? ''))

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 })
+            }));
         });
     });
 }