skybridge 0.0.0-dev.a664594 → 0.0.0-dev.a6e5f63

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "skybridge",
-  "version": "0.0.0-dev.a664594",
+  "version": "0.0.0-dev.a6e5f63",
   "description": "Skybridge is a framework for building ChatGPT and MCP Apps",
   "repository": {
     "type": "git",
     "url": "https://github.com/alpic-ai/skybridge.git"
   },
   "type": "module",
+  "sideEffects": false,
   "engines": {
-    "node": ">=22.0.0"
+    "node": ">=22.23.1"
   },
   "files": [
     "dist",
@@ -41,28 +42,31 @@
   "license": "ISC",
   "peerDependencies": {
     "@modelcontextprotocol/sdk": ">=1.27.0",
-    "@skybridge/devtools": "^1.0.0",
+    "@skybridge/devtools": "^1.1.0",
     "nodemon": ">=3.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "vite": ">=7.3.1"
   },
   "dependencies": {
-    "@babel/core": "^7.29.0",
-    "@modelcontextprotocol/ext-apps": "^1.3.2",
-    "@oclif/core": "^4.10.3",
+    "@babel/core": "^7.29.7",
+    "@modelcontextprotocol/ext-apps": "^1.7.4",
+    "@oclif/core": "^4.11.14",
     "ci-info": "^4.4.0",
     "cors": "^2.8.6",
     "cross-spawn": "^7.0.6",
     "dequal": "^2.0.3",
-    "es-toolkit": "^1.45.1",
+    "es-toolkit": "^1.49.0",
+    "esbuild": "^0.28.1",
     "express": "^5.2.1",
     "handlebars": "^4.7.9",
-    "ink": "^7.0.0",
+    "ink": "^7.1.1",
+    "jose": "^6.2.3",
     "open": "^11.0.0",
-    "posthog-node": "^5.28.9",
+    "posthog-node": "^5.45.2",
     "superjson": "^2.2.6",
-    "zustand": "^5.0.12"
+    "yaml": "^2.9.0",
+    "zustand": "^5.0.14"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
@@ -73,18 +77,18 @@
     "@types/cors": "^2.8.19",
     "@types/cross-spawn": "^6.0.6",
     "@types/express": "^5.0.6",
-    "@types/jsdom": "^28.0.1",
-    "@types/node": "^24.12.0",
-    "@types/react": "^19.2.14",
+    "@types/jsdom": "^28.0.3",
+    "@types/node": "^24.13.3",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitest/ui": "^4.1.4",
-    "jsdom": "^29.0.1",
+    "@vitest/ui": "^4.1.10",
+    "jsdom": "^29.1.1",
     "shx": "^0.4.0",
     "ts-node": "^10.9.2",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.0",
-    "vitest": "^4.1.4",
-    "zod": "^4.3.6"
+    "typescript": "^6.0.3",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10",
+    "zod": "^4.4.3"
   },
   "bin": {
     "sb": "./bin/run.js",

package/dist/cli/resolve-views-dir.d.ts

@@ -1 +0,0 @@
-export declare function resolveViewsDir(root: string): Promise<string | undefined>;

package/dist/cli/resolve-views-dir.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolve-views-dir.js","sourceRoot":"","sources":["../../src/cli/resolve-views-dir.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,IAAY;IAEZ,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,MAAM,kBAAkB,CACrC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,EACxC,SAAS,EACT,IAAI,CACL,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,KAAc,EAC2C,EAAE,CAC3D,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;IAE9C,MAAM,OAAO,GAA0D,EAAE,CAAC;IAC1E,MAAM,IAAI,GAAG,CAAC,KAAc,EAAE,EAAE;QAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;aAAM,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IACF,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;IACnC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC;AACpE,CAAC","sourcesContent":["export async function resolveViewsDir(\n  root: string,\n): Promise<string | undefined> {\n  const { loadConfigFromFile } = await import(\"vite\");\n  const loaded = await loadConfigFromFile(\n    { command: \"build\", mode: \"production\" },\n    undefined,\n    root,\n  );\n\n  const isPluginCandidate = (\n    value: unknown,\n  ): value is { name?: string; api?: { viewsDir?: string } } =>\n    typeof value === \"object\" && value !== null;\n\n  const plugins: Array<{ name?: string; api?: { viewsDir?: string } }> = [];\n  const walk = (value: unknown) => {\n    if (Array.isArray(value)) {\n      value.forEach(walk);\n    } else if (isPluginCandidate(value)) {\n      plugins.push(value);\n    }\n  };\n  walk(loaded?.config.plugins ?? []);\n  return plugins.find((p) => p.name === \"skybridge\")?.api?.viewsDir;\n}\n"]}

package/dist/web/bridges/host-context-stores.d.ts

@@ -1,27 +0,0 @@
-import type { McpAppBridge } from "./mcp-app/bridge.js";
-import type { HostContextStore } from "./types.js";
-/**
- * Build the host-context store map sourced from the MCP App bridge.
- * `display` and `viewState` are *not* included here; those are handled
- * by the adaptor itself because they have transport-specific overlays
- * and additional state (polyfill modal state, localStorage hydration).
- */
-export declare function buildMcpContextStores(bridge: McpAppBridge): {
-    theme: HostContextStore<"theme">;
-    locale: HostContextStore<"locale">;
-    safeArea: HostContextStore<"safeArea">;
-    displayMode: HostContextStore<"displayMode">;
-    maxHeight: HostContextStore<"maxHeight">;
-    userAgent: HostContextStore<"userAgent">;
-    toolInput: HostContextStore<"toolInput">;
-    toolOutput: HostContextStore<"toolOutput">;
-    toolResponseMetadata: HostContextStore<"toolResponseMetadata">;
-};
-/**
- * Build the Apps-SDK-sourced overlay stores (`display`, `viewState`).
- * Used by `HostAdaptor` only when `window.openai` is present.
- */
-export declare function buildAppsSdkOverlayStores(bridge: import("./apps-sdk/bridge.js").AppsSdkBridge): {
-    display: HostContextStore<"display">;
-    viewState: HostContextStore<"viewState">;
-};

package/dist/web/bridges/host-context-stores.js

@@ -1,73 +0,0 @@
-import { dequal } from "dequal/lite";
-/**
- * Build a memoized {@link HostContextStore} backed by one or more
- * `McpAppBridge` context keys. Recomputed values are deep-compared via
- * `dequal` so unchanged snapshots return the cached reference.
- */
-function createMcpStore(bridge, keys, computeSnapshot) {
-    let cachedValue;
-    return {
-        subscribe: bridge.subscribe(keys),
-        getSnapshot: () => {
-            const context = Object.fromEntries(keys.map((k) => [k, bridge.getSnapshot(k)]));
-            const newValue = computeSnapshot(context);
-            if (cachedValue !== undefined && dequal(cachedValue, newValue)) {
-                return cachedValue;
-            }
-            cachedValue = newValue;
-            return newValue;
-        },
-    };
-}
-/**
- * Build the host-context store map sourced from the MCP App bridge.
- * `display` and `viewState` are *not* included here; those are handled
- * by the adaptor itself because they have transport-specific overlays
- * and additional state (polyfill modal state, localStorage hydration).
- */
-export function buildMcpContextStores(bridge) {
-    return {
-        theme: createMcpStore(bridge, ["theme"], ({ theme }) => theme ?? "light"),
-        locale: createMcpStore(bridge, ["locale"], ({ locale }) => locale ?? "en-US"),
-        safeArea: createMcpStore(bridge, ["safeAreaInsets"], ({ safeAreaInsets }) => ({
-            insets: safeAreaInsets ?? { top: 0, right: 0, bottom: 0, left: 0 },
-        })),
-        displayMode: createMcpStore(bridge, ["displayMode"], ({ displayMode }) => displayMode ?? "inline"),
-        maxHeight: createMcpStore(bridge, ["containerDimensions"], ({ containerDimensions }) => {
-            if (containerDimensions && "maxHeight" in containerDimensions) {
-                return containerDimensions.maxHeight;
-            }
-            return undefined;
-        }),
-        userAgent: createMcpStore(bridge, ["platform", "deviceCapabilities"], ({ platform, deviceCapabilities }) => ({
-            device: {
-                type: platform === "web" ? "desktop" : (platform ?? "unknown"),
-            },
-            capabilities: {
-                hover: true,
-                touch: true,
-                ...deviceCapabilities,
-            },
-        })),
-        toolInput: createMcpStore(bridge, ["toolInput"], ({ toolInput }) => toolInput ?? null),
-        toolOutput: createMcpStore(bridge, ["toolResult"], ({ toolResult }) => toolResult?.structuredContent ?? null),
-        toolResponseMetadata: createMcpStore(bridge, ["toolResult"], ({ toolResult }) => toolResult?._meta ?? null),
-    };
-}
-/**
- * Build the Apps-SDK-sourced overlay stores (`display`, `viewState`).
- * Used by `HostAdaptor` only when `window.openai` is present.
- */
-export function buildAppsSdkOverlayStores(bridge) {
-    return {
-        display: {
-            subscribe: bridge.subscribe("view"),
-            getSnapshot: () => bridge.getSnapshot("view"),
-        },
-        viewState: {
-            subscribe: bridge.subscribe("widgetState"),
-            getSnapshot: () => bridge.getSnapshot("widgetState")?.modelContent ?? null,
-        },
-    };
-}
-//# sourceMappingURL=host-context-stores.js.map

package/dist/web/bridges/host-context-stores.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"host-context-stores.js","sourceRoot":"","sources":["../../../src/web/bridges/host-context-stores.ts"],"names":[],"mappings":"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","sourcesContent":["import { dequal } from \"dequal/lite\";\nimport type { McpAppBridge } from \"./mcp-app/bridge.js\";\nimport type { McpAppContext, McpAppContextKey } from \"./mcp-app/types.js\";\nimport type { HostContextStore } from \"./types.js\";\n\ntype PickContext<K extends readonly McpAppContextKey[]> = {\n  [P in K[number]]: McpAppContext[P];\n};\n\n/**\n * Build a memoized {@link HostContextStore} backed by one or more\n * `McpAppBridge` context keys. Recomputed values are deep-compared via\n * `dequal` so unchanged snapshots return the cached reference.\n */\nfunction createMcpStore<const Keys extends readonly McpAppContextKey[], R>(\n  bridge: McpAppBridge,\n  keys: Keys,\n  computeSnapshot: (context: PickContext<Keys>) => R,\n) {\n  let cachedValue: R | undefined;\n  return {\n    subscribe: bridge.subscribe(keys),\n    getSnapshot: () => {\n      const context = Object.fromEntries(\n        keys.map((k) => [k, bridge.getSnapshot(k)]),\n      ) as PickContext<Keys>;\n      const newValue = computeSnapshot(context);\n      if (cachedValue !== undefined && dequal(cachedValue, newValue)) {\n        return cachedValue;\n      }\n      cachedValue = newValue;\n      return newValue;\n    },\n  };\n}\n\n/**\n * Build the host-context store map sourced from the MCP App bridge.\n * `display` and `viewState` are *not* included here; those are handled\n * by the adaptor itself because they have transport-specific overlays\n * and additional state (polyfill modal state, localStorage hydration).\n */\nexport function buildMcpContextStores(bridge: McpAppBridge): {\n  theme: HostContextStore<\"theme\">;\n  locale: HostContextStore<\"locale\">;\n  safeArea: HostContextStore<\"safeArea\">;\n  displayMode: HostContextStore<\"displayMode\">;\n  maxHeight: HostContextStore<\"maxHeight\">;\n  userAgent: HostContextStore<\"userAgent\">;\n  toolInput: HostContextStore<\"toolInput\">;\n  toolOutput: HostContextStore<\"toolOutput\">;\n  toolResponseMetadata: HostContextStore<\"toolResponseMetadata\">;\n} {\n  return {\n    theme: createMcpStore(bridge, [\"theme\"], ({ theme }) => theme ?? \"light\"),\n    locale: createMcpStore(\n      bridge,\n      [\"locale\"],\n      ({ locale }) => locale ?? \"en-US\",\n    ),\n    safeArea: createMcpStore(\n      bridge,\n      [\"safeAreaInsets\"],\n      ({ safeAreaInsets }) => ({\n        insets: safeAreaInsets ?? { top: 0, right: 0, bottom: 0, left: 0 },\n      }),\n    ),\n    displayMode: createMcpStore(\n      bridge,\n      [\"displayMode\"],\n      ({ displayMode }) => displayMode ?? \"inline\",\n    ),\n    maxHeight: createMcpStore(\n      bridge,\n      [\"containerDimensions\"],\n      ({ containerDimensions }) => {\n        if (containerDimensions && \"maxHeight\" in containerDimensions) {\n          return containerDimensions.maxHeight;\n        }\n        return undefined;\n      },\n    ),\n    userAgent: createMcpStore(\n      bridge,\n      [\"platform\", \"deviceCapabilities\"],\n      ({ platform, deviceCapabilities }) => ({\n        device: {\n          type: platform === \"web\" ? \"desktop\" : (platform ?? \"unknown\"),\n        },\n        capabilities: {\n          hover: true,\n          touch: true,\n          ...deviceCapabilities,\n        },\n      }),\n    ),\n    toolInput: createMcpStore(\n      bridge,\n      [\"toolInput\"],\n      ({ toolInput }) => toolInput ?? null,\n    ),\n    toolOutput: createMcpStore(\n      bridge,\n      [\"toolResult\"],\n      ({ toolResult }) => toolResult?.structuredContent ?? null,\n    ),\n    toolResponseMetadata: createMcpStore(\n      bridge,\n      [\"toolResult\"],\n      ({ toolResult }) => toolResult?._meta ?? null,\n    ),\n  };\n}\n\n/**\n * Build the Apps-SDK-sourced overlay stores (`display`, `viewState`).\n * Used by `HostAdaptor` only when `window.openai` is present.\n */\nexport function buildAppsSdkOverlayStores(\n  bridge: import(\"./apps-sdk/bridge.js\").AppsSdkBridge,\n): {\n  display: HostContextStore<\"display\">;\n  viewState: HostContextStore<\"viewState\">;\n} {\n  return {\n    display: {\n      subscribe: bridge.subscribe(\"view\"),\n      getSnapshot: () => bridge.getSnapshot(\"view\"),\n    },\n    viewState: {\n      subscribe: bridge.subscribe(\"widgetState\"),\n      getSnapshot: () =>\n        bridge.getSnapshot(\"widgetState\")?.modelContent ?? null,\n    },\n  };\n}\n"]}