rask-ui 0.2.1 → 0.2.2

package/dist/observation.d.ts

@@ -5,11 +5,10 @@ export declare class Signal {
     notify(): void;
 }
 export declare class Observer {
-    private _isDisposed;
+    isDisposed: boolean;
     private signalDisposers;
     private clearSignals;
     private onNotify;
-    private isQueued;
     constructor(onNotify: () => void);
     subscribeSignal(signal: Signal): void;
     observe(): () => void;

package/dist/observation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"observation.d.ts","sourceRoot":"","sources":["../src/observation.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,aAEjC;AAED,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CAAyB;IAC5C,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI;IAOxB,MAAM;CAGP;AAED,qBAAa,QAAQ;IACnB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,eAAe,CAAyB;IAChD,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,QAAQ,CAAS;gBACb,QAAQ,EAAE,MAAM,IAAI;IAmBhC,eAAe,CAAC,MAAM,EAAE,MAAM;IAG9B,OAAO;IAOP,OAAO;CAIR"}
+{"version":3,"file":"observation.d.ts","sourceRoot":"","sources":["../src/observation.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,aAEjC;AAED,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CAAyB;IAC5C,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI;IAOxB,MAAM;CAGP;AAED,qBAAa,QAAQ;IACnB,UAAU,UAAS;IACnB,OAAO,CAAC,eAAe,CAAyB;IAChD,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,QAAQ,CAAa;gBACjB,QAAQ,EAAE,MAAM,IAAI;IAGhC,eAAe,CAAC,MAAM,EAAE,MAAM;IAG9B,OAAO;IAOP,OAAO;CAIR"}

package/dist/observation.js

@@ -15,28 +15,15 @@ export class Signal {
     }
 }
 export class Observer {
-    _isDisposed = false;
+    isDisposed = false;
     signalDisposers = new Set();
     clearSignals() {
         this.signalDisposers.forEach((dispose) => dispose());
         this.signalDisposers.clear();
     }
     onNotify;
-    isQueued = false;
     constructor(onNotify) {
-        this.onNotify = () => {
-            if (this.isQueued) {
-                return;
-            }
-            queueMicrotask(() => {
-                this.isQueued = false;
-                if (this._isDisposed) {
-                    return;
-                }
-                onNotify();
-            });
-            this.isQueued = true;
-        };
+        this.onNotify = onNotify;
     }
     subscribeSignal(signal) {
         this.signalDisposers.add(signal.subscribe(this.onNotify));
@@ -50,6 +37,6 @@ export class Observer {
     }
     dispose() {
         this.clearSignals();
-        this._isDisposed = true;
+        this.isDisposed = true;
     }
 }

package/dist/tests/observation.test.js

@@ -39,26 +39,6 @@ describe("Signal", () => {
     });
 });
 describe("Observer", () => {
-    it("should queue notifications in microtasks", async () => {
-        let callCount = 0;
-        const observer = new Observer(() => {
-            callCount++;
-        });
-        const signal = new Signal();
-        const dispose = observer.observe();
-        observer.subscribeSignal(signal);
-        dispose();
-        // Trigger multiple notifications
-        signal.notify();
-        signal.notify();
-        signal.notify();
-        // Should not be called synchronously
-        expect(callCount).toBe(0);
-        // Wait for microtask
-        await new Promise((resolve) => queueMicrotask(() => resolve()));
-        // Should be called only once due to queuing
-        expect(callCount).toBe(1);
-    });
     it("should track signals during observation", () => {
         const callback = vi.fn();
         const observer = new Observer(callback);
@@ -130,21 +110,4 @@ describe("Observer", () => {
         dispose1();
         expect(getCurrentObserver()).toBeUndefined();
     });
-    it("should prevent duplicate notifications while queued", async () => {
-        let callCount = 0;
-        const observer = new Observer(() => {
-            callCount++;
-        });
-        const signal = new Signal();
-        const dispose = observer.observe();
-        observer.subscribeSignal(signal);
-        dispose();
-        // Rapid-fire notifications
-        for (let i = 0; i < 100; i++) {
-            signal.notify();
-        }
-        await new Promise((resolve) => queueMicrotask(() => resolve()));
-        // Should only be called once
-        expect(callCount).toBe(1);
-    });
 });

package/dist/vdom/ComponentVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ComponentVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,QAAQ,EAAU,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGvC,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,MAAM,GACN,IAAI,GACJ,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC;AAElE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,IACjC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,iBAAiB,CAAC,GACvC,CAAC,MAAM,MAAM,iBAAiB,CAAC,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC,CAAC;AAKF,wBAAgB,mBAAmB,sBAYlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAYrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAYvC;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC/C,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IAEb,QAAQ,EAAE,KAAK,EAAE,CAAM;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;gBAE3B,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IAWd,QAAQ,IAAI,IAAI;IAGhB,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE;IAyH7B,KAAK,CAAC,OAAO,EAAE,cAAc;IAW7B,OAAO;CAcR"}
+{"version":3,"file":"ComponentVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ComponentVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,QAAQ,EAAU,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGvC,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,MAAM,GACN,IAAI,GACJ,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC;AAElE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,IACjC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,iBAAiB,CAAC,GACvC,CAAC,MAAM,MAAM,iBAAiB,CAAC,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC,CAAC;AAKF,wBAAgB,mBAAmB,sBAYlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAYrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAYvC;AAED,qBAAa,cAAe,SAAQ,aAAa;IAC/C,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;IAEb,QAAQ,EAAE,KAAK,EAAE,CAAM;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;gBAE3B,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IAWd,QAAQ,IAAI,IAAI;IAGhB,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE;IAyI7B,KAAK,CAAC,OAAO,EAAE,cAAc;IAW7B,OAAO;CAcR"}

package/dist/vdom/ComponentVNode.js

@@ -78,28 +78,38 @@ export class ComponentVNode extends AbstractVNode {
             }
             return normalizeChildren(renderResult);
         };
+        let isObserverQueued = false;
         const instance = (this.instance = {
             parent,
             contexts: null,
             onCleanups: [],
             onMounts: [],
             observer: new Observer(() => {
-                this.root?.setAsCurrent();
-                const newChildren = executeRender();
-                const prevChildren = this.children;
-                this.children = this.patchChildren(newChildren);
-                // Typically components return a single element, which does
-                // not require the parent to apply elements to the DOM again
-                const canSelfUpdate = prevChildren.length === 1 &&
-                    this.children.length === 1 &&
-                    prevChildren[0] instanceof ElementVNode &&
-                    this.children[0] instanceof ElementVNode &&
-                    this.canPatch(prevChildren[0], this.children[0]);
-                if (!canSelfUpdate) {
-                    this.parent?.rerender();
+                if (isObserverQueued) {
+                    return;
                 }
-                this.root?.flushLifecycle();
-                this.root?.clearCurrent();
+                isObserverQueued = true;
+                this.root?.queueObserver(() => {
+                    if (instance.observer.isDisposed) {
+                        return;
+                    }
+                    isObserverQueued = false;
+                    this.root?.setAsCurrent();
+                    const newChildren = executeRender();
+                    const prevChildren = this.children;
+                    this.children = this.patchChildren(newChildren);
+                    // Typically components return a single element, which does
+                    // not require the parent to apply elements to the DOM again
+                    const canSelfUpdate = prevChildren.length === 1 &&
+                        this.children.length === 1 &&
+                        prevChildren[0] instanceof ElementVNode &&
+                        this.children[0] instanceof ElementVNode &&
+                        this.canPatch(prevChildren[0], this.children[0]);
+                    if (!canSelfUpdate) {
+                        this.parent?.rerender();
+                    }
+                    this.root?.clearCurrent();
+                });
             }),
             reactiveProps: createReactiveProps(this.props),
             get error() {

package/dist/vdom/ElementVNode.d.ts

@@ -20,5 +20,11 @@ export declare class ElementVNode extends AbstractVNode {
     private setProp;
     private patchProps;
     private addEventListener;
+    /**
+     * Intelligently sync DOM to match children VNode order.
+     * Only performs DOM operations when elements are out of position.
+     * This is used by both patch() and rerender() to efficiently update children.
+     */
+    private syncDOMChildren;
 }
 //# sourceMappingURL=ElementVNode.d.ts.map

package/dist/vdom/ElementVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ElementVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAUvC,qBAAa,YAAa,SAAQ,aAAa;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,GAAG,CAAC,CAA0D;IACtE,OAAO,CAAC,cAAc,CAAC,CAA6B;gBAElD,GAAG,EAAE,MAAM,EACX,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EACxB,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IASd,QAAQ,IAAI,IAAI;IAOhB,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI;IAkC3B;;;;OAIG;IACH,KAAK,CAAC,OAAO,EAAE,YAAY;IAW3B,OAAO;IAYP,OAAO,CAAC,OAAO,CAoCb;IACF,OAAO,CAAC,UAAU;IAGlB,OAAO,CAAC,gBAAgB;CAgBzB"}
+{"version":3,"file":"ElementVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/ElementVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAUvC,qBAAa,YAAa,SAAQ,aAAa;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,GAAG,CAAC,CAA0D;IACtE,OAAO,CAAC,cAAc,CAAC,CAA6B;gBAElD,GAAG,EAAE,MAAM,EACX,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EACxB,QAAQ,EAAE,KAAK,EAAE,EACjB,GAAG,CAAC,EAAE,MAAM;IASd,QAAQ,IAAI,IAAI;IAGhB,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI;IAkC3B;;;;OAIG;IACH,KAAK,CAAC,OAAO,EAAE,YAAY;IAM3B,OAAO;IAYP,OAAO,CAAC,OAAO,CAoCb;IACF,OAAO,CAAC,UAAU;IAGlB,OAAO,CAAC,gBAAgB;IAgBxB;;;;OAIG;IACH,OAAO,CAAC,eAAe;CAyBxB"}

package/dist/vdom/ElementVNode.js

@@ -18,10 +18,7 @@ export class ElementVNode extends AbstractVNode {
         this.ref = ref;
     }
     rerender() {
-        const childrenElms = this.children
-            .map((child) => child.getElements())
-            .flat();
-        this.elm.replaceChildren(...childrenElms);
+        this.syncDOMChildren();
     }
     mount(parent) {
         this.parent = parent;
@@ -61,10 +58,7 @@ export class ElementVNode extends AbstractVNode {
         this.patchProps(newNode.props);
         this.props = newNode.props;
         this.children = this.patchChildren(newNode.children);
-        const childrenElms = this.children
-            .map((child) => child.getElements())
-            .flat();
-        this.elm.replaceChildren(...childrenElms);
+        this.syncDOMChildren();
     }
     unmount() {
         this.children.forEach((child) => child.unmount());
@@ -123,4 +117,32 @@ export class ElementVNode extends AbstractVNode {
             delete this.eventListeners[type];
         }
     }
+    /**
+     * Intelligently sync DOM to match children VNode order.
+     * Only performs DOM operations when elements are out of position.
+     * This is used by both patch() and rerender() to efficiently update children.
+     */
+    syncDOMChildren() {
+        const elm = this.elm;
+        let currentDomChild = elm.firstChild;
+        for (const child of this.children) {
+            const childNodes = child.getElements();
+            for (const node of childNodes) {
+                if (currentDomChild === node) {
+                    // Already in correct position, advance pointer
+                    currentDomChild = currentDomChild.nextSibling;
+                }
+                else {
+                    // Insert (or move if it exists elsewhere in DOM)
+                    elm.insertBefore(node, currentDomChild);
+                }
+            }
+        }
+        // Remove any leftover nodes (shouldn't happen if unmount works correctly)
+        while (currentDomChild) {
+            const next = currentDomChild.nextSibling;
+            elm.removeChild(currentDomChild);
+            currentDomChild = next;
+        }
+    }
 }

package/dist/vdom/RootVNode.d.ts

@@ -6,9 +6,12 @@ export declare class RootVNode extends AbstractVNode {
     children: VNode[];
     componentStack: ComponentInstance[];
     private lifecycleQueue;
+    private hasPendingMicroTask;
+    private pendingObservers;
     constructor(rootNode: VNode, container: HTMLElement);
     queueMount(cb: () => void): void;
     queueUnmount(cb: () => void): void;
+    queueObserver(cb: () => void): void;
     flushLifecycle(): void;
     pushComponent(instance: ComponentInstance): void;
     popComponent(): void;

package/dist/vdom/RootVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RootVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/RootVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,eAAO,IAAI,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;AAE9C,qBAAa,SAAU,SAAQ,aAAa;IAC1C,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,cAAc,EAAE,iBAAiB,EAAE,CAAM;IACzC,OAAO,CAAC,cAAc,CAGpB;gBAEU,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW;IAMnD,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI;IAIzB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI;IAI3B,cAAc;IAOd,aAAa,CAAC,QAAQ,EAAE,iBAAiB;IAIzC,YAAY;IAIZ,YAAY;IAIZ,YAAY;IAMZ,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE;IAGtB,KAAK,IAAI,IAAI;IACb,QAAQ,IAAI,IAAI;IAShB,OAAO,IAAI,IAAI;CAChB"}
+{"version":3,"file":"RootVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/RootVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,eAAO,IAAI,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;AAE9C,qBAAa,SAAU,SAAQ,aAAa;IAC1C,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,cAAc,EAAE,iBAAiB,EAAE,CAAM;IACzC,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,gBAAgB,CAAyB;gBAErC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW;IAMnD,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI;IAIzB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI;IAG3B,aAAa,CAAC,EAAE,EAAE,MAAM,IAAI;IAa5B,cAAc;IAOd,aAAa,CAAC,QAAQ,EAAE,iBAAiB;IAIzC,YAAY;IAIZ,YAAY;IAIZ,YAAY;IAMZ,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE;IAGtB,KAAK,IAAI,IAAI;IACb,QAAQ,IAAI,IAAI;IAShB,OAAO,IAAI,IAAI;CAChB"}

package/dist/vdom/RootVNode.js

@@ -9,6 +9,8 @@ export class RootVNode extends AbstractVNode {
         toMount: [],
         toUnmount: [],
     };
+    hasPendingMicroTask = false;
+    pendingObservers = [];
     constructor(rootNode, container) {
         super();
         this.elm = container;
@@ -20,6 +22,19 @@ export class RootVNode extends AbstractVNode {
     queueUnmount(cb) {
         this.lifecycleQueue.toUnmount.push(cb);
     }
+    queueObserver(cb) {
+        this.pendingObservers.push(cb);
+        if (!this.hasPendingMicroTask) {
+            this.hasPendingMicroTask = true;
+            queueMicrotask(() => {
+                this.hasPendingMicroTask = false;
+                const pendingObservers = this.pendingObservers;
+                this.pendingObservers = [];
+                pendingObservers.forEach((pendingObserver) => pendingObserver());
+                this.flushLifecycle();
+            });
+        }
+    }
     flushLifecycle() {
         this.lifecycleQueue.toUnmount.forEach((cb) => cb());
         this.lifecycleQueue.toUnmount = [];

package/dist/vdom/TextVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/TextVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,qBAAa,SAAU,SAAQ,aAAa;IAC1C,IAAI,EAAE,MAAM,CAAC;gBACD,IAAI,EAAE,MAAM;IAIxB,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI;IAe3B,KAAK,CAAC,OAAO,EAAE,SAAS;IAIxB,QAAQ,IAAI,IAAI;IAChB,OAAO;CAMR"}
+{"version":3,"file":"TextVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/TextVNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,qBAAa,SAAU,SAAQ,aAAa;IAC1C,IAAI,EAAE,MAAM,CAAC;gBACD,IAAI,EAAE,MAAM;IAIxB,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI;IAe3B,KAAK,CAAC,OAAO,EAAE,SAAS;IAQxB,QAAQ,IAAI,IAAI;IAChB,OAAO;CAMR"}

package/dist/vdom/TextVNode.js

@@ -19,6 +19,9 @@ export class TextVNode extends AbstractVNode {
         return textNode;
     }
     patch(newNode) {
+        if (newNode.text === this.text) {
+            return;
+        }
         this.text = newNode.text;
         this.elm.textContent = this.text;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",