@mushi-mushi/web 0.5.0 → 0.5.1

package/dist/index.d.cts

@@ -56,6 +56,7 @@ declare class MushiWidget {
     private autoCloseTimer;
     constructor(config: MushiWidgetConfig | undefined, callbacks: WidgetCallbacks);
     mount(): void;
+    updateConfig(config?: MushiWidgetConfig): void;
     open(options?: {
         category?: MushiReportCategory;
     }): void;

package/dist/index.d.ts

@@ -56,6 +56,7 @@ declare class MushiWidget {
     private autoCloseTimer;
     constructor(config: MushiWidgetConfig | undefined, callbacks: WidgetCallbacks);
     mount(): void;
+    updateConfig(config?: MushiWidgetConfig): void;
     open(options?: {
         category?: MushiReportCategory;
     }): void;

package/dist/index.js

@@ -891,6 +891,20 @@ var MushiWidget = class {
     document.body.appendChild(this.host);
     this.render();
   }
+  updateConfig(config = {}) {
+    this.config = {
+      ...this.config,
+      ...config.position ? { position: config.position } : {},
+      ...config.theme ? { theme: config.theme } : {},
+      ...config.triggerText !== void 0 ? { triggerText: config.triggerText || "\u{1F41B}" } : {},
+      ...config.expandedTitle !== void 0 ? { expandedTitle: config.expandedTitle } : {},
+      ...config.mode ? { mode: config.mode } : {},
+      ...config.locale ? { locale: config.locale } : {},
+      ...config.zIndex !== void 0 ? { zIndex: config.zIndex } : {}
+    };
+    this.locale = getLocale(this.config.locale === "auto" ? void 0 : this.config.locale);
+    this.render();
+  }
   open(options) {
     if (this.isOpen) return;
     this.isOpen = true;
@@ -1804,6 +1818,8 @@ var Mushi = class {
   }
 };
 function createInstance(config) {
+  const bootstrapConfig = config;
+  let activeConfig = config;
   const log = config.debug ?? false ? createLogger({ scope: "mushi", level: "debug", format: "pretty" }) : noopLogger;
   const apiClient = createApiClient({
     projectId: config.projectId,
@@ -1814,20 +1830,50 @@ function createInstance(config) {
   const offlineQueue = createOfflineQueue(config.offline);
   const rateLimiter = createRateLimiter({ maxBurst: 10, refillRate: 1, refillIntervalMs: 5e3 });
   const piiScrubber = createPiiScrubber();
-  const consoleCap = config.capture?.console !== false ? createConsoleCapture() : null;
-  const networkCap = config.capture?.network !== false ? createNetworkCapture() : null;
-  const perfCap = config.capture?.performance !== false ? createPerformanceCapture() : null;
-  const screenshotCap = config.capture?.screenshot !== "off" ? createScreenshotCapture() : null;
-  const elementSelector = config.capture?.elementSelector !== false ? createElementSelector() : null;
+  let consoleCap = null;
+  let networkCap = null;
+  let perfCap = null;
+  let screenshotCap = null;
+  let elementSelector = null;
+  function syncCaptureModules() {
+    if (activeConfig.capture?.console !== false) {
+      consoleCap ??= createConsoleCapture();
+    } else {
+      consoleCap?.destroy();
+      consoleCap = null;
+    }
+    if (activeConfig.capture?.network !== false) {
+      networkCap ??= createNetworkCapture();
+    } else {
+      networkCap?.destroy();
+      networkCap = null;
+    }
+    if (activeConfig.capture?.performance !== false) {
+      perfCap ??= createPerformanceCapture();
+    } else {
+      perfCap?.destroy();
+      perfCap = null;
+    }
+    screenshotCap = activeConfig.capture?.screenshot !== "off" ? screenshotCap ?? createScreenshotCapture() : null;
+    if (!screenshotCap) pendingScreenshot = null;
+    if (activeConfig.capture?.elementSelector !== false) {
+      elementSelector ??= createElementSelector();
+    } else {
+      elementSelector?.deactivate();
+      elementSelector = null;
+      pendingElement = null;
+    }
+  }
   const listeners = /* @__PURE__ */ new Map();
   function emit(type, data) {
     listeners.get(type)?.forEach((handler) => handler({ type, data }));
   }
-  let userInfo = null;
-  const customMetadata = {};
   let pendingScreenshot = null;
   let pendingElement = null;
   let pendingProactiveTrigger = null;
+  let userInfo = null;
+  const customMetadata = {};
+  syncCaptureModules();
   const widget = new MushiWidget(config.widget, {
     onSubmit: async ({ category, description, intent }) => {
       log.info("Report submitted", { category, intent });
@@ -1850,13 +1896,13 @@ function createInstance(config) {
       emit("widget:closed");
     },
     onScreenshotRequest: async () => {
-      if (!screenshotCap) return;
+      if (!screenshotCap || activeConfig.capture?.screenshot === "off") return;
       log.debug("Taking screenshot");
       pendingScreenshot = await screenshotCap.take();
       widget.setScreenshotAttached(pendingScreenshot !== null);
     },
     onElementSelectorRequest: async () => {
-      if (!elementSelector) return;
+      if (!elementSelector || activeConfig.capture?.elementSelector === false) return;
       log.debug("Element selector activated");
       const el = await elementSelector.activate();
       if (el) {
@@ -1910,6 +1956,34 @@ function createInstance(config) {
   offlineQueue.flush(apiClient).then((result) => {
     if (result.sent > 0) log.info("Synced offline reports", { sent: result.sent });
   });
+  function applyRuntimeConfig(runtime) {
+    if (runtime.enabled === false) {
+      activeConfig = bootstrapConfig;
+      clearCachedRuntimeConfig(config.projectId);
+      syncCaptureModules();
+      widget.updateConfig(activeConfig.widget);
+      log.debug("Runtime SDK config disabled; using bootstrap config", { version: runtime.version });
+      return;
+    }
+    activeConfig = mergeRuntimeConfig(activeConfig, runtime);
+    syncCaptureModules();
+    if (runtime.widget) widget.updateConfig(activeConfig.widget);
+    log.debug("Applied runtime SDK config", { version: runtime.version });
+  }
+  if (config.runtimeConfig !== false) {
+    const cached = readCachedRuntimeConfig(config.projectId);
+    if (cached) applyRuntimeConfig(cached);
+    apiClient.getSdkConfig().then((result) => {
+      if (result.ok && result.data) {
+        cacheRuntimeConfig(config.projectId, result.data);
+        applyRuntimeConfig(result.data);
+      } else if (result.error) {
+        log.debug("Runtime SDK config unavailable", result.error);
+      }
+    }).catch((err) => {
+      log.debug("Runtime SDK config fetch failed", { error: err instanceof Error ? err.message : String(err) });
+    });
+  }
   log.info("Initialized", { projectId: config.projectId });
   async function submitReport(category, description, intent) {
     const filterResult = preFilter.check(description);
@@ -1959,9 +2033,9 @@ function createInstance(config) {
       description: scrubbedDescription,
       userIntent: intent,
       environment: captureEnvironment(),
-      consoleLogs: consoleCap?.getEntries(),
-      networkLogs: networkCap?.getEntries(),
-      performanceMetrics: perfCap?.getMetrics(),
+      consoleLogs: activeConfig.capture?.console === false ? void 0 : consoleCap?.getEntries(),
+      networkLogs: activeConfig.capture?.network === false ? void 0 : networkCap?.getEntries(),
+      performanceMetrics: activeConfig.capture?.performance === false ? void 0 : perfCap?.getMetrics(),
       screenshotDataUrl: pendingScreenshot ?? void 0,
       selectedElement: pendingElement ?? void 0,
       metadata: {
@@ -2036,6 +2110,9 @@ function createInstance(config) {
     close() {
       widget.close();
     },
+    updateConfig(runtimeConfig) {
+      applyRuntimeConfig(runtimeConfig);
+    },
     destroy() {
       proactiveTriggers?.destroy();
       proactiveManager?.reset();
@@ -2104,6 +2181,50 @@ function createInstance(config) {
   };
   return sdk;
 }
+function mergeRuntimeConfig(config, runtime) {
+  return {
+    ...config,
+    widget: {
+      ...config.widget,
+      ...runtime.widget
+    },
+    capture: {
+      ...config.capture,
+      ...runtime.capture
+    }
+  };
+}
+function runtimeConfigCacheKey(projectId) {
+  return `mushi:sdk-config:${projectId}`;
+}
+function readCachedRuntimeConfig(projectId) {
+  if (typeof localStorage === "undefined") return null;
+  try {
+    const raw = localStorage.getItem(runtimeConfigCacheKey(projectId));
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    return parsed.config ?? null;
+  } catch {
+    return null;
+  }
+}
+function cacheRuntimeConfig(projectId, config) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.setItem(runtimeConfigCacheKey(projectId), JSON.stringify({
+      cachedAt: Date.now(),
+      config
+    }));
+  } catch {
+  }
+}
+function clearCachedRuntimeConfig(projectId) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.removeItem(runtimeConfigCacheKey(projectId));
+  } catch {
+  }
+}
 function createNoopInstance() {
   return {
     report: () => {
@@ -2119,6 +2240,8 @@ function createNoopInstance() {
     },
     close: () => {
     },
+    updateConfig: () => {
+    },
     destroy: () => {
       instance = null;
     },