tungsten 0.3.2 → 0.3.3

package/dist/update/hotSwap.sxyt.js

@@ -1,252 +0,0 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { expect } from 'chai';
-import { Window } from 'happy-dom';
-import { describe } from 'sxy-test-runner';
-import { TungstenSimpleComponent } from "../Components.js";
-import { createTestApp } from "../testing/index.js";
-import { hotSwapFunctionComponent, hotSwapClassComponent } from "./integrateUpdateVdom.js";
-import { TungstenStatefulComponent } from "../Components.js";
-import { WideRenderedContentNodeIsComponent } from "../RenderedContentNode.js";
-import { AnyComponentIsFunctionComponentStandIn } from "../AnyComponent.js";
-import { jsxs as _jsxs, jsx as _jsx } from "tungsten/jsxRuntime.js";
-const Greeting = ({
-  name
-}) => {
-  return _jsxs("div", {
-    className: "greeting",
-    children: ["Hello ", name]
-  });
-};
-describe('hotSwapFunctionComponent', ({
-  it
-}) => {
-  it('produces the same markup a normal render does - no leaked "children" attribute', async () => {
-    const window = new Window();
-    const document = window.document; // eslint-disable-line no-type-assertion/no-type-assertion -- happy-dom's Document is structurally compatible
-    class Root extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx(Greeting, {
-          name: "Ada"
-        }));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    const before = testApp.container.innerHTML;
-    const wrapper = testApp.component.__currentContent;
-    if (!WideRenderedContentNodeIsComponent(wrapper) || !AnyComponentIsFunctionComponentStandIn(wrapper.element)) {
-      throw new Error('expected the root to directly render a single function component');
-    }
-    const oldElement = wrapper.element;
-    // a second, distinct function reference standing in for "the recompiled version"
-    const NewGreeting = ({
-      name
-    }) => {
-      return _jsxs("div", {
-        className: "greeting",
-        children: ["Hello ", name]
-      });
-    };
-    const swapped = await hotSwapFunctionComponent(oldElement, NewGreeting);
-    expect(swapped).to.not.equal(null);
-    const after = testApp.container.innerHTML;
-    expect(before).to.not.contain('children=');
-    expect(after).to.not.contain('children=');
-    expect(after).to.equal(before);
-    await testApp.unmount();
-  });
-  it('actually renders the NEW function\'s output, not the old one', async () => {
-    const window = new Window();
-    const document = window.document; // eslint-disable-line no-type-assertion/no-type-assertion -- happy-dom's Document is structurally compatible
-    class Root extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx(Greeting, {
-          name: "Ada"
-        }));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    const wrapper = testApp.component.__currentContent;
-    if (!WideRenderedContentNodeIsComponent(wrapper) || !AnyComponentIsFunctionComponentStandIn(wrapper.element)) {
-      throw new Error('expected the root to directly render a single function component');
-    }
-    const oldElement = wrapper.element;
-    // deliberately DIFFERENT markup - simulating an actual source edit
-    const NewGreeting = ({
-      name
-    }) => {
-      return _jsxs("div", {
-        className: "greeting",
-        children: ["Hi there ", name]
-      });
-    };
-    const swapped = await hotSwapFunctionComponent(oldElement, NewGreeting);
-    expect(swapped).to.not.equal(null);
-    expect(testApp.container.innerHTML).to.contain('Hi there Ada');
-    expect(testApp.container.innerHTML).to.not.contain('Hello Ada');
-    await testApp.unmount();
-  });
-});
-describe('hotSwapClassComponent', ({
-  it
-}) => {
-  it('hot-swaps a page-level component with several top-level children (h1, select/option, button)', async () => {
-    class Page extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          value: 5
-        });
-        _defineProperty(this, "content", () => _jsxs("div", {
-          children: [_jsx("h1", {
-            children: "Welcome"
-          }), _jsx("p", {
-            children: "one"
-          }), _jsx("p", {
-            children: "two"
-          }), _jsxs("select", {
-            value: this.state.value,
-            children: [_jsx("option", {
-              children: " 2 "
-            }), _jsx("option", {
-              children: " 4 "
-            }), _jsx("option", {
-              children: _jsx("span", {
-                children: "5"
-              })
-            }), _jsx("option", {
-              children: " 8 "
-            })]
-          }), _jsx("button", {
-            onClick: () => {
-              this.state.value = 8;
-            },
-            children: "set"
-          })]
-        }));
-      }
-    }
-    const window = new Window();
-    const document = window.document; // eslint-disable-line no-type-assertion/no-type-assertion -- happy-dom's Document is structurally compatible
-    class Root extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx(Page, {}));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    const wrapper = testApp.component.__currentContent;
-    if (!WideRenderedContentNodeIsComponent(wrapper) || AnyComponentIsFunctionComponentStandIn(wrapper.element)) {
-      throw new Error('expected the root to directly render a single class component');
-    }
-    const oldElement = wrapper.element;
-    class NewPage extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {
-          value: 5
-        });
-        _defineProperty(this, "content", () => _jsxs("div", {
-          children: [_jsx("h1", {
-            children: "Welcome (edited)"
-          }), _jsx("p", {
-            children: "one"
-          }), _jsx("p", {
-            children: "two"
-          }), _jsxs("select", {
-            value: this.state.value,
-            children: [_jsx("option", {
-              children: " 2 "
-            }), _jsx("option", {
-              children: " 4 "
-            }), _jsx("option", {
-              children: _jsx("span", {
-                children: "5"
-              })
-            }), _jsx("option", {
-              children: " 8 "
-            })]
-          }), _jsx("button", {
-            onClick: () => {
-              this.state.value = 8;
-            },
-            children: "set"
-          })]
-        }));
-      }
-    }
-    const swapped = await hotSwapClassComponent(oldElement, NewPage);
-    expect(swapped).to.not.equal(null);
-    expect(testApp.container.innerHTML).to.contain('Welcome (edited)');
-    await testApp.unmount();
-  });
-  it('surfaces a clear error when swapped-in content references an undefined component', async () => {
-    // Investigating a "TungstenError: new DomRegion() error: first child is undefined" crash
-    // seen while live-testing HMR (hot-swapping Home, playground's page-level component, a
-    // moment after Home.tsx's import of `Orphan` became a dangling reference to a just-removed
-    // export). The previous test proves a clean multi-child page-level swap works fine, so
-    // that wasn't a general page-level-swap bug. This test rules out the other suspect: an
-    // undefined component reference does NOT reach DomRegion at all - it's caught much
-    // earlier, with a clear JSX runtime error. So the live DomRegion crash's exact trigger
-    // remains unconfirmed; what's confirmed is that the outer .catch() in applyHmrModule's
-    // caller safely falls back to a full reload either way (verified live), so it isn't a
-    // silent failure - just an unclear error message for a rare, transient mid-edit state.
-    const UndefinedComponent = undefined; // eslint-disable-line no-type-assertion/no-type-assertion -- simulating an import resolving to undefined, exactly like a removed export would
-    const window = new Window();
-    const document = window.document; // eslint-disable-line no-type-assertion/no-type-assertion -- happy-dom's Document is structurally compatible
-    class Page extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {});
-        _defineProperty(this, "content", () => _jsx("div", {
-          children: _jsx("h1", {
-            children: "Welcome"
-          })
-        }));
-      }
-    }
-    class Root extends TungstenSimpleComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "content", () => _jsx(Page, {}));
-      }
-    }
-    const testApp = await createTestApp(Root, {
-      document
-    });
-    const wrapper = testApp.component.__currentContent;
-    if (!WideRenderedContentNodeIsComponent(wrapper) || AnyComponentIsFunctionComponentStandIn(wrapper.element)) {
-      throw new Error('expected the root to directly render a single class component');
-    }
-    const oldElement = wrapper.element;
-    class NewPage extends TungstenStatefulComponent {
-      constructor(...args) {
-        super(...args);
-        _defineProperty(this, "state", {});
-        _defineProperty(this, "content", () => _jsxs("div", {
-          children: [_jsx("h1", {
-            children: "Welcome (edited)"
-          }), _jsx(UndefinedComponent, {})]
-        }));
-      }
-    }
-    let caught;
-    try {
-      await hotSwapClassComponent(oldElement, NewPage);
-    } catch (error) {
-      caught = error;
-    }
-    expect(caught).to.not.equal(undefined);
-    expect(String(caught)).to.contain('did not recognize element');
-    await testApp.unmount();
-  });
-});