@seed-ship/mcp-ui-solid 5.5.0 → 5.6.0

package/dist/components/UIResourceRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UIResourceRenderer.d.ts","sourceRoot":"","sources":["../../src/components/UIResourceRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,SAAS,EAA8D,MAAM,UAAU,CAAA;AAEhG,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAA0B,MAAM,UAAU,CAAA;AAK5F;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAA;AA8DpE;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,OAAO,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAA;CAChC;AAiJD;;GAEG;AACH;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAYlE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CA4ElD;AA2iCD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CA6GjE,CAAA"}
+{"version":3,"file":"UIResourceRenderer.d.ts","sourceRoot":"","sources":["../../src/components/UIResourceRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,SAAS,EAAyE,MAAM,UAAU,CAAA;AAE3G,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAA0B,MAAM,UAAU,CAAA;AAM5F;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,CAAA;AA8DpE;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,OAAO,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAA;CAChC;AAiJD;;GAEG;AACH;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAYlE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CA4ElD;AAsnCD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CA6GjE,CAAA"}

package/dist/components/UIResourceRenderer.js

@@ -1,9 +1,10 @@
 import { delegateEvents, createComponent, getNextElement, template, getNextMarker, insert, effect, style, className, setProperty, setAttribute, runHydrationEvents, memo, isServer, use, addEventListener, classList, setStyleProperty } from "solid-js/web";
 import purify from "../node_modules/.pnpm/dompurify@3.4.1/node_modules/dompurify/dist/purify.es.js";
-import { createMemo, For, Show, onMount, createSignal, createEffect } from "solid-js";
+import { createMemo, For, Show, onMount, onCleanup, createSignal, createEffect } from "solid-js";
 import { validateComponent, getIframeSandbox, DEFAULT_RESOURCE_LIMITS } from "../services/validation.js";
 import { GenerativeUIErrorBoundary } from "./GenerativeUIErrorBoundary.js";
-import { markRenderStart, markRenderEnd } from "../utils/perf.js";
+import { markRenderStart, markRenderEnd, PERF_PREFIX } from "../utils/perf.js";
+import { useTelemetry } from "../context/MCPUITelemetryContext.js";
 import { GridRenderer } from "./GridRenderer.js";
 import { FooterRenderer } from "./FooterRenderer.js";
 import { CarouselRenderer } from "./CarouselRenderer.js";
@@ -1053,9 +1054,44 @@ function LinkRenderer(props) {
   })();
 }
 function ComponentRenderer(props) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f;
   markRenderStart(props.component.id);
-  onMount(() => markRenderEnd(props.component.id));
+  const telemetry = useTelemetry();
+  onMount(() => {
+    markRenderEnd(props.component.id);
+    if (telemetry) {
+      const ts = Date.now();
+      telemetry.dispatch({
+        type: "component:mounted",
+        id: props.component.id,
+        componentType: props.component.type,
+        ts
+      });
+      if (typeof performance !== "undefined" && typeof performance.getEntriesByName === "function") {
+        const entries = performance.getEntriesByName(`${PERF_PREFIX}${props.component.id}:render`, "measure");
+        const last = entries[entries.length - 1];
+        if (last) {
+          telemetry.dispatch({
+            type: "component:rendered",
+            id: props.component.id,
+            componentType: props.component.type,
+            durationMs: last.duration,
+            ts
+          });
+        }
+      }
+    }
+  });
+  onCleanup(() => {
+    if (telemetry) {
+      telemetry.dispatch({
+        type: "component:unmounted",
+        id: props.component.id,
+        componentType: props.component.type,
+        ts: Date.now()
+      });
+    }
+  });
   const validation = validateComponent(props.component);
   if (!validation.valid) {
     (_a = props.onError) == null ? void 0 : _a.call(props, {
@@ -1064,8 +1100,18 @@ function ComponentRenderer(props) {
       componentId: props.component.id,
       details: validation.errors
     });
+    if (telemetry) {
+      telemetry.dispatch({
+        type: "validation:failed",
+        id: props.component.id,
+        componentType: props.component.type,
+        errorCount: ((_b = validation.errors) == null ? void 0 : _b.length) ?? 0,
+        firstErrorCode: ((_d = (_c = validation.errors) == null ? void 0 : _c[0]) == null ? void 0 : _d.code) ?? null,
+        ts: Date.now()
+      });
+    }
     const mode = props.errorMode ?? "block";
-    const firstError = ((_c = (_b = validation.errors) == null ? void 0 : _b[0]) == null ? void 0 : _c.message) || "Unknown validation error";
+    const firstError = ((_f = (_e = validation.errors) == null ? void 0 : _e[0]) == null ? void 0 : _f.message) || "Unknown validation error";
     if (mode === "silent") {
       return null;
     }
@@ -1317,7 +1363,20 @@ function ActionRenderer(props) {
     execute,
     isExecuting
   } = useAction();
+  const telemetry = useTelemetry();
+  function dispatchTelemetry() {
+    if (!telemetry) return;
+    const actionName = params.toolName ?? params.action ?? "unknown";
+    telemetry.dispatch({
+      type: "action:dispatched",
+      id: props.component.id,
+      componentType: "action",
+      actionName,
+      ts: Date.now()
+    });
+  }
   const handleClick = async (e) => {
+    dispatchTelemetry();
     if (params.action === "tool-call" && params.toolName) {
       e.preventDefault();
       await execute(params.toolName, params.params || {});