create-skybridge 0.16.2 → 0.16.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-skybridge",
-  "version": "0.16.2",
+  "version": "0.16.3",
   "type": "module",
   "license": "MIT",
   "author": "Alpic",

package/template/package.json

@@ -19,12 +19,13 @@
     "express": "^5.1.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "skybridge": ">=0.16.0 <1.0.0",
+    "skybridge": ">=0.16.2 <1.0.0",
     "vite": "^7.1.11",
     "zod": "^4.1.13"
   },
   "devDependencies": {
     "@modelcontextprotocol/inspector": "^0.17.5",
+    "@skybridge/devtools": ">=0.16.2 <1.0.0",
     "@types/express": "^5.0.3",
     "@types/node": "^22.15.30",
     "@types/react": "^19.1.16",

package/template/server/src/index.ts

@@ -1,6 +1,5 @@
 import express, { type Express } from "express";
-
-import { widgetsDevServer } from "skybridge/server";
+import { devtoolsStaticServer, widgetsDevServer } from "skybridge/server";
 import type { ViteDevServer } from "vite";
 import { mcp } from "./middleware.js";
 import server from "./server.js";
@@ -14,6 +13,7 @@ app.use(mcp(server));
 const env = process.env.NODE_ENV || "development";
 
 if (env !== "production") {
+  app.use(await devtoolsStaticServer());
   app.use(await widgetsDevServer());
 }
 
@@ -27,6 +27,10 @@ app.listen(3000, (error) => {
   console.log(
     "Make your local server accessible with 'ngrok http 3000' and connect to ChatGPT with URL https://xxxxxx.ngrok-free.app/mcp",
   );
+
+  if (env !== "production") {
+    console.log("Devtools available at http://localhost:3000");
+  }
 });
 
 process.on("SIGINT", async () => {