create-skybridge 0.0.0-dev.a019e1d → 0.0.0-dev.a0a7b24

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-skybridge",
3
- "version": "0.0.0-dev.a019e1d",
3
+ "version": "0.0.0-dev.a0a7b24",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "author": "Alpic",
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "devDependencies": {
24
24
  "typescript": "^5.9.3",
25
- "vitest": "^4.0.16"
25
+ "vitest": "^4.0.17"
26
26
  },
27
27
  "scripts": {
28
28
  "build": "tsc",
@@ -1,6 +1,6 @@
1
- # ChatGPT Apps SDK Alpic Starter
1
+ # Skybridge Starter
2
2
 
3
- A minimal TypeScript template for building OpenAI Apps SDK compatible MCP servers with widget rendering in ChatGPT.
3
+ A minimal TypeScript template for building ChatGPT and MCP Apps with widget rendering.
4
4
 
5
5
  ## Getting Started
6
6
 
@@ -40,7 +40,7 @@ bun dev
40
40
  This command starts an Express server on port 3000. This server packages:
41
41
 
42
42
  - an MCP endpoint on `/mcp` (the app backend)
43
- - a React application on Vite HMR dev server (the UI elements to be displayed in ChatGPT)
43
+ - a React application on Vite HMR dev server (the UI elements to be displayed in the host)
44
44
 
45
45
  #### 3. Connect to ChatGPT
46
46
 
@@ -59,7 +59,7 @@ ngrok http 3000
59
59
 
60
60
  #### 2. Edit widgets with Hot Module Replacement (HMR)
61
61
 
62
- Edit and save components in `web/src/widgets/` — changes appear instantly in ChatGPT
62
+ Edit and save components in `web/src/widgets/` — changes appear instantly in the host
63
63
 
64
64
  #### 3. Edit server code
65
65
 
@@ -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/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/inspector/cli/build/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/inspector/cli/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/inspector/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/inspector/cli/build/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/inspector/cli/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/inspector/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/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/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/inspector/cli/build/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/inspector/cli/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/inspector/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/node_modules/@modelcontextprotocol/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@25.0.3_@types+react-dom@19.2.3_@type_cfe96c348f18ba1e580ab58ea63930bf/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/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/inspector/cli/build/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/inspector/cli/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/inspector/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/node_modules/@modelcontextprotocol/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/@modelcontextprotocol+inspector@0.18.0_@types+node@24.10.9_@types+react-dom@19.2.3_@typ_e51ca4804aa9ecbdec52fc906fb17303/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/../@modelcontextprotocol/inspector/cli/build/cli.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.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/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/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/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/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/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/../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.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/node_modules"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/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/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.20.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@25_aea5dc2b2511e98e2f9f50b3f1005e40/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/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/node_modules/skybridge/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/skybridge@0.26.0_@modelcontextprotocol+sdk@1.25.2_hono@4.11.3_zod@4.3.5__@types+node@24_11793bd3b8e997e8d910f880b89e0f45/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/../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@7.3.1_@types+node@25.0.3_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0/node_modules/vite/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.0.3_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.0.3_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_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/vite@7.3.1_@types+node@24.10.9_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@24.10.9_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@24.10.9_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"
14
14
  else
15
- export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.0.3_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0/node_modules/vite/bin/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.0.3_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_tsx@4.21.0/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@7.3.1_@types+node@25.0.3_jiti@2.6.1_lightningcss@1.30.2_terser@5.44.1_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/vite@7.3.1_@types+node@24.10.9_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@24.10.9_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@24.10.9_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"
16
16
  fi
17
17
  if [ -x "$basedir/node" ]; then
18
18
  exec "$basedir/node" "$basedir/../vite/bin/vite.js" "$@"
@@ -5,14 +5,10 @@
5
5
  "description": "Alpic MCP Server Template",
6
6
  "type": "module",
7
7
  "scripts": {
8
- "dev": "skybridge",
8
+ "dev": "skybridge dev",
9
9
  "build": "skybridge build",
10
10
  "start": "skybridge start",
11
- "inspector": "mcp-inspector http://localhost:3000/mcp",
12
- "server:build": "tsc -p tsconfig.server.json",
13
- "server:start": "node dist/index.js",
14
- "web:build": "tsc -b web && vite build -c web/vite.config.ts",
15
- "web:preview": "vite preview -c web/vite.config.ts"
11
+ "inspector": "mcp-inspector http://localhost:3000/mcp"
16
12
  },
17
13
  "dependencies": {
18
14
  "@modelcontextprotocol/sdk": "^1.25.2",
@@ -20,24 +16,23 @@
20
16
  "express": "^5.2.1",
21
17
  "react": "^19.2.3",
22
18
  "react-dom": "^19.2.3",
23
- "skybridge": ">=0.20.0 <1.0.0",
19
+ "skybridge": ">=0.26.0 <1.0.0",
24
20
  "vite": "^7.3.1",
25
21
  "zod": "^4.3.5"
26
22
  },
27
23
  "devDependencies": {
28
24
  "@modelcontextprotocol/inspector": "^0.18.0",
29
- "@skybridge/devtools": ">=0.20.0 <1.0.0",
25
+ "@skybridge/devtools": ">=0.22.0 <1.0.0",
30
26
  "@types/cors": "^2.8.19",
31
27
  "@types/express": "^5.0.6",
32
- "@types/react": "^19.2.7",
28
+ "@types/react": "^19.2.8",
33
29
  "@types/react-dom": "^19.2.3",
34
30
  "@vitejs/plugin-react": "^5.1.2",
35
31
  "nodemon": "^3.1.11",
36
- "shx": "^0.4.0",
37
32
  "tsx": "^4.21.0",
38
33
  "typescript": "^5.9.3"
39
34
  },
40
35
  "engines": {
41
- "node": ">=24.12.0"
36
+ "node": ">=24.13.0"
42
37
  }
43
38
  }
@@ -34,15 +34,6 @@ app.listen(3000, (error) => {
34
34
  console.error("Failed to start server:", error);
35
35
  process.exit(1);
36
36
  }
37
-
38
- console.log(`Server listening on port 3000 - ${env}`);
39
- console.log(
40
- "Make your local server accessible with 'ngrok http 3000' and connect to ChatGPT with URL https://xxxxxx.ngrok-free.app/mcp",
41
- );
42
-
43
- if (env !== "production") {
44
- console.log("Devtools available at http://localhost:3000");
45
- }
46
37
  });
47
38
 
48
39
  process.on("SIGINT", async () => {
@@ -1,12 +1,20 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,600&display=swap");
2
+
1
3
  .container {
2
4
  display: flex;
3
5
  justify-content: center;
4
6
  align-items: center;
5
7
  height: 100%;
8
+ padding: 1rem;
6
9
  }
7
10
 
8
11
  .ball {
9
- background-color: black;
12
+ background: radial-gradient(
13
+ circle at 30% 30%,
14
+ #454565 0%,
15
+ #1c1c30 40%,
16
+ #0a0a10 100%
17
+ );
10
18
  border-radius: 50%;
11
19
  width: 12rem;
12
20
  height: 12rem;
@@ -16,16 +24,128 @@
16
24
  justify-content: center;
17
25
  font-family: monospace;
18
26
  text-align: center;
27
+ position: relative;
28
+ box-shadow:
29
+ 0 10px 30px rgba(0, 0, 0, 0.5),
30
+ 0 5px 15px rgba(0, 0, 0, 0.3),
31
+ inset 0 -20px 40px rgba(0, 0, 0, 0.6);
32
+ animation:
33
+ float 3s ease-in-out infinite,
34
+ colorShift 15s ease-in-out infinite;
35
+ transition: transform 0.3s ease;
36
+ cursor: pointer;
37
+ border: 1px solid rgba(30, 30, 50, 0.6);
38
+ }
39
+
40
+ .ball:hover {
41
+ transform: scale(1.05) translateY(-8px);
42
+ animation: colorShift 15s ease-in-out infinite;
43
+ box-shadow:
44
+ 0 20px 50px rgba(0, 0, 0, 0.6),
45
+ 0 10px 25px rgba(0, 0, 0, 0.4),
46
+ inset 0 -20px 40px rgba(0, 0, 0, 0.6);
47
+ }
48
+
49
+ @keyframes float {
50
+ 0%,
51
+ 100% {
52
+ transform: translateY(0);
53
+ }
54
+ 50% {
55
+ transform: translateY(-8px);
56
+ }
57
+ }
58
+
59
+ @keyframes colorShift {
60
+ 0%,
61
+ 100% {
62
+ background: radial-gradient(
63
+ circle at 30% 30%,
64
+ #454565 0%,
65
+ #1c1c30 40%,
66
+ #0a0a10 100%
67
+ );
68
+ }
69
+ 25% {
70
+ background: radial-gradient(
71
+ circle at 30% 30%,
72
+ #3f4a65 0%,
73
+ #181e30 40%,
74
+ #090a10 100%
75
+ );
76
+ }
77
+ 50% {
78
+ background: radial-gradient(
79
+ circle at 30% 30%,
80
+ #3a5065 0%,
81
+ #152230 40%,
82
+ #080a10 100%
83
+ );
84
+ }
85
+ 75% {
86
+ background: radial-gradient(
87
+ circle at 30% 30%,
88
+ #3f4a65 0%,
89
+ #181e30 40%,
90
+ #090a10 100%
91
+ );
92
+ }
93
+ }
94
+
95
+ .ball::before {
96
+ content: "";
97
+ position: absolute;
98
+ top: 8%;
99
+ left: 20%;
100
+ width: 30%;
101
+ height: 20%;
102
+ background: radial-gradient(
103
+ ellipse,
104
+ rgba(255, 255, 255, 0.3) 0%,
105
+ transparent 70%
106
+ );
107
+ border-radius: 50%;
108
+ pointer-events: none;
109
+ }
110
+
111
+ .ball::after {
112
+ content: "";
113
+ position: absolute;
114
+ bottom: 8%;
115
+ right: 25%;
116
+ width: 25%;
117
+ height: 10%;
118
+ background: radial-gradient(
119
+ ellipse,
120
+ rgba(255, 255, 255, 0.1) 0%,
121
+ transparent 70%
122
+ );
123
+ border-radius: 50%;
124
+ pointer-events: none;
19
125
  }
20
126
 
21
127
  .question {
22
- font-size: 0.75rem;
128
+ font-size: clamp(0.5rem, 2vw, 0.75rem);
23
129
  color: lightgrey;
130
+ max-width: 90%;
131
+ word-wrap: break-word;
132
+ overflow-wrap: break-word;
133
+ text-align: center;
134
+ line-height: 1.3;
135
+ font-style: italic;
24
136
  }
25
137
 
26
138
  .answer {
27
- font-size: 1.125rem;
28
- font-weight: bold;
139
+ font-family: "Playfair Display", serif;
140
+ font-style: italic;
141
+ font-size: 1.25rem;
142
+ font-weight: 600;
29
143
  margin-top: 0.5rem;
30
- color: aqua;
144
+ color: #7dd3fc;
145
+ text-shadow: 0 0 10px rgba(125, 211, 252, 0.5);
146
+ max-width: 90%;
147
+ word-wrap: break-word;
148
+ overflow-wrap: break-word;
149
+ text-align: center;
150
+ line-height: 1.3;
31
151
  }
@@ -1,11 +1,11 @@
1
1
  import path from "node:path";
2
2
  import react from "@vitejs/plugin-react";
3
3
  import { skybridge } from "skybridge/web";
4
- import { defineConfig } from "vite";
4
+ import { defineConfig, type PluginOption } from "vite";
5
5
 
6
6
  // https://vite.dev/config/
7
7
  export default defineConfig({
8
- plugins: [skybridge(), react()],
8
+ plugins: [skybridge() as PluginOption, react()],
9
9
  root: __dirname,
10
10
  resolve: {
11
11
  alias: {
@@ -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/shx@0.4.0/node_modules/shx/lib/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/shx@0.4.0/node_modules/shx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/shx@0.4.0/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/shx@0.4.0/node_modules/shx/lib/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/shx@0.4.0/node_modules/shx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/shx@0.4.0/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/../shx/lib/cli.js" "$@"
19
- else
20
- exec node "$basedir/../shx/lib/cli.js" "$@"
21
- fi