@dxos/plugin-chess 0.8.4-main.b97322e → 0.8.4-main.bc2380dfbc

package/src/meta.ts

@@ -2,16 +2,20 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type PluginMeta } from '@dxos/app-framework';
+import { type Plugin } from '@dxos/app-framework';
+import { meta as gameMeta } from '@dxos/plugin-game';
+import { trim } from '@dxos/util';
 
-export const CHESS_PLUGIN = 'dxos.org/plugin/chess';
-
-export const meta: PluginMeta = {
-  id: CHESS_PLUGIN,
+export const meta: Plugin.Meta = {
+  id: 'org.dxos.plugin.chess',
   name: 'Chess',
-  description:
-    'Chess is a simple plugin which allows you to render an interactive chessboard inside of a plank. This chessboard can be used for collaborative chess games, or for practice experiments with the LLM. ',
+  description: trim`
+    Full-featured chess game supporting multiplayer matches with friends or practice sessions against AI opponents.
+    Track game history and analyze moves in real-time.
+  `,
   icon: 'ph--shield-chevron--regular',
+  iconHue: 'amber',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-chess',
   screenshots: ['https://dxos.network/plugin-details-chess-dark.png'],
+  dependsOn: [gameMeta.id],
 };

package/src/operations/index.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { OperationHandlerSet } from '@dxos/compute';
+
+export const ChessOperationHandlerSet = OperationHandlerSet.lazy(
+  () => import('./move'),
+  () => import('./play'),
+  () => import('./print'),
+);

package/src/operations/move.ts

@@ -0,0 +1,36 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Chess as ChessJS } from 'chess.js';
+import * as Effect from 'effect/Effect';
+
+import { Operation } from '@dxos/compute';
+import { Obj } from '@dxos/echo';
+import { loadGame } from '@dxos/plugin-game';
+
+import { Chess, ChessOperation } from '../types';
+
+const handler: Operation.WithHandler<typeof ChessOperation.Move> = ChessOperation.Move.pipe(
+  Operation.withHandler(
+    Effect.fn(function* ({ game, move }) {
+      const { variant } = yield* loadGame(game, Chess.State);
+      const chess = new ChessJS();
+      if (variant.pgn) {
+        chess.loadPgn(variant.pgn);
+      } else if (variant.fen) {
+        chess.load(variant.fen);
+      }
+
+      chess.move(move, { strict: false });
+      const pgn = chess.pgn();
+      Obj.update(variant, (variant) => {
+        const mutable = variant as Obj.Mutable<typeof variant>;
+        mutable.pgn = pgn;
+      });
+      return { pgn };
+    }),
+  ),
+);
+
+export default handler;

package/src/operations/play.ts

@@ -0,0 +1,45 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Chess as ChessJS } from 'chess.js';
+import * as Effect from 'effect/Effect';
+
+import { Operation } from '@dxos/compute';
+import { Obj } from '@dxos/echo';
+import { loadGame } from '@dxos/plugin-game';
+
+import { Chess, ChessOperation } from '../types';
+
+const handler: Operation.WithHandler<typeof ChessOperation.Play> = ChessOperation.Play.pipe(
+  Operation.withHandler(
+    Effect.fn(function* ({ game, side = 'any' }) {
+      const { variant } = yield* loadGame(game, Chess.State);
+      const chess = new ChessJS();
+      if (variant.pgn) {
+        chess.loadPgn(variant.pgn);
+      } else if (variant.fen) {
+        chess.load(variant.fen);
+      }
+
+      if (
+        !(side === 'any' || (chess.turn() === 'w' && side === 'white') || (chess.turn() === 'b' && side === 'black'))
+      ) {
+        return { move: undefined, pgn: variant.pgn ?? '' };
+      }
+
+      const moves = chess.moves();
+      const move = moves[Math.floor(Math.random() * moves.length)];
+
+      chess.move(move, { strict: false });
+      const pgn = chess.pgn();
+      Obj.update(variant, (variant) => {
+        const mutable = variant as Obj.Mutable<typeof variant>;
+        mutable.pgn = pgn;
+      });
+      return { move, pgn };
+    }),
+  ),
+);
+
+export default handler;

package/src/operations/print.ts

@@ -0,0 +1,28 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Chess as ChessJS } from 'chess.js';
+import * as Effect from 'effect/Effect';
+
+import { Operation } from '@dxos/compute';
+
+import { ChessOperation } from '../types';
+
+const handler: Operation.WithHandler<typeof ChessOperation.Print> = ChessOperation.Print.pipe(
+  Operation.withHandler(
+    Effect.fn(function* ({ pgn, fen }) {
+      try {
+        const chess = new ChessJS(fen);
+        if (pgn) {
+          chess.loadPgn(pgn);
+        }
+        return { ascii: chess.ascii() };
+      } catch {
+        return { ascii: '' };
+      }
+    }),
+  ),
+);
+
+export default handler;

package/src/plugin.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const ChessPlugin = Plugin.lazy(meta, () => import('#plugin'));
+
+export { ChessOperationHandlerSet } from './operations';

package/src/testing.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// Eager re-export of `ChessPlugin`. See `@dxos/plugin-testing/src/core.ts`
+// for the rationale.
+export * from './ChessPlugin';

package/src/translations.ts

@@ -4,24 +4,30 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-import { meta } from './meta';
-import { ChessType } from './types';
+import { meta } from '#meta';
+import { Chess } from '#types';
 
 export const translations = [
   {
     'en-US': {
-      [ChessType.typename]: {
-        'typename label': 'Game',
-        'typename label_zero': 'Games',
-        'typename label_one': 'Game',
-        'typename label_other': 'Games',
-        'object name placeholder': 'New game',
-        'rename object label': 'Rename game',
-        'delete object label': 'Delete game',
+      [Chess.State.typename]: {
+        'typename.label': 'Chess',
+        'typename.label_zero': 'Chess games',
+        'typename.label_one': 'Chess game',
+        'typename.label_other': 'Chess games',
       },
       [meta.id]: {
-        'plugin name': 'Chess',
-        'delete game label': 'Delete',
+        'plugin.name': 'Chess',
+        'new-game.button': 'New game',
+        'delete-game.label': 'Delete',
+        'game.checkmate.label': 'Checkmate',
+        'game.stalemate.label': 'Stalemate',
+        'game.draw.label': 'Draw',
+        'game.check.label': 'Check',
+        'select-player.button': 'Select player',
+        'toggle-info.button': 'Toggle info',
+        'close-info.button': 'Close info',
+        'flip-board.button': 'Flip board',
       },
     },
   },

package/src/types/Chess.ts

@@ -0,0 +1,59 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { Chess as ChessJS } from 'chess.js';
+import * as Schema from 'effect/Schema';
+
+import { BlueprintsAnnotation } from '@dxos/app-toolkit';
+import { Annotation, Obj, Type } from '@dxos/echo';
+import { FormInputAnnotation, SystemTypeAnnotation } from '@dxos/echo/internal';
+import { log } from '@dxos/log';
+
+export const BLUEPRINT_KEY = 'org.dxos.blueprint.chess';
+
+/**
+ * Chess variant state. Referenced by the base `Game` object via `Game.variant`.
+ * Players, name, and other game-shared fields live on the base `Game`.
+ */
+export const State = Schema.Struct({
+  pgn: Schema.String.annotations({
+    description: 'Portable Game Notation.',
+  }).pipe(FormInputAnnotation.set(false), Schema.optional),
+  fen: Schema.String.annotations({
+    description: 'Forsyth-Edwards Notation.',
+  }).pipe(FormInputAnnotation.set(false), Schema.optional),
+}).pipe(
+  Type.object({
+    typename: 'org.dxos.type.chess.state',
+    version: '0.1.0',
+  }),
+  Annotation.IconAnnotation.set({
+    icon: 'ph--shield-chevron--regular',
+    hue: 'amber',
+  }),
+  BlueprintsAnnotation.set([BLUEPRINT_KEY]),
+  // Implementation detail of the unified `Game` schema. The user-facing object is `Game`;
+  // this state is only ever referenced via `Game.variant`. SystemType keeps it out of the
+  // navtree's typed branches so an orphaned state object doesn't reappear after the
+  // wrapping Game is deleted.
+  SystemTypeAnnotation.set(true),
+);
+
+export interface State extends Schema.Schema.Type<typeof State> {}
+
+export const make = ({ pgn, fen }: { pgn?: string; fen?: string } = {}): State => {
+  const chess = new ChessJS();
+  if (pgn) {
+    try {
+      chess.loadPgn(pgn);
+    } catch {
+      log.warn(pgn);
+    }
+  }
+
+  return Obj.make(State, {
+    pgn,
+    fen,
+  });
+};

package/src/types/ChessOperation.ts

@@ -0,0 +1,85 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import * as Schema from 'effect/Schema';
+
+import { Operation } from '@dxos/compute';
+import { Database } from '@dxos/echo';
+import { GameRef } from '@dxos/plugin-game';
+
+import * as Chess from './Chess';
+
+export const Move = Operation.make({
+  meta: {
+    key: 'org.dxos.function.chess.move',
+    name: 'Move',
+    description: 'Makes a move in the given chess game.',
+  },
+  input: Schema.Struct({
+    game: GameRef(Chess.State).annotations({
+      description: 'The ID of the game object (variant must be Chess).',
+    }),
+    move: Schema.String.annotations({
+      description: 'The move to make in the chess game.',
+      examples: ['e4', 'Bf3'],
+    }),
+  }),
+  output: Schema.Struct({
+    pgn: Schema.String.annotations({
+      description: 'The PGN of the game after the move was played.',
+    }),
+  }),
+  services: [Database.Service],
+});
+
+export const Play = Operation.make({
+  meta: {
+    key: 'org.dxos.function.chess.play',
+    name: 'Play',
+    description: 'Uses the chess engine to play the next move.',
+  },
+  input: Schema.Struct({
+    game: GameRef(Chess.State).annotations({
+      description: 'The ID of the game object (variant must be Chess).',
+    }),
+    side: Schema.optional(Schema.Literal('white', 'black', 'any')).annotations({
+      description: 'The side to play.',
+      defaultValue: 'any',
+    }),
+  }),
+  output: 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.',
+    }),
+  }),
+  services: [Database.Service],
+});
+
+export const Print = Operation.make({
+  meta: {
+    key: 'org.dxos.function.chess.print',
+    name: 'Print game',
+    description: 'Prints the chess game to ASCII.',
+  },
+  input: Schema.Struct({
+    pgn: Schema.optional(
+      Schema.String.annotations({
+        description: 'Portable Game Notation.',
+      }),
+    ),
+    fen: Schema.optional(
+      Schema.String.annotations({
+        description: 'Forsyth-Edwards Notation.',
+      }),
+    ),
+  }),
+  output: Schema.Struct({
+    ascii: Schema.String,
+  }),
+});

package/src/types/index.ts

@@ -2,5 +2,5 @@
 // Copyright 2024 DXOS.org
 //
 
-export * from './schema';
-export * from './types';
+export * as Chess from './Chess';
+export * as ChessOperation from './ChessOperation';

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

@@ -1,129 +0,0 @@
-import {
-  Chess
-} from "./chunk-ZXH3N4NA.mjs";
-
-// src/components/ChessContainer.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-import { getSpace } from "@dxos/react-client/echo";
-import { StackItem } from "@dxos/react-ui-stack";
-
-// src/components/PlayerSelector.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { generateName } from "@dxos/display-name";
-import { useMembers } from "@dxos/react-client/echo";
-import { Icon, Input, Select, useThemeContext } from "@dxos/react-ui";
-var PlayerSelector = ({ space, game }) => {
-  var _effect = _useSignals();
-  try {
-    const members = useMembers(space.key);
-    return /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "grid grid-cols-2 gap-8"
-    }, /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "flex flex-row-reverse items-center gap-2"
-    }, /* @__PURE__ */ React.createElement(PlayerSelect, {
-      side: "white",
-      value: game.playerWhite,
-      onValueChange: (player) => game.playerWhite = player,
-      members
-    })), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "flex flex-row items-center gap-2"
-    }, /* @__PURE__ */ React.createElement(PlayerSelect, {
-      side: "black",
-      value: game.playerBlack,
-      onValueChange: (player) => game.playerBlack = player,
-      members
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var PlayerSelect = ({ side, value, onValueChange, members }) => {
-  var _effect = _useSignals();
-  try {
-    const { themeMode } = useThemeContext();
-    const iconFillMode = side === "black" && themeMode === "light" || side === "white" && themeMode === "dark" ? "fill" : void 0;
-    return /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, /* @__PURE__ */ React.createElement(Icon, {
-      "aria-label": `Chess icon for side ${side}`,
-      icon: `ph--crown-cross--${iconFillMode || "regular"}`,
-      size: 6
-    })), /* @__PURE__ */ React.createElement(Select.Root, {
-      value,
-      onValueChange
-    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
-      placeholder: "Select player"
-    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, members.map((member) => {
-      const memberKey = member.identity.identityKey.toHex();
-      const displayName = member.identity?.profile?.displayName || generateName(memberKey);
-      return /* @__PURE__ */ React.createElement(Select.Option, {
-        key: memberKey,
-        value: memberKey
-      }, displayName);
-    }))))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ChessContainer.tsx
-var containFragment = "is-[min(100cqw,100cqh)] bs-[min(100cqw,100cqh)]";
-var ChessContainer = ({ game, role }) => {
-  var _effect = _useSignals2();
-  try {
-    const space = getSpace(game);
-    if (!space) {
-      return null;
-    }
-    switch (role) {
-      case "card--popover": {
-        return /* @__PURE__ */ React2.createElement(Chess.Root, {
-          game
-        }, /* @__PURE__ */ React2.createElement("div", {
-          role: "none",
-          className: "popover-square size-container"
-        }, /* @__PURE__ */ React2.createElement(Chess.Board, {
-          classNames: containFragment
-        })));
-      }
-      case "card--extrinsic": {
-        return /* @__PURE__ */ React2.createElement(Chess.Root, {
-          game
-        }, /* @__PURE__ */ React2.createElement("div", {
-          role: "none",
-          className: "grid is-full bs-full size-container place-content-center"
-        }, /* @__PURE__ */ React2.createElement(Chess.Board, {
-          classNames: containFragment
-        })));
-      }
-      case "card--intrinsic": {
-        return /* @__PURE__ */ React2.createElement(Chess.Root, {
-          game
-        }, /* @__PURE__ */ React2.createElement(Chess.Board, null));
-      }
-      default: {
-        return /* @__PURE__ */ React2.createElement(StackItem.Content, null, /* @__PURE__ */ React2.createElement("div", {
-          role: "none",
-          className: "grid grid-rows-[60px_1fr_60px] grow overflow-hidden"
-        }, /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement("div", {
-          className: "flex m-4 overflow-hidden"
-        }, /* @__PURE__ */ React2.createElement(Chess.Root, {
-          game
-        }, /* @__PURE__ */ React2.createElement(Chess.Content, null, /* @__PURE__ */ React2.createElement(Chess.Board, null)))), /* @__PURE__ */ React2.createElement(PlayerSelector, {
-          space,
-          game
-        })));
-      }
-    }
-  } finally {
-    _effect.f();
-  }
-};
-var ChessContainer_default = ChessContainer;
-export {
-  ChessContainer_default as default
-};
-//# sourceMappingURL=ChessContainer-SC4ZV6XZ.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ChessContainer.tsx", "../../../src/components/PlayerSelector.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Chess } from './Chess';\nimport { PlayerSelector } from './PlayerSelector';\nimport { type ChessType } from '../types';\n\nconst containFragment = 'is-[min(100cqw,100cqh)] bs-[min(100cqw,100cqh)]';\n\nconst ChessContainer = ({ game, role }: { game: ChessType; role?: string }) => {\n  const space = getSpace(game);\n\n  if (!space) {\n    return null;\n  }\n\n  switch (role) {\n    case 'card--popover': {\n      return (\n        <Chess.Root game={game}>\n          <div role='none' className='popover-square size-container'>\n            <Chess.Board classNames={containFragment} />\n          </div>\n        </Chess.Root>\n      );\n    }\n    case 'card--extrinsic': {\n      return (\n        <Chess.Root game={game}>\n          <div role='none' className='grid is-full bs-full size-container place-content-center'>\n            <Chess.Board classNames={containFragment} />\n          </div>\n        </Chess.Root>\n      );\n    }\n    case 'card--intrinsic': {\n      return (\n        <Chess.Root game={game}>\n          <Chess.Board />\n        </Chess.Root>\n      );\n    }\n    default: {\n      return (\n        <StackItem.Content>\n          <div role='none' className='grid grid-rows-[60px_1fr_60px] grow overflow-hidden'>\n            <div />\n\n            <div className='flex m-4 overflow-hidden'>\n              <Chess.Root game={game}>\n                <Chess.Content>\n                  <Chess.Board />\n                </Chess.Content>\n              </Chess.Root>\n            </div>\n\n            <PlayerSelector space={space} game={game} />\n          </div>\n        </StackItem.Content>\n      );\n    }\n  }\n};\n\nexport default ChessContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { generateName } from '@dxos/display-name';\nimport { useMembers, type Space, type SpaceMember } from '@dxos/react-client/echo';\nimport { Icon, Input, Select, useThemeContext } from '@dxos/react-ui';\n\nimport { type ChessType } from '../types';\n\nexport const PlayerSelector = ({ space, game }: { space: Space; game: ChessType }) => {\n  const members = useMembers(space.key);\n\n  return (\n    <div role='none' className='grid grid-cols-2 gap-8'>\n      <div role='none' className='flex flex-row-reverse items-center gap-2'>\n        <PlayerSelect\n          side='white'\n          value={game.playerWhite}\n          onValueChange={(player) => (game.playerWhite = player)}\n          members={members}\n        />\n      </div>\n      <div role='none' className='flex flex-row items-center gap-2'>\n        <PlayerSelect\n          side='black'\n          value={game.playerBlack}\n          onValueChange={(player) => (game.playerBlack = player)}\n          members={members}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst PlayerSelect = ({\n  side,\n  value,\n  onValueChange,\n  members,\n}: {\n  side: 'white' | 'black';\n  value: string | undefined;\n  onValueChange: (player: string) => void;\n  members: SpaceMember[];\n}) => {\n  const { themeMode } = useThemeContext();\n  const iconFillMode =\n    (side === 'black' && themeMode === 'light') || (side === 'white' && themeMode === 'dark') ? 'fill' : undefined;\n\n  return (\n    <Input.Root>\n      <Input.Label>\n        <Icon\n          aria-label={`Chess icon for side ${side}`}\n          icon={`ph--crown-cross--${iconFillMode || 'regular'}`}\n          size={6}\n        />\n      </Input.Label>\n      <Select.Root value={value} onValueChange={onValueChange}>\n        <Select.TriggerButton placeholder={'Select player'} />\n        <Select.Portal>\n          <Select.Content>\n            <Select.Viewport>\n              {members.map((member) => {\n                const memberKey = member.identity.identityKey.toHex();\n                const displayName = member.identity?.profile?.displayName || generateName(memberKey);\n                return (\n                  <Select.Option key={memberKey} value={memberKey}>\n                    {displayName}\n                  </Select.Option>\n                );\n              })}\n            </Select.Viewport>\n          </Select.Content>\n        </Select.Portal>\n      </Select.Root>\n    </Input.Root>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "getSpace", "StackItem", "React", "generateName", "useMembers", "Icon", "Input", "Select", "useThemeContext", "PlayerSelector", "space", "game", "members", "useMembers", "key", "div", "role", "className", "PlayerSelect", "side", "value", "playerWhite", "onValueChange", "player", "playerBlack", "themeMode", "useThemeContext", "iconFillMode", "undefined", "Input", "Root", "Label", "Icon", "aria-label", "icon", "size", "Select", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "map", "member", "memberKey", "identity", "identityKey", "toHex", "displayName", "profile", "generateName", "Option", "containFragment", "ChessContainer", "game", "role", "space", "getSpace", "React", "Chess", "Root", "div", "className", "Board", "classNames", "StackItem", "Content", "PlayerSelector"]
-}