@21stware/rpui 0.4.4 → 0.5.4

package/dist/rpui.d.ts

@@ -1,3 +1,4 @@
 import { registerAll } from './registry';
 import { parseToPage, rewriteTags } from 'rpml-parser';
-export { registerAll, parseToPage, rewriteTags };
+import { liveRender } from './core/live-render';
+export { registerAll, parseToPage, rewriteTags, liveRender };

package/dist/rpui.js

@@ -99584,8 +99584,33 @@ function registerAll() {
     define(toComponentTag(suffix), ctor);
   }
 }
+function liveRender(host, source, opts = {}) {
+  const { scroller, preserve = true, onError } = opts;
+  const sc = scroller ?? document.scrollingElement ?? document.documentElement;
+  const pane = preserve ? host.querySelector(".annotation-el-pane") : null;
+  const pos = preserve ? { x: sc.scrollLeft, y: sc.scrollTop, px: (pane == null ? void 0 : pane.scrollLeft) ?? 0, py: (pane == null ? void 0 : pane.scrollTop) ?? 0 } : null;
+  try {
+    host.replaceChildren(parseToPage(source));
+    onError == null ? void 0 : onError(null);
+  } catch (e) {
+    onError == null ? void 0 : onError(e.message ?? String(e));
+    return;
+  }
+  if (pos) {
+    requestAnimationFrame(() => requestAnimationFrame(() => {
+      sc.scrollLeft = pos.x;
+      sc.scrollTop = pos.y;
+      const newPane = host.querySelector(".annotation-el-pane");
+      if (newPane) {
+        newPane.scrollLeft = pos.px;
+        newPane.scrollTop = pos.py;
+      }
+    }));
+  }
+}
 registerAll();
 export {
+  liveRender,
   parseToPage,
   registerAll,
   rewriteTags