@gamepark/react-game 7.7.4 → 7.7.6

package/dist/components/GameProvider/GameErrorBoundary.js

@@ -20,124 +20,124 @@ export class GameErrorBoundary extends Component {
         return (_jsx("div", { css: containerCss, children: _jsxs("div", { css: cardCss, children: [_jsx("div", { css: iconContainerCss, children: _jsx(FontAwesomeIcon, { icon: faTriangleExclamation, css: iconCss }) }), _jsx("p", { css: messageCss, children: _jsx(Trans, { defaults: "A technical error has occurred. The error has been sent to the Game Park team.", i18nKey: "error.crash", ns: "common" }) }), _jsx("p", { css: hintCss, children: _jsx(Trans, { defaults: "You can refresh the page to continue your game.", i18nKey: "error.refresh.hint", ns: "common" }) }), _jsx("button", { css: buttonCss, onClick: () => window.location.reload(), children: _jsx(Trans, { defaults: "Refresh the page", i18nKey: "error.refresh.button", ns: "common" }) }), _jsx("div", { css: dividerCss }), _jsx("p", { css: secondaryMessageCss, children: _jsx(Trans, { defaults: "If the problem persists despite refreshing and the game is corrupted, please let us know on Discord.", i18nKey: "error.discord.hint", ns: "common" }) }), _jsxs("a", { css: discordLinkCss, href: "https://discord.gg/ZMCX5reQm8", target: "_blank", rel: "noopener noreferrer", children: [_jsx("svg", { css: discordIconCss, viewBox: "0 0 127.14 96.36", fill: "currentColor", children: _jsx("path", { d: "M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2.04a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2.04a68.68 68.68 0 0 1-10.87 5.19 77.28 77.28 0 0 0 6.89 11.1 105.45 105.45 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53.05c0-6.94 5.04-12.67 11.45-12.67S53.99 46.1 53.9 53.05c0 6.94-5.08 12.64-11.45 12.64Zm42.24 0C78.41 65.69 73.25 60 73.25 53.05c0-6.94 5.04-12.67 11.44-12.67s11.51 5.73 11.44 12.67c0 6.94-5.04 12.64-11.44 12.64Z" }) }), _jsx(Trans, { defaults: "Join the Game Park Discord", i18nKey: "error.discord.button", ns: "common" })] })] }) }));
     }
 }
-const fadeIn = keyframes `
-  from {
-    opacity: 0;
-    transform: translateY(16px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
+const fadeIn = keyframes `
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 `;
-const containerCss = css `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-  padding: 2em;
-  box-sizing: border-box;
-  font-family: "Mulish", sans-serif;
+const containerCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  padding: 2em;
+  box-sizing: border-box;
+  font-family: "Mulish", sans-serif;
 `;
-const cardCss = css `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 460px;
-  padding: 2.5em 2.5em 2em;
-  border-radius: 1.2em;
-  background: #002448;
-  color: #eee;
-  text-align: center;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-  animation: ${fadeIn} 0.4s ease-out;
+const cardCss = css `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 460px;
+  padding: 2.5em 2.5em 2em;
+  border-radius: 1.2em;
+  background: #002448;
+  color: #eee;
+  text-align: center;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  animation: ${fadeIn} 0.4s ease-out;
 `;
-const iconContainerCss = css `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: rgba(40, 184, 206, 0.15);
-  margin-bottom: 1.2em;
+const iconContainerCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: rgba(40, 184, 206, 0.15);
+  margin-bottom: 1.2em;
 `;
-const iconCss = css `
-  font-size: 32px;
-  color: #28B8CE;
+const iconCss = css `
+  font-size: 32px;
+  color: #28B8CE;
 `;
-const messageCss = css `
-  font-size: 1.05em;
-  font-weight: 600;
-  line-height: 1.5;
-  margin: 0 0 0.3em;
+const messageCss = css `
+  font-size: 1.05em;
+  font-weight: 600;
+  line-height: 1.5;
+  margin: 0 0 0.3em;
 `;
-const hintCss = css `
-  font-size: 0.95em;
-  line-height: 1.5;
-  margin: 0;
-  opacity: 0.8;
+const hintCss = css `
+  font-size: 0.95em;
+  line-height: 1.5;
+  margin: 0;
+  opacity: 0.8;
 `;
-const buttonCss = css `
-  margin-top: 1.5em;
-  padding: 0.65em 2.2em;
-  font-size: 1em;
-  font-family: inherit;
-  font-weight: 700;
-  border: none;
-  border-radius: 0.6em;
-  background: #28B8CE;
-  color: white;
-  cursor: pointer;
-  transition: background 0.2s, transform 0.1s;
-  letter-spacing: 0.02em;
-
-  &:hover {
-    background: #24a5b9;
-  }
-
-  &:active {
-    background: #2092a3;
-    transform: scale(0.97);
-  }
+const buttonCss = css `
+  margin-top: 1.5em;
+  padding: 0.65em 2.2em;
+  font-size: 1em;
+  font-family: inherit;
+  font-weight: 700;
+  border: none;
+  border-radius: 0.6em;
+  background: #28B8CE;
+  color: white;
+  cursor: pointer;
+  transition: background 0.2s, transform 0.1s;
+  letter-spacing: 0.02em;
+
+  &:hover {
+    background: #24a5b9;
+  }
+
+  &:active {
+    background: #2092a3;
+    transform: scale(0.97);
+  }
 `;
-const dividerCss = css `
-  width: 60%;
-  height: 1px;
-  background: rgba(255, 255, 255, 0.12);
-  margin: 1.8em 0 1.2em;
+const dividerCss = css `
+  width: 60%;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.12);
+  margin: 1.8em 0 1.2em;
 `;
-const secondaryMessageCss = css `
-  font-size: 0.85em;
-  line-height: 1.6;
-  margin: 0 0 1em;
-  opacity: 0.65;
+const secondaryMessageCss = css `
+  font-size: 0.85em;
+  line-height: 1.6;
+  margin: 0 0 1em;
+  opacity: 0.65;
 `;
-const discordLinkCss = css `
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5em;
-  padding: 0.5em 1.4em;
-  font-size: 0.9em;
-  font-family: inherit;
-  font-weight: 600;
-  color: white;
-  background: #5865F2;
-  border-radius: 0.5em;
-  text-decoration: none;
-  transition: background 0.2s, transform 0.1s;
-
-  &:hover {
-    background: #4752C4;
-  }
-
-  &:active {
-    transform: scale(0.97);
-  }
+const discordLinkCss = css `
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5em;
+  padding: 0.5em 1.4em;
+  font-size: 0.9em;
+  font-family: inherit;
+  font-weight: 600;
+  color: white;
+  background: #5865F2;
+  border-radius: 0.5em;
+  text-decoration: none;
+  transition: background 0.2s, transform 0.1s;
+
+  &:hover {
+    background: #4752C4;
+  }
+
+  &:active {
+    transform: scale(0.97);
+  }
 `;
-const discordIconCss = css `
-  width: 20px;
-  height: 20px;
+const discordIconCss = css `
+  width: 20px;
+  height: 20px;
 `;
 //# sourceMappingURL=GameErrorBoundary.js.map

package/dist/components/GameProvider/GameInternalProviders.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+/**
+ * Internal providers that need access to the Redux store (i.e. must be inside Remote/LocalGameProvider).
+ * Keeps GameProvider clean — add future internal providers here.
+ */
+export declare const GameInternalProviders: FC<PropsWithChildren>;

package/dist/components/GameProvider/GameInternalProviders.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { LogHistoryProvider } from '../Log/LogHistoryProvider';
+/**
+ * Internal providers that need access to the Redux store (i.e. must be inside Remote/LocalGameProvider).
+ * Keeps GameProvider clean — add future internal providers here.
+ */
+export const GameInternalProviders = ({ children }) => {
+    return (_jsx(LogHistoryProvider, { children: children }));
+};
+//# sourceMappingURL=GameInternalProviders.js.map

package/dist/components/GameProvider/GameInternalProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameInternalProviders.js","sourceRoot":"","sources":["../../../src/components/GameProvider/GameInternalProviders.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,KAAC,kBAAkB,cAChB,QAAQ,GACU,CACtB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/GameProvider/LogHistoryBridge.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+/**
+ * Bridge component that computes the log history and injects it into the existing gameContext.
+ * Only activates when logs are configured. Sits inside Remote/LocalGameProvider
+ * so it has access to the Redux store.
+ */
+export declare const LogHistoryBridge: FC<PropsWithChildren>;

package/dist/components/GameProvider/LogHistoryBridge.js

@@ -0,0 +1,23 @@
+import { Fragment as _Fragment, jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { useLogHistoryProvider } from '../../hooks/useFlatHistory';
+import { gameContext } from './GameContext';
+/**
+ * Bridge component that computes the log history and injects it into the existing gameContext.
+ * Only activates when logs are configured. Sits inside Remote/LocalGameProvider
+ * so it has access to the Redux store.
+ */
+export const LogHistoryBridge = ({ children }) => {
+    const parentContext = useContext(gameContext);
+    if (!parentContext.logs) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return _jsx(LogHistoryBridgeInternal, { children: children });
+};
+const LogHistoryBridgeInternal = ({ children }) => {
+    const parentContext = useContext(gameContext);
+    const logHistory = useLogHistoryProvider();
+    const enrichedContext = useMemo(() => ({ ...parentContext, logHistory }), [parentContext, logHistory]);
+    return (_jsx(gameContext.Provider, { value: enrichedContext, children: children }));
+};
+//# sourceMappingURL=LogHistoryBridge.js.map

package/dist/components/GameProvider/LogHistoryBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogHistoryBridge.js","sourceRoot":"","sources":["../../../src/components/GameProvider/LogHistoryBridge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAe,WAAW,EAAE,MAAM,eAAe,CAAA;AAExD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC7C,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QACxB,OAAO,4BAAG,QAAQ,GAAI,CAAA;IACxB,CAAC;IACD,OAAO,KAAC,wBAAwB,cAAE,QAAQ,GAA4B,CAAA;AACxE,CAAC,CAAA;AAED,MAAM,wBAAwB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC7C,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAA;IAE1C,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,aAAa,EAAE,UAAU,EAAE,CAAC,EACxC,CAAC,aAAa,EAAE,UAAU,CAAC,CAC5B,CAAA;IAED,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,YACzC,QAAQ,GACY,CACxB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/JournalTabs/History/History.js

@@ -1,37 +1,55 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css, ThemeProvider, useTheme } from '@emotion/react';
+import { css, keyframes, ThemeProvider, useTheme } from '@emotion/react';
 import { useGameSelector } from '@gamepark/react-client';
 import { useContext, useEffect, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
 import { linkButtonCss } from '../../../css';
 import { useFlatHistory } from '../../../hooks/useFlatHistory';
-import { gameContext, LogItem } from '../../index';
+import { gameContext } from '../../index';
 import { GameOverHistory } from './GameOverHistory';
+import { LazyLogItem } from './LazyLogItem';
 import { SetupLogItem } from './SetupLogItem';
+import { SharedIntersectionContext, useSharedObserver } from './SharedIntersectionContext';
 import { StartGameHistory } from './StartGameHistory';
 export const History = (props) => {
+    const { t } = useTranslation('common');
     const theme = useTheme();
     const context = useContext(gameContext);
     const setup = useGameSelector((state) => state.setup) ?? {};
-    const { history } = useFlatHistory();
+    const { history, isLoaded } = useFlatHistory();
     const { open, ...rest } = props;
     const scrollRef = useRef(null);
+    const sharedObserver = useSharedObserver(scrollRef.current);
     const setupLogs = useMemo(() => {
         if (!context.logs?.getSetupLogDescriptions)
             return [];
         return context.logs.getSetupLogDescriptions(setup);
     }, [setup]);
+    // Scroll to bottom when loaded or when opening
     useEffect(() => {
-        if (!scrollRef.current)
+        if (!scrollRef.current || !open || !isLoaded)
             return;
-        const { scrollHeight, clientHeight } = scrollRef.current;
-        scrollRef.current.scrollTo({ top: scrollHeight - clientHeight });
-    }, [open]);
-    return (_jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: historyButtonCss }), children: _jsx("div", { css: scrollCss, ref: scrollRef, ...rest, children: _jsxs("div", { css: scrollContentCss, children: [_jsx(StartGameHistory, {}), setupLogs.map((log, index) => _jsx(SetupLogItem, { log: log, game: setup, index: index, css: itemCss, customEntryCss: [customEntryCss, theme.journal?.historyEntry] }, `setup_${index}`)), history.map((h) => {
-                        if (!h.action.id)
-                            return null; // wait for server action.id
-                        const key = h.consequenceIndex !== undefined ? `${h.action.id}_${h.consequenceIndex}` : h.action.id;
-                        return _jsx(LogItem, { history: h, css: itemCss, customEntryCss: [customEntryCss, theme.journal?.historyEntry] }, key);
-                    }), _jsx(GameOverHistory, {})] }) }) }));
+        const el = scrollRef.current;
+        const scrollToBottom = () => el.scrollTo({ top: el.scrollHeight - el.clientHeight });
+        scrollToBottom();
+        const content = el.firstElementChild;
+        if (!content)
+            return;
+        const observer = new ResizeObserver(scrollToBottom);
+        observer.observe(content);
+        // Stop auto-scrolling as soon as the user scrolls manually
+        const onUserScroll = () => { observer.disconnect(); el.removeEventListener('wheel', onUserScroll); el.removeEventListener('touchmove', onUserScroll); };
+        el.addEventListener('wheel', onUserScroll, { once: true });
+        el.addEventListener('touchmove', onUserScroll, { once: true });
+        const timeout = setTimeout(() => { observer.disconnect(); onUserScroll(); }, 2000);
+        return () => { observer.disconnect(); clearTimeout(timeout); onUserScroll(); };
+    }, [open, isLoaded]);
+    return (_jsx(ThemeProvider, { theme: theme => ({ ...theme, buttons: historyButtonCss }), children: _jsx(SharedIntersectionContext.Provider, { value: sharedObserver, children: _jsx("div", { css: scrollCss, ref: scrollRef, ...rest, children: _jsxs("div", { css: scrollContentCss, children: [_jsx(StartGameHistory, {}), setupLogs.map((log, index) => _jsx(SetupLogItem, { log: log, game: setup, index: index, css: itemCss, customEntryCss: [customEntryCss, theme.journal?.historyEntry] }, `setup_${index}`)), !isLoaded && (_jsxs("div", { css: loaderCss, children: [_jsx("div", { css: spinnerCss }), t('history.loading', { defaultValue: 'Loading history...' })] })), history.map((h) => {
+                            if (!h.action.id)
+                                return null;
+                            const key = h.consequenceIndex !== undefined ? `${h.action.id}_${h.consequenceIndex}` : h.action.id;
+                            return _jsx(LazyLogItem, { history: h, itemCss: itemCss, customEntryCss: [customEntryCss, theme.journal?.historyEntry] }, key);
+                        }), _jsx(GameOverHistory, {})] }) }) }) }));
 };
 const scrollCss = css `
   overflow-x: hidden;
@@ -74,4 +92,25 @@ const customEntryCss = css `
   background-color: rgba(0, 0, 0, 0.8);
   color: white;
 `;
+const spin = keyframes `
+  to { transform: rotate(360deg); }
+`;
+const loaderCss = css `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1em;
+  padding: 2em;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 1.5em;
+  font-style: italic;
+`;
+const spinnerCss = css `
+  width: 1.2em;
+  height: 1.2em;
+  border: 2px solid rgba(255, 255, 255, 0.15);
+  border-top-color: rgba(255, 255, 255, 0.5);
+  border-radius: 50%;
+  animation: ${spin} 0.8s linear infinite;
+`;
 //# sourceMappingURL=History.js.map

package/dist/components/JournalTabs/History/History.js.map

@@ -1 +1 @@
-{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/History.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"History.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/History.tsx"],"names":[],"mappings":"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"}

package/dist/components/JournalTabs/History/LazyLogItem.d.ts

@@ -0,0 +1,10 @@
+import { Interpolation, Theme } from '@emotion/react';
+import { FC } from 'react';
+import { MoveHistory } from '../../../hooks/useFlatHistory';
+type LazyLogItemProps = {
+    history: MoveHistory;
+    itemCss: Interpolation<Theme>;
+    customEntryCss: Interpolation<Theme>[];
+};
+export declare const LazyLogItem: FC<LazyLogItemProps>;
+export {};

package/dist/components/JournalTabs/History/LazyLogItem.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
+import { LogItem } from '../../Log';
+import { useSharedIntersection } from './SharedIntersectionContext';
+export const LazyLogItem = memo(({ history, itemCss, customEntryCss }) => {
+    const ref = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    const measuredHeight = useRef(undefined);
+    const shared = useSharedIntersection();
+    const handleIntersection = useCallback((isIntersecting) => {
+        if (isIntersecting) {
+            setIsVisible(true);
+        }
+        else if (measuredHeight.current !== undefined) {
+            setIsVisible(false);
+        }
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el || !shared)
+            return;
+        shared.observe(el, handleIntersection);
+        return () => shared.unobserve(el);
+    }, [shared, handleIntersection]);
+    useEffect(() => {
+        if (isVisible && ref.current) {
+            measuredHeight.current = ref.current.offsetHeight;
+        }
+    }, [isVisible]);
+    if (!isVisible) {
+        return _jsx("div", { ref: ref, style: { height: measuredHeight.current != null ? `${measuredHeight.current}px` : '2.8em' } });
+    }
+    return (_jsx("div", { ref: ref, children: _jsx(LogItem, { history: history, css: itemCss, customEntryCss: customEntryCss }) }));
+});
+//# sourceMappingURL=LazyLogItem.js.map

package/dist/components/JournalTabs/History/LazyLogItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyLogItem.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/LazyLogItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAM,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAQnE,MAAM,CAAC,MAAM,WAAW,GAAyB,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IAC7F,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,cAAc,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAA;IAC5D,MAAM,MAAM,GAAG,qBAAqB,EAAE,CAAA;IAEtC,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,cAAuB,EAAE,EAAE;QACjE,IAAI,cAAc,EAAE,CAAC;YACnB,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC;aAAM,IAAI,cAAc,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChD,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM;YAAE,OAAM;QAC1B,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,kBAAkB,CAAC,CAAA;QACtC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC7B,cAAc,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAA;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAA;IACtH,CAAC;IAED,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,YACX,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAG,GACtE,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/JournalTabs/History/SetupLogItem.js

@@ -3,24 +3,24 @@ import { css } from '@emotion/react';
 export const SetupLogItem = ({ log, game, index, customEntryCss, ...rest }) => {
     return (_jsx("div", { ...rest, children: _jsx("div", { css: [entryCss, customEntryCss, log.css], children: _jsx("div", { children: _jsx(log.Component, { game: game, index: index }) }) }) }));
 };
-const entryCss = css `
-  width: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  border-radius: 1em;
-  margin-bottom: 0.5em;
-  min-height: 1em;
-  padding-left: 1em;
-  margin-left: 0.05em;
-  margin-top: 0.05em;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  display: flex;
-  align-items: center;
-  font-size: 2em;
-  white-space: pre-wrap;
-
-  img, picture {
-    vertical-align: middle;
-  }
+const entryCss = css `
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 1em;
+  margin-bottom: 0.5em;
+  min-height: 1em;
+  padding-left: 1em;
+  margin-left: 0.05em;
+  margin-top: 0.05em;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  display: flex;
+  align-items: center;
+  font-size: 2em;
+  white-space: pre-wrap;
+
+  img, picture {
+    vertical-align: middle;
+  }
 `;
 //# sourceMappingURL=SetupLogItem.js.map

package/dist/components/JournalTabs/History/SharedIntersectionContext.d.ts

@@ -0,0 +1,9 @@
+type ObserverCallback = (isIntersecting: boolean) => void;
+export type SharedObserver = {
+    observe: (el: HTMLElement, callback: ObserverCallback) => void;
+    unobserve: (el: HTMLElement) => void;
+};
+export declare const SharedIntersectionContext: import("react").Context<SharedObserver | null>;
+export declare const useSharedObserver: (root: HTMLElement | null) => SharedObserver | null;
+export declare const useSharedIntersection: () => SharedObserver | null;
+export {};

package/dist/components/JournalTabs/History/SharedIntersectionContext.js

@@ -0,0 +1,36 @@
+import { createContext, useContext, useEffect, useRef, useState } from 'react';
+export const SharedIntersectionContext = createContext(null);
+export const useSharedObserver = (root) => {
+    const callbacksRef = useRef(new Map());
+    const [observer, setObserver] = useState(null);
+    useEffect(() => {
+        if (!root)
+            return;
+        const io = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                const cb = callbacksRef.current.get(entry.target);
+                if (cb)
+                    cb(entry.isIntersecting);
+            }
+        }, { root, rootMargin: '300px 0px' });
+        const shared = {
+            observe: (el, callback) => {
+                callbacksRef.current.set(el, callback);
+                io.observe(el);
+            },
+            unobserve: (el) => {
+                callbacksRef.current.delete(el);
+                io.unobserve(el);
+            }
+        };
+        setObserver(shared);
+        return () => {
+            io.disconnect();
+            callbacksRef.current.clear();
+            setObserver(null);
+        };
+    }, [root]);
+    return observer;
+};
+export const useSharedIntersection = () => useContext(SharedIntersectionContext);
+//# sourceMappingURL=SharedIntersectionContext.js.map

package/dist/components/JournalTabs/History/SharedIntersectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedIntersectionContext.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/SharedIntersectionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAS9E,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAA;AAEnF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAwB,EAAyB,EAAE;IACnF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,GAAG,EAA6B,CAAC,CAAA;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,MAAM,EAAE,GAAG,IAAI,oBAAoB,CACjC,CAAC,OAAO,EAAE,EAAE;YACV,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;gBACjD,IAAI,EAAE;oBAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;YAClC,CAAC;QACH,CAAC,EACD,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,CAClC,CAAA;QAED,MAAM,MAAM,GAAmB;YAC7B,OAAO,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE;gBACxB,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;gBACtC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;YAChB,CAAC;YACD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;gBAC/B,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;YAClB,CAAC;SACF,CAAA;QAED,WAAW,CAAC,MAAM,CAAC,CAAA;QAEnB,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,UAAU,EAAE,CAAA;YACf,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC5B,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA"}

package/dist/components/JournalTabs/History/VirtualizedLogItem.d.ts

@@ -0,0 +1,12 @@
+import { Interpolation, Theme } from '@emotion/react';
+import { CSSProperties, FC } from 'react';
+import { MoveHistory } from '../../../hooks/useFlatHistory';
+export type VirtualizedLogItemProps = {
+    history: MoveHistory;
+    itemCss: Interpolation<Theme>;
+    customEntryCss: Interpolation<Theme>[];
+};
+export declare const VirtualizedLogItem: FC<VirtualizedLogItemProps & {
+    index: number;
+    style: CSSProperties;
+}>;

package/dist/components/JournalTabs/History/VirtualizedLogItem.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { LogItem } from '../../Log';
+export const VirtualizedLogItem = ({ history, itemCss, customEntryCss, style }) => {
+    return (_jsx("div", { style: style, children: _jsx(LogItem, { history: history, css: itemCss, customEntryCss: customEntryCss }) }));
+};
+//# sourceMappingURL=VirtualizedLogItem.js.map

package/dist/components/JournalTabs/History/VirtualizedLogItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedLogItem.js","sourceRoot":"","sources":["../../../../src/components/JournalTabs/History/VirtualizedLogItem.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAQnC,MAAM,CAAC,MAAM,kBAAkB,GAA0E,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;IACvJ,OAAO,CACL,cAAK,KAAK,EAAE,KAAK,YACf,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAG,GACtE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Log/LogHistoryProvider.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+/**
+ * Provides log history via a dedicated context, isolated from gameContext.
+ * Only mounts the history processing when logs are configured.
+ * Changes to the log history only re-render components that consume logHistoryContext.
+ */
+export declare const LogHistoryProvider: FC<PropsWithChildren>;

package/dist/components/Log/LogHistoryProvider.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useContext } from 'react';
+import { logHistoryContext } from '../../hooks/LogHistoryContext';
+import { useLogHistoryProvider } from '../../hooks/useFlatHistory';
+import { gameContext } from '../GameProvider';
+const LogHistoryProviderInternal = ({ children }) => {
+    const state = useLogHistoryProvider();
+    return (_jsx(logHistoryContext.Provider, { value: state, children: children }));
+};
+/**
+ * Provides log history via a dedicated context, isolated from gameContext.
+ * Only mounts the history processing when logs are configured.
+ * Changes to the log history only re-render components that consume logHistoryContext.
+ */
+export const LogHistoryProvider = ({ children }) => {
+    const context = useContext(gameContext);
+    if (!context.logs) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return (_jsx(LogHistoryProviderInternal, { children: children }));
+};
+//# sourceMappingURL=LogHistoryProvider.js.map

package/dist/components/Log/LogHistoryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogHistoryProvider.js","sourceRoot":"","sources":["../../../src/components/Log/LogHistoryProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAyB,UAAU,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,0BAA0B,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,KAAK,GAAG,qBAAqB,EAAE,CAAA;IACrC,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACrC,QAAQ,GACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAClB,OAAO,4BAAG,QAAQ,GAAI,CAAA;IACxB,CAAC;IACD,OAAO,CACL,KAAC,0BAA0B,cACxB,QAAQ,GACkB,CAC9B,CAAA;AACH,CAAC,CAAA"}