@vortexm/vjt 0.1.18 → 0.1.19

package/dist/index.js

@@ -5130,7 +5130,7 @@ var ActionRuntime = class {
     this.getInlineActions = options.getInlineActions;
     this.isWidgetEnabled = options.isWidgetEnabled;
   }
-  async dispatchWidgetEvent(node, eventName, key, inputValue = null, pointer = null) {
+  async dispatchWidgetEvent(node, eventName, key, inputValue = null, pointer = null, options = {}) {
     try {
       if ((eventName === "onClick" || eventName === "onUserValueChange" || eventName === "onEnter" || eventName === "onShiftEnter" || eventName === "onControlEnter") && !this.isWidgetEnabled(node, key)) {
         return;
@@ -5140,7 +5140,9 @@ var ActionRuntime = class {
         return;
       }
       await this.runActions(actions, inputValue, { currentValue: inputValue, pointer });
-      await this.rerenderRoot();
+      if (options.rerender !== false) {
+        await this.rerenderRoot();
+      }
     } catch (error) {
       logRuntimeError("dispatchWidgetEvent", error, {
         eventName,
@@ -7910,7 +7912,6 @@ function samePath(left, right) {
 // src/lib/render.ts
 var DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
 var MOBILE_RATIO_THRESHOLD = 1.15;
-var SCROLL_END_DEBOUNCE_MS = 140;
 var globalErrorLoggingAttached = false;
 function escapeHtml(value) {
   return String(value).replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
@@ -8089,7 +8090,7 @@ var RuntimeRenderer = class {
   activeScrollAnimationFrameId = null;
   pendingCursorReference = null;
   pendingCursorFrameId = null;
-  scrollEndTimeoutIds = /* @__PURE__ */ new Map();
+  scrollEventFrameIds = /* @__PURE__ */ new Map();
   constructor(description, options = {}) {
     this.description = deepClone(description);
     this.resourceManager = options.resourceManager ?? null;
@@ -8329,10 +8330,10 @@ var RuntimeRenderer = class {
         window.clearTimeout(timeoutId);
       }
       this.toastTimeoutIds.clear();
-      for (const timeoutId of this.scrollEndTimeoutIds.values()) {
-        window.clearTimeout(timeoutId);
+      for (const frameId of this.scrollEventFrameIds.values()) {
+        window.cancelAnimationFrame(frameId);
       }
-      this.scrollEndTimeoutIds.clear();
+      this.scrollEventFrameIds.clear();
       this.voiceRuntime.dispose();
     };
   }
@@ -9522,7 +9523,7 @@ var RuntimeRenderer = class {
       }
       element.addEventListener("scroll", () => {
         this.syncScrollStateForElement(element, key);
-        this.scheduleScrollEndEvent(element, node, key);
+        this.dispatchScrollEvent(element, node, key);
       }, { passive: true });
     }
   }
@@ -9844,7 +9845,6 @@ var RuntimeRenderer = class {
     if (typeof window === "undefined") {
       initialElement.scrollTop = Math.max(0, Math.min(targetTop, getMaxScrollTop(initialElement)));
       this.syncScrollStateForReference(reference, initialElement);
-      this.scheduleProgrammaticScrollEndForReference(reference);
       return;
     }
     if (this.activeScrollAnimationFrameId !== null) {
@@ -9857,7 +9857,6 @@ var RuntimeRenderer = class {
     if (Math.abs(delta) < 1) {
       initialElement.scrollTop = clampedTargetTop;
       this.syncScrollStateForReference(reference, initialElement);
-      this.scheduleProgrammaticScrollEndForReference(reference);
       return;
     }
     const durationMs = 300;
@@ -9879,7 +9878,6 @@ var RuntimeRenderer = class {
       } else {
         liveElement.scrollTop = liveTargetTop;
         this.syncScrollStateForReference(reference, liveElement);
-        this.scheduleProgrammaticScrollEndForReference(reference);
         this.activeScrollAnimationFrameId = null;
       }
     };
@@ -9975,40 +9973,91 @@ var RuntimeRenderer = class {
     state.isScrolledToTop = element.scrollTop <= 1;
     state.isScrolledToBottom = element.scrollTop >= maxScrollTop - 1;
   }
-  scheduleScrollEndEvent(element, node, key) {
+  dispatchScrollEvent(element, node, key) {
     if (!node.events?.onScroll?.length || typeof window === "undefined") {
       return;
     }
-    const existingTimeoutId = this.scrollEndTimeoutIds.get(key);
-    if (existingTimeoutId !== void 0) {
-      window.clearTimeout(existingTimeoutId);
+    const existingFrameId = this.scrollEventFrameIds.get(key);
+    if (existingFrameId !== void 0) {
+      return;
     }
-    const timeoutId = window.setTimeout(() => {
-      this.scrollEndTimeoutIds.delete(key);
+    const frameId = window.requestAnimationFrame(() => {
+      this.scrollEventFrameIds.delete(key);
       void this.actionRuntime.dispatchWidgetEvent(
         node,
         "onScroll",
         key,
         getActionInputValueForElement(element, node, this.stateByKey),
-        null
-      );
-    }, SCROLL_END_DEBOUNCE_MS);
-    this.scrollEndTimeoutIds.set(key, timeoutId);
+        null,
+        { rerender: false }
+      ).then(() => {
+        this.syncSimpleDomState();
+      });
+    });
+    this.scrollEventFrameIds.set(key, frameId);
   }
-  scheduleProgrammaticScrollEndForReference(reference) {
-    const element = this.findScrollableWidgetElement(reference);
-    if (!(element instanceof HTMLElement)) {
-      return;
-    }
-    const key = element.dataset.widgetKey ?? reference.split(".")[0]?.trim() ?? "";
-    if (!key) {
+  syncSimpleDomState() {
+    if (!(this.root instanceof HTMLElement)) {
       return;
     }
-    const node = this.nodeByKey.get(key) ?? this.nodeById.get(key);
-    if (!node || !isScrollableWidgetNode(node)) {
-      return;
+    for (const [key, node] of this.nodeByKey.entries()) {
+      const state = this.stateByKey.get(key);
+      if (!state) {
+        continue;
+      }
+      const element = this.root.querySelector(`[data-widget-key="${CSS.escape(key)}"]`);
+      if (!element) {
+        continue;
+      }
+      switch (node.widget) {
+        case "static-text": {
+          const nextText = this.resolveTextValue(state.text ?? node.text, null);
+          if (element.textContent !== nextText) {
+            element.textContent = nextText;
+          }
+          break;
+        }
+        case "button": {
+          if (element instanceof HTMLButtonElement) {
+            const nextText = this.resolveTextValue(state.text ?? node.text, null);
+            if (element.textContent !== nextText) {
+              element.textContent = nextText;
+            }
+            element.disabled = !(state.enabled ?? normalizeBoolean(node.enabled, true));
+          }
+          break;
+        }
+        case "link": {
+          if (element instanceof HTMLAnchorElement) {
+            const nextText = this.resolveTextValue(state.text ?? node.text, null);
+            if (element.textContent !== nextText) {
+              element.textContent = nextText;
+            }
+          }
+          break;
+        }
+        case "edit": {
+          if (element instanceof HTMLInputElement) {
+            const nextValue = this.resolveTextValue(state.text ?? node.text, null);
+            if (element.value !== nextValue) {
+              element.value = nextValue;
+            }
+          }
+          break;
+        }
+        case "textarea": {
+          if (element instanceof HTMLTextAreaElement) {
+            const nextValue = this.resolveTextValue(state.text ?? node.text, null);
+            if (element.value !== nextValue) {
+              element.value = nextValue;
+            }
+          }
+          break;
+        }
+        default:
+          break;
+      }
     }
-    this.scheduleScrollEndEvent(element, node, key);
   }
   toScrollableIndex(value) {
     if (typeof value === "number" && Number.isFinite(value)) {

package/dist/lib/action-runtime.d.ts

@@ -121,7 +121,9 @@ export declare class ActionRuntime {
     dispatchWidgetEvent(node: DescriptionNode, eventName: WidgetEventName, key: string, inputValue?: unknown, pointer?: {
         x: number;
         y: number;
-    } | null): Promise<void>;
+    } | null, options?: {
+        rerender?: boolean;
+    }): Promise<void>;
     runActions(actions: ActionDefinition[], inputValue: unknown, context: ActionExecutionContext): Promise<unknown>;
     getInlineActionsForNode(node: DescriptionNode): ActionDefinition[] | undefined;
     private runSingleAction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vortexm/vjt",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",