@faiwer/react 0.8.4 → 0.9.0

package/dist/hooks/useEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEffect.js","sourceRoot":"","sources":["../../src/hooks/useEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAMtE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,SAAS,aAAa,CAAC,IAAgB,EAAE,EAAiB,EAAE,IAAgB,EAAE;IAC5E,MAAM,IAAI,GAAG,mBAAmB,CAAC,QAAQ,EAAE,GAAkB,EAAE,CAAC;QAC9D,MAAM,IAAI,GAAkB;YAC1B,IAAI,EAAE,QAAQ;YACd,IAAI;YACJ,EAAE;YACF,UAAU,EAAE,IAAI;YAChB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;SACnC,CAAC;QACF,cAAc,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,IAAI,CAAC;IAAA,CACb,CAAC,CAAC;IAEH,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAEb,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;QACrE,cAAc,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC;AAAA,CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;AACvB;;+BAE+B;AAC/B,EAAiB;AACjB;;aAEa;AACb,IAAgB,EAChB,EAAE,CAAC;IACH,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAAA,CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;AAC7B;;+BAE+B;AAC/B,EAAiB;AACjB;;aAEa;AACb,IAAgB,EAChB,EAAE,CAAC;IACH,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAAA,CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,IAAmB,EAAQ,EAAE,CAAC;IAC/C,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;IACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IAEvB,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1C,IAAI,CAAC,UAAU,GAAG,SAAS,gBAAgB,GAAG;QAC5C,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;YACjC,MAAM,EAAE,CAAC;QACX,CAAC;IAAA,CACF,CAAC;AAAA,CACH,CAAC"}
+{"version":3,"file":"useEffect.js","sourceRoot":"","sources":["../../src/hooks/useEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAMtE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,MAAM,UAAU,aAAa,CAC3B,IAAgB,EAChB,EAAiB,EACjB,IAAgB,EAChB;IACA,MAAM,IAAI,GAAG,mBAAmB,CAAC,QAAQ,EAAE,GAAkB,EAAE,CAAC;QAC9D,MAAM,IAAI,GAAkB;YAC1B,IAAI,EAAE,QAAQ;YACd,IAAI;YACJ,EAAE;YACF,UAAU,EAAE,IAAI;YAChB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;SACnC,CAAC;QACF,cAAc,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,OAAO,IAAI,CAAC;IAAA,CACb,CAAC,CAAC;IAEH,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAEb,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAK,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;QACrE,cAAc,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC;AAAA,CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;AACvB;;+BAE+B;AAC/B,EAAiB;AACjB;;aAEa;AACb,IAAgB,EAChB,EAAE,CAAC;IACH,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAAA,CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;AAC7B;;+BAE+B;AAC/B,EAAiB;AACjB;;aAEa;AACb,IAAgB,EAChB,EAAE,CAAC;IACH,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;AAAA,CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,IAAmB,EAAQ,EAAE,CAAC;IAC/C,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;IACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IAEvB,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1C,IAAI,CAAC,UAAU,GAAG,SAAS,gBAAgB,GAAG;QAC5C,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;YACjC,MAAM,EAAE,CAAC;QACX,CAAC;IAAA,CACF,CAAC;AAAA,CACH,CAAC"}

package/dist/hooks/useRef.d.ts

@@ -1,4 +1,9 @@
-import { type Ref } from '../types';
-export declare function useRef<T>(): Ref<T | undefined>;
-export declare function useRef<T>(initialValue: T): Ref<T>;
+import { type RefObject, type UnknownProps, type Ref, type ReactComponent } from '../types';
+export declare function useRef<T>(value: T): RefObject<T>;
+export declare function useRef<T>(initialValue: T | null): RefObject<T | null>;
+export declare function useRef<T>(initialValue: T | undefined): RefObject<T | undefined>;
+export declare const forwardRef: <Props extends UnknownProps, R>(Component: (props: Props, ref?: Ref<R> | undefined) => import("../index.js").JsxElement) => ReactComponent<Props & {
+    ref?: Ref<R> | undefined;
+}>;
+export declare const useImperativeHandle: <T>(ref: Ref<T> | undefined, factory: () => T, deps?: unknown[] | undefined) => void;
 //# sourceMappingURL=useRef.d.ts.map

package/dist/hooks/useRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAGrD,wBAAgB,MAAM,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;AAChD,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"useRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,GAAG,EACR,KAAK,cAAc,EACpB,MAAM,UAAU,CAAC;AAIlB,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAClD,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AACvE,wBAAgB,MAAM,CAAC,CAAC,EACtB,YAAY,EAAE,CAAC,GAAG,SAAS,GAC1B,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;AAa5B,eAAO,MAAM,UAAU,GAAI,KAAK,uBAAuB,CAAC;;EAMvD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,kFA2BpC,CAAC"}

package/dist/hooks/useRef.js

@@ -1,4 +1,5 @@
 import { getNextHookOrCreate } from './helpers';
+import { useBaseEffect } from './useEffect';
 export function useRef(initialValue) {
     const item = getNextHookOrCreate('ref', () => ({
         type: 'ref',
@@ -6,4 +7,30 @@ export function useRef(initialValue) {
     }));
     return item.value;
 }
+export const forwardRef = (Component) => {
+    return function ForwardRef({ ref, ...props }) {
+        return Component(props, ref);
+    };
+};
+export const useImperativeHandle = (ref, factory, deps) => {
+    useBaseEffect('refsMount', () => {
+        if (!ref)
+            return;
+        const handle = factory();
+        if (typeof ref === 'function') {
+            ref(handle);
+        }
+        else {
+            ref.current = handle;
+        }
+        return () => {
+            if (typeof ref === 'function') {
+                ref(null);
+            }
+            else {
+                ref.current = null;
+            }
+        };
+    }, deps ? [ref, ...deps] : undefined);
+};
 //# sourceMappingURL=useRef.js.map

package/dist/hooks/useRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRef.js","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAIhD,MAAM,UAAU,MAAM,CAAI,YAAgB,EAAU;IAClD,MAAM,IAAI,GAAG,mBAAmB,CAC9B,KAAK,EACL,GAAe,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,IAAI,SAAS,EAAE;KAC9C,CAAC,CACH,CAAC;IAEF,OAAO,IAAI,CAAC,KAAe,CAAC;AAAA,CAC7B"}
+{"version":3,"file":"useRef.js","sourceRoot":"","sources":["../../src/hooks/useRef.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C,MAAM,UAAU,MAAM,CAAI,YAAgB,EAAgB;IACxD,MAAM,IAAI,GAAG,mBAAmB,CAC9B,KAAK,EACL,GAAe,EAAE,CAAC,CAAC;QACjB,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,IAAI,SAAS,EAAE;KAC9C,CAAC,CACH,CAAC;IAEF,OAAO,IAAI,CAAC,KAAqB,CAAC;AAAA,CACnC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,SAAsD,EACZ,EAAE,CAAC;IAC7C,OAAO,SAAS,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAA4B,EAAE;QACtE,OAAO,SAAS,CAAC,KAAyB,EAAE,GAAG,CAAC,CAAC;IAAA,CAClD,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAAuB,EACvB,OAAgB,EAChB,IAAgB,EACV,EAAE,CAAC;IACT,aAAa,CACX,WAAW,EACX,GAAG,EAAE,CAAC;QACJ,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;QACzB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,MAAM,CAAC,CAAC;QACd,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;QACvB,CAAC;QAED,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,CAAC;QAAA,CACF,CAAC;IAAA,CACH,EACD,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAClC,CAAC;AAAA,CACH,CAAC"}

package/dist/hooks/useState.d.ts

@@ -11,5 +11,5 @@ import { type StateSetter } from '../types';
  * // With lazy initialization
  * const [data, setData] = useState(() => expensiveComputation());
  */
-export declare const useState: <T>(initValue: (() => T) | (T extends Function ? () => T : T)) => [T, StateSetter<T>];
+export declare const useState: <T>(initValue: T | (() => T) | (() => T)) => [T, StateSetter<T>];
 //# sourceMappingURL=useState.d.ts.map

package/dist/hooks/useState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useState.d.ts","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAqB,MAAM,UAAU,CAAC;AAI/D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,mFAoDzB,CAAC"}
+{"version":3,"file":"useState.d.ts","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,WAAW,EAAqB,MAAM,UAAU,CAAC;AAI/E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,8DAkDzB,CAAC"}

package/dist/hooks/useState.js

@@ -17,7 +17,8 @@ export const useState = (
 /** The initial state value or a function that returns the initial state. If a
  * function is provided, it will only be called once during initialization. */
 initValue) => {
-    const item = getNextHookOrCreate('state', (fiber) => {
+    const item = getNextHookOrCreate('state', (initFiber) => {
+        let fiber = initFiber;
         const app = getAppByFiber(fiber);
         const item = {
             type: 'state',
@@ -28,8 +29,8 @@ initValue) => {
                 fiber = newFiber;
             },
             destructor: () => {
+                // Help GC.
                 item.state = null;
-                // @ts-expect-error
                 fiber = null;
             },
             setter: function setState(valueOrFn) {
@@ -41,13 +42,10 @@ initValue) => {
                     // warning since it's expected behavior.
                     if (app.state !== 'refEffects') {
                         console.warn(`Component has been removed. State cannot be updated`);
-                        // a test
+                        // TODO: add a test ^.
                     }
                     return;
                 }
-                if (fiber.id < 0) {
-                    throw 'again2';
-                }
                 const v = (typeof valueOrFn === 'function'
                     ? valueOrFn(item.state)
                     : valueOrFn);

package/dist/hooks/useState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useState.js","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;AACtB;8EAC8E;AAC9E,SAAyD,EACpC,EAAE,CAAC;IACxB,MAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAgB,EAAE,CAAC;QACjE,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,IAAI,GAAoB;YAC5B,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC,OAAO,SAAS,KAAK,UAAU;gBACrC,CAAC,CAAE,SAAqB,EAAE;gBAC1B,CAAC,CAAC,SAAS,CAAM;YACnB,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAClB,KAAK,GAAG,QAAQ,CAAC;YAAA,CAClB;YACD,UAAU,EAAE,GAAG,EAAE,CAAC;gBAChB,IAAI,CAAC,KAAK,GAAG,IAAS,CAAC;gBACvB,mBAAmB;gBACnB,KAAK,GAAG,IAAI,CAAC;YAAA,CACd;YACD,MAAM,EAAE,SAAS,QAAQ,CAAC,SAAS,EAAE;gBACnC,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,mEAAmE;oBACnE,mEAAmE;oBACnE,oEAAoE;oBACpE,+DAA+D;oBAC/D,wCAAwC;oBACxC,IAAI,GAAG,CAAC,KAAK,KAAK,YAAY,EAAE,CAAC;wBAC/B,OAAO,CAAC,IAAI,CAAC,qDAAqD,CAAC,CAAC;wBACpE,SAAS;oBACX,CAAC;oBACD,OAAO;gBACT,CAAC;gBACD,IAAI,KAAK,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;oBACjB,MAAM,QAAQ,CAAC;gBACjB,CAAC;gBAED,MAAM,CAAC,GAAG,CACR,OAAO,SAAS,KAAK,UAAU;oBAC7B,CAAC,CAAE,SAA4B,CAAC,IAAI,CAAC,KAAK,CAAC;oBAC3C,CAAC,CAAC,SAAS,CACT,CAAC;gBAEP,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;oBAAE,OAAO;gBAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACf,eAAe,CAAC,KAAK,CAAC,CAAC;YAAA,CACxB;SACF,CAAC;QACF,OAAO,IAAoB,CAAC;IAAA,CAC7B,CAAC,CAAC;IAEH,OAAO,CAAC,IAAI,CAAC,KAAU,EAAE,IAAI,CAAC,MAAwB,CAAC,CAAC;AAAA,CACzD,CAAC"}
+{"version":3,"file":"useState.js","sourceRoot":"","sources":["../../src/hooks/useState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;AACtB;8EAC8E;AAC9E,SAAsC,EACjB,EAAE,CAAC;IACxB,MAAM,IAAI,GAAG,mBAAmB,CAAC,OAAO,EAAE,CAAC,SAAS,EAAgB,EAAE,CAAC;QACrE,IAAI,KAAK,GAAqB,SAAS,CAAC;QACxC,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,IAAI,GAAoB;YAC5B,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC,OAAO,SAAS,KAAK,UAAU;gBACrC,CAAC,CAAE,SAAqB,EAAE;gBAC1B,CAAC,CAAC,SAAS,CAAM;YACnB,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;gBAClB,KAAK,GAAG,QAAQ,CAAC;YAAA,CAClB;YACD,UAAU,EAAE,GAAG,EAAE,CAAC;gBAChB,WAAW;gBACX,IAAI,CAAC,KAAK,GAAG,IAAS,CAAC;gBACvB,KAAK,GAAG,IAAI,CAAC;YAAA,CACd;YACD,MAAM,EAAE,SAAS,QAAQ,CAAC,SAAS,EAAE;gBACnC,IAAI,CAAC,KAAK,EAAE,CAAC;oBACX,mEAAmE;oBACnE,mEAAmE;oBACnE,oEAAoE;oBACpE,+DAA+D;oBAC/D,wCAAwC;oBACxC,IAAI,GAAG,CAAC,KAAK,KAAK,YAAY,EAAE,CAAC;wBAC/B,OAAO,CAAC,IAAI,CAAC,qDAAqD,CAAC,CAAC;wBACpE,sBAAsB;oBACxB,CAAC;oBACD,OAAO;gBACT,CAAC;gBAED,MAAM,CAAC,GAAG,CACR,OAAO,SAAS,KAAK,UAAU;oBAC7B,CAAC,CAAE,SAA4B,CAAC,IAAI,CAAC,KAAK,CAAC;oBAC3C,CAAC,CAAC,SAAS,CACT,CAAC;gBAEP,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC;oBAAE,OAAO;gBAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACf,eAAe,CAAC,KAAK,CAAC,CAAC;YAAA,CACxB;SACF,CAAC;QACF,OAAO,IAAoB,CAAC;IAAA,CAC7B,CAAC,CAAC;IAEH,OAAO,CAAC,IAAI,CAAC,KAAU,EAAE,IAAI,CAAC,MAAwB,CAAC,CAAC;AAAA,CACzD,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,7 @@
+/// <reference path="./jsx.d.ts" />
+/// <reference path="./react.d.ts" />
 export * from './types';
+export * from './types/react';
 export * from './hooks/index';
 export * from './core/createRoot';
 export * from './core/createElement';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9E,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,wBAAgB,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,CAMlD;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9E,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,wBAAgB,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,CAMlD;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from './types';
+export * from './types/react';
 export * from './hooks/index';
 export * from './core/createRoot';
 export * from './core/createElement';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9E,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,UAAU,IAAI,CAAI,IAAO,EAAE,IAAc,EAAK;IAClD,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,IAAI,CAAC,CAAC,8CAA8C;AAA/C,CACb;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC9E,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,UAAU,IAAI,CAAI,IAAO,EAAE,IAAc,EAAK;IAClD,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IAED,OAAO,IAAI,CAAC,CAAC,8CAA8C;AAA/C,CACb;AAED,kBAAkB;AAClB,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/jsx.d.ts

@@ -4,22 +4,27 @@ import {
   type TagProps,
   type SvgTagProps,
   type SvgRootProps,
-  type ReactComponent,
-  type FC,
   type ReactKey,
+  type ElementType as ET,
+  type FiberNode,
 } from './types';
 
 export {};
 
 declare global {
-  namespace React {
-    export { FC };
-
-    export type ReactNode = JSX.Element;
+  interface Element {
+    __fiber?: FiberNode;
+  }
+  interface Text {
+    __fiber?: FiberNode;
+  }
+  interface Comment {
+    __fiber?: FiberNode;
   }
 
   namespace JSX {
     type Element = JsxElement;
+    type ElementType = ET;
 
     interface ElementClass extends Component<any, any> {
       render: () => JSX.Element;
@@ -29,15 +34,31 @@ declare global {
       key?: ReactKey | null;
     }
 
+    // Determines the `children` props name.
+    // <div>… here …</div> (but not <div children={…}/>).
+    interface ElementChildrenAttribute {
+      children: {};
+    }
+
+    // To auto-detect props for class-based components via:
+    // class User { props: T /* <- this */ }
+    interface ElementAttributesProperty {
+      props: {};
+    }
+
     type LibraryManagedAttributes<Component, Props> = Component extends {
       defaultProps: infer Defaults;
     }
-      ? Partial<Pick<Props, keyof Defaults>> &
-          Pick<Props, Exclude<keyof Props, keyof Defaults>>
+      ? Defaults extends Partial<Props>
+        ? Partial<Pick<Props, keyof Defaults & keyof Props>> &
+            Pick<Props, Exclude<keyof Props, keyof Defaults>>
+        : Props
       : Props;
 
     interface IntrinsicElements {
-      // Document structure
+      ['x-fragment']: IntrinsicAttributes & { children: JSX.Element };
+
+      // HTML Elements
       html: TagProps<HTMLHtmlElement>;
       head: TagProps<HTMLHeadElement>;
       body: TagProps<HTMLBodyElement>;
@@ -46,16 +67,13 @@ declare global {
       link: TagProps<HTMLLinkElement>;
       script: TagProps<HTMLScriptElement>;
       style: TagProps<HTMLStyleElement>;
-
-      // Content sectioning
+      article: TagProps<HTMLElement>;
       h1: TagProps<HTMLHeadingElement>;
       h2: TagProps<HTMLHeadingElement>;
       h3: TagProps<HTMLHeadingElement>;
       h4: TagProps<HTMLHeadingElement>;
       h5: TagProps<HTMLHeadingElement>;
       h6: TagProps<HTMLHeadingElement>;
-
-      // Text content
       div: TagProps<HTMLDivElement>;
       p: TagProps<HTMLParagraphElement>;
       span: TagProps<HTMLSpanElement>;
@@ -65,29 +83,26 @@ declare global {
       ol: TagProps<HTMLOListElement>;
       li: TagProps<HTMLLIElement>;
       dl: TagProps<HTMLDListElement>;
+      dt: TagProps<HTMLElement>;
+      dd: TagProps<HTMLElement>;
       hr: TagProps<HTMLHRElement>;
       br: TagProps<HTMLBRElement>;
-
-      // Inline text semantics
+      em: TagProps<HTMLElement>;
+      i: TagProps<HTMLElement>;
+      b: TagProps<HTMLElement>;
       a: TagProps<HTMLAnchorElement>;
       q: TagProps<HTMLQuoteElement>;
       time: TagProps<HTMLTimeElement>;
-
-      // Image and multimedia
       img: TagProps<HTMLImageElement>;
       video: TagProps<HTMLVideoElement>;
       audio: TagProps<HTMLAudioElement>;
       source: TagProps<HTMLSourceElement>;
       track: TagProps<HTMLTrackElement>;
       canvas: TagProps<HTMLCanvasElement>;
-
-      // Embedded content
       iframe: TagProps<HTMLIFrameElement>;
       embed: TagProps<HTMLEmbedElement>;
       object: TagProps<HTMLObjectElement>;
       param: TagProps<HTMLParamElement>;
-
-      // Forms
       form: TagProps<HTMLFormElement>;
       input: TagProps<HTMLInputElement>;
       button: TagProps<HTMLButtonElement>;
@@ -102,13 +117,9 @@ declare global {
       output: TagProps<HTMLOutputElement>;
       progress: TagProps<HTMLProgressElement>;
       meter: TagProps<HTMLMeterElement>;
-
-      // Interactive elements
       details: TagProps<HTMLDetailsElement>;
       summary: TagProps<HTMLElement>;
       dialog: TagProps<HTMLDialogElement>;
-
-      // Tables
       table: TagProps<HTMLTableElement>;
       thead: TagProps<HTMLTableSectionElement>;
       tbody: TagProps<HTMLTableSectionElement>;
@@ -119,28 +130,132 @@ declare global {
       caption: TagProps<HTMLTableCaptionElement>;
       colgroup: TagProps<HTMLTableColElement>;
       col: TagProps<HTMLTableColElement>;
+      area: TagProps<HTMLAreaElement>;
+      base: TagProps<HTMLBaseElement>;
+      data: TagProps<HTMLDataElement>;
+      menu: TagProps<HTMLMenuElement>;
+      picture: TagProps<HTMLPictureElement>;
+      slot: TagProps<HTMLSlotElement>;
+      template: TagProps<HTMLTemplateElement>;
+      font: TagProps<HTMLFontElement>;
+      frame: TagProps<HTMLFrameElement>;
+      marquee: TagProps<HTMLMarqueeElement>;
+      map: TagProps<HTMLMapElement>;
+      del: TagProps<HTMLModElement>;
+      ins: TagProps<HTMLModElement>;
+      dir: TagProps<HTMLDirectoryElement>;
+      frameset: TagProps<HTMLFrameSetElement>;
+      // No custom DOM constructor:
+      abbr: TagProps<HTMLElement>;
+      acronym: TagProps<HTMLElement>;
+      address: TagProps<HTMLElement>;
+      aside: TagProps<HTMLElement>;
+      bdi: TagProps<HTMLElement>;
+      bdo: TagProps<HTMLElement>;
+      big: TagProps<HTMLElement>;
+      center: TagProps<HTMLElement>;
+      cite: TagProps<HTMLElement>;
+      code: TagProps<HTMLElement>;
+      dfn: TagProps<HTMLElement>;
+      fencedframe: TagProps<HTMLElement>;
+      figcaption: TagProps<HTMLElement>;
+      figure: TagProps<HTMLElement>;
+      footer: TagProps<HTMLElement>;
+      header: TagProps<HTMLElement>;
+      hgroup: TagProps<HTMLElement>;
+      type: TagProps<HTMLElement>;
+      kbd: TagProps<HTMLElement>;
+      main: TagProps<HTMLElement>;
+      mark: TagProps<HTMLElement>;
+      nav: TagProps<HTMLElement>;
+      nobr: TagProps<HTMLElement>;
+      noembed: TagProps<HTMLElement>;
+      noframes: TagProps<HTMLElement>;
+      noscript: TagProps<HTMLElement>;
+      plaintext: TagProps<HTMLElement>;
+      portal: TagProps<HTMLElement>;
+      rb: TagProps<HTMLElement>;
+      rp: TagProps<HTMLElement>;
+      rt: TagProps<HTMLElement>;
+      rtc: TagProps<HTMLElement>;
+      ruby: TagProps<HTMLElement>;
+      s: TagProps<HTMLElement>;
+      samp: TagProps<HTMLElement>;
+      search: TagProps<HTMLElement>;
+      section: TagProps<HTMLElement>;
+      small: TagProps<HTMLElement>;
+      strike: TagProps<HTMLElement>;
+      strong: TagProps<HTMLElement>;
+      sub: TagProps<HTMLElement>;
+      sup: TagProps<HTMLElement>;
+      tt: TagProps<HTMLElement>;
+      u: TagProps<HTMLElement>;
+      var: TagProps<HTMLElement>;
+      wbr: TagProps<HTMLElement>;
+      xmp: TagProps<HTMLElement>;
 
       // SVG elements
       svg: SvgRootProps;
-      circle: SvgTagProps;
-      ellipse: SvgTagProps;
-      line: SvgTagProps;
-      path: SvgTagProps;
-      polygon: SvgTagProps;
-      polyline: SvgTagProps;
-      rect: SvgTagProps;
-      g: SvgTagProps;
-      defs: SvgTagProps;
-      clipPath: SvgTagProps;
-      mask: SvgTagProps;
-      pattern: SvgTagProps;
-      image: SvgTagProps;
-      text: SvgTagProps;
-      tspan: SvgTagProps;
-      use: SvgTagProps;
-
-      // Fallback for any other element
-      [elemName: string]: TagProps<HTMLElement>;
+      polygon: SvgTagProps<SVGPolygonElement>;
+      circle: SvgTagProps<SVGCircleElement>;
+      clipPath: SvgTagProps<SVGClipPathElement>;
+      defs: SvgTagProps<SVGDefsElement>;
+      ellipse: SvgTagProps<SVGEllipseElement>;
+      g: SvgTagProps<SVGGElement>;
+      line: SvgTagProps<SVGLineElement>;
+      image: SvgTagProps<SVGImageElement>;
+      mask: SvgTagProps<SVGMaskElement>;
+      path: SvgTagProps<SVGPathElement>;
+      pattern: SvgTagProps<SVGPatternElement>;
+      polyline: SvgTagProps<SVGPolylineElement>;
+      rect: SvgTagProps<SVGRectElement>;
+      text: SvgTagProps<SVGTextElement>;
+      use: SvgTagProps<SVGUseElement>;
+      animate: SvgTagProps<SVGAnimateElement>;
+      animateMotion: SvgTagProps<SVGAnimateMotionElement>;
+      animateTransform: SvgTagProps<SVGAnimateTransformElement>;
+      set: SvgTagProps<SVGSetElement>;
+      desc: SvgTagProps<SVGDescElement>;
+      filter: SvgTagProps<SVGFilterElement>;
+      marker: SvgTagProps<SVGMarkerElement>;
+      foreignObject: SvgTagProps<SVGForeignObjectElement>;
+      linearGradient: SvgTagProps<SVGLinearGradientElement>;
+      radialGradient: SvgTagProps<SVGRadialGradientElement>;
+      gradient: SvgTagProps<SVGGradientElement>;
+      metadata: SvgTagProps<SVGMetadataElement>;
+      stop: SvgTagProps<SVGStopElement>;
+      switch: SvgTagProps<SVGSwitchElement>;
+      symbol: SvgTagProps<SVGSymbolElement>;
+      textPath: SvgTagProps<SVGTextPathElement>;
+      view: SvgTagProps<SVGViewElement>;
+      tspan: SvgTagProps<SVGTextContentElement>;
+      // No custom element
+      feBlend: SvgTagProps;
+      feColorMatrix: SvgTagProps;
+      feComponentTransfer: SvgTagProps;
+      feComposite: SvgTagProps;
+      feConvolveMatrix: SvgTagProps;
+      feDiffuseLighting: SvgTagProps;
+      feDisplacementMap: SvgTagProps;
+      feDistantLight: SvgTagProps;
+      feDropShadow: SvgTagProps;
+      feFlood: SvgTagProps;
+      feFuncA: SvgTagProps;
+      feFuncB: SvgTagProps;
+      feFuncG: SvgTagProps;
+      feFuncR: SvgTagProps;
+      feGaussianBlur: SvgTagProps;
+      feImage: SvgTagProps;
+      feMerge: SvgTagProps;
+      feMergeNode: SvgTagProps;
+      feMorphology: SvgTagProps;
+      feOffset: SvgTagProps;
+      fePointLight: SvgTagProps;
+      feSpecularLighting: SvgTagProps;
+      feSpotLight: SvgTagProps;
+      feTile: SvgTagProps;
+      feTurbulence: SvgTagProps;
+      mpath: SvgTagProps;
     }
   }
 }

package/dist/mocks.d.ts

@@ -1,10 +1,3 @@
-import type { ReactComponent, UnknownProps } from './types';
-/**
- * Currently a no-op that returns the component unchanged. In the future,
- * ref forwarding won't be needed since refs will be passed as regular props
- * to components.
- */
-export declare const forwardRef: <T extends UnknownProps>(Component: ReactComponent<T>) => ReactComponent<T>;
 /**
  * Mock implementation of React's startTransition. This engine doesn't support
  * concurrent features or update prioritization, so transitions are executed

package/dist/mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../src/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,yEAEI,CAAC;AAEjC;;;;GAIG;AACH,eAAO,MAAM,eAAe,0BAE3B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,0BAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,aAEpB,CAAC"}
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../src/mocks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,eAAe,0BAE3B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,0BAErB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,aAEpB,CAAC"}

package/dist/mocks.js

@@ -1,9 +1,3 @@
-/**
- * Currently a no-op that returns the component unchanged. In the future,
- * ref forwarding won't be needed since refs will be passed as regular props
- * to components.
- */
-export const forwardRef = (Component) => Component;
 /**
  * Mock implementation of React's startTransition. This engine doesn't support
  * concurrent features or update prioritization, so transitions are executed

package/dist/mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../src/mocks.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,SAA4B,EACV,EAAE,CAAC,SAAS,CAAC;AAEjC;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC;IACjD,EAAE,EAAE,CAAC;AAAA,CACN,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC;IAC3C,EAAE,EAAE,CAAC;AAAA,CACN,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;IAC5B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAAA,CAC9C,CAAC"}
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../src/mocks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC;IACjD,EAAE,EAAE,CAAC;AAAA,CACN,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAc,EAAE,EAAE,CAAC;IAC3C,EAAE,EAAE,CAAC;AAAA,CACN,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;IAC5B,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAAA,CAC9C,CAAC"}

package/dist/react.d.ts

@@ -0,0 +1,46 @@
+import * as ns from './types/react';
+import * as local from './types/index';
+import { UnknownProps } from './types/index';
+import type { FRAGMENT_TAG } from './core/reconciliation/fibers';
+import type { Component, ComponentClass } from './core/classComponent';
+
+export {};
+
+declare global {
+  namespace React {
+    type FC<Props extends UnknownProps = UnknownProps> = ns.FC<Props>;
+    type ComponentType<Props extends UnknownProps = UnknownProps> =
+      | local.ReactComponent<Props>
+      | ComponentClass<Props, any>;
+    type ComponentProps<T> = local.ComponentProps<T>;
+    type ForwardRefExoticComponent<Props extends UnknownProps = UnknownProps> =
+      ns.ForwardRefExoticComponent<Props>;
+    type ErrorInfo = ns.ErrorInfo;
+    type ReactNode = ns.ReactNode;
+    type Context<T> = ns.Context<T>;
+    type CSSProperties = local.TagStyles;
+
+    // Attributes
+    type HTMLAttributes<T extends Element> = ns.HTMLAttributes<T>;
+    type TextareaHTMLAttributes<T extends Element> =
+      ns.TextareaHTMLAttributes<T>;
+    type InputHTMLAttributes<T extends Element> = ns.InputHTMLAttributes<T>;
+    type RefAttributes<T extends Element> = ns.RefAttributes<T>;
+
+    // Events
+    type SyntheticEvent<
+      T extends Element = Element,
+      E extends Event = Event,
+    > = ns.SyntheticEvent<T, E>;
+    type ClipboardEvent<T = Element> = ns.ClipboardEvent<T>;
+    type FormEvent<T extends Element = Element> = ns.FormEvent<T>;
+    type ChangeEvent<T extends Element = Element> = ns.ChangeEvent<T>;
+    type ChangeEventHandler<T extends Element = Element> =
+      ns.ChangeEventHandler<T>;
+    type KeyboardEvent<T extends Element = Element> = ns.KeyboardEvent<T>;
+    type ReactEventHandler<T extends Element = Element> =
+      ns.ReactEventHandler<T>;
+  }
+
+  const React: { Fragment: typeof FRAGMENT_TAG };
+}

package/dist/types/actions.d.ts

@@ -1,12 +1,14 @@
 import type { CommentMode, UnknownProps } from './core';
 import type { TagAttrValue } from './dom';
 import type { FiberMap, FiberNode } from './fiber';
-import type { Ref, RefSetter } from './refs';
+import type { RefObject, RefSetter } from './refs';
 type CommonAction = {
     fiber: FiberNode;
 };
-type CreateTagAction = CommonAction & {
+export type CreateTagAction = CommonAction & {
     type: 'CreateTag';
+    attrs: null | Record<string, TagAttrValue>;
+    ref: SetRefAction['ref'];
 };
 type CreateTextAction = CommonAction & {
     type: 'CreateText';
@@ -15,7 +17,10 @@ export type CreateCommentAction = CommonAction & {
     type: 'CreateComment';
     mode: CommentMode;
 };
-type CreateAction = CreateTagAction | CreateTextAction | CreateCommentAction;
+export type CreateContainer = CommonAction & {
+    type: 'CreateContainer';
+};
+type CreateAction = CreateTagAction | CreateTextAction | CreateCommentAction | CreateContainer;
 export type SetTextAction = CommonAction & {
     type: 'SetText';
     text: string;
@@ -24,10 +29,11 @@ export type SetAttrAction = CommonAction & {
     type: 'SetAttr';
     name: string;
     value: TagAttrValue;
+    creation?: boolean;
 };
 export type SetRefAction = CommonAction & {
     type: 'SetRef';
-    ref: Ref<unknown> | RefSetter<unknown> | null;
+    ref: RefObject<unknown> | RefSetter<unknown> | null;
     dontUnsetRef?: boolean;
 };
 export type SetPropsAction = CommonAction & {
@@ -38,6 +44,7 @@ type UpdateAction = SetTextAction | SetAttrAction | SetPropsAction | SetRefActio
 export type RemoveAction = CommonAction & {
     type: 'Remove';
     immediate?: boolean;
+    last?: boolean;
 };
 export type RelayoutAction = CommonAction & {
     type: 'Relayout';

package/dist/types/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/types/actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAGF,KAAK,eAAe,GAAG,YAAY,GAAG;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC;AAC5D,KAAK,gBAAgB,GAAG,YAAY,GAAG;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AACF,KAAK,YAAY,GAAG,eAAe,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAG7E,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG;IACzC,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAE9C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC;AACF,KAAK,YAAY,GACb,aAAa,GACb,aAAa,GACb,cAAc,GACd,YAAY,CAAC;AAGjB,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG;IACzC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AACF,KAAK,YAAY,GAAG,YAAY,GAAG,cAAc,GAAG,aAAa,CAAC;AAElE,MAAM,MAAM,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/types/actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAGF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAC3C,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3C,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC1B,CAAC;AACF,KAAK,gBAAgB,GAAG,YAAY,GAAG;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,CAAC;AACzE,KAAK,YAAY,GACb,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,eAAe,CAAC;AAGpB,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG;IACzC,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAEpD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC;AACF,KAAK,YAAY,GACb,aAAa,GACb,aAAa,GACb,cAAc,GACd,YAAY,CAAC;AAGjB,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG;IACzC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AACF,KAAK,YAAY,GAAG,YAAY,GAAG,cAAc,GAAG,aAAa,CAAC;AAElE,MAAM,MAAM,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC"}

package/dist/types/app.d.ts

@@ -1,5 +1,6 @@
-import type { FiberNode } from './fiber';
+import type { FiberNode, JsxSource } from './fiber';
 import type { EffectMode } from './hooks';
+import type { Queue } from '../core/reconciliation/queue';
 export type AppState = 
 /** Waiting for updates */
 'idle'
@@ -54,9 +55,12 @@ export type App = {
     /** The lists of pending effect handlers. */
     effects: Record<EffectMode, Array<() => void>>;
     /** The list of components to rerender. */
-    invalidatedComponents: Set<FiberNode>;
+    invalidatedComponents: Queue;
     /** If `true`, extra validators are applied. */
     testMode: boolean;
+    /** If given used to adjust JSX source to something else before adding them to
+     * a ReactError instance. */
+    transformSource?: (source: JsxSource) => JsxSource;
     /**
      * A special storage that contains invalidated context values. We need it to
      * keep the "render" phase pure (so we don't update the existing fibers) and
@@ -71,6 +75,12 @@ export type AppOptions = {
      * Warning: It slows down the app.
      **/
     testMode?: boolean;
+    /**
+     * Provide a converter that accounts for nuances of your development
+     * build. The purpose of this converter is to convert the file path from
+     * JSX into something that browser dev tools can properly handle.
+     */
+    transformSource?: (source: JsxSource) => JsxSource;
 };
 export type AppRoot = {
     render: (element: JSX.Element) => void;

package/dist/types/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/types/app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,QAAQ;AAClB,0BAA0B;AACxB,MAAM;AACR;;;IAGI;GACF,WAAW;AACb;;;;;;;;GAQG;GACD,QAAQ;AACV;;;GAGG;GACD,QAAQ;AACV;;;GAGG;GACD,YAAY;AACd;;;;;GAKG;GACD,eAAe;AACjB;;;GAGG;GACD,SAAS;AACX;;GAEG;GACD,QAAQ,CAAC;AAEb,MAAM,MAAM,GAAG,GAAG;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,iDAAiD;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,oDAAoD;IACpD,KAAK,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IAC/C,0CAA0C;IAC1C,qBAAqB,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACtC,+CAA+C;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB;;;QAGI;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,MAAM,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/types/app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAEpE,MAAM,MAAM,QAAQ;AAClB,0BAA0B;AACxB,MAAM;AACR;;;IAGI;GACF,WAAW;AACb;;;;;;;;GAQG;GACD,QAAQ;AACV;;;GAGG;GACD,QAAQ;AACV;;;GAGG;GACD,YAAY;AACd;;;;;GAKG;GACD,eAAe;AACjB;;;GAGG;GACD,SAAS;AACX;;GAEG;GACD,QAAQ,CAAC;AAEb,MAAM,MAAM,GAAG,GAAG;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,iDAAiD;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,oDAAoD;IACpD,KAAK,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IAC/C,0CAA0C;IAC1C,qBAAqB,EAAE,KAAK,CAAC;IAC7B,+CAA+C;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB;gCAC4B;IAC5B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,SAAS,CAAC;IACnD;;;;;OAKG;IACH,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB;;;QAGI;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,SAAS,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,MAAM,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}