kiru 0.52.4 → 0.54.0-preview.0

package/src/ssr/server.ts

@@ -1,71 +1,69 @@
-import { Readable } from "node:stream"
 import { Fragment } from "../element.js"
 import { renderMode } from "../globals.js"
-import { PREFETCHED_DATA_EVENT } from "../constants.js"
+import { STREAMED_DATA_EVENT } from "../constants.js"
 import { __DEV__ } from "../env.js"
-import { recursiveRender, RecursiveRenderContext } from "../recursiveRender.js"
+import { headlessRender, HeadlessRenderContext } from "../recursiveRender.js"
 
-const PREFETCH_EVENTS_SETUP = `
+const STREAMED_DATA_SETUP = `
 <script type="text/javascript">
 const d = document,
-  m = (window["${PREFETCHED_DATA_EVENT}"] ??= new Map());
-d.querySelectorAll("[x-data]").forEach((p) => {
+  m = (window["${STREAMED_DATA_EVENT}"] ??= new Map());
+d.querySelectorAll("[k-data]").forEach((p) => {
   const id = p.getAttribute("id");
   const { data, error } = JSON.parse(p.innerHTML);
   m.set(id, { data, error });
-  const event = new CustomEvent("${PREFETCHED_DATA_EVENT}", { detail: { id, data, error } });
+  const event = new CustomEvent("${STREAMED_DATA_EVENT}", { detail: { id, data, error } });
   window.dispatchEvent(event);
   p.remove();
 });
 d.currentScript.remove()
 </script>
-`
+`.replace(/\s+/g, " ")
 
 export function renderToReadableStream(element: JSX.Element): {
   immediate: string
-  stream: Readable
+  stream: ReadableStream | null
 } {
-  const stream = new Readable({ read() {} })
-  const rootNode = Fragment({ children: element })
-  const prefetchPromises = new Set<Kiru.StatefulPromise<unknown>>()
-  const pendingWritePromises: Promise<unknown>[] = []
+  const streamPromises = new Set<Kiru.StatefulPromise<unknown>>()
+  const dataPromises: Promise<string>[] = []
+  let stream: ReadableStream | null = null
 
   let immediate = ""
 
-  const ctx: RecursiveRenderContext = {
+  const ctx: HeadlessRenderContext = {
     write: (chunk) => (immediate += chunk),
-    onPending(data) {
+    onStreamData(data) {
       for (const promise of data) {
-        if (prefetchPromises.has(promise)) continue
-        prefetchPromises.add(promise)
+        if (streamPromises.has(promise)) continue
+        streamPromises.add(promise)
 
-        const writePromise = promise
+        const dataPromise = promise
           .then(() => ({ data: promise.value }))
           .catch(() => ({ error: promise.error?.message }))
-          .then((value) => {
-            const content = JSON.stringify(value)
-            stream.push(
-              `<script id="${promise.id}" x-data type="application/json">${content}</script>`
-            )
-          })
-
-        pendingWritePromises.push(writePromise)
+          .then(
+            (value, content = JSON.stringify(value)) =>
+              `<script id="${promise.id}" k-data type="application/json">${content}</script>`
+          )
+        dataPromises.push(dataPromise)
       }
     },
   }
 
   const prev = renderMode.current
   renderMode.current = "stream"
-  recursiveRender(ctx, rootNode, null, 0)
+  headlessRender(ctx, Fragment({ children: element }), null, 0)
   renderMode.current = prev
 
-  if (pendingWritePromises.length > 0) {
-    Promise.all(pendingWritePromises).then(() => {
-      stream.push(PREFETCH_EVENTS_SETUP)
-      stream.push(null)
+  if (dataPromises.length > 0) {
+    stream = new ReadableStream({
+      async pull(controller) {
+        for await (const chunk of dataPromises) {
+          controller.enqueue(chunk)
+        }
+        controller.enqueue(STREAMED_DATA_SETUP)
+        controller.close()
+      },
     })
-  } else {
-    stream.push(null)
   }
 
   return { immediate, stream }

package/src/types.dom.ts

@@ -352,6 +352,8 @@ type NoChildElementElement =
   | HTMLTrackElement
   | HTMLTextAreaElement
 
+type DomElement = Element
+
 declare global {
   namespace Kiru {
     type DOMEvent<E = Event, C = unknown, T = unknown> = Omit<
@@ -368,98 +370,96 @@ declare global {
       bivarianceHack(event: E): void
     }["bivarianceHack"]
 
-    interface BaseEvent<T extends Element = Element>
+    interface BaseEvent<T extends DomElement = DomElement>
       extends DOMEvent<Event, T> {}
 
-    interface AnimationEvent<T extends Element = Element>
+    interface AnimationEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeAnimationEvent, T> {}
 
-    interface ClipboardEvent<T extends Element = Element>
+    interface ClipboardEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeClipboardEvent, T> {}
 
-    interface CompositionEvent<T extends Element = Element>
+    interface CompositionEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeCompositionEvent, T> {}
 
-    interface DragEvent<T extends Element = Element>
+    interface DragEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeDragEvent, T> {}
 
-    interface FocusEvent<T extends Element = Element>
+    interface FocusEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeFocusEvent, T> {}
 
-    interface FormEvent<T extends Element = Element>
+    interface FormEvent<T extends DomElement = DomElement>
       extends DOMEvent<Event, T> {}
 
-    interface KeyboardEvent<T extends Element = Element>
+    interface KeyboardEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeKeyboardEvent, T> {}
 
-    interface MouseEvent<T extends Element = Element>
+    interface MouseEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeMouseEvent, T> {}
 
-    interface PointerEvent<T extends Element = Element>
+    interface PointerEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativePointerEvent, T> {}
 
-    interface SubmitEvent<T extends Element = Element>
+    interface SubmitEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeSubmitEvent, T> {}
 
-    interface TouchEvent<T extends Element = Element>
+    interface TouchEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeTouchEvent, T> {}
 
-    interface ToggleEvent<T extends Element = Element>
+    interface ToggleEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeToggleEvent, T> {}
 
-    interface TransitionEvent<T extends Element = Element>
+    interface TransitionEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeTransitionEvent, T> {}
 
-    interface UIEvent<T extends Element = Element>
+    interface UIEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeUIEvent, T> {}
 
-    interface WheelEvent<T extends Element = Element>
+    interface WheelEvent<T extends DomElement = DomElement>
       extends DOMEvent<NativeWheelEvent, T> {}
 
-    type BaseEventHandler<T extends Element = Element> = EventHandler<
+    type BaseEventHandler<T extends DomElement = DomElement> = EventHandler<
       BaseEvent<T>
     >
 
-    type ClipboardEventHandler<T extends Element = Element> = EventHandler<
-      ClipboardEvent<T>
-    >
-    type CompositionEventHandler<T extends Element = Element> = EventHandler<
-      CompositionEvent<T>
-    >
-    type DragEventHandler<T extends Element = Element> = EventHandler<
+    type ClipboardEventHandler<T extends DomElement = DomElement> =
+      EventHandler<ClipboardEvent<T>>
+    type CompositionEventHandler<T extends DomElement = DomElement> =
+      EventHandler<CompositionEvent<T>>
+    type DragEventHandler<T extends DomElement = DomElement> = EventHandler<
       DragEvent<T>
     >
-    type FocusEventHandler<T extends Element = Element> = EventHandler<
+    type FocusEventHandler<T extends DomElement = DomElement> = EventHandler<
       FocusEvent<T>
     >
-    type FormEventHandler<T extends Element = Element> = EventHandler<
+    type FormEventHandler<T extends DomElement = DomElement> = EventHandler<
       FormEvent<T>
     >
-    type KeyboardEventHandler<T extends Element = Element> = EventHandler<
+    type KeyboardEventHandler<T extends DomElement = DomElement> = EventHandler<
       KeyboardEvent<T>
     >
-    type MouseEventHandler<T extends Element = Element> = EventHandler<
+    type MouseEventHandler<T extends DomElement = DomElement> = EventHandler<
       MouseEvent<T>
     >
-    type TouchEventHandler<T extends Element = Element> = EventHandler<
+    type TouchEventHandler<T extends DomElement = DomElement> = EventHandler<
       TouchEvent<T>
     >
-    type PointerEventHandler<T extends Element = Element> = EventHandler<
+    type PointerEventHandler<T extends DomElement = DomElement> = EventHandler<
       PointerEvent<T>
     >
-    type UIEventHandler<T extends Element = Element> = EventHandler<UIEvent<T>>
-    type WheelEventHandler<T extends Element = Element> = EventHandler<
-      WheelEvent<T>
+    type UIEventHandler<T extends DomElement = DomElement> = EventHandler<
+      UIEvent<T>
     >
-    type AnimationEventHandler<T extends Element = Element> = EventHandler<
-      AnimationEvent<T>
+    type WheelEventHandler<T extends DomElement = DomElement> = EventHandler<
+      WheelEvent<T>
     >
-    type ToggleEventHandler<T extends Element = Element> = EventHandler<
+    type AnimationEventHandler<T extends DomElement = DomElement> =
+      EventHandler<AnimationEvent<T>>
+    type ToggleEventHandler<T extends DomElement = DomElement> = EventHandler<
       ToggleEvent<T>
     >
-    type TransitionEventHandler<T extends Element = Element> = EventHandler<
-      TransitionEvent<T>
-    >
+    type TransitionEventHandler<T extends DomElement = DomElement> =
+      EventHandler<TransitionEvent<T>>
 
     type CustomEventAttributes = {
       [Key in keyof Kiru.CustomEvents as `on:${Key}`]?: (
@@ -467,7 +467,7 @@ declare global {
       ) => void
     }
 
-    interface EventAttributes<T extends Element = Element>
+    interface EventAttributes<T extends DomElement = DomElement>
       extends CustomEventAttributes {
       // Clipboard Events
       oncopy?: ClipboardEventHandler<T> | undefined

package/src/types.ts

@@ -103,7 +103,7 @@ declare global {
 
     type Element =
       | Element[]
-      | Kiru.VNode
+      | Kiru.Element
       | PrimitiveChild
       | Kiru.Signal<PrimitiveChild>
 
@@ -117,6 +117,8 @@ declare global {
     }
   }
   namespace Kiru {
+    interface RequestContext {}
+
     interface CustomEvents {}
 
     interface ProviderProps<T> {
@@ -156,16 +158,13 @@ declare global {
       }
     }
     interface RefObject<T> {
-      readonly current: T | null
-    }
-    interface MutableRefObject<T> {
       current: T
     }
     type RefCallback<T> = {
       bivarianceHack(instance: T | null): void
     }["bivarianceHack"]
 
-    type Ref<T> = RefCallback<T> | RefObject<T> | null | undefined
+    type Ref<T> = RefCallback<T> | RefObject<T>
 
     interface PromiseState<T> {
       id: string
@@ -176,6 +175,7 @@ declare global {
 
     interface StatefulPromise<T> extends Promise<T>, PromiseState<T> {}
 
+    type HydrationMode = "static" | "dynamic"
     type RenderMode = "dom" | "hydrate" | "string" | "stream"
 
     type StateSetter<T> = T | ((prev: T) => T)
@@ -187,25 +187,27 @@ declare global {
       | typeof $CONTEXT_PROVIDER
       | typeof $ERROR_BOUNDARY
 
-    interface VNode {
-      app?: AppContext
-      dom?: SomeDom
-      lastChildDom?: SomeDom
+    interface Element {
       type: Function | ExoticSymbol | "#text" | (string & {})
+      key: JSX.ElementKey | null
       props: {
         [key: string]: any
         children?: unknown
-        key?: JSX.ElementKey
         ref?: Kiru.Ref<unknown>
       }
+    }
+
+    interface VNode extends Element {
+      app?: AppContext
+      dom?: SomeDom
       index: number
       depth: number
+      flags: number
       parent: VNode | null
       child: VNode | null
       sibling: VNode | null
       prev: VNodeSnapshot | null
       deletions: VNode[] | null
-      flags: number
       hooks?: Hook<unknown>[]
       subs?: Set<Function>
       cleanups?: Record<string, Function>
@@ -223,6 +225,7 @@ declare global {
   }
   interface VNodeSnapshot {
     props: Kiru.VNode["props"]
+    key: Kiru.VNode["key"]
     memoizedProps: Kiru.VNode["memoizedProps"]
     index: number
   }

package/src/types.utils.ts

@@ -8,7 +8,7 @@ export type MaybeElement = SomeElement | undefined
 export type MaybeDom = SomeDom | undefined
 
 export interface FunctionVNode extends Kiru.VNode {
-  type: (...args: any) => JSX.Element
+  type: (props: Record<string, unknown>) => JSX.Element
 }
 
 export interface ElementVNode extends Kiru.VNode {
@@ -65,3 +65,13 @@ export type AsyncTaskState<T, E extends Error = Error> =
 export type Guard<T, K extends keyof T> = {
   [P in K]: T[P]
 }
+
+export type ArrayHas<T extends any[], U> =
+  // does the union of element types intersect U?
+  Extract<T[number], U> extends never ? false : true
+
+export type RecordHas<T extends Record<string, any>, U> = [
+  Extract<T[keyof T], U>
+] extends [never]
+  ? false
+  : true

package/src/utils/format.ts

@@ -2,6 +2,7 @@ import { unwrap } from "../signals/utils.js"
 import { booleanAttributes, snakeCaseAttributes } from "../constants.js"
 
 export {
+  toArray,
   className,
   encodeHtmlEntities,
   propFilters,
@@ -20,6 +21,10 @@ const REGEX_DBLQT = /"/g
 const REGEX_SLASH = /\//g
 const REGEX_ALPHA_UPPER = /[A-Z]/g
 
+function toArray<T>(value: T | T[]): T[] {
+  return Array.isArray(value) ? value : [value]
+}
+
 function className(...classes: (string | false | null | undefined)[]): string {
   return classes.filter(Boolean).join(" ")
 }
@@ -34,11 +39,14 @@ function encodeHtmlEntities(text: string): string {
     .replace(REGEX_SLASH, "&#47;")
 }
 
+const internalProps = new Set(["children", "ref", "key", "innerHTML"])
 const propFilters = {
-  internalProps: ["children", "ref", "key", "innerHTML"],
+  isInternalProp: (
+    key: string
+  ): key is "children" | "ref" | "key" | "innerHTML" => internalProps.has(key),
   isEvent: (key: string) => key.startsWith("on"),
-  isProperty: (key: string) =>
-    !propFilters.internalProps.includes(key) && !propFilters.isEvent(key),
+  isStringRenderableProperty: (key: string) =>
+    !internalProps.has(key) && !propFilters.isEvent(key),
 }
 
 function propToHtmlAttr(key: string): string {
@@ -110,7 +118,7 @@ function propsToElementAttributes(props: Record<string, unknown>): string {
     if (!!val) attrs.push(`style="${stylePropToString(val)}"`)
   }
 
-  const keys = Object.keys(rest).filter(propFilters.isProperty)
+  const keys = Object.keys(rest).filter(propFilters.isStringRenderableProperty)
   for (let i = 0; i < keys.length; i++) {
     let k = keys[i]
     let val = unwrap(props[k])

package/src/utils/index.ts

@@ -4,5 +4,3 @@ export * from "./format.js"
 export * from "./runtime.js"
 export * from "./vdom.js"
 export * from "./generateId.js"
-
-export const noop = Object.freeze(() => {})

package/src/utils/promise.ts

@@ -0,0 +1,26 @@
+import { $STREAM_DATA } from "../constants.js"
+
+export interface StreamDataThrowValue {
+  [$STREAM_DATA]: {
+    fallback?: JSX.Element
+    data: Kiru.StatefulPromise<unknown>[]
+  }
+}
+
+/**
+ * Returns true if the value is a {@link StreamDataThrowValue}
+ */
+export function isStreamDataThrowValue(
+  value: unknown
+): value is StreamDataThrowValue {
+  return typeof value === "object" && !!value && $STREAM_DATA in value
+}
+
+/**
+ * Returns true if the value is a {@link Kiru.StatefulPromise}
+ */
+export function isStatefulPromise(
+  thing: unknown
+): thing is Kiru.StatefulPromise<unknown> {
+  return thing instanceof Promise && "id" in thing && "state" in thing
+}

package/src/utils/runtime.ts

@@ -1,7 +1,10 @@
+import { Signal } from "../signals/base.js"
 import { __DEV__ } from "../env.js"
 import { renderMode } from "../globals.js"
 
-export { latest, sideEffectsEnabled }
+export { noop, latest, composeRefs, setRef, sideEffectsEnabled }
+
+const noop = Object.freeze(() => {})
 
 /**
  * This is a no-op in production. It is used to get the latest
@@ -18,7 +21,32 @@ function latest<T extends Exclude<object, null>>(thing: T): T {
 }
 
 /**
- * Returns false if called during "stream" or "string" render modes.
+ * Composes multiple refs into a single ref callback.
+ */
+
+function composeRefs<T>(...refs: Array<Kiru.Ref<T>>): Kiru.RefCallback<T> {
+  return (value: T) => {
+    refs.forEach((ref) => setRef(ref, value))
+  }
+}
+
+/**
+ * Sets the value of a ref.
+ */
+function setRef<T>(ref: Kiru.Ref<T>, value: T): void {
+  if (typeof ref === "function") {
+    ref(value)
+    return
+  }
+  if (Signal.isSignal(ref)) {
+    ref.value = value
+    return
+  }
+  ref.current = value
+}
+
+/**
+ * Returns true if called during 'dom' or 'hydrate' mode.
  */
 function sideEffectsEnabled(): boolean {
   return renderMode.current === "dom" || renderMode.current === "hydrate"

package/src/utils/vdom.ts

@@ -1,4 +1,3 @@
-import { Signal } from "../signals/base.js"
 import {
   FLAG_DELETION,
   $FRAGMENT,
@@ -12,10 +11,12 @@ import { KiruError } from "../error.js"
 import { node } from "../globals.js"
 import type { AppContext } from "../appContext.js"
 import type { ErrorBoundaryNode } from "../types.utils.js"
+import { isMemoFn } from "../components/memo.js"
 
 export {
-  cloneVNode,
+  cloneElement,
   isVNodeDeleted,
+  isElement,
   isVNode,
   isValidTextChild,
   isExoticType,
@@ -31,17 +32,16 @@ export {
   findParent,
   findParentErrorBoundary,
   assertValidElementProps,
-  isValidElementKeyProp,
-  isValidElementRefProp,
+  normalizeElementKey,
 }
 
-function cloneVNode(vNode: Kiru.VNode): Kiru.VNode {
+function cloneElement(vNode: Kiru.VNode): Kiru.Element {
   const children = vNode.props.children
   let clonedChildren: unknown
   if (isVNode(children)) {
-    clonedChildren = cloneVNode(children)
+    clonedChildren = cloneElement(children)
   } else if (Array.isArray(children)) {
-    clonedChildren = children.map((c) => (isVNode(c) ? cloneVNode(c) : c))
+    clonedChildren = children.map((c) => (isVNode(c) ? cloneElement(c) : c))
   }
 
   return createElement(vNode.type, { ...vNode.props, children: clonedChildren })
@@ -55,6 +55,10 @@ function isVNode(thing: unknown): thing is Kiru.VNode {
   return typeof thing === "object" && thing !== null && "type" in thing
 }
 
+function isElement(thing: unknown): thing is Kiru.Element {
+  return typeof thing === "object" && thing !== null && "type" in thing
+}
+
 function isValidTextChild(thing: unknown): thing is string | number | bigint {
   return (
     (typeof thing === "string" && thing !== "") ||
@@ -84,11 +88,7 @@ function isLazy(vNode: Kiru.VNode): boolean {
 }
 
 function isMemo(vNode: Kiru.VNode): boolean {
-  return (
-    typeof vNode.type === "function" &&
-    "displayName" in vNode.type &&
-    vNode.type.displayName === "Kiru.memo"
-  )
+  return typeof vNode.type === "function" && isMemoFn(vNode.type)
 }
 
 function isContextProvider(
@@ -116,10 +116,11 @@ function getVNodeAppContext(vNode: Kiru.VNode): AppContext | null {
 function commitSnapshot(vNode: Kiru.VNode): void {
   const {
     props: { children, ...props },
+    key,
     memoizedProps,
     index,
   } = vNode
-  vNode.prev = { props, memoizedProps, index }
+  vNode.prev = { props, key, memoizedProps, index }
   vNode.flags &= ~(FLAG_UPDATE | FLAG_PLACEMENT | FLAG_DELETION)
 }
 
@@ -187,14 +188,10 @@ function assertValidElementProps(vNode: Kiru.VNode) {
   }
 }
 
-function isValidElementKeyProp(thing: unknown): thing is string | number {
-  return typeof thing === "string" || typeof thing === "number"
-}
-
-function isValidElementRefProp(thing: unknown): thing is Kiru.Ref<any> {
-  return (
-    typeof thing === "function" ||
-    (typeof thing === "object" && !!thing && "current" in thing) ||
-    Signal.isSignal(thing)
-  )
+function normalizeElementKey(thing: unknown): JSX.ElementKey | null {
+  if (thing === undefined) return null
+  if (typeof thing === "string" || typeof thing === "number") {
+    return thing
+  }
+  return null
 }

package/src/vNode.ts

@@ -0,0 +1,30 @@
+import { $FRAGMENT } from "./constants.js"
+import { Fragment } from "./element.js"
+
+type VNode = Kiru.VNode
+
+export function createVNode(
+  type: VNode["type"],
+  parent: VNode | null = null,
+  props: VNode["props"] = {},
+  key: VNode["key"] = null,
+  index = 0
+): VNode {
+  if ((type as any) === Fragment) {
+    type = $FRAGMENT
+  }
+  const depth = parent ? parent.depth + 1 : 0
+  return {
+    type,
+    key,
+    props,
+    parent,
+    index,
+    depth,
+    flags: 0,
+    child: null,
+    sibling: null,
+    prev: null,
+    deletions: null,
+  }
+}

package/dist/components/suspense.d.ts

@@ -1,24 +0,0 @@
-import { $SUSPENSE_THROW } from "../constants.js";
-export { Suspense, isSuspenseThrowValue };
-export type { SuspenseProps };
-type StatefulPromiseValues<T extends readonly Kiru.StatefulPromise<unknown>[]> = {
-    [I in keyof T]: T[I] extends Kiru.StatefulPromise<infer V> ? V : never;
-};
-type SuspenseChildrenArgs<T extends Kiru.StatefulPromise<any> | Kiru.StatefulPromise<any>[]> = T extends Kiru.StatefulPromise<any>[] ? StatefulPromiseValues<T> : [T extends Kiru.StatefulPromise<infer V> ? V : never];
-interface SuspenseProps<T extends Kiru.StatefulPromise<any> | Kiru.StatefulPromise<any>[]> {
-    data: T;
-    children: (...data: SuspenseChildrenArgs<T>) => JSX.Element;
-    fallback?: JSX.Element;
-}
-declare function Suspense<const T extends Kiru.StatefulPromise<unknown> | Kiru.StatefulPromise<unknown>[]>({ data, children, fallback }: SuspenseProps<T>): JSX.Element;
-interface SuspenseThrowValue {
-    [$SUSPENSE_THROW]: {
-        fallback?: JSX.Element;
-        pending: Kiru.StatefulPromise<unknown>[];
-    };
-}
-/**
- * Returns true if the value was thrown by a Suspense component.
- */
-declare function isSuspenseThrowValue(value: unknown): value is SuspenseThrowValue;
-//# sourceMappingURL=suspense.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"suspense.d.ts","sourceRoot":"","sources":["../../src/components/suspense.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAKjD,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAA;AACzC,YAAY,EAAE,aAAa,EAAE,CAAA;AAE7B,KAAK,qBAAqB,CAAC,CAAC,SAAS,SAAS,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,IAC3E;KACG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK;CACvE,CAAA;AAEH,KAAK,oBAAoB,CACvB,CAAC,SAAS,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAC/D,CAAC,SAAS,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,GACrC,qBAAqB,CAAC,CAAC,CAAC,GACxB,CAAC,CAAC,SAAS,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAA;AAEzD,UAAU,aAAa,CACrB,CAAC,SAAS,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE;IAEjE,IAAI,EAAE,CAAC,CAAA;IACP,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IAC3D,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB;AAED,iBAAS,QAAQ,CACf,KAAK,CAAC,CAAC,SACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAC7B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,EACnC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,eA0B/C;AAED,UAAU,kBAAkB;IAC1B,CAAC,eAAe,CAAC,EAAE;QACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;QACtB,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAA;KACzC,CAAA;CACF;AAED;;GAEG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,kBAAkB,CAEzE"}