create-skybridge 0.0.0-dev.f6bca06 → 0.0.0-dev.f727bfa

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -153,7 +153,8 @@ export async function init(args = process.argv.slice(2)) {
153
153
  }
154
154
  const userAgent = process.env.npm_config_user_agent;
155
155
  const pkgManager = userAgent?.split(" ")[0]?.split("/")[0] || "npm";
156
- // 4. Ask about skills installation
156
+ // 4. Ask about skills installation (installed by default)
157
+ let skill = true;
157
158
  if (interactive) {
158
159
  const skillsResult = await prompts.confirm({
159
160
  message: "Install the coding agents skills? (recommended)",
@@ -162,18 +163,22 @@ export async function init(args = process.argv.slice(2)) {
162
163
  if (prompts.isCancel(skillsResult)) {
163
164
  return cancel();
164
165
  }
165
- if (skillsResult) {
166
- run([
167
- ...getPkgExecCmd(pkgManager, "skills"),
168
- "add",
169
- "alpic-ai/skybridge",
170
- "-s",
171
- "chatgpt-app-builder",
172
- ], {
173
- stdio: "inherit",
174
- cwd: targetDir,
175
- });
176
- }
166
+ skill = skillsResult;
167
+ }
168
+ if (skill) {
169
+ run([
170
+ ...getPkgExecCmd(pkgManager, "skills"),
171
+ "add",
172
+ "alpic-ai/skybridge",
173
+ "-s",
174
+ "chatgpt-app-builder",
175
+ ...(interactive
176
+ ? []
177
+ : ["--yes", "-a", "universal", "-a", "claude-code"]),
178
+ ], {
179
+ stdio: "inherit",
180
+ cwd: targetDir,
181
+ });
177
182
  }
178
183
  // 5. Ask about immediate installation
179
184
  let immediate = argImmediate;
@@ -278,6 +283,6 @@ function getPkgExecCmd(pkgManager, cmd) {
278
283
  case "deno":
279
284
  return ["deno", "run", "-A", `npm:${cmd}`];
280
285
  default:
281
- return ["npx", cmd];
286
+ return ["npx", "--yes", cmd];
282
287
  }
283
288
  }
@@ -14,13 +14,13 @@ describe("create-skybridge", () => {
14
14
  force: true,
15
15
  });
16
16
  });
17
- it("should copy the template", async () => {
17
+ it("should copy the template", { timeout: 10000 }, async () => {
18
18
  const name = `../../${tempDirName}//project$`;
19
19
  await init([name]);
20
20
  await fs.access(path.join(process.cwd(), tempDirName, "project", ".gitignore"));
21
21
  expect(fs.access(path.join(process.cwd(), tempDirName, "project", ".npmrc"))).rejects.toThrowError();
22
22
  });
23
- it("should download template from repo", async () => {
23
+ it("should download template from repo", { timeout: 10000 }, async () => {
24
24
  const name = `../../${tempDirName}//project$`;
25
25
  await init([
26
26
  name,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-skybridge",
3
- "version": "0.0.0-dev.f6bca06",
3
+ "version": "0.0.0-dev.f727bfa",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "author": "Alpic",
@@ -17,19 +17,19 @@
17
17
  "template"
18
18
  ],
19
19
  "dependencies": {
20
- "@clack/prompts": "^1.0.0",
21
- "giget": "^3.1.2",
20
+ "@clack/prompts": "^1.3.0",
21
+ "giget": "^3.2.0",
22
22
  "mri": "^1.2.0"
23
23
  },
24
24
  "devDependencies": {
25
- "typescript": "^5.9.3",
26
- "vitest": "^4.0.18"
25
+ "typescript": "^6.0.3",
26
+ "vitest": "^4.1.5"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "tsc",
30
- "test": "pnpm run test:unit && pnpm run test:type && pnpm run test:format",
30
+ "test": "pnpm run test:unit && pnpm run test:format",
31
31
  "test:unit": "vitest run",
32
- "test:type": "tsc --noEmit",
32
+ "format": "biome check --write --error-on-warnings",
33
33
  "test:format": "biome ci"
34
34
  }
35
35
  }
@@ -1 +1 @@
1
- Before writing code, first explore the project structure, then invoke the chatgpt-app-builder skill for documentation.
1
+ This is a ChatGPT/MCP app built with Skybridge. ALWAYS use the `chatgpt-app-builder` skill when planning or updating the codebase.
@@ -7,7 +7,7 @@ A minimal TypeScript template for building MCP and ChatGPT Apps with the [Skybri
7
7
  ### Prerequisites
8
8
 
9
9
  - Node.js 24+
10
- - HTTP tunnel such as [ngrok](https://ngrok.com/download) if you want to test with remote MCP hosts like ChatGPT or Claude.ai.
10
+ - HTTP tunnel such as [Alpic tunnel](https://docs.alpic.ai/cli/tunnel) if you want to test with remote MCP hosts like ChatGPT or Claude.ai.
11
11
 
12
12
  ### Local Development
13
13
 
@@ -44,36 +44,31 @@ This command starts:
44
44
  #### 3. Project structure
45
45
 
46
46
  ```
47
- ├── server/
48
- └── src/
49
- ├── index.ts # Entry point
50
- ├── middleware.ts # MCP middleware
51
- └── server.ts # Widget registry & routes
52
- ├── web/
53
- ├── src/
54
- │ │ ├── widgets/ # React components (one per widget)
55
- │ │ ├── helpers.ts # Shared utilities
56
- │ │ └── index.css # Global styles
57
- │ └── vite.config.ts
47
+ ├── src/
48
+ ├── server.ts # Server entry point
49
+ ├── views/ # React components (one per view)
50
+ ├── components/ # Shared UI components
51
+ ├── helpers.ts # Shared utilities
52
+ │ └── index.css # Global styles
53
+ ├── vite.config.ts
58
54
  ├── alpic.json # Deployment config
59
- ├── nodemon.json # Dev server config
60
55
  └── package.json
61
56
  ```
62
57
 
63
- ### Create your first widget
58
+ ### Create your first view
64
59
 
65
- #### 1. Add a new widget
60
+ #### 1. Add a new view
66
61
 
67
- - Register a widget in `server/src/server.ts` with a unique name (e.g., `my-widget`) using [`registerWidget`](https://docs.skybridge.tech/api-reference/register-widget)
68
- - Create a matching React component at `web/src/widgets/my-widget.tsx`. **The file name must match the widget name exactly**.
62
+ - Register a tool in `src/server.ts` with a unique name (e.g., `my-view`) using [`registerTool`](https://docs.skybridge.tech/api-reference/register-tool) and a `view` config.
63
+ - Create a matching React component at `src/views/my-view.tsx`. **The file name must match the view name exactly**.
69
64
 
70
- #### 2. Edit widgets with Hot Module Replacement (HMR)
65
+ #### 2. Edit views with Hot Module Replacement (HMR)
71
66
 
72
- Edit and save components in `web/src/widgets/` — changes will appear instantly inside your App.
67
+ Edit and save components in `src/views/` — changes will appear instantly inside your App.
73
68
 
74
69
  #### 3. Edit server code
75
70
 
76
- Modify files in `server/` and refresh the connection with your testing MCP Client to see the changes.
71
+ Modify files in `src/` and refresh the connection with your testing MCP Client to see the changes.
77
72
 
78
73
  ### Testing your App
79
74
 
@@ -86,7 +81,7 @@ To test your app with other MCP Clients like ChatGPT, Claude or VSCode, see [Tes
86
81
 
87
82
  Skybridge is infrastructure vendor agnostic, and your app can be deployed on any cloud platform supporting MCP.
88
83
 
89
- Deploy your app in minutes with [Alpic](https://alpic.ai/).
84
+ The simplest way to deploy your App in minutes is [Alpic](https://alpic.ai/).
90
85
  1. Create an account on [Alpic platform](https://app.alpic.ai/).
91
86
  2. Connect your GitHub repository to automatically deploy at each commit.
92
87
  3. Use your remote App URL to connect it to MCP Clients, or use the Alpic Playground to easily test your App.
@@ -2,4 +2,5 @@ node_modules/
2
2
  dist/
3
3
  .env*
4
4
  .DS_store
5
- *.tsbuildinfo
5
+ *.tsbuildinfo
6
+ .skybridge/
@@ -10,9 +10,9 @@ case `uname` in
10
10
  esac
11
11
 
12
12
  if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.85.0_@opentelemetry+api@1.9.0/node_modules/alpic/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.85.0_@opentelemetry+api@1.9.0/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.85.0_@opentelemetry+api@1.9.0/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.120.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.3/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.120.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.85.0_@opentelemetry+api@1.9.0/node_modules/alpic/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.85.0_@opentelemetry+api@1.9.0/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.85.0_@opentelemetry+api@1.9.0/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.120.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.3/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.120.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../alpic/bin/run.js" "$@"
@@ -10,9 +10,9 @@ case `uname` in
10
10
  esac
11
11
 
12
12
  if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../skybridge/bin/run.js" "$@"
@@ -10,9 +10,9 @@ case `uname` in
10
10
  esac
11
11
 
12
12
  if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.29.1_@modelcontextprotocol+sdk@1.26.0_zod@4.3.6__@types+node@25.2.2_@types+_7023033a14d97e7a1ad4af54831f1601/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../skybridge/bin/run.js" "$@"
@@ -10,9 +10,9 @@ case `uname` in
10
10
  esac
11
11
 
12
12
  if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../typescript/bin/tsc" "$@"
@@ -10,9 +10,9 @@ case `uname` in
10
10
  esac
11
11
 
12
12
  if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@5.9.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.3/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../typescript/bin/tsserver" "$@"
@@ -10,9 +10,9 @@ case `uname` in
10
10
  esac
11
11
 
12
12
  if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules/tsx/dist/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules/tsx/dist/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.21.0/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../tsx/dist/cli.mjs" "$@"
@@ -10,9 +10,9 @@ case `uname` in
10
10
  esac
11
11
 
12
12
  if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.2.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules/vite/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.2.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.2.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.0.3_@types+node@24.12.2_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.0.3_@types+node@24.12.2_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.2.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules/vite/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.2.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.2.2_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.0.3_@types+node@24.12.2_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.0.3_@types+node@24.12.2_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.21.0_yaml@2.8.2/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../vite/bin/vite.js" "$@"
@@ -6,33 +6,30 @@
6
6
  "type": "module",
7
7
  "scripts": {
8
8
  "dev": "skybridge dev",
9
+ "dev:tunnel": "skybridge dev --tunnel",
9
10
  "build": "skybridge build",
10
11
  "start": "skybridge start",
11
12
  "deploy": "alpic deploy"
12
13
  },
13
14
  "dependencies": {
14
- "@modelcontextprotocol/sdk": "^1.26.0",
15
- "cors": "^2.8.6",
16
- "express": "^5.2.1",
17
- "react": "^19.2.4",
18
- "react-dom": "^19.2.4",
19
- "skybridge": ">=0.29.1 <1.0.0",
20
- "vite": "^7.3.1",
21
- "zod": "^4.3.6"
15
+ "@modelcontextprotocol/sdk": "^1.29.0",
16
+ "react": "^19.2.5",
17
+ "react-dom": "^19.2.5",
18
+ "skybridge": ">=0.0.0-dev.f727bfa",
19
+ "vite": "^8.0.3",
20
+ "zod": "^4.4.3"
22
21
  },
23
22
  "devDependencies": {
24
- "@skybridge/devtools": ">=0.26.1 <1.0.0",
25
- "@types/cors": "^2.8.19",
26
- "@types/express": "^5.0.6",
27
- "@types/react": "^19.2.13",
23
+ "@skybridge/devtools": ">=0.35.14 <1.0.0",
24
+ "@types/node": "^24.12.2",
25
+ "@types/react": "^19.2.14",
28
26
  "@types/react-dom": "^19.2.3",
29
- "@vitejs/plugin-react": "^5.1.4",
30
- "alpic": "^1.85.0",
31
- "nodemon": "^3.1.11",
27
+ "@vitejs/plugin-react": "^6.0.1",
28
+ "alpic": "^1.120.1",
32
29
  "tsx": "^4.21.0",
33
- "typescript": "^5.9.3"
30
+ "typescript": "^6.0.3"
34
31
  },
35
32
  "engines": {
36
- "node": ">=24.13.1"
33
+ "node": ">=24.15.0"
37
34
  }
38
35
  }
@@ -0,0 +1,22 @@
1
+ export function Ball({
2
+ question,
3
+ answer,
4
+ }: {
5
+ question?: string;
6
+ answer?: string;
7
+ }) {
8
+ return (
9
+ <div className="container">
10
+ <div className="ball">
11
+ {answer ? (
12
+ <>
13
+ <div className="question">{question}</div>
14
+ <div className="answer">{answer}</div>
15
+ </>
16
+ ) : (
17
+ <div className="question">Shaking...</div>
18
+ )}
19
+ </div>
20
+ </div>
21
+ );
22
+ }
@@ -0,0 +1,4 @@
1
+ import { generateHelpers } from "skybridge/web";
2
+ import type { AppType } from "./server.js";
3
+
4
+ export const { useToolInfo, useCallTool } = generateHelpers<AppType>();
@@ -5,8 +5,6 @@
5
5
  justify-content: center;
6
6
  align-items: center;
7
7
  min-height: 100%;
8
- max-height: 100%;
9
- overflow: hidden;
10
8
  padding: 1rem;
11
9
  box-sizing: border-box;
12
10
  }
@@ -25,27 +25,26 @@ const server = new McpServer(
25
25
  version: "0.0.1",
26
26
  },
27
27
  { capabilities: {} },
28
- ).registerWidget(
29
- "magic-8-ball",
30
- {
31
- description: "Magic 8 Ball",
32
- },
28
+ ).registerTool(
33
29
  {
30
+ name: "magic-8-ball",
34
31
  description: "For fortune-telling or seeking advice.",
35
32
  inputSchema: {
36
33
  question: z.string().describe("The user question."),
37
34
  },
35
+ view: {
36
+ component: "magic-8-ball",
37
+ description: "Magic 8 Ball",
38
+ },
38
39
  },
39
40
  async ({ question }) => {
40
41
  try {
41
- // deterministic answer
42
42
  const hash = question
43
43
  .split("")
44
44
  .reduce((acc, char) => acc + char.charCodeAt(0), 0);
45
45
  const answer = Answers[hash % Answers.length];
46
46
  return {
47
47
  structuredContent: { answer },
48
- content: [],
49
48
  isError: false,
50
49
  };
51
50
  } catch (error) {
@@ -0,0 +1,10 @@
1
+ import "@/index.css";
2
+
3
+ import { Ball } from "../components/ball.js";
4
+ import { useToolInfo } from "../helpers.js";
5
+
6
+ export default function Magic8Ball() {
7
+ const { input, output } = useToolInfo<"magic-8-ball">();
8
+
9
+ return <Ball question={input?.question} answer={output?.answer} />;
10
+ }
@@ -1,23 +1,11 @@
1
1
  {
2
- "compilerOptions": {
3
- "target": "ES2022",
4
- "module": "ESNext",
5
- "moduleResolution": "bundler",
6
- "lib": ["ES2022", "DOM", "DOM.Iterable"],
7
- "jsx": "react-jsx",
8
-
9
- "strict": true,
10
- "skipLibCheck": true,
11
- "esModuleInterop": true,
12
- "forceConsistentCasingInFileNames": true,
13
- "verbatimModuleSyntax": true,
14
-
15
- "noUnusedLocals": true,
16
- "noUnusedParameters": true,
17
- "noFallthroughCasesInSwitch": true,
2
+ "extends": "skybridge/tsconfig",
18
3
 
19
- "noEmit": true
4
+ "compilerOptions": {
5
+ "paths": {
6
+ "@/*": ["./src/*"]
7
+ }
20
8
  },
21
- "include": ["server/src", "web/src", "web/vite.config.ts"],
22
- "exclude": ["dist", "node_modules"]
9
+
10
+ "include": ["src", ".skybridge/**/*.d.ts"]
23
11
  }
@@ -0,0 +1,13 @@
1
+ import path from "node:path";
2
+ import react from "@vitejs/plugin-react";
3
+ import { skybridge } from "skybridge/vite";
4
+ import { defineConfig } from "vite";
5
+
6
+ export default defineConfig({
7
+ plugins: [skybridge(), react()],
8
+ resolve: {
9
+ alias: {
10
+ "@": path.resolve(__dirname, "./src"),
11
+ },
12
+ },
13
+ });
@@ -1,21 +0,0 @@
1
- #!/bin/sh
2
- basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
3
-
4
- case `uname` in
5
- *CYGWIN*|*MINGW*|*MSYS*)
6
- if command -v cygpath > /dev/null 2>&1; then
7
- basedir=`cygpath -w "$basedir"`
8
- fi
9
- ;;
10
- esac
11
-
12
- if [ -z "$NODE_PATH" ]; then
13
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/nodemon@3.1.11/node_modules/nodemon/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/nodemon@3.1.11/node_modules/nodemon/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/nodemon@3.1.11/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
14
- else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/nodemon@3.1.11/node_modules/nodemon/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/nodemon@3.1.11/node_modules/nodemon/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/nodemon@3.1.11/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules:$NODE_PATH"
16
- fi
17
- if [ -x "$basedir/node" ]; then
18
- exec "$basedir/node" "$basedir/../nodemon/bin/nodemon.js" "$@"
19
- else
20
- exec node "$basedir/../nodemon/bin/nodemon.js" "$@"
21
- fi
@@ -1,5 +0,0 @@
1
- {
2
- "watch": ["server/src"],
3
- "ext": "ts,json",
4
- "exec": "tsx server/src/index.ts"
5
- }
@@ -1,11 +0,0 @@
1
- {
2
- "extends": "./tsconfig.json",
3
- "compilerOptions": {
4
- "noEmit": false,
5
- "outDir": "dist",
6
- "sourceMap": true,
7
- "declaration": true
8
- },
9
- "include": ["server/src"],
10
- "exclude": ["dist", "node_modules"]
11
- }
@@ -1,4 +0,0 @@
1
- import { generateHelpers } from "skybridge/web";
2
- import type { AppType } from "../../server/src/index.js";
3
-
4
- export const { useToolInfo } = generateHelpers<AppType>();
@@ -1,27 +0,0 @@
1
- import "@/index.css";
2
-
3
- import { mountWidget } from "skybridge/web";
4
- import { useToolInfo } from "../helpers";
5
-
6
- function Magic8Ball() {
7
- const { input, output } = useToolInfo<"magic-8-ball">();
8
-
9
- return (
10
- <div className="container">
11
- <div className="ball">
12
- {output ? (
13
- <>
14
- <div className="question">{input.question}</div>
15
- <div className="answer">{output.answer}</div>
16
- </>
17
- ) : (
18
- <div className="question">Shaking...</div>
19
- )}
20
- </div>
21
- </div>
22
- );
23
- }
24
-
25
- export default Magic8Ball;
26
-
27
- mountWidget(<Magic8Ball />);
@@ -1,15 +0,0 @@
1
- import path from "node:path";
2
- import react from "@vitejs/plugin-react";
3
- import { skybridge } from "skybridge/web";
4
- import { defineConfig, type PluginOption } from "vite";
5
-
6
- // https://vite.dev/config/
7
- export default defineConfig({
8
- plugins: [skybridge() as PluginOption, react()],
9
- root: __dirname,
10
- resolve: {
11
- alias: {
12
- "@": path.resolve(__dirname, "./src"),
13
- },
14
- },
15
- });