kiru 0.54.4 → 1.1.0

package/src/utils/vdom.ts

@@ -1,17 +1,16 @@
 import {
   FLAG_DELETION,
   $FRAGMENT,
-  $CONTEXT_PROVIDER,
   FLAG_PLACEMENT,
   FLAG_UPDATE,
   $ERROR_BOUNDARY,
+  $CONTEXT,
 } from "../constants.js"
 import { createElement } from "../index.js"
 import { KiruError } from "../error.js"
 import { node } from "../globals.js"
-import type { AppContext } from "../appContext.js"
+import type { AppHandle } from "../appHandle.js"
 import type { ErrorBoundaryNode } from "../types.utils.js"
-import { isMemoFn } from "../components/memo.js"
 
 export {
   cloneElement,
@@ -22,17 +21,19 @@ export {
   isExoticType,
   isFragment,
   isLazy,
-  isMemo,
   isContextProvider,
   vNodeContains,
   getCurrentVNode,
-  getVNodeAppContext,
+  getVNodeApp,
   commitSnapshot,
   traverseApply,
   findParent,
   findParentErrorBoundary,
   assertValidElementProps,
   normalizeElementKey,
+  createVNodeId,
+  registerVNodeCleanup,
+  propsChanged,
 }
 
 function cloneElement(vNode: Kiru.VNode): Kiru.Element {
@@ -68,9 +69,7 @@ function isValidTextChild(thing: unknown): thing is string | number | bigint {
 }
 
 function isExoticType(type: Kiru.VNode["type"]): type is Kiru.ExoticSymbol {
-  return (
-    type === $FRAGMENT || type === $CONTEXT_PROVIDER || type === $ERROR_BOUNDARY
-  )
+  return type === $FRAGMENT || type === $CONTEXT || type === $ERROR_BOUNDARY
 }
 
 function isFragment(
@@ -87,21 +86,17 @@ function isLazy(vNode: Kiru.VNode): boolean {
   )
 }
 
-function isMemo(vNode: Kiru.VNode): boolean {
-  return typeof vNode.type === "function" && isMemoFn(vNode.type)
-}
-
 function isContextProvider(
   thing: unknown
-): thing is Kiru.VNode & { type: typeof $CONTEXT_PROVIDER } {
-  return isVNode(thing) && thing.type === $CONTEXT_PROVIDER
+): thing is Kiru.VNode & { type: typeof $CONTEXT } {
+  return isVNode(thing) && thing.type === $CONTEXT
 }
 
 function getCurrentVNode(): Kiru.VNode | null {
   return node.current
 }
 
-function getVNodeAppContext(vNode: Kiru.VNode): AppContext | null {
+function getVNodeApp(vNode: Kiru.VNode): AppHandle | null {
   let n: Kiru.VNode | null = vNode
   while (n) {
     if (n.app) {
@@ -190,3 +185,37 @@ function normalizeElementKey(thing: unknown): JSX.ElementKey | null {
   }
   return null
 }
+
+function createVNodeId(vNode: Kiru.VNode): string {
+  const accumulator: number[] = []
+  let n: Kiru.VNode | null = vNode
+  while (n) {
+    accumulator.push(n.index)
+    accumulator.push(n.depth)
+    n = n.parent
+  }
+  return `k:${BigInt(accumulator.join("")).toString(36)}`
+}
+
+function registerVNodeCleanup(
+  vNode: Kiru.VNode,
+  id: string,
+  callback: () => void
+) {
+  ;(vNode.cleanups ??= {})[id] = callback
+}
+
+function propsChanged(
+  oldProps: Kiru.VNode["props"],
+  newProps: Kiru.VNode["props"],
+  keysToSkip?: string[]
+) {
+  const aKeys = Object.keys(oldProps)
+  const bKeys = Object.keys(newProps)
+  if (aKeys.length !== bKeys.length) return true
+  for (let key of aKeys) {
+    if (keysToSkip?.includes(key)) continue
+    if (oldProps[key] !== newProps[key]) return true
+  }
+  return false
+}

package/src/viewTransitions.ts

@@ -0,0 +1,89 @@
+import { flushSync } from "./scheduler.js"
+import { isBrowser } from "./env.js"
+
+export namespace ViewTransitions {
+  type ViewTransitionJob = () => Promise<void>
+
+  const jobs: ViewTransitionJob[] = []
+  let running = false
+  let scheduled = false
+  let transition: ViewTransition | null = null
+  const supported =
+    isBrowser && typeof document.startViewTransition === "function"
+
+  export function run<T>(
+    callback: () => T | Promise<T>,
+    options?: { signal?: AbortSignal }
+  ): Promise<T> {
+    const signal = options?.signal
+
+    return new Promise<T>((resolve) => {
+      const job: ViewTransitionJob = async () => {
+        const result = await callback()
+        resolve(result)
+      }
+
+      jobs.push(job)
+
+      signal?.addEventListener(
+        "abort",
+        () => {
+          const i = jobs.indexOf(job)
+          if (i !== -1) {
+            jobs.splice(i, 1)
+          } else {
+            transition?.skipTransition()
+          }
+        },
+        { once: true }
+      )
+
+      schedule()
+    })
+  }
+
+  export function stop() {
+    transition?.skipTransition()
+    transition = null
+    jobs.length = 0
+    running = false
+    scheduled = false
+  }
+
+  function schedule() {
+    if (scheduled) return
+    scheduled = true
+    queueMicrotask(() => {
+      scheduled = false
+      runJobs()
+    })
+  }
+
+  async function runJobs() {
+    if (running || jobs.length === 0) return
+
+    running = true
+
+    const __jobs = [...jobs]
+    jobs.length = 0
+
+    const runJobs = async () => {
+      await Promise.all(__jobs.map((j) => j()))
+      flushSync()
+    }
+
+    if (!supported) {
+      await runJobs()
+    } else {
+      transition = document.startViewTransition(runJobs)
+      await transition.finished
+    }
+
+    transition = null
+    running = false
+
+    if (jobs.length > 0) {
+      schedule()
+    }
+  }
+}

package/dist/appContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"appContext.d.ts","sourceRoot":"","sources":["../src/appContext.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;AAEvB,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAA;IACf,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACnC,OAAO,IAAI,IAAI,CAAA;CAChB;AAID,wBAAgB,KAAK,CACnB,QAAQ,EAAE,GAAG,CAAC,OAAO,EACrB,SAAS,EAAE,WAAW,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,UAAU,CA8CZ"}

package/dist/appContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appContext.js","sourceRoot":"","sources":["../src/appContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAmBxC,IAAI,KAAK,GAAG,CAAC,CAAA;AAEb,MAAM,UAAU,KAAK,CACnB,QAAqB,EACrB,SAAsB,EACtB,OAA2B;IAE3B,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;QACH,CAAC;IACH,CAAC;IACD,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,UAAU,GAAe;QAC7B,EAAE;QACF,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,EAAE;QAClC,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAA;IAED,SAAS,MAAM,CAAC,QAAqB;QACnC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAClC,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC1B,CAAC;IAED,SAAS,OAAO;QACd,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAA;QAC9B,cAAc,CAAC,QAAQ,CAAC,CAAA;QACxB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC,UAAU,CAAA;YAC3B,OAAO,QAAQ,CAAC,GAAG,CAAA;QACrB,CAAC;QACD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;IAC3C,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,QAAQ,CAAC,GAAG,GAAG,UAAU,CAAA;IAC3B,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,CAAA;IACtD,IAAI,OAAO,EAAE,CAAC;QACZ,cAAc,CAAC,GAAG,EAAE;YAClB,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;QAC/C,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,SAAS,cAAc,CAAC,SAAsB;IAC5C,MAAM,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAA;IAC1D,IAAI,CAAC,KAAK,IAAI,eAAe,CAAA;IAC7B,IAAI,CAAC,GAAG,GAAG,SAAS,CAAA;IACpB,IAAI,OAAO,EAAE,CAAC;QACZ,SAAS,CAAC,UAAU,GAAG,IAAI,CAAA;IAC7B,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/components/memo.d.ts

@@ -1,10 +0,0 @@
-import { $MEMO } from "../constants.js";
-export interface MemoFn<T extends Record<string, unknown> = {}> {
-    (props: T): JSX.Element;
-    [$MEMO]: (prevProps: T, nextProps: T) => boolean;
-}
-export declare function memo<T extends Record<string, unknown> = {}>(fn: Kiru.FC<T>, arePropsEqual?: (prevProps: T, nextProps: T) => boolean): (props: T) => JSX.Element;
-export declare function isMemoFn(fn: Function & {
-    [$MEMO]?: any;
-}): fn is MemoFn;
-//# sourceMappingURL=memo.d.ts.map

package/dist/components/memo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"memo.d.ts","sourceRoot":"","sources":["../../src/components/memo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAgBvC,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE;IAC5D,CAAC,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;IACvB,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,OAAO,CAAA;CACjD;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EACzD,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EACd,aAAa,GAAE,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,OAAwB,GACtE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAU3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,GAAG;IAAE,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,EAAE,IAAI,MAAM,CAEvE"}

package/dist/components/memo.js

@@ -1,23 +0,0 @@
-import { $MEMO } from "../constants.js";
-import { createElement } from "../element.js";
-function _arePropsEqual(prevProps, nextProps) {
-    const keys = new Set([...Object.keys(prevProps), ...Object.keys(nextProps)]);
-    for (const key of keys) {
-        if (prevProps[key] !== nextProps[key]) {
-            return false;
-        }
-    }
-    return true;
-}
-export function memo(fn, arePropsEqual = _arePropsEqual) {
-    return Object.assign(function Memo(props) {
-        return createElement(fn, props);
-    }, {
-        [$MEMO]: arePropsEqual,
-        displayName: "Kiru.memo",
-    });
-}
-export function isMemoFn(fn) {
-    return typeof fn[$MEMO] === "function";
-}
-//# sourceMappingURL=memo.js.map

package/dist/components/memo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"memo.js","sourceRoot":"","sources":["../../src/components/memo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,SAAS,cAAc,CACrB,SAAY,EACZ,SAAY;IAEZ,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;IAC5E,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAOD,MAAM,UAAU,IAAI,CAClB,EAAc,EACd,gBAAyD,cAAc;IAEvE,OAAO,MAAM,CAAC,MAAM,CAClB,SAAS,IAAI,CAAC,KAAQ;QACpB,OAAO,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;IACjC,CAAC,EACD;QACE,CAAC,KAAK,CAAC,EAAE,aAAa;QACtB,WAAW,EAAE,WAAW;KACzB,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAgC;IACvD,OAAO,OAAO,EAAE,CAAC,KAAK,CAAC,KAAK,UAAU,CAAA;AACxC,CAAC"}

package/dist/dom.d.ts

@@ -1,10 +0,0 @@
-import type { DomVNode, SomeDom } from "./types.utils";
-export { commitWork, onBeforeFlushDomChanges, onAfterFlushDomChanges, commitDeletion, createDom, hydrateDom, };
-type VNode = Kiru.VNode;
-declare function onBeforeFlushDomChanges(): void;
-declare function onAfterFlushDomChanges(): void;
-declare function createDom(vNode: DomVNode): SomeDom;
-declare function hydrateDom(vNode: VNode): void;
-declare function commitWork(vNode: VNode): void;
-declare function commitDeletion(vNode: VNode): void;
-//# sourceMappingURL=dom.d.ts.map

package/dist/dom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,QAAQ,EAGR,OAAO,EAER,MAAM,eAAe,CAAA;AAGtB,OAAO,EACL,UAAU,EACV,uBAAuB,EACvB,sBAAsB,EACtB,cAAc,EACd,SAAS,EACT,UAAU,GACX,CAAA;AAED,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;AAevB,iBAAS,uBAAuB,SAM/B;AAED,iBAAS,sBAAsB,SAS9B;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,GAAG,OAAO,CAU3C;AA2TD,iBAAS,UAAU,CAAC,KAAK,EAAE,KAAK,QA+C/B;AAuND,iBAAS,UAAU,CAAC,KAAK,EAAE,KAAK,QAa/B;AAsDD,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,QAwCnC"}