@pancake-apps/web 0.0.0-snapshot-20260125200133

package/dist/chunk-ZYBPDIEG.js

@@ -0,0 +1,674 @@
+import { AppsSdkBridge, AppsSdkStore } from './chunk-5NYJ2IVD.js';
+import { McpAppsBridge, McpAppsStore, initialize } from './chunk-YGGRUIUG.js';
+
+// src/unified/detection.ts
+function isAppsSdkAvailable() {
+  return typeof window !== "undefined" && window.openai != null;
+}
+function isMcpAppsAvailable() {
+  if (typeof window === "undefined") return false;
+  if (window.__PANCAKE_FORCE_MCP__) return true;
+  try {
+    return window.self !== window.top;
+  } catch {
+    return true;
+  }
+}
+function detectPlatform() {
+  if (isAppsSdkAvailable()) {
+    return "apps-sdk";
+  }
+  return "mcp-apps";
+}
+var cachedPlatform = null;
+function getPlatform() {
+  if (cachedPlatform === null) {
+    cachedPlatform = detectPlatform();
+  }
+  return cachedPlatform;
+}
+function resetPlatformCache() {
+  cachedPlatform = null;
+}
+
+// src/unified/defaults.ts
+var SSR_DEFAULTS = {
+  theme: "light",
+  locale: "en-US",
+  displayMode: "inline",
+  maxHeight: 400,
+  safeArea: { top: 0, right: 0, bottom: 0, left: 0 },
+  containerSize: { width: 0, height: 400 },
+  containerWidth: 0,
+  containerHeight: 400,
+  platform: "web",
+  deviceType: "desktop",
+  canHover: true,
+  hasCoarsePointer: false,
+  inputCapabilities: { canHover: true, hasCoarsePointer: false },
+  toolInput: void 0,
+  toolInputPartial: void 0,
+  toolOutput: void 0,
+  toolResponseMetadata: void 0,
+  viewState: void 0
+};
+
+// src/unified/base-adaptor.ts
+var BaseAdaptor = class {
+  /**
+   * Shared implementation for getting SSR snapshot values
+   */
+  getServerSnapshotForKey(key) {
+    return SSR_DEFAULTS[key];
+  }
+  /**
+   * Shared implementation for getting snapshot values
+   * Maps keys to the appropriate getter methods
+   */
+  getSnapshotForKey(key) {
+    switch (key) {
+      case "theme":
+        return this.getTheme();
+      case "locale":
+        return this.getLocale();
+      case "displayMode":
+        return this.getDisplayMode();
+      case "maxHeight":
+        return this.getMaxHeight();
+      case "safeArea":
+        return this.getSafeArea();
+      case "containerSize":
+        return this.getContainerSize();
+      case "platform":
+        return this.getPlatform();
+      case "deviceType":
+        return this.getDeviceType();
+      case "containerWidth":
+        return this.getContainerSize().width;
+      case "containerHeight":
+        return this.getContainerSize().height;
+      case "inputCapabilities":
+        return this.getInputCapabilities();
+      case "canHover":
+        return this.getInputCapabilities().canHover;
+      case "hasCoarsePointer":
+        return this.getInputCapabilities().hasCoarsePointer;
+      case "toolInput":
+        return this.getToolInput();
+      case "toolOutput":
+        return this.getToolOutput();
+      case "toolResponseMetadata":
+        return this.getToolResponseMetadata();
+      case "viewState":
+        return this.getViewState();
+      case "toolInputPartial":
+        return this.getToolInputPartial();
+      default:
+        return void 0;
+    }
+  }
+};
+
+// src/unified/apps-sdk-adaptor.ts
+function mapDisplayMode(mode) {
+  return mode;
+}
+function deriveDeviceType(userAgent) {
+  if (!userAgent) return "desktop";
+  const ua = userAgent.toLowerCase();
+  if (/mobile|iphone|android.*mobile/.test(ua)) return "mobile";
+  if (/tablet|ipad|android(?!.*mobile)/.test(ua)) return "tablet";
+  return "desktop";
+}
+function derivePlatform(userAgent) {
+  if (!userAgent) return "web";
+  const ua = userAgent.toLowerCase();
+  if (/iphone|ipad|ipod/.test(ua)) return "ios";
+  if (/android/.test(ua)) return "android";
+  if (/macintosh|mac os/.test(ua)) return "macos";
+  if (/windows/.test(ua)) return "windows";
+  return "web";
+}
+var AppsSdkAdaptor = class extends BaseAdaptor {
+  platform = "apps-sdk";
+  bridge;
+  store;
+  externalStoreCache = /* @__PURE__ */ new Map();
+  constructor() {
+    super();
+    this.bridge = AppsSdkBridge.getInstance();
+    this.store = AppsSdkStore.getInstance();
+  }
+  // ============================================
+  // External Store Access
+  // ============================================
+  getExternalStore(key) {
+    let cached = this.externalStoreCache.get(key);
+    if (!cached) {
+      cached = {
+        subscribe: (callback) => {
+          const appsSdkKey = this.mapKeyToAppsSdk(key);
+          if (appsSdkKey) {
+            return this.store.subscribe(appsSdkKey, callback);
+          }
+          return this.subscribeForComputedKey(key, callback);
+        },
+        getSnapshot: () => this.getSnapshotForKey(key),
+        getServerSnapshot: () => this.getServerSnapshotForKey(key)
+      };
+      this.externalStoreCache.set(key, cached);
+    }
+    return cached;
+  }
+  mapKeyToAppsSdk(key) {
+    const mapping = {
+      theme: "theme",
+      locale: "locale",
+      displayMode: "displayMode",
+      maxHeight: "maxHeight",
+      safeArea: "safeArea",
+      toolInput: "toolInput",
+      toolOutput: "toolOutput",
+      toolResponseMetadata: "toolResponseMetadata",
+      viewState: "widgetState"
+    };
+    return mapping[key] ?? null;
+  }
+  subscribeForComputedKey(key, callback) {
+    if (key === "platform" || key === "deviceType" || key === "canHover" || key === "hasCoarsePointer") {
+      return this.store.subscribe("userAgent", callback);
+    }
+    if (key === "containerWidth" || key === "containerHeight") {
+      return this.store.subscribe("maxHeight", callback);
+    }
+    return () => {
+    };
+  }
+  // ============================================
+  // Direct Getters
+  // ============================================
+  getTheme() {
+    return this.store.getSnapshot("theme") ?? "light";
+  }
+  getLocale() {
+    return this.store.getSnapshot("locale") ?? "en-US";
+  }
+  getDisplayMode() {
+    const mode = this.store.getSnapshot("displayMode") ?? "inline";
+    return mapDisplayMode(mode);
+  }
+  getMaxHeight() {
+    return this.store.getSnapshot("maxHeight") ?? 400;
+  }
+  getSafeArea() {
+    return this.store.getSnapshot("safeArea") ?? { top: 0, right: 0, bottom: 0, left: 0 };
+  }
+  getPlatform() {
+    const userAgent = this.store.getSnapshot("userAgent");
+    return derivePlatform(userAgent);
+  }
+  getDeviceType() {
+    const userAgent = this.store.getSnapshot("userAgent");
+    return deriveDeviceType(userAgent);
+  }
+  getContainerSize() {
+    const maxHeight = this.getMaxHeight();
+    return {
+      width: typeof window !== "undefined" ? window.innerWidth : 0,
+      height: maxHeight
+    };
+  }
+  getInputCapabilities() {
+    const deviceType = this.getDeviceType();
+    const isMobile = deviceType === "mobile" || deviceType === "tablet";
+    return {
+      canHover: !isMobile,
+      hasCoarsePointer: isMobile
+    };
+  }
+  getToolInput() {
+    return this.store.getSnapshot("toolInput");
+  }
+  getToolOutput() {
+    return this.store.getSnapshot("toolOutput");
+  }
+  getToolResponseMetadata() {
+    return this.store.getSnapshot("toolResponseMetadata");
+  }
+  getViewState() {
+    return this.store.getSnapshot("widgetState");
+  }
+  getToolInputPartial() {
+    return void 0;
+  }
+  // ============================================
+  // Actions
+  // ============================================
+  async callTool(name, args) {
+    return this.bridge.callTool(name, args);
+  }
+  sendFollowUpMessage(message) {
+    this.bridge.sendFollowUpMessage(message);
+  }
+  openExternal(url) {
+    this.bridge.openExternal(url);
+  }
+  requestDisplayMode(mode) {
+    this.bridge.requestDisplayMode(mode);
+  }
+  setViewState(state) {
+    this.bridge.setWidgetState(state);
+  }
+  // ============================================
+  // Feature Detection
+  // ============================================
+  isSupported(feature) {
+    const supported = [
+      "uploadFile",
+      "getFileDownloadUrl",
+      "requestModal",
+      "requestClose",
+      "setOpenInAppUrl",
+      "notifyIntrinsicHeight",
+      "sizeReporting",
+      "callTool",
+      "sendMessage",
+      "openLink",
+      "requestDisplayMode"
+    ];
+    return supported.includes(feature);
+  }
+  // ============================================
+  // MCP-Specific Stubs (with console warnings)
+  // ============================================
+  async readResource(_uri) {
+    console.warn("[Pancake] readResource is not supported on Apps SDK");
+    throw new Error("readResource is not supported on Apps SDK");
+  }
+  async updateModelContext(_params) {
+    console.warn("[Pancake] updateModelContext is not supported on Apps SDK");
+  }
+  log(level, data, logger) {
+    const loggerPrefix = logger ? `[${logger}]` : "[Pancake]";
+    switch (level) {
+      case "debug":
+        console.debug(loggerPrefix, data);
+        break;
+      case "info":
+        console.info(loggerPrefix, data);
+        break;
+      case "warning":
+        console.warn(loggerPrefix, data);
+        break;
+      case "error":
+        console.error(loggerPrefix, data);
+        break;
+    }
+  }
+  async ping() {
+    return Promise.resolve();
+  }
+  onTeardown(_handler) {
+    console.warn("[Pancake] onTeardown is not supported on Apps SDK");
+    return () => {
+    };
+  }
+  notifySizeChanged(_width, height) {
+    this.bridge.notifyIntrinsicHeight?.(height);
+  }
+  setupAutoSizeReporting(element) {
+    if (typeof ResizeObserver === "undefined" || !this.bridge.notifyIntrinsicHeight) {
+      return () => {
+      };
+    }
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        this.bridge.notifyIntrinsicHeight?.(entry.contentRect.height);
+      }
+    });
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+    };
+  }
+  // ============================================
+  // Initialization
+  // ============================================
+  async ensureReady() {
+    return Promise.resolve();
+  }
+};
+
+// src/unified/mcp-apps-adaptor.ts
+function mapPlatform(platform, userAgent) {
+  if (userAgent) {
+    const ua = userAgent.toLowerCase();
+    if (/iphone|ipad|ipod/.test(ua)) return "ios";
+    if (/android/.test(ua)) return "android";
+    if (/macintosh|mac os/.test(ua)) return "macos";
+    if (/windows/.test(ua)) return "windows";
+  }
+  switch (platform) {
+    case "mobile":
+      return "web";
+    case "desktop":
+      return "web";
+    case "web":
+    default:
+      return "web";
+  }
+}
+function deriveDeviceType2(platform) {
+  switch (platform) {
+    case "mobile":
+      return "mobile";
+    case "desktop":
+    case "web":
+    default:
+      return "desktop";
+  }
+}
+var McpAppsAdaptor = class extends BaseAdaptor {
+  platform = "mcp-apps";
+  bridge;
+  store;
+  initPromise = null;
+  viewStateKey = "pancake-view-state:default";
+  viewStateSubscribers = /* @__PURE__ */ new Set();
+  externalStoreCache = /* @__PURE__ */ new Map();
+  constructor() {
+    super();
+    this.bridge = McpAppsBridge.getInstance();
+    this.store = McpAppsStore.getInstance();
+    this.setupStorageListener();
+  }
+  /**
+   * Setup localStorage listener for viewState cross-tab synchronization
+   */
+  setupStorageListener() {
+    if (typeof window === "undefined") return;
+    window.addEventListener("storage", (event) => {
+      if (event.key === this.viewStateKey) {
+        this.notifyViewStateSubscribers();
+      }
+    });
+  }
+  /**
+   * Notify all viewState subscribers of changes
+   */
+  notifyViewStateSubscribers() {
+    this.viewStateSubscribers.forEach((callback) => callback());
+  }
+  /**
+   * Get the localStorage key for view state, derived from toolInfo
+   */
+  getViewStateKey() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    const toolName = hostContext?.toolInfo?.tool?.name;
+    if (toolName && this.viewStateKey === "pancake-view-state:default") {
+      this.viewStateKey = `pancake-view-state:${toolName}`;
+    }
+    return this.viewStateKey;
+  }
+  // ============================================
+  // External Store Access
+  // ============================================
+  getExternalStore(key) {
+    let cached = this.externalStoreCache.get(key);
+    if (!cached) {
+      cached = {
+        subscribe: (callback) => {
+          return this.subscribeForKey(key, callback);
+        },
+        getSnapshot: () => this.getSnapshotForKey(key),
+        getServerSnapshot: () => this.getServerSnapshotForKey(key)
+      };
+      this.externalStoreCache.set(key, cached);
+    }
+    return cached;
+  }
+  subscribeForKey(key, callback) {
+    const hostContextKeys = [
+      "theme",
+      "locale",
+      "displayMode",
+      "maxHeight",
+      "safeArea",
+      "containerSize",
+      "platform",
+      "deviceType",
+      "containerWidth",
+      "containerHeight",
+      "inputCapabilities",
+      "canHover",
+      "hasCoarsePointer"
+    ];
+    if (hostContextKeys.includes(key)) {
+      return this.store.subscribe("hostContext", callback);
+    }
+    if (key === "toolInput") {
+      return this.store.subscribe("toolInput", callback);
+    }
+    if (key === "toolOutput") {
+      return this.store.subscribe("toolResult", callback);
+    }
+    if (key === "toolResponseMetadata") {
+      return this.store.subscribe("toolResult", callback);
+    }
+    if (key === "toolInputPartial") {
+      return this.store.subscribe("toolInputPartial", callback);
+    }
+    if (key === "viewState") {
+      this.viewStateSubscribers.add(callback);
+      return () => {
+        this.viewStateSubscribers.delete(callback);
+      };
+    }
+    return () => {
+    };
+  }
+  // ============================================
+  // Direct Getters
+  // ============================================
+  getTheme() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    return hostContext.theme ?? "light";
+  }
+  getLocale() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    return hostContext.locale ?? "en-US";
+  }
+  getDisplayMode() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    return hostContext.displayMode ?? "inline";
+  }
+  getMaxHeight() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    const dims = hostContext.containerDimensions;
+    return dims?.maxHeight ?? dims?.height ?? 400;
+  }
+  getSafeArea() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    return hostContext.safeAreaInsets ?? { top: 0, right: 0, bottom: 0, left: 0 };
+  }
+  getPlatform() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    return mapPlatform(hostContext.platform, hostContext.userAgent);
+  }
+  getDeviceType() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    return deriveDeviceType2(hostContext.platform);
+  }
+  getContainerSize() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    const dims = hostContext.containerDimensions;
+    return {
+      width: dims?.maxWidth ?? dims?.width ?? (typeof window !== "undefined" ? window.innerWidth : 0),
+      height: dims?.maxHeight ?? dims?.height ?? 400
+    };
+  }
+  getInputCapabilities() {
+    const hostContext = this.store.getSnapshot("hostContext");
+    const caps = hostContext.deviceCapabilities;
+    return {
+      canHover: caps?.hover ?? true,
+      hasCoarsePointer: caps?.touch ?? false
+    };
+  }
+  getToolInput() {
+    return this.store.getSnapshot("toolInput");
+  }
+  getToolOutput() {
+    const result = this.store.getSnapshot("toolResult");
+    return result?.structuredContent;
+  }
+  getToolResponseMetadata() {
+    const result = this.store.getSnapshot("toolResult");
+    return result?._meta;
+  }
+  getViewState() {
+    if (typeof window === "undefined") return void 0;
+    try {
+      const key = this.getViewStateKey();
+      const stored = localStorage.getItem(key);
+      return stored ? JSON.parse(stored) : void 0;
+    } catch {
+      return void 0;
+    }
+  }
+  getToolInputPartial() {
+    return this.store.getSnapshot("toolInputPartial");
+  }
+  // ============================================
+  // Actions
+  // ============================================
+  async callTool(name, args) {
+    await this.ensureReady();
+    return this.bridge.callTool(name, args);
+  }
+  sendFollowUpMessage(message) {
+    this.ensureReady().then(() => {
+      this.bridge.sendMessage(message);
+    }).catch((error) => {
+      console.warn("[pancake] sendFollowUpMessage failed:", error);
+    });
+  }
+  openExternal(url) {
+    this.ensureReady().then(() => {
+      this.bridge.openLink(url);
+    }).catch((error) => {
+      console.warn("[pancake] openExternal failed:", error);
+    });
+  }
+  requestDisplayMode(mode) {
+    this.ensureReady().then(() => {
+      this.bridge.requestDisplayMode(mode);
+    }).catch((error) => {
+      console.warn("[pancake] requestDisplayMode failed:", error);
+    });
+  }
+  setViewState(state) {
+    if (typeof window !== "undefined") {
+      try {
+        const key = this.getViewStateKey();
+        localStorage.setItem(key, JSON.stringify(state));
+        this.notifyViewStateSubscribers();
+      } catch {
+      }
+    }
+    this.ensureReady().then(() => {
+      this.bridge.updateModelContext({
+        structuredContent: { __viewState: state }
+      });
+    }).catch((error) => {
+      console.warn("[pancake] setViewState updateModelContext failed:", error);
+    });
+  }
+  // ============================================
+  // MCP-Specific Actions
+  // ============================================
+  async readResource(uri) {
+    await this.ensureReady();
+    return this.bridge.readResource(uri);
+  }
+  async updateModelContext(params) {
+    await this.ensureReady();
+    return this.bridge.updateModelContext(params);
+  }
+  log(level, data, logger) {
+    this.bridge.log(level, data, logger);
+  }
+  async ping() {
+    await this.ensureReady();
+    return this.bridge.ping();
+  }
+  onTeardown(handler) {
+    return this.bridge.onTeardown(handler);
+  }
+  notifySizeChanged(width, height) {
+    this.bridge.notifySizeChanged(width, height);
+  }
+  setupAutoSizeReporting(element) {
+    return this.bridge.setupAutoSizeReporting(element);
+  }
+  // ============================================
+  // Feature Detection
+  // ============================================
+  isSupported(feature) {
+    const supported = [
+      "readResource",
+      "updateModelContext",
+      "timezone",
+      "cssVariables",
+      "toolInfo",
+      "logging",
+      "ping",
+      "onTeardown",
+      "callTool",
+      "sendMessage",
+      "openLink",
+      "requestDisplayMode",
+      "sizeReporting"
+    ];
+    return supported.includes(feature);
+  }
+  // ============================================
+  // Initialization
+  // ============================================
+  async initialize() {
+    if (!this.initPromise) {
+      this.initPromise = initialize().then(() => {
+      });
+    }
+    return this.initPromise;
+  }
+  async ensureReady() {
+    if (!this.bridge.isInitialized) {
+      await this.initialize();
+    }
+  }
+};
+
+// src/unified/adaptor.ts
+var cachedAdaptor = null;
+function getAdaptor() {
+  if (cachedAdaptor) {
+    return cachedAdaptor;
+  }
+  const platform = getPlatform();
+  if (platform === "apps-sdk") {
+    cachedAdaptor = new AppsSdkAdaptor();
+  } else {
+    cachedAdaptor = new McpAppsAdaptor();
+  }
+  return cachedAdaptor;
+}
+function resetAdaptor() {
+  cachedAdaptor = null;
+  resetPlatformCache();
+}
+
+export { SSR_DEFAULTS, getAdaptor, getPlatform, isAppsSdkAvailable, isMcpAppsAvailable, resetAdaptor };
+//# sourceMappingURL=chunk-ZYBPDIEG.js.map
+//# sourceMappingURL=chunk-ZYBPDIEG.js.map