@faiwer/react 0.8.3 → 0.9.0

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

@@ -1,117 +1,85 @@
-import { nullthrows } from '../../utils';
 import { isEventName } from './helpers';
+import { setSvgAttribute } from './dom/svg';
+import { setTagStyles } from './dom/css';
+import { setEventHandler } from './dom/events';
+import { setHtmlAttribute } from './dom/attributes';
+import { changeControlValue, setValueAttr } from './dom/value';
+import { getAppByFiber } from '../reconciliation/app';
+import { nullthrowsForFiber, ReactError, } from '../reconciliation/errors/ReactError';
+import { isSetHtml } from '../reconciliation/typeGuards';
 /**
  * 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 }) {
+export function setAttrAction(fiber, { name, value, creation }) {
     if (fiber.type !== 'tag') {
-        throw new Error(`Can't apply SetAttr to a ${fiber.type} node`);
+        throw new ReactError(fiber, `Can't apply SetAttr to a ${fiber.type} node`);
     }
     if (fiber.role === 'portal') {
-        throw new Error(`Can't apply SetAttr to a portal node`);
+        throw new ReactError(fiber, `Can't apply SetAttr to a portal node`);
     }
-    const element = nullthrows(fiber.element);
-    if (isEventName(name) || name in fiber.data.events) {
+    const element = nullthrowsForFiber(fiber, fiber.element);
+    if (isControllableAttrValue(fiber.element, name)) {
+        setValueAttr(fiber, name, value);
+    }
+    else if (name === 'defaultChecked' && element instanceof HTMLInputElement) {
+        if (creation) {
+            changeControlValue(getAppByFiber(fiber), element, 'checked', value);
+        }
+    }
+    else if (name === 'defaultValue' &&
+        (element instanceof HTMLInputElement ||
+            element instanceof HTMLTextAreaElement ||
+            element instanceof HTMLSelectElement)) {
+        if (creation) {
+            changeControlValue(getAppByFiber(fiber), element, 'value', value);
+        }
+    }
+    else if (isEventName(name) || name in fiber.data.events) {
         setEventHandler(fiber, element, name, value);
     }
     else if (name === 'style') {
         setTagStyles(fiber, value);
     }
+    else if (name === 'dangerouslySetInnerHTML' && isSetHtml(value)) {
+        element.innerHTML = value.__html;
+    }
     else if (value == null) {
         element.removeAttribute(name);
     }
     else {
         const strValue = String(value);
+        // Without this check, updates like img.src = the-same-src lead to
+        // retriggering the onload handler.
         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);
+            if (element instanceof SVGElement) {
+                setSvgAttribute(element, name, strValue);
+            }
+            else {
+                setHtmlAttribute(element, name, value);
+            }
         }
     }
 }
-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;
-    }
-};
 /**
- * Handles removing, toggling and adding tag styles.
+ * Returns true if the given attribute is the controllable (by React) value of
+ * the given HTML control. E.g.:
+ * - for input[type=text] the value attributes is "value"
+ * - but for input[type="radio"] it's "checked", whereas "value" is just a
+ *   optional string attribute.
  */
-const setTagStyles = (fiber, 
-/** Should be a CSS-string (hyphens) or a CSS map (camelCase) */
-stylesRaw) => {
-    if (typeof stylesRaw !== 'string' &&
-        stylesRaw != null &&
-        typeof stylesRaw !== 'object') {
-        throw new Error(`Unsupported format of styles`);
-    }
-    const elementStyle = fiber.element.style;
-    const newStyles = typeof stylesRaw === 'string' ? strToStyles(stylesRaw) : (stylesRaw ?? {});
-    if (Object.keys(newStyles).length > 0) {
-        for (const key of Object.keys(fiber.data.styles ?? {})) {
-            if (!(key in newStyles)) {
-                if (key.includes('-')) {
-                    elementStyle.removeProperty(key);
-                }
-                else if (key in elementStyle) {
-                    // @ts-ignore It's wrongly typed as read-only.
-                    elementStyle[key] = '';
-                }
-            }
-        }
-        for (const [key, value] of Object.entries(newStyles)) {
-            if (key.includes('-')) {
-                elementStyle.setProperty(key, value);
-            }
-            else if (key in elementStyle) {
-                // @ts-ignore It's wrongly typed as read-only.
-                elementStyle[key] = value;
-            }
-        }
+const isControllableAttrValue = (element, name) => {
+    if (element instanceof HTMLInputElement) {
+        const { type } = element;
+        return type === 'radio' || type === 'checkbox'
+            ? name === 'checked'
+            : name === 'value';
     }
-    else {
-        fiber.element.removeAttribute('style');
+    if (element instanceof HTMLTextAreaElement ||
+        element instanceof HTMLSelectElement) {
+        return name === 'value';
     }
-    fiber.data.styles = newStyles;
-};
-/**
- * Converts a string like "color: red; font-size: 12px" to
- * { color: 'red', ['font-size']: '12px' }
- */
-const strToStyles = (css) => {
-    cssDummy.style.cssText = css;
-    return Object.fromEntries(Array.from(cssDummy.style).map((k) => [
-        k,
-        cssDummy.style.getPropertyValue(k),
-    ]));
+    return false;
 };
-const cssDummy = document.createElement('x-css-dummy');
 //# sourceMappingURL=setAttr.action.js.map

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

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

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

@@ -1 +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"}
+{"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;AAGjE;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,cAAc,QAYzE"}

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

@@ -1,3 +1,4 @@
+import { ReactError } from '../reconciliation/errors/ReactError';
 /**
  * Updates the set of props for the given fiber node. This doesn't make any
  * DOM changes or run components.
@@ -6,7 +7,7 @@ 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`);
+        throw new ReactError(fiber, `setProps action is not applicable to this fiber node`);
     }
     fiber.props = props;
 }

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

@@ -1 +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"}
+{"version":3,"file":"setProps.action.js","sourceRoot":"","sources":["../../../src/core/actions/setProps.action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE;;;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,UAAU,CAClB,KAAK,EACL,sDAAsD,CACvD,CAAC;IACJ,CAAC;IACD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AAAA,CACrB"}

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

@@ -7,5 +7,5 @@ import type { SetRefAction } from '../../types/actions';
  *
  * Removing nodes with ref handlers is handled in remove and replace actions.
  */
-export declare function setRefAction(fiber: FiberNode, { ref, dontUnsetRef }: SetRefAction): void;
+export declare function setRefAction(fiber: FiberNode, { ref, dontUnsetRef }: Pick<SetRefAction, 'ref' | 'dontUnsetRef'>): void;
 //# sourceMappingURL=setRef.action.d.ts.map

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

@@ -1 +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"}
+{"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;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAS/D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,EAChB,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,cAAc,CAAC,QAmClE"}

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

@@ -1,7 +1,7 @@
-import { nullthrows } from '../../utils';
 import { unsetRef } from './helpers';
 import { scheduleEffect } from '../reconciliation/effects';
 import { getAppByFiber } from '../reconciliation/app';
+import { nullthrowsForFiber, ReactError, } from '../reconciliation/errors/ReactError';
 /**
  * A ref or ref handler for the given node was:
  * - set up
@@ -11,18 +11,17 @@ import { getAppByFiber } from '../reconciliation/app';
  */
 export function setRefAction(fiber, { ref, dontUnsetRef }) {
     if (fiber.type !== 'tag') {
-        throw new Error(`setRefAction is not compatible with ${fiber.type} nodes`);
+        throw new ReactError(fiber, `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);
+        unsetRef(fiber, false);
     }
     // Run effects only when the DOM node is already mounted to a real DOM node.
     scheduleEffect(getAppByFiber(fiber), () => {
-        const element = nullthrows(fiber.element);
+        const element = nullthrowsForFiber(fiber, fiber.element);
         if (typeof ref === 'function') {
             ref(element);
         }
@@ -31,7 +30,7 @@ export function setRefAction(fiber, { ref, dontUnsetRef }) {
         }
     }, 
     // React calls ref handlers even before it runs layout effects.
-    'refs');
+    'refsMount');
     fiber.ref = ref;
     return;
 }

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

@@ -1 +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"}
+{"version":3,"file":"setRef.action.js","sourceRoot":"","sources":["../../../src/core/actions/setRef.action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EACL,kBAAkB,EAClB,UAAU,GACX,MAAM,qCAAqC,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,KAAgB,EAChB,EAAE,GAAG,EAAE,YAAY,EAA8C,EACjE;IACA,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;QACzB,MAAM,IAAI,UAAU,CAClB,KAAK,EACL,uCAAuC,KAAK,CAAC,IAAI,QAAQ,CAC1D,CAAC;IACJ,CAAC;IAED,IACE,KAAK,CAAC,GAAG;QACT,6EAA6E;QAC7E,kBAAkB;QAClB,CAAC,YAAY,EACb,CAAC;QACD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,4EAA4E;IAC5E,cAAc,CACZ,aAAa,CAAC,KAAK,CAAC,EACpB,GAAG,EAAE,CAAC;QACJ,MAAM,OAAO,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAgB,CAAC;QACxE,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,WAAW,CACZ,CAAC;IAEF,KAAK,CAAC,GAAG,GAAG,GAAuB,CAAC;IACpC,OAAO;AAAA,CACR"}

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

@@ -1 +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"}
+{"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;AAMhE;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,aAAa,QAMtE"}

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

@@ -1,12 +1,12 @@
-import { nullthrows } from '../../utils';
+import { nullthrowsForFiber, ReactError, } from '../reconciliation/errors/ReactError';
 /**
  * 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`);
+        throw new ReactError(fiber, `Can't apply setText action to non-text node`);
     }
     fiber.props = { text };
-    nullthrows(fiber.element).textContent = text;
+    nullthrowsForFiber(fiber, fiber.element).textContent = text;
 }
 //# sourceMappingURL=setText.action.js.map

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

@@ -1 +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"}
+{"version":3,"file":"setText.action.js","sourceRoot":"","sources":["../../../src/core/actions/setText.action.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,UAAU,GACX,MAAM,qCAAqC,CAAC;AAE7C;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,KAAgB,EAAE,EAAE,IAAI,EAAiB,EAAE;IACvE,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,MAAM,IAAI,UAAU,CAAC,KAAK,EAAE,6CAA6C,CAAC,CAAC;IAC7E,CAAC;IACD,KAAK,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC;IACvB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC;AAAA,CAC7D"}

package/dist/core/classComponent.d.ts

@@ -0,0 +1,33 @@
+import type { ReactComponent, ReactContext, UnknownProps } from '../types';
+export declare const isComponentClass: (value: unknown) => value is ComponentClass<UnknownProps, UnknownProps>;
+/**
+ * A naive implementation of legacy class-based React components. Only the most
+ * important methods are implemented. The implementation is very poor. Don't
+ * rely on it.
+ */
+export declare class Component<Props extends UnknownProps = UnknownProps, State extends UnknownProps = UnknownProps> {
+    props: Props;
+    state: State;
+    context: unknown;
+    static defaultProps?: object;
+    static contextType?: ReactContext<any>;
+    constructor(props: Props);
+    setState(_update: Partial<State>): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    forceUpdate(fn?: () => void): void;
+    componentDidUpdate(_prevProps: Props, _prevState: State): void;
+    shouldComponentUpdate(_nextProps: Props, _nextState: State, _nextContext?: unknown): boolean;
+    render(): JSX.Element;
+    componentDidCatch(_error: unknown, _info: unknown): void;
+    getSnapshotBeforeUpdate(_prevProps: unknown, _prevState: unknown): unknown;
+    static getDerivedStateFromProps(_props: any, _state: any): Partial<any>;
+}
+/**
+ * Since I'm too lazy to implement a proper support for this legacy stuff, but
+ * some of the 3rd party libraries still rely on it, I've made this converter.
+ * It immitate the class-based component's lifecycle using hooks.
+ */
+export declare const convertClassComponentToFC: <Props extends UnknownProps, State extends UnknownProps = UnknownProps>(Component: ComponentClass<Props, State>) => ReactComponent<Props>;
+export type ComponentClass<Props extends UnknownProps = UnknownProps, State extends UnknownProps = UnknownProps> = new (props: Props) => Component<Props, State>;
+//# sourceMappingURL=classComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"classComponent.d.ts","sourceRoot":"","sources":["../../src/core/classComponent.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,oBAAoB,CAAC;AAI5B,eAAO,MAAM,gBAAgB,yEAO5B,CAAC;AAEF;;;;GAIG;AACH,qBAAa,SAAS,CACpB,KAAK,SAAS,YAAY,GAAG,YAAY,EACzC,KAAK,SAAS,YAAY,GAAG,YAAY;IAEzC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAG,KAAK,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAEvC,YAAY,KAAK,EAAE,KAAK,EAEvB;IAGD,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,QAAI;IAGpC,iBAAiB,IAAI,IAAI,CAAG;IAC5B,oBAAoB,IAAI,IAAI,CAAG;IAE/B,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,QAK1B;IAED,kBAAkB,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,QAAI;IAE3D,qBAAqB,CACnB,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,YAAY,CAAC,EAAE,OAAO,WAGvB;IAED,MAAM,IAAI,GAAG,CAAC,OAAO,CAKpB;IAED,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAEvD;IAED,uBAAuB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,GAAG,OAAO,CAEzE;IAED,MAAM,CAAC,wBAAwB,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAEtE;CACF;AASD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GACpC,KAAK,uBACL,KAAK,uGA6FN,CAAC;AAEF,MAAM,MAAM,cAAc,CACxB,KAAK,SAAS,YAAY,GAAG,YAAY,EACzC,KAAK,SAAS,YAAY,GAAG,YAAY,IACvC,KAAK,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC"}

package/dist/core/classComponent.js

@@ -0,0 +1,127 @@
+import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, } from '../hooks';
+import { getCurrentComponentFiber } from './components';
+import { ReactError } from './reconciliation/errors/ReactError';
+export const isComponentClass = (value) => {
+    return (value != null &&
+        typeof value === 'function' &&
+        'prototype' in value &&
+        value.prototype instanceof Component);
+};
+/**
+ * A naive implementation of legacy class-based React components. Only the most
+ * important methods are implemented. The implementation is very poor. Don't
+ * rely on it.
+ */
+export class Component {
+    props;
+    state;
+    context;
+    static defaultProps;
+    static contextType;
+    constructor(props) {
+        this.props = props;
+    }
+    // Overriden in `convertClassComponentToFC`.
+    setState(_update) { }
+    // Could be overridden.
+    componentDidMount() { }
+    componentWillUnmount() { }
+    forceUpdate(fn) {
+        this.setState({});
+        if (fn) {
+            Promise.resolve().then(fn);
+        }
+    }
+    componentDidUpdate(_prevProps, _prevState) { }
+    shouldComponentUpdate(_nextProps, _nextState, _nextContext) {
+        return true;
+    }
+    render() {
+        throw new ReactError(getCurrentComponentFiber(), `Render method must be overridden`);
+    }
+    componentDidCatch(_error, _info) {
+        throw new ReactError(getCurrentComponentFiber(), `Not implemented`);
+    }
+    getSnapshotBeforeUpdate(_prevProps, _prevState) {
+        throw new ReactError(getCurrentComponentFiber(), `Not implemented`);
+    }
+    static getDerivedStateFromProps(_props, _state) {
+        return {};
+    }
+}
+/**
+ * Since we're running `convertClassComponentToFC` for the same component each
+ * time its JSX.Element was created we need to cache the output wrapper
+ * component. Otherwise every parent node's render will remount it.
+ */
+const cache = new Map();
+/**
+ * Since I'm too lazy to implement a proper support for this legacy stuff, but
+ * some of the 3rd party libraries still rely on it, I've made this converter.
+ * It immitate the class-based component's lifecycle using hooks.
+ */
+export const convertClassComponentToFC = (Component) => {
+    if (cache.has(Component)) {
+        return cache.get(Component);
+    }
+    let { defaultProps, contextType, getDerivedStateFromProps } = Component;
+    if (getDerivedStateFromProps === Component.prototype.getDerivedStateFromProps) {
+        getDerivedStateFromProps = undefined;
+    }
+    function FromClassComponent(props) {
+        const { current: ref } = useRef({
+            mounted: false,
+            rendered: 0,
+        });
+        const instance = useMemo(() => new Component({
+            ...defaultProps,
+            ...props,
+        }), []);
+        let [state, setState] = useState(() => instance.state ?? {});
+        if (getDerivedStateFromProps) {
+            // A dirty hack to update the state on the fly.
+            const fiber = getCurrentComponentFiber();
+            const hookState = fiber.data.hooks.find((h) => h.type === 'state');
+            state = hookState.state = {
+                ...hookState.state,
+                ...getDerivedStateFromProps(props, hookState.state),
+            };
+        }
+        if (!ref.mounted) {
+            instance.setState = function classSetState(update) {
+                setState((prev) => ({ ...prev, ...update }));
+            };
+        }
+        useLayoutEffect(() => {
+            ref.mounted = true;
+            instance.componentDidMount();
+            return () => {
+                instance.componentWillUnmount();
+                ref.mounted = false;
+            };
+        }, []);
+        useEffect(() => {
+            if (ref.prevProps) {
+                instance.componentDidUpdate(ref.prevProps, ref.prevState);
+            }
+            ref.prevProps = instance.props;
+            ref.prevState = instance.state;
+        });
+        if (contextType) {
+            instance.context = useContext(contextType);
+        }
+        instance.props = {
+            ...defaultProps,
+            ...props,
+        };
+        instance.state = state;
+        if (!ref.mounted || instance.shouldComponentUpdate(props, instance.state)) {
+            ref.prevOutput = instance.render();
+        }
+        ++ref.rendered;
+        return ref.prevOutput;
+    }
+    cache.set(Component, FromClassComponent);
+    return FromClassComponent;
+};
+//# sourceMappingURL=classComponent.js.map

package/dist/core/classComponent.js.map

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

package/dist/core/compact.d.ts

@@ -1,38 +1,19 @@
-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;
+import { containerSym, type DomNode, type FiberNode } from '../types';
+export declare const isAutoContainer: (fiber: FiberNode) => fiber is FiberNode & {
+    element: typeof containerSym;
+};
 /**
- * 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-->.
+ * Returns true if the given `fiber` is in the single-child mode. This means it
+ * its `element` refers to its only child's DOM element.
  */
-export declare const isCompactSingleChild: (fiber: FiberNode) => fiber is FiberNode & {
+export declare const isSingleChildContainer: (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-->
+ * Returns true if the given `fiber` is in the empty mode. This means it has no
+ * fiber children, and its element is <!--r:empty:id-->
  */
-export declare const isCompactNone: (fiber: FiberNode) => fiber is FiberNode & {
+export declare const isEmptyContainer: (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

@@ -1 +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"}
+{"version":3,"file":"compact.d.ts","sourceRoot":"","sources":["../../src/core/compact.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,KAAK,OAAO,EACZ,KAAK,SAAS,EACf,MAAM,UAAU,CAAC;AAelB,eAAO,MAAM,eAAe;;CAGI,CAAC;AAEjC;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;CAOA,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;CAMK,CAAC"}