@rectify-dev/core 2.0.2 → 2.1.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { RectifyNode, FC, Fiber } from '@rectify-dev/shared';
-export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, ScriptHTMLAttributes, SelectHTMLAttributes, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
+export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, RectifyNode, ScriptHTMLAttributes, SelectHTMLAttributes, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
 export { Fragment, jsx } from './runtime.cjs';
 
 type RectifyDomRoot = {
@@ -51,6 +51,11 @@ declare function useState<S>(): [S | undefined, StateDispatcher<S | undefined>];
 declare function useState<S>(initialState: S): [S, StateDispatcher<S>];
 declare function useState<S>(initialState: () => S): [S, StateDispatcher<S>];
 
+type Reducer<S, A> = (state: S, action: A) => S;
+type Dispatch<A> = (action: A) => void;
+declare function useReducer<S, A>(reducer: Reducer<S, A>, initialState: S): [S, Dispatch<A>];
+declare function useReducer<S, A, I>(reducer: Reducer<S, A>, initialArg: I, init: (arg: I) => S): [S, Dispatch<A>];
+
 declare function useEffect(create: () => void | (() => void), deps?: any[]): void;
 
 /**
@@ -157,4 +162,4 @@ declare function createContext<T>(defaultValue: T): RectifyContext<T>;
  */
 declare function useContext<T>(context: RectifyContext<T>): T;
 
-export { type MemoComponent, type RectifyContext, type RefObject, SyntheticEvent, createContext, createRoot, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState };
+export { type Dispatch, type MemoComponent, type RectifyContext, type Reducer, type RefObject, SyntheticEvent, createContext, createRoot, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { RectifyNode, FC, Fiber } from '@rectify-dev/shared';
-export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, ScriptHTMLAttributes, SelectHTMLAttributes, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
+export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, RectifyNode, ScriptHTMLAttributes, SelectHTMLAttributes, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
 export { Fragment, jsx } from './runtime.js';
 
 type RectifyDomRoot = {
@@ -51,6 +51,11 @@ declare function useState<S>(): [S | undefined, StateDispatcher<S | undefined>];
 declare function useState<S>(initialState: S): [S, StateDispatcher<S>];
 declare function useState<S>(initialState: () => S): [S, StateDispatcher<S>];
 
+type Reducer<S, A> = (state: S, action: A) => S;
+type Dispatch<A> = (action: A) => void;
+declare function useReducer<S, A>(reducer: Reducer<S, A>, initialState: S): [S, Dispatch<A>];
+declare function useReducer<S, A, I>(reducer: Reducer<S, A>, initialArg: I, init: (arg: I) => S): [S, Dispatch<A>];
+
 declare function useEffect(create: () => void | (() => void), deps?: any[]): void;
 
 /**
@@ -157,4 +162,4 @@ declare function createContext<T>(defaultValue: T): RectifyContext<T>;
  */
 declare function useContext<T>(context: RectifyContext<T>): T;
 
-export { type MemoComponent, type RectifyContext, type RefObject, SyntheticEvent, createContext, createRoot, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState };
+export { type Dispatch, type MemoComponent, type RectifyContext, type Reducer, type RefObject, SyntheticEvent, createContext, createRoot, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState };

package/dist/index.js

@@ -1,7 +1,6 @@
 import { __name } from './chunk-2FA4QXYL.js';
 export { Fragment, jsx } from './chunk-2FA4QXYL.js';
 import { isFunction, shallowEqual, createElementFromRectifyNode, isValidRectifyElement, isArray, isPlainObject, omit, RECTIFY_FRAGMENT_TYPE, RECTIFY_TEXT_TYPE, RECTIFY_ELEMENT_TYPE } from '@rectify-dev/shared';
-export { FC } from '@rectify-dev/shared';
 
 // ../rectify-dom-binding/src/events/RectifyEventRegistry.ts
 var allNativeEvents = /* @__PURE__ */ new Set();
@@ -247,6 +246,7 @@ var PlacementFlag = 1 << 0;
 var UpdateFlag = 1 << 1;
 var DeletionFlag = 1 << 2;
 var MoveFlag = 1 << 3;
+var RefFlag = 1 << 4;
 
 // ../rectify-reconciler/src/RectifyFiberLanes.ts
 var NoLanes = 0;
@@ -367,7 +367,8 @@ var createFiber = /* @__PURE__ */ __name((workTag, pendingProps, key = null) =>
     childLanes: NoLanes,
     subtreeFlags: NoFlags,
     flags: NoFlags,
-    memoizedState: null
+    memoizedState: null,
+    refCleanup: null
   };
 }, "createFiber");
 var createHostRootFiber = /* @__PURE__ */ __name((containerDom) => {
@@ -394,6 +395,7 @@ var createWorkInProgress = /* @__PURE__ */ __name((current, pendingProps) => {
   }
   wip.memoizedProps = current.memoizedProps;
   wip.memoizedState = current.memoizedState;
+  wip.refCleanup = current.refCleanup;
   wip.return = current.return;
   wip.child = current.child;
   wip.sibling = current.sibling;
@@ -482,23 +484,14 @@ function useState(initialState) {
   }
   const hookIndex = getHookIndex();
   nextHookIndex();
-  let state = fiber.memoizedState;
-  let prevHook = null;
-  for (let i = 0; i < hookIndex; i++) {
-    prevHook = state;
-    state = state?.next ?? null;
-  }
+  let { hook: state, prevHook } = getHookSlot(fiber, hookIndex);
   if (!state) {
     state = {
       memoizedState: getInitialState(initialState),
       queue: null,
       next: null
     };
-    if (prevHook) {
-      prevHook.next = state;
-    } else {
-      fiber.memoizedState = state;
-    }
+    attachHook(fiber, state, prevHook);
   }
   let update = state.queue;
   while (update) {
@@ -523,6 +516,42 @@ function useState(initialState) {
 }
 __name(useState, "useState");
 var RectifyHookUseState_default = useState;
+function useReducer(reducer, initialArg, init) {
+  const fiber = getFiberRendering();
+  if (!fiber) {
+    throw new Error("useReducer must be used within a function component.");
+  }
+  const hookIndex = getHookIndex();
+  nextHookIndex();
+  let { hook, prevHook } = getHookSlot(fiber, hookIndex);
+  if (!hook) {
+    const initialState = isFunction(init) ? init(initialArg) : initialArg;
+    hook = { memoizedState: initialState, queue: null, next: null };
+    attachHook(fiber, hook, prevHook);
+  }
+  let update = hook.queue;
+  while (update) {
+    hook.memoizedState = reducer(hook.memoizedState, update.action);
+    update = update.next;
+  }
+  hook.queue = null;
+  const dispatch = /* @__PURE__ */ __name((action) => {
+    const update2 = { action, next: null };
+    if (!hook.queue) {
+      hook.queue = update2;
+    } else {
+      let last = hook.queue;
+      while (last.next) {
+        last = last.next;
+      }
+      last.next = update2;
+    }
+    scheduleRerender(fiber);
+  }, "dispatch");
+  return [hook.memoizedState, dispatch];
+}
+__name(useReducer, "useReducer");
+var RectifyHookUseReducer_default = useReducer;
 
 // ../rectify-hook/src/RectifyHookDeps.ts
 var depsChanged = /* @__PURE__ */ __name((prev, next) => {
@@ -633,20 +662,11 @@ function useRef(initialValue) {
   }
   const hookIndex = getHookIndex();
   nextHookIndex();
-  let hook = fiber.memoizedState;
-  let prevHook = null;
-  for (let i = 0; i < hookIndex; i++) {
-    prevHook = hook;
-    hook = hook?.next ?? null;
-  }
+  const { hook, prevHook } = getHookSlot(fiber, hookIndex);
   if (!hook) {
     const ref = { current: initialValue };
     const newHook = { memoizedState: ref, queue: null, next: null };
-    if (prevHook) {
-      prevHook.next = newHook;
-    } else {
-      fiber.memoizedState = newHook;
-    }
+    attachHook(fiber, newHook, prevHook);
     return ref;
   }
   return hook.memoizedState;
@@ -662,20 +682,10 @@ function useMemo(factory, deps) {
   }
   const hookIndex = getHookIndex();
   nextHookIndex();
-  let hook = fiber.memoizedState;
-  let prevHook = null;
-  for (let i = 0; i < hookIndex; i++) {
-    prevHook = hook;
-    hook = hook?.next ?? null;
-  }
+  const { hook, prevHook } = getHookSlot(fiber, hookIndex);
   if (!hook) {
     const state = { value: factory(), deps };
-    const newHook = { memoizedState: state, queue: null, next: null };
-    if (prevHook) {
-      prevHook.next = newHook;
-    } else {
-      fiber.memoizedState = newHook;
-    }
+    attachHook(fiber, { memoizedState: state, queue: null, next: null }, prevHook);
     return state.value;
   }
   const prev = hook.memoizedState;
@@ -1044,6 +1054,9 @@ var reuseOrCreate = /* @__PURE__ */ __name((oldFiber, element, wip) => {
   if (hasPropsChanged(oldFiber.memoizedProps, element.props)) {
     addFlagToFiber(newFiber, UpdateFlag);
   }
+  if ((oldFiber.memoizedProps?.ref ?? null) !== (element.props?.ref ?? null)) {
+    addFlagToFiber(newFiber, RefFlag);
+  }
   newFiber.return = wip;
   return newFiber;
 }, "reuseOrCreate");
@@ -1141,7 +1154,7 @@ var reconcileChildren = /* @__PURE__ */ __name((wip, children) => {
 }, "reconcileChildren");
 
 // ../rectify-reconciler/src/RectifyFiberCommitWork.ts
-var MutationMask = PlacementFlag | UpdateFlag | MoveFlag;
+var MutationMask = PlacementFlag | UpdateFlag | MoveFlag | RefFlag;
 var commitWork = /* @__PURE__ */ __name((finishedWork) => {
   if (finishedWork.deletions?.length) {
     finishedWork.deletions.forEach(removeHostTree);
@@ -1166,13 +1179,25 @@ var syncMemoizedProps = /* @__PURE__ */ __name((wip) => {
 }, "syncMemoizedProps");
 var attachRef = /* @__PURE__ */ __name((wip) => {
   const ref = wip.pendingProps?.ref;
-  if (ref && typeof ref === "object" && "current" in ref) {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    const cleanup = ref(wip.stateNode);
+    wip.refCleanup = typeof cleanup === "function" ? cleanup : null;
+  } else if (typeof ref === "object" && "current" in ref) {
     ref.current = wip.stateNode;
   }
 }, "attachRef");
 var detachRef = /* @__PURE__ */ __name((fiber) => {
+  if (fiber.refCleanup) {
+    fiber.refCleanup();
+    fiber.refCleanup = null;
+    return;
+  }
   const ref = fiber.memoizedProps?.ref;
-  if (ref && typeof ref === "object" && "current" in ref) {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    ref(null);
+  } else if (typeof ref === "object" && "current" in ref) {
     ref.current = null;
   }
 }, "detachRef");
@@ -1216,9 +1241,13 @@ var commitMutationHostComponent = /* @__PURE__ */ __name((wip) => {
   if (hasFlagOnFiber(wip, UpdateFlag)) {
     applyPropsToDom(wip.stateNode, wip.memoizedProps, wip.pendingProps);
     precacheFiberNode(wip, wip.stateNode);
-    attachRef(wip);
     removeFlagFromFiber(wip, UpdateFlag);
   }
+  if (hasFlagOnFiber(wip, RefFlag)) {
+    detachRef(wip);
+    attachRef(wip);
+    removeFlagFromFiber(wip, RefFlag);
+  }
 }, "commitMutationHostComponent");
 var commitMutationHostText = /* @__PURE__ */ __name((wip) => {
   if (!wip.stateNode) {
@@ -1418,6 +1447,6 @@ function memo(Component, compare) {
 }
 __name(memo, "memo");
 
-export { SyntheticEvent_default as SyntheticEvent, createContext, createRoot, memo, RectifyHookUseCallback_default as useCallback, useContext, RectifyHookUseEffect_default as useEffect, RectifyHookUseLayoutEffect_default as useLayoutEffect, RectifyHookUseMemo_default as useMemo, RectifyHookUseRef_default as useRef, RectifyHookUseState_default as useState };
+export { SyntheticEvent_default as SyntheticEvent, createContext, createRoot, memo, RectifyHookUseCallback_default as useCallback, useContext, RectifyHookUseEffect_default as useEffect, RectifyHookUseLayoutEffect_default as useLayoutEffect, RectifyHookUseMemo_default as useMemo, RectifyHookUseReducer_default as useReducer, RectifyHookUseRef_default as useRef, RectifyHookUseState_default as useState };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map