create-skybridge 0.0.0-dev.f78ee95 → 0.0.0-dev.f79f9cd
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 +19 -14
- package/dist/index.test.js +4 -2
- package/package.json +5 -5
- package/template/.dockerignore +4 -0
- package/template/AGENTS.md +1 -1
- package/template/Dockerfile +53 -0
- package/template/README.md +14 -17
- package/template/_gitignore +2 -1
- package/template/node_modules/.bin/alpic +2 -2
- package/template/node_modules/.bin/sb +2 -2
- package/template/node_modules/.bin/skybridge +2 -2
- package/template/node_modules/.bin/vite +2 -2
- package/template/package.json +8 -6
- package/template/src/components/ball.tsx +22 -0
- package/template/src/helpers.ts +4 -0
- package/template/{web/src → src}/index.css +0 -2
- package/template/{server/src/index.ts → src/server.ts} +12 -8
- package/template/src/views/magic-8-ball.tsx +10 -0
- package/template/src/vite-manifest.d.ts +4 -0
- package/template/tsconfig.json +2 -4
- package/template/vite.config.ts +13 -0
- package/template/web/src/helpers.ts +0 -4
- package/template/web/src/widgets/magic-8-ball.tsx +0 -27
- 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
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
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,15 @@ 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
|
+
await fs.access(path.join(process.cwd(), tempDirName, "project", ".dockerignore"));
|
|
22
|
+
await fs.access(path.join(process.cwd(), tempDirName, "project", "Dockerfile"));
|
|
21
23
|
expect(fs.access(path.join(process.cwd(), tempDirName, "project", ".npmrc"))).rejects.toThrowError();
|
|
22
24
|
});
|
|
23
|
-
it("should download template from repo", async () => {
|
|
25
|
+
it("should download template from repo", { timeout: 10000 }, async () => {
|
|
24
26
|
const name = `../../${tempDirName}//project$`;
|
|
25
27
|
await init([
|
|
26
28
|
name,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-skybridge",
|
|
3
|
-
"version": "0.0.0-dev.
|
|
3
|
+
"version": "0.0.0-dev.f79f9cd",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Alpic",
|
|
@@ -18,18 +18,18 @@
|
|
|
18
18
|
],
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@clack/prompts": "^1.1.0",
|
|
21
|
-
"giget": "^3.
|
|
21
|
+
"giget": "^3.2.0",
|
|
22
22
|
"mri": "^1.2.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"typescript": "^6.0.2",
|
|
26
|
-
"vitest": "^4.1.
|
|
26
|
+
"vitest": "^4.1.4"
|
|
27
27
|
},
|
|
28
28
|
"scripts": {
|
|
29
29
|
"build": "tsc",
|
|
30
|
-
"test": "pnpm run test:unit && pnpm run test:
|
|
30
|
+
"test": "pnpm run test:unit && pnpm run test:format",
|
|
31
31
|
"test:unit": "vitest run",
|
|
32
|
-
"
|
|
32
|
+
"format": "biome check --write --error-on-warnings",
|
|
33
33
|
"test:format": "biome ci"
|
|
34
34
|
}
|
|
35
35
|
}
|
package/template/AGENTS.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
This is a ChatGPT/MCP app built with Skybridge. ALWAYS use the `chatgpt-app-builder` skill when planning or updating the codebase.
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
# syntax=docker/dockerfile:1
|
|
2
|
+
|
|
3
|
+
# Dockerfile for a Skybridge MCP server.
|
|
4
|
+
#
|
|
5
|
+
# Detects npm, yarn, or pnpm from the lockfile in your project.
|
|
6
|
+
# (For bun or deno, adapt the install/build/prune commands below.)
|
|
7
|
+
|
|
8
|
+
# Build stage: install deps, compile the app, then prune dev deps.
|
|
9
|
+
FROM node:24-slim AS build
|
|
10
|
+
WORKDIR /app
|
|
11
|
+
|
|
12
|
+
COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
|
|
13
|
+
RUN --mount=type=cache,target=/root/.npm \
|
|
14
|
+
--mount=type=cache,target=/usr/local/share/.cache/yarn \
|
|
15
|
+
--mount=type=cache,target=/root/.local/share/pnpm/store \
|
|
16
|
+
if [ -f package-lock.json ]; then \
|
|
17
|
+
npm ci; \
|
|
18
|
+
elif [ -f yarn.lock ]; then \
|
|
19
|
+
corepack enable yarn && yarn install --frozen-lockfile; \
|
|
20
|
+
elif [ -f pnpm-lock.yaml ]; then \
|
|
21
|
+
corepack enable pnpm && pnpm install --frozen-lockfile; \
|
|
22
|
+
else \
|
|
23
|
+
echo "No lockfile found." && exit 1; \
|
|
24
|
+
fi
|
|
25
|
+
|
|
26
|
+
ENV NODE_ENV=production
|
|
27
|
+
|
|
28
|
+
COPY . .
|
|
29
|
+
RUN if [ -f package-lock.json ]; then \
|
|
30
|
+
npm run build && npm prune --omit=dev; \
|
|
31
|
+
elif [ -f yarn.lock ]; then \
|
|
32
|
+
corepack enable yarn && yarn build && yarn install --frozen-lockfile --production=true; \
|
|
33
|
+
elif [ -f pnpm-lock.yaml ]; then \
|
|
34
|
+
corepack enable pnpm && pnpm build && pnpm prune --prod; \
|
|
35
|
+
fi
|
|
36
|
+
|
|
37
|
+
# Runtime stage: copy built artifacts and prod deps, run as non-root.
|
|
38
|
+
FROM node:24-slim AS runtime
|
|
39
|
+
WORKDIR /app
|
|
40
|
+
ENV NODE_ENV=production
|
|
41
|
+
|
|
42
|
+
USER node
|
|
43
|
+
|
|
44
|
+
COPY --from=build --chown=node:node /app/node_modules ./node_modules
|
|
45
|
+
COPY --from=build --chown=node:node /app/dist ./dist
|
|
46
|
+
COPY --from=build --chown=node:node /app/package.json ./package.json
|
|
47
|
+
|
|
48
|
+
EXPOSE 3000
|
|
49
|
+
|
|
50
|
+
# Run the built server directly rather than via `npm start` / `skybridge start`.
|
|
51
|
+
# Each wrapper adds a process layer that can swallow SIGTERM, which makes
|
|
52
|
+
# graceful shutdowns time out on platforms like Cloud Run, Fly, and k8s.
|
|
53
|
+
CMD ["node", "dist/server.js"]
|
package/template/README.md
CHANGED
|
@@ -44,34 +44,31 @@ This command starts:
|
|
|
44
44
|
#### 3. Project structure
|
|
45
45
|
|
|
46
46
|
```
|
|
47
|
-
├──
|
|
48
|
-
│
|
|
49
|
-
│
|
|
50
|
-
├──
|
|
51
|
-
│ ├──
|
|
52
|
-
│
|
|
53
|
-
|
|
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
|
|
58
|
+
### Create your first view
|
|
62
59
|
|
|
63
|
-
#### 1. Add a new
|
|
60
|
+
#### 1. Add a new view
|
|
64
61
|
|
|
65
|
-
- Register a
|
|
66
|
-
- Create a matching React component at `
|
|
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
|
|
65
|
+
#### 2. Edit views with Hot Module Replacement (HMR)
|
|
69
66
|
|
|
70
|
-
Edit and save components in `
|
|
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 `
|
|
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
|
@@ -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.
|
|
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.
|
|
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" "$@"
|
|
@@ -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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/vite@8.0.
|
|
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@8.0.
|
|
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.
|
|
15
|
+
"@modelcontextprotocol/sdk": "^1.29.0",
|
|
15
16
|
"react": "^19.2.4",
|
|
16
17
|
"react-dom": "^19.2.4",
|
|
17
|
-
"skybridge": ">=0.
|
|
18
|
-
"vite": "^8.0.
|
|
18
|
+
"skybridge": ">=0.0.0-dev.f79f9cd",
|
|
19
|
+
"vite": "^8.0.3",
|
|
19
20
|
"zod": "^4.3.6"
|
|
20
21
|
},
|
|
21
22
|
"devDependencies": {
|
|
22
|
-
"@skybridge/devtools": ">=0.35.
|
|
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
27
|
"@vitejs/plugin-react": "^6.0.1",
|
|
26
|
-
"alpic": "^1.
|
|
28
|
+
"alpic": "^1.104.1",
|
|
27
29
|
"tsx": "^4.21.0",
|
|
28
30
|
"typescript": "^6.0.2"
|
|
29
31
|
},
|
|
30
32
|
"engines": {
|
|
31
|
-
"node": ">=24.14.
|
|
33
|
+
"node": ">=24.14.1"
|
|
32
34
|
}
|
|
33
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
|
+
}
|
|
@@ -25,27 +25,26 @@ const server = new McpServer(
|
|
|
25
25
|
version: "0.0.1",
|
|
26
26
|
},
|
|
27
27
|
{ capabilities: {} },
|
|
28
|
-
).
|
|
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) {
|
|
@@ -57,6 +56,11 @@ const server = new McpServer(
|
|
|
57
56
|
},
|
|
58
57
|
);
|
|
59
58
|
|
|
60
|
-
|
|
59
|
+
if (process.env.NODE_ENV === "production") {
|
|
60
|
+
const { default: manifest } = await import("./vite-manifest.js");
|
|
61
|
+
server.setViteManifest(manifest);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export default await server.run();
|
|
61
65
|
|
|
62
66
|
export type AppType = typeof server;
|
|
@@ -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,12 +2,10 @@
|
|
|
2
2
|
"extends": "skybridge/tsconfig",
|
|
3
3
|
|
|
4
4
|
"compilerOptions": {
|
|
5
|
-
"outDir": "dist",
|
|
6
|
-
"types": ["node", "vite/client"],
|
|
7
5
|
"paths": {
|
|
8
|
-
"@/*": ["./
|
|
6
|
+
"@/*": ["./src/*"]
|
|
9
7
|
}
|
|
10
8
|
},
|
|
11
9
|
|
|
12
|
-
"include": ["
|
|
10
|
+
"include": ["src", ".skybridge/**/*.d.ts"]
|
|
13
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,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 />);
|
|
@@ -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
|
-
});
|