@syntrologie/runtime-sdk 2.4.0-canary.25 → 2.4.0-canary.26

package/dist/actions/schema.js

@@ -31,8 +31,8 @@ import {
   WaitZ,
   WidgetConfigZ,
   coreActionStepSchemas
-} from "../chunk-YZ27S3HX.js";
-import "../chunk-7OZFA3CQ.js";
+} from "../chunk-R5DNAIRI.js";
+import "../chunk-XDYJ64IN.js";
 import "../chunk-BU4Z6PD7.js";
 export {
   AddClassZ,

package/dist/{chunk-2WDY7YGN.js → chunk-E26VPJAS.js}

@@ -124,6 +124,7 @@ function sanitizeHtml(html) {
 
 // ../adaptives/adaptive-content/dist/runtime.js
 var executeInsertHtml = async (action, context) => {
+  var _a2;
   let anchorEl = context.resolveAnchor(action.anchorId);
   if (!anchorEl && context.waitForAnchor) {
     anchorEl = await context.waitForAnchor(action.anchorId, 3e3);
@@ -134,8 +135,19 @@ var executeInsertHtml = async (action, context) => {
     } };
   }
   const sanitizedHtml = sanitizeHtml(action.html);
+  const dedupAttr = "data-syntro-insert-label";
+  const label = action.label;
+  if (label) {
+    const escapedLabel = CSS.escape(label);
+    const searchRoot = (_a2 = anchorEl.parentElement) != null ? _a2 : anchorEl;
+    const existing = searchRoot.querySelector(`[${dedupAttr}="${escapedLabel}"]`);
+    if (existing)
+      existing.remove();
+  }
   const container = document.createElement("div");
   container.setAttribute("data-syntro-action-id", context.generateId());
+  if (label)
+    container.setAttribute(dedupAttr, label);
   container.innerHTML = sanitizedHtml;
   let originalContent = null;
   switch (action.position) {
@@ -160,8 +172,8 @@ var executeInsertHtml = async (action, context) => {
   if (action.deepLink) {
     const { tileId, itemId } = action.deepLink;
     deepLinkHandler = () => {
-      var _a2, _b, _c;
-      const handle = (_a2 = window.SynOS) == null ? void 0 : _a2.handle;
+      var _a3, _b, _c;
+      const handle = (_a3 = window.SynOS) == null ? void 0 : _a3.handle;
       if (handle) {
         handle.open();
         (_c = (_b = handle.runtime) == null ? void 0 : _b.events) == null ? void 0 : _c.publish("notification.deep_link", { tileId, itemId });
@@ -2047,26 +2059,40 @@ function showTooltip(anchorEl, overlayRoot, opts) {
   }
   const attachTrigger = () => {
     if (opts.trigger === "hover") {
-      const enter = () => {
+      let hideTimeout = null;
+      const show = () => {
+        if (hideTimeout) {
+          clearTimeout(hideTimeout);
+          hideTimeout = null;
+        }
         div.style.visibility = "visible";
         div.style.opacity = "1";
       };
-      const leave = () => {
-        div.style.visibility = "hidden";
-        div.style.opacity = "0";
+      const scheduleHide = () => {
+        hideTimeout = setTimeout(() => {
+          div.style.visibility = "hidden";
+          div.style.opacity = "0";
+          hideTimeout = null;
+        }, 100);
       };
       div.style.visibility = "hidden";
       div.style.opacity = "0";
       div.style.transition = "opacity 200ms ease, visibility 200ms";
-      anchorEl.addEventListener("mouseenter", enter);
-      anchorEl.addEventListener("mouseleave", leave);
-      anchorEl.addEventListener("focus", enter);
-      anchorEl.addEventListener("blur", leave);
+      anchorEl.addEventListener("mouseenter", show);
+      anchorEl.addEventListener("mouseleave", scheduleHide);
+      div.addEventListener("mouseenter", show);
+      div.addEventListener("mouseleave", scheduleHide);
+      anchorEl.addEventListener("focus", show);
+      anchorEl.addEventListener("blur", scheduleHide);
       return () => {
-        anchorEl.removeEventListener("mouseenter", enter);
-        anchorEl.removeEventListener("mouseleave", leave);
-        anchorEl.removeEventListener("focus", enter);
-        anchorEl.removeEventListener("blur", leave);
+        if (hideTimeout)
+          clearTimeout(hideTimeout);
+        anchorEl.removeEventListener("mouseenter", show);
+        anchorEl.removeEventListener("mouseleave", scheduleHide);
+        div.removeEventListener("mouseenter", show);
+        div.removeEventListener("mouseleave", scheduleHide);
+        anchorEl.removeEventListener("focus", show);
+        anchorEl.removeEventListener("blur", scheduleHide);
       };
     }
     if (opts.trigger === "click") {
@@ -3332,7 +3358,7 @@ function getAntiFlickerSnippet(config = {}) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.4.0-canary.25";
+var SDK_VERSION = "2.4.0-canary.26";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -4335,10 +4361,12 @@ import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function WidgetMount({ widgetId, props }) {
   var _a2;
   const runtime3 = useRuntime();
-  const containerRef = useRef4(null);
+  const parentRef = useRef4(null);
   const handleRef = useRef4(null);
   const registry = runtime3 == null ? void 0 : runtime3.widgets;
   const widgetAvailable = (_a2 = registry == null ? void 0 : registry.has(widgetId)) != null ? _a2 : false;
+  const propsRef = useRef4(props);
+  propsRef.current = props;
   const [, forceUpdate] = useReducer((x) => x + 1, 0);
   useEffect5(() => {
     if (!registry || widgetAvailable) return;
@@ -4349,14 +4377,27 @@ function WidgetMount({ widgetId, props }) {
     });
   }, [registry, widgetId, widgetAvailable]);
   useEffect5(() => {
-    if (!containerRef.current || !registry || !widgetAvailable) return;
-    const handle = registry.mount(widgetId, containerRef.current, props);
+    if (!parentRef.current || !registry || !widgetAvailable) return;
+    const container = document.createElement("div");
+    container.style.width = "100%";
+    container.style.minHeight = "40px";
+    parentRef.current.appendChild(container);
+    const handle = registry.mount(widgetId, container, propsRef.current);
     handleRef.current = handle;
     return () => {
       handle.unmount();
       handleRef.current = null;
+      container.remove();
     };
-  }, [registry, widgetId, props, widgetAvailable]);
+  }, [registry, widgetId, widgetAvailable]);
+  const propsJson = JSON.stringify(props);
+  const prevPropsJsonRef = useRef4(propsJson);
+  useEffect5(() => {
+    var _a3;
+    if (prevPropsJsonRef.current === propsJson) return;
+    prevPropsJsonRef.current = propsJson;
+    (_a3 = handleRef.current) == null ? void 0 : _a3.update(propsRef.current);
+  }, [propsJson]);
   if (!registry || !registry.has(widgetId)) {
     return /* @__PURE__ */ jsxs2(
       "div",
@@ -4374,7 +4415,7 @@ function WidgetMount({ widgetId, props }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx5("div", { ref: containerRef, style: { width: "100%", minHeight: "40px" } });
+  return /* @__PURE__ */ jsx5("div", { ref: parentRef });
 }
 function TileCard({
   config,
@@ -11287,4 +11328,4 @@ export {
   encodeToken,
   Syntro
 };
-//# sourceMappingURL=chunk-2WDY7YGN.js.map
+//# sourceMappingURL=chunk-E26VPJAS.js.map