create-skybridge 0.0.0-dev.f953cb9 → 0.0.0-dev.f9ae1d8

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.
Files changed (23) hide show
  1. package/dist/index.js +19 -14
  2. package/dist/index.test.js +2 -2
  3. package/package.json +5 -4
  4. package/template/AGENTS.md +1 -1
  5. package/template/README.md +15 -18
  6. package/template/_gitignore +2 -1
  7. package/template/node_modules/.bin/alpic +2 -2
  8. package/template/node_modules/.bin/sb +2 -2
  9. package/template/node_modules/.bin/skybridge +2 -2
  10. package/template/node_modules/.bin/tsc +2 -2
  11. package/template/node_modules/.bin/tsserver +2 -2
  12. package/template/node_modules/.bin/vite +2 -2
  13. package/template/package.json +10 -8
  14. package/template/src/components/ball.tsx +22 -0
  15. package/template/src/helpers.ts +4 -0
  16. package/template/{web/src → src}/index.css +0 -2
  17. package/template/{server/src/index.ts → src/server.ts} +6 -7
  18. package/template/src/views/magic-8-ball.tsx +10 -0
  19. package/template/tsconfig.json +4 -2
  20. package/template/vite.config.ts +13 -0
  21. package/template/web/src/helpers.ts +0 -4
  22. package/template/web/src/widgets/magic-8-ball.tsx +0 -27
  23. package/template/web/vite.config.ts +0 -15
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
  }
package/dist/index.test.js CHANGED
@@ -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.f953cb9",
3
+ "version": "0.0.0-dev.f9ae1d8",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "author": "Alpic",
@@ -18,18 +18,19 @@
18
18
  ],
19
19
  "dependencies": {
20
20
  "@clack/prompts": "^1.1.0",
21
- "giget": "^3.1.2",
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.2",
26
+ "vitest": "^4.1.4"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "tsc",
30
30
  "test": "pnpm run test:unit && pnpm run test:type && pnpm run test:format",
31
31
  "test:unit": "vitest run",
32
32
  "test:type": "tsc --noEmit",
33
+ "format": "biome check --write --error-on-warnings",
33
34
  "test:format": "biome ci"
34
35
  }
35
36
  }
package/template/AGENTS.md CHANGED
@@ -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.
package/template/README.md CHANGED
@@ -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,34 +44,31 @@ This command starts:
44
44
  #### 3. Project structure
45
45
 
46
46
  ```
47
- ├── server/
48
- │ └── src/
49
- │ └── index.ts # Server entry point
50
- ├── web/
51
- │ ├── src/
52
- │ │ ├── widgets/ # React components (one per widget)
53
- │ │ ├── helpers.ts # Shared utilities
54
- │ │ └── index.css # Global styles
55
- │ └── 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
56
54
  ├── alpic.json # Deployment config
57
- ├── nodemon.json # Dev server config
58
55
  └── package.json
59
56
  ```
60
57
 
61
- ### Create your first widget
58
+ ### Create your first view
62
59
 
63
- #### 1. Add a new widget
60
+ #### 1. Add a new view
64
61
 
65
- - 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)
66
- - 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**.
67
64
 
68
- #### 2. Edit widgets with Hot Module Replacement (HMR)
65
+ #### 2. Edit views with Hot Module Replacement (HMR)
69
66
 
70
- 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.
71
68
 
72
69
  #### 3. Edit server code
73
70
 
74
- 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.
75
72
 
76
73
  ### Testing your App
77
74
 
package/template/_gitignore CHANGED
@@ -2,4 +2,5 @@ node_modules/
2
2
  dist/
3
3
  .env*
4
4
  .DS_store
5
- *.tsbuildinfo
5
+ *.tsbuildinfo
6
+ .skybridge/
package/template/node_modules/.bin/alpic CHANGED
@@ -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.92.2_@opentelemetry+api@1.9.0_arktype@2.1.27_typescript@5.9.3/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.92.2_@opentelemetry+api@1.9.0_arktype@2.1.27_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/alpic@1.104.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.2/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.104.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.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/alpic@1.92.2_@opentelemetry+api@1.9.0_arktype@2.1.27_typescript@5.9.3/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.92.2_@opentelemetry+api@1.9.0_arktype@2.1.27_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/alpic@1.104.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.2/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.104.1_@opentelemetry+api@1.9.0_arktype@2.1.27_rxjs@7.8.2_typescript@6.0.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/../alpic/bin/run.js" "$@"
package/template/node_modules/.bin/sb CHANGED
@@ -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.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/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.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/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" "$@"
package/template/node_modules/.bin/skybridge CHANGED
@@ -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.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/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.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.32.0_@modelcontextprotocol+sdk@1.27.1_zod@4.3.6__@skybridge+devtools@0.32.0_8c938528707c936d391357462b94034d/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" "$@"
package/template/node_modules/.bin/tsc CHANGED
@@ -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/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.2/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.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/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.2/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.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/../typescript/bin/tsc" "$@"
package/template/node_modules/.bin/tsserver CHANGED
@@ -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/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.2/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.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/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.2/node_modules/typescript/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/typescript@6.0.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/../typescript/bin/tsserver" "$@"
package/template/node_modules/.bin/vite CHANGED
@@ -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.3_jiti@2.6.1_lightningcss@1.31.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@7.3.1_@types+node@25.2.3_jiti@2.6.1_lightningcss@1.31.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"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.0.3_@types+node@24.12.0_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.0_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.3_jiti@2.6.1_lightningcss@1.31.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@7.3.1_@types+node@25.2.3_jiti@2.6.1_lightningcss@1.31.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"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.0.3_@types+node@24.12.0_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.0_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" "$@"
package/template/package.json CHANGED
@@ -6,28 +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.27.1",
15
+ "@modelcontextprotocol/sdk": "^1.29.0",
15
16
  "react": "^19.2.4",
16
17
  "react-dom": "^19.2.4",
17
- "skybridge": ">=0.32.0 <1.0.0",
18
- "vite": "^7.3.1",
18
+ "skybridge": ">=0.0.0-dev.f9ae1d8",
19
+ "vite": "^8.0.3",
19
20
  "zod": "^4.3.6"
20
21
  },
21
22
  "devDependencies": {
22
- "@skybridge/devtools": ">=0.32.0 <1.0.0",
23
+ "@skybridge/devtools": ">=0.35.14 <1.0.0",
24
+ "@types/node": "^24.12.0",
23
25
  "@types/react": "^19.2.14",
24
26
  "@types/react-dom": "^19.2.3",
25
- "@vitejs/plugin-react": "^5.1.4",
26
- "alpic": "^1.92.2",
27
+ "@vitejs/plugin-react": "^6.0.1",
28
+ "alpic": "^1.104.1",
27
29
  "tsx": "^4.21.0",
28
- "typescript": "^5.9.3"
30
+ "typescript": "^6.0.2"
29
31
  },
30
32
  "engines": {
31
- "node": ">=24.14.0"
33
+ "node": ">=24.14.1"
32
34
  }
33
35
  }
package/template/src/components/ball.tsx ADDED
@@ -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
+ }
package/template/src/helpers.ts ADDED
@@ -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>();
package/template/{web/src → src}/index.css RENAMED
@@ -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
  }
package/template/{server/src/index.ts → src/server.ts} RENAMED
@@ -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) {
package/template/src/views/magic-8-ball.tsx ADDED
@@ -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
+ }
package/template/tsconfig.json CHANGED
@@ -2,8 +2,10 @@
2
2
  "extends": "skybridge/tsconfig",
3
3
 
4
4
  "compilerOptions": {
5
- "outDir": "dist"
5
+ "paths": {
6
+ "@/*": ["./src/*"]
7
+ }
6
8
  },
7
9
 
8
- "include": ["server/src", "web/src"]
10
+ "include": ["src", ".skybridge/**/*.d.ts"]
9
11
  }
package/template/vite.config.ts ADDED
@@ -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
+ });
package/template/web/src/helpers.ts DELETED
@@ -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>();
package/template/web/src/widgets/magic-8-ball.tsx DELETED
@@ -1,27 +0,0 @@
1
- import "@/index.css";
2
-
3
- import { mountWidget } from "skybridge/web";
4
- import { useToolInfo } from "../helpers.js";
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 />);
package/template/web/vite.config.ts DELETED
@@ -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
- });