@pretty-chitty/core 1.1.1

package/dist/components/BottomBarButton.d.ts

@@ -0,0 +1,16 @@
+import { SvgIconTypeMap } from "@mui/material";
+import { OverridableComponent } from "@mui/material/OverridableComponent";
+export type BottomBarButtonIcon = OverridableComponent<SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export default function BottomBarButton({ icon, label, highlight, disabled, removeLabel, onClick, onLongClick, whileHolding, }: {
+    icon: BottomBarButtonIcon;
+    label?: string;
+    disabled?: boolean;
+    removeLabel?: boolean;
+    highlight?: boolean;
+    onClick?: () => void;
+    onLongClick?: () => void;
+    whileHolding?: (steps: number) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomBarButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomBarButton.d.ts","sourceRoot":"","sources":["../../src/library/components/BottomBarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAc,MAAM,eAAe,CAAC;AAKvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAK1E,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAExG,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,KAAK,EACL,SAAiB,EACjB,QAAgB,EAChB,WAAmB,EACnB,OAAO,EACP,WAAW,EACX,YAAY,GACb,EAAE;IACD,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,2CAsJA"}

package/dist/components/BottomBarButton.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack, Typography } from "@mui/material";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { LongPressEventType, useLongPress } from "use-long-press";
+import useHover from "@react-hook/hover";
+import { useInterval } from "react-interval-hook";
+import { ZINDEX_BOTTOM_BAR_BUTTON_LABEL, ZINDEX_BOTTOM_BAR_BUTTON_LONG_CLICK } from "../utilities/zIndex";
+export default function BottomBarButton({ icon, label, highlight = false, disabled = false, removeLabel = false, onClick, onLongClick, whileHolding, }) {
+    if (disabled) {
+        onClick = undefined;
+        onLongClick = undefined;
+        whileHolding = undefined;
+    }
+    const theme = useGameTheme();
+    const ref = useRef(null);
+    const hovered = useHover(ref);
+    let listenForLongPress = true;
+    const INTERVAL = 400;
+    const [holdStart, setHoldStart] = useState(0);
+    const holdFn = useCallback(() => {
+        const steps = holdStart ? Math.round((Date.now() - holdStart) / INTERVAL) : 0;
+        if (whileHolding) {
+            whileHolding(Math.round(Math.pow(steps + 1, 1.5)));
+        }
+    }, [whileHolding, holdStart]);
+    if (!whileHolding) {
+        listenForLongPress = false;
+    }
+    const { start, stop } = useInterval(holdFn, INTERVAL, {
+        autoStart: false,
+        immediate: true,
+        selfCorrecting: false,
+    });
+    // eslint-disable-next-line prefer-const
+    let [isPressed, setIsPressed] = useState(false);
+    // Stop interval and reset state when button becomes disabled
+    useEffect(() => {
+        if (disabled) {
+            setIsPressed(false);
+            setHoldStart(0);
+            stop();
+        }
+    }, [disabled, stop]);
+    const LONG_PRESS_SECONDS = 1.25;
+    const bind = useLongPress(() => {
+        // long press done!
+        onLongClick && onLongClick();
+    }, {
+        onStart: () => {
+            setIsPressed(true);
+            if (listenForLongPress) {
+                setHoldStart(Date.now());
+                start();
+            }
+        },
+        onFinish: () => {
+            setIsPressed(false);
+            if (listenForLongPress) {
+                setHoldStart(0);
+                stop();
+            }
+        },
+        onCancel: () => {
+            setIsPressed(false);
+            if (listenForLongPress) {
+                setHoldStart(0);
+                stop();
+            }
+        },
+        onMove: () => {
+            // console.log("Detected mouse or touch movement"),
+        },
+        filterEvents: () => true,
+        threshold: LONG_PRESS_SECONDS * 1000,
+        captureEvent: true,
+        cancelOnMovement: 25,
+        cancelOutsideElement: true,
+        detect: LongPressEventType.Pointer,
+    });
+    label = label?.toUpperCase();
+    let color = theme.barTextColor;
+    let textShadowColor = null;
+    if (hovered) {
+        color = theme.barActiveTextColor;
+        textShadowColor = theme.barActiveTextColor;
+    }
+    if (disabled) {
+        color = theme.barDisabledTextColor;
+        textShadowColor = null;
+        isPressed = false;
+    }
+    const IconType = icon;
+    const iconColor = highlight ? theme.barTextHighlightColor : color;
+    return (_jsxs(Box, { ref: ref, onClick: () => {
+            if (onClick) {
+                onClick();
+            }
+        }, ...bind(), sx: {
+            position: "relative",
+            top: isPressed ? 1 : 0,
+            left: isPressed ? 1 : 0,
+            userSelect: "none",
+            cursor: !disabled ? "pointer" : undefined,
+            p: 1,
+            height: "100%",
+            textShadow: textShadowColor && `0 0 4px ${textShadowColor}`,
+            color,
+            transition: "color linear 0.25s, left linear 0.05s, top linear 0.05s",
+        }, children: [onLongClick && (_jsx(Box, { sx: {
+                    background: theme.fullResetColor,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    zIndex: ZINDEX_BOTTOM_BAR_BUTTON_LONG_CLICK,
+                    borderRadius: "200px",
+                    position: "absolute",
+                    transition: `transform ease-out ${isPressed ? LONG_PRESS_SECONDS : 0.1}s`,
+                    transform: isPressed ? "scale(1.1)" : "scale(0)",
+                    top: 0,
+                } })), _jsxs(Stack, { sx: { position: "relative", zIndex: ZINDEX_BOTTOM_BAR_BUTTON_LABEL, height: "100%" }, children: [_jsx(Box, { flex: 1 }), _jsx(Box, { sx: { color: iconColor, fontSize: "30px", lineHeight: "30px", height: "30px", textAlign: "center" }, children: _jsx(IconType, { fontSize: "inherit" }) }), !removeLabel && (_jsx(Typography, { sx: { textAlign: "center", mt: 0.5, fontSize: 12 }, children: label ?? "\u00a0" })), _jsx(Box, { flex: 1 })] })] }));
+}
+//# sourceMappingURL=BottomBarButton.js.map

package/dist/components/BottomBarButton.js.map

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

package/dist/components/CanvasLibraryViewer.d.ts

@@ -0,0 +1,8 @@
+import { ParameterizedCanvas } from "../utilities/ParameterizedCanvas";
+export interface ICanvasLibrary {
+    [key: string]: new () => ParameterizedCanvas;
+}
+export default function CanvasLibraryViewer({ library }: {
+    library: ICanvasLibrary;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CanvasLibraryViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasLibraryViewer.d.ts","sourceRoot":"","sources":["../../src/library/components/CanvasLibraryViewer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAMvE,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,mBAAmB,CAAC;CAC9C;AAsBD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,cAAc,CAAA;CAAE,2CAyCnF"}

package/dist/components/CanvasLibraryViewer.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useEffect, useState } from "react";
+import { Box, ToggleButton, ToggleButtonGroup } from "@mui/material";
+import { FormatColorFill, PhotoSizeSelectSmall, PhotoSizeSelectActual, PhotoSizeSelectLarge, GridOn, GridOff, } from "@material-ui/icons";
+import UpdatingCanvasViewer from "./UpdatingCanvasViewer";
+import ObjectWithPropsEditor from "./ObjectWithPropsEditor";
+import StageAndEditor from "./StageAndEditor";
+import SelectableItemAndStage from "./SelectableItemAndStage";
+import useLocalStorageState from "use-local-storage-state";
+function Editor({ size, ClassDef }) {
+    const instance = useMemo(() => ClassDef && new ClassDef(), [ClassDef]);
+    const [canvas, setCanvas] = useState(null);
+    useEffect(() => {
+        if (!instance) {
+            return;
+        }
+        setCanvas(instance.get());
+        return instance.onChange(null, () => setCanvas(instance.get()));
+    }, [instance]);
+    return (_jsx(StageAndEditor, { editor: _jsx(ObjectWithPropsEditor, { obj: instance }), children: _jsx(Box, { sx: { p: 3 }, children: canvas && _jsx(UpdatingCanvasViewer, { size: size, updatingCanvas: instance.get() }) }) }));
+}
+export default function CanvasLibraryViewer({ library }) {
+    const items = useMemo(() => Object.keys(library), [library]);
+    const [selectedSize, setSelectedSize] = useLocalStorageState("canvasLibrarySize", {
+        defaultValue: "actual",
+    });
+    return (_jsx(SelectableItemAndStage, { keySpace: "canvasLibrary", topOptions: _jsxs(ToggleButtonGroup, { exclusive: true, size: "small", sx: { m: 2 }, value: selectedSize, onChange: (e, newValue) => setSelectedSize(newValue), children: [_jsx(ToggleButton, { value: "actual", children: _jsx(PhotoSizeSelectActual, {}) }), _jsx(ToggleButton, { value: "fill", children: _jsx(FormatColorFill, {}) }), _jsx(ToggleButton, { value: "small", children: _jsx(PhotoSizeSelectSmall, {}) }), _jsx(ToggleButton, { value: "large", children: _jsx(PhotoSizeSelectLarge, {}) }), _jsx(ToggleButton, { value: "tile", children: _jsx(GridOn, {}) }), _jsx(ToggleButton, { value: "small_tile", children: _jsx(GridOff, {}) })] }), items: items, render: (item) => _jsx(Editor, { size: selectedSize, ClassDef: library[item] }) }));
+}
+//# sourceMappingURL=CanvasLibraryViewer.js.map

package/dist/components/CanvasLibraryViewer.js.map

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

package/dist/components/ChitLibraryViewer.d.ts

@@ -0,0 +1,8 @@
+import { Chit } from "../game/Chit";
+export interface IChitLibrary {
+    [key: string]: new () => Chit;
+}
+export default function ChitLibraryViewer({ library }: {
+    library: IChitLibrary;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChitLibraryViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChitLibraryViewer.d.ts","sourceRoot":"","sources":["../../src/library/components/ChitLibraryViewer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAUpC,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,IAAI,CAAC;CAC/B;AA2GD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,2CA2C/E"}

package/dist/components/ChitLibraryViewer.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useEffect, useState, useRef } from "react";
+import ObjectWithPropsEditor from "./ObjectWithPropsEditor";
+import StageAndEditor from "./StageAndEditor";
+import SelectableItemAndStage from "./SelectableItemAndStage";
+import Viewer from "./Viewer";
+import { Box, Checkbox, FormControlLabel, MenuItem, Select, Stack, Typography } from "@mui/material";
+import { BaseTable } from "../utilities/BaseTable";
+import { ChitRenderSpec } from "../rendering/ChitRenderSpec";
+import useLocalStorageState from "use-local-storage-state";
+import { useTimeState } from "../hooks/useTimeController";
+import useSize from "@react-hook/size";
+import { PlayerProvider } from "../hooks/usePlayer";
+function ResizingViewer({ wireframes, chit }) {
+    const ref = useRef(null);
+    const [width, height] = useSize(ref);
+    return (_jsx(Box, { sx: { position: "absolute", top: 0, right: 0, left: 0, bottom: 0, overflow: "hidden" }, ref: ref, children: _jsx(PlayerProvider, { playerId: "abc", children: _jsx(Viewer, { w: width, h: height, wireframes: wireframes, chit: chit }) }) }));
+}
+function Editor({ wireframes = false, ClassDef, ParentClassDef, }) {
+    const timeState = useTimeState();
+    const [instance, setInstance] = useState();
+    const [parentInstance, setParentInstance] = useState();
+    const [rootInstance, setRootInstance] = useState();
+    useEffect(() => {
+        if (!ClassDef) {
+            setInstance(undefined);
+            return;
+        }
+        const newInstance = new ClassDef();
+        setInstance(newInstance);
+        return () => newInstance.removeFromParent();
+    }, [ClassDef]);
+    useEffect(() => {
+        if (ParentClassDef) {
+            const newInstance = new ParentClassDef();
+            setParentInstance(newInstance);
+            return () => newInstance.removeFromParent();
+        }
+        else {
+            setParentInstance(undefined);
+        }
+    }, [ParentClassDef]);
+    const BT = BaseTable;
+    useEffect(() => {
+        let needsToHaveStageCreated = true;
+        if (!instance) {
+            return;
+        }
+        try {
+            timeState.animationSpeedMultiplier.value = 1;
+            timeState.isLoading.value = false;
+            setTimeout(() => rootInstance?.renderInstance?.tweenGroup?.update(Number.MAX_SAFE_INTEGER), 10);
+            const instanceRenderResult = new ChitRenderSpec(instance);
+            instance.render(instanceRenderResult);
+            parentInstance?.add(instance);
+            if (instanceRenderResult.camera || instanceRenderResult.lightSpec) {
+                needsToHaveStageCreated = false;
+            }
+            if (parentInstance) {
+                needsToHaveStageCreated = true;
+                const parentRenderResult = new ChitRenderSpec(parentInstance);
+                parentInstance.render(parentRenderResult);
+                if (parentRenderResult.camera || parentRenderResult.lightSpec) {
+                    needsToHaveStageCreated = false;
+                }
+            }
+            if (needsToHaveStageCreated) {
+                if (!(rootInstance instanceof BT)) {
+                    const stage = new BT();
+                    stage.add(parentInstance ?? instance);
+                    stage.target = instance;
+                    stage.parentTarget = parentInstance;
+                    setRootInstance(stage);
+                }
+                else {
+                    rootInstance.add(parentInstance ?? instance);
+                    rootInstance.target = instance;
+                    rootInstance.parentTarget = parentInstance;
+                    rootInstance.notifyChange("target");
+                    rootInstance.notifyChange("parentTarget");
+                }
+            }
+            else {
+                setRootInstance(parentInstance ?? instance);
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }, [timeState, instance, parentInstance, rootInstance, BT]);
+    return (_jsx(StageAndEditor, { editor: rootInstance && _jsx(ObjectWithPropsEditor, { obj: rootInstance }), children: rootInstance && _jsx(ResizingViewer, { wireframes: wireframes, chit: rootInstance }) }));
+}
+export default function ChitLibraryViewer({ library }) {
+    const items = useMemo(() => Object.keys(library), [library]);
+    const [parentType, setParentType] = useLocalStorageState("chitLibraryParentType", {
+        defaultValue: "",
+    });
+    const [wireframes, setWireframes] = useLocalStorageState("showBoundingBoxes", { defaultValue: false });
+    return (_jsx(SelectableItemAndStage, { keySpace: "chitLibrary", topOptions: _jsxs(Stack, { direction: "row", children: [_jsx(Typography, { sx: { ml: 4, lineHeight: 4 }, children: "Parent:" }), _jsxs(Select, { variant: "standard", sx: { m: 2, width: 200 }, value: parentType, label: "Select Choice", onChange: (e) => setParentType(e.target.value ?? undefined), children: [_jsx(MenuItem, { value: "", children: "(none)" }), items.map((item) => (_jsx(MenuItem, { value: item, children: item }, item)))] }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: wireframes, onChange: (e) => setWireframes(e.target.checked) }), label: "Bounding Boxes" })] }), items: items, render: (item) => (_jsx(Editor, { wireframes: wireframes, ParentClassDef: parentType ? library[parentType] : undefined, ClassDef: library[item] })) }));
+}
+//# sourceMappingURL=ChitLibraryViewer.js.map

package/dist/components/ChitLibraryViewer.js.map

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

package/dist/components/ClientTrustMatchViewer.d.ts

@@ -0,0 +1,11 @@
+import { Game } from "../game/Game";
+import { IMatchStorage } from "../game/MatchStorage";
+import { IPlayerInfo } from "../game/PlayerInfo";
+export declare function ClientTrustMatchViewer({ playerId, players, game, matchStorage, onBack, }: {
+    playerId: string;
+    players: IPlayerInfo[];
+    game: Game<any, any>;
+    matchStorage: IMatchStorage;
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ClientTrustMatchViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClientTrustMatchViewer.d.ts","sourceRoot":"","sources":["../../src/library/components/ClientTrustMatchViewer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAc,MAAM,oBAAoB,CAAC;AAS7D,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACrB,YAAY,EAAE,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,kDA0DA"}

package/dist/components/ClientTrustMatchViewer.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { PlayerInfo } from "../game/PlayerInfo";
+import { ConnectionProvider } from "../hooks/useConnection";
+import { GameProvider } from "../hooks/useGame";
+import { PlayerProvider } from "../hooks/usePlayer";
+import { MatchViewer } from "./MatchViewer";
+import { Match } from "../game/Match";
+import { Connection } from "../game/Connection";
+import { LocalConnectionTransport } from "../game/ConnectionTransport";
+export function ClientTrustMatchViewer({ playerId, players, game, matchStorage, onBack, }) {
+    const [match, setMatch] = useState();
+    const [localConnection, setLocalConnection] = useState();
+    useEffect(() => {
+        if (game && players && matchStorage) {
+            const match = new Match(game, players.map((p) => new PlayerInfo(p)), matchStorage);
+            let cancelled = false;
+            match.load().then(() => {
+                if (cancelled) {
+                    return;
+                }
+                match.start();
+                setMatch(match);
+            });
+            return () => {
+                match.dispose();
+                cancelled = true;
+            };
+        }
+        else {
+            setMatch(undefined);
+        }
+    }, [game, matchStorage, players]);
+    useEffect(() => {
+        if (!match) {
+            setLocalConnection(undefined);
+            return;
+        }
+        const newRemoteConnection = new LocalConnectionTransport();
+        const newConnection = new Connection(new LocalConnectionTransport());
+        newConnection.transport.connect(newRemoteConnection);
+        match.connect(newRemoteConnection, playerId);
+        setLocalConnection(newConnection);
+        return () => {
+            newConnection.dispose();
+        };
+    }, [match, playerId]);
+    if (!localConnection) {
+        return null; // loading...
+    }
+    return (_jsx(GameProvider, { game: game, children: _jsx(ConnectionProvider, { connection: localConnection, children: _jsx(PlayerProvider, { playerId: playerId, children: _jsx(MatchViewer, { onBack: onBack }) }) }) }));
+}
+//# sourceMappingURL=ClientTrustMatchViewer.js.map

package/dist/components/ClientTrustMatchViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientTrustMatchViewer.js","sourceRoot":"","sources":["../../src/library/components/ClientTrustMatchViewer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAe,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,GAOP;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA+B,CAAC;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAA0B,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;YACpC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,IAAI,EACJ,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,EACrC,YAAY,CACb,CAAC;YACF,IAAI,SAAS,GAAG,KAAK,CAAC;YACtB,KAAK,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;gBACrB,IAAI,SAAS,EAAE,CAAC;oBACd,OAAO;gBACT,CAAC;gBACD,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE;gBACV,KAAK,CAAC,OAAO,EAAE,CAAC;gBAChB,SAAS,GAAG,IAAI,CAAC;YACnB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,MAAM,mBAAmB,GAAG,IAAI,wBAAwB,EAAE,CAAC;QAC3D,MAAM,aAAa,GAAG,IAAI,UAAU,CAAC,IAAI,wBAAwB,EAAE,CAAC,CAAC;QACpE,aAAa,CAAC,SAAsC,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACnF,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;QAE7C,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,CAAC,aAAa;IAC5B,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,YACtB,KAAC,kBAAkB,IAAC,UAAU,EAAE,eAAe,YAC7C,KAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,YAChC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GAChB,GACE,GACR,CAChB,CAAC;AACJ,CAAC"}

package/dist/components/ContextGalleryDisplay.d.ts

@@ -0,0 +1,4 @@
+export declare function ContextGalleryDisplay({ size }: {
+    size: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextGalleryDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextGalleryDisplay.d.ts","sourceRoot":"","sources":["../../src/library/components/ContextGalleryDisplay.tsx"],"names":[],"mappings":"AAYA,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CA2D/D"}

package/dist/components/ContextGalleryDisplay.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box } from "@mui/material";
+import { GalleryViewer } from "./GalleryViewer";
+import { useRef } from "react";
+import { ZINDEX_CONTEXT_GALLERY_DISPLAY } from "../utilities/zIndex";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { useAnimationSpeedMultiplier, useClientPrompts } from "../hooks/useTimeController";
+import { PickPrompt } from "../game/Prompt";
+import { chitsToGalleryItems } from "../utilities/GalleryItemConversion";
+import { useEventChannelState } from "../hooks/useEventChannelState";
+export function ContextGalleryDisplay({ size }) {
+    const theme = useGameTheme();
+    const ref = useRef(null);
+    const speed = useAnimationSpeedMultiplier();
+    const clientPrompts = useClientPrompts();
+    const [currentPrompt] = useEventChannelState(clientPrompts.currentPrompt);
+    const [items, setItems] = useState([]);
+    const hasItems = items && items?.length > 0;
+    let targetChit = undefined;
+    if (currentPrompt && currentPrompt instanceof PickPrompt) {
+        const pickWithContext = currentPrompt.picks.find((p) => p.contextChit);
+        if (pickWithContext) {
+            targetChit = pickWithContext.contextChit;
+        }
+    }
+    useEffect(() => {
+        if (targetChit) {
+            setItems(chitsToGalleryItems([targetChit]));
+        }
+        else {
+            setItems([]);
+        }
+    }, [targetChit, setItems]);
+    return (_jsx(Box, { sx: { position: "relative" }, children: _jsx(Box, { ref: ref, sx: {
+                width: size,
+                height: size,
+                top: theme.spacing,
+                position: hasItems ? "relative" : "absolute",
+                ml: `${theme.spacing}px`,
+                right: hasItems ? 0 : `${-size - theme.spacing}px`,
+                zIndex: ZINDEX_CONTEXT_GALLERY_DISPLAY,
+                borderRadius: "10px",
+                background: theme.actionBarContextColor,
+                boxShadow: `inset 0px 2px 3px 3px ${theme.actionBarContextShadow}`,
+                transition: `right ease-in-out ${theme.actionBarContextAnimationDuration * speed}s`,
+            }, children: _jsx(GalleryViewer, { fov: 2, angle: 0, showSummary: false, paused: items.length > 0 ? false : true, items: items ?? [], tweenDuration: 0, galleryItemWidth: size - theme.spacing * 2, galleryItemHeight: size - theme.spacing * 2, itemSpacing: 0, w: size, h: size }) }) }));
+}
+//# sourceMappingURL=ContextGalleryDisplay.js.map

package/dist/components/ContextGalleryDisplay.js.map

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

package/dist/components/GalleryDisplay.d.ts

@@ -0,0 +1,2 @@
+export declare function GalleryDisplay(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GalleryDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryDisplay.d.ts","sourceRoot":"","sources":["../../src/library/components/GalleryDisplay.tsx"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,4CA4C7B"}

package/dist/components/GalleryDisplay.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from "react";
+import { Box } from "@mui/material";
+import { useEventChannelState } from "../hooks/useEventChannelState";
+import { useModalState } from "../hooks/useModalState";
+import { GalleryViewer } from "./GalleryViewer";
+import useSize from "@react-hook/size";
+import { useAnimationSpeedMultiplier } from "../hooks/useTimeController";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { GameModalBackdrop } from "./GameModalBackdrop";
+const DELAY = 300;
+export function GalleryDisplay() {
+    const theme = useGameTheme();
+    const animationSpeedMultiplier = useAnimationSpeedMultiplier();
+    const ref = useRef(null);
+    const [width, height] = useSize(ref);
+    const modalState = useModalState();
+    const [items, setItems] = useState(undefined);
+    const [source, setSource] = useEventChannelState(modalState.gallerySource);
+    const hasItems = items && items?.length > 0;
+    useEffect(() => {
+        if (source) {
+            setItems(source.items);
+            const unSub = source.registerUpdateHandler(() => {
+                setItems(source.items);
+            });
+            return () => {
+                source.close();
+                unSub();
+            };
+        }
+        else {
+            setItems(undefined);
+        }
+    }, [source, setItems]);
+    return (
+    // This has to be outside of the modal backdrop so we can get the size correctly
+    _jsx(Box, { ref: ref, sx: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }, children: _jsx(GameModalBackdrop, { visible: !!hasItems, children: _jsx(GalleryViewer, { onClose: () => {
+                    setSource(undefined);
+                }, items: items ?? [], tweenDuration: DELAY * animationSpeedMultiplier * 0.8, galleryItemWidth: theme.galleryItemWidth, galleryItemHeight: theme.galleryItemHeight, itemSpacing: theme.galleryItemSpacing, w: width, h: height }) }) }));
+}
+//# sourceMappingURL=GalleryDisplay.js.map

package/dist/components/GalleryDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryDisplay.js","sourceRoot":"","sources":["../../src/library/components/GalleryDisplay.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAe,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,KAAK,GAAG,GAAG,CAAC;AAElB,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,wBAAwB,GAAG,2BAA2B,EAAE,CAAC;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA4B,SAAS,CAAC,CAAC;IACzE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,oBAAoB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,KAAK,IAAI,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACvB,MAAM,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC9C,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,KAAK,EAAE,CAAC;gBACf,KAAK,EAAE,CAAC;YACV,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,OAAO;IACL,gFAAgF;IAChF,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAC/E,KAAC,iBAAiB,IAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,YACpC,KAAC,aAAa,IACZ,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,SAAS,CAAC,CAAC;gBACvB,CAAC,EACD,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,aAAa,EAAE,KAAK,GAAG,wBAAwB,GAAG,GAAG,EACrD,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,WAAW,EAAE,KAAK,CAAC,kBAAkB,EACrC,CAAC,EAAE,KAAK,EACR,CAAC,EAAE,MAAM,GACT,GACgB,GAChB,CACP,CAAC;AACJ,CAAC"}

package/dist/components/GalleryPlayground.d.ts

@@ -0,0 +1,14 @@
+import { Game } from "../game/Game";
+import type { GalleryItem } from "./GalleryViewer";
+import { BoxGeometry, Mesh, MeshPhongMaterial } from "three";
+export declare class MyItem implements GalleryItem {
+    color: number;
+    id: string;
+    constructor(color: number, id: string);
+    createMesh(): Mesh<BoxGeometry, MeshPhongMaterial, import("three").Object3DEventMap>;
+    registerUpdateHandler(cb: () => void): () => void;
+}
+export default function GalleryPlayground({ game }: {
+    game: Game<any, any>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GalleryPlayground.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryPlayground.d.ts","sourceRoot":"","sources":["../../src/library/components/GalleryPlayground.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE7D,qBAAa,MAAO,YAAW,WAAW;IAE/B,KAAK,EAAE,MAAM;IACb,EAAE,EAAE,MAAM;gBADV,KAAK,EAAE,MAAM,EACb,EAAE,EAAE,MAAM;IAGnB,UAAU;IAKV,qBAAqB,CAAC,EAAE,EAAE,MAAM,IAAI;CAIrC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;CAAE,2CAyB3E"}

package/dist/components/GalleryPlayground.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box } from "@mui/material";
+import { GalleryViewer } from "./GalleryViewer";
+import { BoxGeometry, Mesh, MeshPhongMaterial } from "three";
+export class MyItem {
+    constructor(color, id) {
+        this.color = color;
+        this.id = id;
+    }
+    createMesh() {
+        const result = new Mesh(new BoxGeometry(50, 50, 50), new MeshPhongMaterial({ color: this.color }));
+        return result;
+    }
+    registerUpdateHandler(cb) {
+        console.log(cb);
+        return () => { };
+    }
+}
+export default function GalleryPlayground({ game }) {
+    const [items, setItems] = useState([...new Array(5)].map((d, i) => new MyItem(Math.random() * 0xffffff, i.toString())));
+    useEffect(() => {
+        setTimeout(() => {
+            const index = Math.floor(Math.random() * items.length);
+            if (Math.random() > 0.5) {
+                const item = new MyItem(Math.random() * 0xffffff, Math.random().toString());
+                setItems(items.slice(0, index).concat([item]).concat(items.slice(index)));
+            }
+            else {
+                setItems(items.slice(0, index).concat(items.slice(index + 1)));
+            }
+        }, 1000);
+    }, [items]);
+    return (_jsx(Box, { children: _jsx(Box, { sx: { position: "relative" }, children: _jsx(GalleryViewer, { items: items, galleryItemWidth: 150, itemSpacing: 20, w: 800, h: 600 }) }) }));
+}
+//# sourceMappingURL=GalleryPlayground.js.map

package/dist/components/GalleryPlayground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryPlayground.js","sourceRoot":"","sources":["../../src/library/components/GalleryPlayground.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,OAAO,MAAM;IACjB,YACS,KAAa,EACb,EAAU;QADV,UAAK,GAAL,KAAK,CAAQ;QACb,OAAE,GAAF,EAAE,CAAQ;IAChB,CAAC;IAEJ,UAAU;QACR,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACnG,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,qBAAqB,CAAC,EAAc;QAClC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAClB,CAAC;CACF;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAA4B;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CACpF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC;gBACxB,MAAM,IAAI,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAE5E,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5E,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACjE,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,GAAG,cACF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,GAAI,GACnF,GACF,CACP,CAAC;AACJ,CAAC"}