kiru 0.47.0 → 0.47.1

package/src/renderToString.ts

@@ -6,7 +6,7 @@ import {
   propsToElementAttributes,
   isExoticType,
 } from "./utils.js"
-import { Signal } from "./signals/index.js"
+import { Signal } from "./signals/base.js"
 import { $HYDRATION_BOUNDARY, voidElements } from "./constants.js"
 import { assertValidElementProps } from "./props.js"
 import { HYDRATION_BOUNDARY_MARKER } from "./ssr/hydrationBoundary.js"

package/src/scheduler.ts

@@ -7,6 +7,7 @@ import {
   $CONTEXT_PROVIDER,
   CONSECUTIVE_DIRTY_LIMIT,
   FLAG_DELETION,
+  FLAG_MEMO,
 } from "./constants.js"
 import { commitDeletion, commitWork, createDom, hydrateDom } from "./dom.js"
 import { __DEV__ } from "./env.js"
@@ -363,8 +364,8 @@ function performUnitOfWork(vNode: VNode): VNode | void {
 }
 
 function updateFunctionComponent(vNode: FunctionVNode) {
-  const { type, props, subs, prev, isMemoized } = vNode
-  if (isMemoized) {
+  const { type, props, subs, prev, flags } = vNode
+  if (flags & FLAG_MEMO) {
     vNode.memoizedProps = props
     if (
       prev?.memoizedProps &&

package/src/signals/base.ts

@@ -1,13 +1,13 @@
+import { latest, safeStringify, sideEffectsEnabled } from "../utils.js"
 import { $HMR_ACCEPT, $SIGNAL } from "../constants.js"
 import { __DEV__ } from "../env.js"
-import type { HMRAccept } from "../hmr.js"
-import { latest, safeStringify, sideEffectsEnabled } from "../utils.js"
-import { tracking, signalSubsMap } from "./globals.js"
-import { type SignalSubscriber, ReadonlySignal } from "./types.js"
 import { node } from "../globals.js"
 import { useHook } from "../hooks/utils.js"
 import { generateRandomID } from "../generateId.js"
 import { requestUpdate } from "../scheduler.js"
+import { tracking, signalSubsMap } from "./globals.js"
+import type { SignalSubscriber, ReadonlySignal } from "./types.js"
+import type { HMRAccept } from "../hmr.js"
 
 export class Signal<T> {
   [$SIGNAL] = true;

package/src/signals/computed.ts

@@ -1,11 +1,11 @@
 import { __DEV__ } from "../env.js"
-import { Signal } from "./index.js"
-import { effectQueue, signalSubsMap } from "./globals.js"
 import { $HMR_ACCEPT } from "../constants.js"
-import type { HMRAccept } from "../hmr.js"
 import { useHook } from "../hooks/utils.js"
-import { executeWithTracking } from "./effect.js"
 import { latest } from "../utils.js"
+import { effectQueue, signalSubsMap } from "./globals.js"
+import { executeWithTracking } from "./effect.js"
+import { Signal } from "./base.js"
+import type { HMRAccept } from "../hmr.js"
 
 export class ComputedSignal<T> extends Signal<T> {
   protected $getter: (prev?: T) => T

package/src/signals/effect.ts

@@ -1,7 +1,8 @@
 import { node } from "../globals.js"
 import { sideEffectsEnabled } from "../utils.js"
 import { tracking, effectQueue } from "./globals.js"
-import type { Signal } from "./index.js"
+import { tick } from "./utils.js"
+import type { Signal } from "./base.js"
 import type { SignalValues } from "./types.js"
 
 type TrackedExecutionContext<T, Deps extends readonly Signal<unknown>[]> = {
@@ -42,8 +43,8 @@ export function executeWithTracking<T, Deps extends readonly Signal<unknown>[]>(
     }
 
     const effect = () => {
-      if (!effectQueue.has(id)) {
-        queueMicrotask(() => effectQueue.get(id)?.())
+      if (!effectQueue.size) {
+        queueMicrotask(tick)
       }
       effectQueue.set(id, onDepChanged)
     }

package/src/signals/globals.ts

@@ -1,4 +1,4 @@
-import type { Signal } from "./index.js"
+import type { Signal } from "./base.js"
 import type { SignalSubscriber } from "./types.js"
 
 export const tracking = {

package/src/signals/jsx.ts

@@ -1,4 +1,4 @@
-import type { Signal } from "./index.js"
+import type { Signal } from "./base.js"
 import type { SignalValues } from "./types.js"
 
 type InferArraySignalItemType<T extends Signal<any[]>> = T extends Signal<

package/src/signals/types.ts

@@ -1,4 +1,4 @@
-import { type Signal } from "./index.js"
+import type { Signal } from "./base.js"
 
 export type ReadonlySignal<T> = Signal<T> & {
   readonly value: T

package/src/signals/utils.ts

@@ -1,4 +1,4 @@
-import { Signal } from "./index.js"
+import { Signal } from "./base.js"
 import { effectQueue } from "./globals.js"
 
 export function unwrap<T>(value: T | Signal<T>, reactive = false): T {

package/src/ssr/server.ts

@@ -7,7 +7,7 @@ import {
   propsToElementAttributes,
   isExoticType,
 } from "../utils.js"
-import { Signal } from "../signals/index.js"
+import { Signal } from "../signals/base.js"
 import { $HYDRATION_BOUNDARY, voidElements } from "../constants.js"
 import { assertValidElementProps } from "../props.js"
 import { HYDRATION_BOUNDARY_MARKER } from "./hydrationBoundary.js"

package/src/swr.ts

@@ -1,6 +1,6 @@
 import { __DEV__ } from "./env.js"
 import { useHook } from "./hooks/utils.js"
-import { Signal } from "./signals/index.js"
+import { Signal } from "./signals/base.js"
 import {
   noop,
   deepCompare,

package/src/types.ts

@@ -194,7 +194,6 @@ declare global {
       effects?: Array<Function>
       immediateEffects?: Array<Function>
       memoizedProps?: Record<string, any>
-      isMemoized?: boolean
       arePropsEqual?: (
         prev: Record<string, any>,
         next: Record<string, any>

package/src/utils.ts

@@ -8,9 +8,10 @@ import {
   FLAG_HAS_MEMO_ANCESTOR,
   FLAG_PLACEMENT,
   FLAG_UPDATE,
+  FLAG_MEMO,
   REGEX_UNIT,
 } from "./constants.js"
-import { unwrap } from "./signals/index.js"
+import { unwrap } from "./signals/utils.js"
 import { __DEV__ } from "./env.js"
 import type { AppContext } from "./appContext"
 
@@ -162,8 +163,9 @@ function willMemoBlockUpdate(root: VNode, target: VNode): boolean {
 
   while (node && node !== root && node.flags & FLAG_HAS_MEMO_ANCESTOR) {
     const parent = node.parent
+    if (!parent) return false
     if (
-      parent?.isMemoized &&
+      parent.flags & FLAG_MEMO &&
       parent.prev?.memoizedProps &&
       parent.arePropsEqual!(parent.prev.memoizedProps, parent.props)
     ) {