create-skybridge 2.0.0-alpha.ff0caf0 → 2.0.0-beta.68a71cb

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-skybridge",
-  "version": "2.0.0-alpha.ff0caf0",
+  "version": "2.0.0-beta.68a71cb",
   "type": "module",
   "license": "MIT",
   "author": "Alpic",

package/templates/blank/README.md

@@ -48,7 +48,8 @@ This command starts:
 
 ```
 ├── src/
-│   ├── server.ts         # Server entry point
+│   ├── index.ts          # Entry point (starts the app)
+│   ├── server.ts         # App definition (tools, views)
 │   └── helpers.ts        # Shared utilities
 ├── vite.config.ts
 ├── alpic.json            # Deployment config

package/templates/blank/package.json

@@ -12,11 +12,12 @@
     "deploy": "alpic deploy"
   },
   "dependencies": {
-    "skybridge": "^2.0.0-alpha.ff0caf0",
+    "skybridge": "^2.0.0-beta.68a71cb",
     "vite": "^8.1.5"
   },
   "devDependencies": {
     "@skybridge/devtools": "^1.2.7",
+    "@skybridge/vite-plugin": "^2.0.0-beta.68a71cb",
     "@types/node": "^24.13.3",
     "alpic": "^1.155.0",
     "tsx": "^4.23.1",

package/templates/blank/src/index.ts

@@ -0,0 +1,3 @@
+import { app } from "./server.js";
+
+export default await app.run();

package/templates/blank/src/server.ts

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

package/templates/blank/vite.config.ts

@@ -1,4 +1,4 @@
-import { skybridge } from "skybridge/vite";
+import { skybridge } from "@skybridge/vite-plugin";
 import { defineConfig } from "vite";
 
 export default defineConfig({

package/templates/demo/README.md

@@ -48,7 +48,8 @@ This command starts:
 
 ```
 ├── src/
-│   ├── server.ts         # Server entry point
+│   ├── index.ts          # Entry point (starts the app)
+│   ├── server.ts         # App definition (tools, views)
 │   ├── views/            # React components (one per view)
 │   ├── components/       # Shared UI components
 │   ├── helpers.ts        # Shared utilities

package/templates/demo/package.json

@@ -16,7 +16,7 @@
     "lucide-react": "^1.25.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "skybridge": "^2.0.0-alpha.ff0caf0",
+    "skybridge": "^2.0.0-beta.68a71cb",
     "sonner": "^2.0.7",
     "tw-animate-css": "^1.4.0",
     "vite": "^8.1.5",
@@ -24,6 +24,7 @@
   },
   "devDependencies": {
     "@skybridge/devtools": "^1.2.7",
+    "@skybridge/vite-plugin": "^2.0.0-beta.68a71cb",
     "@tailwindcss/vite": "^4.3.3",
     "@types/node": "^24.13.3",
     "@types/react": "^19.2.17",

package/templates/demo/src/index.ts

@@ -0,0 +1,3 @@
+import { app } from "./server.js";
+
+export default await app.run();

package/templates/demo/src/server.ts

@@ -1,94 +1,95 @@
-import { McpServer } from "skybridge/server";
+import { Skybridge } from "skybridge/server";
 import { z } from "zod";
 
-const server = new McpServer(
+export const app = new Skybridge(
   {
     name: "alpic-openai-app",
     version: "0.0.1",
+    capabilities: {},
   },
-  { capabilities: {} },
-)
-  .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"],
+  (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,
-      },
-      _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 ({ 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,
+          },
+          _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)];
 
-      return {
-        structuredContent: { prediction },
-        content: [{ type: "text", text: prediction }],
-        isError: false,
-      };
-    },
-  );
+          // simulate backend work
+          await new Promise((resolve) => setTimeout(resolve, 1000));
 
-export default await server.run();
+          return {
+            structuredContent: { prediction },
+            content: [{ type: "text", text: prediction }],
+            isError: false,
+          };
+        },
+      ),
+);
 
-export type AppType = typeof server;
+export type AppType = typeof app;

package/templates/demo/vite.config.ts

@@ -1,7 +1,7 @@
 import path from "node:path";
+import { skybridge } from "@skybridge/vite-plugin";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
-import { skybridge } from "skybridge/vite";
 import { defineConfig } from "vite";
 
 export default defineConfig({

package/templates/ecom/README.md

@@ -48,7 +48,8 @@ This command starts:
 
 ```
 ├── src/
-│   ├── server.ts         # Server entry point
+│   ├── index.ts          # Entry point (starts the app)
+│   ├── server.ts         # App definition (tools, views)
 │   └── helpers.ts        # Shared utilities
 ├── vite.config.ts
 ├── alpic.json            # Deployment config

package/templates/ecom/package.json

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

package/templates/ecom/src/index.ts

@@ -0,0 +1,3 @@
+import { app } from "./server.js";
+
+export default await app.run();

package/templates/ecom/src/server.ts

@@ -1,5 +1,5 @@
 import { existsSync } from "node:fs";
-import { McpServer } from "skybridge/server";
+import { Skybridge } from "skybridge/server";
 import { CAROUSEL_RANGE, MIN_SEARCH_ITERATIONS } from "./config.js";
 import {
   renderCarouselDefinition,
@@ -15,13 +15,11 @@ if (existsSync(".env")) {
   process.loadEnvFile();
 }
 
-const server = new McpServer(
+export const app = new Skybridge(
   {
     // @todo: name and version your app.
     name: "skybridge-ecom",
     version: "0.0.1",
-  },
-  {
     // @todo: adapt this server-wide prompt to your catalog.
     instructions: `\
 Two phases:
@@ -34,10 +32,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.`,
   },
-)
-  .registerTool(searchProductsDefinition, searchProductsHandler)
-  .registerTool(renderCarouselDefinition, renderCarouselHandler);
-
-export default await server.run();
+  (server) =>
+    server
+      .registerTool(searchProductsDefinition, searchProductsHandler)
+      .registerTool(renderCarouselDefinition, renderCarouselHandler),
+);
 
-export type AppType = typeof server;
+export type AppType = typeof app;

package/templates/ecom/vite.config.ts

@@ -1,6 +1,6 @@
+import { skybridge } from "@skybridge/vite-plugin";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import react from "@vitejs/plugin-react";
-import { skybridge } from "skybridge/vite";
 import { defineConfig, type PluginOption } from "vite";
 
 export default defineConfig({