@kesha-antonov/react-native-chat 5.0.1 → 6.0.1

package/lib/hooks/useStreamingMessages.js

@@ -1,96 +1,210 @@
+import { c as _c } from "react/compiler-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
+
+/** Fields you provide when opening a stream for an assistant reply. */
+
+/** Handle returned by `startStream` to feed tokens into the placeholder message. */
+
 /**
  * Message state tuned for streamed (AI) replies. Token pushes are coalesced
  * with `requestAnimationFrame` so a fast stream produces at most one render per
  * frame, and only the streaming message is updated.
  */
-export function useStreamingMessages(options = {}) {
-    const { initialMessages = [], inverted = true } = options;
-    const [messages, setMessages] = useState(initialMessages);
-    const [isStreaming, setIsStreaming] = useState(false);
-    const idCounter = useRef(0);
-    const bufferRef = useRef('');
-    const rafRef = useRef(null);
-    const activeIdRef = useRef(null);
-    const abortRef = useRef(null);
-    const cancelFrame = useCallback(() => {
-        if (rafRef.current != null) {
-            cancelAnimationFrame(rafRef.current);
-            rafRef.current = null;
-        }
-    }, []);
-    const flush = useCallback(() => {
+export function useStreamingMessages(t0) {
+  const $ = _c(19);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const options = t1;
+  const {
+    initialMessages: t2,
+    inverted: t3
+  } = options;
+  let t4;
+  if ($[2] !== t2) {
+    t4 = t2 === undefined ? [] : t2;
+    $[2] = t2;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const initialMessages = t4;
+  const inverted = t3 === undefined ? true : t3;
+  const [messages, setMessages] = useState(initialMessages);
+  const [isStreaming, setIsStreaming] = useState(false);
+  const idCounter = useRef(0);
+  const bufferRef = useRef("");
+  const rafRef = useRef(null);
+  const activeIdRef = useRef(null);
+  const abortRef = useRef(null);
+  let t5;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      if (rafRef.current != null) {
+        cancelAnimationFrame(rafRef.current);
         rafRef.current = null;
-        const id = activeIdRef.current;
-        const chunk = bufferRef.current;
-        if (id == null || !chunk)
-            return;
-        bufferRef.current = '';
-        setMessages(prev => prev.map(m => (m._id === id ? { ...m, text: m.text + chunk } : m)));
-    }, []);
-    const scheduleFlush = useCallback(() => {
-        if (rafRef.current == null)
-            rafRef.current = requestAnimationFrame(flush);
-    }, [flush]);
-    const append = useCallback((newMessages) => {
-        const arr = Array.isArray(newMessages) ? newMessages : [newMessages];
-        setMessages(prev => (inverted ? arr.concat(prev) : prev.concat(arr)));
-    }, [inverted]);
-    const stop = useCallback(() => {
-        abortRef.current?.abort();
-    }, []);
-    const startStream = useCallback((assistant) => {
-        // Finalize any previous stream before starting a new one.
-        cancelFrame();
-        bufferRef.current = '';
-        abortRef.current?.abort();
-        const id = (assistant._id ?? `stream-${Date.now()}-${idCounter.current++}`);
-        const controller = new AbortController();
-        abortRef.current = controller;
-        activeIdRef.current = id;
-        const placeholder = {
-            text: '',
-            createdAt: new Date(),
-            ...assistant,
-            _id: id,
-            streaming: true,
-        };
-        setMessages(prev => (inverted ? [placeholder, ...prev] : [...prev, placeholder]));
-        setIsStreaming(true);
-        let finished = false;
-        const finalize = (finalPatch) => {
-            if (finished)
-                return;
-            finished = true;
-            cancelFrame();
-            const remaining = bufferRef.current;
-            bufferRef.current = '';
-            setMessages(prev => prev.map(m => m._id === id
-                ? { ...m, text: m.text + remaining, streaming: false, ...finalPatch }
-                : m));
-            if (activeIdRef.current === id)
-                activeIdRef.current = null;
-            setIsStreaming(false);
-        };
-        controller.signal.onabort = () => finalize();
-        return {
-            id,
-            push: (chunk) => {
-                bufferRef.current += chunk;
-                scheduleFlush();
-            },
-            set: (text) => {
-                bufferRef.current = '';
-                setMessages(prev => prev.map(m => (m._id === id ? { ...m, text } : m)));
-            },
-            done: (finalPatch) => finalize(finalPatch),
-            signal: controller.signal,
-        };
-    }, [inverted, cancelFrame, scheduleFlush]);
-    useEffect(() => () => {
+      }
+    };
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const cancelFrame = t5;
+  let t6;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => {
+      rafRef.current = null;
+      const id = activeIdRef.current;
+      const chunk = bufferRef.current;
+      if (id == null || !chunk) {
+        return;
+      }
+      bufferRef.current = "";
+      setMessages(prev => prev.map(m => m._id === id ? {
+        ...m,
+        text: m.text + chunk
+      } : m));
+    };
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  const flush = t6;
+  let t7;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => {
+      if (rafRef.current == null) {
+        rafRef.current = requestAnimationFrame(flush);
+      }
+    };
+    $[6] = t7;
+  } else {
+    t7 = $[6];
+  }
+  const scheduleFlush = t7;
+  let t8;
+  if ($[7] !== inverted) {
+    t8 = newMessages => {
+      const arr = Array.isArray(newMessages) ? newMessages : [newMessages];
+      setMessages(prev_0 => inverted ? arr.concat(prev_0) : prev_0.concat(arr));
+    };
+    $[7] = inverted;
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  const append = t8;
+  let t9;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = () => {
+      abortRef.current?.abort();
+    };
+    $[9] = t9;
+  } else {
+    t9 = $[9];
+  }
+  const stop = t9;
+  let t10;
+  if ($[10] !== inverted) {
+    t10 = assistant => {
+      cancelFrame();
+      bufferRef.current = "";
+      abortRef.current?.abort();
+      const id_0 = assistant._id ?? (idCounter.current = idCounter.current + 1, `stream-${Date.now()}-${idCounter.current}`);
+      const controller = new AbortController();
+      abortRef.current = controller;
+      activeIdRef.current = id_0;
+      const placeholder = {
+        text: "",
+        createdAt: new Date(),
+        ...assistant,
+        _id: id_0,
+        streaming: true
+      };
+      setMessages(prev_1 => inverted ? [placeholder, ...prev_1] : [...prev_1, placeholder]);
+      setIsStreaming(true);
+      let finished = false;
+      const finalize = finalPatch => {
+        if (finished) {
+          return;
+        }
+        finished = true;
         cancelFrame();
-        abortRef.current?.abort();
-    }, [cancelFrame]);
-    return { messages, setMessages, append, startStream, isStreaming, stop };
+        const remaining = bufferRef.current;
+        bufferRef.current = "";
+        setMessages(prev_2 => prev_2.map(m_0 => m_0._id === id_0 ? {
+          ...m_0,
+          text: m_0.text + remaining,
+          streaming: false,
+          ...finalPatch
+        } : m_0));
+        if (activeIdRef.current === id_0) {
+          activeIdRef.current = null;
+        }
+        setIsStreaming(false);
+      };
+      controller.signal.onabort = () => finalize();
+      return {
+        id: id_0,
+        push: chunk_0 => {
+          bufferRef.current = bufferRef.current + chunk_0;
+          scheduleFlush();
+        },
+        set: text => {
+          bufferRef.current = "";
+          setMessages(prev_3 => prev_3.map(m_1 => m_1._id === id_0 ? {
+            ...m_1,
+            text
+          } : m_1));
+        },
+        done: finalPatch_0 => finalize(finalPatch_0),
+        signal: controller.signal
+      };
+    };
+    $[10] = inverted;
+    $[11] = t10;
+  } else {
+    t10 = $[11];
+  }
+  const startStream = t10;
+  let t11;
+  let t12;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = () => () => {
+      cancelFrame();
+      abortRef.current?.abort();
+    };
+    t12 = [cancelFrame];
+    $[12] = t11;
+    $[13] = t12;
+  } else {
+    t11 = $[12];
+    t12 = $[13];
+  }
+  useEffect(t11, t12);
+  let t13;
+  if ($[14] !== append || $[15] !== isStreaming || $[16] !== messages || $[17] !== startStream) {
+    t13 = {
+      messages,
+      setMessages,
+      append,
+      startStream,
+      isStreaming,
+      stop
+    };
+    $[14] = append;
+    $[15] = isStreaming;
+    $[16] = messages;
+    $[17] = startStream;
+    $[18] = t13;
+  } else {
+    t13 = $[18];
+  }
+  return t13;
 }
 //# sourceMappingURL=useStreamingMessages.js.map

package/lib/hooks/useStreamingMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStreamingMessages.js","sourceRoot":"","sources":["../../src/hooks/useStreamingMessages.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useStreamingMessages.js","names":["useCallback","useEffect","useRef","useState","useStreamingMessages","t0","$","_c","t1","undefined","options","initialMessages","t2","inverted","t3","t4","messages","setMessages","isStreaming","setIsStreaming","idCounter","bufferRef","rafRef","activeIdRef","abortRef","t5","Symbol","for","current","cancelAnimationFrame","cancelFrame","t6","id","chunk","prev","map","m","_id","text","flush","t7","requestAnimationFrame","scheduleFlush","t8","newMessages","arr","Array","isArray","prev_0","concat","append","t9","abort","stop","t10","assistant","id_0","Date","now","controller","AbortController","placeholder","createdAt","streaming","prev_1","finished","finalize","finalPatch","remaining","prev_2","m_0","signal","onabort","push","chunk_0","set","prev_3","m_1","done","finalPatch_0","startStream","t11","t12","t13"],"sources":["../../src/hooks/useStreamingMessages.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { IMessage, User } from '../Models'\n\n/** Fields you provide when opening a stream for an assistant reply. */\nexport type StartStreamInput<TMessage extends IMessage = IMessage> =\n  Partial<TMessage> & { user: User }\n\n/** Handle returned by `startStream` to feed tokens into the placeholder message. */\nexport interface StreamHandle {\n  /** _id of the streaming message. */\n  id: IMessage['_id']\n  /** Append a token/chunk to the message text (batched per animation frame). */\n  push: (chunk: string) => void\n  /** Replace the whole message text. */\n  set: (text: string) => void\n  /** Flush remaining text, clear the streaming flag, optionally patch fields. */\n  done: (finalPatch?: Partial<IMessage>) => void\n  /** AbortSignal tied to this stream; pass it to your fetch/LLM call. */\n  signal: AbortSignal\n}\n\nexport interface UseStreamingMessagesOptions<TMessage extends IMessage = IMessage> {\n  initialMessages?: TMessage[]\n  /** Newest message first in the array (matches `<Chat>` default). Default true. */\n  inverted?: boolean\n}\n\nexport interface UseStreamingMessagesResult<TMessage extends IMessage = IMessage> {\n  messages: TMessage[]\n  setMessages: React.Dispatch<React.SetStateAction<TMessage[]>>\n  /** Add message(s) respecting the configured order. */\n  append: (newMessages: TMessage | TMessage[]) => void\n  /** Insert an empty assistant message flagged `streaming` and return a feed handle. */\n  startStream: (assistant: StartStreamInput<TMessage>) => StreamHandle\n  /** True between `startStream` and `done`/`stop`. */\n  isStreaming: boolean\n  /** Abort the active stream (also fires the stream's AbortSignal). */\n  stop: () => void\n}\n\n/**\n * Message state tuned for streamed (AI) replies. Token pushes are coalesced\n * with `requestAnimationFrame` so a fast stream produces at most one render per\n * frame, and only the streaming message is updated.\n */\nexport function useStreamingMessages<TMessage extends IMessage = IMessage> (\n  options: UseStreamingMessagesOptions<TMessage> = {}\n): UseStreamingMessagesResult<TMessage> {\n  const { initialMessages = [], inverted = true } = options\n\n  const [messages, setMessages] = useState<TMessage[]>(initialMessages)\n  const [isStreaming, setIsStreaming] = useState(false)\n\n  const idCounter = useRef(0)\n  const bufferRef = useRef('')\n  const rafRef = useRef<number | null>(null)\n  const activeIdRef = useRef<IMessage['_id'] | null>(null)\n  const abortRef = useRef<AbortController | null>(null)\n\n  const cancelFrame = useCallback(() => {\n    if (rafRef.current != null) {\n      cancelAnimationFrame(rafRef.current)\n      rafRef.current = null\n    }\n  }, [])\n\n  const flush = useCallback(() => {\n    rafRef.current = null\n    const id = activeIdRef.current\n    const chunk = bufferRef.current\n    if (id == null || !chunk)\n      return\n\n    bufferRef.current = ''\n    setMessages(prev =>\n      prev.map(m => (m._id === id ? { ...m, text: m.text + chunk } as TMessage : m))\n    )\n  }, [])\n\n  const scheduleFlush = useCallback(() => {\n    if (rafRef.current == null)\n      rafRef.current = requestAnimationFrame(flush)\n  }, [flush])\n\n  const append = useCallback((newMessages: TMessage | TMessage[]) => {\n    const arr = Array.isArray(newMessages) ? newMessages : [newMessages]\n    setMessages(prev => (inverted ? arr.concat(prev) : prev.concat(arr)))\n  }, [inverted])\n\n  const stop = useCallback(() => {\n    abortRef.current?.abort()\n  }, [])\n\n  const startStream = useCallback((assistant: StartStreamInput<TMessage>): StreamHandle => {\n    // Finalize any previous stream before starting a new one.\n    cancelFrame()\n    bufferRef.current = ''\n    abortRef.current?.abort()\n\n    const id = (assistant._id ?? `stream-${Date.now()}-${idCounter.current++}`) as IMessage['_id']\n    const controller = new AbortController()\n    abortRef.current = controller\n    activeIdRef.current = id\n\n    const placeholder = {\n      text: '',\n      createdAt: new Date(),\n      ...assistant,\n      _id: id,\n      streaming: true,\n    } as unknown as TMessage\n\n    setMessages(prev => (inverted ? [placeholder, ...prev] : [...prev, placeholder]))\n    setIsStreaming(true)\n\n    let finished = false\n    const finalize = (finalPatch?: Partial<IMessage>) => {\n      if (finished)\n        return\n      finished = true\n\n      cancelFrame()\n      const remaining = bufferRef.current\n      bufferRef.current = ''\n      setMessages(prev =>\n        prev.map(m =>\n          m._id === id\n            ? { ...m, text: m.text + remaining, streaming: false, ...finalPatch } as TMessage\n            : m\n        )\n      )\n      if (activeIdRef.current === id)\n        activeIdRef.current = null\n\n      setIsStreaming(false)\n    }\n\n    controller.signal.onabort = () => finalize()\n\n    return {\n      id,\n      push: (chunk: string) => {\n        bufferRef.current += chunk\n        scheduleFlush()\n      },\n      set: (text: string) => {\n        bufferRef.current = ''\n        setMessages(prev =>\n          prev.map(m => (m._id === id ? { ...m, text } as TMessage : m))\n        )\n      },\n      done: (finalPatch?: Partial<IMessage>) => finalize(finalPatch),\n      signal: controller.signal,\n    }\n  }, [inverted, cancelFrame, scheduleFlush])\n\n  useEffect(() => () => {\n    cancelFrame()\n    abortRef.current?.abort()\n  }, [cancelFrame])\n\n  return { messages, setMessages, append, startStream, isStreaming, stop }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/hooks/useTheme.js

@@ -1,7 +1,9 @@
+import { c as _c } from "react/compiler-runtime";
 import { useMemo } from 'react';
 import { useChatContext } from '../ChatContext';
 import { defaultDarkTheme, defaultLightTheme } from '../Theme';
-import { useColorScheme } from './useColorScheme';
+import { normalizeColorScheme, useSystemColorScheme } from './useColorScheme';
+
 /**
  * Returns the active {@link ChatTheme}. Inside `Chat` this is the resolved theme
  * shared through context (defaults merged with `theme` / `darkTheme` overrides),
@@ -10,11 +12,34 @@ import { useColorScheme } from './useColorScheme';
  * built-in defaults for the current system color scheme.
  */
 export function useTheme() {
-    const colorScheme = useColorScheme();
-    const { getTheme } = useChatContext();
-    const contextTheme = getTheme?.();
-    return useMemo(() => contextTheme ?? (colorScheme === 'dark' ? defaultDarkTheme : defaultLightTheme), [contextTheme, colorScheme]);
+  const $ = _c(4);
+  const {
+    getTheme,
+    getColorScheme
+  } = useChatContext();
+  let t0;
+  if ($[0] !== getTheme) {
+    t0 = getTheme?.();
+    $[0] = getTheme;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const contextTheme = t0;
+  let t1;
+  if ($[2] !== getColorScheme) {
+    t1 = normalizeColorScheme(getColorScheme());
+    $[2] = getColorScheme;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const contextScheme = t1;
+  const systemScheme = normalizeColorScheme(useSystemColorScheme(!contextTheme && !contextScheme));
+  const colorScheme = contextScheme ?? systemScheme;
+  return contextTheme ?? (colorScheme === "dark" ? defaultDarkTheme : defaultLightTheme);
 }
+
 /**
  * DRY helper for theme-aware StyleSheets. Pass a module-level factory that maps
  * a theme to a `StyleSheet.create(...)` result; the styles are memoized on the
@@ -26,7 +51,31 @@ export function useTheme() {
  * const styles = useThemedStyles(createStyles)
  */
 export function useThemedStyles(factory) {
-    const theme = useTheme();
-    return useMemo(() => factory(theme), [factory, theme]);
+  const $ = _c(3);
+  const theme = useTheme();
+  let t0;
+  if ($[0] !== factory || $[1] !== theme) {
+    t0 = themedStyles(factory, theme);
+    $[0] = factory;
+    $[1] = theme;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+}
+
+// One style sheet per factory and theme, shared by every component that asks for it. Every
+// message row asks for several (the bubble's alone is about forty styles), and building them per
+// mounted row was a large part of what a row costs to mount while a list scrolls.
+const styleCache = new WeakMap();
+function themedStyles(factory, theme) {
+  let byTheme = styleCache.get(factory);
+  if (!byTheme) {
+    byTheme = new WeakMap();
+    styleCache.set(factory, byTheme);
+  }
+  if (!byTheme.has(theme)) byTheme.set(theme, factory(theme));
+  return byTheme.get(theme);
 }
 //# sourceMappingURL=useTheme.js.map

package/lib/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAa,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ;IACtB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAA;IACrC,MAAM,YAAY,GAAG,QAAQ,EAAE,EAAE,CAAA;IAEjC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,YAAY,IAAI,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACrF,CAAC,YAAY,EAAE,WAAW,CAAC,CAC5B,CAAA;AACH,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAK,OAAgC;IAClE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;AACxD,CAAC"}
+{"version":3,"file":"useTheme.js","names":["useMemo","useChatContext","defaultDarkTheme","defaultLightTheme","normalizeColorScheme","useSystemColorScheme","useTheme","$","_c","getTheme","getColorScheme","t0","contextTheme","t1","contextScheme","systemScheme","colorScheme","useThemedStyles","factory","theme","themedStyles","styleCache","WeakMap","byTheme","get","set","has"],"sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useChatContext } from '../ChatContext'\nimport { ChatTheme, defaultDarkTheme, defaultLightTheme } from '../Theme'\nimport { normalizeColorScheme, useSystemColorScheme } from './useColorScheme'\n\n/**\n * Returns the active {@link ChatTheme}. Inside `Chat` this is the resolved theme\n * shared through context (defaults merged with `theme` / `darkTheme` overrides),\n * so switching the theme prop or the system color scheme at runtime updates\n * every consumer. Used standalone (outside `Chat`), it falls back to the\n * built-in defaults for the current system color scheme.\n */\nexport function useTheme (): ChatTheme {\n  const { getTheme, getColorScheme } = useChatContext()\n  const contextTheme = getTheme?.()\n  // Only a component outside a `Chat` listens to the system scheme itself.\n  const contextScheme = normalizeColorScheme(getColorScheme())\n  const systemScheme = normalizeColorScheme(useSystemColorScheme(!contextTheme && !contextScheme))\n  const colorScheme = contextScheme ?? systemScheme\n\n  return contextTheme ?? (colorScheme === 'dark' ? defaultDarkTheme : defaultLightTheme)\n}\n\n/**\n * DRY helper for theme-aware StyleSheets. Pass a module-level factory that maps\n * a theme to a `StyleSheet.create(...)` result; the styles are memoized on the\n * theme, so they are rebuilt only when the theme actually changes.\n *\n * @example\n * const createStyles = (theme: ChatTheme) => StyleSheet.create({ ... })\n * // inside a component:\n * const styles = useThemedStyles(createStyles)\n */\nexport function useThemedStyles<T> (factory: (theme: ChatTheme) => T): T {\n  const theme = useTheme()\n  return useMemo(() => themedStyles(factory, theme), [factory, theme])\n}\n\n// One style sheet per factory and theme, shared by every component that asks for it. Every\n// message row asks for several (the bubble's alone is about forty styles), and building them per\n// mounted row was a large part of what a row costs to mount while a list scrolls.\nconst styleCache = new WeakMap<(theme: ChatTheme) => unknown, WeakMap<ChatTheme, unknown>>()\n\nfunction themedStyles<T> (factory: (theme: ChatTheme) => T, theme: ChatTheme): T {\n  let byTheme = styleCache.get(factory)\n  if (!byTheme) {\n    byTheme = new WeakMap()\n    styleCache.set(factory, byTheme)\n  }\n  if (!byTheme.has(theme))\n    byTheme.set(theme, factory(theme))\n  return byTheme.get(theme) as T\n}\n"],"mappings":";AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAAoBC,gBAAgB,EAAEC,iBAAiB,QAAQ,UAAU;AACzE,SAASC,oBAAoB,EAAEC,oBAAoB,QAAQ,kBAAkB;;AAE7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,SAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL;IAAAC,QAAA;IAAAC;EAAA,IAAqCT,cAAc,CAAC,CAAC;EAAA,IAAAU,EAAA;EAAA,IAAAJ,CAAA,QAAAE,QAAA;IAChCE,EAAA,GAAAF,QAAQ,GAAG,CAAC;IAAAF,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAjC,MAAAK,YAAA,GAAqBD,EAAY;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAG,cAAA;IAEXG,EAAA,GAAAT,oBAAoB,CAACM,cAAc,CAAC,CAAC,CAAC;IAAAH,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA5D,MAAAO,aAAA,GAAsBD,EAAsC;EAC5D,MAAAE,YAAA,GAAqBX,oBAAoB,CAACC,oBAAoB,CAAC,CAACO,YAA8B,IAA/B,CAAkBE,aAAa,CAAC,CAAC;EAChG,MAAAE,WAAA,GAAoBF,aAA6B,IAA7BC,YAA6B;EAAA,OAE1CH,YAA+E,KAA9DI,WAAW,KAAK,MAA6C,GAA7Dd,gBAA6D,GAA7DC,iBAA8D;AAAA;;AAGxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAc,gBAAAC,OAAA;EAAA,MAAAX,CAAA,GAAAC,EAAA;EACL,MAAAW,KAAA,GAAcb,QAAQ,CAAC,CAAC;EAAA,IAAAK,EAAA;EAAA,IAAAJ,CAAA,QAAAW,OAAA,IAAAX,CAAA,QAAAY,KAAA;IACHR,EAAA,GAAAS,YAAY,CAACF,OAAO,EAAEC,KAAK,CAAC;IAAAZ,CAAA,MAAAW,OAAA;IAAAX,CAAA,MAAAY,KAAA;IAAAZ,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAA5BI,EAA4B;AAAA;;AAGnD;AACA;AACA;AACA,MAAMU,UAAU,GAAG,IAAIC,OAAO,CAA6D,CAAC;AAE5F,SAASF,YAAYA,CAAKF,OAAgC,EAAEC,KAAgB,EAAK;EAC/E,IAAII,OAAO,GAAGF,UAAU,CAACG,GAAG,CAACN,OAAO,CAAC;EACrC,IAAI,CAACK,OAAO,EAAE;IACZA,OAAO,GAAG,IAAID,OAAO,CAAC,CAAC;IACvBD,UAAU,CAACI,GAAG,CAACP,OAAO,EAAEK,OAAO,CAAC;EAClC;EACA,IAAI,CAACA,OAAO,CAACG,GAAG,CAACP,KAAK,CAAC,EACrBI,OAAO,CAACE,GAAG,CAACN,KAAK,EAAED,OAAO,CAACC,KAAK,CAAC,CAAC;EACpC,OAAOI,OAAO,CAACC,GAAG,CAACL,KAAK,CAAC;AAC3B","ignoreList":[]}

package/lib/hooks/useUpdateLayoutEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateLayoutEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA2B,MAAM,OAAO,CAAA;AAE/D;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,IAAI,EAClB,YAAY,GAAE,cAAmB,QAalC"}
+{"version":3,"file":"useUpdateLayoutEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA2B,MAAM,OAAO,CAAA;AAW/D;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,IAAI,EAClB,YAAY,GAAE,cAAmB,QAalC"}

package/lib/hooks/useUpdateLayoutEffect.js

@@ -1,20 +1,44 @@
+import { c as _c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef } from 'react';
+function areDepsEqual(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) if (!Object.is(a[i], b[i])) return false;
+  return true;
+}
+
 /**
  * A custom useEffect hook that only triggers on updates, not on initial mount
  * Idea stolen from: https://stackoverflow.com/a/55075818/1526448
  * @param {()=>void} effect the function to call
  * @param {DependencyList} dependencies the state(s) that fires the update
  */
-export function useUpdateLayoutEffect(effect, dependencies = []) {
-    const isInitialMount = useRef(true);
-    useLayoutEffect(() => {
-        if (isInitialMount.current)
-            isInitialMount.current = false;
-        else
-            effect();
-        // `dependencies` is this hook's own parameter - the caller owns the list, so there is
-        // nothing static to verify here.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies);
+export function useUpdateLayoutEffect(effect, t0) {
+  const $ = _c(5);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? [] : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const dependencies = t1;
+  const prevDependencies = useRef(null);
+  let t2;
+  if ($[2] !== dependencies || $[3] !== effect) {
+    t2 = () => {
+      const prev = prevDependencies.current;
+      prevDependencies.current = dependencies;
+      if (prev !== null && !areDepsEqual(prev, dependencies)) {
+        effect();
+      }
+    };
+    $[2] = dependencies;
+    $[3] = effect;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  useLayoutEffect(t2);
 }
 //# sourceMappingURL=useUpdateLayoutEffect.js.map

package/lib/hooks/useUpdateLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateLayoutEffect.js","sourceRoot":"","sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAAkB,EAClB,eAA+B,EAAE;IAEjC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO;YACxB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAA;;YAE9B,MAAM,EAAE,CAAA;QACZ,sFAAsF;QACtF,iCAAiC;QACjC,uDAAuD;IACvD,CAAC,EAAE,YAAY,CAAC,CAAA;AAClB,CAAC"}
+{"version":3,"file":"useUpdateLayoutEffect.js","names":["useLayoutEffect","useRef","areDepsEqual","a","b","length","i","Object","is","useUpdateLayoutEffect","effect","t0","$","_c","t1","undefined","dependencies","prevDependencies","t2","prev","current"],"sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"sourcesContent":["import { DependencyList, useLayoutEffect, useRef } from 'react'\n\nfunction areDepsEqual (a: DependencyList, b: DependencyList): boolean {\n  if (a.length !== b.length)\n    return false\n  for (let i = 0; i < a.length; i++)\n    if (!Object.is(a[i], b[i]))\n      return false\n  return true\n}\n\n/**\n * A custom useEffect hook that only triggers on updates, not on initial mount\n * Idea stolen from: https://stackoverflow.com/a/55075818/1526448\n * @param {()=>void} effect the function to call\n * @param {DependencyList} dependencies the state(s) that fires the update\n */\nexport function useUpdateLayoutEffect (\n  effect: () => void,\n  dependencies: DependencyList = []\n) {\n  // `dependencies` is the caller's list, so it cannot be handed to useLayoutEffect as a\n  // literal array (React Compiler would skip this hook). Compare it by hand instead, the way\n  // React compares a dependency list; `null` marks the mount, which must not fire.\n  const prevDependencies = useRef<DependencyList | null>(null)\n\n  useLayoutEffect(() => {\n    const prev = prevDependencies.current\n    prevDependencies.current = dependencies\n    if (prev !== null && !areDepsEqual(prev, dependencies))\n      effect()\n  })\n}\n"],"mappings":";AAAA,SAAyBA,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAE/D,SAASC,YAAYA,CAAEC,CAAiB,EAAEC,CAAiB,EAAW;EACpE,IAAID,CAAC,CAACE,MAAM,KAAKD,CAAC,CAACC,MAAM,EACvB,OAAO,KAAK;EACd,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,CAAC,CAACE,MAAM,EAAEC,CAAC,EAAE,EAC/B,IAAI,CAACC,MAAM,CAACC,EAAE,CAACL,CAAC,CAACG,CAAC,CAAC,EAAEF,CAAC,CAACE,CAAC,CAAC,CAAC,EACxB,OAAO,KAAK;EAChB,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAG,sBAAAC,MAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAF,CAAA,QAAAD,EAAA;IAELG,EAAA,GAAAH,EAAiC,KAAjCI,SAAiC,GAAjC,EAAiC,GAAjCJ,EAAiC;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAjC,MAAAI,YAAA,GAAAF,EAAiC;EAKjC,MAAAG,gBAAA,GAAyBhB,MAAM,CAAwB,IAAI,CAAC;EAAA,IAAAiB,EAAA;EAAA,IAAAN,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAF,MAAA;IAE5CQ,EAAA,GAAAA,CAAA;MACd,MAAAC,IAAA,GAAaF,gBAAgB,CAAAG,OAAQ;MACrCH,gBAAgB,CAAAG,OAAA,GAAWJ,YAAH;MACxB,IAAIG,IAAI,KAAK,IAAyC,IAAlD,CAAkBjB,YAAY,CAACiB,IAAI,EAAEH,YAAY,CAAC;QACpDN,MAAM,CAAC,CAAC;MAAA;IAAA,CACX;IAAAE,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAF,MAAA;IAAAE,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EALDZ,eAAe,CAACkB,EAKf,CAAC;AAAA","ignoreList":[]}