@dxos/plugin-chess 0.8.4-main.1068cf700f → 0.8.4-main.1c7ec43d41

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

@@ -1,46 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-import { Chess } from '../types';
-type StoryProps = {
-    pgn?: string;
-};
-declare const meta: {
-    title: string;
-    component: ({ pgn }: StoryProps) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-        translations: [{
-            readonly 'en-US': {
-                readonly [Chess.Game.typename]: {
-                    readonly 'typename label': "Game";
-                    readonly 'typename label_zero': "Games";
-                    readonly 'typename label_one': "Game";
-                    readonly 'typename label_other': "Games";
-                    readonly 'object name placeholder': "New game";
-                    readonly 'rename object label': "Rename game";
-                    readonly 'delete object label': "Delete game";
-                    readonly 'object deleted label': "Game deleted";
-                };
-                readonly [meta.id]: {
-                    readonly 'plugin name': "Chess";
-                    readonly 'delete game label': "Delete";
-                    readonly 'game.checkmate label': "Checkmate";
-                    readonly 'game.stalemate label': "Stalemate";
-                    readonly 'game.draw label': "Draw";
-                    readonly 'game.check label': "Check";
-                    readonly 'select player button': "Select player";
-                    readonly 'toggle info button': "Toggle info";
-                    readonly 'close info button': "Close info";
-                    readonly 'flip board button': "Flip board";
-                };
-            };
-        }];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const EndGame: Story;
-export declare const Promption: Story;
-//# sourceMappingURL=Chessboard.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chessboard.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Chessboard.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,KAAK,UAAU,GAAG;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAOF,QAAA,MAAM,IAAI;;yBALqB,UAAU;;;;;;yBAZc,CAAQ,KAC5D,CAAC,IAAI,CAAC,QAAQ,CAAC;;;;;;;;;;yBAaN,CAAQ,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;CAWS,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { type Chess } from '../types';
-export type ChessboardArticleProps = SurfaceComponentProps<Chess.Game>;
-export declare const ChessboardArticle: ({ role, subject: game }: ChessboardArticleProps) => React.JSX.Element;
-//# sourceMappingURL=ChessboardArticle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChessboardArticle.d.ts","sourceRoot":"","sources":["../../../../src/components/ChessboardArticle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAMlE,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAItC,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAEvE,eAAO,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,sBAmDhF,CAAC"}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { type Chess } from '../types';
-export type ChessboardContainerProps = SurfaceComponentProps<Chess.Game>;
-export declare const ChessboardContainer: ({ role, subject: game }: ChessboardContainerProps) => React.JSX.Element | null;
-export default ChessboardContainer;
-//# sourceMappingURL=ChessboardContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChessboardContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ChessboardContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,wBAAwB,GAAG,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,GAAI,yBAAyB,wBAAwB,6BAqBpF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Info.d.ts","sourceRoot":"","sources":["../../../../src/components/Info.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,GAAG,EAAsD,MAAM,OAAO,CAAC;AAK5F,OAAO,EAA4B,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAChG,OAAO,EAAE,KAAK,MAAM,EAAuB,MAAM,0BAA0B,CAAC;AAK5E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIvD,MAAM,MAAM,SAAS,GAAG,eAAe,CACrC;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,CAAC,CACnD,CAAC;AAEF,eAAO,MAAM,IAAI;0EAAmF,SAAS;;CA+D5G,CAAC;AAQF,KAAK,YAAY,GAAG,eAAe,CAAC;IAClC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC,CAAC"}

package/src/blueprints/functions/create.ts

@@ -1,38 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-import * as Schema from 'effect/Schema';
-
-import { Database } from '@dxos/echo';
-import { defineFunction } from '@dxos/functions';
-
-import { Chess } from '../../types';
-
-export default defineFunction({
-  key: 'dxos.org/function/chess/create',
-  name: 'Create Chess',
-  description: 'Creates a new chess game.',
-  inputSchema: Schema.Struct({
-    name: Schema.optional(
-      Schema.String.annotations({
-        description: 'Name of the game.',
-      }),
-    ),
-    pgn: Schema.optional(
-      Schema.String.annotations({
-        description: 'Portable Game Notation.',
-      }),
-    ),
-    fen: Schema.optional(
-      Schema.String.annotations({
-        description: 'Forsyth-Edwards Notation.',
-      }),
-    ),
-  }),
-  outputSchema: Chess.Game,
-  handler: Effect.fn(function* ({ data: { name, pgn, fen } }) {
-    return yield* Database.add(Chess.make({ name, pgn, fen }));
-  }),
-});

package/src/blueprints/functions/index.ts

@@ -1,8 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export { default as create } from './create';
-export { default as move } from './move';
-export { default as play } from './play';
-export { default as print } from './print';

package/src/blueprints/functions/move.ts

@@ -1,48 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Chess as ChessJS } from 'chess.js';
-import * as Effect from 'effect/Effect';
-import * as Schema from 'effect/Schema';
-
-import { Database, Obj, Type } from '@dxos/echo';
-import { defineFunction } from '@dxos/functions';
-
-import { Chess } from '../../types';
-
-export default defineFunction({
-  key: 'dxos.org/function/chess/move',
-  name: 'Move',
-  description: 'Makes a move in the given chess game.',
-  inputSchema: Schema.Struct({
-    game: Type.Ref(Chess.Game).annotations({
-      description: 'The ID of the chess object.',
-    }),
-    move: Schema.String.annotations({
-      description: 'The move to make in the chess game.',
-      examples: ['e4', 'Bf3'],
-    }),
-  }),
-  outputSchema: Schema.Struct({
-    pgn: Schema.String.annotations({
-      description: 'The PGN of the game after the move was played.',
-    }),
-  }),
-  handler: Effect.fn(function* ({ data: { game, move } }) {
-    const object = yield* Database.load(game);
-    const chess = new ChessJS();
-    if (object.pgn) {
-      chess.loadPgn(object.pgn);
-    } else if (object.fen) {
-      chess.load(object.fen);
-    }
-
-    chess.move(move, { strict: false });
-    const pgn = chess.pgn();
-    Obj.change(object, (o) => {
-      o.pgn = pgn;
-    });
-    return { pgn };
-  }),
-});

package/src/blueprints/functions/play.ts

@@ -1,58 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Chess as ChessJS } from 'chess.js';
-import * as Effect from 'effect/Effect';
-import * as Schema from 'effect/Schema';
-
-import { Database, Obj, Type } from '@dxos/echo';
-import { defineFunction } from '@dxos/functions';
-
-import { Chess } from '../../types';
-
-export default defineFunction({
-  key: 'dxos.org/function/chess/play',
-  name: 'Play',
-  description: 'Uses the chess engine to play the next move.',
-  inputSchema: Schema.Struct({
-    game: Type.Ref(Chess.Game).annotations({
-      description: 'The ID of the chess object.',
-    }),
-    side: Schema.optional(Schema.Literal('white', 'black', 'any')).annotations({
-      description: 'The side to play.',
-      defaultValue: 'any',
-    }),
-  }),
-  outputSchema: Schema.Struct({
-    pgn: Schema.String.annotations({
-      description: 'The PGN of the game after the move was played.',
-    }),
-    move: Schema.optional(Schema.String).annotations({
-      description: 'The move that was played.',
-    }),
-  }),
-  handler: Effect.fn(function* ({ data: { game, side = 'any' } }) {
-    const object = yield* Database.load(game);
-    const chess = new ChessJS();
-    if (object.pgn) {
-      chess.loadPgn(object.pgn);
-    } else if (object.fen) {
-      chess.load(object.fen);
-    }
-
-    if (!(side === 'any' || (chess.turn() === 'w' && side === 'white') || (chess.turn() === 'b' && side === 'black'))) {
-      return { move: undefined, pgn: object.pgn! };
-    }
-
-    const moves = chess.moves();
-    const move = moves[Math.floor(Math.random() * moves.length)];
-
-    chess.move(move, { strict: false });
-    const pgn = chess.pgn();
-    Obj.change(object, (o) => {
-      o.pgn = pgn;
-    });
-    return { move, pgn };
-  }),
-});

package/src/blueprints/functions/print.ts

@@ -1,42 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Chess as ChessJS } from 'chess.js';
-import * as Effect from 'effect/Effect';
-import * as Schema from 'effect/Schema';
-
-import { defineFunction } from '@dxos/functions';
-
-export default defineFunction({
-  key: 'dxos.org/function/chess/print',
-  name: 'Print game',
-  description: 'Prints the chess game to ASCII.',
-  inputSchema: Schema.Struct({
-    pgn: Schema.optional(
-      Schema.String.annotations({
-        description: 'Portable Game Notation.',
-      }),
-    ),
-    fen: Schema.optional(
-      Schema.String.annotations({
-        description: 'Forsyth-Edwards Notation.',
-      }),
-    ),
-  }),
-  outputSchema: Schema.Struct({
-    ascii: Schema.String,
-  }),
-  handler: Effect.fn(function* ({ data: { pgn, fen } }) {
-    try {
-      const chess = new ChessJS(fen);
-      if (pgn) {
-        chess.loadPgn(pgn);
-      }
-      return { ascii: chess.ascii() };
-    } catch {
-      // TODO(burdon): Error handling?
-      return { ascii: '' };
-    }
-  }),
-});

package/src/capabilities/artifact-definition/artifact-definition.ts

@@ -1,135 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-// ISSUE(burdon): defineArtifact
-// @ts-nocheck
-
-import { Chess as ChessJS } from 'chess.js';
-import * as Effect from 'effect/Effect';
-import * as Schema from 'effect/Schema';
-
-import { ToolResult, createTool } from '@dxos/ai';
-import { Capabilities, Capability, type PromiseIntentDispatcher } from '@dxos/app-framework';
-import { ArtifactId, VersionPin, createArtifactElement } from '@dxos/assistant';
-import { defineArtifact } from '@dxos/blueprints';
-import { Obj } from '@dxos/echo';
-import { invariant } from '@dxos/invariant';
-import { SpaceOperation } from '@dxos/plugin-space/types';
-import { Filter, type Space } from '@dxos/react-client/echo';
-import { trim } from '@dxos/util';
-
-import { meta } from '../../meta';
-import { Chess } from '../../types';
-
-// TODO(burdon): Factor out.
-declare global {
-  interface ToolContextExtensions {
-    space?: Space;
-    dispatch?: PromiseIntentDispatcher;
-  }
-}
-
-export default Capability.makeModule(() =>
-  Effect.sync(() => {
-    const definition = defineArtifact({
-      id: `artifact:${meta.id}`,
-      name: meta.name,
-      description: 'Provides a simple chess engine.',
-      instructions: trim`
-      - If the user's message relates to a chess game, you must return the chess game inside the artifact tag as a valid FEN string with no additional text.
-      - Always inspect the chess game at the start of every prompt realting to a chess game, as it might have changed since the interaction.
-   `,
-      schema: Chess.Game,
-      tools: [
-        createTool(meta.id, {
-          name: 'create',
-          description: 'Create a new chess game. Returns the artifact definition for the game.',
-          caption: 'Creating chess game...',
-          schema: Schema.Struct({
-            pgn: Schema.String.annotations({ description: 'The state of the chess game in the PGN format.' }),
-          }),
-          execute: async ({ pgn }, { extensions }) => {
-            invariant(extensions?.space, 'No space');
-            invariant(extensions?.invoke, 'No operation invoker');
-
-            const game = Chess.make({ pgn });
-
-            const { data, error } = await extensions.invoke(SpaceOperation.AddObject, {
-              target: extensions.space,
-              object: game,
-            });
-            if (error) {
-              return ToolResult.Error(error?.message ?? 'Failed to add chess game to space');
-            }
-
-            return ToolResult.Success(createArtifactElement(game.id), [
-              VersionPin.createBlock(VersionPin.fromObject(game)),
-            ]);
-          },
-        }),
-        createTool(meta.id, {
-          name: 'list',
-          description: 'Query all active chess games.',
-          caption: 'Getting games...',
-          schema: Schema.Struct({}),
-          execute: async (_, { extensions }) => {
-            invariant(extensions?.space, 'No space');
-            const { objects: games } = await extensions.space.db.query(Filter.type(Chess.Game)).run();
-            invariant(games.length > 0, 'No chess games found');
-
-            return ToolResult.Success(games);
-          },
-        }),
-        createTool(meta.id, {
-          name: 'inspect',
-          description: 'Get the current state of the chess game.',
-          caption: 'Inspecting game...',
-          schema: Schema.Struct({ id: ArtifactId }),
-          execute: async ({ id }, { extensions }) => {
-            invariant(extensions?.space, 'No space');
-            const game = await extensions.space.db
-              .query(Filter.id(ArtifactId.toDXN(id, extensions.space.id).toString()))
-              .first();
-            invariant(Obj.instanceOf(Chess.Game, game));
-
-            return ToolResult.Success(game.pgn);
-          },
-        }),
-        createTool(meta.id, {
-          name: 'move',
-          description: 'Make a move in the chess game.',
-          caption: 'Making chess move...',
-          schema: Schema.Struct({
-            id: ArtifactId,
-            move: Schema.String.annotations({
-              description: 'The move to make in the chess game.',
-              examples: ['e4', 'Bf3'],
-            }),
-          }),
-          execute: async ({ id, move }, { extensions }) => {
-            invariant(extensions?.space, 'No space');
-            const game = await extensions.space.db
-              .query(Filter.id(ArtifactId.toDXN(id, extensions.space.id).toString()))
-              .first();
-            invariant(Obj.instanceOf(Chess.Game, game));
-
-            const chess = new ChessJS(game.pgn);
-            try {
-              chess.move(move);
-            } catch (error: any) {
-              return ToolResult.Error(error.message);
-            }
-
-            Obj.change(game, (g) => {
-              g.pgn = chess.pgn();
-            });
-            return ToolResult.Success(game.pgn);
-          },
-        }),
-      ],
-    });
-
-    return Capability.contributes(Capabilities.ArtifactDefinition, definition);
-  }),
-);

package/src/capabilities/artifact-definition/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ArtifactDefinition = Capability.lazy('ArtifactDefinition', () => import('./artifact-definition'));

package/src/capabilities/blueprint-definition/blueprint-definition.ts

@@ -1,24 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-
-import { Capability } from '@dxos/app-framework';
-import { AppCapabilities } from '@dxos/app-toolkit';
-
-import { ChessBlueprint } from '../../blueprints';
-
-export type BlueprintCapabilities = [
-  Capability.Capability<typeof AppCapabilities.Functions>,
-  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>,
-];
-
-const blueprintDefinition = Capability.makeModule<[], BlueprintCapabilities>(() =>
-  Effect.succeed([
-    Capability.contributes(AppCapabilities.Functions, ChessBlueprint.functions),
-    Capability.contributes(AppCapabilities.BlueprintDefinition, ChessBlueprint.make()),
-  ]),
-);
-
-export default blueprintDefinition;

package/src/capabilities/blueprint-definition/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const BlueprintDefinition = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));

package/src/capabilities/react-surface/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/react-surface/react-surface.tsx

@@ -1,28 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-import React from 'react';
-
-import { Capabilities, Capability } from '@dxos/app-framework';
-import { Surface } from '@dxos/app-framework/ui';
-import { Obj } from '@dxos/echo';
-
-import { ChessboardContainer } from '../../components';
-import { meta } from '../../meta';
-import { Chess } from '../../types';
-
-export default Capability.makeModule(() =>
-  Effect.succeed(
-    Capability.contributes(Capabilities.ReactSurface, [
-      Surface.create({
-        id: meta.id,
-        role: ['article', 'section', 'card--content'],
-        // TODO(burdon): Could this be standardized so that we don't require a subject property.
-        filter: (data): data is { subject: Chess.Game } => Obj.instanceOf(Chess.Game, data.subject),
-        component: ({ data, role }) => <ChessboardContainer role={role} subject={data.subject} />,
-      }),
-    ]),
-  ),
-);

package/src/cli/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-export * from './plugin';

package/src/cli/plugin.ts

@@ -1,27 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-
-import { Plugin } from '@dxos/app-framework';
-import { AppPlugin } from '@dxos/app-toolkit';
-import { type CreateObject } from '@dxos/plugin-space/types';
-
-import { meta } from '../meta';
-import { Chess } from '../types';
-
-// TODO(wittjosiah): Factor out shared modules.
-export const ChessPlugin = Plugin.define(meta).pipe(
-  AppPlugin.addMetadataModule({
-    metadata: {
-      id: Chess.Game.typename,
-      metadata: {
-        createObject: ((props) => Effect.sync(() => Chess.make(props))) satisfies CreateObject,
-        addToCollectionOnCreate: true,
-      },
-    },
-  }),
-  AppPlugin.addSchemaModule({ schema: [Chess.Game] }),
-  Plugin.make,
-);

package/src/components/Card.stories.tsx

@@ -1,47 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useMemo } from 'react';
-
-import { withTheme } from '@dxos/react-ui/testing';
-import { CardContainer } from '@dxos/react-ui-mosaic/testing';
-
-import { meta as pluginMeta } from '../meta';
-import { Chess } from '../types';
-
-import { Chessboard } from './Chessboard';
-
-const SAMPLE_PGN =
-  '1. e4 e5 2. Nf3 Nc6 3. Bc4 Bc5 4. c3 Nf6 5. d4 exd4 6. cxd4 Bb4+ 7. Nc3 d5 8. exd5 Nxd5 9. O-O Be6 10. Qb3 Na5 11. Qa4+ c6 12. Bxd5 Bxc3 13. Bxe6 fxe6 14. d5 Qg5 15. dxe6 Qg4 16. e7 Kf7 17. bxc3 Kg6 *';
-
-// TODO(wittjosiah): ECHO objects don't work when passed via Storybook args.
-const CardStory = () => {
-  const game = useMemo(() => Chess.make({ pgn: SAMPLE_PGN }), []);
-  return (
-    <CardContainer icon={pluginMeta.icon}>
-      <Chessboard.Root game={game}>
-        <Chessboard.Content>
-          <Chessboard.Board />
-        </Chessboard.Content>
-      </Chessboard.Root>
-    </CardContainer>
-  );
-};
-
-const meta = {
-  title: 'plugins/plugin-chess/Card',
-  render: () => <CardStory />,
-  decorators: [withTheme()],
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['cards'],
-} satisfies Meta;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Popover: Story = {};

package/src/components/ChessboardArticle.tsx

@@ -1,70 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useCallback, useRef, useState } from 'react';
-
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { Layout, Toolbar, useTranslation } from '@dxos/react-ui';
-import { type Player } from '@dxos/react-ui-gameboard';
-import { mx } from '@dxos/ui-theme';
-
-import { meta } from '../meta';
-import { type Chess } from '../types';
-
-import { Chessboard, type ChessboardController, type ChessboardInfoProps } from './Chessboard';
-
-export type ChessboardArticleProps = SurfaceComponentProps<Chess.Game>;
-
-export const ChessboardArticle = ({ role, subject: game }: ChessboardArticleProps) => {
-  const { t } = useTranslation(meta.id);
-  const [orientation, setOrientation] = useState<Player>('white');
-  const [open, setOpen] = useState(true);
-  const controller = useRef<ChessboardController>(null);
-
-  // TODO(burdon): Keyboard handler.
-  const handleSelect = useCallback<NonNullable<ChessboardInfoProps['onSelect']>>((index) => {
-    controller.current?.setMoveNumber(index);
-  }, []);
-
-  return (
-    <Layout.Main toolbar classNames='@container'>
-      <Chessboard.Root game={game} ref={controller}>
-        <Toolbar.Root>
-          <Toolbar.IconButton
-            icon='ph--info--regular'
-            iconOnly
-            label={t('toggle info button')}
-            disabled={open}
-            classNames={mx('invisible @3xl:visible')}
-            onClick={() => setOpen((open) => !open)}
-          />
-        </Toolbar.Root>
-        <div
-          className={mx(
-            'grid bs-full is-full gap-2',
-            open && '@3xl:grid-cols-[1fr_320px]',
-            role === 'section' && 'aspect-square',
-            role === 'section' && open && '@3xl:aspect-auto',
-          )}
-        >
-          <Chessboard.Content>
-            <Chessboard.Board classNames='m-4 rounded-sm overflow-hidden' orientation={orientation} />
-          </Chessboard.Content>
-          {open && (
-            <div className='hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden'>
-              <Chessboard.Info
-                orientation={orientation}
-                min={8}
-                max={8}
-                onOrientationChange={setOrientation}
-                onClose={() => setOpen(false)}
-                onSelect={handleSelect}
-              />
-            </div>
-          )}
-        </div>
-      </Chessboard.Root>
-    </Layout.Main>
-  );
-};