create-skybridge 0.0.0-dev.0a9da6d → 0.0.0-dev.0ad9d4b

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 (89) hide show
  1. package/dist/index.js +52 -26
  2. package/package.json +3 -3
  3. package/templates/blank/Dockerfile +3 -3
  4. package/templates/blank/_gitignore +2 -1
  5. package/templates/blank/node_modules/.bin/alpic +2 -2
  6. package/templates/blank/node_modules/.bin/tsx +21 -0
  7. package/templates/blank/node_modules/.bin/vite +2 -2
  8. package/templates/blank/package.json +8 -6
  9. package/templates/blank/src/server.ts +0 -5
  10. package/templates/blank/vite.config.ts +7 -1
  11. package/templates/demo/Dockerfile +3 -3
  12. package/templates/demo/_gitignore +2 -1
  13. package/templates/demo/node_modules/.bin/alpic +2 -2
  14. package/templates/demo/node_modules/.bin/tsx +2 -2
  15. package/templates/demo/node_modules/.bin/vite +2 -2
  16. package/templates/demo/package.json +16 -15
  17. package/templates/demo/src/server.ts +0 -5
  18. package/templates/demo/vite.config.ts +7 -1
  19. package/templates/ecom/.dockerignore +4 -0
  20. package/templates/ecom/.env.template +7 -0
  21. package/templates/ecom/.ladle/components.tsx +26 -0
  22. package/templates/ecom/.ladle/config.mjs +11 -0
  23. package/templates/ecom/.ladle/vite.config.ts +11 -0
  24. package/templates/ecom/AGENTS.md +2 -0
  25. package/templates/ecom/Dockerfile +53 -0
  26. package/templates/ecom/README.md +92 -0
  27. package/templates/ecom/_gitignore +9 -0
  28. package/templates/ecom/alpic.json +3 -0
  29. package/templates/ecom/node_modules/.bin/alpic +21 -0
  30. package/templates/ecom/node_modules/.bin/ladle +21 -0
  31. package/templates/ecom/node_modules/.bin/sb +21 -0
  32. package/templates/ecom/node_modules/.bin/skybridge +21 -0
  33. package/templates/ecom/node_modules/.bin/tsc +21 -0
  34. package/templates/ecom/node_modules/.bin/tsserver +21 -0
  35. package/templates/ecom/node_modules/.bin/tsx +21 -0
  36. package/templates/ecom/node_modules/.bin/vite +21 -0
  37. package/templates/ecom/package.json +42 -0
  38. package/templates/ecom/src/catalog/index.ts +19 -0
  39. package/templates/ecom/src/catalog/mock.ts +134 -0
  40. package/templates/ecom/src/catalog/shopify.ts +264 -0
  41. package/templates/ecom/src/components/chip.css.ts +63 -0
  42. package/templates/ecom/src/components/chip.stories.tsx +27 -0
  43. package/templates/ecom/src/components/chip.tsx +49 -0
  44. package/templates/ecom/src/components/empty-state.stories.tsx +3 -0
  45. package/templates/ecom/src/components/empty-state.tsx +12 -0
  46. package/templates/ecom/src/components/expandable-text.css.ts +49 -0
  47. package/templates/ecom/src/components/expandable-text.stories.tsx +20 -0
  48. package/templates/ecom/src/components/expandable-text.tsx +53 -0
  49. package/templates/ecom/src/components/image-gallery.css.ts +172 -0
  50. package/templates/ecom/src/components/image-gallery.stories.tsx +30 -0
  51. package/templates/ecom/src/components/image-gallery.tsx +163 -0
  52. package/templates/ecom/src/components/product-card.css.ts +159 -0
  53. package/templates/ecom/src/components/product-card.stories.tsx +58 -0
  54. package/templates/ecom/src/components/product-card.tsx +102 -0
  55. package/templates/ecom/src/components/product-carousel.css.ts +134 -0
  56. package/templates/ecom/src/components/product-carousel.stories.tsx +64 -0
  57. package/templates/ecom/src/components/product-carousel.tsx +202 -0
  58. package/templates/ecom/src/components/variant-picker.css.ts +27 -0
  59. package/templates/ecom/src/components/variant-picker.stories.tsx +67 -0
  60. package/templates/ecom/src/components/variant-picker.tsx +70 -0
  61. package/templates/ecom/src/components/view-frame.css.ts +22 -0
  62. package/templates/ecom/src/components/view-frame.tsx +27 -0
  63. package/templates/ecom/src/config.ts +12 -0
  64. package/templates/ecom/src/design/contract.css.ts +39 -0
  65. package/templates/ecom/src/design/fonts.css +15 -0
  66. package/templates/ecom/src/design/primitives.css.ts +101 -0
  67. package/templates/ecom/src/design/recipes/typography.css.ts +75 -0
  68. package/templates/ecom/src/design/sprinkles.css.ts +128 -0
  69. package/templates/ecom/src/design/themes/dark.css.ts +36 -0
  70. package/templates/ecom/src/design/themes/light.css.ts +36 -0
  71. package/templates/ecom/src/design/tokens.ts +8 -0
  72. package/templates/ecom/src/helpers.ts +4 -0
  73. package/templates/ecom/src/i18n.ts +35 -0
  74. package/templates/ecom/src/index.css +9 -0
  75. package/templates/ecom/src/lib/cx.ts +9 -0
  76. package/templates/ecom/src/lib/format.ts +9 -0
  77. package/templates/ecom/src/lib/variants.ts +150 -0
  78. package/templates/ecom/src/server.ts +43 -0
  79. package/templates/ecom/src/tools/render-carousel.ts +161 -0
  80. package/templates/ecom/src/tools/search-products.ts +196 -0
  81. package/templates/ecom/src/types.ts +87 -0
  82. package/templates/ecom/src/views/carousel/detail/detail.css.ts +115 -0
  83. package/templates/ecom/src/views/carousel/detail/detail.stories.tsx +133 -0
  84. package/templates/ecom/src/views/carousel/detail/index.tsx +254 -0
  85. package/templates/ecom/src/views/carousel/index.tsx +233 -0
  86. package/templates/ecom/tsconfig.json +11 -0
  87. package/templates/ecom/vite.config.ts +8 -0
  88. package/templates/blank/src/vite-manifest.d.ts +0 -4
  89. package/templates/demo/src/vite-manifest.d.ts +0 -4
package/dist/index.js CHANGED
@@ -7,7 +7,7 @@ import mri from "mri";
7
7
  const OUTPUT_TAIL_LINES = 10;
8
8
  const DEFAULT_PROJECT_NAME = "skybridge-project";
9
9
  const PACKAGE_MANAGERS = ["bun", "deno", "npm", "pnpm", "yarn"];
10
- const TEMPLATES = ["demo", "blank"];
10
+ const TEMPLATES = ["demo", "blank", "ecom"];
11
11
  const pkg = JSON.parse(fs.readFileSync(fileURLToPath(new URL("../package.json", import.meta.url)), "utf-8"));
12
12
  const version = pkg.version;
13
13
  const HELP_MESSAGE = `Usage: skybridge create [path] [options]
@@ -19,6 +19,7 @@ Arguments:
19
19
 
20
20
  Options:
21
21
  --blank scaffold a minimal project without demo tools and views
22
+ --ecom scaffold the ecommerce template (search products, render carousel)
22
23
  --overwrite remove existing files if target directory is not empty
23
24
  --pm <choice> package manager to use (choices: ${PACKAGE_MANAGERS.join(", ")}. default to npm when none is provided or infered)
24
25
  --skip-skills skip installing coding agent skills
@@ -60,7 +61,15 @@ const Spinner = {
60
61
  };
61
62
  export async function init(args = process.argv.slice(2)) {
62
63
  const argv = mri(args, {
63
- boolean: ["help", "blank", "overwrite", "skip-skills", "start", "yes"],
64
+ boolean: [
65
+ "help",
66
+ "blank",
67
+ "ecom",
68
+ "overwrite",
69
+ "skip-skills",
70
+ "start",
71
+ "yes",
72
+ ],
64
73
  string: ["pm"],
65
74
  alias: { h: "help" },
66
75
  });
@@ -121,30 +130,43 @@ export async function init(args = process.argv.slice(2)) {
121
130
  if (argv.blank) {
122
131
  template = "blank";
123
132
  }
124
- else if (yes) {
125
- template = "demo";
133
+ if (argv.ecom) {
134
+ if (template) {
135
+ abort("Cannot specify both --blank and --ecom.");
136
+ }
137
+ template = "ecom";
126
138
  }
127
- else {
128
- const choice = await prompts.select({
129
- message: "Choose a template:",
130
- options: [
131
- {
132
- value: "demo",
133
- label: "demo",
134
- hint: "starter code with tools and UI",
135
- },
136
- {
137
- value: "blank",
138
- label: "blank",
139
- hint: "minimal boilerplate without tools",
140
- },
141
- ],
142
- initialValue: "demo",
143
- });
144
- if (prompts.isCancel(choice)) {
145
- return cancel();
139
+ if (!template) {
140
+ if (yes) {
141
+ template = "demo";
142
+ }
143
+ else {
144
+ const choice = await prompts.select({
145
+ message: "Choose a template:",
146
+ options: [
147
+ {
148
+ value: "demo",
149
+ label: "demo",
150
+ hint: "starter code with tools and UI",
151
+ },
152
+ {
153
+ value: "blank",
154
+ label: "blank",
155
+ hint: "minimal boilerplate without tools",
156
+ },
157
+ {
158
+ value: "ecom",
159
+ label: "ecom",
160
+ hint: "ecommerce template with product search tool and carousel view",
161
+ },
162
+ ],
163
+ initialValue: "demo",
164
+ });
165
+ if (prompts.isCancel(choice)) {
166
+ return cancel();
167
+ }
168
+ template = choice;
146
169
  }
147
- template = choice;
148
170
  }
149
171
  // 4. Copy template
150
172
  const root = path.resolve(targetDir);
@@ -270,7 +292,11 @@ export async function init(args = process.argv.slice(2)) {
270
292
  }
271
293
  pm = choice;
272
294
  }
273
- // 8. Always install dependencies
295
+ // 8. pnpm ≥10 fails installs unless esbuild's build script is allow-listed
296
+ if (pm === "pnpm") {
297
+ fs.writeFileSync(path.join(root, "pnpm-workspace.yaml"), 'packages:\n - "."\nonlyBuiltDependencies:\n - esbuild\nallowBuilds:\n esbuild: true\n');
298
+ }
299
+ // 9. Always install dependencies
274
300
  Spinner.start(`Installing dependencies with ${pm}`);
275
301
  const { status, output } = await spawnAsync(pm, ["install"]);
276
302
  if (status === 0) {
@@ -281,7 +307,7 @@ export async function init(args = process.argv.slice(2)) {
281
307
  \x1b[2m${output}\x1b[0m`);
282
308
  abort(`Try manually: cd ${targetDir} && ${pm} install`);
283
309
  }
284
- // 9. Start dev server?
310
+ // 10. Start dev server?
285
311
  let start = false;
286
312
  if (argv.start) {
287
313
  start = true;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-skybridge",
3
- "version": "0.0.0-dev.0a9da6d",
3
+ "version": "0.0.0-dev.0ad9d4b",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "author": "Alpic",
@@ -17,14 +17,14 @@
17
17
  "templates"
18
18
  ],
19
19
  "dependencies": {
20
- "@clack/prompts": "^1.4.0",
20
+ "@clack/prompts": "^1.7.0",
21
21
  "cross-spawn": "^7.0.6",
22
22
  "mri": "^1.2.0"
23
23
  },
24
24
  "devDependencies": {
25
25
  "@types/cross-spawn": "^6.0.6",
26
26
  "typescript": "^6.0.3",
27
- "vitest": "^4.1.7"
27
+ "vitest": "^4.1.10"
28
28
  },
29
29
  "scripts": {
30
30
  "build": "tsc",
@@ -6,7 +6,7 @@
6
6
  # (For bun or deno, adapt the install/build/prune commands below.)
7
7
 
8
8
  # Build stage: install deps, compile the app, then prune dev deps.
9
- FROM node:24.16.0-slim AS build
9
+ FROM node:24.18.0-slim AS build
10
10
  WORKDIR /app
11
11
 
12
12
  COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
@@ -35,7 +35,7 @@ RUN if [ -f package-lock.json ]; then \
35
35
  fi
36
36
 
37
37
  # Runtime stage: copy built artifacts and prod deps, run as non-root.
38
- FROM node:24.16.0-slim AS runtime
38
+ FROM node:24.18.0-slim AS runtime
39
39
  WORKDIR /app
40
40
  ENV NODE_ENV=production
41
41
 
@@ -50,4 +50,4 @@ EXPOSE 3000
50
50
  # Run the built server directly rather than via `npm start` / `skybridge start`.
51
51
  # Each wrapper adds a process layer that can swallow SIGTERM, which makes
52
52
  # graceful shutdowns time out on platforms like Cloud Run, Fly, and k8s.
53
- CMD ["node", "dist/server.js"]
53
+ CMD ["node", "dist/__entry.js"]
@@ -3,4 +3,5 @@ dist/
3
3
  .env*
4
4
  .DS_store
5
5
  *.tsbuildinfo
6
- .skybridge/
6
+ .skybridge/
7
+ .vercel/
@@ -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.128.0_@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.128.0_@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"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/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.128.0_@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.128.0_@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"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/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" "$@"
@@ -0,0 +1,21 @@
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/tsx@4.23.1/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.23.1/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/tsx@4.23.1/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.23.1/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/../tsx/dist/cli.mjs" "$@"
19
+ else
20
+ exec node "$basedir/../tsx/dist/cli.mjs" "$@"
21
+ fi
@@ -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.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.0/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.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/vite@8.0.3_@types+node@24.12.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.0/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.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/../vite/bin/vite.js" "$@"
@@ -13,16 +13,18 @@
13
13
  },
14
14
  "dependencies": {
15
15
  "@modelcontextprotocol/sdk": "^1.29.0",
16
- "skybridge": "^0.0.0-dev.0a9da6d",
17
- "vite": "^8.0.3"
16
+ "skybridge": "^0.0.0-dev.0ad9d4b",
17
+ "vite": "^8.1.5"
18
18
  },
19
19
  "devDependencies": {
20
- "@skybridge/devtools": "^1.0.2",
21
- "@types/node": "^24.12.4",
22
- "alpic": "^1.128.0",
20
+ "@skybridge/devtools": "^1.2.7",
21
+ "@skybridge/vite-plugin": "^0.0.0-dev.0ad9d4b",
22
+ "@types/node": "^24.13.3",
23
+ "alpic": "^1.155.0",
24
+ "tsx": "^4.23.1",
23
25
  "typescript": "^6.0.3"
24
26
  },
25
27
  "engines": {
26
- "node": ">=24.16.0"
28
+ "node": ">=24.18.0"
27
29
  }
28
30
  }
@@ -11,11 +11,6 @@ const server = new McpServer(
11
11
  // Register tools with `server.registerTool(...)`.
12
12
  // Docs: https://docs.skybridge.tech/api-reference/register-tool
13
13
 
14
- if (process.env.NODE_ENV === "production") {
15
- const { default: manifest } = await import("./vite-manifest.js");
16
- server.setViteManifest(manifest);
17
- }
18
-
19
14
  export default await server.run();
20
15
 
21
16
  export type AppType = typeof server;
@@ -1,6 +1,12 @@
1
- import { skybridge } from "skybridge/vite";
1
+ import { skybridge } from "@skybridge/vite-plugin";
2
2
  import { defineConfig } from "vite";
3
3
 
4
4
  export default defineConfig({
5
5
  plugins: [skybridge()],
6
+ server: {
7
+ forwardConsole: {
8
+ unhandledErrors: true,
9
+ logLevels: ["error"],
10
+ },
11
+ },
6
12
  });
@@ -6,7 +6,7 @@
6
6
  # (For bun or deno, adapt the install/build/prune commands below.)
7
7
 
8
8
  # Build stage: install deps, compile the app, then prune dev deps.
9
- FROM node:24.16.0-slim AS build
9
+ FROM node:24.18.0-slim AS build
10
10
  WORKDIR /app
11
11
 
12
12
  COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
@@ -35,7 +35,7 @@ RUN if [ -f package-lock.json ]; then \
35
35
  fi
36
36
 
37
37
  # Runtime stage: copy built artifacts and prod deps, run as non-root.
38
- FROM node:24.16.0-slim AS runtime
38
+ FROM node:24.18.0-slim AS runtime
39
39
  WORKDIR /app
40
40
  ENV NODE_ENV=production
41
41
 
@@ -50,4 +50,4 @@ EXPOSE 3000
50
50
  # Run the built server directly rather than via `npm start` / `skybridge start`.
51
51
  # Each wrapper adds a process layer that can swallow SIGTERM, which makes
52
52
  # graceful shutdowns time out on platforms like Cloud Run, Fly, and k8s.
53
- CMD ["node", "dist/server.js"]
53
+ CMD ["node", "dist/__entry.js"]
@@ -3,4 +3,5 @@ dist/
3
3
  .env*
4
4
  .DS_store
5
5
  *.tsbuildinfo
6
- .skybridge/
6
+ .skybridge/
7
+ .vercel/
@@ -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.128.0_@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.128.0_@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"
13
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/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.128.0_@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.128.0_@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"
15
+ export NODE_PATH="/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/node_modules/alpic/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/alpic@1.157.0_@opentelemetry+api@1.9.1_@opentelemetry+core@2.9.0_@opentelemetry+api@1.9_8f13b9696a5fc8688953a3b2ccd28385/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/tsx@4.22.3/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.22.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/tsx@4.23.1/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.23.1/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.22.3/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.22.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/tsx@4.23.1/node_modules/tsx/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/tsx@4.23.1/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@8.0.3_@types+node@24.12.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.0/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.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/vite@8.0.3_@types+node@24.12.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.4_esbuild@0.27.2_jiti@2.6.1_terser@5.44.1_tsx@4.22.3_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.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.0/node_modules/vite/node_modules:/home/runner/work/skybridge/skybridge/node_modules/.pnpm/vite@8.1.5_@types+node@24.13.3_esbuild@0.28.1_jiti@2.7.0_terser@5.44.1_tsx@4.23.1_yaml@2.9.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/../vite/bin/vite.js" "$@"
@@ -12,30 +12,31 @@
12
12
  "deploy": "alpic deploy"
13
13
  },
14
14
  "dependencies": {
15
- "@alpic-ai/ui": "^1.128.0",
15
+ "@alpic-ai/ui": "^1.155.0",
16
16
  "@modelcontextprotocol/sdk": "^1.29.0",
17
- "lucide-react": "^1.16.0",
18
- "react": "^19.2.6",
19
- "react-dom": "^19.2.6",
20
- "skybridge": "^0.0.0-dev.0a9da6d",
17
+ "lucide-react": "^1.25.0",
18
+ "react": "^19.2.7",
19
+ "react-dom": "^19.2.7",
20
+ "skybridge": "^0.0.0-dev.0ad9d4b",
21
21
  "sonner": "^2.0.7",
22
22
  "tw-animate-css": "^1.4.0",
23
- "vite": "^8.0.3",
23
+ "vite": "^8.1.5",
24
24
  "zod": "^4.4.3"
25
25
  },
26
26
  "devDependencies": {
27
- "@skybridge/devtools": "^1.0.2",
28
- "@tailwindcss/vite": "^4.3.0",
29
- "@types/node": "^24.12.4",
30
- "@types/react": "^19.2.15",
27
+ "@skybridge/devtools": "^1.2.7",
28
+ "@skybridge/vite-plugin": "^0.0.0-dev.0ad9d4b",
29
+ "@tailwindcss/vite": "^4.3.3",
30
+ "@types/node": "^24.13.3",
31
+ "@types/react": "^19.2.17",
31
32
  "@types/react-dom": "^19.2.3",
32
- "@vitejs/plugin-react": "^6.0.2",
33
- "alpic": "^1.128.0",
34
- "tailwindcss": "^4.3.0",
35
- "tsx": "^4.22.3",
33
+ "@vitejs/plugin-react": "^6.0.3",
34
+ "alpic": "^1.155.0",
35
+ "tailwindcss": "^4.3.3",
36
+ "tsx": "^4.23.1",
36
37
  "typescript": "^6.0.3"
37
38
  },
38
39
  "engines": {
39
- "node": ">=24.16.0"
40
+ "node": ">=24.18.0"
40
41
  }
41
42
  }
@@ -89,11 +89,6 @@ const server = new McpServer(
89
89
  },
90
90
  );
91
91
 
92
- if (process.env.NODE_ENV === "production") {
93
- const { default: manifest } = await import("./vite-manifest.js");
94
- server.setViteManifest(manifest);
95
- }
96
-
97
92
  export default await server.run();
98
93
 
99
94
  export type AppType = typeof server;
@@ -1,11 +1,17 @@
1
1
  import path from "node:path";
2
+ import { skybridge } from "@skybridge/vite-plugin";
2
3
  import tailwindcss from "@tailwindcss/vite";
3
4
  import react from "@vitejs/plugin-react";
4
- import { skybridge } from "skybridge/vite";
5
5
  import { defineConfig } from "vite";
6
6
 
7
7
  export default defineConfig({
8
8
  plugins: [skybridge(), react(), tailwindcss()],
9
+ server: {
10
+ forwardConsole: {
11
+ unhandledErrors: true,
12
+ logLevels: ["error"],
13
+ },
14
+ },
9
15
  resolve: {
10
16
  alias: {
11
17
  "@": path.resolve(__dirname, "./src"),
@@ -0,0 +1,4 @@
1
+ node_modules
2
+ .git
3
+ dist
4
+ .env*
@@ -0,0 +1,7 @@
1
+ # Copy to .env and fill in. Sourced by the server at startup.
2
+ API_KEY=
3
+
4
+ # Only for the Shopify catalog provider (src/catalog/shopify.ts).
5
+ # The token is the public Storefront API access token, not an Admin key.
6
+ SHOPIFY_STORE_DOMAIN=
7
+ SHOPIFY_STOREFRONT_TOKEN=
@@ -0,0 +1,26 @@
1
+ import type { GlobalProvider } from "@ladle/react";
2
+ import "../src/index.css";
3
+ import { viewFrame } from "../src/components/view-frame.css";
4
+ import { darkTheme, lightTheme } from "../src/design/tokens";
5
+ import { cx } from "../src/lib/cx";
6
+
7
+ /**
8
+ * Ladle's built-in theme toggle (sun/moon in the toolbar) drives
9
+ * globalState.theme. We reuse it to flip the widget's own palette, so the
10
+ * preview theme and the widget theme always match. The Provider applies the
11
+ * real ViewFrame surface (viewFrame + theme class), and index.css loads the
12
+ * brand @font-face rules, so stories preview against the actual frame.
13
+ */
14
+ export const Provider: GlobalProvider = ({ children, globalState }) => {
15
+ const themeClass = globalState.theme === "dark" ? darkTheme : lightTheme;
16
+
17
+ return (
18
+ <div
19
+ className={cx(viewFrame, themeClass)}
20
+ data-theme={globalState.theme}
21
+ style={{ minHeight: "100vh", padding: 32 }}
22
+ >
23
+ {children}
24
+ </div>
25
+ );
26
+ };
@@ -0,0 +1,11 @@
1
+ /** @type {import('@ladle/react').UserConfig} */
2
+ export default {
3
+ stories: "src/**/*.stories.{ts,tsx}",
4
+ viteConfig: ".ladle/vite.config.ts",
5
+ addons: {
6
+ theme: {
7
+ enabled: true,
8
+ defaultState: "light",
9
+ },
10
+ },
11
+ };
@@ -0,0 +1,11 @@
1
+ import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
2
+ import { defineConfig } from "vite";
3
+
4
+ /**
5
+ * Ladle-only vite config. Intentionally omits the Skybridge plugin (which
6
+ * transforms MCP view boilerplate and crashes Ladle's bundler) and the
7
+ * @vitejs/plugin-react call (Ladle provides its own).
8
+ */
9
+ export default defineConfig({
10
+ plugins: [vanillaExtractPlugin()],
11
+ });
@@ -0,0 +1,2 @@
1
+ This is an MCP ecommerce app built with Skybridge.
2
+ ALWAYS use the `chatgpt-app-builder` skill when planning or updating the codebase: see its "ecommerce" reference.
@@ -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.18.0-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.18.0-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/__entry.js"]