@frontmcp/uipack 1.10.8 → 1.10.9-rc.2

package/esm/bridge-runtime/index.mjs

@@ -1,84 +1,4 @@
-// libs/uipack/src/bridge-runtime/iife-generator.ts
-var WIDGET_CALL_META_KEY = "frontmcp/widgetCall";
-var MCP_APPS_DISPLAY_MODES = ["inline", "fullscreen", "pip"];
-function generateBridgeIIFE(options = {}) {
-  const { debug = false, trustedOrigins = [], minify = false } = options;
-  const adapters = options.adapters || ["openai", "ext-apps", "claude", "gemini", "generic"];
-  const parts = [];
-  parts.push("(function() {");
-  parts.push('"use strict";');
-  parts.push("");
-  if (debug) {
-    parts.push('function log(msg) { console.log("[FrontMcpBridge] " + msg); }');
-  } else {
-    parts.push("function log() {}");
-  }
-  parts.push("");
-  parts.push("var DEFAULT_SAFE_AREA = { top: 0, bottom: 0, left: 0, right: 0 };");
-  parts.push("");
-  parts.push(generateContextDetection());
-  parts.push("");
-  parts.push(generateBaseCapabilities());
-  parts.push("");
-  if (adapters.includes("openai")) {
-    parts.push(generateOpenAIAdapter());
-    parts.push("");
-  }
-  if (adapters.includes("ext-apps")) {
-    parts.push(generateExtAppsAdapter(trustedOrigins));
-    parts.push("");
-  }
-  if (adapters.includes("claude")) {
-    parts.push(generateClaudeAdapter());
-    parts.push("");
-  }
-  if (adapters.includes("gemini")) {
-    parts.push(generateGeminiAdapter());
-    parts.push("");
-  }
-  if (adapters.includes("generic")) {
-    parts.push(generateGenericAdapter());
-    parts.push("");
-  }
-  parts.push(generatePlatformDetection(adapters));
-  parts.push("");
-  parts.push(generateBridgeClass());
-  parts.push("");
-  parts.push("var bridge = new FrontMcpBridge();");
-  parts.push("bridge.initialize().then(function() {");
-  parts.push('  log("Bridge initialized with adapter: " + bridge.adapterId);');
-  parts.push('  window.dispatchEvent(new CustomEvent("bridge:ready", { detail: { adapter: bridge.adapterId } }));');
-  parts.push("  if (window.__mcpDisplayMode) bridge.requestDisplayMode(window.__mcpDisplayMode).catch(function() {});");
-  parts.push("}).catch(function(err) {");
-  parts.push('  console.error("[FrontMcpBridge] Init failed:", err);');
-  parts.push('  window.dispatchEvent(new CustomEvent("bridge:error", { detail: { error: err } }));');
-  parts.push("});");
-  parts.push("");
-  parts.push("window.FrontMcpBridge = bridge;");
-  parts.push("");
-  parts.push(generateAutoResize());
-  parts.push("function __showLoading() {");
-  parts.push('  var root = document.getElementById("root");');
-  parts.push("  if (root && !root.hasChildNodes()) {");
-  parts.push(
-    `    root.innerHTML = '<div style="display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280;font-family:system-ui,sans-serif"><div style="text-align:center"><div style="width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:__spin 0.6s linear infinite;margin:0 auto 12px"></div><div style="font-size:0.875rem">Loading widget...</div></div></div><style>@keyframes __spin{to{transform:rotate(360deg)}}</style>';`
-  );
-  parts.push("  }");
-  parts.push("}");
-  parts.push('if (document.readyState === "loading") {');
-  parts.push('  document.addEventListener("DOMContentLoaded", __showLoading);');
-  parts.push("} else {");
-  parts.push("  __showLoading();");
-  parts.push("}");
-  parts.push("})();");
-  const code = parts.join("\n");
-  if (minify) {
-    return minifyJS(code);
-  }
-  return code;
-}
-function generateAutoResize() {
-  return `
+var WIDGET_CALL_META_KEY="frontmcp/widgetCall";var MCP_APPS_DISPLAY_MODES=["inline","fullscreen","pip"];function generateBridgeIIFE(options={}){const{debug=false,trustedOrigins=[],minify=false}=options;const adapters=options.adapters||["openai","ext-apps","claude","gemini","generic"];const parts=[];parts.push("(function() {");parts.push('"use strict";');parts.push("");if(debug){parts.push('function log(msg) { console.log("[FrontMcpBridge] " + msg); }')}else{parts.push("function log() {}")}parts.push("");parts.push("var DEFAULT_SAFE_AREA = { top: 0, bottom: 0, left: 0, right: 0 };");parts.push("");parts.push(generateContextDetection());parts.push("");parts.push(generateBaseCapabilities());parts.push("");if(adapters.includes("openai")){parts.push(generateOpenAIAdapter());parts.push("")}if(adapters.includes("ext-apps")){parts.push(generateExtAppsAdapter(trustedOrigins));parts.push("")}if(adapters.includes("claude")){parts.push(generateClaudeAdapter());parts.push("")}if(adapters.includes("gemini")){parts.push(generateGeminiAdapter());parts.push("")}if(adapters.includes("generic")){parts.push(generateGenericAdapter());parts.push("")}parts.push(generatePlatformDetection(adapters));parts.push("");parts.push(generateBridgeClass());parts.push("");parts.push("var bridge = new FrontMcpBridge();");parts.push("bridge.initialize().then(function() {");parts.push('  log("Bridge initialized with adapter: " + bridge.adapterId);');parts.push('  window.dispatchEvent(new CustomEvent("bridge:ready", { detail: { adapter: bridge.adapterId } }));');parts.push("  if (window.__mcpDisplayMode) bridge.requestDisplayMode(window.__mcpDisplayMode).catch(function() {});");parts.push("}).catch(function(err) {");parts.push('  console.error("[FrontMcpBridge] Init failed:", err);');parts.push('  window.dispatchEvent(new CustomEvent("bridge:error", { detail: { error: err } }));');parts.push("});");parts.push("");parts.push("window.FrontMcpBridge = bridge;");parts.push("");parts.push(generateAutoResize());parts.push("function __showLoading() {");parts.push('  var root = document.getElementById("root");');parts.push("  if (root && !root.hasChildNodes()) {");parts.push(`    root.innerHTML = '<div style="display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280;font-family:system-ui,sans-serif"><div style="text-align:center"><div style="width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:__spin 0.6s linear infinite;margin:0 auto 12px"></div><div style="font-size:0.875rem">Loading widget...</div></div></div><style>@keyframes __spin{to{transform:rotate(360deg)}}</style>';`);parts.push("  }");parts.push("}");parts.push('if (document.readyState === "loading") {');parts.push('  document.addEventListener("DOMContentLoaded", __showLoading);');parts.push("} else {");parts.push("  __showLoading();");parts.push("}");parts.push("})();");const code=parts.join("\n");if(minify){return minifyJS(code)}return code}function generateAutoResize(){return`
 function __applySizingCss(sizing) {
   if (typeof document === 'undefined' || !document.documentElement) return;
   function toLen(v) { return typeof v === 'number' ? v + 'px' : v; }
@@ -213,10 +133,7 @@ function __initAutoResize() {
   }
 }
 __initAutoResize();
-`.trim();
-}
-function generateContextDetection() {
-  return `
+`.trim()}function generateContextDetection(){return`
 function detectTheme() {
   if (typeof window !== 'undefined' && window.matchMedia) {
     return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
@@ -303,10 +220,7 @@ function readInjectedData() {
   }
   return data;
 }
-`.trim();
-}
-function generateBaseCapabilities() {
-  return `
+`.trim()}function generateBaseCapabilities(){return`
 var DEFAULT_CAPABILITIES = {
   canCallTools: false,
   canSendMessages: false,
@@ -316,10 +230,7 @@ var DEFAULT_CAPABILITIES = {
   supportsDisplayModes: false,
   supportsTheme: true
 };
-`.trim();
-}
-function generateOpenAIAdapter() {
-  return `
+`.trim()}function generateOpenAIAdapter(){return`
 var OpenAIAdapter = {
   id: 'openai',
   name: 'OpenAI ChatGPT',
@@ -404,11 +315,7 @@ var OpenAIAdapter = {
     return Promise.resolve();
   }
 };
-`.trim();
-}
-function generateExtAppsAdapter(trustedOrigins) {
-  const originsArray = trustedOrigins.length > 0 ? JSON.stringify(trustedOrigins) : "[]";
-  return `
+`.trim()}function generateExtAppsAdapter(trustedOrigins){const originsArray=trustedOrigins.length>0?JSON.stringify(trustedOrigins):"[]";return`
 var ExtAppsAdapter = {
   id: 'ext-apps',
   name: 'ext-apps (SEP-1865)',
@@ -751,10 +658,7 @@ var ExtAppsAdapter = {
     return this.sendRequest('ui/unregisterTool', { name: name });
   }
 };
-`.trim();
-}
-function generateClaudeAdapter() {
-  return `
+`.trim()}function generateClaudeAdapter(){return`
 var ClaudeAdapter = {
   id: 'claude',
   name: 'Claude (Anthropic)',
@@ -815,10 +719,7 @@ var ClaudeAdapter = {
     return Promise.resolve();
   }
 };
-`.trim();
-}
-function generateGeminiAdapter() {
-  return `
+`.trim()}function generateGeminiAdapter(){return`
 var GeminiAdapter = {
   id: 'gemini',
   name: 'Google Gemini',
@@ -869,10 +770,7 @@ var GeminiAdapter = {
     return Promise.resolve();
   }
 };
-`.trim();
-}
-function generateGenericAdapter() {
-  return `
+`.trim()}function generateGenericAdapter(){return`
 var GenericAdapter = {
   id: 'generic',
   name: 'Generic Web',
@@ -907,26 +805,7 @@ var GenericAdapter = {
     return Promise.resolve();
   }
 };
-`.trim();
-}
-function generatePlatformDetection(adapters) {
-  const adapterVars = adapters.map((a) => {
-    switch (a) {
-      case "openai":
-        return "OpenAIAdapter";
-      case "ext-apps":
-        return "ExtAppsAdapter";
-      case "claude":
-        return "ClaudeAdapter";
-      case "gemini":
-        return "GeminiAdapter";
-      case "generic":
-        return "GenericAdapter";
-      default:
-        return "";
-    }
-  }).filter(Boolean);
-  return `
+`.trim()}function generatePlatformDetection(adapters){const adapterVars=adapters.map(a=>{switch(a){case"openai":return"OpenAIAdapter";case"ext-apps":return"ExtAppsAdapter";case"claude":return"ClaudeAdapter";case"gemini":return"GeminiAdapter";case"generic":return"GenericAdapter";default:return""}}).filter(Boolean);return`
 var ADAPTERS = [${adapterVars.join(", ")}].sort(function(a, b) { return b.priority - a.priority; });
 
 function detectPlatform() {
@@ -939,10 +818,7 @@ function detectPlatform() {
   log('No platform detected, using generic');
   return GenericAdapter;
 }
-`.trim();
-}
-function generateBridgeClass() {
-  return `
+`.trim()}function generateBridgeClass(){return`
 function FrontMcpBridge() {
   this._adapter = null;
   this._initialized = false;
@@ -1318,54 +1194,4 @@ FrontMcpBridge.prototype._setupDataToolCallHandler = function() {
     }
   }, true); // Use capture phase to handle before React handlers
 };
-`.trim();
-}
-var MAX_MINIFY_CODE_LENGTH = 5e5;
-function minifyJS(code) {
-  if (code.length > MAX_MINIFY_CODE_LENGTH) {
-    return code;
-  }
-  const out = [];
-  let inBlockComment = false;
-  for (const raw of code.split("\n")) {
-    const line = raw.trim();
-    if (inBlockComment) {
-      if (line.includes("*/")) inBlockComment = false;
-      continue;
-    }
-    if (line === "" || line.startsWith("//")) continue;
-    if (line.startsWith("/*")) {
-      if (!line.includes("*/")) inBlockComment = true;
-      continue;
-    }
-    out.push(line);
-  }
-  return out.join("\n");
-}
-function generatePlatformBundle(platform, options = {}) {
-  const platformAdapters = {
-    chatgpt: ["openai", "generic"],
-    claude: ["claude", "generic"],
-    gemini: ["gemini", "generic"],
-    universal: ["openai", "ext-apps", "claude", "gemini", "generic"]
-  };
-  return generateBridgeIIFE({
-    ...options,
-    adapters: platformAdapters[platform]
-  });
-}
-var UNIVERSAL_BRIDGE_SCRIPT = generateBridgeIIFE();
-var BRIDGE_SCRIPT_TAGS = {
-  universal: `<script>${UNIVERSAL_BRIDGE_SCRIPT}</script>`,
-  chatgpt: `<script>${generatePlatformBundle("chatgpt")}</script>`,
-  claude: `<script>${generatePlatformBundle("claude")}</script>`,
-  gemini: `<script>${generatePlatformBundle("gemini")}</script>`
-};
-export {
-  BRIDGE_SCRIPT_TAGS,
-  MCP_APPS_DISPLAY_MODES,
-  UNIVERSAL_BRIDGE_SCRIPT,
-  WIDGET_CALL_META_KEY,
-  generateBridgeIIFE,
-  generatePlatformBundle
-};
+`.trim()}var MAX_MINIFY_CODE_LENGTH=5e5;function minifyJS(code){if(code.length>MAX_MINIFY_CODE_LENGTH){return code}const out=[];let inBlockComment=false;for(const raw of code.split("\n")){const line=raw.trim();if(inBlockComment){if(line.includes("*/"))inBlockComment=false;continue}if(line===""||line.startsWith("//"))continue;if(line.startsWith("/*")){if(!line.includes("*/"))inBlockComment=true;continue}out.push(line)}return out.join("\n")}function generatePlatformBundle(platform,options={}){const platformAdapters={chatgpt:["openai","generic"],claude:["claude","generic"],gemini:["gemini","generic"],universal:["openai","ext-apps","claude","gemini","generic"]};return generateBridgeIIFE({...options,adapters:platformAdapters[platform]})}var UNIVERSAL_BRIDGE_SCRIPT=generateBridgeIIFE();var BRIDGE_SCRIPT_TAGS={universal:`<script>${UNIVERSAL_BRIDGE_SCRIPT}</script>`,chatgpt:`<script>${generatePlatformBundle("chatgpt")}</script>`,claude:`<script>${generatePlatformBundle("claude")}</script>`,gemini:`<script>${generatePlatformBundle("gemini")}</script>`};export{BRIDGE_SCRIPT_TAGS,MCP_APPS_DISPLAY_MODES,UNIVERSAL_BRIDGE_SCRIPT,WIDGET_CALL_META_KEY,generateBridgeIIFE,generatePlatformBundle};