skybridge 0.0.0-dev.f5a2ffe → 0.0.0-dev.f5bb424

package/dist/web/plugin/transform-data-llm.test.js

@@ -0,0 +1,81 @@
+import { describe, expect, it } from "vitest";
+import { transform } from "./transform-data-llm.js";
+describe("data-llm plugin", () => {
+    it("should transform JSX element with data-llm string attribute", async () => {
+        const code = `
+      function Component() {
+        return <div data-llm="Test description">Content</div>;
+      }
+    `;
+        const result = await transform(code, "test.tsx");
+        expect(result).not.toBeNull();
+        expect(result?.code).toContain("DataLLM");
+        expect(result?.code).toContain('content="Test description"');
+        expect(result?.code).not.toContain("data-llm");
+    });
+    it("should transform JSX element with data-llm expression attribute", async () => {
+        const code = `
+      function Component() {
+        const desc = "Dynamic description";
+        return <div data-llm={desc}>Content</div>;
+      }
+    `;
+        const result = await transform(code, "test.tsx");
+        expect(result).not.toBeNull();
+        expect(result?.code).toContain("DataLLM");
+        expect(result?.code).toContain("content={desc}");
+        expect(result?.code).not.toContain("data-llm");
+    });
+    it("should add import for DataLLM when not present", async () => {
+        const code = `
+      function Component() {
+        return <div data-llm="Test">Content</div>;
+      }
+    `;
+        const result = await transform(code, "test.tsx");
+        expect(result).not.toBeNull();
+        expect(result?.code).toContain('import { DataLLM } from "skybridge/web"');
+    });
+    it("should handle DataLLM imports correctly", async () => {
+        // No duplicate import
+        const codeWithImport = `
+      import { DataLLM } from "skybridge/web";
+      function Component() {
+        return <div data-llm="Test">Content</div>;
+      }
+    `;
+        const result1 = await transform(codeWithImport, "test.tsx");
+        expect(result1?.code.match(/import.*DataLLM.*from.*skybridge\/web/g)).toHaveLength(1);
+        // Preserve other imports and add missing DataLLM
+        const codeWithOthers = `
+      import React from "react";
+      import { useState } from "react";
+      function Component() {
+        return <div data-llm="Test">Content</div>;
+      }
+    `;
+        const result2 = await transform(codeWithOthers, "test.tsx");
+        expect(result2?.code).toContain('import React from "react"');
+        expect(result2?.code).toContain('import { useState } from "react"');
+        expect(result2?.code).toContain('import { DataLLM } from "skybridge/web"');
+    });
+    it("should handle complex JSX with multiple data-llm attributes", async () => {
+        const code = `
+      function Component() {
+        return (
+          <div>
+            <section data-llm="Section 1">
+              <p>Content 1</p>
+            </section>
+            <section data-llm="Section 2">
+              <p>Content 2</p>
+            </section>
+          </div>
+        );
+      }
+    `;
+        const result = await transform(code, "test.tsx");
+        expect(result).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=transform-data-llm.test.js.map

package/dist/web/plugin/transform-data-llm.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-data-llm.test.js","sourceRoot":"","sources":["../../../src/web/plugin/transform-data-llm.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,IAAI,GAAG;;;;KAIZ,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;QAC7D,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG;;;;;KAKZ,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG;;;;KAIZ,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,yCAAyC,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,sBAAsB;QACtB,MAAM,cAAc,GAAG;;;;;KAKtB,CAAC;QACF,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;QAC5D,MAAM,CACJ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,wCAAwC,CAAC,CAC9D,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAElB,iDAAiD;QACjD,MAAM,cAAc,GAAG;;;;;;KAMtB,CAAC;QACF,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;QAC5D,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;QAC7D,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,kCAAkC,CAAC,CAAC;QACpE,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,SAAS,CAAC,yCAAyC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,IAAI,GAAG;;;;;;;;;;;;;KAaZ,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/web/plugin/validate-view.d.ts

@@ -0,0 +1 @@
+export declare function hasDefaultExport(code: string, _filePath?: string): boolean;

package/dist/web/plugin/validate-view.js

@@ -0,0 +1,9 @@
+function stripComments(code) {
+    return code.replace(/\/\/.*$/gm, "").replace(/\/\*[\s\S]*?\*\//g, "");
+}
+export function hasDefaultExport(code, _filePath) {
+    const stripped = stripComments(code);
+    return (/export\s+default\s/.test(stripped) ||
+        /export\s*\{[^}]*\bas\s+default\b[^}]*}/.test(stripped));
+}
+//# sourceMappingURL=validate-view.js.map

package/dist/web/plugin/validate-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-view.js","sourceRoot":"","sources":["../../../src/web/plugin/validate-view.ts"],"names":[],"mappings":"AAAA,SAAS,aAAa,CAAC,IAAY;IACjC,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;AACxE,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAY,EAAE,SAAkB;IAC/D,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC;QACnC,wCAAwC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxD,CAAC;AACJ,CAAC"}

package/dist/web/plugin/validate-view.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/web/plugin/validate-view.test.js

@@ -0,0 +1,24 @@
+import { describe, expect, it } from "vitest";
+import { hasDefaultExport } from "./validate-view.js";
+describe("hasDefaultExport", () => {
+    it("detects export default declaration", () => {
+        expect(hasDefaultExport("export default MyView;")).toBe(true);
+    });
+    it("detects export default function", () => {
+        expect(hasDefaultExport("export default function MyView() {}")).toBe(true);
+    });
+    it("detects re-export as default", () => {
+        expect(hasDefaultExport("export { Foo as default };")).toBe(true);
+    });
+    it("returns false when no default export", () => {
+        expect(hasDefaultExport("export const Foo = 1;")).toBe(false);
+    });
+    it("ignores commented-out default exports", () => {
+        const code = `
+      // export default MyView;
+      /* export default MyView; */
+    `;
+        expect(hasDefaultExport(code)).toBe(false);
+    });
+});
+//# sourceMappingURL=validate-view.test.js.map

package/dist/web/plugin/validate-view.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-view.test.js","sourceRoot":"","sources":["../../../src/web/plugin/validate-view.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,IAAI,GAAG;;;KAGZ,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/web/proxy.d.ts

@@ -0,0 +1 @@
+export declare function installOpenAILoggingProxy(): void;

package/dist/web/proxy.js

@@ -0,0 +1,52 @@
+const colors = {
+    brand: "#6366f1",
+    info: "#22223b",
+    success: "#22c55e",
+    error: "#ef4444",
+};
+export function installOpenAILoggingProxy() {
+    if (typeof window === "undefined" || !window.openai) {
+        return;
+    }
+    const descriptor = Object.getOwnPropertyDescriptor(window, "openai");
+    if (descriptor?.configurable === false || descriptor?.writable === false) {
+        console.warn("[openai-proxy] window.openai is not configurable or writable, skipping proxy installation");
+        return;
+    }
+    const originalOpenAI = window.openai;
+    const handler = {
+        get(target, prop, receiver) {
+            const value = Reflect.get(target, prop, receiver);
+            if (typeof value !== "function") {
+                return value;
+            }
+            return (...args) => {
+                const methodName = String(prop);
+                console.group(`%c[openai] %cmethod %c${methodName}`, `color: ${colors.brand}; font-weight: normal`, `color: ${colors.info}; font-weight: normal`, `color: ${colors.success}`);
+                console.log("%c← args:", `color: ${colors.info}`, args);
+                const result = value.apply(target, args);
+                if (result && typeof result.then === "function") {
+                    return result.then((resolved) => {
+                        console.log("%c→ resolved:", `color: ${colors.success}`, resolved);
+                        console.groupEnd();
+                        return resolved;
+                    }, (error) => {
+                        console.error("%c→ rejected:", `color: ${colors.error}`, error);
+                        console.groupEnd();
+                        throw error;
+                    });
+                }
+                console.log("%c→ returned:", `color: ${colors.success}`, result);
+                console.groupEnd();
+                return result;
+            };
+        },
+        set(target, prop, value, receiver) {
+            console.log(`%c[openai] %cupdate %c${String(prop)}`, `color: ${colors.brand}`, `color: ${colors.info}`, `color: ${colors.success}; font-weight: bold`, "←", value);
+            return Reflect.set(target, prop, value, receiver);
+        },
+    };
+    window.openai = new Proxy(originalOpenAI, handler);
+    console.log("%c[openai-proxy] %cInstalled logging proxy for window.openai", `color: ${colors.brand}`, `color: ${colors.info}`);
+}
+//# sourceMappingURL=proxy.js.map

package/dist/web/proxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy.js","sourceRoot":"","sources":["../../src/web/proxy.ts"],"names":[],"mappings":"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"}

package/dist/web/types.d.ts

@@ -0,0 +1,16 @@
+import "react";
+declare module "react" {
+    interface HTMLAttributes<T> {
+        "data-llm"?: string;
+    }
+}
+export type UnknownObject = Record<string, unknown>;
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type Objectify<T> = T & UnknownObject;
+type RequiredKeys<T> = {
+    [K in keyof T]-?: Record<string, never> extends Pick<T, K> ? never : K;
+}[keyof T];
+export type HasRequiredKeys<T> = RequiredKeys<T> extends never ? false : true;
+export {};

package/dist/web/types.js

@@ -0,0 +1,2 @@
+import "react";
+//# sourceMappingURL=types.js.map

package/dist/web/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC"}

package/package.json

@@ -1,29 +1,36 @@
 {
   "name": "skybridge",
-  "version": "0.0.0-dev.f5a2ffe",
-  "description": "Skybridge is a framework for building ChatGPT apps",
+  "version": "0.0.0-dev.f5bb424",
+  "description": "Skybridge is a framework for building ChatGPT and MCP Apps",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alpic-ai/skybridge.git"
+  },
   "type": "module",
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "files": [
-    "dist"
+    "dist",
+    "README.md",
+    "tsconfig.base.json"
   ],
   "exports": {
+    "./tsconfig": "./tsconfig.base.json",
+    "./tsconfig.json": "./tsconfig.base.json",
     "./server": {
-      "types": "./dist/src/server/index.d.ts",
-      "default": "./dist/src/server/index.js"
+      "types": "./dist/server/index.d.ts",
+      "default": "./dist/server/index.js"
     },
     "./web": {
-      "types": "./dist/src/web/index.d.ts",
-      "default": "./dist/src/web/index.js"
+      "types": "./dist/web/index.d.ts",
+      "default": "./dist/web/index.js"
+    },
+    "./vite": {
+      "types": "./dist/web/plugin/plugin.d.ts",
+      "default": "./dist/web/plugin/plugin.js"
     }
   },
-  "scripts": {
-    "build": "tsc && pnpm run build:templates",
-    "build:templates": "cp -r src/server/templates dist/src/server/",
-    "test": "vitest run --silent",
-    "docs:dev": "pnpm --filter @skybridge/docs start",
-    "docs:build": "pnpm --filter @skybridge/docs build",
-    "docs:serve": "pnpm --filter @skybridge/docs serve"
-  },
   "keywords": [
     "chatgpt",
     "app",
@@ -33,31 +40,69 @@
   "author": "Frédéric Barthelet",
   "license": "ISC",
   "peerDependencies": {
+    "@modelcontextprotocol/sdk": ">=1.27.0",
+    "@skybridge/devtools": ">=0.35.14 <1.0.0",
+    "nodemon": ">=3.0.0",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "vite": ">=7.3.1"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.20.0",
-    "cors": "^2.8.5",
-    "express": "^5.1.0",
-    "handlebars": "^4.7.8",
-    "vite": "^7.1.11",
-    "zod": "^3.25.51"
+    "@babel/core": "^7.29.0",
+    "@modelcontextprotocol/ext-apps": "^1.3.2",
+    "@oclif/core": "^4.10.3",
+    "ci-info": "^4.4.0",
+    "cors": "^2.8.6",
+    "dequal": "^2.0.3",
+    "es-toolkit": "^1.45.1",
+    "express": "^5.2.1",
+    "handlebars": "^4.7.9",
+    "ink": "^7.0.0",
+    "open": "^11.0.0",
+    "posthog-node": "^5.28.9",
+    "superjson": "^2.2.6",
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
+    "@modelcontextprotocol/sdk": "^1.29.0",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@total-typescript/tsconfig": "^1.0.4",
+    "@types/babel__core": "^7.20.5",
     "@types/cors": "^2.8.19",
-    "@types/express": "^5.0.3",
-    "@types/jsdom": "^21.1.6",
-    "@types/node": "^22.15.30",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "@vitest/ui": "^2.1.8",
-    "jsdom": "^25.0.1",
-    "typescript": "^5.9.3",
-    "vitest": "^2.1.8"
-  },
-  "packageManager": "pnpm@10.17.1"
-}
+    "@types/express": "^5.0.6",
+    "@types/jsdom": "^28.0.1",
+    "@types/node": "^24.12.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/ui": "^4.1.4",
+    "jsdom": "^29.0.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"
+  },
+  "bin": {
+    "sb": "./bin/run.js",
+    "skybridge": "./bin/run.js"
+  },
+  "oclif": {
+    "bin": "skybridge",
+    "commands": "./dist/commands",
+    "dirname": "skybridge",
+    "topicSeparator": " ",
+    "hooks": {
+      "finally": "./dist/cli/telemetry"
+    }
+  },
+  "scripts": {
+    "build": "shx rm -rf dist && pnpm run build:templates && tsc",
+    "build:templates": "node scripts/precompile-templates.mjs",
+    "format": "biome check --write --error-on-warnings",
+    "test": "pnpm run test:unit && pnpm run test:format",
+    "test:unit": "pnpm run build:templates && vitest run",
+    "test:format": "biome ci"
+  }
+}

package/tsconfig.base.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    // Module resolution options
+    "module": "NodeNext",
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+
+    // Output options
+    "rootDir": "${configDir}/src",
+    "outDir": "${configDir}/dist",
+    "noEmit": false,
+    "incremental": true,
+    "sourceMap": true,
+
+    // Language and environment options
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+
+    // Type declarations
+    "types": ["node", "vite/client"],
+
+    // Strictness and checking options
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+
+    // Code quality & diagnostics
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  }
+}

package/dist/src/server/index.d.ts

@@ -1,2 +0,0 @@
-export { McpServer } from "./server.js";
-export { widgetsDevServer } from "./widgetsDevServer.js";

package/dist/src/server/index.js

@@ -1,3 +0,0 @@
-export { McpServer } from "./server.js";
-export { widgetsDevServer } from "./widgetsDevServer.js";
-//# sourceMappingURL=index.js.map

package/dist/src/server/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/src/server/server.d.ts

@@ -1,13 +0,0 @@
-import { McpServer as McpServerBase, type ToolCallback } from "@modelcontextprotocol/sdk/server/mcp.js";
-import type { Resource } from "@modelcontextprotocol/sdk/types.js";
-import type { ZodRawShape } from "zod";
-type McpServerOriginalResourceConfig = Omit<Resource, "uri" | "name" | "mimeType">;
-type McpServerOriginalToolConfig = Omit<Parameters<McpServer["registerTool"]>[1], "inputSchema" | "outputSchema">;
-export declare class McpServer extends McpServerBase {
-    widget<InputArgs extends ZodRawShape, OutputArgs extends ZodRawShape>(name: string, resourceConfig: McpServerOriginalResourceConfig, toolConfig: McpServerOriginalToolConfig & {
-        inputSchema?: InputArgs;
-        outputSchema?: OutputArgs;
-    }, toolCallback: ToolCallback<InputArgs>): void;
-    private lookupDistFile;
-}
-export {};

package/dist/src/server/server.js

@@ -1,54 +0,0 @@
-import { McpServer as McpServerBase, } from "@modelcontextprotocol/sdk/server/mcp.js";
-import { templateHelper } from "./templateHelper.js";
-import { readFileSync } from "node:fs";
-import path from "node:path";
-export class McpServer extends McpServerBase {
-    widget(name, resourceConfig, toolConfig, toolCallback) {
-        const uri = `ui://widgets/${name}.html`;
-        const resourceMetadata = { ...(resourceConfig._meta ?? {}) };
-        if (toolConfig.description !== undefined) {
-            resourceMetadata["openai/widgetDescription"] = toolConfig.description;
-        }
-        this.resource(name, uri, {
-            ...resourceConfig,
-            _meta: resourceMetadata,
-        }, async (_uri, extra) => {
-            const serverUrl = process.env.NODE_ENV === "production"
-                ? `https://${extra?.requestInfo?.headers?.["x-forwarded-host"] ??
-                    extra?.requestInfo?.headers?.host}`
-                : `http://localhost:3000`;
-            const html = process.env.NODE_ENV === "production"
-                ? templateHelper.renderProduction({
-                    serverUrl,
-                    widgetFile: this.lookupDistFile(`src/widgets/${name}.tsx`),
-                    styleFile: this.lookupDistFile("style.css"),
-                })
-                : templateHelper.renderDevelopment({
-                    serverUrl,
-                    widgetName: name,
-                });
-            return {
-                contents: [
-                    {
-                        uri,
-                        mimeType: "text/html+skybridge",
-                        text: html,
-                    },
-                ],
-            };
-        });
-        const toolMeta = {
-            ...toolConfig._meta,
-            "openai/outputTemplate": uri,
-        };
-        this.registerTool(name, {
-            ...toolConfig,
-            _meta: toolMeta,
-        }, toolCallback);
-    }
-    lookupDistFile(key) {
-        const manifest = JSON.parse(readFileSync(path.join(process.cwd(), "dist", "assets", ".vite", "manifest.json"), "utf-8"));
-        return manifest[key]?.file;
-    }
-}
-//# sourceMappingURL=server.js.map

package/dist/src/server/server.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"server.js","sourceRoot":"","sources":["../../../src/server/server.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,aAAa,GAE3B,MAAM,yCAAyC,CAAC;AAGjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,IAAI,MAAM,WAAW,CAAC;AA4B7B,MAAM,OAAO,SAAU,SAAQ,aAAa;IAC1C,MAAM,CACJ,IAAY,EACZ,cAA+C,EAC/C,UAGC,EACD,YAAqC;QAErC,MAAM,GAAG,GAAG,gBAAgB,IAAI,OAAO,CAAC;QACxC,MAAM,gBAAgB,GAAiB,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;QAC3E,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YACzC,gBAAgB,CAAC,0BAA0B,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC;QACxE,CAAC;QAED,IAAI,CAAC,QAAQ,CACX,IAAI,EACJ,GAAG,EACH;YACE,GAAG,cAAc;YACjB,KAAK,EAAE,gBAAgB;SACxB,EACD,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YACpB,MAAM,SAAS,GACb,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;gBACnC,CAAC,CAAC,WACE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBACjD,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAC/B,EAAE;gBACJ,CAAC,CAAC,uBAAuB,CAAC;YAE9B,MAAM,IAAI,GACR,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;gBACnC,CAAC,CAAC,cAAc,CAAC,gBAAgB,CAAC;oBAC9B,SAAS;oBACT,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,eAAe,IAAI,MAAM,CAAC;oBAC1D,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;iBAC5C,CAAC;gBACJ,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC;oBAC/B,SAAS;oBACT,UAAU,EAAE,IAAI;iBACjB,CAAC,CAAC;YAET,OAAO;gBACL,QAAQ,EAAE;oBACR;wBACE,GAAG;wBACH,QAAQ,EAAE,qBAAqB;wBAC/B,IAAI,EAAE,IAAI;qBACX;iBACF;aACF,CAAC;QACJ,CAAC,CACF,CAAC;QAEF,MAAM,QAAQ,GAAa;YACzB,GAAG,UAAU,CAAC,KAAK;YACnB,uBAAuB,EAAE,GAAG;SAC7B,CAAC;QAEF,IAAI,CAAC,YAAY,CACf,IAAI,EACJ;YACE,GAAG,UAAU;YACb,KAAK,EAAE,QAAQ;SAChB,EACD,YAAY,CACb,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,GAAW;QAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CACzB,YAAY,CACV,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,CAAC,EACpE,OAAO,CACR,CACF,CAAC;QAEF,OAAO,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;IAC7B,CAAC;CACF"}

package/dist/src/server/templateHelper.js

@@ -1,29 +0,0 @@
-import Handlebars from "handlebars";
-import { readFileSync } from "node:fs";
-import { join, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-class TemplateHelper {
-    templateCache = new Map();
-    loadTemplate(templateName) {
-        if (this.templateCache.has(templateName)) {
-            return this.templateCache.get(templateName);
-        }
-        const templatePath = join(__dirname, "templates", `${templateName}.hbs`);
-        const templateSource = readFileSync(templatePath, "utf-8");
-        const template = Handlebars.compile(templateSource);
-        this.templateCache.set(templateName, template);
-        return template;
-    }
-    renderProduction(data) {
-        const template = this.loadTemplate("production");
-        return template(data);
-    }
-    renderDevelopment(data) {
-        const template = this.loadTemplate("development");
-        return template(data);
-    }
-}
-export const templateHelper = new TemplateHelper();
-//# sourceMappingURL=templateHelper.js.map

package/dist/src/server/templateHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"templateHelper.js","sourceRoot":"","sources":["../../../src/server/templateHelper.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAOtC,MAAM,cAAc;IACV,aAAa,GAAG,IAAI,GAAG,EAAsC,CAAC;IAE9D,YAAY,CAAC,YAAoB;QACvC,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACzC,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAE,CAAC;QAC/C,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,GAAG,YAAY,MAAM,CAAC,CAAC;QACzE,MAAM,cAAc,GAAG,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEpD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC/C,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,gBAAgB,CAAC,IAIhB;QACC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QACjD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,iBAAiB,CAAC,IAA+C;QAC/D,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QAClD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;CACF;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC"}

package/dist/src/server/templates/development.hbs

@@ -1,12 +0,0 @@
-<base href="{{serverUrl}}" />
-<script type="module">
-  import { injectIntoGlobalHook } from "{{serverUrl}}/@react-refresh";
-  injectIntoGlobalHook(window); window.$RefreshReg$ = () => {};
-  window.$RefreshSig$ = () => (type) => type;
-  window.__vite_plugin_react_preamble_installed__ = true;
-</script>
-<script type="module" src="{{serverUrl}}/@vite/client"></script>
-<div id="root"></div>
-<script type="module">
-  import('{{serverUrl}}/src/widgets/{{widgetName}}.tsx');
-</script>

package/dist/src/server/templates/production.hbs

@@ -1,6 +0,0 @@
-<base href="{{serverUrl}}" />
-<div id="root"></div>
-<script type="module">
-  import('{{serverUrl}}/assets/{{widgetFile}}');
-</script>
-<link rel="stylesheet" crossorigin href="{{serverUrl}}/assets/{{styleFile}}" />

package/dist/src/server/widgetsDevServer.d.ts

@@ -1,12 +0,0 @@
-import { type RequestHandler } from "express";
-/**
- * Install Vite dev server
- * This router MUST be installed at the application root, like so:
- *
- *  const app = express();
- *
- * if (env.NODE_ENV !== "production") {
- *   app.use(await widgetsRouter());
- * }
- */
-export declare const widgetsDevServer: () => Promise<RequestHandler>;

package/dist/src/server/widgetsDevServer.js

@@ -1,39 +0,0 @@
-import express, {} from "express";
-import cors from "cors";
-import path from "node:path";
-/**
- * Install Vite dev server
- * This router MUST be installed at the application root, like so:
- *
- *  const app = express();
- *
- * if (env.NODE_ENV !== "production") {
- *   app.use(await widgetsRouter());
- * }
- */
-export const widgetsDevServer = async () => {
-    const router = express.Router();
-    const { createServer, searchForWorkspaceRoot, loadConfigFromFile } = await import("vite");
-    const workspaceRoot = searchForWorkspaceRoot(process.cwd());
-    const webAppRoot = path.join(workspaceRoot, "web");
-    const configResult = await loadConfigFromFile({ command: "serve", mode: "development" }, path.join(webAppRoot, "vite.config.ts"), webAppRoot);
-    // Remove build-specific options that don't apply to dev server
-    const { build, preview, ...devConfig } = configResult?.config || {};
-    const vite = await createServer({
-        ...devConfig,
-        configFile: false, // Keep this to prevent vite from trying to resolve path in the target config file
-        appType: "custom",
-        server: {
-            allowedHosts: true,
-            middlewareMode: true,
-        },
-        root: webAppRoot,
-        optimizeDeps: {
-            include: ["react", "react-dom/client"],
-        },
-    });
-    router.use(cors());
-    router.use("/", vite.middlewares);
-    return router;
-};
-//# sourceMappingURL=widgetsDevServer.js.map

package/dist/src/server/widgetsDevServer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widgetsDevServer.js","sourceRoot":"","sources":["../../../src/server/widgetsDevServer.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAuB,MAAM,SAAS,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,IAA6B,EAAE;IAClE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAEhC,MAAM,EAAE,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,GAChE,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,MAAM,aAAa,GAAG,sBAAsB,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,MAAM,kBAAkB,CAC3C,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,EACzC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,EACvC,UAAU,CACX,CAAC;IAEF,+DAA+D;IAC/D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,YAAY,EAAE,MAAM,IAAI,EAAE,CAAC;IAEpE,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC;QAC9B,GAAG,SAAS;QACZ,UAAU,EAAE,KAAK,EAAE,kFAAkF;QACrG,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE;YACN,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,IAAI;SACrB;QACD,IAAI,EAAE,UAAU;QAChB,YAAY,EAAE;YACZ,OAAO,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC;SACvC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IACnB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAElC,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/src/test/setup.js

@@ -1,9 +0,0 @@
-import { vi } from "vitest";
-// Mock console methods to avoid noise in tests
-global.console = {
-    ...console,
-    error: vi.fn(),
-    warn: vi.fn(),
-    log: vi.fn(),
-};
-//# sourceMappingURL=setup.js.map

package/dist/src/test/setup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,+CAA+C;AAC/C,MAAM,CAAC,OAAO,GAAG;IACf,GAAG,OAAO;IACV,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE;IACd,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE;IACb,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;CACb,CAAC"}