@pretty-chitty/core 1.1.1

package/dist/components/TimeControlBar.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack } from "@mui/material";
+import { FastForward, FastRewind, SettingsOutlined } from "@mui/icons-material";
+import { useTimeController, useTimeState } from "../hooks/useTimeController";
+import { useEventChannelState } from "../hooks/useEventChannelState";
+import BottomBarButton from "./BottomBarButton";
+import { useGameTheme } from "../hooks/useGameTheme";
+import LiveButton from "./LiveButton";
+import { useModalState } from "../hooks/useModalState";
+export default function TimeControlBar({ autoLive = false }) {
+    const theme = useGameTheme();
+    const timeController = useTimeController();
+    const timeState = useTimeState();
+    const [live, setLive] = useEventChannelState(timeState.live);
+    const [targetClock, setTargetClock] = useEventChannelState(timeState.targetClock);
+    const [maxClock] = useEventChannelState(timeController.maxClock);
+    const modalState = useModalState();
+    const [settingsVisible, setSettingsVisible] = useEventChannelState(modalState.settingsVisible);
+    return (_jsxs(Box, { sx: { width: "100%", height: "100%", position: "relative" }, children: [_jsx(Box, { sx: { height: "6px", position: "absolute", width: "100%" }, children: targetClock < maxClock.clock && !live && (_jsx(Box, { sx: {
+                        width: `${(targetClock / maxClock.clock) * 100}%`,
+                        background: theme.barHighlightTextColor,
+                        transition: "width linear 0.25s",
+                        height: "6px",
+                    } })) }), _jsxs(Stack, { direction: "row", sx: { width: "100%", height: "100%", pl: 1, pr: 1 }, children: [_jsx(BottomBarButton, { icon: SettingsOutlined, label: "Menu", onClick: () => setSettingsVisible(!settingsVisible), highlight: settingsVisible }), _jsx(Box, { flex: 1 }), _jsx(BottomBarButton, { icon: FastRewind, label: "Back", whileHolding: (n) => {
+                            setLive(false);
+                            setTargetClock(targetClock - n);
+                        } }), _jsx(BottomBarButton, { disabled: targetClock >= maxClock.clock, icon: FastForward, label: "Forward", whileHolding: (n) => {
+                            if (autoLive && targetClock + n >= maxClock.clock) {
+                                setLive(true);
+                                setTargetClock(targetClock + n);
+                            }
+                            else {
+                                setLive(false);
+                                setTargetClock(targetClock + n);
+                            }
+                        } }), _jsx(Box, { flex: 1 }), _jsx(LiveButton, { hideIfLive: false })] })] }));
+}
+//# sourceMappingURL=TimeControlBar.js.map

package/dist/components/TimeControlBar.js.map

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

package/dist/components/TokenizedMessage.d.ts

@@ -0,0 +1,13 @@
+import { ImageSpec } from "../utilities/CanvasStack/CanvasOperations";
+export interface TokenDefinition {
+    image?: string | ImageSpec;
+    label?: string;
+    color?: string;
+}
+export interface TokenizedMessageProps {
+    message: string;
+    fontSize: number;
+    tokenMap?: Record<string, TokenDefinition>;
+}
+export declare function TokenizedMessage({ message, fontSize, tokenMap }: TokenizedMessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TokenizedMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenizedMessage.d.ts","sourceRoot":"","sources":["../../src/library/components/TokenizedMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAItE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CAC5C;AAyKD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAa,EAAE,EAAE,qBAAqB,2CAmB3F"}

package/dist/components/TokenizedMessage.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box } from "@mui/material";
+import Color from "color";
+import { UpdatingCanvasImage } from "./UpdatingCanvasImage";
+import { StaticImage } from "../utilities/StaticImage";
+// Color utility function
+function calculateBackgroundColor(textColor) {
+    const color = Color(textColor);
+    const lightness = color.lightness();
+    return lightness > 45
+        ? color.lightness(5).hex() // 5% brightness for light colors
+        : color.lightness(95).hex(); // 95% brightness for dark colors
+}
+function TokenImage({ src, alt, fontSize, hasLabel }) {
+    if (typeof src !== "string") {
+        const updatingCanvas = new StaticImage(src).get();
+        return (_jsx(UpdatingCanvasImage, { image: updatingCanvas, style: {
+                height: `${fontSize - 4}px`,
+                marginRight: "4px",
+                transform: `scale(1.4)`,
+                position: "relative",
+                marginLeft: "2px",
+            } }));
+    }
+    else {
+        return (_jsx(Box, { component: "img", src: src, alt: alt, sx: {
+                height: `${fontSize - 4}px`,
+                marginRight: "4px",
+                transform: `scale(1.4)`,
+                position: "relative",
+                marginLeft: "2px",
+            } }));
+    }
+}
+function TokenLabel({ label, color, fontSize }) {
+    return (_jsx(Box, { component: "strong", sx: {
+            color,
+            fontSize: `${fontSize}px`,
+            lineHeight: 1,
+        }, children: label }));
+}
+function Token({ name, definition, fontSize }) {
+    if (!definition) {
+        return _jsx(_Fragment, { children: `:${name}:` });
+    }
+    const backgroundColor = definition.color ? calculateBackgroundColor(definition.color) : undefined;
+    return (_jsxs(Box, { component: "span", sx: {
+            display: "inline-flex",
+            alignItems: "center",
+            whiteSpace: "nowrap",
+            verticalAlign: "baseline",
+            backgroundColor,
+            padding: backgroundColor ? "1px 2px" : 0,
+            margin: backgroundColor ? "-1px 0" : 0,
+            borderRadius: "4px",
+        }, children: [definition.image && (_jsx(TokenImage, { src: definition.image, alt: name, fontSize: fontSize, hasLabel: !!definition.label })), definition.label && _jsx(TokenLabel, { label: definition.label, color: definition.color, fontSize: fontSize })] }));
+}
+// Parser function
+function parseMessageTokens(message, tokenMap) {
+    const elements = [];
+    const tokenRegex = /:([a-zA-Z0-9_-]+):/g;
+    let lastIndex = 0;
+    let match;
+    while ((match = tokenRegex.exec(message)) !== null) {
+        const tokenName = match[1];
+        // Add text before the token
+        if (match.index > lastIndex) {
+            elements.push({
+                type: "text",
+                content: message.substring(lastIndex, match.index),
+                key: `text-${lastIndex}`,
+            });
+        }
+        // Add the token
+        elements.push({
+            type: "token",
+            name: tokenName,
+            definition: tokenMap[tokenName],
+            key: `token-${match.index}`,
+        });
+        lastIndex = match.index + match[0].length;
+    }
+    // Add remaining text after last token
+    if (lastIndex < message.length) {
+        elements.push({
+            type: "text",
+            content: message.substring(lastIndex),
+            key: `text-${lastIndex}`,
+        });
+    }
+    return elements;
+}
+// Main Component
+export function TokenizedMessage({ message, fontSize, tokenMap = {} }) {
+    const elements = parseMessageTokens(message, tokenMap);
+    return (_jsx(Box, { sx: {
+            fontSize: `${fontSize}px`,
+            lineHeight: `${fontSize * 1.1}px`,
+        }, children: elements.map((element) => element.type === "token" ? (_jsx(Token, { name: element.name, definition: element.definition, fontSize: fontSize }, element.key)) : (_jsx(React.Fragment, { children: element.content }, element.key))) }));
+}
+//# sourceMappingURL=TokenizedMessage.js.map

package/dist/components/TokenizedMessage.js.map

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

package/dist/components/TopBar.d.ts

@@ -0,0 +1,4 @@
+export default function TopBar({ onBack }: {
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/library/components/TopBar.tsx"],"names":[],"mappings":"AA2CA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CA8CjE"}

package/dist/components/TopBar.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, IconButton, Stack } from "@mui/material";
+import { useGameTheme } from "../hooks/useGameTheme";
+import TopBarDropdown from "./TopBarDropdown";
+import TopBarPlayers from "./TopBarPlayers";
+import { useChit } from "../hooks/useChits";
+import { ArrowBack } from "@material-ui/icons";
+import { ZINDEX_TOP_BAR_HEADER } from "../utilities/zIndex";
+import { usePlayerId } from "../hooks/usePlayer";
+function BaseTopBar({ children }) {
+    const theme = useGameTheme();
+    return (_jsx(Box, { sx: {
+            position: "relative",
+            background: theme.barColor,
+            height: theme.topBarHeight,
+        }, children: children }));
+}
+function DropdownChitWrapper({ chitId }) {
+    const chit = useChit(chitId ?? "");
+    const playerId = usePlayerId();
+    if (!chitId) {
+        return null;
+    }
+    if (chit) {
+        return _jsx(TopBarDropdown, { label: chit.renderLabel(playerId), children: chit.renderBody(playerId) });
+    }
+    return null;
+}
+export default function TopBar({ onBack }) {
+    const theme = useGameTheme();
+    const rootChit = useChit("root");
+    const dropdowns = rootChit?.getDropdowns() ?? [];
+    const barWidth = `${(1 / (dropdowns.length + 1)) * 100}%`;
+    const BUTTON_WIDTH = theme.topBarHeight - theme.spacing * 2;
+    return (_jsx(BaseTopBar, { children: _jsxs(Stack, { direction: "row", sx: { width: "100%", height: "100%" }, children: [onBack && (_jsx(Box, { sx: {
+                        height: "100%",
+                        width: BUTTON_WIDTH,
+                        position: "relative",
+                        background: theme.barColor,
+                        zIndex: ZINDEX_TOP_BAR_HEADER,
+                    }, children: _jsx(IconButton, { sx: {
+                            width: BUTTON_WIDTH,
+                            color: theme.barTextColor,
+                            height: "100%",
+                        }, onClick: onBack, children: _jsx(ArrowBack, {}) }) })), _jsxs(Stack, { direction: "row", flex: 1, sx: { width: `calc(100% - ${BUTTON_WIDTH}px)` }, children: [_jsx(Box, { sx: { width: barWidth }, children: _jsx(TopBarPlayers, {}) }), dropdowns.map((dropdown) => (_jsx(Box, { sx: { width: barWidth, borderLeft: `1px solid ${theme.barBreak}` }, children: _jsx(DropdownChitWrapper, { chitId: dropdown.id }) }, dropdown.id)))] })] }) }));
+}
+//# sourceMappingURL=TopBar.js.map

package/dist/components/TopBar.js.map

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

package/dist/components/TopBarDropdown.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export default function TopBarDropdown({ label, children, }: {
+    label: string | ReactNode;
+    children: ReactNode | ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TopBarDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBarDropdown.d.ts","sourceRoot":"","sources":["../../src/library/components/TopBarDropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM9D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC,2CAiFA"}

package/dist/components/TopBarDropdown.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { Box, useTheme } from "@mui/material";
+import { ChevronRight } from "@material-ui/icons";
+import { ZINDEX_TOP_BAR_BODY, ZINDEX_TOP_BAR_HEADER } from "../utilities/zIndex";
+export default function TopBarDropdown({ label, children, }) {
+    const [open, setOpen] = useState(false);
+    const theme = useGameTheme();
+    const muiTheme = useTheme();
+    useEffect(() => {
+        if (open) {
+            const cb = () => {
+                setOpen(false);
+            };
+            let hasCleared = false;
+            setTimeout(() => {
+                if (!hasCleared) {
+                    document.addEventListener("click", cb);
+                }
+            }, 50);
+            return () => {
+                hasCleared = true;
+                document.removeEventListener("click", cb);
+            };
+        }
+    }, [open]);
+    return (_jsxs(Box, { sx: { fontFamily: muiTheme.typography.fontFamily }, flex: 1, children: [_jsxs(Box, { onClick: () => setOpen(!open), sx: {
+                    userSelect: "none",
+                    cursor: "pointer",
+                    pl: 2,
+                    pr: 4,
+                    position: "relative",
+                    fontSize: 14,
+                    height: "100%",
+                    color: theme.barTextColor,
+                    background: theme.barColor,
+                    zIndex: ZINDEX_TOP_BAR_HEADER,
+                    lineHeight: `${theme.topBarHeight}px`,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                }, children: [label, _jsx(ChevronRight, { style: {
+                            position: "absolute",
+                            right: 10,
+                            top: "calc(50% - 14px)",
+                            fontSize: "25px",
+                            transform: open ? "rotate(-90deg)" : "rotate(90deg)",
+                            transition: "transform linear 0.15s",
+                        } })] }), _jsx(Box, { sx: {
+                    position: "absolute",
+                    top: "100%",
+                    transform: open ? "translateY(0)" : `translateY(calc(-100% - ${theme.topBarHeight}px - 30px))`,
+                    transition: "transform ease-in-out 0.15s",
+                    color: theme.barTextColor,
+                    left: 0,
+                    right: 0,
+                    background: theme.barTopDropdownColor,
+                    zIndex: ZINDEX_TOP_BAR_BODY,
+                    boxShadow: `3px 3px 30px ${theme.topBarDropShadowColor}`,
+                    borderBottomRightRadius: 10,
+                    borderBottomLeftRadius: 10,
+                    maxHeight: `calc(60vh - ${theme.topBarHeight}px - 10px)`,
+                    overflow: "auto",
+                    fontSize: 14,
+                    p: 1,
+                }, children: children })] }));
+}
+//# sourceMappingURL=TopBarDropdown.js.map

package/dist/components/TopBarDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBarDropdown.js","sourceRoot":"","sources":["../../src/library/components/TopBarDropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,EAAE,GAAG,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC,CAAC;YACF,IAAI,UAAU,GAAG,KAAK,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,UAAU,EAAE,CAAC;oBAChB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC,EAAE,EAAE,CAAC,CAAC;YACP,OAAO,GAAG,EAAE;gBACV,UAAU,GAAG,IAAI,CAAC;gBAClB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC5C,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,aAC9D,MAAC,GAAG,IACF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAC7B,EAAE,EAAE;oBACF,UAAU,EAAE,MAAM;oBAClB,MAAM,EAAE,SAAS;oBACjB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,EAAE;oBACZ,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,KAAK,CAAC,YAAY;oBACzB,UAAU,EAAE,KAAK,CAAC,QAAQ;oBAC1B,MAAM,EAAE,qBAAqB;oBAC7B,UAAU,EAAE,GAAG,KAAK,CAAC,YAAY,IAAI;oBACrC,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,UAAU,EAAE,QAAQ;iBACrB,aAEA,KAAK,EACN,KAAC,YAAY,IACX,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,EAAE;4BACT,GAAG,EAAE,kBAAkB;4BACvB,QAAQ,EAAE,MAAM;4BAChB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe;4BACpD,UAAU,EAAE,wBAAwB;yBACrC,GACD,IACE,EAEN,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,MAAM;oBACX,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,2BAA2B,KAAK,CAAC,YAAY,aAAa;oBAC9F,UAAU,EAAE,6BAA6B;oBACzC,KAAK,EAAE,KAAK,CAAC,YAAY;oBACzB,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,UAAU,EAAE,KAAK,CAAC,mBAAmB;oBACrC,MAAM,EAAE,mBAAmB;oBAC3B,SAAS,EAAE,gBAAgB,KAAK,CAAC,qBAAqB,EAAE;oBACxD,uBAAuB,EAAE,EAAE;oBAC3B,sBAAsB,EAAE,EAAE;oBAC1B,SAAS,EAAE,eAAe,KAAK,CAAC,YAAY,YAAY;oBACxD,QAAQ,EAAE,MAAM;oBAChB,QAAQ,EAAE,EAAE;oBACZ,CAAC,EAAE,CAAC;iBACL,YAEA,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/TopBarPlayers.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopBarPlayers.d.ts","sourceRoot":"","sources":["../../src/library/components/TopBarPlayers.tsx"],"names":[],"mappings":"AAsHA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA4CpC"}

package/dist/components/TopBarPlayers.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack, Typography } from "@mui/material";
+import TopBarDropdown from "./TopBarDropdown";
+import PlayerImage from "./PlayerImage";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { useChit, useChits } from "../hooks/useChits";
+import { PlayerChit } from "../game/PlayerChit";
+import { UpdatingCanvasImage } from "./UpdatingCanvasImage";
+function PlayerInfoCell({ spark, size }) {
+    const theme = useGameTheme();
+    return (_jsx(Box, { sx: { width: `${spark.width}px`, pl: 1, pr: 1, borderRight: `1px solid ${theme.barTopLineColor}` }, children: _jsx(Typography, { sx: { fontSize: 14, textOverflow: "ellipsis", overflow: "hidden", textAlign: "right", lineHeight: `${size}px` }, children: spark.value }) }));
+}
+function TextPlayerInfoCell({ text, size, width }) {
+    const theme = useGameTheme();
+    return (_jsx(Box, { sx: { width: `${width}px`, pl: 1, pr: 1, borderRight: `1px solid ${theme.barTopLineColor}` }, children: _jsx(Typography, { sx: {
+                fontSize: 14,
+                textOverflow: "ellipsis",
+                overflow: "hidden",
+                whiteSpace: "nowrap",
+                textAlign: "left",
+                lineHeight: `${size}px`,
+            }, children: text }) }));
+}
+function HeaderCell({ spark }) {
+    const theme = useGameTheme();
+    if (!spark.headerIcon || spark.headerIcon instanceof PlayerChit) {
+        return _jsx(Box, { sx: { width: `${spark.width}px`, pl: 1, pr: 1 } });
+    }
+    const im = spark.headerIcon;
+    return (_jsx(Box, { sx: { width: `${spark.width}px`, pl: 1, pr: 1 }, children: _jsx(UpdatingCanvasImage, { image: im, style: { width: `${spark.width - theme.spacing * 2}px` } }) }));
+}
+function PlayerInfoRow({ headers, player }) {
+    const theme = useGameTheme();
+    const sparks = useChits(player.getSparks("dropdown").map((d) => d.id ?? ""));
+    const LINE_HEIGHT_RATIO = 0.6;
+    const IMAGE_SIZE_RATIO = 0.75;
+    const size = theme.topBarHeight * LINE_HEIGHT_RATIO;
+    const NAME_WIDTH = 150;
+    const PROMPT_WIDTH = 300;
+    const width = NAME_WIDTH + PROMPT_WIDTH + size + theme.spacing + sparks.reduce((total, spark) => total + spark.width, 0);
+    if (headers) {
+        return (_jsxs(Stack, { direction: "row", sx: { pl: 1, pr: 0, width }, children: [_jsx(Box, { sx: { width: size } }), sparks.map((spark) => (_jsx(HeaderCell, { spark: spark }, spark.id)))] }));
+    }
+    return (_jsxs(Stack, { direction: "row", sx: {
+            pl: 1,
+            pr: 0,
+            width,
+        }, children: [_jsx(PlayerImage, { player: player, size: size * 0.75, sx: {
+                    boxShadow: `0 0 ${theme.spacing / 2}px ${theme.spacing / 2}px ${theme.barTopDropdownColor}`,
+                    mr: 1,
+                    mt: `${size * ((1 - IMAGE_SIZE_RATIO) / 2)}px`,
+                    left: 0,
+                    position: "sticky",
+                } }), sparks.map((spark) => (_jsx(PlayerInfoCell, { size: size, spark: spark }, spark.id))), _jsx(TextPlayerInfoCell, { size: size, width: NAME_WIDTH, text: player.name }), _jsx(TextPlayerInfoCell, { size: size, width: PROMPT_WIDTH, text: player.promptStatus.latestPromptMessage ?? "" })] }));
+}
+export default function TopBarPlayers() {
+    const theme = useGameTheme();
+    const root = useChit("root");
+    const playerChits = useChits(root?.players.map((p) => p.id ?? "") ?? []);
+    useChits(playerChits.map((p) => p.promptStatus.id ?? "")); // necessary for side effects so this recomputes when the status or prompt changes
+    return (_jsx(TopBarDropdown, { label: _jsxs(Stack, { direction: "row", sx: { pt: 1, pb: 1, maxWidth: "100%" }, children: [playerChits.map((player) => (_jsx(PlayerImage, { sx: { ml: -1 }, borderColor: player.promptStatus.latestPromptMessage ? theme.chitHighlightColor : undefined, size: theme.topBarHeight - theme.spacing * 2, player: player }, player.id))), _jsx(Typography, { flex: 1, sx: {
+                        p: 1,
+                        lineHeight: `${theme.topBarHeight - theme.spacing * 4}px`,
+                        fontSize: 14,
+                        whiteSpace: "nowrap",
+                        textOverflow: "ellipsis",
+                        overflow: "hidden",
+                    }, children: "Players" })] }), children: _jsxs(Box, { sx: { pt: 0.5, pb: 0.5 }, children: [playerChits.length && _jsx(PlayerInfoRow, { headers: true, player: playerChits[0] }), playerChits.map((p) => (_jsx(PlayerInfoRow, { player: p }, p.id)))] }) }));
+}
+//# sourceMappingURL=TopBarPlayers.js.map

package/dist/components/TopBarPlayers.js.map

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

package/dist/components/UpdatingCanvasImage.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { IUpdatingCanvas } from "../utilities/IUpdatingCanvas";
+export declare function UpdatingCanvasImage({ image, style }: {
+    image: IUpdatingCanvas;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpdatingCanvasImage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatingCanvasImage.d.ts","sourceRoot":"","sources":["../../src/library/components/UpdatingCanvasImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,2CAoB5G"}

package/dist/components/UpdatingCanvasImage.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+export function UpdatingCanvasImage({ image, style }) {
+    const canvasRef = useRef(null);
+    useEffect(() => {
+        if (image) {
+            const update = () => {
+                if (canvasRef.current && image.canvas) {
+                    const context = canvasRef.current.getContext("2d");
+                    if (context) {
+                        context.clearRect(0, 0, image.width, image.height);
+                        context.drawImage(image.canvas, 0, 0);
+                    }
+                }
+            };
+            update();
+            return image.onUpdate(update);
+        }
+    }, [image, canvasRef.current]);
+    return _jsx("canvas", { style: style, ref: canvasRef, width: image.width, height: image.height });
+}
+//# sourceMappingURL=UpdatingCanvasImage.js.map

package/dist/components/UpdatingCanvasImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatingCanvasImage.js","sourceRoot":"","sources":["../../src/library/components/UpdatingCanvasImage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAA2D;IAC3G,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,IAAI,SAAS,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBACtC,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACnD,IAAI,OAAO,EAAE,CAAC;wBACZ,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;wBACnD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;oBACxC,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;YACF,MAAM,EAAE,CAAC;YACT,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/B,OAAO,iBAAQ,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;AAC5F,CAAC"}

package/dist/components/UpdatingCanvasViewer.d.ts

@@ -0,0 +1,7 @@
+import { IUpdatingCanvas } from "../utilities/IUpdatingCanvas";
+export type Size = "actual" | "fill" | "small" | "large" | "tile" | "small_tile";
+export default function UpdatingCanvasViewer({ updatingCanvas, size, }: {
+    size: Size;
+    updatingCanvas: IUpdatingCanvas;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpdatingCanvasViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatingCanvasViewer.d.ts","sourceRoot":"","sources":["../../src/library/components/UpdatingCanvasViewer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;AAEjF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,cAAc,EACd,IAAI,GACL,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,EAAE,eAAe,CAAC;CACjC,2CAgDA"}

package/dist/components/UpdatingCanvasViewer.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box } from "@mui/material";
+export default function UpdatingCanvasViewer({ updatingCanvas, size, }) {
+    const [dataUrl, setDataUrl] = useState("");
+    let backgroundSize = undefined;
+    let repeat = "no-repeat";
+    let pixelate = false;
+    let scale = undefined;
+    let translate = undefined;
+    if (size === "fill") {
+        backgroundSize = "contain";
+    }
+    else if (size === "small") {
+        scale = 0.25;
+    }
+    else if (size === "large") {
+        scale = 2;
+        translate = 50;
+        pixelate = true;
+    }
+    else if (size === "tile") {
+        repeat = undefined;
+    }
+    else if (size === "small_tile") {
+        repeat = undefined;
+        backgroundSize = "50px";
+    }
+    useEffect(() => {
+        setDataUrl(updatingCanvas.canvas.toDataURL("image/png", 1));
+        return updatingCanvas.onUpdate(() => {
+            setDataUrl(updatingCanvas.canvas.toDataURL("image/png", 1));
+        });
+    }, [updatingCanvas.canvas, updatingCanvas]);
+    // TODO: listen for updates!
+    return (_jsx(Box, { style: {
+            top: 0,
+            left: 0,
+            position: "absolute",
+            width: `${Math.min(100, 100 / (scale ?? 1))}%`,
+            height: `${Math.min(100, 100 / (scale ?? 1))}%`,
+            imageRendering: pixelate ? "pixelated" : undefined,
+            backgroundImage: `url(${dataUrl})`,
+            backgroundRepeat: repeat,
+            backgroundSize: backgroundSize,
+            backgroundPosition: "center",
+            transform: scale ? `translate(${translate ?? 0}%,${translate ?? 0}%) scale(${scale})` : undefined,
+        } }));
+}
+//# sourceMappingURL=UpdatingCanvasViewer.js.map

package/dist/components/UpdatingCanvasViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatingCanvasViewer.js","sourceRoot":"","sources":["../../src/library/components/UpdatingCanvasViewer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAMpC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,cAAc,EACd,IAAI,GAIL;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,IAAI,cAAc,GAAG,SAAS,CAAC;IAC/B,IAAI,MAAM,GAAuB,WAAW,CAAC;IAC7C,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,IAAI,KAAK,GAAuB,SAAS,CAAC;IAC1C,IAAI,SAAS,GAAuB,SAAS,CAAC;IAC9C,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,cAAc,GAAG,SAAS,CAAC;IAC7B,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,KAAK,GAAG,IAAI,CAAC;IACf,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,KAAK,GAAG,CAAC,CAAC;QACV,SAAS,GAAG,EAAE,CAAC;QACf,QAAQ,GAAG,IAAI,CAAC;IAClB,CAAC;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QAC3B,MAAM,GAAG,SAAS,CAAC;IACrB,CAAC;SAAM,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QACjC,MAAM,GAAG,SAAS,CAAC;QACnB,cAAc,GAAG,MAAM,CAAC;IAC1B,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,cAAc,CAAC,MAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;QAC7D,OAAO,cAAc,CAAC,QAAQ,CAAC,GAAG,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,MAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,4BAA4B;IAC5B,OAAO,CACL,KAAC,GAAG,IACF,KAAK,EAAE;YACL,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG;YAC9C,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG;YAC/C,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;YAClD,eAAe,EAAE,OAAO,OAAO,GAAG;YAClC,gBAAgB,EAAE,MAAM;YACxB,cAAc,EAAE,cAAc;YAC9B,kBAAkB,EAAE,QAAQ;YAC5B,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,SAAS,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,YAAY,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS;SAClG,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Viewer.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { Chit } from "../game/Chit";
+export default function Viewer({ paused, hardPaused, chit, wireframes, w, h, paddingTop, panCallback, zoomCallback, refContainer, enableGestures, }: {
+    chit: Chit;
+    wireframes?: boolean;
+    w: number;
+    h: number;
+    paddingTop?: number;
+    hardPaused?: boolean;
+    paused?: boolean;
+    panCallback?: (direction: "left" | "right") => void;
+    zoomCallback?: (newZoom: number, oldZoom: number) => void;
+    refContainer?: React.RefObject<HTMLElement> | null;
+    enableGestures?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Viewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Viewer.d.ts","sourceRoot":"","sources":["../../src/library/components/Viewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAepC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,MAAc,EACd,UAAkB,EAClB,IAAI,EACJ,UAAU,EACV,CAAK,EACL,CAAK,EACL,UAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAmB,EACnB,cAAqB,GACtB,EAAE;IACD,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,2CA6TA"}