@drawcall/design 0.1.0

package/dist/v1/client.js

@@ -0,0 +1,16 @@
+import { createORPCClient } from "@orpc/client";
+import { OpenAPILink } from "@orpc/openapi-client/fetch";
+import { contract } from "./contract.js";
+import { httpUrlSchema } from "./schemas.js";
+export const DEFAULT_BASE_URL = "https://design.drawcall.ai";
+export function createClient(options = {}) {
+    const baseUrl = httpUrlSchema.parse(options.baseUrl ?? DEFAULT_BASE_URL);
+    const link = new OpenAPILink(contract, {
+        url: new URL("/api/v1", baseUrl).href,
+        fetch: options.fetch ?? ((input, init) => globalThis.fetch(input, init)),
+        ...(options.authToken
+            ? { headers: { authorization: `Bearer ${options.authToken}` } }
+            : {}),
+    });
+    return createORPCClient(link);
+}

package/dist/v1/contract.d.ts

@@ -0,0 +1,196 @@
+import { z } from "zod";
+export declare const contract: {
+    user: {
+        me: import("@orpc/contract").ContractProcedureBuilderWithOutput<import("@orpc/contract").Schema<unknown, unknown>, z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            email: z.ZodString;
+            image: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+    };
+    project: {
+        list: import("@orpc/contract").ContractProcedureBuilderWithOutput<import("@orpc/contract").Schema<unknown, unknown>, z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+        }, z.core.$strip>>, Record<never, never>, Record<never, never>>;
+        create: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+            name: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            id: z.ZodString;
+            name: z.ZodString;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+        }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+        delete: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+            project: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            id: z.ZodString;
+        }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+    };
+    frame: {
+        list: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+            project: z.ZodString;
+        }, z.core.$strip>, z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
+            id: z.ZodString;
+            projectId: z.ZodString;
+            name: z.ZodString;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+            kind: z.ZodLiteral<"code">;
+            viewUrl: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            id: z.ZodString;
+            projectId: z.ZodString;
+            name: z.ZodString;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+            kind: z.ZodLiteral<"image">;
+            contentUrl: z.ZodString;
+        }, z.core.$strip>], "kind">>, Record<never, never>, Record<never, never>>;
+        create: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodDiscriminatedUnion<[z.ZodObject<{
+            project: z.ZodString;
+            name: z.ZodString;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            x: z.ZodOptional<z.ZodNumber>;
+            y: z.ZodOptional<z.ZodNumber>;
+            kind: z.ZodLiteral<"code">;
+            source: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+        }, z.core.$strip>, z.ZodObject<{
+            project: z.ZodString;
+            name: z.ZodString;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            x: z.ZodOptional<z.ZodNumber>;
+            y: z.ZodOptional<z.ZodNumber>;
+            kind: z.ZodLiteral<"image">;
+            image: z.ZodUnion<readonly [z.ZodFile, z.ZodString]>;
+        }, z.core.$strip>], "kind">, z.ZodDiscriminatedUnion<[z.ZodObject<{
+            id: z.ZodString;
+            projectId: z.ZodString;
+            name: z.ZodString;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+            kind: z.ZodLiteral<"code">;
+            viewUrl: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            id: z.ZodString;
+            projectId: z.ZodString;
+            name: z.ZodString;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+            kind: z.ZodLiteral<"image">;
+            contentUrl: z.ZodString;
+        }, z.core.$strip>], "kind">, Record<never, never>, Record<never, never>>;
+        rename: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+            project: z.ZodString;
+            frame: z.ZodString;
+            name: z.ZodString;
+        }, z.core.$strip>, z.ZodDiscriminatedUnion<[z.ZodObject<{
+            id: z.ZodString;
+            projectId: z.ZodString;
+            name: z.ZodString;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+            kind: z.ZodLiteral<"code">;
+            viewUrl: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            id: z.ZodString;
+            projectId: z.ZodString;
+            name: z.ZodString;
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            createdAt: z.ZodString;
+            updatedAt: z.ZodString;
+            kind: z.ZodLiteral<"image">;
+            contentUrl: z.ZodString;
+        }, z.core.$strip>], "kind">, Record<never, never>, Record<never, never>>;
+        delete: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+            project: z.ZodString;
+            frame: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            id: z.ZodString;
+        }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+        screenshot: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+            project: z.ZodString;
+            frame: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            url: z.ZodString;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+            mediaType: z.ZodLiteral<"image/png">;
+        }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+        source: {
+            list: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+                project: z.ZodString;
+                frame: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                paths: z.ZodArray<z.ZodString>;
+            }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+            read: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+                project: z.ZodString;
+                frame: z.ZodString;
+                path: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                path: z.ZodString;
+                code: z.ZodString;
+            }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+            write: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+                project: z.ZodString;
+                frame: z.ZodString;
+                path: z.ZodString;
+                code: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                paths: z.ZodArray<z.ZodString>;
+            }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+            edit: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+                project: z.ZodString;
+                frame: z.ZodString;
+                path: z.ZodString;
+                oldText: z.ZodString;
+                newText: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                paths: z.ZodArray<z.ZodString>;
+            }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+            replace: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+                project: z.ZodString;
+                frame: z.ZodString;
+                files: z.ZodRecord<z.ZodString, z.ZodString>;
+            }, z.core.$strip>, z.ZodObject<{
+                paths: z.ZodArray<z.ZodString>;
+            }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+            delete: import("@orpc/contract").ContractProcedureBuilderWithInputOutput<z.ZodObject<{
+                project: z.ZodString;
+                frame: z.ZodString;
+                paths: z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"*">]>>;
+            }, z.core.$strip>, z.ZodObject<{
+                paths: z.ZodArray<z.ZodString>;
+            }, z.core.$strip>, Record<never, never>, Record<never, never>>;
+        };
+    };
+};
+export type V1Contract = typeof contract;

package/dist/v1/contract.js

@@ -0,0 +1,99 @@
+import { oc } from "@orpc/contract";
+import { z } from "zod";
+import { createFrameSchema, frameNameSchema, frameSchema, projectNameSchema, projectSchema, screenshotSchema, sourceCodeSchema, sourceDeletePathsSchema, sourceFileSchema, sourceFilesSchema, sourceListSchema, sourceMutationSchema, sourcePathSchema, userSchema, } from "./schemas.js";
+const projectInputSchema = z.object({ project: projectNameSchema });
+const frameInputSchema = projectInputSchema.extend({ frame: frameNameSchema });
+const sourceFileInputSchema = frameInputSchema.extend({
+    path: sourcePathSchema,
+});
+const deletedSchema = z.object({ id: z.string().min(1) });
+export const contract = {
+    user: {
+        me: oc.route({ method: "GET", path: "/me" }).output(userSchema),
+    },
+    project: {
+        list: oc
+            .route({ method: "GET", path: "/projects" })
+            .output(z.array(projectSchema)),
+        create: oc
+            .route({ method: "POST", path: "/projects" })
+            .input(z.object({ name: projectNameSchema }))
+            .output(projectSchema),
+        delete: oc
+            .route({ method: "DELETE", path: "/projects/{project}" })
+            .input(projectInputSchema)
+            .output(deletedSchema),
+    },
+    frame: {
+        list: oc
+            .route({ method: "GET", path: "/projects/{project}/frames" })
+            .input(projectInputSchema)
+            .output(z.array(frameSchema)),
+        create: oc
+            .route({ method: "POST", path: "/projects/{project}/frames" })
+            .input(createFrameSchema)
+            .output(frameSchema),
+        rename: oc
+            .route({ method: "PATCH", path: "/projects/{project}/frames/{frame}" })
+            .input(frameInputSchema.extend({ name: frameNameSchema }))
+            .output(frameSchema),
+        delete: oc
+            .route({ method: "DELETE", path: "/projects/{project}/frames/{frame}" })
+            .input(frameInputSchema)
+            .output(deletedSchema),
+        screenshot: oc
+            .route({
+            method: "POST",
+            path: "/projects/{project}/frames/{frame}/screenshot",
+        })
+            .input(frameInputSchema)
+            .output(screenshotSchema),
+        source: {
+            list: oc
+                .route({
+                method: "GET",
+                path: "/projects/{project}/frames/{frame}/source",
+            })
+                .input(frameInputSchema)
+                .output(sourceListSchema),
+            read: oc
+                .route({
+                method: "GET",
+                path: "/projects/{project}/frames/{frame}/source/{path}",
+            })
+                .input(sourceFileInputSchema)
+                .output(sourceFileSchema),
+            write: oc
+                .route({
+                method: "PUT",
+                path: "/projects/{project}/frames/{frame}/source/{path}",
+            })
+                .input(sourceFileInputSchema.extend({ code: sourceCodeSchema }))
+                .output(sourceMutationSchema),
+            edit: oc
+                .route({
+                method: "PATCH",
+                path: "/projects/{project}/frames/{frame}/source/{path}",
+            })
+                .input(sourceFileInputSchema.extend({
+                oldText: sourceCodeSchema.min(1),
+                newText: sourceCodeSchema,
+            }))
+                .output(sourceMutationSchema),
+            replace: oc
+                .route({
+                method: "PUT",
+                path: "/projects/{project}/frames/{frame}/source",
+            })
+                .input(frameInputSchema.extend({ files: sourceFilesSchema }))
+                .output(sourceMutationSchema),
+            delete: oc
+                .route({
+                method: "DELETE",
+                path: "/projects/{project}/frames/{frame}/source",
+            })
+                .input(frameInputSchema.extend({ paths: sourceDeletePathsSchema }))
+                .output(sourceMutationSchema),
+        },
+    },
+};

package/dist/v1/index.d.ts

@@ -0,0 +1,3 @@
+export { contract, type V1Contract } from "./contract.js";
+export { createClient, DEFAULT_BASE_URL, type DesignV1Client, type DesignV1ClientOptions, } from "./client.js";
+export * from "./schemas.js";

package/dist/v1/index.js

@@ -0,0 +1,3 @@
+export { contract } from "./contract.js";
+export { createClient, DEFAULT_BASE_URL, } from "./client.js";
+export * from "./schemas.js";

package/dist/v1/schemas.d.ts

@@ -0,0 +1,146 @@
+import { z } from "zod";
+export declare const MAX_FRAME_DIMENSION = 4096;
+export declare const MAX_SOURCE_FILE_COUNT = 64;
+export declare const MAX_SOURCE_FILE_LENGTH = 512000;
+export declare const MAX_SOURCE_TOTAL_LENGTH = 4000000;
+export declare const projectNameSchema: z.ZodString;
+export declare const frameNameSchema: z.ZodString;
+export declare const frameSizeSchema: z.ZodNumber;
+export declare const framePositionSchema: z.ZodNumber;
+export declare const httpUrlSchema: z.ZodString;
+export declare const imageUrlSchema: z.ZodString;
+export declare const sourcePathSchema: z.ZodString;
+export declare const sourceCodeSchema: z.ZodString;
+export declare const sourceFilesSchema: z.ZodRecord<z.ZodString, z.ZodString>;
+export declare const sourceDeletePathsSchema: z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodLiteral<"*">]>>;
+export declare const userSchema: z.ZodObject<{
+    id: z.ZodString;
+    name: z.ZodString;
+    email: z.ZodString;
+    image: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export declare const projectSchema: z.ZodObject<{
+    id: z.ZodString;
+    name: z.ZodString;
+    createdAt: z.ZodString;
+    updatedAt: z.ZodString;
+}, z.core.$strip>;
+export declare const codeFrameSchema: z.ZodObject<{
+    id: z.ZodString;
+    projectId: z.ZodString;
+    name: z.ZodString;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    createdAt: z.ZodString;
+    updatedAt: z.ZodString;
+    kind: z.ZodLiteral<"code">;
+    viewUrl: z.ZodString;
+}, z.core.$strip>;
+export declare const imageFrameSchema: z.ZodObject<{
+    id: z.ZodString;
+    projectId: z.ZodString;
+    name: z.ZodString;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    createdAt: z.ZodString;
+    updatedAt: z.ZodString;
+    kind: z.ZodLiteral<"image">;
+    contentUrl: z.ZodString;
+}, z.core.$strip>;
+export declare const frameSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    id: z.ZodString;
+    projectId: z.ZodString;
+    name: z.ZodString;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    createdAt: z.ZodString;
+    updatedAt: z.ZodString;
+    kind: z.ZodLiteral<"code">;
+    viewUrl: z.ZodString;
+}, z.core.$strip>, z.ZodObject<{
+    id: z.ZodString;
+    projectId: z.ZodString;
+    name: z.ZodString;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    createdAt: z.ZodString;
+    updatedAt: z.ZodString;
+    kind: z.ZodLiteral<"image">;
+    contentUrl: z.ZodString;
+}, z.core.$strip>], "kind">;
+export declare const createCodeFrameSchema: z.ZodObject<{
+    project: z.ZodString;
+    name: z.ZodString;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    x: z.ZodOptional<z.ZodNumber>;
+    y: z.ZodOptional<z.ZodNumber>;
+    kind: z.ZodLiteral<"code">;
+    source: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+}, z.core.$strip>;
+export declare const createImageFrameSchema: z.ZodObject<{
+    project: z.ZodString;
+    name: z.ZodString;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    x: z.ZodOptional<z.ZodNumber>;
+    y: z.ZodOptional<z.ZodNumber>;
+    kind: z.ZodLiteral<"image">;
+    image: z.ZodUnion<readonly [z.ZodFile, z.ZodString]>;
+}, z.core.$strip>;
+export declare const createFrameSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    project: z.ZodString;
+    name: z.ZodString;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    x: z.ZodOptional<z.ZodNumber>;
+    y: z.ZodOptional<z.ZodNumber>;
+    kind: z.ZodLiteral<"code">;
+    source: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+}, z.core.$strip>, z.ZodObject<{
+    project: z.ZodString;
+    name: z.ZodString;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    x: z.ZodOptional<z.ZodNumber>;
+    y: z.ZodOptional<z.ZodNumber>;
+    kind: z.ZodLiteral<"image">;
+    image: z.ZodUnion<readonly [z.ZodFile, z.ZodString]>;
+}, z.core.$strip>], "kind">;
+export declare const sourceListSchema: z.ZodObject<{
+    paths: z.ZodArray<z.ZodString>;
+}, z.core.$strip>;
+export declare const sourceFileSchema: z.ZodObject<{
+    path: z.ZodString;
+    code: z.ZodString;
+}, z.core.$strip>;
+export declare const sourceMutationSchema: z.ZodObject<{
+    paths: z.ZodArray<z.ZodString>;
+}, z.core.$strip>;
+export declare const screenshotSchema: z.ZodObject<{
+    url: z.ZodString;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    mediaType: z.ZodLiteral<"image/png">;
+}, z.core.$strip>;
+export type User = z.infer<typeof userSchema>;
+export type Project = z.infer<typeof projectSchema>;
+export type CodeFrame = z.infer<typeof codeFrameSchema>;
+export type ImageFrame = z.infer<typeof imageFrameSchema>;
+export type Frame = z.infer<typeof frameSchema>;
+export type CreateCodeFrame = z.infer<typeof createCodeFrameSchema>;
+export type CreateImageFrame = z.infer<typeof createImageFrameSchema>;
+export type CreateFrame = z.infer<typeof createFrameSchema>;
+export type SourceFiles = z.infer<typeof sourceFilesSchema>;
+export type SourceList = z.infer<typeof sourceListSchema>;
+export type SourceFile = z.infer<typeof sourceFileSchema>;
+export type SourceMutation = z.infer<typeof sourceMutationSchema>;
+export type Screenshot = z.infer<typeof screenshotSchema>;

package/dist/v1/schemas.js

@@ -0,0 +1,143 @@
+import { z } from "zod";
+export const MAX_FRAME_DIMENSION = 4_096;
+export const MAX_SOURCE_FILE_COUNT = 64;
+export const MAX_SOURCE_FILE_LENGTH = 512_000;
+export const MAX_SOURCE_TOTAL_LENGTH = 4_000_000;
+export const projectNameSchema = z
+    .string()
+    .trim()
+    .min(1)
+    .max(80)
+    .refine((name) => !name.includes("/"), "Project names cannot contain /");
+export const frameNameSchema = z
+    .string()
+    .trim()
+    .min(1)
+    .max(80)
+    .refine((name) => !name.includes("/"), "Frame names cannot contain /");
+export const frameSizeSchema = z.number().int().min(1).max(MAX_FRAME_DIMENSION);
+export const framePositionSchema = z.number().finite();
+export const httpUrlSchema = z
+    .string()
+    .url()
+    .refine(isHttpUrl, "URLs must use HTTP or HTTPS");
+export const imageUrlSchema = httpUrlSchema;
+export const sourcePathSchema = z.string().max(1_024).refine(isSourcePath, {
+    message: "Source paths must be absolute and cannot contain empty, . or .. segments",
+});
+export const sourceCodeSchema = z.string().max(MAX_SOURCE_FILE_LENGTH);
+export const sourceFilesSchema = z
+    .record(sourcePathSchema, sourceCodeSchema)
+    .superRefine((files, context) => {
+    const entries = Object.entries(files);
+    if (entries.length > MAX_SOURCE_FILE_COUNT) {
+        context.addIssue({
+            code: "custom",
+            message: `Source cannot contain more than ${MAX_SOURCE_FILE_COUNT} files`,
+        });
+    }
+    const totalLength = entries.reduce((total, [, code]) => total + code.length, 0);
+    if (totalLength > MAX_SOURCE_TOTAL_LENGTH) {
+        context.addIssue({
+            code: "custom",
+            message: `Source cannot exceed ${MAX_SOURCE_TOTAL_LENGTH} characters`,
+        });
+    }
+})
+    .refine((files) => !("/index.js" in files && "/index.ts" in files), {
+    message: "A frame cannot contain both /index.js and /index.ts",
+});
+export const sourceDeletePathsSchema = z
+    .array(z.union([sourcePathSchema, z.literal("*")]))
+    .min(1)
+    .refine((paths) => !paths.includes("*") || paths.length === 1, {
+    message: "* must be the only delete path",
+});
+export const userSchema = z.object({
+    id: z.string().min(1),
+    name: z.string(),
+    email: z.string().email(),
+    image: z.string().url().nullable(),
+});
+export const projectSchema = z.object({
+    id: z.string().min(1),
+    name: projectNameSchema,
+    createdAt: z.string().datetime(),
+    updatedAt: z.string().datetime(),
+});
+const frameBaseSchema = z.object({
+    id: z.string().uuid(),
+    projectId: z.string().min(1),
+    name: frameNameSchema,
+    x: framePositionSchema,
+    y: framePositionSchema,
+    width: frameSizeSchema,
+    height: frameSizeSchema,
+    createdAt: z.string().datetime(),
+    updatedAt: z.string().datetime(),
+});
+export const codeFrameSchema = frameBaseSchema.extend({
+    kind: z.literal("code"),
+    viewUrl: httpUrlSchema,
+});
+export const imageFrameSchema = frameBaseSchema.extend({
+    kind: z.literal("image"),
+    contentUrl: httpUrlSchema,
+});
+export const frameSchema = z.discriminatedUnion("kind", [
+    codeFrameSchema,
+    imageFrameSchema,
+]);
+const createFrameBaseSchema = z.object({
+    project: projectNameSchema,
+    name: frameNameSchema,
+    width: frameSizeSchema,
+    height: frameSizeSchema,
+    x: framePositionSchema.optional(),
+    y: framePositionSchema.optional(),
+});
+export const createCodeFrameSchema = createFrameBaseSchema.extend({
+    kind: z.literal("code"),
+    source: sourceFilesSchema.optional(),
+});
+export const createImageFrameSchema = createFrameBaseSchema.extend({
+    kind: z.literal("image"),
+    image: z.union([
+        z.file().mime(["image/png", "image/jpeg", "image/webp"]),
+        imageUrlSchema,
+    ]),
+});
+export const createFrameSchema = z.discriminatedUnion("kind", [
+    createCodeFrameSchema,
+    createImageFrameSchema,
+]);
+export const sourceListSchema = z.object({
+    paths: z.array(sourcePathSchema),
+});
+export const sourceFileSchema = z.object({
+    path: sourcePathSchema,
+    code: z.string(),
+});
+export const sourceMutationSchema = sourceListSchema;
+export const screenshotSchema = z.object({
+    url: httpUrlSchema,
+    width: frameSizeSchema,
+    height: frameSizeSchema,
+    mediaType: z.literal("image/png"),
+});
+function isSourcePath(path) {
+    if (!path.startsWith("/") || path === "/" || path.endsWith("/"))
+        return false;
+    if (path.includes("\\") || path.includes("\0"))
+        return false;
+    return path
+        .slice(1)
+        .split("/")
+        .every((segment) => segment.length > 0 && segment !== "." && segment !== "..");
+}
+function isHttpUrl(value) {
+    if (!URL.canParse(value))
+        return false;
+    const protocol = new URL(value).protocol;
+    return protocol === "http:" || protocol === "https:";
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@drawcall/design",
+  "version": "0.1.0",
+  "description": "Typed API and remote CLI for Drawcall Design",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/drawcall-ai/cloud-design",
+    "directory": "packages/design"
+  },
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "skills"
+  ],
+  "bin": {
+    "design": "./dist/cli.js"
+  },
+  "dependencies": {
+    "@orpc/client": "^1.14.13",
+    "@orpc/contract": "^1.14.13",
+    "@orpc/openapi-client": "^1.14.13",
+    "commander": "^14.0.3",
+    "openid-client": "^6.8.4",
+    "open": "^10.1.0",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@types/node": "^25.6.0",
+    "prettier": "^3.6.2",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "generate": "node scripts/generate-skill.mjs",
+    "build": "pnpm run generate && rm -rf dist && tsc -p tsconfig.build.json",
+    "dev": "tsx src/cli.ts",
+    "pretest": "pnpm run generate",
+    "test": "tsx --test tests/*.test.ts",
+    "pretypecheck": "pnpm run generate",
+    "typecheck": "tsc --noEmit"
+  }
+}