@faiwer/react 0.8.0

package/dist/core/actions/remove.action.js

@@ -0,0 +1,64 @@
+import { isCompactSingleChild, unwrapCompactFiber } from '../compact';
+import { emptyFiberNode, getFiberDomNodes, unsetRef } from './helpers';
+import { applyAction } from './applyAction';
+/**
+ * This action can be called directly (<div/> -> []), or indirectly (<div/> ->
+ * false) from the replace action. `replaced` is `true` in the 2nd scenario.
+ */
+export function removeAction(fiber) {
+    for (const child of fiber.children) {
+        // Recursively remove all children before removing the parent node. This is
+        // critical for components with effects - we must run cleanup effects
+        // before removing their parent nodes.
+        applyAction({ type: 'Remove', fiber: child });
+    }
+    if (fiber.type === 'component') {
+        destroyHooks(fiber);
+    }
+    else if (fiber.role === 'context' && fiber.data.consumers.size > 0) {
+        throw new Error(`One of the context consumers wasn't unmounted`);
+    }
+    else if (fiber.type === 'tag' && fiber.role !== 'portal') {
+        unlistenTagEvents(fiber);
+    }
+    if (isCompactSingleChild(fiber.parent)) {
+        // Can't remove `fiber` when its parent lacks its own direct DOM node.
+        // We need to unwrap the compact-fiber (create <!--begin|end--> wrappers).
+        unwrapCompactFiber(fiber.parent);
+    }
+    for (const n of getFiberDomNodes(fiber)) {
+        if (n.childNodes.length > 0) {
+            throw new Error(`Remove: Node is not empty`);
+        }
+        n.remove();
+    }
+    if (fiber.ref) {
+        unsetRef(fiber.ref);
+    }
+    emptyFiberNode(fiber); // Help with garbage collection.
+}
+/**
+ * Removes all assigned event listeners. While we never reuse tag nodes after
+ * removal, this cleanup is important because event handlers capture references
+ * to the fiber tree. If the tag node is preserved in user code, this would
+ * create a memory leak. Better to mitigate this potential issue.
+ */
+const unlistenTagEvents = (fiber) => {
+    for (const [name, record] of Object.entries(fiber.data.events)) {
+        if (record?.wrapper) {
+            fiber.element.removeEventListener(name, record.wrapper);
+        }
+    }
+};
+/**
+ * Some component hooks might have destructors. We have to run them before we
+ * destroy the component.
+ */
+const destroyHooks = (fiber) => {
+    for (const item of fiber.data.hooks ?? [])
+        if ('destructor' in item) {
+            item.destructor?.();
+            item.destructor = null;
+        }
+};
+//# sourceMappingURL=remove.action.js.map

package/dist/core/actions/remove.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove.action.js","sourceRoot":"","sources":["../../../src/core/actions/remove.action.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAgB,EAAE;IAC7C,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnC,2EAA2E;QAC3E,qEAAqE;QACrE,sCAAsC;QACtC,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC/B,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;QACrE,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3D,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,IAAI,oBAAoB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACvC,sEAAsE;QACtE,0EAA0E;QAC1E,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,MAAM,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QACxC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;QAC/C,CAAC;QACD,CAAC,CAAC,MAAM,EAAE,CAAC;IACb,CAAC;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACd,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,gCAAgC;AAAjC,CACvB;AAED;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,CAAC,KAAmB,EAAQ,EAAE,CAAC;IACvD,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/D,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YACnB,KAAK,CAAC,OAAuB,CAAC,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;AAAA,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAQ,EAAE,CAAC;IACxD,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;QACvC,IAAI,YAAY,IAAI,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC;AAAA,CACJ,CAAC"}

package/dist/core/actions/replace.action.d.ts

@@ -0,0 +1,18 @@
+import type { FiberNode } from '../../types';
+import type { ReplaceAction } from '../../types/actions';
+/**
+ * Handles fiber replacement when a component with the same key renders a
+ * completely different node. This happens when the `type`, `tag`, or
+ * `component` fields change between renders.
+ *
+ * It's not called when the same node changes its `key`. In such a case we get:
+ * - "create*" for the new fiber
+ * - "remove" for the previous fiber
+ * - "relayout" for the parent fiber
+ *
+ * The process involves removing the old fiber's DOM and fiber nodes (and
+ * subnodes), and inserting the new fiber's DOM nodes in the same position
+ * while preserving the original fiber object (keeping the same ID).
+ */
+export declare function replaceAction(fiber: FiberNode, { newFiber }: ReplaceAction): void;
+//# sourceMappingURL=replace.action.d.ts.map

package/dist/core/actions/replace.action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"replace.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/replace.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAMhE;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE,aAAa,QAuB1E"}

package/dist/core/actions/replace.action.js

@@ -0,0 +1,57 @@
+import { getFiberDomNodes } from './helpers';
+import { isCompactSingleChild, unwrapCompactFiber } from '../compact';
+import { nullthrows } from '../../utils';
+import { applyAction } from './applyAction';
+/**
+ * Handles fiber replacement when a component with the same key renders a
+ * completely different node. This happens when the `type`, `tag`, or
+ * `component` fields change between renders.
+ *
+ * It's not called when the same node changes its `key`. In such a case we get:
+ * - "create*" for the new fiber
+ * - "remove" for the previous fiber
+ * - "relayout" for the parent fiber
+ *
+ * The process involves removing the old fiber's DOM and fiber nodes (and
+ * subnodes), and inserting the new fiber's DOM nodes in the same position
+ * while preserving the original fiber object (keeping the same ID).
+ */
+export function replaceAction(fiber, { newFiber }) {
+    const { parent } = fiber;
+    if (isCompactSingleChild(parent)) {
+        // The node we're replacing is the only child of its parent, so the parent
+        // is in compact mode. We should unwrap it before removing this node,
+        // otherwise it will be disconnected from the DOM tree.
+        unwrapCompactFiber(parent);
+    }
+    // Add new nodes right after the previous nodes.
+    const nodesBefore = getFiberDomNodes(fiber);
+    let prev = nullthrows(nodesBefore.at(-1));
+    const nodesAfter = getFiberDomNodes(newFiber);
+    for (const n of nodesAfter) {
+        prev.parentElement.insertBefore(n, prev.nextSibling);
+        prev = n;
+    }
+    applyAction({ type: 'Remove', fiber });
+    fiber.parent = parent; // undo `parent = null` (done in "Remove").
+    displaceFiber(fiber, newFiber);
+}
+/** Override `before` fiber fields with the `after` fiber fields. */
+const displaceFiber = (before, after) => {
+    before.id = after.id;
+    before.type = after.type;
+    before.role = after.role;
+    before.data = after.data;
+    before.children = after.children;
+    for (const child of before.children) {
+        // after's DOM nodes were in a <x-container/>. We moved them to the correct
+        // container. Now update the `parent` field.
+        child.parent = before;
+    }
+    before.component = after.component;
+    before.element = after.element;
+    before.tag = after.tag;
+    before.props = after.props;
+    before.ref = after.ref;
+};
+//# sourceMappingURL=replace.action.js.map

package/dist/core/actions/replace.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replace.action.js","sourceRoot":"","sources":["../../../src/core/actions/replace.action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,aAAa,CAAC,KAAgB,EAAE,EAAE,QAAQ,EAAiB,EAAE;IAC3E,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,IAAI,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;QACjC,0EAA0E;QAC1E,qEAAqE;QACrE,uDAAuD;QACvD,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,gDAAgD;IAChD,MAAM,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAI,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,KAAK,MAAM,CAAC,IAAI,UAAU,EAAE,CAAC;QAC3B,IAAI,CAAC,aAAc,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACtD,IAAI,GAAG,CAAC,CAAC;IACX,CAAC;IAED,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACvC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,2CAA2C;IAElE,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAAA,CAChC;AAED,oEAAoE;AACpE,MAAM,aAAa,GAAG,CAAC,MAAiB,EAAE,KAAgB,EAAQ,EAAE,CAAC;IACnE,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACrB,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACzB,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACzB,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAEzB,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IACjC,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;QACpC,2EAA2E;QAC3E,4CAA4C;QAC5C,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/B,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IAEvB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3B,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;AAAA,CACxB,CAAC"}

package/dist/core/actions/setAttr.action.d.ts

@@ -0,0 +1,9 @@
+import type { FiberNode } from '../../types';
+import type { SetAttrAction } from '../../types/actions';
+/**
+ * Applicable only to DOM tag nodes and handles the following scenarios:
+ * - Removing, adding or updating an attribute
+ * - Removing, adding or replacing an event handler
+ */
+export declare function setAttrAction(fiber: FiberNode, { name, value }: SetAttrAction): void;
+//# sourceMappingURL=setAttr.action.d.ts.map

package/dist/core/actions/setAttr.action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAttr.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/setAttr.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAA8B,MAAM,oBAAoB,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAIhE;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,SAAS,EAChB,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,aAAa,QAwB/B"}

package/dist/core/actions/setAttr.action.js

@@ -0,0 +1,62 @@
+import { nullthrows } from '../../utils';
+import { isEventName } from './helpers';
+/**
+ * Applicable only to DOM tag nodes and handles the following scenarios:
+ * - Removing, adding or updating an attribute
+ * - Removing, adding or replacing an event handler
+ */
+export function setAttrAction(fiber, { name, value }) {
+    if (fiber.type !== 'tag') {
+        throw new Error(`Can't apply SetAttr to a ${fiber.type} node`);
+    }
+    if (fiber.role === 'portal') {
+        throw new Error(`Can't apply SetAttr to a portal node`);
+    }
+    const element = nullthrows(fiber.element);
+    if (isEventName(name) || name in fiber.data.events) {
+        setEventHandler(fiber, element, name, value);
+    }
+    else if (value == null) {
+        element.removeAttribute(name);
+    }
+    else {
+        const strValue = String(value);
+        if (strValue !== element.getAttribute(name)) {
+            // Without this check, updates like img.src = the-same-src
+            // lead to retriggering the onload handler.
+            element.setAttribute(name === 'className' ? 'class' : name, strValue);
+        }
+    }
+}
+const setEventHandler = (fiber, element, name, value) => {
+    const { events } = fiber.data;
+    if (value == null || value === false) {
+        if (events[name]) {
+            // Event handler was added before but now it's removed.
+            events[name].handler = null;
+        }
+        return;
+    }
+    if (typeof value !== 'function') {
+        throw new Error(`Unsupported format of event handler. It has to be "undefined" or a function`);
+    }
+    const eventName = name.slice(2); // onclick -> click.
+    // Instead of adding and removing event handlers on every render, we can add a
+    // wrapper that calls `events[eventName]` and update only the internal
+    // function when it changes.
+    if (!events[name]) {
+        events[name] = {
+            handler: value,
+            wrapper: (event) => {
+                // Original React doesn't support stopping propagation on `false` return.
+                events[name].handler?.(event);
+            },
+        };
+        element.addEventListener(eventName, events[name].wrapper);
+    }
+    else {
+        // The tag is already listening to this event. Just update the internal ref.
+        events[name].handler = value;
+    }
+};
+//# sourceMappingURL=setAttr.action.js.map

package/dist/core/actions/setAttr.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAttr.action.js","sourceRoot":"","sources":["../../../src/core/actions/setAttr.action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAgB,EAChB,EAAE,IAAI,EAAE,KAAK,EAAiB,EAC9B;IACA,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,4BAA4B,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE1C,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACnD,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;SAAM,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,QAAQ,KAAK,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5C,0DAA0D;YAC1D,2CAA2C;YAC3C,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;AAAA,CACF;AAED,MAAM,eAAe,GAAG,CACtB,KAAmB,EACnB,OAAgB,EAChB,IAAY,EACZ,KAAmB,EACb,EAAE,CAAC;IACT,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAE9B,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;QACrC,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YACjB,uDAAuD;YACvD,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,CAAC;QACD,OAAO;IACT,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CACb,6EAA6E,CAC9E,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB;IAErD,8EAA8E;IAC9E,sEAAsE;IACtE,4BAA4B;IAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QAClB,MAAM,CAAC,IAAI,CAAC,GAAG;YACb,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC;gBACzB,yEAAyE;gBACzE,MAAM,CAAC,IAAI,CAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAAA,CAChC;SACF,CAAC;QACF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;SAAM,CAAC;QACN,4EAA4E;QAC5E,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;IAC/B,CAAC;AAAA,CACF,CAAC"}

package/dist/core/actions/setProps.action.d.ts

@@ -0,0 +1,8 @@
+import type { FiberNode } from '../../types';
+import type { SetPropsAction } from '../../types/actions';
+/**
+ * Updates the set of props for the given fiber node. This doesn't make any
+ * DOM changes or run components.
+ */
+export declare function setPropsAction(fiber: FiberNode, { props }: SetPropsAction): void;
+//# sourceMappingURL=setProps.action.d.ts.map

package/dist/core/actions/setProps.action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setProps.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/setProps.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,cAAc,QASzE"}

package/dist/core/actions/setProps.action.js

@@ -0,0 +1,13 @@
+/**
+ * Updates the set of props for the given fiber node. This doesn't make any
+ * DOM changes or run components.
+ */
+export function setPropsAction(fiber, { props }) {
+    if (fiber.type !== 'component' &&
+        fiber.type !== 'tag' &&
+        fiber.role !== 'context') {
+        throw new Error(`setProps action is not applicable to this fiber node`);
+    }
+    fiber.props = props;
+}
+//# sourceMappingURL=setProps.action.js.map

package/dist/core/actions/setProps.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setProps.action.js","sourceRoot":"","sources":["../../../src/core/actions/setProps.action.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAAgB,EAAE,EAAE,KAAK,EAAkB,EAAE;IAC1E,IACE,KAAK,CAAC,IAAI,KAAK,WAAW;QAC1B,KAAK,CAAC,IAAI,KAAK,KAAK;QACpB,KAAK,CAAC,IAAI,KAAK,SAAS,EACxB,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IACD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AAAA,CACrB"}

package/dist/core/actions/setRef.action.d.ts

@@ -0,0 +1,11 @@
+import type { FiberNode } from '../../types';
+import type { SetRefAction } from '../../types/actions';
+/**
+ * A ref or ref handler for the given node was:
+ * - set up
+ * - or replaced
+ *
+ * Removing nodes with ref handlers is handled in remove and replace actions.
+ */
+export declare function setRefAction(fiber: FiberNode, { ref, dontUnsetRef }: SetRefAction): void;
+//# sourceMappingURL=setRef.action.d.ts.map

package/dist/core/actions/setRef.action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setRef.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/setRef.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,EAChB,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,YAAY,QAiCpC"}

package/dist/core/actions/setRef.action.js

@@ -0,0 +1,38 @@
+import { nullthrows } from '../../utils';
+import { unsetRef } from './helpers';
+import { scheduleEffect } from '../reconciliation/effects';
+import { getAppByFiber } from '../reconciliation/app';
+/**
+ * A ref or ref handler for the given node was:
+ * - set up
+ * - or replaced
+ *
+ * Removing nodes with ref handlers is handled in remove and replace actions.
+ */
+export function setRefAction(fiber, { ref, dontUnsetRef }) {
+    if (fiber.type !== 'tag') {
+        throw new Error(`setRefAction is not compatible with ${fiber.type} nodes`);
+    }
+    if (fiber.ref &&
+        // It's `true` on the first render of the tag. We shouldn't run `onRef(null)`
+        // in such a case.
+        !dontUnsetRef) {
+        // ref.current = null | ref(null)
+        unsetRef(fiber.ref);
+    }
+    // Run effects only when the DOM node is already mounted to a real DOM node.
+    scheduleEffect(getAppByFiber(fiber), () => {
+        const element = nullthrows(fiber.element);
+        if (typeof ref === 'function') {
+            ref(element);
+        }
+        else if (ref) {
+            ref.current = element;
+        }
+    }, 
+    // React calls ref handlers even before it runs layout effects.
+    'refs');
+    fiber.ref = ref;
+    return;
+}
+//# sourceMappingURL=setRef.action.js.map

package/dist/core/actions/setRef.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setRef.action.js","sourceRoot":"","sources":["../../../src/core/actions/setRef.action.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,KAAgB,EAChB,EAAE,GAAG,EAAE,YAAY,EAAgB,EACnC;IACA,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,uCAAuC,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC;IAC7E,CAAC;IAED,IACE,KAAK,CAAC,GAAG;QACT,6EAA6E;QAC7E,kBAAkB;QAClB,CAAC,YAAY,EACb,CAAC;QACD,iCAAiC;QACjC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,4EAA4E;IAC5E,cAAc,CACZ,aAAa,CAAC,KAAK,CAAC,EACpB,GAAG,EAAE,CAAC;QACJ,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAgB,CAAC;QACzD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,OAAO,CAAC,CAAC;QACf,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,CAAC;IAAA,CACF;IACD,+DAA+D;IAC/D,MAAM,CACP,CAAC;IAEF,KAAK,CAAC,GAAG,GAAG,GAAuB,CAAC;IACpC,OAAO;AAAA,CACR"}

package/dist/core/actions/setText.action.d.ts

@@ -0,0 +1,7 @@
+import type { FiberNode } from '../../types';
+import type { SetTextAction } from '../../types/actions';
+/**
+ * Replaces the text content within a Text DOM node.
+ */
+export declare function setTextAction(fiber: FiberNode, { text }: SetTextAction): void;
+//# sourceMappingURL=setText.action.d.ts.map

package/dist/core/actions/setText.action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setText.action.d.ts","sourceRoot":"","sources":["../../../src/core/actions/setText.action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,aAAa,QAMtE"}

package/dist/core/actions/setText.action.js

@@ -0,0 +1,12 @@
+import { nullthrows } from '../../utils';
+/**
+ * Replaces the text content within a Text DOM node.
+ */
+export function setTextAction(fiber, { text }) {
+    if (fiber.type !== 'text') {
+        throw new Error(`Can't apply setText action to non-text node`);
+    }
+    fiber.props = { text };
+    nullthrows(fiber.element).textContent = text;
+}
+//# sourceMappingURL=setText.action.js.map

package/dist/core/actions/setText.action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setText.action.js","sourceRoot":"","sources":["../../../src/core/actions/setText.action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,KAAgB,EAAE,EAAE,IAAI,EAAiB,EAAE;IACvE,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IACD,KAAK,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC;AAAA,CAC9C"}

package/dist/core/compact.d.ts

@@ -0,0 +1,38 @@
+import { type DomNode, type FiberNode } from '../types';
+/**
+ * Returns true if domNode is <!--r:begin:ID--> where ID is fiber.id
+ */
+export declare const isBeginOf: (domNode: ChildNode, fiber: FiberNode) => domNode is Comment;
+/**
+ * Returns true if the given `fiber` is in solo compact mode. This means it
+ * doesn't have its own direct DOM element. Instead, its `element` refers to its
+ * only child's `element`, avoiding the need for <!--brackets-->.
+ */
+export declare const isCompactSingleChild: (fiber: FiberNode) => fiber is FiberNode & {
+    element: DomNode;
+};
+/**
+ * Returns true if the given `fiber` is in none compact mode. This means it
+ * has no fiber children, and its element is <!--r:empty:id-->
+ */
+export declare const isCompactNone: (fiber: FiberNode) => fiber is FiberNode & {
+    element: DomNode;
+};
+/**
+ * If the given fiber node has <!--brackets-->, this function tries to apply one
+ * of the "compact" optimizations:
+ *
+ * - If the node has no children, it replaces the brackets with
+ *   <!--r:empty:id-->
+ * - If the node has only one child, it removes the brackets and sets
+ *   `fiber.element` to reference its only direct DOM child
+ *
+ * It also tries to recursively compact parent nodes when possible.
+ */
+export declare function tryToCompactNode(fiber: FiberNode): void;
+/**
+ * Converts <!--empty--> or the single compact container node into:
+ * <!--begin-->...children...<!--end-->
+ */
+export declare const unwrapCompactFiber: (fiber: FiberNode) => void;
+//# sourceMappingURL=compact.d.ts.map

package/dist/core/compact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact.d.ts","sourceRoot":"","sources":["../../src/core/compact.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAGxD;;GAEG;AACH,eAAO,MAAM,SAAS,8DAKuC,CAAC;AAgB9D;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;CAOE,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,aAAa;;CAMQ,CAAC;AAEnC;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAiCvD;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,4BAuC9B,CAAC"}

package/dist/core/compact.js

@@ -0,0 +1,112 @@
+import { buildComment, buildCommentText } from './reconciliation/comments';
+/**
+ * Returns true if domNode is <!--r:begin:ID--> where ID is fiber.id
+ */
+export const isBeginOf = (domNode, fiber) => domNode instanceof Comment &&
+    domNode.textContent === buildCommentText('begin', fiber.id);
+/**
+ * Returns true if domNode is <!--r:end:ID--> where ID is fiber.id
+ */
+const isEndOf = (domNode, fiber) => domNode instanceof Comment &&
+    domNode.textContent === buildCommentText('end', fiber.id);
+/**
+ * Returns true if domNode is <!--r:empty:ID--> where ID is fiber.id
+ */
+const isEmptyOf = (domNode, fiber) => domNode instanceof Comment &&
+    domNode.textContent === buildCommentText('empty', fiber.id);
+/**
+ * Returns true if the given `fiber` is in solo compact mode. This means it
+ * doesn't have its own direct DOM element. Instead, its `element` refers to its
+ * only child's `element`, avoiding the need for <!--brackets-->.
+ */
+export const isCompactSingleChild = (fiber) => (fiber.type === 'fragment' || fiber.type === 'component') &&
+    !isEndOf(fiber.element, fiber) &&
+    !isEmptyOf(fiber.element, fiber);
+/**
+ * Returns true if the given `fiber` is in none compact mode. This means it
+ * has no fiber children, and its element is <!--r:empty:id-->
+ */
+export const isCompactNone = (fiber) => (fiber.type === 'fragment' || fiber.type === 'component') &&
+    isEmptyOf(fiber.element, fiber);
+/**
+ * If the given fiber node has <!--brackets-->, this function tries to apply one
+ * of the "compact" optimizations:
+ *
+ * - If the node has no children, it replaces the brackets with
+ *   <!--r:empty:id-->
+ * - If the node has only one child, it removes the brackets and sets
+ *   `fiber.element` to reference its only direct DOM child
+ *
+ * It also tries to recursively compact parent nodes when possible.
+ */
+export function tryToCompactNode(fiber) {
+    if (!isEndOf(fiber.element, fiber)) {
+        return; // Node is not a !--container or is already compact.
+    }
+    // By default each fragment or component is rendered with 3+ nodes:
+    // <!--r:begin:id--> + …children + <!--r:end:id-->
+    // This approach supports 0 or 2+ nodes without overly complex logic.
+    // However, most cases have only one child or none. For these scenarios,
+    // we support two different compact modes.
+    const prev1 = fiber.element.previousSibling;
+    // Scenario 1: 0 children.
+    if (prev1 && isBeginOf(prev1, fiber)) {
+        const emptyNode = buildComment('empty', fiber.id);
+        prev1.parentElement.insertBefore(emptyNode, prev1);
+        prev1.remove(); // !--begin
+        fiber.element.remove(); // !--end
+        fiber.element = emptyNode;
+        return;
+        // <!--begin--><--end--> are replaced with <!--empty-->
+    }
+    const prev2 = prev1?.previousSibling;
+    // Scenario 2: 1 children
+    if (prev2 && isBeginOf(prev2, fiber)) {
+        prev2.remove(); // !--begin
+        fiber.element.remove(); // !--end
+        fiber.element = fiber.children[0].element;
+        // <!--begin--><!--end--> are removed. Now `fiber.element` refers to its
+        // only child node.
+        tryToCompactNode(fiber.parent);
+    }
+}
+/**
+ * Converts <!--empty--> or the single compact container node into:
+ * <!--begin-->...children...<!--end-->
+ */
+export const unwrapCompactFiber = (fiber) => {
+    const container = fiber.element.parentElement;
+    let begin = buildComment('begin', fiber.id);
+    let end = buildComment('end', fiber.id);
+    if (isCompactSingleChild(fiber)) {
+        // before: <container><child/></container>
+        // after:  <container><!--begin--><child/><!--end--></container>
+        container.insertBefore(begin, fiber.element);
+        container.insertBefore(end, fiber.element.nextSibling);
+        fiber.element = end;
+        // Repeat the same with every single-compact ancestor:
+        let parent = fiber.parent;
+        while (isCompactSingleChild(parent)) {
+            const pBegin = buildComment('begin', parent.id);
+            const pEnd = buildComment('end', parent.id);
+            container.insertBefore(pBegin, begin);
+            container.insertBefore(pEnd, end.nextSibling);
+            parent.element = pEnd;
+            begin = pBegin;
+            end = pEnd;
+            parent = parent.parent;
+        }
+        return;
+    }
+    if (isCompactNone(fiber)) {
+        // before: <container><!--empty--></container>
+        // after:  <container><!--begin--><!--end--></container>
+        container.insertBefore(begin, fiber.element);
+        container.insertBefore(end, fiber.element.nextSibling);
+        fiber.element.remove();
+        fiber.element = end;
+        return;
+    }
+    throw new Error(`Unsupported format of compact node`);
+};
+//# sourceMappingURL=compact.js.map

package/dist/core/compact.js.map

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

package/dist/core/components.d.ts

@@ -0,0 +1,32 @@
+import { type HookStateItem, type FiberNode, type App, type ComponentFiberNode } from '../types';
+/**
+ * Returns the fiber of the component that is being rendered right now. Don't
+ * run this function outside of the render phase.
+ */
+export declare const getCurrentComponentFiber: () => ComponentFiberNode;
+/**
+ * The app of the component that is being rendered right now. Don't run this
+ * function outside of the render phase.
+ */
+export declare const getCurrentApp: () => App;
+/**
+ * Returns true when it's the 1st render of currentFiber's component.
+ */
+export declare const isFirstFiberRender: () => boolean;
+/**
+ * Runs the functional component. Before running, it prepares everything that
+ * is required to make hooks work. The result is JSX returned from the component
+ * function.
+ */
+export declare const runComponent: (fiber: FiberNode, propsSource: FiberNode | null) => import("../index.js").JsxElement;
+/**
+ * Switches to the next hook and returns its state.
+ */
+export declare const getNextFiberState: () => HookStateItem;
+/**
+ * Adds a new item to the current component's hook store
+ */
+export declare const registerStateItem: (item: {
+    type: "context" | "effect" | "memo" | "ref" | "state";
+}) => void;
+//# sourceMappingURL=components.d.ts.map

package/dist/core/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/core/components.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAEd,KAAK,GAAG,EACR,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAMlB;;;GAGG;AACH,eAAO,MAAM,wBAAwB,0BACX,CAAC;AAE3B;;;GAGG;AACH,eAAO,MAAM,aAAa,WAC6B,CAAC;AAIxD;;GAEG;AACH,eAAO,MAAM,kBAAkB,eAAkC,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,YAAY,wFAsBxB,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,iBAAiB,qBACgC,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,iBAAiB;;UAI7B,CAAC"}

package/dist/core/components.js

@@ -0,0 +1,57 @@
+import { nullthrows } from '../utils';
+import { getAppByFiber } from './reconciliation/app';
+/** Component that is rendered right now. */
+let currentFiber;
+/**
+ * Returns the fiber of the component that is being rendered right now. Don't
+ * run this function outside of the render phase.
+ */
+export const getCurrentComponentFiber = () => nullthrows(currentFiber);
+/**
+ * The app of the component that is being rendered right now. Don't run this
+ * function outside of the render phase.
+ */
+export const getCurrentApp = () => nullthrows(getAppByFiber(getCurrentComponentFiber()));
+let firstFiberRender = false;
+/**
+ * Returns true when it's the 1st render of currentFiber's component.
+ */
+export const isFirstFiberRender = () => firstFiberRender;
+/**
+ * Runs the functional component. Before running, it prepares everything that
+ * is required to make hooks work. The result is JSX returned from the component
+ * function.
+ */
+export const runComponent = (fiber, 
+/** Source of `.props`. If not given `fiber.props` are used. */
+propsSource) => {
+    if (fiber.type !== 'component') {
+        throw new Error(`Can't run ${fiber.type} as a component`);
+    }
+    currentFiber = fiber;
+    firstFiberRender = !fiber.data.hooks;
+    fiber.data.hooks ??= [];
+    hookIdx = -1;
+    let jsxElement = fiber.component(propsSource?.props ?? fiber.props);
+    currentFiber = null;
+    firstFiberRender = false;
+    return jsxElement;
+};
+let hookIdx = -1;
+const getComponentHookStore = (fiberNode) => {
+    if (!fiberNode.data.hooks) {
+        throw new Error(`HookStore is empty.`);
+    }
+    return fiberNode.data.hooks;
+};
+/**
+ * Switches to the next hook and returns its state.
+ */
+export const getNextFiberState = () => getComponentHookStore(getCurrentComponentFiber())[++hookIdx];
+/**
+ * Adds a new item to the current component's hook store
+ */
+export const registerStateItem = (item) => {
+    getComponentHookStore(getCurrentComponentFiber()).push(item);
+};
+//# sourceMappingURL=components.js.map

package/dist/core/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/core/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,4CAA4C;AAC5C,IAAI,YAAuC,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAuB,EAAE,CAC/D,UAAU,CAAC,YAAY,CAAC,CAAC;AAE3B;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAQ,EAAE,CACrC,UAAU,CAAC,aAAa,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AAExD,IAAI,gBAAgB,GAAG,KAAK,CAAC;AAE7B;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAY,EAAE,CAAC,gBAAgB,CAAC;AAElE;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAgB;AAChB,+DAA+D;AAC/D,WAA6B,EAChB,EAAE,CAAC;IAChB,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,aAAa,KAAK,CAAC,IAAI,iBAAiB,CAAC,CAAC;IAC5D,CAAC;IAED,YAAY,GAAG,KAAK,CAAC;IACrB,gBAAgB,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;IACrC,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;IACxB,OAAO,GAAG,CAAC,CAAC,CAAC;IAEb,IAAI,UAAU,GAAgB,KAAK,CAAC,SAAU,CAC5C,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,CAClC,CAAC;IAEF,YAAY,GAAG,IAAI,CAAC;IACpB,gBAAgB,GAAG,KAAK,CAAC;IAEzB,OAAO,UAAU,CAAC;AAAA,CACnB,CAAC;AAEF,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;AAEjB,MAAM,qBAAqB,GAAG,CAAC,SAA6B,EAAa,EAAE,CAAC;IAC1E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AAAA,CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAkB,EAAE,CACnD,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAEjC,EAAQ,EAAE,CAAC;IACV,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAqB,CAAC,CAAC;AAAA,CAC/E,CAAC"}