@dxos/plugin-chess 0.7.5-labs.5f04cf6 → 0.7.5-labs.e27f9b9

package/dist/types/src/components/ChessPanel.d.ts

@@ -0,0 +1,11 @@
+import { type Color } from 'chess.js';
+import { type FC } from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type ChessModel } from '@dxos/react-ui-gameboard';
+export type ChessPanelProps = ThemedClassName<{
+    model: ChessModel;
+    orientation?: Color;
+    onFlip?: () => void;
+}>;
+export declare const ChessPanel: FC<ChessPanelProps>;
+//# sourceMappingURL=ChessPanel.d.ts.map

package/dist/types/src/components/ChessPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChessPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ChessPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AACtC,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAG3D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;IAC5C,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgD1C,CAAC"}

package/dist/types/src/components/Chessboard.stories.d.ts

@@ -0,0 +1,8 @@
+import '@dxos-theme';
+import { type Meta, type StoryObj } from '@storybook/react';
+import { Chessboard } from '@dxos/react-ui-gameboard';
+declare const meta: Meta<typeof Chessboard>;
+type Story = StoryObj<typeof Chessboard>;
+export default meta;
+export declare const Default: Story;
+//# sourceMappingURL=Chessboard.stories.d.ts.map

package/dist/types/src/components/Chessboard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chessboard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Chessboard.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAS,UAAU,EAAc,MAAM,0BAA0B,CAAC;AAkBzE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAKjC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/{Chess.d.ts → PlayerSelector.d.ts}

@@ -1,9 +1,8 @@
 import React from 'react';
 import { type Space } from '@dxos/react-client/echo';
 import { type ChessType } from '../types';
-export declare const Chess: ({ space, game, playerSelector }: {
+export declare const PlayerSelector: ({ space, game }: {
     space: Space;
     game: ChessType;
-    playerSelector?: boolean;
-}) => React.JSX.Element | null;
-//# sourceMappingURL=Chess.d.ts.map
+}) => React.JSX.Element;
+//# sourceMappingURL=PlayerSelector.d.ts.map

package/dist/types/src/components/PlayerSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/PlayerSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAc,KAAK,KAAK,EAAoB,MAAM,yBAAyB,CAAC;AAInF,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,cAAc,oBAAqB;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,sBAuBhF,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,6 +1,6 @@
-export * from './Chess';
-export * from './Chessboard';
-export declare const ChessContainer: import("react").LazyExoticComponent<({ game, role }: Pick<import("react").ComponentProps<typeof import("./Chess").Chess>, "game"> & {
+export * from './ChessComponent';
+export declare const ChessContainer: import("react").LazyExoticComponent<({ game }: {
+    game: import("../types").ChessType;
     role?: string;
 }) => import("react").JSX.Element | null>;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAE7B,eAAO,MAAM,cAAc;QACiG,CAAC;yCADzD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,cAAc,kBAAkB,CAAC;AAEjC,eAAO,MAAM,cAAc;;QAC2K,CAAC;yCADnI,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"version":"5.7.2"}
+{"version":"5.7.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-chess",
-  "version": "0.7.5-labs.5f04cf6",
+  "version": "0.7.5-labs.e27f9b9",
   "description": "Chess for new plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -35,42 +35,39 @@
     "@effect/schema": "^0.75.5",
     "@preact/signals-core": "^1.6.0",
     "chess.js": "^1.0.0",
-    "react-chessboard": "^4.7.2",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-resize-detector": "^11.0.1",
-    "@dxos/app-framework": "0.7.5-labs.5f04cf6",
-    "@dxos/artifact": "0.7.5-labs.5f04cf6",
-    "@dxos/assistant": "0.7.5-labs.5f04cf6",
-    "@dxos/echo-schema": "0.7.5-labs.5f04cf6",
-    "@dxos/display-name": "0.7.5-labs.5f04cf6",
-    "@dxos/async": "0.7.5-labs.5f04cf6",
-    "@dxos/invariant": "0.7.5-labs.5f04cf6",
-    "@dxos/live-object": "0.7.5-labs.5f04cf6",
-    "@dxos/plugin-client": "0.7.5-labs.5f04cf6",
-    "@dxos/plugin-graph": "0.7.5-labs.5f04cf6",
-    "@dxos/plugin-space": "0.7.5-labs.5f04cf6",
-    "@dxos/react-ui-stack": "0.7.5-labs.5f04cf6",
-    "@dxos/react-client": "0.7.5-labs.5f04cf6"
+    "effect": "^3.12.3",
+    "@dxos/artifact": "0.7.5-labs.e27f9b9",
+    "@dxos/app-framework": "0.7.5-labs.e27f9b9",
+    "@dxos/assistant": "0.7.5-labs.e27f9b9",
+    "@dxos/echo-schema": "0.7.5-labs.e27f9b9",
+    "@dxos/display-name": "0.7.5-labs.e27f9b9",
+    "@dxos/async": "0.7.5-labs.e27f9b9",
+    "@dxos/invariant": "0.7.5-labs.e27f9b9",
+    "@dxos/live-object": "0.7.5-labs.e27f9b9",
+    "@dxos/plugin-graph": "0.7.5-labs.e27f9b9",
+    "@dxos/plugin-space": "0.7.5-labs.e27f9b9",
+    "@dxos/plugin-client": "0.7.5-labs.e27f9b9",
+    "@dxos/react-client": "0.7.5-labs.e27f9b9",
+    "@dxos/react-ui-stack": "0.7.5-labs.e27f9b9",
+    "@dxos/react-ui-gameboard": "0.7.5-labs.e27f9b9"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
-    "effect": "^3.12.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui-theme": "0.7.5-labs.5f04cf6",
-    "@dxos/storybook-utils": "0.7.5-labs.5f04cf6",
-    "@dxos/react-ui": "0.7.5-labs.5f04cf6"
+    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
+    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9",
+    "@dxos/storybook-utils": "0.7.5-labs.e27f9b9"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "effect": "^3.12.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-labs.5f04cf6",
-    "@dxos/react-ui-theme": "0.7.5-labs.5f04cf6"
+    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
+    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9"
   },
   "publishConfig": {
     "access": "public"

package/src/ChessPlugin.tsx

@@ -2,15 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import {
-  Capabilities,
-  contributes,
-  createIntent,
-  defineModule,
-  definePlugin,
-  Events,
-  oneOf,
-} from '@dxos/app-framework';
+import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';
 import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
 
 import { Artifact, IntentResolver, ReactSurface } from './capabilities';
@@ -27,7 +19,7 @@ export const ChessPlugin = () =>
     }),
     defineModule({
       id: `${meta.id}/module/metadata`,
-      activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
+      activatesOn: Events.SetupMetadata,
       activate: () =>
         contributes(Capabilities.Metadata, {
           id: ChessType.typename,
@@ -40,17 +32,17 @@ export const ChessPlugin = () =>
     }),
     defineModule({
       id: `${meta.id}/module/schema`,
-      activatesOn: ClientEvents.SetupClient,
+      activatesOn: ClientEvents.SetupSchema,
       activate: () => contributes(ClientCapabilities.Schema, [ChessType]),
     }),
     defineModule({
       id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.Startup,
+      activatesOn: Events.SetupSurfaces,
       activate: ReactSurface,
     }),
     defineModule({
       id: `${meta.id}/module/intent-resolver`,
-      activatesOn: Events.Startup,
+      activatesOn: Events.SetupIntents,
       activate: IntentResolver,
     }),
     defineModule({

package/src/capabilities/intent-resolver.ts

@@ -12,13 +12,15 @@ import { ChessAction, ChessType } from '../types';
 export default () =>
   contributes(
     Capabilities.IntentResolver,
-    createResolver(ChessAction.Create, ({ name, fen }) => {
-      const pgn = fen ? new Chess(fen).pgn() : undefined;
-
-      return {
-        data: {
-          object: create(ChessType, { name, fen, pgn }),
-        },
-      };
+    createResolver({
+      intent: ChessAction.Create,
+      resolve: ({ name, fen }) => {
+        const pgn = fen ? new Chess(fen).pgn() : undefined;
+        return {
+          data: {
+            object: create(ChessType, { name, fen, pgn }),
+          },
+        };
+      },
     }),
   );

package/src/capabilities/react-surface.tsx

@@ -2,13 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Chess } from 'chess.js';
 import React from 'react';
 
 import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
 
-import { Chessboard, ChessContainer } from '../components';
+import { ChessContainer } from '../components';
+import { ChessComponent } from '../components/ChessComponent';
 import { CHESS_PLUGIN } from '../meta';
 import { ChessType, isObject } from '../types';
 
@@ -24,15 +24,6 @@ export default () =>
       id: 'plugin-chess',
       role: 'canvas-node',
       filter: (data): data is any => isInstanceOf(ChessType, data),
-      component: ({ data }) => (
-        <Chessboard
-          model={{ chess: new Chess(data.fen) }}
-          onUpdate={(move) => {
-            const board = new Chess(data.fen);
-            board.move(move);
-            data.value = board.fen();
-          }}
-        />
-      ),
+      component: ({ data }) => <ChessComponent game={data} />,
     }),
   ]);

package/src/components/ChessComponent.tsx

@@ -0,0 +1,48 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { Chess } from 'chess.js';
+import React, { useCallback, useEffect, useMemo } from 'react';
+
+import { getSpace } from '@dxos/react-client/echo';
+import { ChessModel, Board, Chessboard, type BoardRootProps } from '@dxos/react-ui-gameboard';
+
+import { type ChessType } from '../types';
+
+export const ChessComponent = ({ game }: { game: ChessType }) => {
+  const model = useMemo(() => new ChessModel(), []);
+  useEffect(() => {
+    if (!model || game.pgn !== model?.game.pgn()) {
+      const chess = new Chess();
+      if (game.pgn) {
+        chess.loadPgn(game.pgn);
+      }
+
+      model.initialize(chess.fen());
+    }
+  }, [game.pgn]);
+
+  const space = getSpace(game);
+  if (!space) {
+    return null;
+  }
+
+  const handleDrop = useCallback<NonNullable<BoardRootProps['onDrop']>>(
+    (move) => {
+      if (model.makeMove(move)) {
+        game.pgn = model.game.pgn();
+        return true;
+      }
+
+      return false;
+    },
+    [model],
+  );
+
+  return (
+    <Board.Root model={model} onDrop={handleDrop}>
+      <Chessboard />
+    </Board.Root>
+  );
+};

package/src/components/ChessContainer.tsx

@@ -2,14 +2,16 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { type ComponentProps } from 'react';
+import React from 'react';
 
 import { getSpace } from '@dxos/react-client/echo';
 import { StackItem } from '@dxos/react-ui-stack';
 
-import { Chess } from './Chess';
+import { ChessComponent } from './ChessComponent';
+import { PlayerSelector } from './PlayerSelector';
+import { type ChessType } from '../types';
 
-const ChessContainer = ({ game, role }: Pick<ComponentProps<typeof Chess>, 'game'> & { role?: string }) => {
+const ChessContainer = ({ game }: { game: ChessType; role?: string }) => {
   const space = getSpace(game);
   if (!space) {
     return null;
@@ -17,7 +19,15 @@ const ChessContainer = ({ game, role }: Pick<ComponentProps<typeof Chess>, 'game
 
   return (
     <StackItem.Content toolbar={false}>
-      <Chess game={game} space={space} playerSelector={role === 'article'} />
+      <div role='none' className='grid grid-rows-[60px_1fr_60px] grow overflow-hidden'>
+        <div />
+
+        <div className='flex m-4 overflow-hidden'>
+          <ChessComponent game={game} />
+        </div>
+
+        <PlayerSelector space={space} game={game} />
+      </div>
     </StackItem.Content>
   );
 };

package/src/components/ChessPanel.tsx

@@ -0,0 +1,67 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { ArrowURightDown, Circle } from '@phosphor-icons/react';
+import { type Color } from 'chess.js';
+import React, { type FC } from 'react';
+
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type ChessModel } from '@dxos/react-ui-gameboard';
+import { getSize, mx } from '@dxos/react-ui-theme';
+
+export type ChessPanelProps = ThemedClassName<{
+  model: ChessModel;
+  orientation?: Color;
+  onFlip?: () => void;
+}>;
+
+export const ChessPanel: FC<ChessPanelProps> = ({ classNames, model, orientation = 'w', onFlip }) => {
+  const game = model.game;
+  const history = game.history();
+  const label = game.isGameOver()
+    ? game.isCheckmate()
+      ? 'CHECKMATE'
+      : game.isStalemate()
+        ? 'STALEMATE'
+        : 'DRAW'
+    : game.isCheck()
+      ? 'CHECK'
+      : history.length
+        ? `Move ${history.length}`
+        : '';
+
+  const Player = ({ color }: { color: Color }) => {
+    const turn = color === game.turn();
+
+    return (
+      <div className='flex items-center'>
+        <Circle
+          className={mx(getSize(4), turn && (game.isCheckmate() ? 'text-red-500' : 'text-green-500'))}
+          weight={turn ? 'fill' : 'thin'}
+        />
+      </div>
+    );
+  };
+
+  return (
+    <div className={mx('flex flex-col', classNames)}>
+      <div className='flex items-center justify-between pl-2 pr-2 border-b' style={{ height: 32 }}>
+        <Player color={orientation === 'w' ? 'b' : 'w'} />
+        {onFlip && (
+          <button onClick={onFlip}>
+            <ArrowURightDown weight='thin' className={getSize(6)} />
+          </button>
+        )}
+      </div>
+
+      <div className='flex flex-col justify-center pl-2 font-thin' style={{ height: 40 }}>
+        {label}
+      </div>
+
+      <div className='flex items-center justify-between pl-2 pr-2 border-t' style={{ height: 32 }}>
+        <Player color={orientation} />
+      </div>
+    </div>
+  );
+};

package/src/components/Chessboard.stories.tsx

@@ -0,0 +1,39 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type Meta, type StoryObj } from '@storybook/react';
+import React, { useMemo } from 'react';
+
+import { Board, Chessboard, ChessModel } from '@dxos/react-ui-gameboard';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
+
+import { ChessPanel } from './ChessPanel';
+
+const Render = () => {
+  const model = useMemo(() => new ChessModel(), []);
+
+  return (
+    <div className='flex grow mx-8 gap-8 items-center overflow-hidden'>
+      <Board.Root model={model} onDrop={(move) => model.makeMove(move)}>
+        <Chessboard />
+      </Board.Root>
+      <ChessPanel model={model} classNames='w-[200px]' />
+    </div>
+  );
+};
+
+const meta: Meta<typeof Chessboard> = {
+  title: 'plugins/plugin-chess/Chessboard',
+  component: Chessboard,
+  render: Render,
+  decorators: [withTheme, withLayout({ fullscreen: true })],
+};
+
+type Story = StoryObj<typeof Chessboard>;
+
+export default meta;
+
+export const Default: Story = {};

package/src/components/{Chess.tsx → PlayerSelector.tsx}

@@ -3,64 +3,16 @@
 //
 
 import { CrownCross } from '@phosphor-icons/react';
-import { Chess as ChessJs } from 'chess.js';
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 
 import { generateName } from '@dxos/display-name';
-import { invariant } from '@dxos/invariant';
 import { useMembers, type Space, type SpaceMember } from '@dxos/react-client/echo';
 import { Input, Select, useThemeContext } from '@dxos/react-ui';
 import { getSize, mx } from '@dxos/react-ui-theme';
 
-import { Chessboard, type ChessModel, type ChessMove } from './Chessboard';
 import { type ChessType } from '../types';
 
-const useChessModel = (game: ChessType) => {
-  const [model, setModel] = useState<ChessModel>();
-
-  useEffect(() => {
-    if (!model || game.pgn !== model?.chess.pgn()) {
-      const chess = new ChessJs(game.pgn ? undefined : game.fen);
-      if (game.pgn) {
-        chess.loadPgn(game.pgn);
-      }
-
-      setModel({ chess });
-    }
-  }, [game.pgn]);
-
-  const handleUpdate = (move: ChessMove) => {
-    invariant(model);
-    if (model.chess.move(move)) {
-      game.pgn = model.chess.pgn();
-      game.fen = model.chess.fen();
-      setModel({ ...model });
-    }
-  };
-
-  return { model, handleUpdate };
-};
-
-export const Chess = ({ space, game, playerSelector }: { space: Space; game: ChessType; playerSelector?: boolean }) => {
-  const { model, handleUpdate } = useChessModel(game);
-  if (!model) {
-    return null;
-  }
-
-  return (
-    <div role='none' className='grid grid-rows-[60px_1fr_60px] grow overflow-hidden'>
-      <div />
-      <div className='flex grow justify-center overflow-hidden'>
-        <div className='flex grow max-w-[600px] items-center overflow-hidden'>
-          <Chessboard model={model} onUpdate={handleUpdate} />
-        </div>
-      </div>
-      {playerSelector && <PlayerSelector game={game} space={space} />}
-    </div>
-  );
-};
-
-const PlayerSelector = ({ game, space }: { game: ChessType; space: Space }) => {
+export const PlayerSelector = ({ space, game }: { space: Space; game: ChessType }) => {
   const members = useMembers(space.key);
 
   return (

package/src/components/index.ts

@@ -4,7 +4,6 @@
 
 import { lazy } from 'react';
 
-export * from './Chess';
-export * from './Chessboard';
+export * from './ChessComponent';
 
 export const ChessContainer = lazy(() => import('./ChessContainer'));

package/dist/lib/browser/ChessContainer-G736GS2V.mjs

@@ -1,26 +0,0 @@
-import {
-  Chess
-} from "./chunk-JUAC2NNR.mjs";
-
-// packages/plugins/plugin-chess/src/components/ChessContainer.tsx
-import React from "react";
-import { getSpace } from "@dxos/react-client/echo";
-import { StackItem } from "@dxos/react-ui-stack";
-var ChessContainer = ({ game, role }) => {
-  const space = getSpace(game);
-  if (!space) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(StackItem.Content, {
-    toolbar: false
-  }, /* @__PURE__ */ React.createElement(Chess, {
-    game,
-    space,
-    playerSelector: role === "article"
-  }));
-};
-var ChessContainer_default = ChessContainer;
-export {
-  ChessContainer_default as default
-};
-//# sourceMappingURL=ChessContainer-G736GS2V.mjs.map

package/dist/lib/browser/ChessContainer-G736GS2V.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ChessContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentProps } from 'react';\n\nimport { getSpace } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Chess } from './Chess';\n\nconst ChessContainer = ({ game, role }: Pick<ComponentProps<typeof Chess>, 'game'> & { role?: string }) => {\n  const space = getSpace(game);\n  if (!space) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content toolbar={false}>\n      <Chess game={game} space={space} playerSelector={role === 'article'} />\n    </StackItem.Content>\n  );\n};\n\nexport default ChessContainer;\n"],
-  "mappings": ";;;;;AAIA,OAAOA,WAAoC;AAE3C,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAI1B,IAAMC,iBAAiB,CAAC,EAAEC,MAAMC,KAAI,MAAkE;AACpG,QAAMC,QAAQC,SAASH,IAAAA;AACvB,MAAI,CAACE,OAAO;AACV,WAAO;EACT;AAEA,SACE,sBAAA,cAACE,UAAUC,SAAO;IAACC,SAAS;KAC1B,sBAAA,cAACC,OAAAA;IAAMP;IAAYE;IAAcM,gBAAgBP,SAAS;;AAGhE;AAEA,IAAA,yBAAeF;",
-  "names": ["React", "getSpace", "StackItem", "ChessContainer", "game", "role", "space", "getSpace", "StackItem", "Content", "toolbar", "Chess", "playerSelector"]
-}