@faiwer/react 0.8.4 → 19.0.1

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

@@ -7,33 +7,25 @@ export const collectActionsFromNewFiber = (fiber) => {
         case 'component':
         case 'fragment':
             return [
-                { type: 'CreateComment', fiber, mode: 'begin' },
                 ...fiber.children.map((f) => collectActionsFromNewFiber(f)).flat(),
-                { type: 'CreateComment', fiber, mode: 'end' },
+                { type: 'CreateContainer', fiber },
             ];
         case 'text':
             return [{ type: 'CreateText', fiber }];
         case 'null':
             return [{ type: 'CreateComment', fiber, mode: 'null' }];
         case 'tag': {
-            const actions = [{ type: 'CreateTag', fiber }];
             for (const [k, v] of Object.entries(fiber.props ?? EMPTY)) {
                 assertsTagAttrValue(k, v);
-                actions.push({
-                    type: 'SetAttr',
-                    fiber,
-                    name: k,
-                    value: v,
-                });
             }
-            if (fiber.ref) {
-                actions.push({
-                    type: 'SetRef',
+            const actions = [
+                {
+                    type: 'CreateTag',
                     fiber,
+                    attrs: fiber.props ?? null,
                     ref: fiber.ref,
-                    dontUnsetRef: true,
-                });
-            }
+                },
+            ];
             for (const child of fiber.children) {
                 actions.push(...collectActionsFromNewFiber(child));
             }

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

@@ -1 +1 @@
-{"version":3,"file":"fromNewFiber.js","sourceRoot":"","sources":["../../../../src/core/reconciliation/collect/fromNewFiber.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAgB,EAAY,EAAE,CAAC;IACxE,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,WAAW,CAAC;QACjB,KAAK,UAAU;YACb,OAAO;gBACL,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC/C,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;gBAClE,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;aAC9C,CAAC;QAEJ,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;QAEzC,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAE1D,KAAK,KAAK,EAAE,CAAC;YACX,MAAM,OAAO,GAAa,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;YAEzD,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC;gBAC1D,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC1B,OAAO,CAAC,IAAI,CAAC;oBACX,IAAI,EAAE,SAAS;oBACf,KAAK;oBACL,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;iBACT,CAAC,CAAC;YACL,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;gBACd,OAAO,CAAC,IAAI,CAAC;oBACX,IAAI,EAAE,QAAQ;oBACd,KAAK;oBACL,GAAG,EAAE,KAAK,CAAC,GAA0B;oBACrC,YAAY,EAAE,IAAI;iBACnB,CAAC,CAAC;YACL,CAAC;YAED,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnC,OAAO,CAAC,IAAI,CAAC,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC;YACrD,CAAC;YAED,OAAO,OAAO,CAAC;QACjB,CAAC;IACH,CAAC;AAAA,CACF,CAAC;AAEF,MAAM,KAAK,GAAG,EAAE,CAAC"}
+{"version":3,"file":"fromNewFiber.js","sourceRoot":"","sources":["../../../../src/core/reconciliation/collect/fromNewFiber.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAgB,EAAY,EAAE,CAAC;IACxE,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,WAAW,CAAC;QACjB,KAAK,UAAU;YACb,OAAO;gBACL,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;gBAClE,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE;aACnC,CAAC;QAEJ,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;QAEzC,KAAK,MAAM;YACT,OAAO,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAE1D,KAAK,KAAK,EAAE,CAAC;YACX,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC;gBAC1D,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5B,CAAC;YAED,MAAM,OAAO,GAAa;gBACxB;oBACE,IAAI,EAAE,WAAW;oBACjB,KAAK;oBACL,KAAK,EAAG,KAAK,CAAC,KAAsC,IAAI,IAAI;oBAC5D,GAAG,EAAE,KAAK,CAAC,GAA0B;iBACtC;aACF,CAAC;YAEF,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnC,OAAO,CAAC,IAAI,CAAC,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC;YACrD,CAAC;YAED,OAAO,OAAO,CAAC;QACjB,CAAC;IACH,CAAC;AAAA,CACF,CAAC;AAEF,MAAM,KAAK,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { App, EffectMode } from '../../types';
+import type { App, EffectMode, FiberNode } from '../../types';
 /**
  * Adds to a planner the given effect.
  * - `refs` & `layout` effects are run in the same microtask queue
@@ -6,7 +6,7 @@ import type { App, EffectMode } from '../../types';
  *   be run in the same microtask queue (when one of the ref or layout effects
  *   invalidates a component).
  */
-export declare const scheduleEffect: (app: App, effect: () => void, mode: EffectMode) => void;
+export declare const scheduleEffect: (fiber: FiberNode, fn: () => void, mode: EffectMode) => void;
 /**
  * Run scheduled effects one-by-one from the given queue.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/effects.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,0DAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,sCAOtB,CAAC"}
+{"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/effects.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOrE;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,8DAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,sCAgCtB,CAAC"}

package/dist/core/reconciliation/effects.js

@@ -1,3 +1,8 @@
+import { getAppByFiber } from './app';
+import { ReactError } from './errors/ReactError';
+import { findClosestErrorBoundary } from '../../hooks/useError';
+import { traverseFiberTree } from '../actions/helpers';
+import { catchErrorAction } from '../actions/catchError.action';
 /**
  * Adds to a planner the given effect.
  * - `refs` & `layout` effects are run in the same microtask queue
@@ -5,17 +10,60 @@
  *   be run in the same microtask queue (when one of the ref or layout effects
  *   invalidates a component).
  */
-export const scheduleEffect = (app, effect, mode) => {
-    app.effects[mode].push(effect);
+export const scheduleEffect = (fiber, fn, mode) => {
+    getAppByFiber(fiber).effects[mode].push({ fiber, fn, cancelled: false });
 };
 /**
  * Run scheduled effects one-by-one from the given queue.
  */
 export const runEffects = (app, mode) => {
     const effects = app.effects[mode];
+    for (const { fn, fiber, cancelled } of effects) {
+        if (cancelled) {
+            // Another component within the same error boundary children group failed
+            // during running one of its effects.
+            continue;
+        }
+        try {
+            fn(fiber);
+        }
+        catch (errorRaw) {
+            if (mode === 'refsMount' || mode === 'refsUnmount') {
+                fiber.ref = null; // Don't run the ref-destructor for this fiber.
+            }
+            const error = new ReactError(fiber, `Error during running effect. ${String(errorRaw)}`);
+            const boundary = findClosestErrorBoundary(fiber);
+            if (!boundary) {
+                throw error;
+            }
+            cancelSetEffects(app, collectBoundaryChildren(boundary));
+            catchErrorAction(boundary, { error });
+        }
+    }
     app.effects[mode] = [];
-    for (const fn of effects) {
-        fn();
+};
+/** Return IDs of all given error boundary fiber children. */
+const collectBoundaryChildren = (boundary) => {
+    const fibers = new Set();
+    traverseFiberTree(boundary, (fiber) => {
+        if (fiber !== boundary) {
+            fibers.add(fiber.id);
+        }
+    });
+    return fibers;
+};
+/** Cancels all effects that aren't destructors for given set of fibers. */
+const cancelSetEffects = (app, fibers) => {
+    for (const group of [
+        app.effects.layout,
+        app.effects.normal,
+        app.effects.refsMount,
+    ]) {
+        for (const effect of group) {
+            if (fibers.has(effect.fiber.id)) {
+                effect.cancelled = true;
+            }
+        }
     }
 };
 //# sourceMappingURL=effects.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"effects.js","sourceRoot":"","sources":["../../../src/core/reconciliation/effects.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,GAAQ,EACR,MAAkB,EAClB,IAAgB,EACV,EAAE,CAAC;IACT,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAAA,CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,IAAgB,EAAE,EAAE,CAAC;IACxD,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAEvB,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;QACzB,EAAE,EAAE,CAAC;IACP,CAAC;AAAA,CACF,CAAC"}
+{"version":3,"file":"effects.js","sourceRoot":"","sources":["../../../src/core/reconciliation/effects.ts"],"names":[],"mappings":"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"}

package/dist/core/reconciliation/errors/ReactError.d.ts

@@ -0,0 +1,15 @@
+import type { FiberNode } from '../../../types';
+import type { CatchErrorAction } from '../../../types/actions';
+export declare class ReactError extends Error {
+    fiber: FiberNode;
+    fullStack: string;
+    constructor(fiber: FiberNode, error: unknown, prefix?: string);
+    /**
+     * Finds the closest error boundary and prepares a CatchError action. If a
+     * boundary wasn't found it returns null.
+     */
+    genCatchAction(): CatchErrorAction | null;
+    catchActionArrOrPassThru(): CatchErrorAction[] | ReactError;
+}
+export declare const nullthrowsForFiber: <T>(fiber: FiberNode, val: T | null | undefined, label?: string) => T;
+//# sourceMappingURL=ReactError.d.ts.map

package/dist/core/reconciliation/errors/ReactError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactError.d.ts","sourceRoot":"","sources":["../../../../src/core/reconciliation/errors/ReactError.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAKnE,qBAAa,UAAW,SAAQ,KAAK;IACnC,KAAK,EAAE,SAAS,CAAC;IAEjB,SAAS,EAAE,MAAM,CAAC;IAElB,YAAY,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,EAgB5D;IAED;;;OAGG;IACH,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAcxC;IAED,wBAAwB,IAAI,gBAAgB,EAAE,GAAG,UAAU,CAG1D;CACF;AAUD,eAAO,MAAM,kBAAkB,GAAI,CAAC,mEAUnC,CAAC"}

package/dist/core/reconciliation/errors/ReactError.js

@@ -0,0 +1,56 @@
+import { captureStack, getFiberLabel } from './stack';
+import { findClosestErrorBoundary } from '../../../hooks/useError';
+import { traverseFiberTree } from '../../../core/actions/helpers';
+import { getAppByFiber } from '../app';
+export class ReactError extends Error {
+    fiber;
+    // Like .stack but contains the label of the node where the error occured.
+    fullStack;
+    constructor(fiber, error, prefix) {
+        let message = ((prefix ? `${prefix}. ` : '') + errToStr(error)).replace('%fiber%', getFiberLabel(fiber));
+        super(message);
+        this.fiber = fiber;
+        this.name = 'ReactError';
+        const stack = captureStack(fiber);
+        this.message +=
+            '\nReact stack:\n' + stack.map((line) => ` ├— ${line}`).join('\n');
+        this.fullStack = captureStack(fiber, false)
+            .map((line) => ` ├— ${line}`)
+            .join('\n');
+    }
+    /**
+     * Finds the closest error boundary and prepares a CatchError action. If a
+     * boundary wasn't found it returns null.
+     */
+    genCatchAction() {
+        const boundary = findClosestErrorBoundary(this.fiber);
+        if (!boundary)
+            return null;
+        const app = getAppByFiber(this.fiber);
+        // Remove from the whole app.invalidatedComponents all components that are
+        // children from `fiber`?
+        traverseFiberTree(boundary, (child) => {
+            if (child.type === 'component') {
+                app.invalidatedComponents.delete(child);
+            }
+        });
+        return { type: 'CatchError', fiber: boundary, error: this };
+    }
+    catchActionArrOrPassThru() {
+        const catchAction = this.genCatchAction();
+        return catchAction ? [catchAction] : this;
+    }
+}
+const errToStr = (error) => {
+    if (error && typeof error === 'object' && 'message' in error) {
+        return String(error.message);
+    }
+    return String(error) || 'Unknown error';
+};
+export const nullthrowsForFiber = (fiber, val, label = 'given value') => {
+    if (val == null) {
+        throw new ReactError(fiber, `${label} is null or undefined`);
+    }
+    return val;
+};
+//# sourceMappingURL=ReactError.js.map

package/dist/core/reconciliation/errors/ReactError.js.map

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

package/dist/core/reconciliation/errors/stack.d.ts

@@ -1,3 +1,9 @@
-import type { FiberNode } from "../../../types";
-export declare const captureStack: (fiber: FiberNode) => string[];
+import type { FiberNode } from '../../../types';
+/**
+ * Returns a list of labels of all parents of the given fiber node.
+ * @example
+ * ['<div.test/>', '<Label/>', '<App/>']
+ */
+export declare const captureStack: (fiber: FiberNode, skipRoot?: boolean) => string[];
+export declare const getFiberLabel: (fiber: FiberNode) => string;
 //# sourceMappingURL=stack.d.ts.map

package/dist/core/reconciliation/errors/stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/core/reconciliation/errors/stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,eAAO,MAAM,YAAY,gCASxB,CAAA"}
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/core/reconciliation/errors/stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,oBAAoB,CAAC;AAIlE;;;;GAIG;AACH,eAAO,MAAM,YAAY,oDASxB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAoCzB,CAAC"}

package/dist/core/reconciliation/errors/stack.js

@@ -1,23 +1,80 @@
-export const captureStack = (fiber) => {
-    const result = [];
-    while (fiber.parent) {
+import { getAppByFiber } from '../app';
+import { isFiberDead } from '../fibers';
+/**
+ * Returns a list of labels of all parents of the given fiber node.
+ * @example
+ * ['<div.test/>', '<Label/>', '<App/>']
+ */
+export const captureStack = (fiber, skipRoot = true) => {
+    const result = skipRoot ? [] : [getFiberLabel(fiber)];
+    while (fiber.parent && fiber.parent.tag !== 'root') {
         result.push(getFiberLabel(fiber.parent));
         fiber = fiber.parent;
     }
     return result;
 };
-const getFiberLabel = (fiber) => {
+export const getFiberLabel = (fiber) => {
+    if (isFiberDead(fiber)) {
+        return `DEAD Fiber`;
+    }
     switch (fiber.type) {
+        // <User/>
         case 'component':
-            return '<' + fiber.component.name + '/>';
+            return ('<' +
+                (fiber.component.displayName || fiber.component.name) +
+                '/>' +
+                source(fiber));
+        // <div#root.user/>
+        // portal(<div#portal/>)
         case 'tag':
-            return '<' + fiber.tag + '/>';
+            return fiber.role === 'portal'
+                ? `portal(<${fiber.data?.tagName.toLowerCase()}${tagAttrs(fiber.data)}/>`
+                : `<${fiber.tag}${tagAttrs(fiber)}/>${source(fiber)}`;
+        // #hello world
         case 'text':
-            return 'text(' + fiber.props.text.substring(0, 10) + '…)';
+            return `#${shorten(fiber.props.text, 50)}`;
+        // </>
+        // <Fragment key="group"/>
         case 'fragment':
-            return '</>';
+            return fiber.role === 'context'
+                ? `context(` +
+                    (fiber.data.ctx.displayName || 'unnamed') +
+                    ')' +
+                    source(fiber)
+                : (fiber.key ? `<Fragment key="${fiber.key}"/>` : '</>') +
+                    source(fiber);
         case 'null':
             return 'null';
     }
 };
+const tagAttrs = (src) => {
+    const list = [];
+    const props = src === null ? {} : src instanceof Element ? src : src.props;
+    if (props.id) {
+        list.push(`#${props.id}`);
+    }
+    if (props.className) {
+        list.push('.' +
+            String(props.className)
+                .split(/\s+/)
+                .slice(0, 3)
+                .map((l) => shorten(l, 30))
+                .join('.'));
+    }
+    if (!!src && 'key' in src && !!src.key) {
+        list.push(`key="${src.key}"`);
+    }
+    return (props.id || props.className ? '' : ' ') + list.join(' ');
+};
+const shorten = (src, maxLen = 15) => src.length > maxLen ? src.slice(0, maxLen) + `…` : src;
+const source = (fiber) => {
+    const { source } = fiber;
+    if (!source)
+        return '';
+    const { transformSource } = getAppByFiber(fiber);
+    let { columnNumber, fileName, lineNumber } = transformSource
+        ? transformSource(source)
+        : source;
+    return ` at ${fileName}:${lineNumber}:${columnNumber}`;
+};
 //# sourceMappingURL=stack.js.map

package/dist/core/reconciliation/errors/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../../src/core/reconciliation/errors/stack.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAY,EAAE,CAAC;IAC1D,MAAM,MAAM,GAAa,EAAE,CAAC;IAE5B,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;QACpB,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACzC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,OAAO,MAAM,CAAC;AAAA,CACf,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAU,EAAE,CAAC;IAClD,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,WAAW;YACd,OAAO,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;QAC3C,KAAK,KAAK;YACR,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC;QAChC,KAAK,MAAM;YACT,OAAO,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAI,CAAC;QAC5D,KAAK,UAAU;YACb,OAAO,KAAK,CAAC;QACf,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF,CAAA"}
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../../src/core/reconciliation/errors/stack.ts"],"names":[],"mappings":"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"}

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

@@ -25,6 +25,7 @@ export declare const createFiberNode: (parent: FiberNode) => {
     tag: null;
     children: never[];
     data: null;
+    source: null;
 };
 export declare const NULL_FIBER: FiberNode;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"fibers.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/fibers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD;;;GAGG;AACH,eAAO,MAAM,aAAa,8BAOzB,CAAC;AAEF;wEACwE;AACxE,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAEhD;iEACiE;AACjE,eAAO,MAAM,YAAY,eAAe,CAAC;AAGzC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;CAgBmB,CAAC;AAEhD,eAAO,MAAM,UAAU,WAA+B,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,eAAe,mCAU3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,+BAAqC,CAAC"}
+{"version":3,"file":"fibers.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/fibers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD;;;GAGG;AACH,eAAO,MAAM,aAAa,8BAOzB,CAAC;AAEF;wEACwE;AACxE,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAEhD;iEACiE;AACjE,eAAO,MAAM,YAAY,eAAe,CAAC;AAGzC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;CAiBmB,CAAC;AAEhD,eAAO,MAAM,UAAU,WAA+B,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,eAAe,mCAU3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,+BAAqC,CAAC"}

package/dist/core/reconciliation/fibers.js

@@ -1,4 +1,4 @@
-import { nullthrows } from '../../utils';
+import { nullthrowsForFiber } from './errors/ReactError';
 /**
  * Theoretically, fiber can't change its level. So this function linearly
  * calculates the fiber's level and caches the result in fiber.level.
@@ -32,6 +32,7 @@ export const createFiberNode = (parent) => ({
     tag: null,
     children: [],
     data: null,
+    source: null,
 });
 export const NULL_FIBER = null;
 /**
@@ -42,7 +43,7 @@ export const toFiberChildren = (fiber) => {
     if (fiber.type === 'fragment' && fiber.role === null && fiber.key === null) {
         for (const child of fiber.children) {
             // Fix the parent, since we moved them 1 level up.
-            child.parent = nullthrows(child.parent.parent);
+            child.parent = nullthrowsForFiber(child, child.parent.parent);
         }
         return fiber.children;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"fibers.js","sourceRoot":"","sources":["../../../src/core/reconciliation/fibers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAU,EAAE,CAAC;IACzD,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9C,OAAO,KAAK,CAAC,KAAK,CAAC;AAAA,CACpB,CAAC;AAEF;wEACwE;AACxE,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC;AAEhD;iEACiE;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CAAC;AAEzC,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAiB,EAAE,EAAE,CACnD,CAAC;IACC,EAAE,EAAE,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,MAAM;IACN,KAAK,EAAE,IAAI;IACX,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,GAAG,EAAE,IAAI;IACT,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,IAAI;CACX,CAA4C,CAAC;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAG,IAA4B,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAe,EAAE,CAAC;IAChE,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;QAC3E,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnC,kDAAkD;YAClD,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,KAAK,CAAC,QAAQ,CAAC;IACxB,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,CAAC;AAAA,CAChB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC"}
+{"version":3,"file":"fibers.js","sourceRoot":"","sources":["../../../src/core/reconciliation/fibers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAU,EAAE,CAAC;IACzD,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9C,OAAO,KAAK,CAAC,KAAK,CAAC;AAAA,CACpB,CAAC;AAEF;wEACwE;AACxE,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC;AAEhD;iEACiE;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CAAC;AAEzC,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAiB,EAAE,EAAE,CACnD,CAAC;IACC,EAAE,EAAE,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,MAAM;IACN,KAAK,EAAE,IAAI;IACX,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,GAAG,EAAE,IAAI;IACT,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;CACb,CAA4C,CAAC;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAG,IAA4B,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAe,EAAE,CAAC;IAChE,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;QAC3E,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnC,kDAAkD;YAClD,KAAK,CAAC,MAAM,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAChE,CAAC;QACD,OAAO,KAAK,CAAC,QAAQ,CAAC;IACxB,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,CAAC;AAAA,CAChB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+type TCollator<T> = (a: T, b: T) => number;
+export declare class Heap<T> {
+    private collator;
+    arr: T[];
+    constructor(collator: TCollator<T>);
+    static fromArray<T>(items: T[], collator: TCollator<T>): Heap<T>;
+    private collate;
+    private heapify;
+    private getChildItemIdx;
+    private getParentItemIdx;
+    size(): number;
+    add(item: T): void;
+    pollToArray(): T[];
+    peek(): T | null;
+    poll(): T | null;
+}
+export {};
+//# sourceMappingURL=heap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heap.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/heap.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;AAG3C,qBAAa,IAAI,CAAC,CAAC;IAGL,OAAO,CAAC,QAAQ;IAF5B,GAAG,EAAE,CAAC,EAAE,CAAM;IAEd,YAAoB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,EAAI;IAE9C,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAQ/D;IAED,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,OAAO;IA6Bf,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,gBAAgB;IAIxB,IAAI,IAAI,MAAM,CAEb;IAED,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAWjB;IAED,WAAW,IAAI,CAAC,EAAE,CAIjB;IAED,IAAI,IAAI,CAAC,GAAG,IAAI,CAEf;IAED,IAAI,IAAI,CAAC,GAAG,IAAI,CAYf;CACF"}

package/dist/core/reconciliation/heap.js

@@ -0,0 +1,81 @@
+// TODO: Add tests
+export class Heap {
+    collator;
+    arr = [];
+    constructor(collator) {
+        this.collator = collator;
+    }
+    static fromArray(items, collator) {
+        const heap = new Heap(collator);
+        for (const item of items)
+            heap.arr.push(item);
+        for (let i = Math.floor(items.length / 2); i >= 0; --i)
+            heap.heapify(i);
+        return heap;
+    }
+    collate(a, b) {
+        return this.collator(a, b) >= 0;
+    }
+    heapify(idx) {
+        const item = this.arr[idx];
+        if (item == null)
+            return;
+        const lIdx = this.getChildItemIdx(idx, true);
+        const lItem = this.arr[lIdx];
+        const rIdx = this.getChildItemIdx(idx, false);
+        const rItem = this.arr[rIdx];
+        const len = this.arr.length;
+        if (lIdx < len &&
+            this.collate(lItem, item) &&
+            (rIdx >= len || this.collate(lItem, rItem))) {
+            this.arr[lIdx] = item;
+            this.arr[idx] = lItem;
+            return this.heapify(lIdx);
+        }
+        if (rIdx < len && this.collate(rItem, item)) {
+            this.arr[rIdx] = item;
+            this.arr[idx] = rItem;
+            return this.heapify(rIdx);
+        }
+    }
+    getChildItemIdx(idx, isLeft) {
+        return idx * 2 + (isLeft ? 1 : 2);
+    }
+    getParentItemIdx(idx) {
+        return Math.floor((idx - 1) / 2);
+    }
+    size() {
+        return this.arr.length;
+    }
+    add(item) {
+        let idx = this.arr.push(item) - 1;
+        let parentIdx = this.getParentItemIdx(idx);
+        while (parentIdx >= 0 && this.collate(item, this.arr[parentIdx])) {
+            this.arr[idx] = this.arr[parentIdx];
+            this.arr[parentIdx] = item;
+            idx = parentIdx;
+            parentIdx = this.getParentItemIdx(parentIdx);
+        }
+    }
+    pollToArray() {
+        const arr = [];
+        while (this.size() > 0)
+            arr.push(this.poll());
+        return arr;
+    }
+    peek() {
+        return this.size() > 0 ? this.arr[0] : null;
+    }
+    poll() {
+        if (!this.size())
+            return null;
+        const root = this.arr[0];
+        const last = this.arr.pop();
+        if (this.arr.length !== 0) {
+            this.arr[0] = last;
+            this.heapify(0);
+        }
+        return root;
+    }
+}
+//# sourceMappingURL=heap.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"invalidateFiber.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/invalidateFiber.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD;;;;GAIG;AACH,eAAO,MAAM,eAAe,4BA2B3B,CAAC"}
+{"version":3,"file":"invalidateFiber.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/invalidateFiber.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAMpD;;;;GAIG;AACH,eAAO,MAAM,eAAe,4BA8B3B,CAAC"}

package/dist/core/reconciliation/invalidateFiber.js

@@ -1,6 +1,7 @@
 import { getAppByFiber } from './app';
 import { reactRender } from './render';
 import { isFiberDead } from './fibers';
+import { ReactError } from './errors/ReactError';
 /**
  * Adds the given component to the update queue (`invalidatedComponents`).
  * Schedules a new render cycle if one isn't scheduled already. Throws an error
@@ -8,15 +9,15 @@ import { isFiberDead } from './fibers';
  */
 export const invalidateFiber = (fiber) => {
     if (fiber.type !== 'component') {
-        throw new Error(`Cannot invalidate a non-component fiber (${fiber.type})`);
+        throw new ReactError(fiber, `Cannot invalidate a non-component fiber (${fiber.type})`);
     }
     if (isFiberDead(fiber)) {
-        throw new Error(`Cannot invalidate a dead component`);
+        throw new ReactError(fiber, `Cannot invalidate a dead component`);
     }
     const app = getAppByFiber(fiber);
     switch (app.state) {
         case 'idle':
-            app.invalidatedComponents.add(fiber);
+            app.invalidatedComponents.add(fiber, null);
             app.state = 'scheduled';
             queueMicrotask(() => reactRender(app));
             break;
@@ -24,10 +25,10 @@ export const invalidateFiber = (fiber) => {
         case 'effects':
         case 'layoutEffects':
         case 'refEffects':
-            app.invalidatedComponents.add(fiber);
+            app.invalidatedComponents.add(fiber, null);
             break;
         case 'render':
-            throw new Error(`Don't update state during the render phase`);
+            throw new ReactError(fiber, `Don't update state during the render phase`);
     }
 };
 //# sourceMappingURL=invalidateFiber.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"invalidateFiber.js","sourceRoot":"","sources":["../../../src/core/reconciliation/invalidateFiber.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAQ,EAAE,CAAC;IACzD,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,4CAA4C,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IAC7E,CAAC;IACD,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;IACxD,CAAC;IAED,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjC,QAAQ,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,KAAK,MAAM;YACT,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACrC,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC;YACxB,cAAc,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;YACvC,MAAM;QAER,KAAK,WAAW,CAAC;QACjB,KAAK,SAAS,CAAC;QACf,KAAK,eAAe,CAAC;QACrB,KAAK,YAAY;YACf,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM;QAER,KAAK,QAAQ;YACX,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAClE,CAAC;AAAA,CACF,CAAC"}
+{"version":3,"file":"invalidateFiber.js","sourceRoot":"","sources":["../../../src/core/reconciliation/invalidateFiber.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAQ,EAAE,CAAC;IACzD,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAI,UAAU,CAClB,KAAK,EACL,4CAA4C,KAAK,CAAC,IAAI,GAAG,CAC1D,CAAC;IACJ,CAAC;IACD,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;IACpE,CAAC;IAED,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjC,QAAQ,GAAG,CAAC,KAAK,EAAE,CAAC;QAClB,KAAK,MAAM;YACT,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC3C,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC;YACxB,cAAc,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;YACvC,MAAM;QAER,KAAK,WAAW,CAAC;QACjB,KAAK,SAAS,CAAC;QACf,KAAK,eAAe,CAAC;QACrB,KAAK,YAAY;YACf,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC3C,MAAM;QAER,KAAK,QAAQ;YACX,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,4CAA4C,CAAC,CAAC;IAC9E,CAAC;AAAA,CACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/mount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,UAAU,EAGX,MAAM,oBAAoB,CAAC;AAU5B;;;GAGG;AACH,eAAO,MAAM,KAAK,4GAuCjB,CAAC"}
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/core/reconciliation/mount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,UAAU,EAGX,MAAM,oBAAoB,CAAC;AAY5B;;;GAGG;AACH,eAAO,MAAM,KAAK,4GAyDjB,CAAC"}