@livetemplate/client 0.8.25 → 0.8.27

package/dist/tests/preserve.test.js

@@ -0,0 +1,193 @@
+"use strict";
+/**
+ * lvt-preserve attribute tests.
+ *
+ * lvt-preserve tells the morphdom diff engine "don't touch this element".
+ * It's the generic escape hatch for interactive elements whose state
+ * lives on the client side — <details open>, <dialog open>, checkbox
+ * state, scroll positions, third-party widgets, etc. Without it, any
+ * server-driven update that doesn't include the client-managed state
+ * clobbers it on the next diff cycle.
+ *
+ * Equivalent attributes in other frameworks:
+ *   - Phoenix LiveView: phx-update="ignore"
+ *   - Hotwire Turbo:    data-turbo-permanent
+ *   - HTMX:             hx-preserve="true"
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const livetemplate_client_1 = require("../livetemplate-client");
+describe("lvt-preserve attribute", () => {
+    let client;
+    let wrapper;
+    beforeEach(() => {
+        client = new livetemplate_client_1.LiveTemplateClient();
+        // Minimal LiveTemplate-style wrapper the updateDOM path expects.
+        // Built via createElement so no innerHTML is needed in the test setup.
+        document.body.replaceChildren();
+        wrapper = document.createElement("div");
+        wrapper.setAttribute("data-lvt-id", "test-preserve");
+        document.body.appendChild(wrapper);
+    });
+    it("preserves an element's open attribute across updates", () => {
+        const initialTree = {
+            s: [
+                `<details lvt-preserve class="picker"><summary>Sessions</summary><div class="list">`,
+                `</div></details>`,
+            ],
+            0: "one two",
+        };
+        client.updateDOM(wrapper, initialTree);
+        const details = wrapper.querySelector("details");
+        expect(details).not.toBeNull();
+        expect(details.open).toBe(false);
+        // Simulate the user tapping the summary to expand the details.
+        details.setAttribute("open", "");
+        expect(details.open).toBe(true);
+        // Apply an update that does NOT contain the open attribute. Without
+        // lvt-preserve, morphdom would diff the incoming <details> against
+        // the DOM and remove the open attribute to match the server.
+        const updateTree = { 0: "one two three" };
+        client.updateDOM(wrapper, updateTree);
+        const detailsAfter = wrapper.querySelector("details");
+        expect(detailsAfter).not.toBeNull();
+        expect(detailsAfter.open).toBe(true);
+    });
+    it("does not preserve elements without lvt-preserve (control)", () => {
+        // Same shape, no lvt-preserve. Verify the open state IS clobbered
+        // here — confirming the preservation guarantee in the test above
+        // is actually doing work and not just always passing.
+        const initialTree = {
+            s: [
+                `<details class="picker"><summary>Sessions</summary><div class="list">`,
+                `</div></details>`,
+            ],
+            0: "one two",
+        };
+        client.updateDOM(wrapper, initialTree);
+        const details = wrapper.querySelector("details");
+        details.setAttribute("open", "");
+        expect(details.open).toBe(true);
+        const updateTree = { 0: "one two three" };
+        client.updateDOM(wrapper, updateTree);
+        const detailsAfter = wrapper.querySelector("details");
+        // Without lvt-preserve, morphdom diff removes the user's open attr.
+        expect(detailsAfter.open).toBe(false);
+    });
+    it("lvt-preserve-attrs keeps own attributes but still diffs children", () => {
+        // This is the subtler "collapsible picker" case: the <details>
+        // element's `open` attribute is user-toggled and must survive
+        // server updates, but the <a> cards inside ARE server-authored
+        // and their state (e.g. the `current` class marker for the
+        // selected item) must reflect the latest tree.
+        const initialTree = {
+            s: [
+                `<details lvt-preserve-attrs class="picker"><summary>Pick</summary>`,
+                `</details>`,
+            ],
+            0: `<a class="card">one</a><a class="card">two</a>`,
+        };
+        client.updateDOM(wrapper, initialTree);
+        const details = wrapper.querySelector("details");
+        expect(details).not.toBeNull();
+        expect(details.open).toBe(false);
+        // User opens the picker.
+        details.setAttribute("open", "");
+        expect(details.open).toBe(true);
+        // Server pushes an update where "two" is now the current card.
+        const updateTree = {
+            0: `<a class="card">one</a><a class="card current">two</a>`,
+        };
+        client.updateDOM(wrapper, updateTree);
+        const detailsAfter = wrapper.querySelector("details");
+        // User's open state preserved.
+        expect(detailsAfter.open).toBe(true);
+        // But the children DID update — the second card now has "current".
+        const cards = wrapper.querySelectorAll("a.card");
+        expect(cards.length).toBe(2);
+        expect(cards[0].classList.contains("current")).toBe(false);
+        expect(cards[1].classList.contains("current")).toBe(true);
+    });
+    it("server can remove lvt-preserve by omitting it in the next full template", () => {
+        // lvt-preserve is checked on toEl (the incoming server version), not
+        // fromEl (the current DOM). This means the server retains authority:
+        // a later render that omits lvt-preserve lets morphdom resume updating
+        // the element. Checking fromEl would make the attribute sticky forever.
+        const initialTree = {
+            s: [`<div lvt-preserve class="widget">`, `</div>`],
+            0: "server-initial",
+        };
+        client.updateDOM(wrapper, initialTree);
+        const widget = wrapper.querySelector(".widget");
+        // Simulate the widget mutating its own DOM.
+        widget.textContent = "client-modified";
+        // Server sends a NEW template that removes lvt-preserve.
+        const removedTree = {
+            s: [`<div class="widget">`, `</div>`],
+            0: "server-updated",
+        };
+        client.updateDOM(wrapper, removedTree);
+        // Now that lvt-preserve is gone from the template, morphdom should
+        // have applied the server's update, overwriting the client state.
+        const widgetAfter = wrapper.querySelector(".widget");
+        expect(widgetAfter).not.toBeNull();
+        expect(widgetAfter.textContent).toBe("server-updated");
+        expect(widgetAfter.hasAttribute("lvt-preserve")).toBe(false);
+    });
+    it("server can remove lvt-preserve-attrs by omitting it in a later update", () => {
+        // The attribute-copy loop must NOT copy the lvt-preserve-attrs control
+        // attribute itself back onto toEl. If it did, the server could never
+        // remove the attribute in a future render (it would always be re-added
+        // by the copy loop before morphdom sees the diff).
+        const initialTree = {
+            s: [
+                `<details lvt-preserve-attrs class="picker"><summary>Pick</summary>`,
+                `</details>`,
+            ],
+            0: `<a class="card">item</a>`,
+        };
+        client.updateDOM(wrapper, initialTree);
+        const details = wrapper.querySelector("details");
+        expect(details.hasAttribute("lvt-preserve-attrs")).toBe(true);
+        // Server pushes an update WITHOUT lvt-preserve-attrs — it is opting
+        // the element back out of attribute preservation.
+        const updateTree = {
+            s: [
+                `<details class="picker"><summary>Pick</summary>`,
+                `</details>`,
+            ],
+            0: `<a class="card">item</a>`,
+        };
+        client.updateDOM(wrapper, updateTree);
+        const detailsAfter = wrapper.querySelector("details");
+        expect(detailsAfter).not.toBeNull();
+        // The control attribute must be gone — the server has opted out.
+        expect(detailsAfter.hasAttribute("lvt-preserve-attrs")).toBe(false);
+    });
+    it("preserves the element's children as well", () => {
+        // lvt-preserve is a full-element bail-out: attributes, children,
+        // everything stays as-is. Useful for third-party widgets that
+        // mutate their own DOM.
+        const initialTree = {
+            s: [`<div lvt-preserve class="widget">`, `</div>`],
+            0: "initial content",
+        };
+        client.updateDOM(wrapper, initialTree);
+        const widget = wrapper.querySelector(".widget");
+        expect(widget.textContent).toBe("initial content");
+        // Simulate a third-party widget mutating its own children via
+        // safe DOM methods (the livetemplate contract applies regardless
+        // of how the client-side mutation happened).
+        widget.replaceChildren();
+        const span = document.createElement("span");
+        span.textContent = "widget-modified";
+        widget.appendChild(span);
+        // Server sends an update that would otherwise replace the content.
+        const updateTree = { 0: "server-updated content" };
+        client.updateDOM(wrapper, updateTree);
+        const widgetAfter = wrapper.querySelector(".widget");
+        // The widget's own mutation survives — morphdom never touched it.
+        expect(widgetAfter.textContent).toBe("widget-modified");
+        expect(widgetAfter.querySelector("span")).not.toBeNull();
+    });
+});
+//# sourceMappingURL=preserve.test.js.map

package/dist/tests/preserve.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preserve.test.js","sourceRoot":"","sources":["../../tests/preserve.test.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAEH,gEAA4D;AAE5D,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,IAAI,MAA0B,CAAC;IAC/B,IAAI,OAAoB,CAAC;IAEzB,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,GAAG,IAAI,wCAAkB,EAAE,CAAC;QAElC,iEAAiE;QACjE,uEAAuE;QACvE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QAChC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,WAAW,GAAG;YAClB,CAAC,EAAE;gBACD,oFAAoF;gBACpF,kBAAkB;aACnB;YACD,CAAC,EAAE,SAAS;SACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAuB,CAAC;QACvE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEjC,+DAA+D;QAC/D,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACjC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEhC,oEAAoE;QACpE,mEAAmE;QACnE,6DAA6D;QAC7D,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAEtC,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CACxC,SAAS,CACY,CAAC;QACxB,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACnE,kEAAkE;QAClE,iEAAiE;QACjE,sDAAsD;QACtD,MAAM,WAAW,GAAG;YAClB,CAAC,EAAE;gBACD,uEAAuE;gBACvE,kBAAkB;aACnB;YACD,CAAC,EAAE,SAAS;SACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAuB,CAAC;QACvE,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACjC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEhC,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAEtC,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CACxC,SAAS,CACY,CAAC;QACxB,oEAAoE;QACpE,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC1E,+DAA+D;QAC/D,8DAA8D;QAC9D,+DAA+D;QAC/D,2DAA2D;QAC3D,+CAA+C;QAC/C,MAAM,WAAW,GAAG;YAClB,CAAC,EAAE;gBACD,oEAAoE;gBACpE,YAAY;aACb;YACD,CAAC,EAAE,gDAAgD;SACpD,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAuB,CAAC;QACvE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEjC,yBAAyB;QACzB,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACjC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEhC,+DAA+D;QAC/D,MAAM,UAAU,GAAG;YACjB,CAAC,EAAE,wDAAwD;SAC5D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAEtC,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CACxC,SAAS,CACY,CAAC;QACxB,+BAA+B;QAC/B,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,mEAAmE;QACnE,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,CAAE,KAAK,CAAC,CAAC,CAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5E,MAAM,CAAE,KAAK,CAAC,CAAC,CAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;QACjF,qEAAqE;QACrE,qEAAqE;QACrE,uEAAuE;QACvE,wEAAwE;QACxE,MAAM,WAAW,GAAG;YAClB,CAAC,EAAE,CAAC,mCAAmC,EAAE,QAAQ,CAAC;YAClD,CAAC,EAAE,gBAAgB;SACpB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QAC/D,4CAA4C;QAC5C,MAAM,CAAC,WAAW,GAAG,iBAAiB,CAAC;QAEvC,yDAAyD;QACzD,MAAM,WAAW,GAAG;YAClB,CAAC,EAAE,CAAC,sBAAsB,EAAE,QAAQ,CAAC;YACrC,CAAC,EAAE,gBAAgB;SACpB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,mEAAmE;QACnE,kEAAkE;QAClE,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QACpE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACnC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACvD,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC/E,uEAAuE;QACvE,qEAAqE;QACrE,uEAAuE;QACvE,mDAAmD;QACnD,MAAM,WAAW,GAAG;YAClB,CAAC,EAAE;gBACD,oEAAoE;gBACpE,YAAY;aACb;YACD,CAAC,EAAE,0BAA0B;SAC9B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAuB,CAAC;QACvE,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE9D,oEAAoE;QACpE,kDAAkD;QAClD,MAAM,UAAU,GAAG;YACjB,CAAC,EAAE;gBACD,iDAAiD;gBACjD,YAAY;aACb;YACD,CAAC,EAAE,0BAA0B;SAC9B,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAEtC,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAuB,CAAC;QAC5E,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACpC,iEAAiE;QACjE,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,iEAAiE;QACjE,8DAA8D;QAC9D,wBAAwB;QACxB,MAAM,WAAW,GAAG;YAClB,CAAC,EAAE,CAAC,mCAAmC,EAAE,QAAQ,CAAC;YAClD,CAAC,EAAE,iBAAiB;SACrB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAEnD,8DAA8D;QAC9D,iEAAiE;QACjE,6CAA6C;QAC7C,MAAM,CAAC,eAAe,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC;QACrC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEzB,mEAAmE;QACnE,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,wBAAwB,EAAE,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QAEtC,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QACpE,kEAAkE;QAClE,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/tests/script-duplication.test.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Regression test for the inline <script> content duplication bug.
+ *
+ * When the reconstructed HTML contains an inline <script> tag and
+ * updateDOM sets tempWrapper.innerHTML, browsers parse the script
+ * content specially and can create phantom duplicate DOM nodes after
+ * the script boundary. morphdom then sees doubled elements and
+ * patches them into the live DOM.
+ *
+ * This test operates at the updateDOM level (tree + morphdom) to
+ * reproduce the exact conditions: a template with a <script> block
+ * followed by more HTML elements.
+ */
+export {};
+//# sourceMappingURL=script-duplication.test.d.ts.map

package/dist/tests/script-duplication.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-duplication.test.d.ts","sourceRoot":"","sources":["../../tests/script-duplication.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG"}

package/dist/tests/script-duplication.test.js

@@ -0,0 +1,87 @@
+"use strict";
+/**
+ * Regression test for the inline <script> content duplication bug.
+ *
+ * When the reconstructed HTML contains an inline <script> tag and
+ * updateDOM sets tempWrapper.innerHTML, browsers parse the script
+ * content specially and can create phantom duplicate DOM nodes after
+ * the script boundary. morphdom then sees doubled elements and
+ * patches them into the live DOM.
+ *
+ * This test operates at the updateDOM level (tree + morphdom) to
+ * reproduce the exact conditions: a template with a <script> block
+ * followed by more HTML elements.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const livetemplate_client_1 = require("../livetemplate-client");
+describe("inline script duplication", () => {
+    let client;
+    let wrapper;
+    beforeEach(() => {
+        client = new livetemplate_client_1.LiveTemplateClient();
+        document.body.replaceChildren();
+        wrapper = document.createElement("div");
+        wrapper.setAttribute("data-lvt-id", "script-dup-test");
+        document.body.appendChild(wrapper);
+    });
+    it("elements after an inline script are NOT duplicated", () => {
+        // Initial tree: content + script + more content after.
+        // The tree shape mirrors what devbox-dash's claude.tmpl produces
+        // when chat messages are followed by a scroll-to-bottom script
+        // and then a key-grid div.
+        const tree = {
+            s: [
+                '<div class="chat">messages here</div>',
+                '<script>(function(){ /* scroll */ })();</script>',
+                '<div class="after-script">',
+                "</div>",
+            ],
+            0: "", // between chat and script (slot 0)
+            1: "", // between script and after-script (slot 1)
+            2: "unique-content-that-should-appear-once", // inside after-script
+        };
+        client.updateDOM(wrapper, tree);
+        // Count: the div.after-script should appear exactly ONCE.
+        const afterScriptDivs = wrapper.querySelectorAll(".after-script");
+        expect(afterScriptDivs.length).toBe(1);
+        // The unique content should appear once.
+        const textOccurrences = (wrapper.textContent || "").split("unique-content-that-should-appear-once").length - 1;
+        expect(textOccurrences).toBe(1);
+    });
+    it("uppercase <SCRIPT> tag also routes through DOMParser (case-insensitive)", () => {
+        // HTML tag names are case-insensitive; <SCRIPT> must be treated the
+        // same as <script> so that the DOMParser path (which prevents phantom
+        // duplication) is used regardless of casing.
+        const tree = {
+            s: [
+                '<div class="before">before</div>',
+                '<SCRIPT>var y = 2;</SCRIPT>',
+                '<div class="after">after</div>',
+            ],
+            0: "",
+            1: "",
+        };
+        client.updateDOM(wrapper, tree);
+        expect(wrapper.querySelectorAll(".after").length).toBe(1);
+        expect(wrapper.querySelectorAll(".before").length).toBe(1);
+    });
+    it("a second updateDOM does not cause further duplication", () => {
+        const tree = {
+            s: [
+                '<div class="before">',
+                '</div><script>var x = 1;</script><div class="after">',
+                "</div>",
+            ],
+            0: "initial",
+            1: "initial-after",
+        };
+        client.updateDOM(wrapper, tree);
+        expect(wrapper.querySelectorAll(".after").length).toBe(1);
+        // Apply an update that changes the dynamic slot but keeps the same structure.
+        const update = { 0: "updated", 1: "updated-after" };
+        client.updateDOM(wrapper, update);
+        expect(wrapper.querySelectorAll(".after").length).toBe(1);
+        expect(wrapper.textContent).toContain("updated-after");
+    });
+});
+//# sourceMappingURL=script-duplication.test.js.map

package/dist/tests/script-duplication.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-duplication.test.js","sourceRoot":"","sources":["../../tests/script-duplication.test.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livetemplate/client",
-  "version": "0.8.25",
+  "version": "0.8.27",
   "description": "TypeScript client for LiveTemplate tree-based updates",
   "main": "dist/livetemplate-client.js",
   "browser": "dist/livetemplate-client.browser.js",