kiru 0.44.4 → 0.45.0

package/src/props.ts

@@ -1,9 +1,9 @@
-import { KaiokenError } from "./error.js"
+import { KiruError } from "./error.js"
 import { Signal } from "./signals/base.js"
 
-export function assertValidElementProps(vNode: Kaioken.VNode) {
+export function assertValidElementProps(vNode: Kiru.VNode) {
   if ("children" in vNode.props && vNode.props.innerHTML) {
-    throw new KaiokenError({
+    throw new KiruError({
       message: "Cannot use both children and innerHTML on an element",
       vNode,
     })
@@ -11,7 +11,7 @@ export function assertValidElementProps(vNode: Kaioken.VNode) {
 
   for (const key in vNode.props) {
     if ("bind:" + key in vNode.props) {
-      throw new KaiokenError({
+      throw new KiruError({
         message: `Cannot use both bind:${key} and ${key} on an element`,
         vNode,
       })
@@ -25,9 +25,7 @@ export function isValidElementKeyProp(
   return typeof thing === "string" || typeof thing === "number"
 }
 
-export function isValidElementRefProp(
-  thing: unknown
-): thing is Kaioken.Ref<any> {
+export function isValidElementRefProp(thing: unknown): thing is Kiru.Ref<any> {
   return (
     typeof thing === "function" ||
     (typeof thing === "object" && !!thing && "current" in thing) ||

package/src/reconciler.ts

@@ -6,7 +6,7 @@ import { createElement, Fragment } from "./element.js"
 import { flags } from "./flags.js"
 import { ctx } from "./globals.js"
 
-type VNode = Kaioken.VNode
+type VNode = Kiru.VNode
 
 export function reconcileChildren(parent: VNode, children: unknown) {
   if (Array.isArray(children)) {
@@ -428,7 +428,7 @@ function updateFromMap(
   return null
 }
 
-function setParent(child: Kaioken.VNode, parent: Kaioken.VNode) {
+function setParent(child: Kiru.VNode, parent: Kiru.VNode) {
   child.parent = parent
   child.depth = parent.depth + 1
   if (parent.isMemoized || flags.get(parent.flags, FLAG.HAS_MEMO_ANCESTOR)) {
@@ -438,15 +438,15 @@ function setParent(child: Kaioken.VNode, parent: Kaioken.VNode) {
 
 function emitUpdateNode() {
   if (!("window" in globalThis)) return
-  window.__kaioken?.profilingContext?.emit("updateNode", ctx.current)
+  window.__kiru?.profilingContext?.emit("updateNode", ctx.current)
 }
 
 function emitCreateNode() {
   if (!("window" in globalThis)) return
-  window.__kaioken?.profilingContext?.emit("createNode", ctx.current)
+  window.__kiru?.profilingContext?.emit("createNode", ctx.current)
 }
 
-const $LIST_CHILD = Symbol("kaioken:marked-list-child")
+const $LIST_CHILD = Symbol("kiru:marked-list-child")
 function markListChild(children: unknown[]) {
   Object.assign(children, { [$LIST_CHILD]: true })
 }
@@ -510,7 +510,7 @@ function checkForMissingKeys(parent: VNode, children: unknown[]) {
 }
 
 function keyWarning(str: string) {
-  const formatted = `[kaioken]: ${str}. See https://kaioken.dev/keys-warning for more information.`
+  const formatted = `[kiru]: ${str}. See https://kaioken.dev/keys-warning for more information.`
   console.error(formatted)
 }
 

package/src/renderToString.ts

@@ -31,7 +31,7 @@ export function renderToString<T extends Record<string, unknown>>(
 
 function renderToString_internal(
   el: unknown,
-  parent: Kaioken.VNode | null,
+  parent: Kiru.VNode | null,
   idx: number
 ): string {
   if (el === null) return ""

package/src/router/route.ts

@@ -46,6 +46,6 @@ export function Route({ element }: RouteProps) {
 
 export function isRoute(
   thing: unknown
-): thing is Kaioken.VNode & { props: RouteProps } {
+): thing is Kiru.VNode & { props: RouteProps } {
   return isVNode(thing) && thing.type === Route
 }

package/src/router/router.ts

@@ -67,7 +67,7 @@ export function Link({ to, onclick, replace, inherit, ...props }: LinkProps) {
 }
 
 type RouterCtx = {
-  viewTransition: Kaioken.RefObject<ViewTransition>
+  viewTransition: Kiru.RefObject<ViewTransition>
   queueSyncNav: (callback: () => void) => void
   params: Record<string, string>
   query: Record<string, string>
@@ -205,8 +205,8 @@ export function Router(props: RouterProps) {
     }
   })
 
-  type RouteComponent = Kaioken.VNode & {
-    props: Kaioken.InferProps<typeof Route>
+  type RouteComponent = Kiru.VNode & {
+    props: Kiru.InferProps<typeof Route>
   }
   let fallbackRoute: RouteComponent | undefined
   let route: RouteComponent | undefined
@@ -221,7 +221,7 @@ export function Router(props: RouterProps) {
       if (__DEV__) {
         if (fallbackRoute) {
           console.warn(
-            "[kaioken]: More than one fallback route defined. Only the last one will be used."
+            "[kiru]: More than one fallback route defined. Only the last one will be used."
           )
         }
       }

package/src/scheduler.ts

@@ -12,7 +12,7 @@ import {
 } from "./constants.js"
 import { commitWork, createDom, hydrateDom } from "./dom.js"
 import { __DEV__ } from "./env.js"
-import { KaiokenError } from "./error.js"
+import { KiruError } from "./error.js"
 import { ctx, hookIndex, node, nodeToCtxMap, renderMode } from "./globals.js"
 import { hydrationStack } from "./hydration.js"
 import { assertValidElementProps } from "./props.js"
@@ -26,7 +26,7 @@ import {
 } from "./utils.js"
 import { Signal } from "./signals/base.js"
 
-type VNode = Kaioken.VNode
+type VNode = Kiru.VNode
 
 export interface Scheduler {
   clear(): void
@@ -122,7 +122,7 @@ export function createScheduler(
     // If this node is currently being rendered, just mark it dirty
     if (node.current === vNode) {
       if (__DEV__) {
-        window.__kaioken?.profilingContext?.emit("updateDirtied", appCtx)
+        window.__kiru?.profilingContext?.emit("updateDirtied", appCtx)
       }
       isRenderDirtied = true
       return
@@ -234,7 +234,7 @@ export function createScheduler(
 
   function workLoop(deadline?: IdleDeadline): void {
     if (__DEV__) {
-      window.__kaioken?.profilingContext?.beginTick(appCtx)
+      window.__kiru?.profilingContext?.beginTick(appCtx)
     }
     ctx.current = appCtx
     while (nextUnitOfWork) {
@@ -267,17 +267,17 @@ export function createScheduler(
         immediateEffectDirtiedRender = false
         consecutiveDirtyCount++
         if (__DEV__) {
-          window.__kaioken?.profilingContext?.endTick(appCtx)
-          window.__kaioken?.profilingContext?.emit("updateDirtied", appCtx)
+          window.__kiru?.profilingContext?.endTick(appCtx)
+          window.__kiru?.profilingContext?.emit("updateDirtied", appCtx)
         }
         return workLoop()
       }
       consecutiveDirtyCount = 0
 
       flushEffects(effectCallbacks.post)
-      window.__kaioken!.emit("update", appCtx)
+      window.__kiru!.emit("update", appCtx)
       if (__DEV__) {
-        window.__kaioken?.profilingContext?.emit("update", appCtx)
+        window.__kiru?.profilingContext?.emit("update", appCtx)
       }
     }
 
@@ -287,7 +287,7 @@ export function createScheduler(
         nextIdleEffects.shift()!(scheduler)
       }
       if (__DEV__) {
-        window.__kaioken?.profilingContext?.endTick(appCtx)
+        window.__kiru?.profilingContext?.endTick(appCtx)
       }
       return
     }
@@ -362,12 +362,12 @@ export function createScheduler(
         renderChild = updateFunctionComponent(vNode as FunctionVNode)
       }
     } catch (error) {
-      window.__kaioken?.emit(
+      window.__kiru?.emit(
         "error",
         appCtx,
         error instanceof Error ? error : new Error(String(error))
       )
-      if (KaiokenError.isKaiokenError(error)) {
+      if (KiruError.isKiruError(error)) {
         if (error.customNodeStack) {
           setTimeout(() => {
             throw new Error(error.customNodeStack)
@@ -452,7 +452,7 @@ export function createScheduler(
           newChild = latest(type)(props)
           delete vNode.hmrUpdated
           if (++renderTryCount > CONSECUTIVE_DIRTY_LIMIT) {
-            throw new KaiokenError({
+            throw new KiruError({
               message:
                 "Too many re-renders. Kaioken limits the number of renders to prevent an infinite loop.",
               fatal: true,
@@ -484,7 +484,7 @@ export function createScheduler(
       }
       if (__DEV__) {
         // @ts-expect-error we apply vNode to the dom node
-        vNode.dom.__kaiokenNode = vNode
+        vNode.dom.__kiruNode = vNode
       }
     }
     // text should _never_ have children
@@ -500,7 +500,7 @@ export function createScheduler(
 
   function checkForTooManyConsecutiveDirtyRenders() {
     if (consecutiveDirtyCount > CONSECUTIVE_DIRTY_LIMIT) {
-      throw new KaiokenError(
+      throw new KiruError(
         "Maximum update depth exceeded. This can happen when a component repeatedly calls setState during render or in useLayoutEffect. Kaioken limits the number of nested updates to prevent infinite loops."
       )
     }

package/src/signals/base.ts

@@ -111,7 +111,7 @@ export class Signal<T> {
     return () => signalSubsMap.get(this.$id)?.delete(cb)
   }
 
-  notify(options?: { filter?: (sub: Function | Kaioken.VNode) => boolean }) {
+  notify(options?: { filter?: (sub: Function | Kiru.VNode) => boolean }) {
     signalSubsMap.get(this.$id)?.forEach((sub) => {
       if (options?.filter && !options.filter(sub)) return
       if (typeof sub === "function") {

package/src/signals/types.ts

@@ -3,7 +3,7 @@ import { type Signal } from "./base"
 export type ReadonlySignal<T> = Signal<T> & {
   readonly value: T
 }
-export type SignalSubscriber = Kaioken.VNode | Function
+export type SignalSubscriber = Kiru.VNode | Function
 
 export type SignalValues<T extends readonly Signal<unknown>[]> = {
   [I in keyof T]: T[I] extends Signal<infer V> ? V : never

package/src/signals/watch.ts

@@ -42,7 +42,7 @@ export class WatchEffect<const Deps extends readonly Signal<unknown>[] = []> {
         },
       }
       if ("window" in globalThis) {
-        const signals = window.__kaioken!.HMRContext!.signals
+        const signals = window.__kiru!.HMRContext!.signals
         if (signals.isWaitingForNextWatchCall()) {
           signals.pushWatch(this as WatchEffect)
         }
@@ -62,7 +62,7 @@ export class WatchEffect<const Deps extends readonly Signal<unknown>[] = []> {
       // postpone execution during HMR
       if (
         "window" in globalThis &&
-        window.__kaioken?.HMRContext?.isReplacement()
+        window.__kiru?.HMRContext?.isReplacement()
       ) {
         return queueMicrotask(() => {
           if (this.isRunning) {

package/src/ssr/hydrationBoundary.ts

@@ -5,7 +5,7 @@ import { renderMode } from "../globals.js"
 
 type EventsArray = (keyof GlobalEventHandlersEventMap)[]
 
-export const HYDRATION_BOUNDARY_MARKER = "kaioken:h-boundary"
+export const HYDRATION_BOUNDARY_MARKER = "kiru:h-boundary"
 export const DEFAULT_INTERACTION_EVENTS = [
   "pointerdown",
   "keydown",

package/src/ssr/server.ts

@@ -42,7 +42,7 @@ export function renderToReadableStream<T extends Record<string, unknown>>(
 function renderToStream_internal(
   state: RequestState,
   el: unknown,
-  parent: Kaioken.VNode | null,
+  parent: Kiru.VNode | null,
   idx: number
 ): void {
   if (el === null) return

package/src/store.ts

@@ -9,7 +9,7 @@ export { createStore }
 export type { Store, MethodFactory }
 
 type MethodFactory<T> = (
-  setState: (setter: Kaioken.StateSetter<T>) => void,
+  setState: (setter: Kiru.StateSetter<T>) => void,
   getState: () => T
 ) => Record<string, Function>
 
@@ -32,7 +32,7 @@ type Subscribe<T> = {
 
 type Store<T, U extends Record<string, Function>> = StoreHook<T, U> & {
   getState: () => T
-  setState: (setter: Kaioken.StateSetter<T>) => void
+  setState: (setter: Kiru.StateSetter<T>) => void
   methods: U
   subscribe: Subscribe<T>
 }
@@ -51,8 +51,8 @@ type NodeState = {
 type InternalStoreState<T, U extends MethodFactory<T>> = {
   value: T
   epoch: number
-  subscribers: Set<Kaioken.VNode | Function>
-  nodeStateMap: WeakMap<Kaioken.VNode, NodeState>
+  subscribers: Set<Kiru.VNode | Function>
+  nodeStateMap: WeakMap<Kiru.VNode, NodeState>
   methods: ReturnType<U>
 }
 
@@ -65,8 +65,8 @@ function createStore<T, U extends MethodFactory<T>>(
     current: {
       value: initial,
       epoch: 0,
-      subscribers: new Set<Kaioken.VNode | Function>(),
-      nodeStateMap: new WeakMap<Kaioken.VNode, NodeState>(),
+      subscribers: new Set<Kiru.VNode | Function>(),
+      nodeStateMap: new WeakMap<Kiru.VNode, NodeState>(),
       methods: null as any as ReturnType<U>,
     } satisfies InternalStoreState<T, U>,
   }
@@ -76,7 +76,7 @@ function createStore<T, U extends MethodFactory<T>>(
 
   const getState = () => state.current.value
 
-  const setState = (setter: Kaioken.StateSetter<T>) => {
+  const setState = (setter: Kiru.StateSetter<T>) => {
     state.current.value =
       typeof setter === "function"
         ? (setter as Function)(state.current.value)

package/src/swr.ts

@@ -88,7 +88,7 @@ export type SWROptions = {
   refetchWhenOffline?: boolean
 }
 
-type SWRHook = Kaioken.Hook<{
+type SWRHook = Kiru.Hook<{
   strKey: string
   options: SWROptions
   update: () => void
@@ -107,7 +107,7 @@ let SWR_GLOBAL_CACHE: SWRCache
 let IS_ONLINE = false
 
 if ("window" in globalThis) {
-  SWR_GLOBAL_CACHE = window.__kaioken!.globalState[Symbol.for("SWR_GLOBAL")] ??=
+  SWR_GLOBAL_CACHE = window.__kiru!.globalState[Symbol.for("SWR_GLOBAL")] ??=
     new Map()
 
   IS_ONLINE = navigator.onLine

package/src/types.dom.ts

@@ -349,7 +349,7 @@ type NoChildElementElement =
   | HTMLTextAreaElement
 
 declare global {
-  namespace Kaioken {
+  namespace Kiru {
     type DOMEvent<E = Event, C = unknown, T = unknown> = Omit<
       E,
       "target" | "currentTarget"

package/src/types.ts

@@ -5,7 +5,7 @@ import type {
   $FRAGMENT,
   $HYDRATION_BOUNDARY,
 } from "./constants"
-import type { KaiokenGlobalContext } from "./globalContext"
+import type { KiruGlobalContext } from "./globalContext"
 import type {
   GlobalAttributes,
   HtmlElementAttributes,
@@ -50,10 +50,10 @@ type ElementMap = {
   [Tag in keyof HtmlElementAttributes]: SignalableHtmlElementAttributes<Tag> &
     SignalableGlobalAttributes &
     SignalableAriaProps &
-    Kaioken.EventAttributes<HTMLTagToElement<Tag>> &
+    Kiru.EventAttributes<HTMLTagToElement<Tag>> &
     JSX.ElementAttributes & {
       ref?:
-        | Kaioken.Ref<HTMLTagToElement<Tag>>
+        | Kiru.Ref<HTMLTagToElement<Tag>>
         | SignalClass<HTMLTagToElement<Tag> | null>
     }
 } & {
@@ -61,10 +61,10 @@ type ElementMap = {
     SignalableSvgGlobalAttributes &
     SignalableGlobalAttributes &
     SignalableAriaProps &
-    Kaioken.EventAttributes<SVGTagToElement<Tag>> &
+    Kiru.EventAttributes<SVGTagToElement<Tag>> &
     JSX.ElementAttributes & {
       ref?:
-        | Kaioken.Ref<SVGTagToElement<Tag>>
+        | Kiru.Ref<SVGTagToElement<Tag>>
         | SignalClass<SVGTagToElement<Tag> | null>
     }
 } & {
@@ -73,7 +73,7 @@ type ElementMap = {
 
 declare global {
   interface Window {
-    __kaioken: KaiokenGlobalContext | undefined
+    __kiru: KiruGlobalContext | undefined
   }
   namespace JSX {
     interface IntrinsicElements extends ElementMap {}
@@ -97,9 +97,9 @@ declare global {
 
     type Element =
       | Element[]
-      | Kaioken.VNode
+      | Kiru.VNode
       | PrimitiveChild
-      | Kaioken.Signal<PrimitiveChild>
+      | Kiru.Signal<PrimitiveChild>
 
     type ElementAttributes = {
       key?: JSX.ElementKey
@@ -107,10 +107,10 @@ declare global {
       innerHTML?:
         | string
         | number
-        | Kaioken.Signal<string | number | null | undefined>
+        | Kiru.Signal<string | number | null | undefined>
     }
   }
-  namespace Kaioken {
+  namespace Kiru {
     type ProviderProps<T> = {
       value: T
       children?: JSX.Children | ((value: T) => JSX.Element)
@@ -130,7 +130,7 @@ declare global {
       displayName?: string
     }
     type FCProps<T = {}> = T & { children?: JSX.Children }
-    type InferProps<T> = T extends Kaioken.FC<infer P> ? P : never
+    type InferProps<T> = T extends Kiru.FC<infer P> ? P : never
 
     type HookDevtoolsProvisions<T extends Record<string, any>> = {
       get: () => T
@@ -176,7 +176,7 @@ declare global {
         [key: string]: any
         children?: unknown
         key?: JSX.ElementKey
-        ref?: Kaioken.Ref<unknown>
+        ref?: Kiru.Ref<unknown>
       }
       index: number
       depth: number
@@ -204,6 +204,6 @@ declare global {
   }
 
   interface Element {
-    __kaiokenNode?: Kaioken.VNode
+    __kiruNode?: Kiru.VNode
   }
 }

package/src/types.utils.ts

@@ -6,13 +6,13 @@ export type SomeElement = HTMLElement | SVGElement
 export type SomeDom = HTMLElement | SVGElement | Text
 export type MaybeDom = SomeDom | undefined
 
-type VNode = Kaioken.VNode
+type VNode = Kiru.VNode
 
 export type FunctionVNode = Omit<VNode, "type"> & {
   type: (...args: any) => any
 }
 export type ExoticVNode = Omit<VNode, "type"> & {
-  type: Kaioken.ExoticSymbol
+  type: Kiru.ExoticSymbol
 }
 export type ElementVNode = Omit<VNode, "dom" | "type"> & {
   dom: SomeElement
@@ -23,11 +23,11 @@ export type DomVNode = Omit<VNode, "dom" | "type"> & {
   type: "#text" | (string & {})
 }
 
-export type ContextProviderNode<T> = Kaioken.VNode & {
+export type ContextProviderNode<T> = Kiru.VNode & {
   type: typeof $CONTEXT_PROVIDER
-  props: { value: T; ctx: Kaioken.Context<T>; dependents: Set<Kaioken.VNode> }
+  props: { value: T; ctx: Kiru.Context<T>; dependents: Set<Kiru.VNode> }
 }
-export type HydrationBoundaryNode = Kaioken.VNode & {
+export type HydrationBoundaryNode = Kiru.VNode & {
   type: typeof $HYDRATION_BOUNDARY
   props: { mode: HydrationBoundaryMode }
 }

package/src/utils.ts

@@ -8,7 +8,7 @@ import {
   REGEX_UNIT,
 } from "./constants.js"
 import { unwrap } from "./signals/utils.js"
-import { KaiokenError } from "./error.js"
+import { KiruError } from "./error.js"
 import type { AppContext } from "./appContext"
 import { __DEV__ } from "./env.js"
 import { flags } from "./flags.js"
@@ -44,7 +44,7 @@ export {
   safeStringify,
 }
 
-type VNode = Kaioken.VNode
+type VNode = Kiru.VNode
 
 const noop: () => void = Object.freeze(() => {})
 
@@ -81,7 +81,7 @@ function isVNode(thing: unknown): thing is VNode {
   return typeof thing === "object" && thing !== null && "type" in thing
 }
 
-function isExoticType(type: VNode["type"]): type is Kaioken.ExoticSymbol {
+function isExoticType(type: VNode["type"]): type is Kiru.ExoticSymbol {
   return (
     type === $FRAGMENT ||
     type === $CONTEXT_PROVIDER ||
@@ -101,7 +101,7 @@ function isLazy(vNode: VNode): boolean {
   )
 }
 
-function isMemo(vNode: Kaioken.VNode): boolean {
+function isMemo(vNode: Kiru.VNode): boolean {
   return (
     typeof vNode.type === "function" &&
     "displayName" in vNode.type &&
@@ -122,7 +122,7 @@ function getCurrentVNode(): VNode | null {
 function getVNodeAppContext(vNode: VNode): AppContext {
   const n = nodeToCtxMap.get(vNode)
   if (!n)
-    throw new KaiokenError({
+    throw new KiruError({
       message: "Unable to find VNode's AppContext.",
       vNode,
     })
@@ -226,11 +226,8 @@ function postOrderApply(
   callbacks.onAscent(root)
 }
 
-function findParent(
-  vNode: Kaioken.VNode,
-  predicate: (n: Kaioken.VNode) => boolean
-) {
-  let n: Kaioken.VNode | null = vNode.parent
+function findParent(vNode: Kiru.VNode, predicate: (n: Kiru.VNode) => boolean) {
+  let n: Kiru.VNode | null = vNode.parent
   while (n) {
     if (predicate(n)) return n
     n = n.parent

package/src/warning.ts

@@ -4,6 +4,6 @@ export const warnDeprecated = (
   solution: string
 ) => {
   console.warn(
-    `[kaioken]: "${featName}" is deprecated ${reason} and will be removed in future versions. ${solution}.`
+    `[kiru]: "${featName}" is deprecated ${reason} and will be removed in future versions. ${solution}.`
   )
 }