create-proto 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sherizan Sheikh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OF OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+# create-proto
+
+Scaffold a new Proto prototype:
+
+```bash
+npm create proto@latest myapp
+```
+
+## What Proto is
+
+A prompt-native design environment. The iOS Simulator is the canvas. Claude Code CLI is the design tool. The designer describes what they want; native iOS UI appears in the Simulator, with Apple's real Liquid Glass on iOS 26+.
+
+No canvas. No IDE. No engineering concepts.
+
+## What this command does
+
+1. Scaffolds the project: `DESIGN.md` (design system source-of-truth), `CLAUDE.md` (Claude Code instructions for Proto-aware generation), Proto component library, a starter Welcome screen
+2. Installs dependencies (Expo SDK 55, React Native, Reanimated 4, `@expo/ui`, `expo-glass-effect`)
+3. Auto-launches Metro and opens the iOS Simulator
+
+Then in another terminal:
+
+```bash
+cd myapp
+claude
+> add a liquid glass bottom tab bar with Home, Explore, Library, Profile tabs
+```
+
+Claude reads `CLAUDE.md`, generates `app/_layout.tsx` using Apple's native `UITabBar` via `expo-router/unstable-native-tabs`, and the Simulator hot-reloads.
+
+## Requirements
+
+- macOS with Xcode + iOS Simulator (Simulator is the canvas)
+- Node.js 18+
+- Claude Code installed (`npm i -g @anthropic-ai/claude-cli`)
+
+## Learn more
+
+[github.com/sherizan/proto](https://github.com/sherizan/proto)
+
+## License
+
+MIT

package/dist/cli.d.ts

@@ -0,0 +1,2 @@
+export declare function run(argv: string[]): Promise<void>;
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"AAcA,wBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA8DvD"}

package/dist/cli.js

@@ -0,0 +1,104 @@
+import path from 'node:path';
+import fs from 'node:fs';
+import { spawn } from 'node:child_process';
+import { fileURLToPath } from 'node:url';
+import { createRequire } from 'node:module';
+import { intro, outro, spinner, log } from '@clack/prompts';
+import { messages } from './messages.js';
+import { validateName } from './validate-name.js';
+import { detectPm } from './detect-pm.js';
+import { copyTemplate } from './copy-template.js';
+import { installDeps } from './install-deps.js';
+const DEFAULT_NAME = 'my-prototype';
+export async function run(argv) {
+    intro(messages.header);
+    const rawName = argv[2] ?? DEFAULT_NAME;
+    if (argv[2] === undefined) {
+        log.info(messages.usingDefaultName(DEFAULT_NAME));
+    }
+    const validated = validateName(rawName);
+    if (!validated.ok) {
+        log.error(validated.reason);
+        process.exit(1);
+    }
+    const name = validated.sanitized;
+    const dest = path.resolve(process.cwd(), name);
+    if (fs.existsSync(dest)) {
+        log.error(messages.folderExists(name));
+        process.exit(1);
+    }
+    const here = path.dirname(fileURLToPath(import.meta.url));
+    const templateRoot = path.resolve(here, '../template');
+    const cleanupAndExit = () => {
+        if (fs.existsSync(dest)) {
+            fs.rmSync(dest, { recursive: true, force: true });
+        }
+        console.log('\n' + messages.cancelled);
+        process.exit(130);
+    };
+    process.on('SIGINT', cleanupAndExit);
+    const startMs = Date.now();
+    const s = spinner();
+    s.start(messages.settingUp(name));
+    try {
+        const today = new Date().toISOString().slice(0, 10);
+        await copyTemplate({
+            templateRoot,
+            destRoot: dest,
+            projectName: name,
+            substitutions: {
+                '{{APP_NAME}}': name,
+                '{{DATE}}': today,
+            },
+        });
+        const pm = detectPm(process.env.npm_config_user_agent);
+        await installDeps({ cwd: dest, pm });
+        const elapsed = Math.round((Date.now() - startMs) / 1000);
+        s.stop(messages.installed(elapsed));
+    }
+    catch (err) {
+        s.stop(err instanceof Error ? err.message : messages.installFailed);
+        if (fs.existsSync(dest)) {
+            log.info(messages.installFailedHint(name));
+        }
+        process.exit(1);
+    }
+    outro(messages.bootingProto);
+    await spawnProtoStart(dest, name);
+}
+async function spawnProtoStart(cwd, name) {
+    const protoCliBin = resolveProtoCli();
+    if (!protoCliBin) {
+        log.error(messages.protoCliNotFound(name));
+        return;
+    }
+    await new Promise((resolve) => {
+        const child = spawn(process.execPath, [protoCliBin, 'start'], {
+            cwd,
+            stdio: 'inherit',
+        });
+        child.on('exit', () => resolve());
+        child.on('error', () => {
+            log.error(messages.protoCliNotFound(name));
+            resolve();
+        });
+    });
+}
+function resolveProtoCli() {
+    // Workspace + post-publish: pnpm symlinks @sherizan/proto-cli at top-level node_modules
+    try {
+        const req = createRequire(import.meta.url);
+        return req.resolve('@sherizan/proto-cli/dist/index.js');
+    }
+    catch { }
+    // Monorepo dev fallback if the workspace symlink is missing
+    try {
+        const here = path.dirname(fileURLToPath(import.meta.url));
+        const sibling = path.resolve(here, '../../proto-cli/dist/index.js');
+        if (fs.existsSync(sibling))
+            return sibling;
+    }
+    catch { }
+    return null;
+}
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"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"}

package/dist/copy-template.d.ts

@@ -0,0 +1,8 @@
+export type CopyOptions = {
+    templateRoot: string;
+    destRoot: string;
+    projectName: string;
+    substitutions?: Record<string, string>;
+};
+export declare function copyTemplate(options: CopyOptions): Promise<void>;
+//# sourceMappingURL=copy-template.d.ts.map

package/dist/copy-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-template.d.ts","sourceRoot":"","sources":["../src/copy-template.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAaF,wBAAsB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAItE"}

package/dist/copy-template.js

@@ -0,0 +1,46 @@
+import fs from 'node:fs';
+import path from 'node:path';
+const TEXT_EXTENSIONS = new Set([
+    '.ts',
+    '.tsx',
+    '.js',
+    '.jsx',
+    '.json',
+    '.md',
+    '.txt',
+    '.html',
+]);
+export async function copyTemplate(options) {
+    const { templateRoot, destRoot, projectName, substitutions } = options;
+    const map = { '{{name}}': projectName, ...(substitutions ?? {}) };
+    await walk(templateRoot, destRoot, map);
+}
+async function walk(srcDir, destDir, substitutions) {
+    await fs.promises.mkdir(destDir, { recursive: true });
+    const entries = await fs.promises.readdir(srcDir, { withFileTypes: true });
+    for (const entry of entries) {
+        const srcPath = path.join(srcDir, entry.name);
+        const destPath = path.join(destDir, entry.name);
+        if (entry.isDirectory()) {
+            await walk(srcPath, destPath, substitutions);
+            continue;
+        }
+        const ext = path.extname(entry.name);
+        if (TEXT_EXTENSIONS.has(ext)) {
+            const text = await fs.promises.readFile(srcPath, 'utf8');
+            const replaced = applySubstitutions(text, substitutions);
+            await fs.promises.writeFile(destPath, replaced, 'utf8');
+        }
+        else {
+            await fs.promises.copyFile(srcPath, destPath);
+        }
+    }
+}
+function applySubstitutions(text, substitutions) {
+    let out = text;
+    for (const [key, value] of Object.entries(substitutions)) {
+        out = out.split(key).join(value);
+    }
+    return out;
+}
+//# sourceMappingURL=copy-template.js.map

package/dist/copy-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-template.js","sourceRoot":"","sources":["../src/copy-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,WAAW,CAAC;AAS7B,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC;IAC9B,KAAK;IACL,MAAM;IACN,KAAK;IACL,MAAM;IACN,OAAO;IACP,KAAK;IACL,MAAM;IACN,OAAO;CACR,CAAC,CAAC;AAEH,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,OAAoB;IACrD,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IACvE,MAAM,GAAG,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,CAAC;IAClE,MAAM,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;AAC1C,CAAC;AAED,KAAK,UAAU,IAAI,CACjB,MAAc,EACd,OAAe,EACf,aAAqC;IAErC,MAAM,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3E,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;YACxB,MAAM,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;YAC7C,SAAS;QACX,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,MAAM,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACzD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;YACzD,MAAM,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1D,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAY,EAAE,aAAqC;IAC7E,IAAI,GAAG,GAAG,IAAI,CAAC;IACf,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;QACzD,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/detect-pm.d.ts

@@ -0,0 +1,3 @@
+export type PackageManager = 'npm' | 'pnpm' | 'yarn';
+export declare function detectPm(userAgent: string | undefined): PackageManager;
+//# sourceMappingURL=detect-pm.d.ts.map

package/dist/detect-pm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detect-pm.d.ts","sourceRoot":"","sources":["../src/detect-pm.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAErD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAMtE"}

package/dist/detect-pm.js

@@ -0,0 +1,12 @@
+export function detectPm(userAgent) {
+    if (!userAgent)
+        return 'npm';
+    if (userAgent.startsWith('pnpm/'))
+        return 'pnpm';
+    if (userAgent.startsWith('yarn/'))
+        return 'yarn';
+    if (userAgent.startsWith('npm/'))
+        return 'npm';
+    return 'npm';
+}
+//# sourceMappingURL=detect-pm.js.map

package/dist/detect-pm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detect-pm.js","sourceRoot":"","sources":["../src/detect-pm.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAAC,SAA6B;IACpD,IAAI,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC;IAC7B,IAAI,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,OAAO,MAAM,CAAC;IACjD,IAAI,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,OAAO,MAAM,CAAC;IACjD,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC;QAAE,OAAO,KAAK,CAAC;IAC/C,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+import { run } from './cli.js';
+run(process.argv).catch((err) => {
+    console.error(err instanceof Error ? err.message : err);
+    process.exit(1);
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;IAC9B,OAAO,CAAC,KAAK,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACxD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC"}

package/dist/install-deps.d.ts

@@ -0,0 +1,16 @@
+import type { PackageManager } from './detect-pm.js';
+export type SpawnResult = {
+    code: number | null;
+    stderr: string;
+};
+export type SpawnFn = (cmd: string, args: string[], opts: {
+    cwd: string;
+}) => Promise<SpawnResult>;
+export type InstallOptions = {
+    cwd: string;
+    pm: PackageManager;
+    spawnFn?: SpawnFn;
+};
+export declare function installDeps(options: InstallOptions): Promise<void>;
+export declare function translateInstallError(stderr: string): string;
+//# sourceMappingURL=install-deps.d.ts.map

package/dist/install-deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"install-deps.d.ts","sourceRoot":"","sources":["../src/install-deps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAClE,MAAM,MAAM,OAAO,GAAG,CACpB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EAAE,EACd,IAAI,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,KAClB,OAAO,CAAC,WAAW,CAAC,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,cAAc,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAsB,WAAW,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAMxE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAW5D"}

package/dist/install-deps.js

@@ -0,0 +1,37 @@
+import { spawn } from 'node:child_process';
+import { messages } from './messages.js';
+export async function installDeps(options) {
+    const fn = options.spawnFn ?? defaultSpawn;
+    const result = await fn(options.pm, ['install', '--silent'], { cwd: options.cwd });
+    if (result.code !== 0) {
+        throw new Error(translateInstallError(result.stderr));
+    }
+}
+export function translateInstallError(stderr) {
+    if (/ENOTFOUND|ETIMEDOUT|ECONNREFUSED|EAI_AGAIN/.test(stderr)) {
+        return messages.noNetwork;
+    }
+    if (/EACCES/.test(stderr)) {
+        return messages.noPermission;
+    }
+    if (/ENOSPC/.test(stderr)) {
+        return messages.noSpace;
+    }
+    return messages.installFailed;
+}
+function defaultSpawn(cmd, args, opts) {
+    return new Promise((resolve) => {
+        const child = spawn(cmd, args, { cwd: opts.cwd, stdio: ['ignore', 'ignore', 'pipe'] });
+        let stderr = '';
+        child.stderr?.on('data', (chunk) => {
+            stderr += chunk.toString();
+        });
+        child.on('exit', (code) => {
+            resolve({ code, stderr });
+        });
+        child.on('error', (err) => {
+            resolve({ code: 1, stderr: err.message });
+        });
+    });
+}
+//# sourceMappingURL=install-deps.js.map

package/dist/install-deps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"install-deps.js","sourceRoot":"","sources":["../src/install-deps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBzC,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,OAAuB;IACvD,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC;IAC3C,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACnF,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,MAAc;IAClD,IAAI,4CAA4C,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9D,OAAO,QAAQ,CAAC,SAAS,CAAC;IAC5B,CAAC;IACD,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,OAAO,QAAQ,CAAC,YAAY,CAAC;IAC/B,CAAC;IACD,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,OAAO,QAAQ,CAAC,OAAO,CAAC;IAC1B,CAAC;IACD,OAAO,QAAQ,CAAC,aAAa,CAAC;AAChC,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAE,IAAc,EAAE,IAAqB;IACtE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;QACvF,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YACjC,MAAM,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;YACxB,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;YACxB,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/messages.d.ts

@@ -0,0 +1,17 @@
+export declare const messages: {
+    header: string;
+    settingUp: (name: string) => string;
+    installed: (seconds: number) => string;
+    folderExists: (name: string) => string;
+    installFailedHint: (name: string) => string;
+    cancelled: string;
+    usingDefaultName: (name: string) => string;
+    bootingProto: string;
+    protoCliNotFound: (name: string) => string;
+    noNetwork: string;
+    noPermission: string;
+    noSpace: string;
+    installFailed: string;
+};
+export type Messages = typeof messages;
+//# sourceMappingURL=messages.d.ts.map

package/dist/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;sBAED,MAAM;yBACH,MAAM;yBACN,MAAM;8BAED,MAAM;;6BAGP,MAAM;;6BAGN,MAAM;;;;;CAShC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC"}

package/dist/messages.js

@@ -0,0 +1,16 @@
+export const messages = {
+    header: 'Proto',
+    settingUp: (name) => `Setting up ${name}...`,
+    installed: (seconds) => `Installed in ${seconds}s`,
+    folderExists: (name) => `That folder already exists. Pick another name: npm create proto@latest <name> (currently: "${name}").`,
+    installFailedHint: (name) => `Couldn't install dependencies. Once your environment is ready: cd ${name} && pnpm install && proto start`,
+    cancelled: 'Cancelled. Folder removed.',
+    usingDefaultName: (name) => `Using name: ${name} (pass a name as the first argument to override).`,
+    bootingProto: 'Booting Proto...',
+    protoCliNotFound: (name) => `Couldn't find proto-cli. Run manually: cd ${name} && proto start`,
+    noNetwork: "Couldn't reach the package registry. Check your internet and try again.",
+    noPermission: "Don't have permission to write here. Try a different folder.",
+    noSpace: 'Out of disk space. Free some up and try again.',
+    installFailed: "Couldn't get things installed. Try again, or visit proto.run/help",
+};
+//# sourceMappingURL=messages.js.map

package/dist/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,cAAc,IAAI,KAAK;IACpD,SAAS,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,gBAAgB,OAAO,GAAG;IAC1D,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAC7B,8FAA8F,IAAI,KAAK;IACzG,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAClC,qEAAqE,IAAI,iCAAiC;IAC5G,SAAS,EAAE,4BAA4B;IACvC,gBAAgB,EAAE,CAAC,IAAY,EAAE,EAAE,CACjC,eAAe,IAAI,mDAAmD;IACxE,YAAY,EAAE,kBAAkB;IAChC,gBAAgB,EAAE,CAAC,IAAY,EAAE,EAAE,CACjC,6CAA6C,IAAI,iBAAiB;IACpE,SAAS,EACP,yEAAyE;IAC3E,YAAY,EACV,8DAA8D;IAChE,OAAO,EAAE,gDAAgD;IACzD,aAAa,EACX,mEAAmE;CACtE,CAAC"}

package/dist/render-qr.d.ts

@@ -0,0 +1,2 @@
+export declare function renderQr(url: string): string;
+//# sourceMappingURL=render-qr.d.ts.map

package/dist/render-qr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-qr.d.ts","sourceRoot":"","sources":["../src/render-qr.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAM5C"}

package/dist/render-qr.js

@@ -0,0 +1,9 @@
+import qrcode from 'qrcode-terminal';
+export function renderQr(url) {
+    let output = '';
+    qrcode.generate(url, { small: true }, (rendered) => {
+        output = rendered;
+    });
+    return output;
+}
+//# sourceMappingURL=render-qr.js.map

package/dist/render-qr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-qr.js","sourceRoot":"","sources":["../src/render-qr.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,QAAQ,CAAC,GAAW;IAClC,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE;QACjD,MAAM,GAAG,QAAQ,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/validate-name.d.ts

@@ -0,0 +1,9 @@
+export type NameValidation = {
+    ok: true;
+    sanitized: string;
+} | {
+    ok: false;
+    reason: string;
+};
+export declare function validateName(input: string): NameValidation;
+//# sourceMappingURL=validate-name.d.ts.map

package/dist/validate-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-name.d.ts","sourceRoot":"","sources":["../src/validate-name.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GACtB;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAIlC,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CA6B1D"}

package/dist/validate-name.js

@@ -0,0 +1,33 @@
+import validate from 'validate-npm-package-name';
+const RESERVED = new Set(['node_modules', '.proto', 'proto']);
+export function validateName(input) {
+    const trimmed = input.trim();
+    if (!trimmed) {
+        return { ok: false, reason: 'Give your prototype a name.' };
+    }
+    if (/\s/.test(trimmed)) {
+        return {
+            ok: false,
+            reason: 'No spaces allowed. Try hyphens instead, like "my-app".',
+        };
+    }
+    const sanitized = trimmed.toLowerCase();
+    if (RESERVED.has(sanitized)) {
+        return { ok: false, reason: 'That name is reserved. Pick something else.' };
+    }
+    if (/^\d/.test(sanitized)) {
+        return {
+            ok: false,
+            reason: 'That name has characters that cause trouble. Use letters, numbers, and hyphens.',
+        };
+    }
+    const result = validate(sanitized);
+    if (!result.validForNewPackages) {
+        return {
+            ok: false,
+            reason: 'That name has characters that cause trouble. Use letters, numbers, and hyphens.',
+        };
+    }
+    return { ok: true, sanitized };
+}
+//# sourceMappingURL=validate-name.js.map

package/dist/validate-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-name.js","sourceRoot":"","sources":["../src/validate-name.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAMjD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAE9D,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,6BAA6B,EAAE,CAAC;IAC9D,CAAC;IACD,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACvB,OAAO;YACL,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,wDAAwD;SACjE,CAAC;IACJ,CAAC;IACD,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACxC,IAAI,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5B,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,6CAA6C,EAAE,CAAC;IAC9E,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;QAC1B,OAAO;YACL,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,iFAAiF;SAC1F,CAAC;IACJ,CAAC;IACD,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAChC,OAAO;YACL,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,iFAAiF;SAC1F,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AACjC,CAAC"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "create-proto",
+  "version": "0.1.0",
+  "description": "Scaffold a new Proto prototype: `npm create proto@latest myapp`. Designer-first native iOS prototyping environment that pairs with Claude Code.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Sherizan Sheikh",
+  "homepage": "https://github.com/sherizan/proto#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sherizan/proto.git",
+    "directory": "packages/create-proto"
+  },
+  "bugs": {
+    "url": "https://github.com/sherizan/proto/issues"
+  },
+  "keywords": [
+    "proto",
+    "expo",
+    "react-native",
+    "prototyping",
+    "design-tool",
+    "ios",
+    "simulator",
+    "scaffold",
+    "create"
+  ],
+  "bin": {
+    "create-proto": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "template",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.7.0",
+    "@sherizan/proto-cli": "^0.1.0",
+    "fs-extra": "^11.2.0",
+    "qrcode-terminal": "^0.12.0",
+    "validate-npm-package-name": "^5.0.1"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.12.0",
+    "@types/qrcode-terminal": "^0.12.2",
+    "@types/validate-npm-package-name": "^4.0.2",
+    "tsx": "^4.15.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "sync-template": "tsx scripts/sync-template.ts",
+    "prebuild": "tsx scripts/sync-template.ts"
+  }
+}

package/template/.proto/app/(proto)/[...screen].tsx

@@ -0,0 +1,24 @@
+import { useLocalSearchParams } from 'expo-router';
+import { Screen, Text } from '../../../components/proto';
+
+export default function DynamicScreen() {
+  const params = useLocalSearchParams<{ screen?: string[] }>();
+  const name = params.screen?.[0] ?? 'Home';
+
+  let Component: React.ComponentType | null = null;
+  try {
+    Component = require(`../../../screens/${name}`).default;
+  } catch {
+    Component = null;
+  }
+
+  if (!Component) {
+    return (
+      <Screen title="Not found">
+        <Text size="body">No screen named "{name}" yet.</Text>
+      </Screen>
+    );
+  }
+
+  return <Component />;
+}

package/template/.proto/app/_layout.tsx

@@ -0,0 +1,5 @@
+import { Stack } from 'expo-router';
+
+export default function Layout() {
+  return <Stack screenOptions={{ headerShown: false }} />;
+}

package/template/.proto/expo-config/app.json

@@ -0,0 +1,17 @@
+{
+  "expo": {
+    "name": "{{name}}",
+    "slug": "{{name}}",
+    "version": "0.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#FFFFFF"
+    },
+    "scheme": "{{name}}",
+    "plugins": ["expo-router"],
+    "experiments": { "typedRoutes": true }
+  }
+}