create-skybridge 2.0.0-beta.dba0bc8 → 2.0.0

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.dba0bc8",
+  "version": "2.0.0",
   "type": "module",
   "license": "MIT",
   "author": "Alpic",

package/templates/blank/package.json

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

package/templates/blank/src/server.ts

@@ -1,15 +1,12 @@
-import { Skybridge, type SkybridgeServer } from "skybridge/server";
+import { Skybridge } from "skybridge/server";
 
 // Register tools with `server.registerTool(...)`.
 // Docs: https://docs.skybridge.tech/api-reference/register-tool
 
-export const handler = (server: SkybridgeServer) => server;
-
 export const app = new Skybridge({
   name: "skybridge-blank",
   version: "0.0.1",
-  capabilities: {},
-  handler,
+  handler: (server) => server,
 });
 
 export type AppType = typeof app;

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.dba0bc8",
+    "skybridge": "^2.0.0",
     "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.dba0bc8",
+    "@skybridge/devtools": "^2.0.0",
     "@skybridge/test": "beta",
-    "@skybridge/vite-plugin": "^2.0.0-beta.dba0bc8",
+    "@skybridge/vite-plugin": "^2.0.0",
     "@tailwindcss/vite": "^4.3.3",
     "@types/node": "^24.13.3",
     "@types/react": "^19.2.17",

package/templates/demo/src/server.ts

@@ -1,95 +1,92 @@
-import { Skybridge, type SkybridgeServer } from "skybridge/server";
+import { Skybridge } from "skybridge/server";
 import { z } from "zod";
 
-export const handler = (server: SkybridgeServer) =>
-  server
-    .registerTool(
-      {
-        name: "start",
-        description: "Onboard Skybridge",
-        inputSchema: {
-          name: z.string().optional().describe("The user name."),
-        },
-        annotations: {
-          title: "Start Skybridge onboarding",
-          readOnlyHint: true,
-          destructiveHint: false,
-          openWorldHint: false,
-        },
-        _meta: {
-          "openai/toolInvocation/invoking":
-            "Starting the Skybridge onboarding…",
-          "openai/toolInvocation/invoked": "Onboarding ready.",
-        },
-        view: {
-          component: "onboarding",
-          // Replace with the URL your widget will be served from in production.
-          domain: "https://skybridge.tech",
-          description: "Onboarding deck",
-          csp: {
-            resourceDomains: [
-              "https://fonts.googleapis.com",
-              "https://fonts.gstatic.com",
-            ],
-            redirectDomains: ["https://docs.skybridge.tech"],
+export const app = new Skybridge({
+  name: "alpic-openai-app",
+  version: "0.0.1",
+  handler: (server) =>
+    server
+      .registerTool(
+        {
+          name: "start",
+          description: "Onboard Skybridge",
+          inputSchema: {
+            name: z.string().optional().describe("The user name."),
+          },
+          annotations: {
+            title: "Start Skybridge onboarding",
+            readOnlyHint: true,
+            destructiveHint: false,
+            openWorldHint: false,
+          },
+          _meta: {
+            "openai/toolInvocation/invoking":
+              "Starting the Skybridge onboarding…",
+            "openai/toolInvocation/invoked": "Onboarding ready.",
+          },
+          view: {
+            component: "onboarding",
+            // Replace with the URL your widget will be served from in production.
+            domain: "https://skybridge.tech",
+            description: "Onboarding deck",
+            csp: {
+              resourceDomains: [
+                "https://fonts.googleapis.com",
+                "https://fonts.gstatic.com",
+              ],
+              redirectDomains: ["https://docs.skybridge.tech"],
+            },
           },
         },
-      },
-      async ({ name }) => {
-        return {
-          structuredContent: { name },
-          content: [{ type: "text", text: `User name: ${name ?? "friend"}` }],
-          isError: false,
-        };
-      },
-    )
-    .registerTool(
-      {
-        name: "get-fortune-cookie",
-        description: "Get fortune cookie",
-        annotations: {
-          title: "Get a fortune cookie",
-          readOnlyHint: true,
-          destructiveHint: false,
-          openWorldHint: false,
+        async ({ name }) => {
+          return {
+            structuredContent: { name },
+            content: [{ type: "text", text: `User name: ${name ?? "friend"}` }],
+            isError: false,
+          };
         },
-        _meta: {
-          "openai/toolInvocation/invoking": "Cracking open a fortune cookie…",
-          "openai/toolInvocation/invoked": "Fortune revealed.",
+      )
+      .registerTool(
+        {
+          name: "get-fortune-cookie",
+          description: "Get fortune cookie",
+          annotations: {
+            title: "Get a fortune cookie",
+            readOnlyHint: true,
+            destructiveHint: false,
+            openWorldHint: false,
+          },
+          _meta: {
+            "openai/toolInvocation/invoking": "Cracking open a fortune cookie…",
+            "openai/toolInvocation/invoked": "Fortune revealed.",
+          },
         },
-      },
-      async () => {
-        const predictions = [
-          "A pleasant surprise is waiting for you.",
-          "Your hard work will soon pay off.",
-          "An unexpected friendship will brighten your week.",
-          "The best is yet to come.",
-          "A small step today leads to a giant leap tomorrow.",
-          "Trust your instincts: they are sharper than you think.",
-          "Adventure awaits just around the corner.",
-          "A long-forgotten idea will return with great success.",
-          "Kindness given today will be returned threefold.",
-          "Something you lost will soon be found.",
-        ];
-        const prediction =
-          predictions[Math.floor(Math.random() * predictions.length)];
-
-        // simulate backend work
-        await new Promise((resolve) => setTimeout(resolve, 1000));
+        async () => {
+          const predictions = [
+            "A pleasant surprise is waiting for you.",
+            "Your hard work will soon pay off.",
+            "An unexpected friendship will brighten your week.",
+            "The best is yet to come.",
+            "A small step today leads to a giant leap tomorrow.",
+            "Trust your instincts: they are sharper than you think.",
+            "Adventure awaits just around the corner.",
+            "A long-forgotten idea will return with great success.",
+            "Kindness given today will be returned threefold.",
+            "Something you lost will soon be found.",
+          ];
+          const prediction =
+            predictions[Math.floor(Math.random() * predictions.length)];
 
-        return {
-          structuredContent: { prediction },
-          content: [{ type: "text", text: prediction }],
-          isError: false,
-        };
-      },
-    );
+          // simulate backend work
+          await new Promise((resolve) => setTimeout(resolve, 1000));
 
-export const app = new Skybridge({
-  name: "alpic-openai-app",
-  version: "0.0.1",
-  capabilities: {},
-  handler,
+          return {
+            structuredContent: { prediction },
+            content: [{ type: "text", text: prediction }],
+            isError: false,
+          };
+        },
+      ),
 });
 
 export type AppType = typeof app;

package/templates/ecom/package.json

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

package/templates/ecom/src/server.ts

@@ -1,5 +1,5 @@
 import { existsSync } from "node:fs";
-import { Skybridge, type SkybridgeServer } from "skybridge/server";
+import { Skybridge } from "skybridge/server";
 import { CAROUSEL_RANGE, MIN_SEARCH_ITERATIONS } from "./config.js";
 import {
   renderCarouselDefinition,
@@ -15,11 +15,6 @@ if (existsSync(".env")) {
   process.loadEnvFile();
 }
 
-export const handler = (server: SkybridgeServer) =>
-  server
-    .registerTool(searchProductsDefinition, searchProductsHandler)
-    .registerTool(renderCarouselDefinition, renderCarouselHandler);
-
 export const app = new Skybridge({
   // @todo: name and version your app.
   name: "skybridge-ecom",
@@ -35,7 +30,10 @@ once the carousel renders.
 
 RENDER: After curating, call render-carousel with the chosen product IDs (aim for ${CAROUSEL_RANGE}). \
 Speak once it renders, then recommend products in carousel order.`,
-  handler,
+  handler: (server) =>
+    server
+      .registerTool(searchProductsDefinition, searchProductsHandler)
+      .registerTool(renderCarouselDefinition, renderCarouselHandler),
 });
 
 export type AppType = typeof app;