create-skybridge 2.0.0-beta.4395b60 → 2.0.0-beta.5c35b50

package/dist/index.js

@@ -1,4 +1,5 @@
 import fs from "node:fs";
+import os from "node:os";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import * as prompts from "@clack/prompts";
@@ -8,6 +9,7 @@ const OUTPUT_TAIL_LINES = 10;
 const DEFAULT_PROJECT_NAME = "skybridge-project";
 const PACKAGE_MANAGERS = ["bun", "deno", "npm", "pnpm", "yarn"];
 const TEMPLATES = ["demo", "blank", "ecom"];
+const REPO = "alpic-ai/skybridge";
 const pkg = JSON.parse(fs.readFileSync(fileURLToPath(new URL("../package.json", import.meta.url)), "utf-8"));
 const version = pkg.version;
 const HELP_MESSAGE = `Usage: skybridge create [path] [options]
@@ -18,14 +20,15 @@ Arguments:
   path           Where the project will be created. Prompted when omitted.
 
 Options:
-  --blank        scaffold a minimal project without demo tools and views
-  --ecom         scaffold the ecommerce template (search products, render carousel)
-  --overwrite    remove existing files if target directory is not empty
-  --pm <choice>  package manager to use (choices: ${PACKAGE_MANAGERS.join(", ")}. default to npm when none is provided or infered)
-  --skip-skills  skip installing coding agent skills
-  --start        start dev server
-  --yes          skip prompts and use default values for unprovided options
-  --help         display this help message
+  --blank           scaffold a minimal project without demo tools and views
+  --ecom            scaffold the ecommerce template (search products, render carousel)
+  --example <name>  scaffold a copy of examples/<name> from the latest Skybridge release
+  --overwrite       remove existing files if target directory is not empty
+  --pm <choice>     package manager to use (choices: ${PACKAGE_MANAGERS.join(", ")}. default to npm when none is provided or infered)
+  --skip-skills     skip installing coding agent skills
+  --start           start dev server
+  --yes             skip prompts and use default values for unprovided options
+  --help            display this help message
 
 Non-interactive usage:
   Mandatory: path argument and --yes option
@@ -70,7 +73,7 @@ export async function init(args = process.argv.slice(2)) {
             "start",
             "yes",
         ],
-        string: ["pm"],
+        string: ["pm", "example"],
         alias: { h: "help" },
     });
     if (argv.help) {
@@ -82,6 +85,13 @@ export async function init(args = process.argv.slice(2)) {
     if (yes && !targetDir) {
         abort("The target directory is required in non-interactive mode.", "Example: skybridge create my-app --yes");
     }
+    if (argv.example !== undefined && !/^[\w.-]+$/.test(argv.example)) {
+        abort("--example requires a name, e.g. --example auth-descope.");
+    }
+    if (argv.example && (argv.blank || argv.ecom)) {
+        abort("Cannot combine --example with --blank or --ecom.");
+    }
+    const example = argv.example;
     let pm = parsePackageManager(argv.pm || "");
     if (argv.pm && !pm) {
         abort(`Invalid --pm value "${argv.pm}". Expected one of: ${PACKAGE_MANAGERS.join(", ")}.`);
@@ -104,6 +114,18 @@ export async function init(args = process.argv.slice(2)) {
         targetDir = sanitizeTargetDir(choice);
     }
     // 2. Existing-directory handling
+    let downloaded;
+    if (example) {
+        Spinner.start(`Downloading ${example} example`);
+        try {
+            downloaded = await downloadExample(example);
+            Spinner.stop(`Downloaded ${example} example`);
+        }
+        catch (error) {
+            Spinner.error(`Failed to download ${example} example`);
+            abort(error instanceof Error ? error.message : String(error));
+        }
+    }
     if (fs.existsSync(targetDir) && !isEmpty(targetDir)) {
         if (argv.overwrite) {
             emptyDir(targetDir);
@@ -136,7 +158,7 @@ export async function init(args = process.argv.slice(2)) {
         }
         template = "ecom";
     }
-    if (!template) {
+    if (!template && !example) {
         if (yes) {
             template = "demo";
         }
@@ -170,23 +192,31 @@ export async function init(args = process.argv.slice(2)) {
     }
     // 4. Copy template
     const root = path.resolve(targetDir);
-    Spinner.start(`Copying ${template} template`);
+    const templatesDir = fileURLToPath(new URL("../templates", import.meta.url));
+    const source = downloaded?.source ?? path.join(templatesDir, template ?? "demo");
+    Spinner.start(`Copying ${example ?? template} template`);
     try {
-        const templateDir = fileURLToPath(new URL(`../templates/${template}`, import.meta.url));
-        fs.cpSync(templateDir, root, {
+        fs.cpSync(source, root, {
             recursive: true,
             filter: (src) => [".npmrc"].every((file) => !src.endsWith(file)),
         });
+        const gitignore = path.join(root, ".gitignore");
         const gitignoreSource = path.join(root, "_gitignore");
         if (fs.existsSync(gitignoreSource)) {
-            fs.renameSync(gitignoreSource, path.join(root, ".gitignore"));
+            fs.renameSync(gitignoreSource, gitignore);
+        }
+        else if (!fs.existsSync(gitignore)) {
+            fs.copyFileSync(path.join(templatesDir, "demo", "_gitignore"), gitignore);
         }
-        Spinner.stop(`Copied ${template} template`);
+        Spinner.stop(`Copied ${example ?? template} template`);
     }
     catch (error) {
         Spinner.error("Failed to copy template");
         abort(String(error));
     }
+    finally {
+        downloaded?.cleanup();
+    }
     // 5. Set package.json name to the project dir basename
     try {
         const pkgPath = path.join(root, "package.json");
@@ -340,6 +370,62 @@ ${scriptCommand(pm, "deploy")}`);
    Chat: https://discord.alpic.ai
    Docs: https://docs.skybridge.tech`);
 }
+async function fetchJson(url) {
+    const res = await fetch(url, {
+        headers: { accept: "application/vnd.github+json" },
+    });
+    if (!res.ok) {
+        throw new Error(`GitHub returned ${res.status} for ${url}.`);
+    }
+    return res.json();
+}
+async function downloadExample(name) {
+    const api = `https://api.github.com/repos/${REPO}`;
+    const { tag_name: tag } = await fetchJson(`${api}/releases/latest`);
+    const entries = await fetchJson(`${api}/contents/examples?ref=${tag}`);
+    const available = entries
+        .filter((entry) => entry.type === "dir")
+        .map((entry) => entry.name);
+    if (!available.includes(name)) {
+        throw new Error(`Unknown example "${name}". Available examples:\n  ${available.join("\n  ")}`);
+    }
+    const res = await fetch(`https://codeload.github.com/${REPO}/tar.gz/${tag}`);
+    if (!res.ok) {
+        throw new Error(`GitHub returned ${res.status} while fetching ${REPO}.`);
+    }
+    const archive = Buffer.from(await res.arrayBuffer());
+    const tmp = fs.mkdtempSync(path.join(os.tmpdir(), "skybridge-example-"));
+    const cleanup = () => fs.rmSync(tmp, { recursive: true, force: true });
+    try {
+        const tar = spawn("tar", ["-xz", "-C", tmp], {
+            stdio: ["pipe", "ignore", "pipe"],
+        });
+        let stderr = "";
+        tar.stderr?.on("data", (chunk) => {
+            stderr += chunk.toString();
+        });
+        const exit = new Promise((resolve, reject) => {
+            tar.on("error", (error) => reject(error.code === "ENOENT"
+                ? new Error("`tar` is required to extract the example.")
+                : error));
+            tar.on("close", (status) => status === 0
+                ? resolve()
+                : reject(new Error(`tar exited with ${status}: ${stderr.trim()}`)));
+        });
+        tar.stdin?.on("error", () => { });
+        tar.stdin?.end(archive);
+        await exit;
+        const [extracted] = fs.readdirSync(tmp);
+        if (!extracted) {
+            throw new Error("Downloaded archive is empty.");
+        }
+        return { source: path.join(tmp, extracted, "examples", name), cleanup };
+    }
+    catch (error) {
+        cleanup();
+        throw error;
+    }
+}
 function cancel() {
     prompts.cancel("Operation cancelled");
     process.exit(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-skybridge",
-  "version": "2.0.0-beta.4395b60",
+  "version": "2.0.0-beta.5c35b50",
   "type": "module",
   "license": "MIT",
   "author": "Alpic",

package/templates/blank/package.json

@@ -12,12 +12,13 @@
     "deploy": "alpic deploy"
   },
   "dependencies": {
-    "skybridge": "^2.0.0-beta.4395b60",
-    "vite": "^8.1.5"
+    "skybridge": "^2.0.0-beta.5c35b50",
+    "vite": "^8.1.5",
+    "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@skybridge/devtools": "^2.0.0-beta.4395b60",
-    "@skybridge/vite-plugin": "^2.0.0-beta.4395b60",
+    "@skybridge/devtools": "^2.0.0-beta.5c35b50",
+    "@skybridge/vite-plugin": "^2.0.0-beta.5c35b50",
     "@types/node": "^24.13.3",
     "alpic": "^1.155.0",
     "tsx": "^4.23.1",

package/templates/demo/README.md

@@ -54,6 +54,7 @@ This command starts:
 │   ├── components/       # Shared UI components
 │   ├── helpers.ts        # Shared utilities
 │   └── index.css         # Global styles
+├── evals/                # Model-driven scenarios (pnpm evals, needs ANTHROPIC_API_KEY)
 ├── vite.config.ts
 ├── alpic.json            # Deployment config
 └── package.json

package/templates/demo/package.json

@@ -18,7 +18,7 @@
     "lucide-react": "^1.25.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "skybridge": "^2.0.0-beta.4395b60",
+    "skybridge": "^2.0.0-beta.5c35b50",
     "sonner": "^2.0.7",
     "tw-animate-css": "^1.4.0",
     "vite": "^8.1.5",
@@ -26,9 +26,9 @@
   },
   "devDependencies": {
     "@ai-sdk/anthropic": "^2.0.90",
-    "@skybridge/devtools": "^2.0.0-beta.4395b60",
+    "@skybridge/devtools": "^2.0.0-beta.5c35b50",
     "@skybridge/test": "beta",
-    "@skybridge/vite-plugin": "^2.0.0-beta.4395b60",
+    "@skybridge/vite-plugin": "^2.0.0-beta.5c35b50",
     "@tailwindcss/vite": "^4.3.3",
     "@types/node": "^24.13.3",
     "@types/react": "^19.2.17",

package/templates/ecom/package.json

@@ -16,14 +16,14 @@
   "dependencies": {
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "skybridge": "^2.0.0-beta.4395b60",
+    "skybridge": "^2.0.0-beta.5c35b50",
     "vite": "^8.1.3",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@ladle/react": "^5.1.1",
-    "@skybridge/devtools": "^2.0.0-beta.4395b60",
-    "@skybridge/vite-plugin": "^2.0.0-beta.4395b60",
+    "@skybridge/devtools": "^2.0.0-beta.5c35b50",
+    "@skybridge/vite-plugin": "^2.0.0-beta.5c35b50",
     "@types/node": "^24.13.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",