@pretty-chitty/core 1.1.2 → 1.2.0

package/dist/utilities/ParameterizedCanvas.js.map

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

package/dist/utilities/StaticImage.js

@@ -8,7 +8,6 @@ export class StaticImage extends ParameterizedCanvas {
         this.image = image;
         this.overlayColor = overlayColor;
         this.backgroundColor = backgroundColor;
-        this.imageInfo = undefined;
         this.width = this.image.primary.bounds.width;
         this.height = this.image.primary.bounds.height;
         this.imageInfo = JSON.stringify(this.image);

package/dist/utilities/StaticImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticImage.js","sourceRoot":"","sources":["../../src/library/utilities/StaticImage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAGlD,YACU,KAAgB,EAChB,YAAqB,EACrB,eAAwB;QAEhC,KAAK,EAAE,CAAC;QAJA,UAAK,GAAL,KAAK,CAAW;QAChB,iBAAY,GAAZ,YAAY,CAAS;QACrB,oBAAe,GAAf,eAAe,CAAS;QALxB,cAAS,aAAS;QAQ1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAES,MAAM;QACd,MAAM,SAAS,GAAG,KAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,QAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAAC;QAErF,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,OAAO,CACL,MAAC,OAAO,eACN,KAAC,KAAK,IAAC,GAAG,EAAE,IAAI,CAAC,eAAe,GAAI,EACnC,SAAS,IACF,CACX,CAAC;QACJ,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,KAAgB,EAAE,OAA4B;QAC5D,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;QACvF,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,KAAgB,EAAE,OAA4B;QAC3D,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;QACvF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC;QACrC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;YACnC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;YACnC,OAAO,CAAC,KAAK,GAAG,cAAc,CAAC;YAC/B,OAAO,CAAC,KAAK,GAAG,cAAc,CAAC;QACjC,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF"}
+{"version":3,"file":"StaticImage.js","sourceRoot":"","sources":["../../src/library/utilities/StaticImage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,OAAO,WAAY,SAAQ,mBAAmB;IAGlD,YACU,KAAgB,EAChB,YAAqB,EACrB,eAAwB;QAEhC,KAAK,EAAE,CAAC;QAJA,UAAK,GAAL,KAAK,CAAW;QAChB,iBAAY,GAAZ,YAAY,CAAS;QACrB,oBAAe,GAAf,eAAe,CAAS;QAGhC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAES,MAAM;QACd,MAAM,SAAS,GAAG,KAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,QAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAAC;QAErF,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,OAAO,CACL,MAAC,OAAO,eACN,KAAC,KAAK,IAAC,GAAG,EAAE,IAAI,CAAC,eAAe,GAAI,EACnC,SAAS,IACF,CACX,CAAC;QACJ,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,KAAgB,EAAE,OAA4B;QAC5D,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;QACvF,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,KAAgB,EAAE,OAA4B;QAC3D,MAAM,MAAM,GAAG,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;QACvF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC;QACrC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;YACnC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;YACnC,OAAO,CAAC,KAAK,GAAG,cAAc,CAAC;YAC/B,OAAO,CAAC,KAAK,GAAG,cAAc,CAAC;QACjC,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF"}

package/dist/utilities/ThreeDisposer.js

@@ -2,7 +2,6 @@ export class ThreeDisposer {
     constructor(cleanup) {
         this.cleanup = cleanup;
         this.references = {};
-        this.changeCallback = undefined;
     }
     notifyChange(_uuid) {
         if (this.changeCallback) {

package/dist/utilities/ThreeDisposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeDisposer.js","sourceRoot":"","sources":["../../src/library/utilities/ThreeDisposer.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,aAAa;IACxB,YAAoB,OAAuB;QAAvB,YAAO,GAAP,OAAO,CAAgB;QAEnC,eAAU,GAAsC,EAAE,CAAC;QACnD,mBAAc,aAAc;IAHU,CAAC;IAKxC,YAAY,CAAC,KAAa;QAC/B,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEM,QAAQ,CAAC,IAAY,EAAE,GAAM;QAClC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG;YACtB,IAAI;YACJ,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,IAAI,CAAC,GAAG,EAAE;YACvB,GAAG;SACJ,CAAC;IACJ,CAAC;IAEM,WAAW,CAAC,OAAuB,EAAE,EAAc;QACxD,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,CAAC;IAEM,QAAQ,CAAC,KAAkB,EAAE,EAAc;QAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAEzB,sCAAsC;QACtC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;gBACd,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;gBAClB,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,yCAAyC;QACzC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,GAAG,EAAE,CAAC;gBACR,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,6CAA6C;QAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;gBAC/C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACtB,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
+{"version":3,"file":"ThreeDisposer.js","sourceRoot":"","sources":["../../src/library/utilities/ThreeDisposer.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,aAAa;IACxB,YAAoB,OAAuB;QAAvB,YAAO,GAAP,OAAO,CAAgB;QAEnC,eAAU,GAAsC,EAAE,CAAC;IAFb,CAAC;IAKxC,YAAY,CAAC,KAAa;QAC/B,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEM,QAAQ,CAAC,IAAY,EAAE,GAAM;QAClC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG;YACtB,IAAI;YACJ,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,IAAI,CAAC,GAAG,EAAE;YACvB,GAAG;SACJ,CAAC;IACJ,CAAC;IAEM,WAAW,CAAC,OAAuB,EAAE,EAAc;QACxD,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,CAAC;IAEM,QAAQ,CAAC,KAAkB,EAAE,EAAc;QAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAEzB,sCAAsC;QACtC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;gBACd,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;gBAClB,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,yCAAyC;QACzC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,GAAG,EAAE,CAAC;gBACR,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;YACnB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,6CAA6C;QAC7C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;gBAC/C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBACtB,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pretty-chitty/core",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "A TypeScript framework for building high-quality async or realtime 3D strategy board games",
   "author": "Pretty Chitty, LLC",
@@ -9,6 +9,9 @@
     "type": "git",
     "url": "https://github.com/pretty-chitty/pretty-chitty.git"
   },
+  "sideEffects": [
+    "*.css"
+  ],
   "keywords": [
     "game-engine",
     "board-game",
@@ -39,6 +42,7 @@
     "LICENSE.md"
   ],
   "devDependencies": {
+    "@fontsource/quicksand": "^5.2.10",
     "@babel/core": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.23.5",
@@ -51,7 +55,6 @@
     "@types/base-64": "^1.0.2",
     "@types/color": "^3.0.6",
     "@types/jest": "^29.5.11",
-    "@types/next-tick": "^1.0.2",
     "@types/node": "^20.11.3",
     "@types/wheel": "^0.0.3",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
@@ -89,7 +92,6 @@
     "@egjs/hammerjs": "^2.0.17",
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
-    "@fontsource/raleway": "^5.0.16",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@mui/icons-material": "^5.15.0",
@@ -106,7 +108,6 @@
     "color": "^4.2.3",
     "extrude-polyline": "^1.0.6",
     "mui-modal-provider": "^2.4.2",
-    "next-tick": "^1.1.0",
     "quick-lru": "^7.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -125,7 +126,7 @@
     "prepare": "ts-patch install -s",
     "dev": "webpack serve",
     "start": "webpack serve",
-    "build": "rm -rf dist && yarn tsc --project tsconfig.build.json && yarn docs && yarn pack",
+    "build": "rm -rf dist && yarn tsc --project tsconfig.build.json && yarn pack",
     "build:no-sourcemaps": "rm -rf dist && yarn tsc --project tsconfig.build.json --sourceMap false --declarationMap false && yarn pack",
     "build:demo": "NODE_ENV=production webpack --config webpack.demo.config.js",
     "build:all": "yarn build && yarn build:demo",

package/src/library/components/BottomBarButton.tsx

@@ -16,6 +16,7 @@ export default function BottomBarButton({
   highlight = false,
   disabled = false,
   removeLabel = false,
+  invisible = false,
   onClick,
   onLongClick,
   whileHolding,
@@ -24,6 +25,7 @@ export default function BottomBarButton({
   label?: string;
   disabled?: boolean;
   removeLabel?: boolean;
+  invisible?: boolean;
   highlight?: boolean;
   onClick?: () => void;
   onLongClick?: () => void;
@@ -142,6 +144,7 @@ export default function BottomBarButton({
         top: isPressed ? 1 : 0,
         left: isPressed ? 1 : 0,
         userSelect: "none",
+        opacity: invisible ? 0 : 1,
         cursor: !disabled ? "pointer" : undefined,
         p: 1,
         height: "100%",

package/src/library/components/ClientTrustMatchViewer.tsx

@@ -9,6 +9,7 @@ import { MatchViewer } from "./MatchViewer";
 import { Match } from "../game/Match";
 import { Connection } from "../game/Connection";
 import { LocalConnectionTransport } from "../game/ConnectionTransport";
+import { LoadingStateProvider, LoadingStates, LoadingStatesCallback } from "../hooks/useLoadingStates";
 
 export function ClientTrustMatchViewer({
   playerId,
@@ -16,22 +17,34 @@ export function ClientTrustMatchViewer({
   game,
   matchStorage,
   onBack,
+  onLoadProgress,
+  options = {},
 }: {
   playerId: string;
   players: IPlayerInfo[];
   game: Game<any, any>;
   matchStorage: IMatchStorage;
   onBack?: () => void;
+  onLoadProgress?: LoadingStatesCallback;
+  options?: any;
 }) {
+  const [loadingStates] = useState<LoadingStates>(new LoadingStates());
   const [match, setMatch] = useState<Match<any, any> | undefined>();
   const [localConnection, setLocalConnection] = useState<Connection | undefined>();
 
+  useEffect(() => {
+    if (onLoadProgress) {
+      return loadingStates.onChange(onLoadProgress);
+    }
+  }, [loadingStates, onLoadProgress]);
+
   useEffect(() => {
     if (game && players && matchStorage) {
       const match = new Match(
         game,
         players.map((p) => new PlayerInfo(p)),
         matchStorage,
+        options,
       );
       let cancelled = false;
       match.load().then(() => {
@@ -48,7 +61,7 @@ export function ClientTrustMatchViewer({
     } else {
       setMatch(undefined);
     }
-  }, [game, matchStorage, players]);
+  }, [game, matchStorage, players, options]);
 
   useEffect(() => {
     if (!match) {
@@ -72,12 +85,14 @@ export function ClientTrustMatchViewer({
   }
 
   return (
-    <GameProvider game={game}>
-      <ConnectionProvider connection={localConnection}>
-        <PlayerProvider playerId={playerId}>
-          <MatchViewer onBack={onBack} />
-        </PlayerProvider>
-      </ConnectionProvider>
-    </GameProvider>
+    <LoadingStateProvider loadingStates={loadingStates}>
+      <GameProvider game={game}>
+        <ConnectionProvider connection={localConnection}>
+          <PlayerProvider playerId={playerId}>
+            <MatchViewer onBack={onBack} />
+          </PlayerProvider>
+        </ConnectionProvider>
+      </GameProvider>
+    </LoadingStateProvider>
   );
 }

package/src/library/components/ContextGalleryDisplay.tsx

@@ -56,13 +56,13 @@ export function ContextGalleryDisplay({ size }: { size: number }) {
         <GalleryViewer
           fov={2}
           angle={0}
-          showSummary={false}
+          showSummary={"none"}
           paused={items.length > 0 ? false : true}
           items={items ?? []}
           tweenDuration={0}
           galleryItemWidth={size - theme.spacing * 2}
           galleryItemHeight={size - theme.spacing * 2}
-          itemSpacing={0}
+          itemSpacing={2}
           w={size}
           h={size}
         />

package/src/library/components/DemoWrapper.tsx

@@ -0,0 +1,113 @@
+import React, { useEffect, useState } from "react";
+
+import { Chit } from "../game/Chit";
+import { MatchViewer } from "./MatchViewer";
+import { Game } from "../game/Game";
+import { GameProvider } from "../hooks/useGame";
+import { ConnectionProvider } from "../hooks/useConnection";
+import { Connection } from "../game/Connection";
+import { LocalConnectionTransport } from "../game/ConnectionTransport";
+import { Match } from "../game/Match";
+import { PlayerInfo } from "../game/PlayerInfo";
+import { EphemeralMatchStorage } from "../game/MatchStorage";
+import { PlayerProvider } from "../hooks/usePlayer";
+import { LoadingStateProvider, LoadingStates } from "../hooks/useLoadingStates";
+import { BadAIClientPrompts } from "../game/badAiTransport/BadAIClientPrompts";
+import { RootChit } from "../game/RootChit";
+
+export interface IChitLibrary {
+  [key: string]: new () => Chit;
+}
+
+function PlayerEditor({ playerId, match, showBack }: { showBack?: boolean; playerId: string; match: Match<any, any> }) {
+  const [localConnection, setLocalConnection] = useState<Connection | undefined>();
+  const [, setRemoteConnection] = useState<LocalConnectionTransport>(new LocalConnectionTransport());
+
+  useEffect(() => {
+    const newRemoteConnection = new LocalConnectionTransport();
+    const newConnection = new Connection(new LocalConnectionTransport());
+    (newConnection.transport as LocalConnectionTransport).connect(newRemoteConnection);
+    match.connect(newRemoteConnection, playerId);
+
+    const opponentRemoteConnection = new LocalConnectionTransport();
+    const opponentConnection = new Connection(new LocalConnectionTransport());
+    opponentConnection.register(new BadAIClientPrompts<any, any>("p1", opponentConnection), "ClientPrompts");
+    (opponentConnection.transport as LocalConnectionTransport).connect(opponentRemoteConnection);
+    match.connect(opponentRemoteConnection, "p1");
+
+    setLocalConnection(newConnection);
+    setRemoteConnection(newRemoteConnection);
+    return () => {
+      newConnection.dispose();
+    };
+  }, [match, playerId]);
+
+  if (!localConnection) {
+    return null;
+  }
+
+  return (
+    <ConnectionProvider connection={localConnection}>
+      <PlayerProvider playerId={playerId}>
+        <MatchViewer
+          onBack={
+            showBack
+              ? () => {
+                  window.history.back();
+                }
+              : undefined
+          }
+        />
+      </PlayerProvider>
+    </ConnectionProvider>
+  );
+}
+
+function Editor({ game }: { game: Game<any, any> }) {
+  const [match, setMatch] = useState<Match<any, any> | null>(null);
+
+  useEffect(() => {
+    const storage = new EphemeralMatchStorage("demogame");
+
+    const tempRoot = new game.chitLibrary.Root() as RootChit<any>;
+    const playerCount = tempRoot.setupDemoGame();
+    const configOptions = tempRoot.getCurrentlySelectedMatchOptions();
+
+    const players = [];
+    for (let i = 0; i < playerCount; i++) {
+      players.push(new PlayerInfo(`p${i}`, i === 0 ? "Human" : `Robot ${i}`));
+    }
+    const match = new Match(game, players, storage, configOptions);
+    let cancelled = false;
+    match.load().then(() => {
+      if (cancelled) {
+        return;
+      }
+      match.start();
+      setMatch(match);
+    });
+    return () => {
+      match.dispose();
+      cancelled = true;
+    };
+  }, [game]);
+
+  if (!match) {
+    return null;
+  }
+
+  return (
+    <GameProvider game={game}>
+      <PlayerEditor playerId={"p0"} match={match} showBack />
+    </GameProvider>
+  );
+}
+
+export function DemoWrapper({ game }: { game: Game<any, any> }) {
+  const [loadingStates] = useState<LoadingStates>(new LoadingStates());
+  return (
+    <LoadingStateProvider loadingStates={loadingStates}>
+      <Editor game={game} />
+    </LoadingStateProvider>
+  );
+}

package/src/library/components/{GalleryDisplay.tsx → FullScreenGalleryDisplay.tsx}

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useRef } from "react";
-import { Box } from "@mui/material";
+import { Box, IconButton } from "@mui/material";
 import { useEventChannelState } from "../hooks/useEventChannelState";
 import { useModalState } from "../hooks/useModalState";
 import { GalleryItem, GalleryViewer } from "./GalleryViewer";
@@ -7,10 +7,12 @@ import useSize from "@react-hook/size";
 import { useAnimationSpeedMultiplier } from "../hooks/useTimeController";
 import { useGameTheme } from "../hooks/useGameTheme";
 import { GameModalBackdrop } from "./GameModalBackdrop";
+import { BrandingWatermark } from "@mui/icons-material";
+import { useButtonGalleriesOptions } from "../hooks/useButtonGalleriesOptions";
 
 const DELAY = 300;
 
-export function GalleryDisplay() {
+export function FullScreenGalleryDisplay() {
   const theme = useGameTheme();
   const animationSpeedMultiplier = useAnimationSpeedMultiplier();
   const ref = useRef(null);
@@ -18,6 +20,9 @@ export function GalleryDisplay() {
   const modalState = useModalState();
   const [items, setItems] = useState<GalleryItem[] | undefined>(undefined);
   const [source, setSource] = useEventChannelState(modalState.gallerySource);
+  const [_inlineSource, setInlineSource] = useEventChannelState(modalState.inlineGallerySource);
+  const [_galleryDisplayMode, setGalleryDisplayMode] = useButtonGalleriesOptions();
+
   const hasItems = items && items?.length > 0;
 
   useEffect(() => {
@@ -39,15 +44,36 @@ export function GalleryDisplay() {
     // This has to be outside of the modal backdrop so we can get the size correctly
     <Box ref={ref} sx={{ position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }}>
       <GameModalBackdrop visible={!!hasItems}>
+        {source?.inlineGallerySize && (
+          <IconButton
+            sx={{
+              backgroundColor: theme.inlineGalleryButtonBackgroundColor,
+              position: "absolute",
+              bottom: 4,
+              right: 4,
+              zIndex: 2,
+            }}
+            size="small"
+            onClick={() => {
+              setInlineSource(source);
+              setSource(undefined);
+              setGalleryDisplayMode("inline");
+            }}
+          >
+            <BrandingWatermark sx={{ color: theme.inlineGalleryButtonForegroundColor }} />
+          </IconButton>
+        )}
         <GalleryViewer
           onClose={() => {
             setSource(undefined);
           }}
+          fov={10}
           items={items ?? []}
           tweenDuration={DELAY * animationSpeedMultiplier * 0.8}
           galleryItemWidth={theme.galleryItemWidth}
           galleryItemHeight={theme.galleryItemHeight}
           itemSpacing={theme.galleryItemSpacing}
+          showSummary="full"
           w={width}
           h={height}
         />

package/src/library/components/Gallery/AnimationController.ts

@@ -0,0 +1,110 @@
+import { Easing, Tween } from "@tweenjs/tween.js";
+import { BuiltItem } from "./BuiltItem";
+import { MAX_SNAP_DURATION, SNAP_DURATION_MULTIPLIER } from "./constants";
+
+export class AnimationController {
+  public dirty = false;
+  private tween: Tween<{ x: number }> | undefined;
+  private offsetX = 0;
+  private tweenDuration = 250;
+
+  getOffsetX(): number {
+    return this.offsetX;
+  }
+
+  isAnimating(): boolean {
+    return this.tween !== undefined;
+  }
+
+  get exitTweenDuration() {
+    return this.tweenDuration;
+  }
+  get enterTweenDuration() {
+    return this.tweenDuration;
+  }
+  get changeIndexTweenDuration() {
+    return this.tweenDuration;
+  }
+
+  setTweenDuration(duration: number) {
+    this.tweenDuration = duration;
+  }
+
+  stop() {
+    this.tween?.stop();
+    this.tween = undefined;
+  }
+
+  pan(
+    deltaX: number,
+    animate: boolean,
+    items: BuiltItem[],
+    itemsPerPage: number,
+    itemWidth: number,
+    itemSpacing: number,
+    w: number,
+  ) {
+    const max = 0;
+    const min = -(items.length - Math.min(items.length, itemsPerPage)) * (itemWidth + itemSpacing);
+
+    this.stop();
+    this.dirty = true;
+
+    if (!animate) {
+      this.applyPanOffset(deltaX, max, min, w, items);
+    } else {
+      this.animatePanToNearest(deltaX, max, min, itemWidth, itemSpacing, items);
+    }
+  }
+
+  private applyPanOffset(delta: number, max: number, min: number, w: number, items: BuiltItem[]) {
+    this.offsetX += delta;
+    this.offsetX = Math.max(min - w / 2, Math.min(max + w / 2, this.offsetX));
+    items.forEach((item) => {
+      item.baseOffsetX = this.offsetX;
+    });
+  }
+
+  private animatePanToNearest(
+    delta: number,
+    max: number,
+    min: number,
+    itemWidth: number,
+    itemSpacing: number,
+    items: BuiltItem[],
+  ) {
+    let target = this.offsetX + delta;
+    const itemIndex = Math.round(target / (itemWidth + itemSpacing));
+    target = itemIndex * (itemWidth + itemSpacing);
+    target = Math.max(min, Math.min(max, target));
+
+    const duration = 0.0001 + Math.min(MAX_SNAP_DURATION, SNAP_DURATION_MULTIPLIER * Math.abs(target - this.offsetX));
+
+    this.tween = new Tween({ x: this.offsetX })
+      .onUpdate(({ x }) => {
+        this.dirty = true;
+        this.offsetX = x;
+        items.forEach((item) => {
+          item.baseOffsetX = x;
+        });
+      })
+      .easing(Easing.Quadratic.Out)
+      .to({ x: target }, duration)
+      .onComplete(() => {
+        this.tween = undefined;
+      })
+      .start();
+  }
+
+  update(): boolean {
+    let changed = this.dirty;
+
+    if (this.tween) {
+      this.tween.update();
+      changed = true;
+    }
+    this.dirty = false;
+
+    return changed;
+  }
+}