skybridge 0.0.0-dev.fe84ef2 → 0.0.0-dev.ff23e30

package/dist/src/web/types.d.ts

@@ -1,6 +1,8 @@
 import "react";
+import type { CallToolResult } from "@modelcontextprotocol/sdk/types.js";
+import type { WidgetHostType } from "../server/index.js";
 declare module "react" {
-    interface HTMLAttributes<T extends Element = HTMLElement> {
+    interface HTMLAttributes<T> {
         "data-llm"?: string;
     }
 }
@@ -10,7 +12,7 @@ export type Prettify<T> = {
 } & {};
 export type Objectify<T> = T & UnknownObject;
 type RequiredKeys<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? never : K;
+    [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;
 type WidgetState = UnknownObject;
@@ -28,19 +30,24 @@ export declare class ToolResponseEvent extends CustomEvent<{
 }
 declare global {
     interface Window {
-        openai: API<WidgetState> & OpenAiGlobals;
+        skybridge: SkybridgeProperties;
+        openai: OpenAiMethods<WidgetState> & OpenAiProperties;
     }
     interface WindowEventMap {
         [SET_GLOBALS_EVENT_TYPE]: SetGlobalsEvent;
     }
 }
-export type OpenAiGlobals<ToolInput extends UnknownObject = {}, ToolOutput extends UnknownObject = UnknownObject, ToolResponseMetadata extends UnknownObject = UnknownObject, WidgetState extends UnknownObject = UnknownObject> = {
+export type SkybridgeProperties = {
+    hostType: WidgetHostType;
+};
+export type OpenAiProperties<ToolInput extends UnknownObject = Record<never, unknown>, ToolOutput extends UnknownObject = UnknownObject, ToolResponseMetadata extends UnknownObject = UnknownObject, WidgetState extends UnknownObject = UnknownObject> = {
     theme: Theme;
     userAgent: UserAgent;
     locale: string;
     maxHeight: number;
     displayMode: DisplayMode;
     safeArea: SafeArea;
+    view: View;
     toolInput: ToolInput;
     toolOutput: ToolOutput | {
         text: string;
@@ -50,16 +57,23 @@ export type OpenAiGlobals<ToolInput extends UnknownObject = {}, ToolOutput exten
 };
 export type CallToolArgs = Record<string, unknown> | null;
 export type CallToolResponse = {
-    content: {
-        type: "text";
-        text: string;
-    }[];
+    content: CallToolResult["content"];
     structuredContent: Record<string, unknown>;
     isError: boolean;
     result: string;
     meta: Record<string, unknown>;
 };
-type API<WidgetState extends UnknownObject> = {
+export type RequestModalOptions = {
+    title?: string;
+    params?: Record<string, unknown>;
+    anchor?: {
+        top?: number;
+        left?: number;
+        width?: number;
+        height?: number;
+    };
+};
+export type OpenAiMethods<WidgetState extends UnknownObject = UnknownObject> = {
     /** Calls a tool on your MCP. Returns the full response. */
     callTool: <ToolArgs extends CallToolArgs = null, ToolResponse extends CallToolResponse = CallToolResponse>(name: string, args: ToolArgs) => Promise<ToolResponse>;
     /** Triggers a followup turn in the ChatGPT conversation */
@@ -89,9 +103,7 @@ type API<WidgetState extends UnknownObject> = {
      * Opens a modal portaled outside of the widget iFrame.
      * This ensures the modal is correctly displayed and not limited to the widget's area.
      */
-    requestModal: (args: {
-        title: string;
-    }) => Promise<void>;
+    requestModal: (args: RequestModalOptions) => Promise<void>;
     /** Uploads a new file to the host */
     uploadFile: (file: File) => Promise<FileMetadata>;
     /**
@@ -104,12 +116,16 @@ type API<WidgetState extends UnknownObject> = {
 };
 export declare const SET_GLOBALS_EVENT_TYPE = "openai:set_globals";
 export declare class SetGlobalsEvent extends CustomEvent<{
-    globals: Partial<OpenAiGlobals>;
+    globals: Partial<OpenAiProperties>;
 }> {
     readonly type = "openai:set_globals";
 }
 export type CallTool = (name: string, args: Record<string, unknown>) => Promise<CallToolResponse>;
-export type DisplayMode = "pip" | "inline" | "fullscreen";
+export type DisplayMode = "pip" | "inline" | "fullscreen" | "modal";
+export type View = {
+    mode: DisplayMode;
+    params?: Record<string, unknown>;
+};
 export type Theme = "light" | "dark";
 export type SafeAreaInsets = {
     top: number;

package/dist/src/web/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AAuBf,MAAM,CAAC,MAAM,wBAAwB,GAAG,sBAAsB,CAAC;AAC/D,MAAM,OAAO,iBAAkB,SAAQ,WAErC;IACkB,IAAI,GAAG,wBAAwB,CAAC;CACnD;AA8FD,sDAAsD;AACtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AAC3D,MAAM,OAAO,eAAgB,SAAQ,WAEnC;IACkB,IAAI,GAAG,sBAAsB,CAAC;CACjD"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AAyBf,MAAM,CAAC,MAAM,wBAAwB,GAAG,sBAAsB,CAAC;AAC/D,MAAM,OAAO,iBAAkB,SAAQ,WAErC;IACkB,IAAI,GAAG,wBAAwB,CAAC;CACnD;AAuGD,sDAAsD;AACtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AAC3D,MAAM,OAAO,eAAgB,SAAQ,WAEnC;IACkB,IAAI,GAAG,sBAAsB,CAAC;CACjD"}

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "skybridge",
-  "version": "0.0.0-dev.fe84ef2",
+  "version": "0.0.0-dev.ff23e30",
   "description": "Skybridge is a framework for building ChatGPT apps",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/alpic-ai/skybridge.git"
+  },
   "type": "module",
   "files": [
     "dist"
@@ -19,12 +23,11 @@
   "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",
+    "format": "biome check --write --error-on-warnings",
+    "test": "pnpm run test:unit && pnpm run test:type && pnpm run test:format",
     "test:unit": "vitest run",
     "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"
+    "test:format": "biome ci"
   },
   "keywords": [
     "chatgpt",
@@ -35,21 +38,24 @@
   "author": "Frédéric Barthelet",
   "license": "ISC",
   "peerDependencies": {
+    "@modelcontextprotocol/sdk": ">=1.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
     "@babel/core": "^7.28.5",
-    "@modelcontextprotocol/sdk": "^1.20.0",
     "cors": "^2.8.5",
+    "dequal": "^2.0.3",
     "express": "^5.1.0",
     "handlebars": "^4.7.8",
     "superjson": "^2.2.6",
     "vite": "^7.1.11",
-    "zod": "^3.25.51",
     "zustand": "^5.0.9"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.3.8",
+    "@modelcontextprotocol/ext-apps": "^0.2.2",
+    "@modelcontextprotocol/sdk": "^1.24.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@total-typescript/tsconfig": "^1.0.4",
@@ -63,7 +69,8 @@
     "@vitest/ui": "^2.1.8",
     "jsdom": "^25.0.1",
     "typescript": "^5.9.3",
-    "vitest": "^2.1.8"
+    "vitest": "^2.1.8",
+    "zod": "^4.1.13"
   },
   "packageManager": "pnpm@10.17.1"
 }