create-skybridge 0.0.0-dev.f59e885 → 0.0.0-dev.f5bb424
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.test.js +2 -0
- package/package.json +5 -6
- package/template/.dockerignore +4 -0
- 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/tsc +2 -2
- package/template/node_modules/.bin/tsserver +2 -2
- package/template/node_modules/.bin/vite +2 -2
- package/template/package.json +7 -7
- package/template/src/components/ball.tsx +22 -0
- package/template/src/helpers.ts +4 -0
- 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/template/{web/src → src}/index.css +0 -0
package/dist/index.test.js
CHANGED
|
@@ -18,6 +18,8 @@ describe("create-skybridge", () => {
|
|
|
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
25
|
it("should download template from repo", { timeout: 10000 }, async () => {
|
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.f5bb424",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Alpic",
|
|
@@ -17,19 +17,18 @@
|
|
|
17
17
|
"template"
|
|
18
18
|
],
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@clack/prompts": "^1.
|
|
20
|
+
"@clack/prompts": "^1.1.0",
|
|
21
21
|
"giget": "^3.2.0",
|
|
22
22
|
"mri": "^1.2.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"typescript": "^6.0.
|
|
26
|
-
"vitest": "^4.1.
|
|
25
|
+
"typescript": "^6.0.2",
|
|
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
|
-
"test:type": "tsc --noEmit",
|
|
33
32
|
"format": "biome check --write --error-on-warnings",
|
|
34
33
|
"test:format": "biome ci"
|
|
35
34
|
}
|
|
@@ -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/typescript@6.0.
|
|
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@6.0.
|
|
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" "$@"
|
|
@@ -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@6.0.
|
|
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@6.0.
|
|
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" "$@"
|
|
@@ -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.3_@types+node@24.12.
|
|
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.3_@types+node@24.12.
|
|
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
|
@@ -13,23 +13,23 @@
|
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@modelcontextprotocol/sdk": "^1.29.0",
|
|
16
|
-
"react": "^19.2.
|
|
17
|
-
"react-dom": "^19.2.
|
|
18
|
-
"skybridge": ">=0.
|
|
16
|
+
"react": "^19.2.4",
|
|
17
|
+
"react-dom": "^19.2.4",
|
|
18
|
+
"skybridge": ">=0.0.0-dev.f5bb424",
|
|
19
19
|
"vite": "^8.0.3",
|
|
20
20
|
"zod": "^4.3.6"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@skybridge/devtools": ">=0.35.14 <1.0.0",
|
|
24
|
+
"@types/node": "^24.12.0",
|
|
24
25
|
"@types/react": "^19.2.14",
|
|
25
|
-
"@types/node": "^24.12.2",
|
|
26
26
|
"@types/react-dom": "^19.2.3",
|
|
27
27
|
"@vitejs/plugin-react": "^6.0.1",
|
|
28
|
-
"alpic": "^1.
|
|
28
|
+
"alpic": "^1.104.1",
|
|
29
29
|
"tsx": "^4.21.0",
|
|
30
|
-
"typescript": "^6.0.
|
|
30
|
+
"typescript": "^6.0.2"
|
|
31
31
|
},
|
|
32
32
|
"engines": {
|
|
33
|
-
"node": ">=24.
|
|
33
|
+
"node": ">=24.14.1"
|
|
34
34
|
}
|
|
35
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
|
-
});
|
|
File without changes
|