@faiwer/react 0.8.0

package/dist/core/createElement.d.ts

@@ -0,0 +1,47 @@
+import type { ElementNode, ElementType, ReactContextProvider, ReactKey } from '../types';
+/**
+ * This method is used as the JSX resolver. Every <tag/> or <Component/> is a
+ * call to this method.
+ *
+ * @example
+ * <div key="key" className="a" /> ===
+ *   createElement('div', { className: 'a' }, 'key');
+ * <div>content</div> ===
+ *   createElement('div', { children: 'content' });
+ * <div>{[1, 2]}</div> ===
+ *   createElement('div', children: [1, 2]);
+ * <Message p1={1} p2={true} p3="p3" key="key">content</Message>
+ *   createElement(
+ *     Message,
+ *     { p1: 1, p2: true, p3: 'p3', children: 'content' },
+ *     key
+ *   );
+ */
+export declare function createElement(
+/**
+ * What to render. Can be a tag (string), a component (function),
+ * or a portal target (HTMLElement).
+ */
+type: ReactContextProvider | ElementType | HTMLElement, propsRaw: Record<PropertyKey, unknown>, key: ReactKey | null | undefined, _isStaticChildren?: boolean, _source?: Source, _self?: unknown): ElementNode;
+type Source = {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+};
+/**
+ * Renders content into an external HTML node. Unlike React, this version
+ * doesn't support interdimensional event bubbling.
+ *
+ * Following the React's approach, this library doesn't use <Portal target=?/>
+ * syntax. Thus, it's a simple wrapper around `createElement` with `type ===
+ * domNode`.
+ */
+export declare function createPortal(
+/** What to render. */
+children: JSX.Element, 
+/** Where to render. */
+domNode: HTMLElement, 
+/** Custom key if you need to conditionally recreate portals. */
+key?: string): ElementNode;
+export {};
+//# sourceMappingURL=createElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createElement.d.ts","sourceRoot":"","sources":["../../src/core/createElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,QAAQ,EAET,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa;AAC3B;;;GAGG;AAEH,IAAI,EAEA,oBAAoB,GAEpB,WAAW,GAEX,WAAW,EACf,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,EACtC,GAAG,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,EAGhC,iBAAiB,CAAC,EAAE,OAAO,EAC3B,OAAO,CAAC,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,OAAO,GACd,WAAW,CAgCb;AAED,KAAK,MAAM,GAAG;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAMF;;;;;;;GAOG;AACH,wBAAgB,YAAY;AAC1B,sBAAsB;AACtB,QAAQ,EAAE,GAAG,CAAC,OAAO;AACrB,uBAAuB;AACvB,OAAO,EAAE,WAAW;AACpB,gEAAgE;AAChE,GAAG,CAAC,EAAE,MAAM,eAGb"}

package/dist/core/createElement.js

@@ -0,0 +1,73 @@
+/**
+ * This method is used as the JSX resolver. Every <tag/> or <Component/> is a
+ * call to this method.
+ *
+ * @example
+ * <div key="key" className="a" /> ===
+ *   createElement('div', { className: 'a' }, 'key');
+ * <div>content</div> ===
+ *   createElement('div', { children: 'content' });
+ * <div>{[1, 2]}</div> ===
+ *   createElement('div', children: [1, 2]);
+ * <Message p1={1} p2={true} p3="p3" key="key">content</Message>
+ *   createElement(
+ *     Message,
+ *     { p1: 1, p2: true, p3: 'p3', children: 'content' },
+ *     key
+ *   );
+ */
+export function createElement(
+/**
+ * What to render. Can be a tag (string), a component (function),
+ * or a portal target (HTMLElement).
+ */
+// prettier-ignore
+type, propsRaw, key, 
+// The following arguments are provided only in the development mode.
+// TODO: Support them to show more informative warnings and errors.
+_isStaticChildren, _source, _self) {
+    key ??= null; // Narrow the type for simplicity.
+    if (typeof type === 'function') {
+        // Any component instance (<Message/>).
+        return {
+            type,
+            props: propsRaw,
+            key,
+            // ComponentFiber doesn't support direct children since we don't know
+            // what's inside until the component runs. Children are passed via `props`
+            // instead.
+            children: [],
+        };
+    }
+    // Any tag instance (<div/>).
+    let { children, ...propsWithoutChildren } = propsRaw;
+    if (!Array.isArray(children)) {
+        // - Case 1: <div>1</div> (the only child)
+        // - Case 2: <div/> | <div></div> (no children)
+        children = children === undefined ? [] : [children];
+    }
+    return {
+        type,
+        props: propsWithoutChildren,
+        key,
+        children,
+    };
+}
+/**
+ * Renders content into an external HTML node. Unlike React, this version
+ * doesn't support interdimensional event bubbling.
+ *
+ * Following the React's approach, this library doesn't use <Portal target=?/>
+ * syntax. Thus, it's a simple wrapper around `createElement` with `type ===
+ * domNode`.
+ */
+export function createPortal(
+/** What to render. */
+children, 
+/** Where to render. */
+domNode, 
+/** Custom key if you need to conditionally recreate portals. */
+key) {
+    return createElement(domNode, { children }, key);
+}
+//# sourceMappingURL=createElement.js.map

package/dist/core/createElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../src/core/createElement.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,aAAa;AAC3B;;;GAGG;AACH,kBAAkB;AAClB,IAMe,EACf,QAAsC,EACtC,GAAgC;AAChC,qEAAqE;AACrE,mEAAmE;AACnE,iBAA2B,EAC3B,OAAgB,EAChB,KAAe,EACF;IACb,GAAG,KAAK,IAAI,CAAC,CAAC,kCAAkC;IAEhD,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,uCAAuC;QACvC,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,QAAQ;YACf,GAAG;YACH,qEAAqE;YACrE,0EAA0E;YAC1E,WAAW;YACX,QAAQ,EAAE,EAAE;SACb,CAAC;IACJ,CAAC;IAED,6BAA6B;IAE7B,IAAI,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,GAAG,QAAoB,CAAC;IAEjE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,0CAA0C;QAC1C,+CAA+C;QAC/C,QAAQ,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtD,CAAC;IAED,OAAO;QACL,IAAI;QACJ,KAAK,EAAE,oBAAoB;QAC3B,GAAG;QACH,QAAQ;KACT,CAAC;AAAA,CACH;AAYD;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY;AAC1B,sBAAsB;AACtB,QAAqB;AACrB,uBAAuB;AACvB,OAAoB;AACpB,gEAAgE;AAChE,GAAY,EACZ;IACA,OAAO,aAAa,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAC;AAAA,CAClD"}

package/dist/core/createRoot.d.ts

@@ -0,0 +1,13 @@
+import type { AppOptions, AppRoot } from '../types';
+/**
+ * Creates a new React app. The signature is the same as in React 18+.
+ * @example
+ * const { unmount } = createRoot(
+ *   document.getElementById('root'),
+ *   <App/>
+ * );
+ * // ...
+ * unmount();
+ */
+export declare function createRoot(root: HTMLElement, options?: AppOptions): AppRoot;
+//# sourceMappingURL=createRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createRoot.d.ts","sourceRoot":"","sources":["../../src/core/createRoot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAoB3E"}

package/dist/core/createRoot.js

@@ -0,0 +1,33 @@
+import { mount } from './reconciliation/mount';
+/**
+ * Creates a new React app. The signature is the same as in React 18+.
+ * @example
+ * const { unmount } = createRoot(
+ *   document.getElementById('root'),
+ *   <App/>
+ * );
+ * // ...
+ * unmount();
+ */
+export function createRoot(root, options) {
+    let created = false;
+    let unmount = null;
+    const api = {
+        render: (element) => {
+            if (created) {
+                api.unmount();
+            }
+            unmount = mount(root, element, options ?? DEFAULT_OPTIONS);
+            created = true;
+        },
+        unmount: () => {
+            unmount?.();
+            created = false;
+        },
+    };
+    return api;
+}
+const DEFAULT_OPTIONS = {
+    testMode: false,
+};
+//# sourceMappingURL=createRoot.js.map

package/dist/core/createRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRoot.js","sourceRoot":"","sources":["../../src/core/createRoot.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,IAAiB,EAAE,OAAoB,EAAW;IAC3E,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,OAAO,GAAwB,IAAI,CAAC;IAExC,MAAM,GAAG,GAAY;QACnB,MAAM,EAAE,CAAC,OAAoB,EAAQ,EAAE,CAAC;YACtC,IAAI,OAAO,EAAE,CAAC;gBACZ,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,CAAC;YAED,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,eAAe,CAAC,CAAC;YAC3D,OAAO,GAAG,IAAI,CAAC;QAAA,CAChB;QACD,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,OAAO,EAAE,EAAE,CAAC;YACZ,OAAO,GAAG,KAAK,CAAC;QAAA,CACjB;KACF,CAAC;IAEF,OAAO,GAAG,CAAC;AAAA,CACZ;AAED,MAAM,eAAe,GAAe;IAClC,QAAQ,EAAE,KAAK;CAChB,CAAC"}

package/dist/core/reactNodeToFiberNode.d.ts

@@ -0,0 +1,8 @@
+import { type FiberNode } from '../types';
+/**
+ * Converts any possible JSX.Element to a FiberNode, that is used by the engine
+ * everywhere. We don't use JSX.Elements outside of this function.
+ * <div/> -> FiberNode.
+ */
+export declare const jsxElementToFiberNode: (jsxElement: import("../index.js").JsxElement, parent: FiberNode, unwrapComponents: boolean) => FiberNode;
+//# sourceMappingURL=reactNodeToFiberNode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reactNodeToFiberNode.d.ts","sourceRoot":"","sources":["../../src/core/reactNodeToFiberNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EASf,MAAM,UAAU,CAAC;AASlB;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,4GA+HjC,CAAC"}

package/dist/core/reactNodeToFiberNode.js

@@ -0,0 +1,132 @@
+import { runComponent } from './components';
+import { createFiberNode, FRAGMENT_TAG, toFiberChildren, } from './reconciliation/fibers';
+import { isContextProvider } from './reconciliation/typeGuards';
+/**
+ * Converts any possible JSX.Element to a FiberNode, that is used by the engine
+ * everywhere. We don't use JSX.Elements outside of this function.
+ * <div/> -> FiberNode.
+ */
+export const jsxElementToFiberNode = (jsxElement, 
+/** Every fiber node except the root must have a parent fiber node. */
+parent, 
+/** Pass `true` on the 1st render for the given node to run internal
+ * components recursively. By default it doesn't run any components. */
+unwrapComponents) => {
+    // []-based version of a fragment. Not a <Fragment/>.
+    if (Array.isArray(jsxElement)) {
+        jsxElement = {
+            type: FRAGMENT_TAG,
+            props: {},
+            key: null,
+            children: jsxElement,
+        };
+    }
+    // Any null-like value, i.e. it doesn't render a tag or a text node.
+    if (jsxElement === null || jsxElement === undefined || jsxElement === false) {
+        const nullFiber = {
+            ...createFiberNode(parent),
+            type: 'null',
+            parent,
+            props: null,
+        };
+        return nullFiber;
+    }
+    // A text node (string, number or boolean).
+    if (typeof jsxElement !== 'object') {
+        const textFiber = {
+            ...createFiberNode(parent),
+            type: 'text',
+            parent,
+            props: { text: String(jsxElement) },
+        };
+        return textFiber;
+    }
+    const { key = null } = jsxElement;
+    const { ref = null, ...props } = jsxElement.props;
+    // createPortal(JSX.Element, domNode, key)
+    if (jsxElement.type instanceof HTMLElement) {
+        const portalFiber = {
+            ...createFiberNode(parent),
+            type: 'tag',
+            tag: 'x-portal',
+            key,
+            role: 'portal',
+            data: jsxElement.type,
+        };
+        portalFiber.children = jsxElement.children.map((n) => jsxElementToFiberNode(n, portalFiber, unwrapComponents));
+        return portalFiber;
+    }
+    // <ctx.Provider value=?/>
+    if (isContextProvider(jsxElement.type)) {
+        validateContextProviderProps(props);
+        const contextFiber = {
+            ...createFiberNode(parent),
+            type: 'fragment',
+            key,
+            role: 'context',
+            props,
+            data: { ctx: jsxElement.type.__ctx, consumers: new Set() },
+        };
+        contextFiber.children = jsxElement.children.map((n) => jsxElementToFiberNode(n, contextFiber, unwrapComponents));
+        return contextFiber;
+    }
+    // [], </> or <Fragment/>.
+    if (jsxElement.type === FRAGMENT_TAG) {
+        const fragmentFiber = {
+            ...createFiberNode(parent),
+            type: 'fragment',
+            key,
+        };
+        fragmentFiber.children = jsxElement.children.map((n) => jsxElementToFiberNode(n, fragmentFiber, unwrapComponents));
+        return fragmentFiber;
+    }
+    // A component node (<Message/>):
+    if (typeof jsxElement.type === 'function') {
+        const fiber = {
+            ...createFiberNode(parent),
+            type: 'component',
+            component: jsxElement.type,
+            key,
+            props,
+            data: { hooks: null },
+        };
+        if (unwrapComponents) {
+            const content = runComponent(fiber, null);
+            const child = jsxElementToFiberNode(content, fiber, unwrapComponents);
+            fiber.children = toFiberChildren(child);
+        }
+        return fiber;
+    }
+    if (typeof jsxElement.type === 'string') {
+        validateRef(ref);
+        const tagFiber = {
+            ...createFiberNode(parent),
+            type: 'tag',
+            key,
+            props,
+            tag: jsxElement.type,
+            ref,
+            data: { events: {} },
+        };
+        tagFiber.children = jsxElement.children
+            .map((n) => jsxElementToFiberNode(n, tagFiber, unwrapComponents))
+            .flat();
+        return tagFiber;
+    }
+    throw new Error(`Unknown format of JSX.Element (${jsxElement.type})`);
+};
+function validateContextProviderProps(props) {
+    if (!('value' in props)) {
+        throw new Error(`Context provider value is not provided`);
+    }
+}
+function validateRef(src) {
+    if (src === null ||
+        // Unfortunately, there's no way to validate the function.
+        typeof src === 'function' ||
+        (!!src && typeof src === 'object' && 'current' in src)) {
+        return;
+    }
+    throw new Error(`Unsupported format of a ref or a ref handler`);
+}
+//# sourceMappingURL=reactNodeToFiberNode.js.map

package/dist/core/reactNodeToFiberNode.js.map

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

package/dist/core/reconciliation/app.d.ts

@@ -0,0 +1,5 @@
+import type { App, FiberNode } from '../../types';
+export declare const getAppByFiber: (fiber: FiberNode) => App;
+export declare const registerApp: (fn: (id: number) => App) => App;
+export declare const removeApp: (id: number) => void;
+//# sourceMappingURL=app.d.ts.map

package/dist/core/reconciliation/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKzD,eAAO,MAAM,aAAa,2BAEzB,CAAC;AAEF,eAAO,MAAM,WAAW,kCAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,sBASrB,CAAC"}

package/dist/core/reconciliation/app.js

@@ -0,0 +1,20 @@
+import { nullthrows } from '../../utils';
+const apps = [];
+export const getAppByFiber = (fiber) => {
+    return nullthrows(apps[fiber.appId]);
+};
+export const registerApp = (fn) => {
+    apps.push(fn(apps.length));
+    return apps.at(-1);
+};
+export const removeApp = (id) => {
+    const app = apps[id];
+    if (app) {
+        apps[id] = null;
+        // Help with garbage collection.
+        app.root = app.tempContext = null;
+        app.effects = { normal: [] };
+        app.invalidatedComponents = { size: 0 };
+    }
+};
+//# sourceMappingURL=app.js.map

package/dist/core/reconciliation/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/core/reconciliation/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,IAAI,GAAsB,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAO,EAAE,CAAC;IACtD,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAAA,CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAuB,EAAO,EAAE,CAAC;IAC3D,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3B,OAAO,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC;AAAA,CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAU,EAAQ,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,EAAE,CAA4B,CAAC;IAChD,IAAI,GAAG,EAAE,CAAC;QACR,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QAChB,gCAAgC;QAChC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;QAClC,GAAG,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QAC7B,GAAG,CAAC,qBAAqB,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAC1C,CAAC;AAAA,CACF,CAAC"}

package/dist/core/reconciliation/applyActions.d.ts

@@ -0,0 +1,8 @@
+import type { App } from '../../types';
+import type { Action } from '../../types/actions';
+/**
+ * Moves the app into the "commit" state and applies the given actions one by
+ * one.
+ */
+export declare const applyActions: (app: App, actions: Action[]) => void;
+//# sourceMappingURL=applyActions.d.ts.map

package/dist/core/reconciliation/applyActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyActions.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/applyActions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,YAAY,uCAKxB,CAAC"}

package/dist/core/reconciliation/applyActions.js

@@ -0,0 +1,12 @@
+import { applyAction } from '../actions/applyAction';
+/**
+ * Moves the app into the "commit" state and applies the given actions one by
+ * one.
+ */
+export const applyActions = (app, actions) => {
+    app.state = 'commit';
+    for (const action of actions) {
+        applyAction(action);
+    }
+};
+//# sourceMappingURL=applyActions.js.map

package/dist/core/reconciliation/applyActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyActions.js","sourceRoot":"","sources":["../../../src/core/reconciliation/applyActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGrD;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAQ,EAAE,OAAiB,EAAQ,EAAE,CAAC;IACjE,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;IACrB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,WAAW,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;AAAA,CACF,CAAC"}

package/dist/core/reconciliation/collect/fromApp.d.ts

@@ -0,0 +1,9 @@
+import type { App } from '../../../types';
+import type { Action } from '../../../types/actions';
+/**
+ * Goes through the list of invalidated components, runs them, finds the diff,
+ * and returns the list of actions to convert the previous fiber tree to the new
+ * one.
+ */
+export declare const collectActionsFromApp: (app: App) => Action[];
+//# sourceMappingURL=fromApp.d.ts.map

package/dist/core/reconciliation/collect/fromApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fromApp.d.ts","sourceRoot":"","sources":["../../../../src/core/reconciliation/collect/fromApp.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAIzD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,wBAoCjC,CAAC"}

package/dist/core/reconciliation/collect/fromApp.js

@@ -0,0 +1,39 @@
+import { collectActionsFromComponent } from './fromComponent';
+import { getFiberLevel } from '../fibers';
+/**
+ * Goes through the list of invalidated components, runs them, finds the diff,
+ * and returns the list of actions to convert the previous fiber tree to the new
+ * one.
+ */
+export const collectActionsFromApp = (app) => {
+    const actions = [];
+    // Sort invalidated components by their level in the fiber tree to run the
+    // parent components before their children components.
+    const sorted = [...app.invalidatedComponents]
+        .map((f) => ({ fiber: f, level: getFiberLevel(f) }))
+        .sort((a, b) => a.level - b.level);
+    for (const { fiber } of sorted) {
+        // Redo the check because some components can be indirectly removed in between.
+        if (app.invalidatedComponents.has(fiber)) {
+            actions.push(...collectActionsFromComponent(app, fiber, null));
+        }
+    }
+    if (app.invalidatedComponents.size > 0) {
+        // The only reason why a component might be kept in `invalidatedComponents`
+        // after the first run is that this component was "trapped" inside a
+        // non-invalidated component. We don't traverse through the whole fiber
+        // tree, so we need to run the rest of the queue again.
+        if (app.testMode) {
+            // A sanity check
+            for (const fiber of app.invalidatedComponents) {
+                if (fiber.type !== 'component' ||
+                    !fiber.data.hooks?.some((h) => h.type === 'context')) {
+                    throw new Error(`Fiber node is stuck`);
+                }
+            }
+        }
+        actions.push(...collectActionsFromApp(app));
+    }
+    return actions;
+};
+//# sourceMappingURL=fromApp.js.map

package/dist/core/reconciliation/collect/fromApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fromApp.js","sourceRoot":"","sources":["../../../../src/core/reconciliation/collect/fromApp.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,GAAQ,EAAY,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,0EAA0E;IAC1E,sDAAsD;IACtD,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,qBAAqB,CAAC;SAC1C,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACnD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IACrC,KAAK,MAAM,EAAE,KAAK,EAAE,IAAI,MAAM,EAAE,CAAC;QAC/B,+EAA+E;QAC/E,IAAI,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACzC,OAAO,CAAC,IAAI,CAAC,GAAG,2BAA2B,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;IAED,IAAI,GAAG,CAAC,qBAAqB,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;QACvC,2EAA2E;QAC3E,oEAAoE;QACpE,uEAAuE;QACvE,uDAAuD;QACvD,IAAI,GAAG,CAAC,QAAQ,EAAE,CAAC;YACjB,iBAAiB;YACjB,KAAK,MAAM,KAAK,IAAI,GAAG,CAAC,qBAAqB,EAAE,CAAC;gBAC9C,IACE,KAAK,CAAC,IAAI,KAAK,WAAW;oBAC1B,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,EACpD,CAAC;oBACD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,OAAO,CAAC;AAAA,CAChB,CAAC"}

package/dist/core/reconciliation/collect/fromChildrenPair.d.ts

@@ -0,0 +1,9 @@
+import type { FiberNode } from '../../../types';
+import type { Action } from '../../../types/actions';
+/**
+ * Returns a list of actions needed to convert `before` to `after`, where
+ * `before` is a list of children from the last render, and `after` is the list
+ * of children of the same node from the current render.
+ */
+export declare const collectActionsFromChildrenPair: (fiber: FiberNode, after: FiberNode[]) => Action[];
+//# sourceMappingURL=fromChildrenPair.d.ts.map

package/dist/core/reconciliation/collect/fromChildrenPair.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fromChildrenPair.d.ts","sourceRoot":"","sources":["../../../../src/core/reconciliation/collect/fromChildrenPair.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIV,SAAS,EAGV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AASzD;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,oDA8D1C,CAAC"}

package/dist/core/reconciliation/collect/fromChildrenPair.js

@@ -0,0 +1,127 @@
+import { getAppByFiber } from '../app';
+import { collectActionsFromFiberPair } from './fromFiberPair';
+import { runFiberComponents } from '../runFiberComponents';
+import { collectActionsFromNewFiber } from '../../../core/reconciliation/collect/fromNewFiber';
+import { createFiberNode, FAKE_CONTAINER_TAG } from '../fibers';
+import { areFiberNodesEq } from '../compare/areFiberNodesEq';
+import { isContainerFiber } from '../typeGuards';
+/**
+ * Returns a list of actions needed to convert `before` to `after`, where
+ * `before` is a list of children from the last render, and `after` is the list
+ * of children of the same node from the current render.
+ */
+export const collectActionsFromChildrenPair = (
+/** The parent node for both `before` and `after`. */
+fiber, 
+/** New children set (some component's direct or indirect update) */
+after) => {
+    const app = getAppByFiber(fiber);
+    const left = getChildrenMap(fiber.children);
+    const right = getChildrenMap(after);
+    /** A flag indicating there was at least one change that requires calling the
+     * Relayout action. Such as removing, replacing, adding or repositioning a
+     * fiber node. */
+    let relayoutNeeded = false;
+    const actions = [];
+    // Search for nodes that were in the past render but don't exist in the
+    // current render. Then remove them.
+    for (const [key, l] of left.entries()) {
+        if (!right.has(key)) {
+            // Don't run components from the removing node even if they were invalidated
+            uninvalidateFiberSubTree(app, l.fiber);
+            actions.push({ type: 'Remove', fiber: l.fiber });
+            relayoutNeeded = true; // to handle the compact mode of the container.
+        }
+    }
+    for (const [key, r] of right.entries()) {
+        const l = left.get(key);
+        if (!l || !areFiberNodesEq(l.fiber, r.fiber)) {
+            // 1. There was no node with this key before. Create a new one.
+            // 2. There was one, but it was very different. Replace it.
+            relayoutNeeded = true;
+            actions.push(...createFiberActions(app, r.fiber));
+            if (l) {
+                // Don't run components from the removing node even if they were invalidated
+                uninvalidateFiberSubTree(app, l.fiber);
+                actions.push({ type: 'Replace', fiber: l.fiber, newFiber: r.fiber });
+            }
+            continue;
+        }
+        else {
+            // No need to recreate the existing node, but we might need to update it
+            // or one of its children.
+            actions.push(...collectActionsFromFiberPair(app, l.fiber, r.fiber));
+        }
+        // Handle the case when the node changed its position. It's possible for
+        // nodes with manual keys.
+        relayoutNeeded ||= l.order !== r.order;
+    }
+    if (relayoutNeeded) {
+        // It'll:
+        // - update node positions when needed
+        // - move new nodes from a temporary container to the existing l-container
+        // - wrap or unwrap !--brackets for the fiber's container
+        actions.push({ type: 'Relayout', fiber, before: left, after: right });
+    }
+    return actions;
+};
+/**
+ * Recursively search for components marked for invalidation. Then remove them
+ * from the updating queue (invalidatedComponents). Should be called on
+ * fiber-node deletion.
+ */
+const uninvalidateFiberSubTree = (app, fiberNode) => {
+    if (fiberNode.type === 'component') {
+        app.invalidatedComponents.delete(fiberNode);
+    }
+    for (const f of fiberNode.children) {
+        uninvalidateFiberSubTree(app, f);
+    }
+};
+/**
+ * Returns a list of actions to create from scratch the DOM nodes of the given
+ * fiber node.
+ */
+const createFiberActions = (app, fiber) => {
+    const fakeParent = createFakeFiberContainer(fiber.parent);
+    fakeParent.parent = fiber.parent;
+    // Wrap the given node with a fake <x-container/> node to force `applyActions`
+    // to create new DOM nodes in the fake DOM node, not in the mounted container.
+    // The Relayout action will move them into the real node and then reassign the
+    // parent.
+    fiber.parent = fakeParent;
+    if (isContainerFiber(fiber)) {
+        // Since all inner components are also new we need to run them.
+        runFiberComponents(app, fiber);
+    }
+    // Reuse the same tooling we use for mounting the app.
+    return collectActionsFromNewFiber(fiber);
+};
+/**
+ * Create an <x-container/> DOM node that is not mounted to the real DOM tree.
+ * It will be used to store new DOM nodes until the Relayout action repositions
+ * them into their real parent.
+ */
+const createFakeFiberContainer = (fiber) => ({
+    ...createFiberNode(fiber),
+    type: 'tag',
+    element: document.createElement('x-container'),
+    tag: FAKE_CONTAINER_TAG,
+    data: { events: {} },
+    props: {},
+});
+/**
+ * Converts FiberNode[] to Map<key, { order, fiber }>.
+ */
+const getChildrenMap = (fibers) => {
+    let unnamedPos = -1;
+    return new Map(fibers.map((fiber, idx) => {
+        if (fiber.key == null)
+            ++unnamedPos;
+        return [
+            fiber.key ?? `auto:${unnamedPos}`,
+            { order: idx, fiber },
+        ];
+    }));
+};
+//# sourceMappingURL=fromChildrenPair.js.map

package/dist/core/reconciliation/collect/fromChildrenPair.js.map

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

package/dist/core/reconciliation/collect/fromComponent.d.ts

@@ -0,0 +1,10 @@
+import type { App, FiberNode } from '../../../types';
+import type { Action } from '../../../types/actions';
+/**
+ * 1. Runs a component
+ * 2. Collects and returns a list of actions needed to actualize it
+ *
+ * Throws when the given component is not invalidated.
+ */
+export declare const collectActionsFromComponent: (app: App, fiber: FiberNode, updated: FiberNode | null) => Action[];
+//# sourceMappingURL=fromComponent.d.ts.map

package/dist/core/reconciliation/collect/fromComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fromComponent.d.ts","sourceRoot":"","sources":["../../../../src/core/reconciliation/collect/fromComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAMzD;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,qEAkBvC,CAAC"}