@pretty-chitty/core 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +51 -0
- package/README.md +152 -0
- package/dist/0e0a96423fd742218c61.woff2 +0 -0
- package/dist/1e28c9f184923aacc181.woff +0 -0
- package/dist/37f3b2ddcbe588b2aaa5.jpg +0 -0
- package/dist/3f0fb9058a03e14ad2fa.jpg +0 -0
- package/dist/4482e08504d544757971.woff2 +0 -0
- package/dist/5212361bfd059a27e2da.woff2 +0 -0
- package/dist/699b459f21e39ca4b8df.woff2 +0 -0
- package/dist/7e339dfbea59fe54f2e3.png +0 -0
- package/dist/a3e6d4ebd8f859f0f1dc.woff +0 -0
- package/dist/b8b0d3bc0d26444e4a5a.woff2 +0 -0
- package/dist/bce9a6fcc5b3da9a086a.woff +0 -0
- package/dist/components/ActionLogDisplay.d.ts +4 -0
- package/dist/components/ActionLogDisplay.d.ts.map +1 -0
- package/dist/components/ActionLogDisplay.js +144 -0
- package/dist/components/ActionLogDisplay.js.map +1 -0
- package/dist/components/ActionLogHistory.d.ts +6 -0
- package/dist/components/ActionLogHistory.d.ts.map +1 -0
- package/dist/components/ActionLogHistory.js +81 -0
- package/dist/components/ActionLogHistory.js.map +1 -0
- package/dist/components/ActionLogHistoryDisplay.d.ts +2 -0
- package/dist/components/ActionLogHistoryDisplay.d.ts.map +1 -0
- package/dist/components/ActionLogHistoryDisplay.js +17 -0
- package/dist/components/ActionLogHistoryDisplay.js.map +1 -0
- package/dist/components/ActionLogSidebar.d.ts +2 -0
- package/dist/components/ActionLogSidebar.d.ts.map +1 -0
- package/dist/components/ActionLogSidebar.js +9 -0
- package/dist/components/ActionLogSidebar.js.map +1 -0
- package/dist/components/BottomBar.d.ts +2 -0
- package/dist/components/BottomBar.d.ts.map +1 -0
- package/dist/components/BottomBar.js +33 -0
- package/dist/components/BottomBar.js.map +1 -0
- package/dist/components/BottomBarBreak.d.ts +2 -0
- package/dist/components/BottomBarBreak.d.ts.map +1 -0
- package/dist/components/BottomBarBreak.js +8 -0
- package/dist/components/BottomBarBreak.js.map +1 -0
- package/dist/components/BottomBarButton.d.ts +16 -0
- package/dist/components/BottomBarButton.d.ts.map +1 -0
- package/dist/components/BottomBarButton.js +123 -0
- package/dist/components/BottomBarButton.js.map +1 -0
- package/dist/components/CanvasLibraryViewer.d.ts +8 -0
- package/dist/components/CanvasLibraryViewer.d.ts.map +1 -0
- package/dist/components/CanvasLibraryViewer.js +29 -0
- package/dist/components/CanvasLibraryViewer.js.map +1 -0
- package/dist/components/ChitLibraryViewer.d.ts +8 -0
- package/dist/components/ChitLibraryViewer.d.ts.map +1 -0
- package/dist/components/ChitLibraryViewer.js +101 -0
- package/dist/components/ChitLibraryViewer.js.map +1 -0
- package/dist/components/ClientTrustMatchViewer.d.ts +11 -0
- package/dist/components/ClientTrustMatchViewer.d.ts.map +1 -0
- package/dist/components/ClientTrustMatchViewer.js +53 -0
- package/dist/components/ClientTrustMatchViewer.js.map +1 -0
- package/dist/components/ContextGalleryDisplay.d.ts +4 -0
- package/dist/components/ContextGalleryDisplay.d.ts.map +1 -0
- package/dist/components/ContextGalleryDisplay.js +49 -0
- package/dist/components/ContextGalleryDisplay.js.map +1 -0
- package/dist/components/GalleryDisplay.d.ts +2 -0
- package/dist/components/GalleryDisplay.d.ts.map +1 -0
- package/dist/components/GalleryDisplay.js +42 -0
- package/dist/components/GalleryDisplay.js.map +1 -0
- package/dist/components/GalleryPlayground.d.ts +14 -0
- package/dist/components/GalleryPlayground.d.ts.map +1 -0
- package/dist/components/GalleryPlayground.js +36 -0
- package/dist/components/GalleryPlayground.js.map +1 -0
- package/dist/components/GalleryViewer.d.ts +48 -0
- package/dist/components/GalleryViewer.d.ts.map +1 -0
- package/dist/components/GalleryViewer.js +567 -0
- package/dist/components/GalleryViewer.js.map +1 -0
- package/dist/components/GameDesigner.d.ts +5 -0
- package/dist/components/GameDesigner.d.ts.map +1 -0
- package/dist/components/GameDesigner.js +14 -0
- package/dist/components/GameDesigner.js.map +1 -0
- package/dist/components/GameDialog.d.ts +7 -0
- package/dist/components/GameDialog.d.ts.map +1 -0
- package/dist/components/GameDialog.js +24 -0
- package/dist/components/GameDialog.js.map +1 -0
- package/dist/components/GameModalBackdrop.d.ts +10 -0
- package/dist/components/GameModalBackdrop.d.ts.map +1 -0
- package/dist/components/GameModalBackdrop.js +33 -0
- package/dist/components/GameModalBackdrop.js.map +1 -0
- package/dist/components/GameModalDialog.d.ts +11 -0
- package/dist/components/GameModalDialog.d.ts.map +1 -0
- package/dist/components/GameModalDialog.js +42 -0
- package/dist/components/GameModalDialog.js.map +1 -0
- package/dist/components/LiveButton.d.ts +4 -0
- package/dist/components/LiveButton.d.ts.map +1 -0
- package/dist/components/LiveButton.js +17 -0
- package/dist/components/LiveButton.js.map +1 -0
- package/dist/components/MatchEndDisplay.d.ts +2 -0
- package/dist/components/MatchEndDisplay.d.ts.map +1 -0
- package/dist/components/MatchEndDisplay.js +67 -0
- package/dist/components/MatchEndDisplay.js.map +1 -0
- package/dist/components/MatchViewer.d.ts +5 -0
- package/dist/components/MatchViewer.d.ts.map +1 -0
- package/dist/components/MatchViewer.js +59 -0
- package/dist/components/MatchViewer.js.map +1 -0
- package/dist/components/ObjectWithPropsEditor.d.ts +5 -0
- package/dist/components/ObjectWithPropsEditor.d.ts.map +1 -0
- package/dist/components/ObjectWithPropsEditor.js +88 -0
- package/dist/components/ObjectWithPropsEditor.js.map +1 -0
- package/dist/components/Panel/MultiPanel.d.ts +13 -0
- package/dist/components/Panel/MultiPanel.d.ts.map +1 -0
- package/dist/components/Panel/MultiPanel.js +196 -0
- package/dist/components/Panel/MultiPanel.js.map +1 -0
- package/dist/components/Panel/PanelContents.d.ts +27 -0
- package/dist/components/Panel/PanelContents.d.ts.map +1 -0
- package/dist/components/Panel/PanelContents.js +202 -0
- package/dist/components/Panel/PanelContents.js.map +1 -0
- package/dist/components/Panel/PanelTabStack.d.ts +9 -0
- package/dist/components/Panel/PanelTabStack.d.ts.map +1 -0
- package/dist/components/Panel/PanelTabStack.js +56 -0
- package/dist/components/Panel/PanelTabStack.js.map +1 -0
- package/dist/components/Panel/SinglePanel.d.ts +13 -0
- package/dist/components/Panel/SinglePanel.d.ts.map +1 -0
- package/dist/components/Panel/SinglePanel.js +44 -0
- package/dist/components/Panel/SinglePanel.js.map +1 -0
- package/dist/components/Panel/ViewerWrapper.d.ts +17 -0
- package/dist/components/Panel/ViewerWrapper.d.ts.map +1 -0
- package/dist/components/Panel/ViewerWrapper.js +70 -0
- package/dist/components/Panel/ViewerWrapper.js.map +1 -0
- package/dist/components/Panel/ViewerZoomControls.d.ts +8 -0
- package/dist/components/Panel/ViewerZoomControls.d.ts.map +1 -0
- package/dist/components/Panel/ViewerZoomControls.js +152 -0
- package/dist/components/Panel/ViewerZoomControls.js.map +1 -0
- package/dist/components/Panel/util.d.ts +3 -0
- package/dist/components/Panel/util.d.ts.map +1 -0
- package/dist/components/Panel/util.js +5 -0
- package/dist/components/Panel/util.js.map +1 -0
- package/dist/components/PanelSpark.d.ts +7 -0
- package/dist/components/PanelSpark.d.ts.map +1 -0
- package/dist/components/PanelSpark.js +84 -0
- package/dist/components/PanelSpark.js.map +1 -0
- package/dist/components/PersistentCanvas.d.ts +12 -0
- package/dist/components/PersistentCanvas.d.ts.map +1 -0
- package/dist/components/PersistentCanvas.js +44 -0
- package/dist/components/PersistentCanvas.js.map +1 -0
- package/dist/components/PlayerImage.d.ts +9 -0
- package/dist/components/PlayerImage.d.ts.map +1 -0
- package/dist/components/PlayerImage.js +21 -0
- package/dist/components/PlayerImage.js.map +1 -0
- package/dist/components/Playground.d.ts +9 -0
- package/dist/components/Playground.d.ts.map +1 -0
- package/dist/components/Playground.js +129 -0
- package/dist/components/Playground.js.map +1 -0
- package/dist/components/PromptControls.d.ts +4 -0
- package/dist/components/PromptControls.d.ts.map +1 -0
- package/dist/components/PromptControls.js +87 -0
- package/dist/components/PromptControls.js.map +1 -0
- package/dist/components/SelectableItemAndStage.d.ts +8 -0
- package/dist/components/SelectableItemAndStage.d.ts.map +1 -0
- package/dist/components/SelectableItemAndStage.js +16 -0
- package/dist/components/SelectableItemAndStage.js.map +1 -0
- package/dist/components/SettingsDisplay.d.ts +2 -0
- package/dist/components/SettingsDisplay.d.ts.map +1 -0
- package/dist/components/SettingsDisplay.js +62 -0
- package/dist/components/SettingsDisplay.js.map +1 -0
- package/dist/components/SparkLineChart.d.ts +21 -0
- package/dist/components/SparkLineChart.d.ts.map +1 -0
- package/dist/components/SparkLineChart.js +143 -0
- package/dist/components/SparkLineChart.js.map +1 -0
- package/dist/components/StageAndEditor.d.ts +5 -0
- package/dist/components/StageAndEditor.d.ts.map +1 -0
- package/dist/components/StageAndEditor.js +12 -0
- package/dist/components/StageAndEditor.js.map +1 -0
- package/dist/components/TimeControlBar.d.ts +5 -0
- package/dist/components/TimeControlBar.d.ts.map +1 -0
- package/dist/components/TimeControlBar.js +38 -0
- package/dist/components/TimeControlBar.js.map +1 -0
- package/dist/components/TokenizedMessage.d.ts +13 -0
- package/dist/components/TokenizedMessage.d.ts.map +1 -0
- package/dist/components/TokenizedMessage.js +102 -0
- package/dist/components/TokenizedMessage.js.map +1 -0
- package/dist/components/TopBar.d.ts +4 -0
- package/dist/components/TopBar.d.ts.map +1 -0
- package/dist/components/TopBar.js +47 -0
- package/dist/components/TopBar.js.map +1 -0
- package/dist/components/TopBarDropdown.d.ts +6 -0
- package/dist/components/TopBarDropdown.d.ts.map +1 -0
- package/dist/components/TopBarDropdown.js +69 -0
- package/dist/components/TopBarDropdown.js.map +1 -0
- package/dist/components/TopBarPlayers.d.ts +2 -0
- package/dist/components/TopBarPlayers.d.ts.map +1 -0
- package/dist/components/TopBarPlayers.js +70 -0
- package/dist/components/TopBarPlayers.js.map +1 -0
- package/dist/components/UpdatingCanvasImage.d.ts +7 -0
- package/dist/components/UpdatingCanvasImage.d.ts.map +1 -0
- package/dist/components/UpdatingCanvasImage.js +22 -0
- package/dist/components/UpdatingCanvasImage.js.map +1 -0
- package/dist/components/UpdatingCanvasViewer.d.ts +7 -0
- package/dist/components/UpdatingCanvasViewer.d.ts.map +1 -0
- package/dist/components/UpdatingCanvasViewer.js +50 -0
- package/dist/components/UpdatingCanvasViewer.js.map +1 -0
- package/dist/components/Viewer.d.ts +16 -0
- package/dist/components/Viewer.d.ts.map +1 -0
- package/dist/components/Viewer.js +289 -0
- package/dist/components/Viewer.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -0
- package/dist/e085acb5e467d8e85d21.woff +0 -0
- package/dist/e65dff62134b8879e792.woff +0 -0
- package/dist/game/Chit.d.ts +64 -0
- package/dist/game/Chit.d.ts.map +1 -0
- package/dist/game/Chit.js +524 -0
- package/dist/game/Chit.js.map +1 -0
- package/dist/game/ClientTimeState.d.ts +16 -0
- package/dist/game/ClientTimeState.d.ts.map +1 -0
- package/dist/game/ClientTimeState.js +38 -0
- package/dist/game/ClientTimeState.js.map +1 -0
- package/dist/game/ClockDetails.d.ts +9 -0
- package/dist/game/ClockDetails.d.ts.map +1 -0
- package/dist/game/ClockDetails.js +19 -0
- package/dist/game/ClockDetails.js.map +1 -0
- package/dist/game/Connection.d.ts +26 -0
- package/dist/game/Connection.d.ts.map +1 -0
- package/dist/game/Connection.js +99 -0
- package/dist/game/Connection.js.map +1 -0
- package/dist/game/ConnectionObject.d.ts +7 -0
- package/dist/game/ConnectionObject.d.ts.map +1 -0
- package/dist/game/ConnectionObject.js +16 -0
- package/dist/game/ConnectionObject.js.map +1 -0
- package/dist/game/ConnectionTransport.d.ts +17 -0
- package/dist/game/ConnectionTransport.d.ts.map +1 -0
- package/dist/game/ConnectionTransport.js +39 -0
- package/dist/game/ConnectionTransport.js.map +1 -0
- package/dist/game/DropdownChit.d.ts +7 -0
- package/dist/game/DropdownChit.d.ts.map +1 -0
- package/dist/game/DropdownChit.js +29 -0
- package/dist/game/DropdownChit.js.map +1 -0
- package/dist/game/GalleryItemChitChildrenSource.d.ts +12 -0
- package/dist/game/GalleryItemChitChildrenSource.d.ts.map +1 -0
- package/dist/game/GalleryItemChitChildrenSource.js +25 -0
- package/dist/game/GalleryItemChitChildrenSource.js.map +1 -0
- package/dist/game/GalleryItemRawSource.d.ts +9 -0
- package/dist/game/GalleryItemRawSource.d.ts.map +1 -0
- package/dist/game/GalleryItemRawSource.js +13 -0
- package/dist/game/GalleryItemRawSource.js.map +1 -0
- package/dist/game/Game.d.ts +51 -0
- package/dist/game/Game.d.ts.map +1 -0
- package/dist/game/Game.js +2 -0
- package/dist/game/Game.js.map +1 -0
- package/dist/game/GameBagChit.d.ts +16 -0
- package/dist/game/GameBagChit.d.ts.map +1 -0
- package/dist/game/GameBagChit.js +51 -0
- package/dist/game/GameBagChit.js.map +1 -0
- package/dist/game/GameButton.d.ts +30 -0
- package/dist/game/GameButton.d.ts.map +1 -0
- package/dist/game/GameButton.js +115 -0
- package/dist/game/GameButton.js.map +1 -0
- package/dist/game/GameDeckChit.d.ts +23 -0
- package/dist/game/GameDeckChit.d.ts.map +1 -0
- package/dist/game/GameDeckChit.js +79 -0
- package/dist/game/GameDeckChit.js.map +1 -0
- package/dist/game/GameTheme.d.ts +75 -0
- package/dist/game/GameTheme.d.ts.map +1 -0
- package/dist/game/GameTheme.js +103 -0
- package/dist/game/GameTheme.js.map +1 -0
- package/dist/game/Match.d.ts +34 -0
- package/dist/game/Match.d.ts.map +1 -0
- package/dist/game/Match.js +151 -0
- package/dist/game/Match.js.map +1 -0
- package/dist/game/MatchConnection.d.ts +8 -0
- package/dist/game/MatchConnection.d.ts.map +1 -0
- package/dist/game/MatchConnection.js +6 -0
- package/dist/game/MatchConnection.js.map +1 -0
- package/dist/game/MatchStorage.d.ts +17 -0
- package/dist/game/MatchStorage.d.ts.map +1 -0
- package/dist/game/MatchStorage.js +32 -0
- package/dist/game/MatchStorage.js.map +1 -0
- package/dist/game/ModalState.d.ts +9 -0
- package/dist/game/ModalState.d.ts.map +1 -0
- package/dist/game/ModalState.js +27 -0
- package/dist/game/ModalState.js.map +1 -0
- package/dist/game/OrderedOutlet.d.ts +50 -0
- package/dist/game/OrderedOutlet.d.ts.map +1 -0
- package/dist/game/OrderedOutlet.js +164 -0
- package/dist/game/OrderedOutlet.js.map +1 -0
- package/dist/game/Pick.d.ts +26 -0
- package/dist/game/Pick.d.ts.map +1 -0
- package/dist/game/Pick.js +239 -0
- package/dist/game/Pick.js.map +1 -0
- package/dist/game/PlayerChit.d.ts +16 -0
- package/dist/game/PlayerChit.d.ts.map +1 -0
- package/dist/game/PlayerChit.js +56 -0
- package/dist/game/PlayerChit.js.map +1 -0
- package/dist/game/PlayerInfo.d.ts +12 -0
- package/dist/game/PlayerInfo.d.ts.map +1 -0
- package/dist/game/PlayerInfo.js +20 -0
- package/dist/game/PlayerInfo.js.map +1 -0
- package/dist/game/PlayerPromptStatusChit.d.ts +5 -0
- package/dist/game/PlayerPromptStatusChit.d.ts.map +1 -0
- package/dist/game/PlayerPromptStatusChit.js +35 -0
- package/dist/game/PlayerPromptStatusChit.js.map +1 -0
- package/dist/game/Prompt.d.ts +94 -0
- package/dist/game/Prompt.d.ts.map +1 -0
- package/dist/game/Prompt.js +229 -0
- package/dist/game/Prompt.js.map +1 -0
- package/dist/game/RootChit.d.ts +15 -0
- package/dist/game/RootChit.d.ts.map +1 -0
- package/dist/game/RootChit.js +62 -0
- package/dist/game/RootChit.js.map +1 -0
- package/dist/game/SparkChit.d.ts +27 -0
- package/dist/game/SparkChit.d.ts.map +1 -0
- package/dist/game/SparkChit.js +97 -0
- package/dist/game/SparkChit.js.map +1 -0
- package/dist/game/StaticChitTypeRegistry.d.ts +5 -0
- package/dist/game/StaticChitTypeRegistry.d.ts.map +1 -0
- package/dist/game/StaticChitTypeRegistry.js +3 -0
- package/dist/game/StaticChitTypeRegistry.js.map +1 -0
- package/dist/game/Turn.d.ts +169 -0
- package/dist/game/Turn.d.ts.map +1 -0
- package/dist/game/Turn.js +1031 -0
- package/dist/game/Turn.js.map +1 -0
- package/dist/game/TurnState.d.ts +30 -0
- package/dist/game/TurnState.d.ts.map +1 -0
- package/dist/game/TurnState.js +170 -0
- package/dist/game/TurnState.js.map +1 -0
- package/dist/game/clientTransport/ClientPrompts.d.ts +23 -0
- package/dist/game/clientTransport/ClientPrompts.d.ts.map +1 -0
- package/dist/game/clientTransport/ClientPrompts.js +85 -0
- package/dist/game/clientTransport/ClientPrompts.js.map +1 -0
- package/dist/game/clientTransport/ClientStatus.d.ts +19 -0
- package/dist/game/clientTransport/ClientStatus.d.ts.map +1 -0
- package/dist/game/clientTransport/ClientStatus.js +25 -0
- package/dist/game/clientTransport/ClientStatus.js.map +1 -0
- package/dist/game/clientTransport/ClientTime.d.ts +42 -0
- package/dist/game/clientTransport/ClientTime.d.ts.map +1 -0
- package/dist/game/clientTransport/ClientTime.js +197 -0
- package/dist/game/clientTransport/ClientTime.js.map +1 -0
- package/dist/game/index.d.ts +1 -0
- package/dist/game/index.d.ts.map +1 -0
- package/dist/game/index.js +2 -0
- package/dist/game/index.js.map +1 -0
- package/dist/game/serverTransport/ServerPrompts.d.ts +17 -0
- package/dist/game/serverTransport/ServerPrompts.d.ts.map +1 -0
- package/dist/game/serverTransport/ServerPrompts.js +51 -0
- package/dist/game/serverTransport/ServerPrompts.js.map +1 -0
- package/dist/game/serverTransport/ServerStatus.d.ts +12 -0
- package/dist/game/serverTransport/ServerStatus.d.ts.map +1 -0
- package/dist/game/serverTransport/ServerStatus.js +16 -0
- package/dist/game/serverTransport/ServerStatus.js.map +1 -0
- package/dist/game/serverTransport/ServerTime.d.ts +39 -0
- package/dist/game/serverTransport/ServerTime.d.ts.map +1 -0
- package/dist/game/serverTransport/ServerTime.js +57 -0
- package/dist/game/serverTransport/ServerTime.js.map +1 -0
- package/dist/hooks/useChits.d.ts +4 -0
- package/dist/hooks/useChits.d.ts.map +1 -0
- package/dist/hooks/useChits.js +24 -0
- package/dist/hooks/useChits.js.map +1 -0
- package/dist/hooks/useConnection.d.ts +8 -0
- package/dist/hooks/useConnection.d.ts.map +1 -0
- package/dist/hooks/useConnection.js +14 -0
- package/dist/hooks/useConnection.js.map +1 -0
- package/dist/hooks/useEventChannelState.d.ts +4 -0
- package/dist/hooks/useEventChannelState.d.ts.map +1 -0
- package/dist/hooks/useEventChannelState.js +25 -0
- package/dist/hooks/useEventChannelState.js.map +1 -0
- package/dist/hooks/useGame.d.ts +8 -0
- package/dist/hooks/useGame.d.ts.map +1 -0
- package/dist/hooks/useGame.js +14 -0
- package/dist/hooks/useGame.js.map +1 -0
- package/dist/hooks/useGameTheme.d.ts +8 -0
- package/dist/hooks/useGameTheme.d.ts.map +1 -0
- package/dist/hooks/useGameTheme.js +11 -0
- package/dist/hooks/useGameTheme.js.map +1 -0
- package/dist/hooks/useModalState.d.ts +7 -0
- package/dist/hooks/useModalState.d.ts.map +1 -0
- package/dist/hooks/useModalState.js +12 -0
- package/dist/hooks/useModalState.js.map +1 -0
- package/dist/hooks/usePanelPositioning.d.ts +22 -0
- package/dist/hooks/usePanelPositioning.d.ts.map +1 -0
- package/dist/hooks/usePanelPositioning.js +10 -0
- package/dist/hooks/usePanelPositioning.js.map +1 -0
- package/dist/hooks/usePanelScale.d.ts +7 -0
- package/dist/hooks/usePanelScale.d.ts.map +1 -0
- package/dist/hooks/usePanelScale.js +22 -0
- package/dist/hooks/usePanelScale.js.map +1 -0
- package/dist/hooks/usePanelStates.d.ts +9 -0
- package/dist/hooks/usePanelStates.d.ts.map +1 -0
- package/dist/hooks/usePanelStates.js +19 -0
- package/dist/hooks/usePanelStates.js.map +1 -0
- package/dist/hooks/usePlayer.d.ts +7 -0
- package/dist/hooks/usePlayer.d.ts.map +1 -0
- package/dist/hooks/usePlayer.js +14 -0
- package/dist/hooks/usePlayer.js.map +1 -0
- package/dist/hooks/useSmartDebouncedState.d.ts +27 -0
- package/dist/hooks/useSmartDebouncedState.d.ts.map +1 -0
- package/dist/hooks/useSmartDebouncedState.js +109 -0
- package/dist/hooks/useSmartDebouncedState.js.map +1 -0
- package/dist/hooks/useTimeController.d.ts +22 -0
- package/dist/hooks/useTimeController.d.ts.map +1 -0
- package/dist/hooks/useTimeController.js +89 -0
- package/dist/hooks/useTimeController.js.map +1 -0
- package/dist/hooks/useTokenMap.d.ts +5 -0
- package/dist/hooks/useTokenMap.d.ts.map +1 -0
- package/dist/hooks/useTokenMap.js +16 -0
- package/dist/hooks/useTokenMap.js.map +1 -0
- package/dist/hooks/useWebGlRenderer.d.ts +34 -0
- package/dist/hooks/useWebGlRenderer.d.ts.map +1 -0
- package/dist/hooks/useWebGlRenderer.js +167 -0
- package/dist/hooks/useWebGlRenderer.js.map +1 -0
- package/dist/index.d.ts +97 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.html +12 -0
- package/dist/index.js +62 -0
- package/dist/index.js.map +1 -0
- package/dist/pretty-chitty.js +190767 -0
- package/dist/pretty-chitty.js.map +1 -0
- package/dist/rendering/CameraSpec.d.ts +22 -0
- package/dist/rendering/CameraSpec.d.ts.map +1 -0
- package/dist/rendering/CameraSpec.js +25 -0
- package/dist/rendering/CameraSpec.js.map +1 -0
- package/dist/rendering/CameraWrapperPerspective.d.ts +44 -0
- package/dist/rendering/CameraWrapperPerspective.d.ts.map +1 -0
- package/dist/rendering/CameraWrapperPerspective.js +481 -0
- package/dist/rendering/CameraWrapperPerspective.js.map +1 -0
- package/dist/rendering/ChitGalleryItemInstance.d.ts +31 -0
- package/dist/rendering/ChitGalleryItemInstance.d.ts.map +1 -0
- package/dist/rendering/ChitGalleryItemInstance.js +75 -0
- package/dist/rendering/ChitGalleryItemInstance.js.map +1 -0
- package/dist/rendering/ChitRenderInstance.d.ts +104 -0
- package/dist/rendering/ChitRenderInstance.d.ts.map +1 -0
- package/dist/rendering/ChitRenderInstance.js +902 -0
- package/dist/rendering/ChitRenderInstance.js.map +1 -0
- package/dist/rendering/ChitRenderSpec.d.ts +80 -0
- package/dist/rendering/ChitRenderSpec.d.ts.map +1 -0
- package/dist/rendering/ChitRenderSpec.js +152 -0
- package/dist/rendering/ChitRenderSpec.js.map +1 -0
- package/dist/rendering/HighlightSpec.d.ts +6 -0
- package/dist/rendering/HighlightSpec.d.ts.map +1 -0
- package/dist/rendering/HighlightSpec.js +6 -0
- package/dist/rendering/HighlightSpec.js.map +1 -0
- package/dist/rendering/LightSpec.d.ts +17 -0
- package/dist/rendering/LightSpec.d.ts.map +1 -0
- package/dist/rendering/LightSpec.js +37 -0
- package/dist/rendering/LightSpec.js.map +1 -0
- package/dist/rendering/LightWrapper.d.ts +19 -0
- package/dist/rendering/LightWrapper.d.ts.map +1 -0
- package/dist/rendering/LightWrapper.js +114 -0
- package/dist/rendering/LightWrapper.js.map +1 -0
- package/dist/rendering/RootChitRenderInstance.d.ts +81 -0
- package/dist/rendering/RootChitRenderInstance.d.ts.map +1 -0
- package/dist/rendering/RootChitRenderInstance.js +372 -0
- package/dist/rendering/RootChitRenderInstance.js.map +1 -0
- package/dist/rendering/Splay.d.ts +23 -0
- package/dist/rendering/Splay.d.ts.map +1 -0
- package/dist/rendering/Splay.js +89 -0
- package/dist/rendering/Splay.js.map +1 -0
- package/dist/rendering/SplayCounter.d.ts +19 -0
- package/dist/rendering/SplayCounter.d.ts.map +1 -0
- package/dist/rendering/SplayCounter.js +18 -0
- package/dist/rendering/SplayCounter.js.map +1 -0
- package/dist/rendering/TextureReferenceCounter.d.ts +12 -0
- package/dist/rendering/TextureReferenceCounter.d.ts.map +1 -0
- package/dist/rendering/TextureReferenceCounter.js +76 -0
- package/dist/rendering/TextureReferenceCounter.js.map +1 -0
- package/dist/rendering/index.d.ts +1 -0
- package/dist/rendering/index.d.ts.map +1 -0
- package/dist/rendering/index.js +2 -0
- package/dist/rendering/index.js.map +1 -0
- package/dist/rendering/outline/DepthVisualizationPass.d.ts +12 -0
- package/dist/rendering/outline/DepthVisualizationPass.d.ts.map +1 -0
- package/dist/rendering/outline/DepthVisualizationPass.js +93 -0
- package/dist/rendering/outline/DepthVisualizationPass.js.map +1 -0
- package/dist/rendering/outline/EffectComposer.d.ts +24 -0
- package/dist/rendering/outline/EffectComposer.d.ts.map +1 -0
- package/dist/rendering/outline/EffectComposer.js +118 -0
- package/dist/rendering/outline/EffectComposer.js.map +1 -0
- package/dist/rendering/outline/FullScreenQuad.d.ts +12 -0
- package/dist/rendering/outline/FullScreenQuad.d.ts.map +1 -0
- package/dist/rendering/outline/FullScreenQuad.js +21 -0
- package/dist/rendering/outline/FullScreenQuad.js.map +1 -0
- package/dist/rendering/outline/IDBasedOutlinePass.d.ts +49 -0
- package/dist/rendering/outline/IDBasedOutlinePass.d.ts.map +1 -0
- package/dist/rendering/outline/IDBasedOutlinePass.js +597 -0
- package/dist/rendering/outline/IDBasedOutlinePass.js.map +1 -0
- package/dist/rendering/outline/OutputPass.d.ts +13 -0
- package/dist/rendering/outline/OutputPass.d.ts.map +1 -0
- package/dist/rendering/outline/OutputPass.js +57 -0
- package/dist/rendering/outline/OutputPass.js.map +1 -0
- package/dist/rendering/outline/RenderPass.d.ts +13 -0
- package/dist/rendering/outline/RenderPass.d.ts.map +1 -0
- package/dist/rendering/outline/RenderPass.js +54 -0
- package/dist/rendering/outline/RenderPass.js.map +1 -0
- package/dist/rendering/outline/SceneWrapper.d.ts +39 -0
- package/dist/rendering/outline/SceneWrapper.d.ts.map +1 -0
- package/dist/rendering/outline/SceneWrapper.js +522 -0
- package/dist/rendering/outline/SceneWrapper.js.map +1 -0
- package/dist/rendering/outline/ShaderPass.d.ts +12 -0
- package/dist/rendering/outline/ShaderPass.d.ts.map +1 -0
- package/dist/rendering/outline/ShaderPass.js +43 -0
- package/dist/rendering/outline/ShaderPass.js.map +1 -0
- package/dist/rendering/outline/index.d.ts +8 -0
- package/dist/rendering/outline/index.d.ts.map +1 -0
- package/dist/rendering/outline/index.js +8 -0
- package/dist/rendering/outline/index.js.map +1 -0
- package/dist/rendering/outline/passes/DebugIDMappingPass.d.ts +20 -0
- package/dist/rendering/outline/passes/DebugIDMappingPass.d.ts.map +1 -0
- package/dist/rendering/outline/passes/DebugIDMappingPass.js +131 -0
- package/dist/rendering/outline/passes/DebugIDMappingPass.js.map +1 -0
- package/dist/rendering/outline/passes/DepthOcclusionPass.d.ts +24 -0
- package/dist/rendering/outline/passes/DepthOcclusionPass.d.ts.map +1 -0
- package/dist/rendering/outline/passes/DepthOcclusionPass.js +95 -0
- package/dist/rendering/outline/passes/DepthOcclusionPass.js.map +1 -0
- package/dist/rendering/outline/passes/InterMeshEdgeDetectionPass.d.ts +32 -0
- package/dist/rendering/outline/passes/InterMeshEdgeDetectionPass.d.ts.map +1 -0
- package/dist/rendering/outline/passes/InterMeshEdgeDetectionPass.js +208 -0
- package/dist/rendering/outline/passes/InterMeshEdgeDetectionPass.js.map +1 -0
- package/dist/rendering/outline/shaders.d.ts +20 -0
- package/dist/rendering/outline/shaders.d.ts.map +1 -0
- package/dist/rendering/outline/shaders.js +103 -0
- package/dist/rendering/outline/shaders.js.map +1 -0
- package/dist/rendering/outline/types.d.ts +14 -0
- package/dist/rendering/outline/types.d.ts.map +1 -0
- package/dist/rendering/outline/types.js +16 -0
- package/dist/rendering/outline/types.js.map +1 -0
- package/dist/utilities/Annotations.d.ts +60 -0
- package/dist/utilities/Annotations.d.ts.map +1 -0
- package/dist/utilities/Annotations.js +171 -0
- package/dist/utilities/Annotations.js.map +1 -0
- package/dist/utilities/BaseTable.d.ts +8 -0
- package/dist/utilities/BaseTable.d.ts.map +1 -0
- package/dist/utilities/BaseTable.js +35 -0
- package/dist/utilities/BaseTable.js.map +1 -0
- package/dist/utilities/BboxUtils.d.ts +3 -0
- package/dist/utilities/BboxUtils.d.ts.map +1 -0
- package/dist/utilities/BboxUtils.js +19 -0
- package/dist/utilities/BboxUtils.js.map +1 -0
- package/dist/utilities/CanvasStack/CanvasOperations.d.ts +140 -0
- package/dist/utilities/CanvasStack/CanvasOperations.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/CanvasOperations.js +403 -0
- package/dist/utilities/CanvasStack/CanvasOperations.js.map +1 -0
- package/dist/utilities/CanvasStack/CanvasStack.d.ts +42 -0
- package/dist/utilities/CanvasStack/CanvasStack.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/CanvasStack.js +128 -0
- package/dist/utilities/CanvasStack/CanvasStack.js.map +1 -0
- package/dist/utilities/CanvasStack/IconCanvas.d.ts +10 -0
- package/dist/utilities/CanvasStack/IconCanvas.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/IconCanvas.js +15 -0
- package/dist/utilities/CanvasStack/IconCanvas.js.map +1 -0
- package/dist/utilities/CanvasStack/ImageCache.d.ts +8 -0
- package/dist/utilities/CanvasStack/ImageCache.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/ImageCache.js +29 -0
- package/dist/utilities/CanvasStack/ImageCache.js.map +1 -0
- package/dist/utilities/CanvasStack/ImageColorOverlayer.d.ts +2 -0
- package/dist/utilities/CanvasStack/ImageColorOverlayer.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/ImageColorOverlayer.js +31 -0
- package/dist/utilities/CanvasStack/ImageColorOverlayer.js.map +1 -0
- package/dist/utilities/CanvasStack/PlayerCanvas.d.ts +10 -0
- package/dist/utilities/CanvasStack/PlayerCanvas.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/PlayerCanvas.js +15 -0
- package/dist/utilities/CanvasStack/PlayerCanvas.js.map +1 -0
- package/dist/utilities/CanvasStack/ReactCanvas.d.ts +133 -0
- package/dist/utilities/CanvasStack/ReactCanvas.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/ReactCanvas.js +161 -0
- package/dist/utilities/CanvasStack/ReactCanvas.js.map +1 -0
- package/dist/utilities/CanvasStack/RichTextRenderer.d.ts +63 -0
- package/dist/utilities/CanvasStack/RichTextRenderer.d.ts.map +1 -0
- package/dist/utilities/CanvasStack/RichTextRenderer.js +523 -0
- package/dist/utilities/CanvasStack/RichTextRenderer.js.map +1 -0
- package/dist/utilities/CardMesh.d.ts +17 -0
- package/dist/utilities/CardMesh.d.ts.map +1 -0
- package/dist/utilities/CardMesh.js +44 -0
- package/dist/utilities/CardMesh.js.map +1 -0
- package/dist/utilities/Dice.d.ts +24 -0
- package/dist/utilities/Dice.d.ts.map +1 -0
- package/dist/utilities/Dice.js +148 -0
- package/dist/utilities/Dice.js.map +1 -0
- package/dist/utilities/EventChannel.d.ts +13 -0
- package/dist/utilities/EventChannel.d.ts.map +1 -0
- package/dist/utilities/EventChannel.js +47 -0
- package/dist/utilities/EventChannel.js.map +1 -0
- package/dist/utilities/GalleryItemConversion.d.ts +4 -0
- package/dist/utilities/GalleryItemConversion.d.ts.map +1 -0
- package/dist/utilities/GalleryItemConversion.js +28 -0
- package/dist/utilities/GalleryItemConversion.js.map +1 -0
- package/dist/utilities/IUpdatingCanvas.d.ts +19 -0
- package/dist/utilities/IUpdatingCanvas.d.ts.map +1 -0
- package/dist/utilities/IUpdatingCanvas.js +2 -0
- package/dist/utilities/IUpdatingCanvas.js.map +1 -0
- package/dist/utilities/LayoutHelper.d.ts +34 -0
- package/dist/utilities/LayoutHelper.d.ts.map +1 -0
- package/dist/utilities/LayoutHelper.js +451 -0
- package/dist/utilities/LayoutHelper.js.map +1 -0
- package/dist/utilities/ObjectWithProps.d.ts +5 -0
- package/dist/utilities/ObjectWithProps.d.ts.map +1 -0
- package/dist/utilities/ObjectWithProps.js +65 -0
- package/dist/utilities/ObjectWithProps.js.map +1 -0
- package/dist/utilities/OutlineCanvas.d.ts +12 -0
- package/dist/utilities/OutlineCanvas.d.ts.map +1 -0
- package/dist/utilities/OutlineCanvas.js +31 -0
- package/dist/utilities/OutlineCanvas.js.map +1 -0
- package/dist/utilities/OutlineGeometry.d.ts +3 -0
- package/dist/utilities/OutlineGeometry.d.ts.map +1 -0
- package/dist/utilities/OutlineGeometry.js +57 -0
- package/dist/utilities/OutlineGeometry.js.map +1 -0
- package/dist/utilities/ParameterizedCanvas.d.ts +13 -0
- package/dist/utilities/ParameterizedCanvas.d.ts.map +1 -0
- package/dist/utilities/ParameterizedCanvas.js +85 -0
- package/dist/utilities/ParameterizedCanvas.js.map +1 -0
- package/dist/utilities/RequestSharedAnimationFrame.d.ts +2 -0
- package/dist/utilities/RequestSharedAnimationFrame.d.ts.map +1 -0
- package/dist/utilities/RequestSharedAnimationFrame.js +16 -0
- package/dist/utilities/RequestSharedAnimationFrame.js.map +1 -0
- package/dist/utilities/StaticImage.d.ts +19 -0
- package/dist/utilities/StaticImage.d.ts.map +1 -0
- package/dist/utilities/StaticImage.js +38 -0
- package/dist/utilities/StaticImage.js.map +1 -0
- package/dist/utilities/SvgExtruder.d.ts +20 -0
- package/dist/utilities/SvgExtruder.d.ts.map +1 -0
- package/dist/utilities/SvgExtruder.js +238 -0
- package/dist/utilities/SvgExtruder.js.map +1 -0
- package/dist/utilities/ThreeDisposer.d.ts +11 -0
- package/dist/utilities/ThreeDisposer.d.ts.map +1 -0
- package/dist/utilities/ThreeDisposer.js +53 -0
- package/dist/utilities/ThreeDisposer.js.map +1 -0
- package/dist/utilities/zIndex.d.ts +14 -0
- package/dist/utilities/zIndex.d.ts.map +1 -0
- package/dist/utilities/zIndex.js +14 -0
- package/dist/utilities/zIndex.js.map +1 -0
- package/package.json +138 -0
- package/src/library/assets/checker.svg +4 -0
- package/src/library/assets/cutout.svg +22 -0
- package/src/library/components/ActionLogDisplay.tsx +183 -0
- package/src/library/components/ActionLogHistory.tsx +127 -0
- package/src/library/components/ActionLogHistoryDisplay.tsx +21 -0
- package/src/library/components/ActionLogSidebar.tsx +17 -0
- package/src/library/components/BottomBar.tsx +78 -0
- package/src/library/components/BottomBarBreak.tsx +12 -0
- package/src/library/components/BottomBarButton.tsx +181 -0
- package/src/library/components/CanvasLibraryViewer.tsx +86 -0
- package/src/library/components/ChitLibraryViewer.tsx +168 -0
- package/src/library/components/ClientTrustMatchViewer.tsx +83 -0
- package/src/library/components/ContextGalleryDisplay.tsx +72 -0
- package/src/library/components/GalleryDisplay.tsx +57 -0
- package/src/library/components/GalleryPlayground.tsx +50 -0
- package/src/library/components/GalleryViewer.tsx +773 -0
- package/src/library/components/GameDesigner.tsx +39 -0
- package/src/library/components/GameDialog.tsx +43 -0
- package/src/library/components/GameModalBackdrop.tsx +47 -0
- package/src/library/components/GameModalDialog.tsx +77 -0
- package/src/library/components/LiveButton.tsx +26 -0
- package/src/library/components/MatchEndDisplay.tsx +120 -0
- package/src/library/components/MatchViewer.tsx +111 -0
- package/src/library/components/ObjectWithPropsEditor.tsx +169 -0
- package/src/library/components/Panel/MultiPanel.tsx +276 -0
- package/src/library/components/Panel/PanelContents.tsx +359 -0
- package/src/library/components/Panel/PanelTabStack.tsx +103 -0
- package/src/library/components/Panel/SinglePanel.tsx +75 -0
- package/src/library/components/Panel/ViewerWrapper.tsx +131 -0
- package/src/library/components/Panel/ViewerZoomControls.tsx +216 -0
- package/src/library/components/Panel/util.ts +7 -0
- package/src/library/components/PanelSpark.tsx +112 -0
- package/src/library/components/PersistentCanvas.tsx +81 -0
- package/src/library/components/PlayerImage.tsx +40 -0
- package/src/library/components/Playground.tsx +285 -0
- package/src/library/components/PromptControls.tsx +132 -0
- package/src/library/components/SelectableItemAndStage.tsx +49 -0
- package/src/library/components/SettingsDisplay.tsx +142 -0
- package/src/library/components/SparkLineChart.tsx +307 -0
- package/src/library/components/StageAndEditor.tsx +28 -0
- package/src/library/components/TimeControlBar.tsx +71 -0
- package/src/library/components/TokenizedMessage.tsx +206 -0
- package/src/library/components/TopBar.tsx +90 -0
- package/src/library/components/TopBarDropdown.tsx +94 -0
- package/src/library/components/TopBarPlayers.tsx +163 -0
- package/src/library/components/UpdatingCanvasImage.tsx +25 -0
- package/src/library/components/UpdatingCanvasViewer.tsx +62 -0
- package/src/library/components/Viewer.tsx +360 -0
- package/src/library/components/index.ts +0 -0
- package/src/library/game/Chit.test.ts +66 -0
- package/src/library/game/Chit.ts +575 -0
- package/src/library/game/ClientTimeState.ts +42 -0
- package/src/library/game/ClockDetails.ts +24 -0
- package/src/library/game/Connection.test.ts +50 -0
- package/src/library/game/Connection.ts +122 -0
- package/src/library/game/ConnectionObject.ts +13 -0
- package/src/library/game/ConnectionTransport.ts +52 -0
- package/src/library/game/DropdownChit.tsx +17 -0
- package/src/library/game/GalleryItemChitChildrenSource.ts +31 -0
- package/src/library/game/GalleryItemRawSource.ts +15 -0
- package/src/library/game/Game.ts +55 -0
- package/src/library/game/GameBagChit.ts +42 -0
- package/src/library/game/GameButton.ts +127 -0
- package/src/library/game/GameDeckChit.ts +77 -0
- package/src/library/game/GameTheme.ts +122 -0
- package/src/library/game/Match.ts +187 -0
- package/src/library/game/MatchConnection.ts +5 -0
- package/src/library/game/MatchStorage.ts +51 -0
- package/src/library/game/ModalState.ts +29 -0
- package/src/library/game/OrderedOutlet.ts +198 -0
- package/src/library/game/Pick.ts +314 -0
- package/src/library/game/PlayerChit.ts +43 -0
- package/src/library/game/PlayerInfo.ts +30 -0
- package/src/library/game/PlayerPromptStatusChit.ts +20 -0
- package/src/library/game/Prompt.ts +292 -0
- package/src/library/game/RootChit.ts +54 -0
- package/src/library/game/SparkChit.ts +97 -0
- package/src/library/game/StaticChitTypeRegistry.ts +3 -0
- package/src/library/game/Turn.test.ts +611 -0
- package/src/library/game/Turn.ts +1249 -0
- package/src/library/game/TurnState.ts +187 -0
- package/src/library/game/clientTransport/ClientPrompts.ts +102 -0
- package/src/library/game/clientTransport/ClientStatus.ts +36 -0
- package/src/library/game/clientTransport/ClientTime.ts +256 -0
- package/src/library/game/index.ts +0 -0
- package/src/library/game/serverTransport/ServerPrompts.ts +76 -0
- package/src/library/game/serverTransport/ServerStatus.ts +31 -0
- package/src/library/game/serverTransport/ServerTime.ts +74 -0
- package/src/library/hooks/useChits.ts +32 -0
- package/src/library/hooks/useConnection.tsx +16 -0
- package/src/library/hooks/useEventChannelState.ts +33 -0
- package/src/library/hooks/useGame.tsx +16 -0
- package/src/library/hooks/useGameTheme.tsx +12 -0
- package/src/library/hooks/useModalState.tsx +13 -0
- package/src/library/hooks/usePanelPositioning.tsx +31 -0
- package/src/library/hooks/usePanelScale.tsx +23 -0
- package/src/library/hooks/usePanelStates.ts +30 -0
- package/src/library/hooks/usePlayer.tsx +15 -0
- package/src/library/hooks/useSmartDebouncedState.ts +161 -0
- package/src/library/hooks/useTimeController.tsx +108 -0
- package/src/library/hooks/useTokenMap.ts +20 -0
- package/src/library/hooks/useWebGlRenderer.tsx +227 -0
- package/src/library/index.ts +116 -0
- package/src/library/rendering/CameraSpec.ts +25 -0
- package/src/library/rendering/CameraWrapperPerspective.ts +612 -0
- package/src/library/rendering/ChitGalleryItemInstance.ts +108 -0
- package/src/library/rendering/ChitRenderInstance.ts +1141 -0
- package/src/library/rendering/ChitRenderSpec.ts +213 -0
- package/src/library/rendering/HighlightSpec.ts +5 -0
- package/src/library/rendering/LightSpec.ts +41 -0
- package/src/library/rendering/LightWrapper.ts +152 -0
- package/src/library/rendering/RootChitRenderInstance.ts +460 -0
- package/src/library/rendering/Splay.ts +118 -0
- package/src/library/rendering/SplayCounter.tsx +37 -0
- package/src/library/rendering/TextureReferenceCounter.ts +86 -0
- package/src/library/rendering/index.ts +0 -0
- package/src/library/rendering/outline/DepthVisualizationPass.ts +117 -0
- package/src/library/rendering/outline/EffectComposer.ts +187 -0
- package/src/library/rendering/outline/FullScreenQuad.ts +32 -0
- package/src/library/rendering/outline/IDBasedOutlinePass.ts +741 -0
- package/src/library/rendering/outline/OutputPass.ts +88 -0
- package/src/library/rendering/outline/RenderPass.ts +72 -0
- package/src/library/rendering/outline/SceneWrapper.ts +617 -0
- package/src/library/rendering/outline/ShaderPass.ts +50 -0
- package/src/library/rendering/outline/index.ts +8 -0
- package/src/library/rendering/outline/passes/DebugIDMappingPass.ts +154 -0
- package/src/library/rendering/outline/passes/DepthOcclusionPass.ts +106 -0
- package/src/library/rendering/outline/passes/InterMeshEdgeDetectionPass.ts +244 -0
- package/src/library/rendering/outline/shaders.ts +110 -0
- package/src/library/rendering/outline/types.ts +25 -0
- package/src/library/utilities/Annotations.ts +188 -0
- package/src/library/utilities/BaseTable.tsx +58 -0
- package/src/library/utilities/BboxUtils.ts +23 -0
- package/src/library/utilities/CanvasStack/CanvasOperations.tsx +630 -0
- package/src/library/utilities/CanvasStack/CanvasStack.ts +191 -0
- package/src/library/utilities/CanvasStack/IconCanvas.tsx +17 -0
- package/src/library/utilities/CanvasStack/ImageCache.ts +38 -0
- package/src/library/utilities/CanvasStack/ImageColorOverlayer.ts +36 -0
- package/src/library/utilities/CanvasStack/PlayerCanvas.tsx +17 -0
- package/src/library/utilities/CanvasStack/ReactCanvas.tsx +293 -0
- package/src/library/utilities/CanvasStack/RichTextRenderer.ts +719 -0
- package/src/library/utilities/CardMesh.ts +55 -0
- package/src/library/utilities/Dice.tsx +183 -0
- package/src/library/utilities/EventChannel.ts +52 -0
- package/src/library/utilities/GalleryItemConversion.ts +30 -0
- package/src/library/utilities/IUpdatingCanvas.ts +14 -0
- package/src/library/utilities/LayoutHelper.ts +586 -0
- package/src/library/utilities/ObjectWithProps.ts +52 -0
- package/src/library/utilities/OutlineCanvas.tsx +45 -0
- package/src/library/utilities/OutlineGeometry.ts +69 -0
- package/src/library/utilities/ParameterizedCanvas.ts +78 -0
- package/src/library/utilities/RequestSharedAnimationFrame.ts +16 -0
- package/src/library/utilities/StaticImage.tsx +58 -0
- package/src/library/utilities/SvgExtruder.ts +330 -0
- package/src/library/utilities/ThreeDisposer.ts +66 -0
- package/src/library/utilities/zIndex.ts +15 -0
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import SelectableItemAndStage from "./SelectableItemAndStage";
|
|
4
|
+
import { Box, Button, Stack, Tabs, Tab, ToggleButton, ToggleButtonGroup } from "@mui/material";
|
|
5
|
+
import useLocalStorageState from "use-local-storage-state";
|
|
6
|
+
import { MatchViewer } from "./MatchViewer";
|
|
7
|
+
import { GameProvider } from "../hooks/useGame";
|
|
8
|
+
import { ConnectionProvider } from "../hooks/useConnection";
|
|
9
|
+
import { Connection } from "../game/Connection";
|
|
10
|
+
import { LocalConnectionTransport } from "../game/ConnectionTransport";
|
|
11
|
+
import { Match } from "../game/Match";
|
|
12
|
+
import { PlayerInfo } from "../game/PlayerInfo";
|
|
13
|
+
import { LocalMatchStorage } from "../game/MatchStorage";
|
|
14
|
+
import { GridOn, PhoneIphone, Tab as TabIcon } from "@material-ui/icons";
|
|
15
|
+
import { PlayerProvider } from "../hooks/usePlayer";
|
|
16
|
+
function PlayerEditor({ playerId, match, showBack }) {
|
|
17
|
+
const [localConnection, setLocalConnection] = useState();
|
|
18
|
+
const [, setRemoteConnection] = useState(new LocalConnectionTransport());
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
const newRemoteConnection = new LocalConnectionTransport();
|
|
21
|
+
const newConnection = new Connection(new LocalConnectionTransport());
|
|
22
|
+
newConnection.transport.connect(newRemoteConnection);
|
|
23
|
+
match.connect(newRemoteConnection, playerId);
|
|
24
|
+
setLocalConnection(newConnection);
|
|
25
|
+
setRemoteConnection(newRemoteConnection);
|
|
26
|
+
return () => {
|
|
27
|
+
newConnection.dispose();
|
|
28
|
+
// TODO:
|
|
29
|
+
// match.disconnection(newRemoteConnection);
|
|
30
|
+
};
|
|
31
|
+
}, [match, playerId]);
|
|
32
|
+
if (!localConnection) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
return (_jsx(ConnectionProvider, { connection: localConnection, children: _jsx(PlayerProvider, { playerId: playerId, children: _jsx(MatchViewer, { onBack: showBack ? () => { } : undefined }) }) }));
|
|
36
|
+
}
|
|
37
|
+
function MatchGrid({ match }) {
|
|
38
|
+
let rows = Math.ceil(Math.sqrt(match.players.length));
|
|
39
|
+
let columns = Math.ceil(match.players.length / rows);
|
|
40
|
+
if (rows > columns) {
|
|
41
|
+
const t = rows;
|
|
42
|
+
rows = columns;
|
|
43
|
+
columns = t;
|
|
44
|
+
}
|
|
45
|
+
const playerRows = match.players.reduce((acc, player, i) => {
|
|
46
|
+
const rowIndex = Math.floor(i / columns);
|
|
47
|
+
acc[rowIndex] ?? (acc[rowIndex] = []);
|
|
48
|
+
acc[rowIndex].push(player);
|
|
49
|
+
return acc;
|
|
50
|
+
}, []);
|
|
51
|
+
return (_jsx(Stack, { direction: "column", sx: { overflow: "hidden", height: "100%", width: "100%" }, children: playerRows.map((ps, i) => (_jsx(Stack, { direction: "row", sx: { height: `${100 / playerRows.length}%`, width: "100%" }, children: ps.map((p) => (_jsx(Box, { sx: { width: `${100 / ps.length}%`, height: "100%" }, children: _jsx(PlayerEditor, { playerId: p.id, match: match }) }, p.id))) }, i))) }));
|
|
52
|
+
}
|
|
53
|
+
function MatchTabs({ match }) {
|
|
54
|
+
const [tabIndex, setTabIndex] = useLocalStorageState("selectedPlayerIndex", {
|
|
55
|
+
defaultValue: 0,
|
|
56
|
+
});
|
|
57
|
+
if (tabIndex >= match.players.length && tabIndex > 0) {
|
|
58
|
+
setTabIndex(0);
|
|
59
|
+
return null;
|
|
60
|
+
}
|
|
61
|
+
return (_jsxs(Stack, { sx: { height: "100%", width: "100%" }, children: [_jsx(Tabs, { value: tabIndex, onChange: (e, newValue) => setTabIndex(newValue), indicatorColor: "secondary", textColor: "inherit", variant: "fullWidth", children: match.players.map((p) => (_jsx(Tab, { label: p.name }, p.id))) }), _jsx(Box, { flex: 1, sx: { height: "100%" }, children: [match.players[tabIndex].id].map((id) => (_jsx(PlayerEditor, { playerId: id, match: match }, id))) })] }));
|
|
62
|
+
}
|
|
63
|
+
function MatchPhone({ match }) {
|
|
64
|
+
return (_jsx(Box, { sx: { height: "100%", width: "100%", overflow: "scroll" }, children: _jsx(Stack, { direction: "row", sx: { width: `${390 * match.players.length}px` }, children: match.players.map((p) => (_jsx(Box, { sx: { width: `390px`, height: "684px" }, children: _jsx(PlayerEditor, { showBack: true, playerId: p.id, match: match }) }, p.id))) }) }));
|
|
65
|
+
}
|
|
66
|
+
function Editor({ setButtons, layout, game, matchInformation, }) {
|
|
67
|
+
const [match, setMatch] = useState(null);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
const FIRST_NAMES = ["Fred", "Steve", "Paul", "Josh", "Sara", "Miles"];
|
|
70
|
+
const LAST_NAMES = ["Johnson", "Dennis", "Green", "Breckman", "Stevens", "Smith"];
|
|
71
|
+
const storage = new LocalMatchStorage(matchInformation);
|
|
72
|
+
const players = [];
|
|
73
|
+
let playerCount = parseInt(matchInformation);
|
|
74
|
+
if (!Number.isFinite(playerCount)) {
|
|
75
|
+
playerCount = 2;
|
|
76
|
+
}
|
|
77
|
+
for (let i = 0; i < playerCount; i++) {
|
|
78
|
+
players.push(new PlayerInfo(`p${i}`, `${FIRST_NAMES[(i + playerCount) % FIRST_NAMES.length]} ${LAST_NAMES[i % LAST_NAMES.length]}`));
|
|
79
|
+
}
|
|
80
|
+
const match = new Match(game, players, storage);
|
|
81
|
+
let cancelled = false;
|
|
82
|
+
match.load().then(() => {
|
|
83
|
+
if (cancelled) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
match.start();
|
|
87
|
+
setMatch(match);
|
|
88
|
+
const saveStateToLocalStorage = (key, state) => {
|
|
89
|
+
localStorage.setItem(key, JSON.stringify(state));
|
|
90
|
+
};
|
|
91
|
+
const readStateFromLocalStorage = (key) => {
|
|
92
|
+
const state = localStorage.getItem(key);
|
|
93
|
+
return state ? JSON.parse(state) : {};
|
|
94
|
+
};
|
|
95
|
+
let aState = readStateFromLocalStorage("aState");
|
|
96
|
+
let bState = readStateFromLocalStorage("bState");
|
|
97
|
+
setButtons(_jsxs(_Fragment, { children: [_jsx(Button, { children: "New" }), _jsx(Button, { onClick: () => storage.saveState({}, [], "active", undefined, true), children: "Reset" }), _jsx(Button, { onClick: () => storage.readState().then((d) => {
|
|
98
|
+
aState = d;
|
|
99
|
+
saveStateToLocalStorage("aState", aState);
|
|
100
|
+
}), children: "Save A" }), _jsx(Button, { onClick: () => storage.readState().then((d) => {
|
|
101
|
+
bState = d;
|
|
102
|
+
saveStateToLocalStorage("bState", bState);
|
|
103
|
+
}), children: "Save B" }), _jsx(Button, { onClick: () => {
|
|
104
|
+
aState = readStateFromLocalStorage("aState");
|
|
105
|
+
storage.saveState(aState, [], "active", undefined, true);
|
|
106
|
+
}, children: "Read A" }), _jsx(Button, { onClick: () => {
|
|
107
|
+
bState = readStateFromLocalStorage("bState");
|
|
108
|
+
storage.saveState(bState, [], "active", undefined, true);
|
|
109
|
+
}, children: "Read B" })] }));
|
|
110
|
+
});
|
|
111
|
+
return () => {
|
|
112
|
+
match.dispose();
|
|
113
|
+
cancelled = true;
|
|
114
|
+
};
|
|
115
|
+
}, [game, matchInformation, setButtons]);
|
|
116
|
+
if (!match) {
|
|
117
|
+
return null;
|
|
118
|
+
}
|
|
119
|
+
return (_jsxs(GameProvider, { game: game, children: [layout === "tile" && _jsx(MatchGrid, { match: match }), layout === "tab" && _jsx(MatchTabs, { match: match }), layout === "phone" && _jsx(MatchPhone, { match: match })] }));
|
|
120
|
+
}
|
|
121
|
+
export default function Playground({ game }) {
|
|
122
|
+
const [layout, setLayout] = useLocalStorageState("matchViewerLayout", {
|
|
123
|
+
defaultValue: "tile",
|
|
124
|
+
});
|
|
125
|
+
const [buttons, setButtons] = useState(null);
|
|
126
|
+
const items = ["2", "3", "4", "5", "1", "6", "7", "8", "9", "10"];
|
|
127
|
+
return (_jsx(SelectableItemAndStage, { keySpace: "playground", items: items, topOptions: _jsxs(Stack, { direction: "row", children: [buttons, _jsxs(ToggleButtonGroup, { exclusive: true, size: "small", sx: { m: 2 }, value: layout, onChange: (e, newValue) => setLayout(newValue), children: [_jsx(ToggleButton, { value: "tile", children: _jsx(GridOn, {}) }), _jsx(ToggleButton, { value: "tab", children: _jsx(TabIcon, {}) }), _jsx(ToggleButton, { value: "phone", children: _jsx(PhoneIphone, {}) })] })] }), render: (item) => _jsx(Editor, { setButtons: setButtons, layout: layout, matchInformation: item, game: game }) }));
|
|
128
|
+
}
|
|
129
|
+
//# sourceMappingURL=Playground.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Playground.js","sourceRoot":"","sources":["../../src/library/components/Playground.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PromptControls.d.ts","sourceRoot":"","sources":["../../src/library/components/PromptControls.tsx"],"names":[],"mappings":"AAwCA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CA2FhF"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { ChevronRight, ChevronLeft, Replay } from "@mui/icons-material";
|
|
4
|
+
import { Box, Stack } from "@mui/material";
|
|
5
|
+
import BottomBarButton from "./BottomBarButton";
|
|
6
|
+
import { useGameTheme } from "../hooks/useGameTheme";
|
|
7
|
+
import BottomBarBreak from "./BottomBarBreak";
|
|
8
|
+
import { useEventChannelState } from "../hooks/useEventChannelState";
|
|
9
|
+
import { useAnimationSpeedMultiplier, useClientPrompts, useTimeState } from "../hooks/useTimeController";
|
|
10
|
+
import { usePlayerId } from "../hooks/usePlayer";
|
|
11
|
+
import { ZINDEX_PROMPT_CONTROLS } from "../utilities/zIndex";
|
|
12
|
+
import { ToggleGalleryButton } from "../game/GameButton";
|
|
13
|
+
import { useModalState } from "../hooks/useModalState";
|
|
14
|
+
import { ContextGalleryDisplay } from "./ContextGalleryDisplay";
|
|
15
|
+
import { NoValidMovesPrompt } from "../game/Prompt";
|
|
16
|
+
function GameButtonWrapper({ button }) {
|
|
17
|
+
const modalState = useModalState();
|
|
18
|
+
const [source, setSource] = useEventChannelState(modalState.gallerySource);
|
|
19
|
+
let highlight = false;
|
|
20
|
+
let cb = button.cb;
|
|
21
|
+
if (button instanceof ToggleGalleryButton) {
|
|
22
|
+
if ((button.galleryItemSource === source && source) ||
|
|
23
|
+
(source?.backingObject && button.galleryItemSource?.backingObject === source.backingObject)) {
|
|
24
|
+
highlight = true;
|
|
25
|
+
cb = () => setSource(undefined);
|
|
26
|
+
}
|
|
27
|
+
else if (button.galleryItemSource) {
|
|
28
|
+
const source = button.galleryItemSource;
|
|
29
|
+
cb = () => setSource(source);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return _jsx(BottomBarButton, { highlight: highlight, icon: button.icon, label: button.label, onClick: cb });
|
|
33
|
+
}
|
|
34
|
+
export default function PromptControls({ collapsible }) {
|
|
35
|
+
const [expanded, setExpanded] = useState(false);
|
|
36
|
+
const [showHelp, setShowHelp] = useState(false);
|
|
37
|
+
const timeState = useTimeState();
|
|
38
|
+
const playerId = usePlayerId();
|
|
39
|
+
const speed = useAnimationSpeedMultiplier();
|
|
40
|
+
const clientPrompt = useClientPrompts();
|
|
41
|
+
const [prompt] = useEventChannelState(clientPrompt.currentPrompt);
|
|
42
|
+
const [promptSpec] = useEventChannelState(clientPrompt.getPromptEventChannelForPlayer(playerId));
|
|
43
|
+
const [expandedBecauseOfPrompt, setExpandedBecauseOfPrompt] = useState(!!prompt);
|
|
44
|
+
const [live] = useEventChannelState(timeState.live);
|
|
45
|
+
const theme = useGameTheme();
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
setExpanded(true);
|
|
48
|
+
if (!live) {
|
|
49
|
+
setExpandedBecauseOfPrompt(false);
|
|
50
|
+
}
|
|
51
|
+
else if (prompt) {
|
|
52
|
+
if (prompt instanceof NoValidMovesPrompt) {
|
|
53
|
+
setShowHelp(true);
|
|
54
|
+
}
|
|
55
|
+
setExpandedBecauseOfPrompt(true);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
const to = setTimeout(() => setExpandedBecauseOfPrompt(false), promptSpec ? 4000 : 400);
|
|
59
|
+
return () => clearTimeout(to);
|
|
60
|
+
}
|
|
61
|
+
}, [prompt, live, promptSpec]);
|
|
62
|
+
if (!prompt && showHelp) {
|
|
63
|
+
setShowHelp(false);
|
|
64
|
+
}
|
|
65
|
+
return (_jsxs(Stack, { direction: "row", sx: {
|
|
66
|
+
position: collapsible ? "absolute" : "static",
|
|
67
|
+
overflow: "hidden",
|
|
68
|
+
zIndex: ZINDEX_PROMPT_CONTROLS,
|
|
69
|
+
background: theme.actionBarColor,
|
|
70
|
+
maxWidth: collapsible ? "calc(100% - 30px)" : undefined,
|
|
71
|
+
width: collapsible ? "97%" : "100%",
|
|
72
|
+
minWidth: "100px",
|
|
73
|
+
height: theme.bottomBarHeight,
|
|
74
|
+
transform: collapsible
|
|
75
|
+
? expandedBecauseOfPrompt
|
|
76
|
+
? `translateX(${expanded ? "0px" : "calc(100% - 55px)"})`
|
|
77
|
+
: "translateX(100%)"
|
|
78
|
+
: "",
|
|
79
|
+
opacity: !collapsible ? (expandedBecauseOfPrompt ? 1 : 0.4) : 1,
|
|
80
|
+
transition: `transform ease-in-out ${theme.actionBarAnimationDuration * speed}s, opacity linear ${theme.actionBarAnimationDuration * speed}s`,
|
|
81
|
+
pr: 1,
|
|
82
|
+
pl: collapsible ? 0 : 1,
|
|
83
|
+
right: 0,
|
|
84
|
+
boxShadow: "-2px -2px 10px 0px rgba(0,0,0,0.2)",
|
|
85
|
+
}, children: [collapsible && (_jsxs(_Fragment, { children: [_jsx(BottomBarButton, { removeLabel: true, icon: expanded ? ChevronRight : ChevronLeft, onClick: () => setExpanded(!expanded) }), _jsx(BottomBarBreak, {})] })), prompt?.canReset && (_jsx(BottomBarButton, { icon: Replay, label: "Undo", onClick: () => prompt.stepBack(), onLongClick: () => prompt.stepBack(true) })), _jsx(Box, { flex: 1 }), prompt?.buttons.map((button, idx) => (_jsx(GameButtonWrapper, { button: button }, idx))), _jsx(ContextGalleryDisplay, { size: theme.bottomBarHeight - theme.spacing * 2 })] }));
|
|
86
|
+
}
|
|
87
|
+
//# sourceMappingURL=PromptControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PromptControls.js","sourceRoot":"","sources":["../../src/library/components/PromptControls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
export default function SelectableItemAndStage({ items, render, keySpace, topOptions, }: {
|
|
3
|
+
items: string[];
|
|
4
|
+
keySpace: string;
|
|
5
|
+
render: (t: string) => ReactNode;
|
|
6
|
+
topOptions?: ReactNode;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=SelectableItemAndStage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectableItemAndStage.d.ts","sourceRoot":"","sources":["../../src/library/components/SelectableItemAndStage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAIpD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,2CAkCA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect } from "react";
|
|
3
|
+
import useLocalStorageState from "use-local-storage-state";
|
|
4
|
+
import { Stack, Box, Select, MenuItem, Paper } from "@mui/material";
|
|
5
|
+
export default function SelectableItemAndStage({ items, render, keySpace, topOptions, }) {
|
|
6
|
+
const [selected, setSelected] = useLocalStorageState(`dropdown${keySpace}`, {
|
|
7
|
+
defaultValue: "",
|
|
8
|
+
});
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (selected === "" && items.length > 0) {
|
|
11
|
+
setSelected(items[0]);
|
|
12
|
+
}
|
|
13
|
+
}, [selected, items, setSelected]);
|
|
14
|
+
return (_jsxs(Stack, { sx: { height: "100%" }, children: [_jsx(Paper, { elevation: 3, sx: { position: "relative" }, children: _jsxs(Stack, { direction: "row", children: [_jsx(Select, { variant: "standard", sx: { m: 2, width: 200 }, value: selected, label: "Select Choice", onChange: (e) => setSelected(e.target.value), children: items.map((item) => (_jsx(MenuItem, { value: item, children: item }, item))) }), topOptions] }) }), _jsx(Box, { flexGrow: 1, children: selected ? render(selected) : null })] }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=SelectableItemAndStage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectableItemAndStage.js","sourceRoot":"","sources":["../../src/library/components/SelectableItemAndStage.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,GAMX;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,oBAAoB,CAAS,WAAW,QAAQ,EAAE,EAAE;QAClF,YAAY,EAAE,EAAE;KACjB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,aAC3B,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAC/C,MAAC,KAAK,IAAC,SAAS,EAAE,KAAK,aACrB,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACxB,KAAK,EAAE,QAAQ,EACf,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAClB,IAAI,IADqB,IAAI,CAErB,CACZ,CAAC,GACK,EACR,UAAU,IACL,GACF,EACR,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,GAAO,IACtD,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsDisplay.d.ts","sourceRoot":"","sources":["../../src/library/components/SettingsDisplay.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,eAAe,4CA2E9B"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { Box, Stack, Slider, Typography, Button, Checkbox, FormControlLabel } from "@mui/material";
|
|
4
|
+
import { GameModalDialog } from "./GameModalDialog";
|
|
5
|
+
import { useModalState } from "../hooks/useModalState";
|
|
6
|
+
import { useEventChannelState } from "../hooks/useEventChannelState";
|
|
7
|
+
import { useGameTheme } from "../hooks/useGameTheme";
|
|
8
|
+
import { useTimeState } from "../hooks/useTimeController";
|
|
9
|
+
import { usePanelScale, usePanelSetScale } from "../hooks/usePanelScale";
|
|
10
|
+
function SettingSlider({ label, value, onChange, min, max }) {
|
|
11
|
+
const theme = useGameTheme();
|
|
12
|
+
return (_jsxs(Box, { children: [_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", sx: { mb: 1 }, children: [_jsx(Typography, { sx: { color: theme.actionLogTextColor, fontWeight: "bold", minWidth: 120 }, children: label }), _jsx(Typography, { sx: { color: theme.actionLogTextColor, minWidth: 40, textAlign: "right" }, children: value.toFixed(2) }), _jsx(Button, { variant: "outlined", size: "small", onClick: () => onChange(1), sx: {
|
|
13
|
+
color: theme.actionLogTextColor,
|
|
14
|
+
borderColor: theme.actionLogTextColor,
|
|
15
|
+
"&:hover": {
|
|
16
|
+
borderColor: theme.actionLogTextColor,
|
|
17
|
+
backgroundColor: "rgba(255,255,255,0.1)",
|
|
18
|
+
},
|
|
19
|
+
}, children: "Reset" })] }), _jsx(Slider, { value: value, onChange: (_, value) => onChange(value), min: min, max: max, step: 0.01, sx: {
|
|
20
|
+
color: theme.actionLogTextColor,
|
|
21
|
+
"& .MuiSlider-thumb": {
|
|
22
|
+
backgroundColor: theme.actionLogTextColor,
|
|
23
|
+
},
|
|
24
|
+
"& .MuiSlider-track": {
|
|
25
|
+
backgroundColor: theme.actionLogTextColor,
|
|
26
|
+
},
|
|
27
|
+
"& .MuiSlider-rail": {
|
|
28
|
+
backgroundColor: "rgba(255,255,255,0.3)",
|
|
29
|
+
},
|
|
30
|
+
} })] }));
|
|
31
|
+
}
|
|
32
|
+
export function SettingsDisplay() {
|
|
33
|
+
const modalState = useModalState();
|
|
34
|
+
const theme = useGameTheme();
|
|
35
|
+
const scale = usePanelScale();
|
|
36
|
+
const setScale = usePanelSetScale();
|
|
37
|
+
const [adjustingScale, setAdjustingScale] = useState(false);
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
setAdjustingScale(true);
|
|
40
|
+
const to = setTimeout(() => {
|
|
41
|
+
setAdjustingScale(false);
|
|
42
|
+
}, 2000);
|
|
43
|
+
return () => clearTimeout(to);
|
|
44
|
+
}, [scale]);
|
|
45
|
+
const timeState = useTimeState();
|
|
46
|
+
const [speed, setSpeed] = useEventChannelState(timeState.animationSpeedMultiplier);
|
|
47
|
+
const [skipReplay, setSkipReplay] = useEventChannelState(timeState.skipReplay);
|
|
48
|
+
const [showLog, setShowLog] = useEventChannelState(timeState.showLog);
|
|
49
|
+
const [visible, setVisible] = useEventChannelState(modalState.settingsVisible);
|
|
50
|
+
return (_jsx(GameModalDialog, { visible: visible, opacity: adjustingScale ? 0.3 : 1, onClose: () => setVisible(false), title: "Settings", children: _jsx(Box, { sx: { p: 3, overflowY: "auto" }, children: _jsxs(Stack, { spacing: 4, children: [_jsx(SettingSlider, { label: "Scale", value: scale, onChange: setScale, min: 0.5, max: 3 }), _jsx(SettingSlider, { label: "Animation Speed", value: 1 / speed, onChange: (value) => setSpeed(1 / value), min: 0.25, max: 8 }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: skipReplay, onChange: (e) => setSkipReplay(e.target.checked), sx: {
|
|
51
|
+
color: theme.actionLogTextColor,
|
|
52
|
+
"&.Mui-checked": {
|
|
53
|
+
color: theme.actionLogTextColor,
|
|
54
|
+
},
|
|
55
|
+
} }), label: _jsx(Typography, { sx: { color: theme.actionLogTextColor }, children: "Skip Replay" }) }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: showLog, onChange: (e) => setShowLog(e.target.checked), sx: {
|
|
56
|
+
color: theme.actionLogTextColor,
|
|
57
|
+
"&.Mui-checked": {
|
|
58
|
+
color: theme.actionLogTextColor,
|
|
59
|
+
},
|
|
60
|
+
} }), label: _jsx(Typography, { sx: { color: theme.actionLogTextColor }, children: "Show Log (on larger screens)" }) })] }) }) }));
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=SettingsDisplay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsDisplay.js","sourceRoot":"","sources":["../../src/library/components/SettingsDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { SparkChit } from "../game/SparkChit";
|
|
2
|
+
import { PlayerChit } from "../game/PlayerChit";
|
|
3
|
+
interface SparkLineChartProps {
|
|
4
|
+
label: string;
|
|
5
|
+
playerData: {
|
|
6
|
+
[playerId: string]: {
|
|
7
|
+
player: PlayerChit;
|
|
8
|
+
history: {
|
|
9
|
+
clock: number;
|
|
10
|
+
chit: SparkChit;
|
|
11
|
+
}[];
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
maxClock: number;
|
|
15
|
+
backgroundColor?: string;
|
|
16
|
+
height?: number;
|
|
17
|
+
width?: number;
|
|
18
|
+
}
|
|
19
|
+
export declare function SparkLineChart({ label, playerData, maxClock: externalMaxClock, backgroundColor, height, width: containerWidth, }: SparkLineChartProps): import("react/jsx-runtime").JSX.Element | null;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=SparkLineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SparkLineChart.d.ts","sourceRoot":"","sources":["../../src/library/components/SparkLineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAehD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,CAAC,QAAQ,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,UAAU,CAAC;YAAC,OAAO,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,IAAI,EAAE,SAAS,CAAA;aAAE,EAAE,CAAA;SAAE,CAAC;KAC3F,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgCD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,QAAQ,EAAE,gBAAgB,EAC1B,eAA2B,EAC3B,MAAY,EACZ,KAAK,EAAE,cAAoB,GAC5B,EAAE,mBAAmB,kDAgPrB"}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { Box, Typography } from "@mui/material";
|
|
4
|
+
// Helper function to calculate color contrast
|
|
5
|
+
function getColorLuminance(color) {
|
|
6
|
+
// Convert hex to RGB
|
|
7
|
+
const hex = color.replace("#", "");
|
|
8
|
+
const r = parseInt(hex.substr(0, 2), 16) / 255;
|
|
9
|
+
const g = parseInt(hex.substr(2, 2), 16) / 255;
|
|
10
|
+
const b = parseInt(hex.substr(4, 2), 16) / 255;
|
|
11
|
+
// Calculate relative luminance
|
|
12
|
+
const [rs, gs, bs] = [r, g, b].map((c) => {
|
|
13
|
+
return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
|
|
14
|
+
});
|
|
15
|
+
return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
|
|
16
|
+
}
|
|
17
|
+
// Check if two colors have enough contrast
|
|
18
|
+
function hasGoodContrast(color1, color2) {
|
|
19
|
+
const lum1 = getColorLuminance(color1);
|
|
20
|
+
const lum2 = getColorLuminance(color2);
|
|
21
|
+
const ratio = (Math.max(lum1, lum2) + 0.05) / (Math.min(lum1, lum2) + 0.05);
|
|
22
|
+
return ratio >= 3; // WCAG AA for large text
|
|
23
|
+
}
|
|
24
|
+
// Get appropriate stroke color for contrast
|
|
25
|
+
function getStrokeColor(lineColor, backgroundColor) {
|
|
26
|
+
const lineLum = getColorLuminance(lineColor);
|
|
27
|
+
return lineLum > 0.5 ? "#000000" : "#ffffff";
|
|
28
|
+
}
|
|
29
|
+
export function SparkLineChart({ label, playerData, maxClock: externalMaxClock, backgroundColor = "#ffffff", height = 300, width: containerWidth = 520, }) {
|
|
30
|
+
const chartData = useMemo(() => {
|
|
31
|
+
const lines = [];
|
|
32
|
+
let minValue = Infinity;
|
|
33
|
+
let maxValue = -Infinity;
|
|
34
|
+
// Process each player's data
|
|
35
|
+
Object.entries(playerData).forEach(([playerId, { player, history }]) => {
|
|
36
|
+
if (!history || history.length === 0)
|
|
37
|
+
return;
|
|
38
|
+
const points = history.map((entry) => {
|
|
39
|
+
const sparkChit = entry.chit;
|
|
40
|
+
const value = sparkChit.value ?? 0;
|
|
41
|
+
minValue = Math.min(minValue, value);
|
|
42
|
+
maxValue = Math.max(maxValue, value);
|
|
43
|
+
return {
|
|
44
|
+
clock: entry.clock ?? 0,
|
|
45
|
+
value,
|
|
46
|
+
};
|
|
47
|
+
});
|
|
48
|
+
const lastEntry = history[history.length - 1];
|
|
49
|
+
const sparkChit = lastEntry.chit;
|
|
50
|
+
lines.push({
|
|
51
|
+
id: playerId,
|
|
52
|
+
color: player.color,
|
|
53
|
+
points,
|
|
54
|
+
finalValue: sparkChit.value ?? 0,
|
|
55
|
+
icon: player.imageUrl,
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
// Handle case where there are no valid data points
|
|
59
|
+
if (minValue === Infinity || maxValue === -Infinity) {
|
|
60
|
+
minValue = 0;
|
|
61
|
+
maxValue = 1;
|
|
62
|
+
}
|
|
63
|
+
return { lines, minValue, maxValue };
|
|
64
|
+
}, [playerData]);
|
|
65
|
+
const { lines, minValue, maxValue } = chartData;
|
|
66
|
+
const maxClock = externalMaxClock || 1;
|
|
67
|
+
const labelAreaWidth = 80; // Space for labels, icons, and numbers on the right
|
|
68
|
+
const chartWidth = containerWidth;
|
|
69
|
+
const svgWidth = chartWidth + labelAreaWidth;
|
|
70
|
+
const chartHeight = height;
|
|
71
|
+
// Add some padding to the value range
|
|
72
|
+
const valueRange = maxValue - minValue || 1;
|
|
73
|
+
const valuePadding = valueRange * 0.1;
|
|
74
|
+
const chartMinValue = minValue - valuePadding;
|
|
75
|
+
const chartMaxValue = maxValue + valuePadding;
|
|
76
|
+
const chartValueRange = chartMaxValue - chartMinValue;
|
|
77
|
+
// Calculate adjusted label positions to avoid overlaps
|
|
78
|
+
const labelHeight = 24;
|
|
79
|
+
const minLabelSpacing = 4;
|
|
80
|
+
const iconSize = 20;
|
|
81
|
+
const labelPositions = useMemo(() => {
|
|
82
|
+
if (lines.length === 0)
|
|
83
|
+
return {};
|
|
84
|
+
const positions = lines.map((line) => {
|
|
85
|
+
const lastPoint = line.points[line.points.length - 1];
|
|
86
|
+
const y = chartHeight - ((lastPoint.value - chartMinValue) / chartValueRange) * chartHeight;
|
|
87
|
+
return { lineId: line.id, y, originalY: y };
|
|
88
|
+
});
|
|
89
|
+
// Sort by Y position
|
|
90
|
+
positions.sort((a, b) => a.y - b.y);
|
|
91
|
+
// Adjust positions to avoid overlaps
|
|
92
|
+
for (let i = 1; i < positions.length; i++) {
|
|
93
|
+
const prev = positions[i - 1];
|
|
94
|
+
const current = positions[i];
|
|
95
|
+
const minY = prev.y + labelHeight + minLabelSpacing;
|
|
96
|
+
if (current.y < minY) {
|
|
97
|
+
current.y = minY;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
// Convert back to a map for easy lookup
|
|
101
|
+
const positionMap = {};
|
|
102
|
+
positions.forEach((pos) => {
|
|
103
|
+
positionMap[pos.lineId] = pos.y;
|
|
104
|
+
});
|
|
105
|
+
return positionMap;
|
|
106
|
+
}, [lines, chartMinValue, chartValueRange, chartHeight, labelHeight, minLabelSpacing]);
|
|
107
|
+
if (lines.length === 0) {
|
|
108
|
+
return null;
|
|
109
|
+
}
|
|
110
|
+
// Convert data coordinates to SVG coordinates
|
|
111
|
+
const getX = (clock) => (clock / maxClock) * chartWidth;
|
|
112
|
+
const getY = (value) => chartHeight - ((value - chartMinValue) / chartValueRange) * chartHeight;
|
|
113
|
+
const chartEndX = chartWidth;
|
|
114
|
+
return (_jsxs(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", my: 4 }, children: [_jsx(Typography, { variant: "h6", sx: { mb: 2 }, children: label }), _jsxs("svg", { width: "100%", height: "auto", viewBox: `0 0 ${svgWidth} ${height}`, preserveAspectRatio: "preserve", style: { overflow: "visible", maxWidth: "100%" }, children: [_jsx("g", { opacity: 0.1, children: [0, 0.25, 0.5, 0.75, 1].map((ratio) => {
|
|
115
|
+
const y = chartHeight * (1 - ratio);
|
|
116
|
+
return (_jsx("line", { x1: 0, y1: y, x2: chartEndX, y2: y, stroke: "currentColor", strokeWidth: 1 }, `grid-${ratio}`));
|
|
117
|
+
}) }), lines.map((line) => {
|
|
118
|
+
// Create path for the line
|
|
119
|
+
const pathData = line.points
|
|
120
|
+
.map((point, index) => {
|
|
121
|
+
const x = getX(point.clock);
|
|
122
|
+
const y = getY(point.value);
|
|
123
|
+
return `${index === 0 ? "M" : "L"} ${x} ${y}`;
|
|
124
|
+
})
|
|
125
|
+
.join(" ");
|
|
126
|
+
// Extend line to the end of the chart
|
|
127
|
+
const lastPoint = line.points[line.points.length - 1];
|
|
128
|
+
const lastY = getY(lastPoint.value);
|
|
129
|
+
const extendedPathData = `${pathData} L ${chartEndX} ${lastY}`;
|
|
130
|
+
// Check contrast and add stroke if needed
|
|
131
|
+
const needsStroke = !hasGoodContrast(line.color, backgroundColor);
|
|
132
|
+
const strokeColor = needsStroke ? getStrokeColor(line.color, backgroundColor) : undefined;
|
|
133
|
+
const adjustedLabelY = labelPositions[line.id];
|
|
134
|
+
return (_jsxs("g", { children: [needsStroke && (_jsx("path", { d: extendedPathData, fill: "none", stroke: strokeColor, strokeWidth: 4.5, strokeLinecap: "round", strokeLinejoin: "round", opacity: 0.8 })), _jsx("path", { d: extendedPathData, fill: "none", stroke: line.color, strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }), Math.abs(adjustedLabelY - lastY) > 2 && (_jsx("line", { x1: chartEndX, y1: lastY, x2: chartEndX + 8, y2: adjustedLabelY, stroke: line.color, strokeWidth: 1, strokeDasharray: "2,2", opacity: 0.5 })), line.icon && (_jsx("g", { transform: `translate(${chartEndX + 10}, ${adjustedLabelY - iconSize / 2})`, children: _jsx("foreignObject", { width: iconSize, height: iconSize, children: _jsx("img", { src: line.icon, style: {
|
|
135
|
+
width: iconSize,
|
|
136
|
+
height: iconSize,
|
|
137
|
+
display: "flex",
|
|
138
|
+
alignItems: "center",
|
|
139
|
+
justifyContent: "center",
|
|
140
|
+
} }) }) })), _jsxs("g", { transform: `translate(${chartEndX + (line.icon ? 30 : 10)}, ${adjustedLabelY})`, children: [needsStroke && (_jsx("text", { fontSize: 20, fontWeight: "bold", dominantBaseline: "middle", fill: strokeColor, stroke: strokeColor, strokeWidth: 3, children: line.finalValue })), _jsx("text", { fill: line.color, fontSize: 20, fontWeight: "bold", dominantBaseline: "middle", children: line.finalValue })] }), needsStroke && _jsx("circle", { cx: chartEndX, cy: lastY, r: 5, fill: strokeColor, opacity: 0.8 }), _jsx("circle", { cx: chartEndX, cy: lastY, r: 3, fill: line.color })] }, line.id));
|
|
141
|
+
}), _jsxs("g", { opacity: 0.3, children: [_jsx("line", { x1: 0, y1: 0, x2: 0, y2: chartHeight, stroke: "currentColor", strokeWidth: 1 }), _jsx("line", { x1: 0, y1: chartHeight, x2: chartEndX, y2: chartHeight, stroke: "currentColor", strokeWidth: 1 })] })] })] }));
|
|
142
|
+
}
|
|
143
|
+
//# sourceMappingURL=SparkLineChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SparkLineChart.js","sourceRoot":"","sources":["../../src/library/components/SparkLineChart.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA4BhD,8CAA8C;AAC9C,SAAS,iBAAiB,CAAC,KAAa;IACtC,qBAAqB;IACrB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC;IAC/C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC;IAC/C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC;IAE/C,+BAA+B;IAC/B,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QACvC,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,GAAG,EAAE,GAAG,MAAM,GAAG,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;AACjD,CAAC;AAED,2CAA2C;AAC3C,SAAS,eAAe,CAAC,MAAc,EAAE,MAAc;IACrD,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5E,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,yBAAyB;AAC9C,CAAC;AAED,4CAA4C;AAC5C,SAAS,cAAc,CAAC,SAAiB,EAAE,eAAuB;IAChE,MAAM,OAAO,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC7C,OAAO,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,QAAQ,EAAE,gBAAgB,EAC1B,eAAe,GAAG,SAAS,EAC3B,MAAM,GAAG,GAAG,EACZ,KAAK,EAAE,cAAc,GAAG,GAAG,GACP;IACpB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAgB,EAAE,CAAC;QAC9B,IAAI,QAAQ,GAAG,QAAQ,CAAC;QACxB,IAAI,QAAQ,GAAG,CAAC,QAAQ,CAAC;QAEzB,6BAA6B;QAC7B,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE;YACrE,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAE7C,MAAM,MAAM,GAAqB,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrD,MAAM,SAAS,GAAG,KAAK,CAAC,IAAiB,CAAC;gBAC1C,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC;gBAEnC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACrC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBAErC,OAAO;oBACL,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;oBACvB,KAAK;iBACN,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC9C,MAAM,SAAS,GAAG,SAAS,CAAC,IAAiB,CAAC;YAE9C,KAAK,CAAC,IAAI,CAAC;gBACT,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM;gBACN,UAAU,EAAE,SAAS,CAAC,KAAK,IAAI,CAAC;gBAChC,IAAI,EAAE,MAAM,CAAC,QAAQ;aACtB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,mDAAmD;QACnD,IAAI,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpD,QAAQ,GAAG,CAAC,CAAC;YACb,QAAQ,GAAG,CAAC,CAAC;QACf,CAAC;QAED,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAChD,MAAM,QAAQ,GAAG,gBAAgB,IAAI,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,EAAE,CAAC,CAAC,oDAAoD;IAC/E,MAAM,UAAU,GAAG,cAAc,CAAC;IAClC,MAAM,QAAQ,GAAG,UAAU,GAAG,cAAc,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC;IAE3B,sCAAsC;IACtC,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,IAAI,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,UAAU,GAAG,GAAG,CAAC;IACtC,MAAM,aAAa,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC9C,MAAM,aAAa,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC9C,MAAM,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAEtD,uDAAuD;IACvD,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,MAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,MAAM,QAAQ,GAAG,EAAE,CAAC;IAEpB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAElC,MAAM,SAAS,GAAuD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACvF,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACtD,MAAM,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,aAAa,CAAC,GAAG,eAAe,CAAC,GAAG,WAAW,CAAC;YAC5F,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,qBAAqB;QACrB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAEpC,qCAAqC;QACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC1C,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC9B,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,GAAG,WAAW,GAAG,eAAe,CAAC;YAEpD,IAAI,OAAO,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC;gBACrB,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;YACnB,CAAC;QACH,CAAC;QAED,wCAAwC;QACxC,MAAM,WAAW,GAA6B,EAAE,CAAC;QACjD,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACxB,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,8CAA8C;IAC9C,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,UAAU,CAAC;IAChE,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,GAAG,eAAe,CAAC,GAAG,WAAW,CAAC;IACxG,MAAM,SAAS,GAAG,UAAU,CAAC;IAE7B,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,aAChF,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACnC,KAAK,GACK,EACb,eACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,OAAO,QAAQ,IAAI,MAAM,EAAE,EACpC,mBAAmB,EAAC,UAAU,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,aAGhD,YAAG,OAAO,EAAE,GAAG,YACZ,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;4BACrC,MAAM,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;4BACpC,OAAO,CACL,eAA4B,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,IAAzF,QAAQ,KAAK,EAAE,CAA8E,CACzG,CAAC;wBACJ,CAAC,CAAC,GACA,EAGH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBAClB,2BAA2B;wBAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM;6BACzB,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;4BACpB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;4BAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;4BAC5B,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;wBAChD,CAAC,CAAC;6BACD,IAAI,CAAC,GAAG,CAAC,CAAC;wBAEb,sCAAsC;wBACtC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;wBACtD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;wBACpC,MAAM,gBAAgB,GAAG,GAAG,QAAQ,MAAM,SAAS,IAAI,KAAK,EAAE,CAAC;wBAE/D,0CAA0C;wBAC1C,MAAM,WAAW,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;wBAClE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;wBAE1F,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBAE/C,OAAO,CACL,wBAEG,WAAW,IAAI,CACd,eACE,CAAC,EAAE,gBAAgB,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,GAAG,GACZ,CACH,EACD,eACE,CAAC,EAAE,gBAAgB,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EAGD,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CACvC,eACE,EAAE,EAAE,SAAS,EACb,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,SAAS,GAAG,CAAC,EACjB,EAAE,EAAE,cAAc,EAClB,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,WAAW,EAAE,CAAC,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,GAAG,GACZ,CACH,EAGA,IAAI,CAAC,IAAI,IAAI,CACZ,YAAG,SAAS,EAAE,aAAa,SAAS,GAAG,EAAE,KAAK,cAAc,GAAG,QAAQ,GAAG,CAAC,GAAG,YAC5E,wBAAe,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,YAC9C,cACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAE;gDACL,KAAK,EAAE,QAAQ;gDACf,MAAM,EAAE,QAAQ;gDAChB,OAAO,EAAE,MAAM;gDACf,UAAU,EAAE,QAAQ;gDACpB,cAAc,EAAE,QAAQ;6CACzB,GACD,GACY,GACd,CACL,EAGD,aAAG,SAAS,EAAE,aAAa,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,GAAG,aAC/E,WAAW,IAAI,CACd,eACE,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,MAAM,EACjB,gBAAgB,EAAC,QAAQ,EACzB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,CAAC,YAEb,IAAI,CAAC,UAAU,GACX,CACR,EACD,eAAM,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAC,MAAM,EAAC,gBAAgB,EAAC,QAAQ,YAC9E,IAAI,CAAC,UAAU,GACX,IACL,EAGH,WAAW,IAAI,iBAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,GAAI,EAC3F,iBAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,KA3EtD,IAAI,CAAC,EAAE,CA4EX,CACL,CAAC;oBACJ,CAAC,CAAC,EAGF,aAAG,OAAO,EAAE,GAAG,aAEb,eAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,GAAI,EAEpF,eAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,GAAI,IACpG,IACA,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StageAndEditor.d.ts","sourceRoot":"","sources":["../../src/library/components/StageAndEditor.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,MAAM,EAAE,GAAG,CAAA;CAAE,2CAe1F"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Grid, Paper, Box } from "@mui/material";
|
|
3
|
+
import base64 from "base-64";
|
|
4
|
+
const CheckerImg = `data:image/svg+xml;base64,${base64.encode(`<?xml version="1.0" encoding="UTF-8"?>
|
|
5
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
|
|
6
|
+
<path d="M0 0h8v16h8V8H0z" opacity=".07"/>
|
|
7
|
+
</svg>
|
|
8
|
+
`)}`;
|
|
9
|
+
export default function StageAndEditor({ children, editor }) {
|
|
10
|
+
return (_jsxs(Grid, { container: true, sx: { width: "100%", height: "100%" }, children: [_jsx(Grid, { item: true, xs: 9, style: { height: "100%" }, children: _jsx(Box, { sx: { p: 3, height: "100%", position: "relative", background: `url(${CheckerImg})` }, children: children }) }), _jsx(Grid, { item: true, xs: 3, style: { height: "100%", position: "relative" }, children: _jsx(Box, { sx: { position: "absolute", top: 0, right: 0, bottom: 0, left: 0, overflow: "scroll" }, children: _jsx(Paper, { elevation: 2, square: true, style: { background: "#f9f9f9" }, children: _jsx(Box, { sx: { p: 3 }, children: editor }) }) }) })] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=StageAndEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StageAndEditor.js","sourceRoot":"","sources":["../../src/library/components/StageAndEditor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,MAAM,UAAU,GAAG,6BAA6B,MAAM,CAAC,MAAM,CAC3D;;;;GAIC,CACF,EAAE,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAkC;IACzF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aACnD,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YACzC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,UAAU,GAAG,EAAE,YAAG,QAAQ,GAAO,GACtG,EACP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,YAC/D,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACzF,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,EAAE,MAAM,QAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,YAC1D,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,YAAG,MAAM,GAAO,GAC3B,GACJ,GACD,IACF,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeControlBar.d.ts","sourceRoot":"","sources":["../../src/library/components/TimeControlBar.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAgB,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAE,2CA4D/G"}
|