@opentiny/next-sdk 0.4.0 → 0.4.1

package/utils/builtinProxy.ts

@@ -1,17 +1,45 @@
 import type { Transport } from '@modelcontextprotocol/sdk/shared/transport.js'
 
+/** 浏览器内置 WebMCP 原生上下文接口 */
+interface NativeModelContext {
+  getTools(): Promise<NativeTool[]> | NativeTool[]
+  executeTool(tool: NativeTool, argsStr: string): Promise<unknown>
+}
+
+/** 原生工具描述 */
+interface NativeTool {
+  name: string
+  description?: string
+  title?: string
+  inputSchema?: unknown
+}
+
+/** JSON-RPC 消息基础结构 */
+interface JsonRpcMessage {
+  jsonrpc: string
+  id?: string | number
+  method?: string
+  params?: {
+    name?: string
+    arguments?: Record<string, unknown>
+    [key: string]: unknown
+  }
+}
+
 /**
  * 建立原生的 JSON-RPC 拦截层：
- * 将发向 remote 的 MCP 请求拦截，代理给所在浏览器的 navigator.modelContextTesting 上执行。
+ * 将发向 remote 的 MCP 请求拦截，代理给所在浏览器的 document.modelContext 上执行。
  */
 export const setupBuiltinProxy = (transport: Transport) => {
-  const getNativeCtx = () => {
-    if (typeof navigator === 'undefined') return null
-    const nav = navigator as any
-    return nav.modelContextTesting || null
+  const getNativeCtx = (): NativeModelContext | null => {
+    let ctx: NativeModelContext | null = null
+    if (typeof document !== 'undefined') ctx = ctx || ((document as unknown as Record<string, unknown>).modelContext as NativeModelContext | null)
+    if (typeof navigator !== 'undefined') ctx = ctx || ((navigator as unknown as Record<string, unknown>).modelContext as NativeModelContext | null)
+    ctx = ctx || ((globalThis as unknown as Record<string, unknown>).modelContext as NativeModelContext | null)
+    return ctx || null
   }
 
-  transport.onmessage = async (message: any) => {
+  transport.onmessage = async (message: JsonRpcMessage) => {
     if (!message || typeof message !== 'object') return
     const id = message.id
     const method = message.method
@@ -36,8 +64,8 @@ export const setupBuiltinProxy = (transport: Transport) => {
         await transport.send({ jsonrpc: '2.0', id, result: {} })
       } else if (method === 'tools/list') {
         const nativeCtx = getNativeCtx()
-        if (nativeCtx && nativeCtx.listTools) {
-          const rawTools = await nativeCtx.listTools()
+        if (nativeCtx && nativeCtx.getTools) {
+          const rawTools = await nativeCtx.getTools()
           const tools = rawTools.map((t: any) => {
             let schemaObj: any = {}
             if (typeof t.inputSchema === 'string') {
@@ -67,19 +95,22 @@ export const setupBuiltinProxy = (transport: Transport) => {
         const nativeCtx = getNativeCtx()
         if (nativeCtx && nativeCtx.executeTool) {
           if (!message.params || typeof message.params !== 'object' || !message.params.name) {
-            const error: any = new Error('Invalid params: "name" is required and params must be an object')
+            const error: Error & { code?: number } = new Error('Invalid params: "name" is required and params must be an object')
             error.code = -32602 // Invalid params
             throw error
           }
           const { name, arguments: args } = message.params
-          const result = await nativeCtx.executeTool(name, JSON.stringify(args || {}))
+          const tools = await (nativeCtx.getTools ? nativeCtx.getTools() : [])
+          const toolObj = tools.find((t: any) => t.name === name)
+          if (!toolObj) throw new Error(`Tool ${name} not found`)
+          const result = await nativeCtx.executeTool(toolObj, JSON.stringify(args || {}))
           const finalResult =
             result && typeof result === 'object' && 'content' in result
               ? result
               : { content: [{ type: 'text', text: typeof result === 'string' ? result : JSON.stringify(result) }] }
           await transport.send({ jsonrpc: '2.0', id, result: finalResult })
         } else {
-          const error: any = new Error('executeTool not implemented in Browser built-in WebMCP')
+          const error: Error & { code?: number } = new Error('executeTool not implemented in Browser built-in WebMCP')
           error.code = -32601 // Method not found
           throw error
         }
@@ -99,12 +130,13 @@ export const setupBuiltinProxy = (transport: Transport) => {
           error: { code: -32601, message: `Method not found: ${method}` }
         })
       }
-    } catch (err: any) {
+    } catch (err: unknown) {
       if (id !== undefined) {
+        const errObj = err as { code?: number; message?: string }
         await transport.send({
           jsonrpc: '2.0',
           id,
-          error: { code: err.code || -32000, message: err.message || String(err) }
+          error: { code: errObj.code || -32000, message: errObj.message || String(err) }
         })
       }
     }

package/vite.config.runtime.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig(() => {
+  return {
+    define: {
+      'process.env.NODE_ENV': JSON.stringify('production')
+    },
+    build: {
+      emptyOutDir: false,
+      lib: {
+        entry: 'runtime.ts',
+        name: 'NextSDK',
+        formats: ['iife'] as any,
+        fileName: () => 'runtime.js'
+      },
+      rollupOptions: {
+        // 全量打包第三方依赖，便于浏览器中直接注入或运行
+        external: []
+      }
+    }
+  }
+})

package/vite.config.ts

@@ -1,18 +1,62 @@
 import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
 
 // https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-  const shouldMinify = mode !== 'dev'
+export default defineConfig(() => {
+  // 需要排除的第三方依赖列表
+  const externalDependencies = [
+    '@modelcontextprotocol/sdk',
+    '@opentiny/next',
+    '@ai-sdk/openai',
+    '@ai-sdk/deepseek',
+    '@ai-sdk/provider',
+    'qrcode',
+    'zod',
+    'ajv',
+    'ai'
+  ]
 
   return {
+    plugins: [
+      // 配置 dts 插件生成类型声明文件
+      dts({
+        // 指定 TypeScript 配置文件路径
+        tsconfigPath: './tsconfig.json',
+        outDir: 'dist',
+        // 包含所有 TypeScript 文件，确保所有被引用的文件都被处理
+        include: ['**/*.ts'],
+        exclude: ['node_modules/**', 'dist/**', '**/*.test.ts', '**/*.spec.ts'],
+        // 不合并类型文件，保持文件结构以便相对路径引用正常工作
+        rollupTypes: false,
+        // 插入类型入口文件引用
+        insertTypesEntry: true
+      })
+    ],
     build: {
-      emptyOutDir: shouldMinify,
-      minify: shouldMinify,
+      emptyOutDir: false,
       lib: {
-        entry: 'index.ts',
-        name: 'WebMCP',
-        formats: ['es', 'umd'],
-        fileName: (format) => `index.${format}${shouldMinify ? '' : '.dev'}.js`
+        entry: {
+          index: 'index.ts',
+          core: 'core.ts'
+        },
+        name: 'NEXT-SDK',
+        formats: ['es'],
+        fileName: (format, entryName) => `${entryName}.js`
+      },
+      rollupOptions: {
+        // 排除第三方依赖，保留本地文件
+        external: (id) => {
+          // 如果是相对路径导入（本地文件），不排除
+          if (id.startsWith('.') || id.startsWith('/')) {
+            return false
+          }
+          // 排除 node_modules 中的第三方依赖
+          if (id.includes('node_modules')) {
+            return true
+          }
+          // 排除指定的第三方依赖包
+          return externalDependencies.some((dep) => id === dep || id.startsWith(`${dep}/`))
+        }
       }
     }
   }

package/McpSdk.ts

@@ -1,14 +0,0 @@
-import Ajv from 'ajv'
-export { Ajv }
-export * from '@modelcontextprotocol/sdk/types.js'
-export * from '@modelcontextprotocol/sdk/shared/uriTemplate.js'
-export * from '@modelcontextprotocol/sdk/server/completable.js'
-export * from '@modelcontextprotocol/sdk/shared/metadataUtils.js'
-export * from '@modelcontextprotocol/sdk/client/index.js'
-export * from '@modelcontextprotocol/sdk/client/auth.js'
-export * from '@modelcontextprotocol/sdk/client/sse.js'
-export * from '@modelcontextprotocol/sdk/client/streamableHttp.js'
-// @ts-ignore
-export * from '@modelcontextprotocol/sdk/server/mcp.js'
-export * from '@modelcontextprotocol/sdk/shared/transport.js'
-export * from '@modelcontextprotocol/sdk/shared/protocol.js'

package/WebAgent.ts

@@ -1,5 +0,0 @@
-export { AgentModelProvider } from './agent/AgentModelProvider'
-export { createRemoter } from './remoter/createRemoter'
-export { getAISDKTools } from './agent/utils/getAISDKTools'
-export { QrCode, type QrCodeOption } from './remoter/QrCode'
-export type * from './agent/type'

package/WebMcp.ts

@@ -1,26 +0,0 @@
-import Ajv from 'ajv'
-export * from './WebMcpServer'
-export * from './WebMcpClient'
-export { Ajv }
-export { z } from 'zod'
-export { AuthClientProvider } from '@opentiny/next'
-export { ResourceTemplate } from '@modelcontextprotocol/sdk/server/mcp.js'
-export { UriTemplate } from '@modelcontextprotocol/sdk/shared/uriTemplate.js'
-export { completable } from '@modelcontextprotocol/sdk/server/completable.js'
-export { getDisplayName } from '@modelcontextprotocol/sdk/shared/metadataUtils.js'
-export type * from 'zod'
-export type * from '@opentiny/next'
-export type * from '@modelcontextprotocol/sdk/types.js'
-export type * from '@modelcontextprotocol/sdk/shared/protocol.js'
-export type * from '@modelcontextprotocol/sdk/shared/transport.js'
-export type * from '@modelcontextprotocol/sdk/client/sse.js'
-export type * from '@modelcontextprotocol/sdk/client/streamableHttp.js'
-export type * from '@modelcontextprotocol/sdk/server/mcp.js'
-
-export * from './transport/ExtensionPageServerTransport'
-
-// page-tools：供浏览器插件通过 scripting.executeScript 注入到第三方页面后初始化 WebMCP
-export { initializeBuiltinWebMCP } from './page-tools/initialize-builtin-WebMCP'
-export { setupModelContextBridge } from './page-tools/bridge'
-export { registerPageAgentTool } from './page-tools/page-agent-tool'
-

package/Zod.ts

@@ -1 +0,0 @@
-export { z } from 'zod'

package/dist/McpSdk.d.ts

@@ -1,14 +0,0 @@
-import { default as Ajv } from 'ajv';
-
-export { Ajv };
-export * from '@modelcontextprotocol/sdk/types.js';
-export * from '@modelcontextprotocol/sdk/shared/uriTemplate.js';
-export * from '@modelcontextprotocol/sdk/server/completable.js';
-export * from '@modelcontextprotocol/sdk/shared/metadataUtils.js';
-export * from '@modelcontextprotocol/sdk/client/index.js';
-export * from '@modelcontextprotocol/sdk/client/auth.js';
-export * from '@modelcontextprotocol/sdk/client/sse.js';
-export * from '@modelcontextprotocol/sdk/client/streamableHttp.js';
-export * from '@modelcontextprotocol/sdk/server/mcp.js';
-export * from '@modelcontextprotocol/sdk/shared/transport.js';
-export * from '@modelcontextprotocol/sdk/shared/protocol.js';