skybridge 0.0.0-dev.e4c9359 → 0.0.0-dev.e4f73e5

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

@@ -0,0 +1,96 @@
+const LLM_IMPORT_SOURCE = "skybridge/web";
+function createBabelPlugin(t) {
+    return {
+        name: "data-llm-babel",
+        visitor: {
+            Program: {
+                enter(path, state) {
+                    state.hasDataLLMImport = false;
+                    state.needsDataLLMImport = false;
+                    for (const node of path.node.body) {
+                        if (!t.isImportDeclaration(node)) {
+                            continue;
+                        }
+                        if (node.source.value !== LLM_IMPORT_SOURCE) {
+                            continue;
+                        }
+                        const hasSpecifier = node.specifiers.some((s) => t.isImportSpecifier(s) &&
+                            t.isIdentifier(s.imported, { name: "DataLLM" }));
+                        if (hasSpecifier) {
+                            state.hasDataLLMImport = true;
+                            break;
+                        }
+                    }
+                },
+                exit(path, state) {
+                    if (state.needsDataLLMImport && !state.hasDataLLMImport) {
+                        const importDecl = t.importDeclaration([
+                            t.importSpecifier(t.identifier("DataLLM"), t.identifier("DataLLM")),
+                        ], t.stringLiteral(LLM_IMPORT_SOURCE));
+                        path.node.body.unshift(importDecl);
+                    }
+                },
+            },
+            JSXElement(path, state) {
+                const opening = path.node.openingElement;
+                const attributes = opening.attributes;
+                const llmAttributeIndex = attributes.findIndex((attribute) => t.isJSXAttribute(attribute) &&
+                    t.isJSXIdentifier(attribute.name, { name: "data-llm" }));
+                if (llmAttributeIndex === -1) {
+                    return;
+                }
+                const llmAttribute = attributes[llmAttributeIndex];
+                let contentExpression;
+                if (t.isStringLiteral(llmAttribute.value)) {
+                    contentExpression = llmAttribute.value;
+                }
+                else if (t.isJSXExpressionContainer(llmAttribute.value)) {
+                    contentExpression = llmAttribute.value.expression;
+                }
+                else {
+                    return;
+                }
+                const contentAttr = t.jsxAttribute(t.jsxIdentifier("content"), t.isStringLiteral(contentExpression)
+                    ? contentExpression
+                    : t.jsxExpressionContainer(contentExpression));
+                const filteredAttributes = attributes.filter((_, index) => index !== llmAttributeIndex);
+                const newOpening = t.jsxOpeningElement(opening.name, filteredAttributes, opening.selfClosing);
+                const elementWithoutLlm = t.jsxElement(newOpening, path.node.closingElement, path.node.children, path.node.selfClosing);
+                const llmOpening = t.jsxOpeningElement(t.jsxIdentifier("DataLLM"), [
+                    contentAttr,
+                ]);
+                const llmClosing = t.jsxClosingElement(t.jsxIdentifier("DataLLM"));
+                const wrapped = t.jsxElement(llmOpening, llmClosing, [elementWithoutLlm], false);
+                state.needsDataLLMImport = true;
+                path.replaceWith(wrapped);
+            },
+        },
+    };
+}
+export const transform = async (code, id) => {
+    if (!/\.(jsx|tsx)$/.test(id)) {
+        return null;
+    }
+    if (id.includes("node_modules")) {
+        return null;
+    }
+    // Dynamic import to ensure @babel/core is only loaded in Node.js context
+    const { types: t, transformSync } = await import("@babel/core");
+    const babelOptions = {
+        plugins: [createBabelPlugin(t)],
+        parserOpts: {
+            plugins: ["jsx", "typescript"],
+        },
+        filename: id,
+        sourceFileName: id,
+    };
+    const result = transformSync(code, babelOptions);
+    if (!result?.code) {
+        return null;
+    }
+    return {
+        code: result.code,
+        map: result.map || null,
+    };
+};
+//# sourceMappingURL=transform-data-llm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform-data-llm.js","sourceRoot":"","sources":["../../../src/web/plugin/transform-data-llm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PluginObj, TransformOptions, types } from \"@babel/core\";\n\nconst LLM_IMPORT_SOURCE = \"skybridge/web\";\n\ninterface State {\n  hasDataLLMImport?: boolean;\n  needsDataLLMImport?: boolean;\n}\n\nfunction createBabelPlugin(t: typeof types): PluginObj<State> {\n  return {\n    name: \"data-llm-babel\",\n\n    visitor: {\n      Program: {\n        enter(path, state) {\n          state.hasDataLLMImport = false;\n          state.needsDataLLMImport = false;\n\n          for (const node of path.node.body) {\n            if (!t.isImportDeclaration(node)) {\n              continue;\n            }\n            if (node.source.value !== LLM_IMPORT_SOURCE) {\n              continue;\n            }\n\n            const hasSpecifier = node.specifiers.some(\n              (s) =>\n                t.isImportSpecifier(s) &&\n                t.isIdentifier(s.imported, { name: \"DataLLM\" }),\n            );\n\n            if (hasSpecifier) {\n              state.hasDataLLMImport = true;\n              break;\n            }\n          }\n        },\n\n        exit(path, state) {\n          if (state.needsDataLLMImport && !state.hasDataLLMImport) {\n            const importDecl = t.importDeclaration(\n              [\n                t.importSpecifier(\n                  t.identifier(\"DataLLM\"),\n                  t.identifier(\"DataLLM\"),\n                ),\n              ],\n              t.stringLiteral(LLM_IMPORT_SOURCE),\n            );\n\n            path.node.body.unshift(importDecl);\n          }\n        },\n      },\n\n      JSXElement(path, state) {\n        const opening = path.node.openingElement;\n        const attributes = opening.attributes;\n\n        const llmAttributeIndex = attributes.findIndex(\n          (attribute) =>\n            t.isJSXAttribute(attribute) &&\n            t.isJSXIdentifier(attribute.name, { name: \"data-llm\" }),\n        );\n\n        if (llmAttributeIndex === -1) {\n          return;\n        }\n\n        const llmAttribute = attributes[\n          llmAttributeIndex\n        ] as types.JSXAttribute;\n\n        let contentExpression: types.Expression;\n\n        if (t.isStringLiteral(llmAttribute.value)) {\n          contentExpression = llmAttribute.value;\n        } else if (t.isJSXExpressionContainer(llmAttribute.value)) {\n          contentExpression = llmAttribute.value.expression as types.Expression;\n        } else {\n          return;\n        }\n\n        const contentAttr = t.jsxAttribute(\n          t.jsxIdentifier(\"content\"),\n          t.isStringLiteral(contentExpression)\n            ? contentExpression\n            : t.jsxExpressionContainer(contentExpression),\n        );\n\n        const filteredAttributes = attributes.filter(\n          (_, index) => index !== llmAttributeIndex,\n        );\n        const newOpening = t.jsxOpeningElement(\n          opening.name,\n          filteredAttributes,\n          opening.selfClosing,\n        );\n\n        const elementWithoutLlm = t.jsxElement(\n          newOpening,\n          path.node.closingElement,\n          path.node.children,\n          path.node.selfClosing,\n        );\n\n        const llmOpening = t.jsxOpeningElement(t.jsxIdentifier(\"DataLLM\"), [\n          contentAttr,\n        ]);\n        const llmClosing = t.jsxClosingElement(t.jsxIdentifier(\"DataLLM\"));\n\n        const wrapped = t.jsxElement(\n          llmOpening,\n          llmClosing,\n          [elementWithoutLlm],\n          false,\n        );\n\n        state.needsDataLLMImport = true;\n        path.replaceWith(wrapped);\n      },\n    },\n  };\n}\n\nexport const transform = async (code: string, id: string) => {\n  if (!/\\.(jsx|tsx)$/.test(id)) {\n    return null;\n  }\n\n  if (id.includes(\"node_modules\")) {\n    return null;\n  }\n\n  // Dynamic import to ensure @babel/core is only loaded in Node.js context\n  const { types: t, transformSync } = await import(\"@babel/core\");\n\n  const babelOptions: TransformOptions = {\n    plugins: [createBabelPlugin(t)],\n    parserOpts: {\n      plugins: [\"jsx\", \"typescript\"],\n    },\n    filename: id,\n    sourceFileName: id,\n  };\n\n  const result = transformSync(code, babelOptions);\n\n  if (!result?.code) {\n    return null;\n  }\n\n  return {\n    code: result.code,\n    map: result.map || null,\n  };\n};\n"]}

package/dist/web/plugin/transform-data-llm.test.d.ts

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

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

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","sourcesContent":["function stripComments(code: string): string {\n  return code.replace(/\\/\\/.*$/gm, \"\").replace(/\\/\\*[\\s\\S]*?\\*\\//g, \"\");\n}\n\nexport function hasDefaultExport(code: string, _filePath?: string): boolean {\n  const stripped = stripComments(code);\n  return (\n    /export\\s+default\\s/.test(stripped) ||\n    /export\\s*\\{[^}]*\\bas\\s+default\\b[^}]*}/.test(stripped)\n  );\n}\n"]}

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","sourcesContent":["import { describe, expect, it } from \"vitest\";\nimport { hasDefaultExport } from \"./validate-view.js\";\n\ndescribe(\"hasDefaultExport\", () => {\n  it(\"detects export default declaration\", () => {\n    expect(hasDefaultExport(\"export default MyView;\")).toBe(true);\n  });\n\n  it(\"detects export default function\", () => {\n    expect(hasDefaultExport(\"export default function MyView() {}\")).toBe(true);\n  });\n\n  it(\"detects re-export as default\", () => {\n    expect(hasDefaultExport(\"export { Foo as default };\")).toBe(true);\n  });\n\n  it(\"returns false when no default export\", () => {\n    expect(hasDefaultExport(\"export const Foo = 1;\")).toBe(false);\n  });\n\n  it(\"ignores commented-out default exports\", () => {\n    const code = `\n      // export default MyView;\n      /* export default MyView; */\n    `;\n    expect(hasDefaultExport(code)).toBe(false);\n  });\n});\n"]}

package/dist/{src/web → web}/proxy.js

@@ -6,7 +6,11 @@ const colors = {
 };
 export function installOpenAILoggingProxy() {
     if (typeof window === "undefined" || !window.openai) {
-        console.warn("[openai-proxy] window.openai not found, skipping proxy installation");
+        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;
@@ -16,7 +20,7 @@ export function installOpenAILoggingProxy() {
             if (typeof value !== "function") {
                 return value;
             }
-            return function (...args) {
+            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);

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

package/dist/web/types.d.ts

@@ -0,0 +1,20 @@
+import "react";
+declare module "react" {
+    interface HTMLAttributes<T> {
+        "data-llm"?: string;
+    }
+}
+/** Shorthand for an arbitrary plain object — `Record<string, unknown>`. */
+export type UnknownObject = Record<string, unknown>;
+/** Flatten an intersection so it appears as a single object type in hovers and error messages. */
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+/** Widen `T` to also satisfy {@link UnknownObject}, useful for tool input/output narrowing. */
+export type Objectify<T> = T & UnknownObject;
+type RequiredKeys<T> = {
+    [K in keyof T]-?: Record<string, never> extends Pick<T, K> ? never : K;
+}[keyof T];
+/** `true` if `T` has at least one required key, `false` if every key is optional. */
+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","sourcesContent":["import \"react\";\n\ndeclare module \"react\" {\n  interface HTMLAttributes<T> {\n    \"data-llm\"?: string;\n  }\n}\n\n/** Shorthand for an arbitrary plain object — `Record<string, unknown>`. */\nexport type UnknownObject = Record<string, unknown>;\n\n/** Flatten an intersection so it appears as a single object type in hovers and error messages. */\nexport type Prettify<T> = { [K in keyof T]: T[K] } & {};\n/** Widen `T` to also satisfy {@link UnknownObject}, useful for tool input/output narrowing. */\nexport type Objectify<T> = T & UnknownObject;\n\ntype RequiredKeys<T> = {\n  [K in keyof T]-?: Record<string, never> extends Pick<T, K> ? never : K;\n}[keyof T];\n/** `true` if `T` has at least one required key, `false` if every key is optional. */\nexport type HasRequiredKeys<T> = RequiredKeys<T> extends never ? false : true;\n"]}

package/package.json

@@ -1,31 +1,37 @@
 {
   "name": "skybridge",
-  "version": "0.0.0-dev.e4c9359",
-  "description": "Skybridge is a framework for building ChatGPT apps",
+  "version": "0.0.0-dev.e4f73e5",
+  "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.23.1"
+  },
   "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": "pnpm run test:unit && pnpm run test:type",
-    "test:unit": "vitest run --silent",
-    "test:type": "tsc --noEmit",
-    "docs:dev": "pnpm --filter @skybridge/docs start",
-    "docs:build": "pnpm --filter @skybridge/docs build",
-    "docs:serve": "pnpm --filter @skybridge/docs serve"
-  },
   "keywords": [
     "chatgpt",
     "app",
@@ -35,31 +41,77 @@
   "author": "Frédéric Barthelet",
   "license": "ISC",
   "peerDependencies": {
+    "@modelcontextprotocol/sdk": ">=1.27.0",
+    "@skybridge/devtools": "^1.1.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.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.49.0",
+    "esbuild": "^0.28.1",
+    "express": "^5.2.1",
+    "handlebars": "^4.7.9",
+    "ink": "^7.1.0",
+    "jose": "^6.2.3",
+    "open": "^11.0.0",
+    "posthog-node": "^5.39.4",
+    "superjson": "^2.2.6",
+    "zustand": "^5.0.14"
   },
   "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"
+    "@types/cross-spawn": "^6.0.6",
+    "@types/express": "^5.0.6",
+    "@types/jsdom": "^28.0.3",
+    "@types/node": "^24.13.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/ui": "^4.1.9",
+    "jsdom": "^29.1.1",
+    "shx": "^0.4.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^6.0.3",
+    "vite": "^8.1.3",
+    "vitest": "^4.1.9",
+    "zod": "^4.4.3"
   },
-  "packageManager": "pnpm@10.17.1"
-}
+  "bin": {
+    "sb": "./bin/run.js",
+    "skybridge": "./bin/run.js"
+  },
+  "oclif": {
+    "bin": "skybridge",
+    "commands": "./dist/commands",
+    "dirname": "skybridge",
+    "topicSeparator": " ",
+    "helpClass": {
+      "target": "./dist/commands/create",
+      "identifier": "SkybridgeHelp"
+    },
+    "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,4 +0,0 @@
-export { McpServer } from "./server.js";
-export { widgetsDevServer } from "./widgetsDevServer.js";
-export type { ToolDef } from "./server.js";
-export type { InferTools, AnyToolRegistry, ToolNames, ToolInput, ToolOutput, } from "./inferUtilityTypes.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/inferUtilityTypes.d.ts

@@ -1,48 +0,0 @@
-import type { McpServer, ToolDef } from "./server.js";
-/**
- * Any tool registry shape (includes both widgets and regular tools).
- * Used as a constraint for type parameters that accept tool registries.
- */
-export type AnyToolRegistry = Record<string, ToolDef>;
-/**
- * Extract the tool registry type from an McpServer instance.
- * This includes both widgets (registered via widget()) and regular tools (registered via registerTool()).
- *
- * @example
- * ```ts
- * type MyTools = InferTools<MyServer>;
- * // { "search": ToolDef<...>, "calculate": ToolDef<...> }
- * ```
- */
-export type InferTools<T> = T extends McpServer<infer W> ? W : never;
-type ExtractTool<T, K extends ToolNames<T>> = InferTools<T>[K];
-/**
- * Get a union of all tool names from an McpServer instance.
- * This includes both widgets and regular tools.
- *
- * @example
- * ```ts
- * type Names = ToolNames<MyServer>;
- * // "search" | "calculate" | "details"
- * ```
- */
-export type ToolNames<T> = keyof InferTools<T> & string;
-/**
- * Get the input type for a specific tool (widget or regular tool).
- *
- * @example
- * ```ts
- * type SearchInput = ToolInput<MyServer, "search">;
- * ```
- */
-export type ToolInput<T, K extends ToolNames<T>> = ExtractTool<T, K>["input"];
-/**
- * Get the output type for a specific tool (widget or regular tool).
- *
- * @example
- * ```ts
- * type SearchOutput = ToolOutput<MyServer, "search">;
- * ```
- */
-export type ToolOutput<T, K extends ToolNames<T>> = ExtractTool<T, K>["output"];
-export {};

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

@@ -1 +0,0 @@
-{"version":3,"file":"inferUtilityTypes.js","sourceRoot":"","sources":["../../../src/server/inferUtilityTypes.ts"],"names":[],"mappings":""}

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

@@ -1,35 +0,0 @@
-import { McpServer as McpServerBase, type RegisteredTool } from "@modelcontextprotocol/sdk/server/mcp.js";
-import type { Resource, ToolAnnotations, CallToolResult, ServerRequest, ServerNotification } from "@modelcontextprotocol/sdk/types.js";
-import type { RequestHandlerExtra } from "@modelcontextprotocol/sdk/shared/protocol.js";
-import type { ZodRawShape, ZodObject, infer as Infer } from "zod";
-export type ToolDef<TInput = unknown, TOutput = unknown> = {
-    input: TInput;
-    output: TOutput;
-};
-type McpServerOriginalResourceConfig = Omit<Resource, "uri" | "name" | "mimeType">;
-type McpServerOriginalToolConfig = Omit<Parameters<McpServerBase["registerTool"]>[1], "inputSchema" | "outputSchema">;
-type ExtractStructuredContent<T> = T extends {
-    structuredContent: infer SC;
-} ? SC : {};
-type AddTool<TTools, TName extends string, TInput extends ZodRawShape, TOutput> = McpServer<TTools & {
-    [K in TName]: ToolDef<Infer<ZodObject<TInput>>, TOutput>;
-}>;
-type ToolConfig<TInput extends ZodRawShape> = {
-    title?: string;
-    description?: string;
-    inputSchema?: TInput;
-    outputSchema?: ZodRawShape;
-    annotations?: ToolAnnotations;
-    _meta?: Record<string, unknown>;
-};
-type ToolHandler<TInput extends ZodRawShape, TReturn extends CallToolResult = CallToolResult> = (args: Infer<ZodObject<TInput>>, extra: RequestHandlerExtra<ServerRequest, ServerNotification>) => TReturn | Promise<TReturn>;
-export declare class McpServer<TTools extends Record<string, ToolDef> = {}> extends McpServerBase {
-    widget<TName extends string, TInput extends ZodRawShape, TReturn extends CallToolResult>(name: TName, resourceConfig: McpServerOriginalResourceConfig, toolConfig: McpServerOriginalToolConfig & {
-        inputSchema?: TInput;
-        outputSchema?: ZodRawShape;
-    }, toolCallback: ToolHandler<TInput, TReturn>): AddTool<TTools, TName, TInput, ExtractStructuredContent<TReturn>>;
-    registerTool<TName extends string, InputArgs extends ZodRawShape, TReturn extends CallToolResult>(name: TName, config: ToolConfig<InputArgs>, cb: ToolHandler<InputArgs, TReturn>): AddTool<TTools, TName, InputArgs, ExtractStructuredContent<TReturn>>;
-    registerTool<InputArgs extends ZodRawShape>(name: string, config: ToolConfig<InputArgs>, cb: ToolHandler<InputArgs>): RegisteredTool;
-    private lookupDistFile;
-}
-export {};