@dxos/plugin-chess 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6

package/dist/lib/node-esm/chunk-OIRJVY2R.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Chess.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, Obj, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { log } from '@dxos/log';\n\nexport const Game = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  players: Schema.Struct({\n    white: Schema.optional(\n      Schema.String.annotations({\n        description: 'DID of white player',\n      }),\n    ),\n    black: Schema.optional(\n      Schema.String.annotations({\n        description: 'DID of black player',\n      }),\n    ),\n  }).pipe(FormInputAnnotation.set(false), Schema.optional),\n  pgn: Schema.String.annotations({\n    description: 'Portable Game Notation.',\n  }).pipe(FormInputAnnotation.set(false), Schema.optional),\n  fen: Schema.String.annotations({\n    description: 'Forsyth-Edwards Notation.',\n  }).pipe(FormInputAnnotation.set(false), Schema.optional),\n}).pipe(\n  Type.object({\n    typename: 'org.dxos.type.chess',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n  Annotation.IconAnnotation.set({\n    icon: 'ph--shield-chevron--regular',\n    hue: 'amber',\n  }),\n);\n\nexport interface Game extends Schema.Schema.Type<typeof Game> {}\n\nexport const make = ({ name, pgn, fen }: { name?: string; pgn?: string; fen?: string } = {}) => {\n  const chess = new ChessJS();\n  if (pgn) {\n    try {\n      chess.loadPgn(pgn);\n    } catch {\n      log.warn(pgn);\n    }\n  }\n\n  return Obj.make(Game, {\n    name,\n    pgn,\n    fen,\n    players: {},\n  });\n};\n"],
+  "mappings": ";;;;;;AAAA;;;;;AAIA,SAASA,SAASC,eAAe;AACjC,YAAYC,YAAY;AAExB,SAASC,YAAYC,KAAKC,YAAY;AACtC,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,WAAW;;AAEb,IAAMC,OAAcC,cAAO;EAChCC,MAAaC,gBAAgBC,aAAM;EACnCC,SAAgBJ,cAAO;IACrBK,OAAcH,gBACLC,cAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;IAEFC,OAAcN,gBACLC,cAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;EAEJ,CAAA,EAAGE,KAAKb,oBAAoBc,IAAI,KAAA,GAAeR,eAAQ;EACvDS,KAAYR,cAAOG,YAAY;IAC7BC,aAAa;EACf,CAAA,EAAGE,KAAKb,oBAAoBc,IAAI,KAAA,GAAeR,eAAQ;EACvDU,KAAYT,cAAOG,YAAY;IAC7BC,aAAa;EACf,CAAA,EAAGE,KAAKb,oBAAoBc,IAAI,KAAA,GAAeR,eAAQ;AACzD,CAAA,EAAGO,KACDd,KAAKkB,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAlB,gBAAgBa,IAAI;EAAC;CAAO,GAC5BjB,WAAWuB,eAAeN,IAAI;EAC5BO,MAAM;EACNC,KAAK;AACP,CAAA,CAAA;AAKK,IAAMC,OAAO,CAAC,EAAElB,MAAMU,KAAKC,IAAG,IAAoD,CAAC,MAAC;AACzF,QAAMQ,QAAQ,IAAI7B,QAAAA;AAClB,MAAIoB,KAAK;AACP,QAAI;AACFS,YAAMC,QAAQV,GAAAA;IAChB,QAAQ;AACNb,UAAIwB,KAAKX,KAAAA,QAAAA;;;;;;IACX;EACF;AAEA,SAAOjB,IAAIyB,KAAKpB,MAAM;IACpBE;IACAU;IACAC;IACAR,SAAS,CAAC;EACZ,CAAA;AACF;",
+  "names": ["Chess", "ChessJS", "Schema", "Annotation", "Obj", "Type", "FormInputAnnotation", "LabelAnnotation", "log", "Game", "Struct", "name", "optional", "String", "players", "white", "annotations", "description", "black", "pipe", "set", "pgn", "fen", "object", "typename", "version", "IconAnnotation", "icon", "hue", "make", "chess", "loadPgn", "warn"]
+}

package/dist/lib/node-esm/cli/index.mjs

@@ -1,27 +1,33 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  Chess_exports
-} from "../chunk-OUNGNJFP.mjs";
-import {
-  meta
-} from "../chunk-F5OMIM4F.mjs";
 import "../chunk-HSLMI22Q.mjs";
 
 // src/cli/plugin.ts
 import * as Effect from "effect/Effect";
-import { Common, Plugin } from "@dxos/app-framework";
-var ChessPlugin = Plugin.define(meta).pipe(Common.Plugin.addSchemaModule({
-  schema: [
-    Chess_exports.Game
-  ]
-}), Common.Plugin.addMetadataModule({
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+import { SpaceOperation } from "@dxos/plugin-space/operations";
+import { meta } from "#meta";
+import { Chess } from "#types";
+var ChessPlugin = Plugin.define(meta).pipe(AppPlugin.addMetadataModule({
   metadata: {
-    id: Chess_exports.Game.typename,
+    id: Chess.Game.typename,
     metadata: {
-      createObject: (props) => Effect.sync(() => Chess_exports.make(props)),
-      addToCollectionOnCreate: true
+      createObject: (props, options) => Effect.gen(function* () {
+        const object = Chess.make(props);
+        return yield* Operation.invoke(SpaceOperation.AddObject, {
+          object,
+          target: options.target,
+          hidden: true,
+          targetNodeId: options.targetNodeId
+        });
+      })
     }
   }
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Chess.Game
+  ]
 }), Plugin.make);
 export {
   ChessPlugin

package/dist/lib/node-esm/cli/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/cli/plugin.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Common, Plugin } from '@dxos/app-framework';\nimport { type CreateObject } from '@dxos/plugin-space/types';\n\nimport { meta } from '../meta';\nimport { Chess } from '../types';\n\n// TODO(wittjosiah): Factor out shared modules.\nexport const ChessPlugin = Plugin.define(meta).pipe(\n  Common.Plugin.addSchemaModule({ schema: [Chess.Game] }),\n  Common.Plugin.addMetadataModule({\n    metadata: {\n      id: Chess.Game.typename,\n      metadata: {\n        createObject: ((props) => Effect.sync(() => Chess.make(props))) satisfies CreateObject,\n        addToCollectionOnCreate: true,\n      },\n    },\n  }),\n  Plugin.make,\n);\n"],
-  "mappings": ";;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,QAAQC,cAAc;AAOxB,IAAMC,cAAcC,OAAOC,OAAOC,IAAAA,EAAMC,KAC7CC,OAAOJ,OAAOK,gBAAgB;EAAEC,QAAQ;IAACC,cAAMC;;AAAM,CAAA,GACrDJ,OAAOJ,OAAOS,kBAAkB;EAC9BC,UAAU;IACRC,IAAIJ,cAAMC,KAAKI;IACfF,UAAU;MACRG,cAAe,CAACC,UAAiBC,YAAK,MAAMR,cAAMS,KAAKF,KAAAA,CAAAA;MACvDG,yBAAyB;IAC3B;EACF;AACF,CAAA,GACAjB,OAAOgB,IAAI;",
-  "names": ["Effect", "Common", "Plugin", "ChessPlugin", "Plugin", "define", "meta", "pipe", "Common", "addSchemaModule", "schema", "Chess", "Game", "addMetadataModule", "metadata", "id", "typename", "createObject", "props", "sync", "make", "addToCollectionOnCreate"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { SpaceOperation } from '@dxos/plugin-space/operations';\n\nimport { meta } from '#meta';\nimport { Chess } from '#types';\n\n// TODO(wittjosiah): Factor out shared modules.\nexport const ChessPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addMetadataModule({\n    metadata: {\n      id: Chess.Game.typename,\n      metadata: {\n        createObject: ((props, options) =>\n          Effect.gen(function* () {\n            const object = Chess.make(props);\n            return yield* Operation.invoke(SpaceOperation.AddObject, {\n              object,\n              target: options.target,\n              hidden: true,\n              targetNodeId: options.targetNodeId,\n            });\n          })) satisfies CreateObject,\n      },\n    },\n  }),\n  AppPlugin.addSchemaModule({ schema: [Chess.Game] }),\n  Plugin.make,\n);\n"],
+  "mappings": ";;;;AAIA,YAAYA,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAE1B,SAASC,sBAAsB;AAE/B,SAASC,YAAY;AACrB,SAASC,aAAa;AAGf,IAAMC,cAAcC,OAAOC,OAAOC,IAAAA,EAAMC,KAC7CC,UAAUC,kBAAkB;EAC1BC,UAAU;IACRC,IAAIC,MAAMC,KAAKC;IACfJ,UAAU;MACRK,cAAe,CAACC,OAAOC,YACdC,WAAI,aAAA;AACT,cAAMC,SAASP,MAAMQ,KAAKJ,KAAAA;AAC1B,eAAO,OAAOK,UAAUC,OAAOC,eAAeC,WAAW;UACvDL;UACAM,QAAQR,QAAQQ;UAChBC,QAAQ;UACRC,cAAcV,QAAQU;QACxB,CAAA;MACF,CAAA;IACJ;EACF;AACF,CAAA,GACAnB,UAAUoB,gBAAgB;EAAEC,QAAQ;IAACjB,MAAMC;;AAAM,CAAA,GACjDT,OAAOgB,IAAI;",
+  "names": ["Effect", "Plugin", "AppPlugin", "Operation", "SpaceOperation", "meta", "Chess", "ChessPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Chess", "Game", "typename", "createObject", "props", "options", "gen", "object", "make", "Operation", "invoke", "SpaceOperation", "AddObject", "target", "hidden", "targetNodeId", "addSchemaModule", "schema"]
 }

package/dist/lib/node-esm/create-KINGWZOM.mjs

@@ -0,0 +1,25 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  Create
+} from "./chunk-LPVPGURE.mjs";
+import {
+  Chess_exports
+} from "./chunk-OIRJVY2R.mjs";
+import "./chunk-HSLMI22Q.mjs";
+
+// src/operations/create.ts
+import * as Effect from "effect/Effect";
+import { Database } from "@dxos/echo";
+import { Operation } from "@dxos/operation";
+var handler = Create.pipe(Operation.withHandler(Effect.fn(function* ({ name, pgn, fen }) {
+  return yield* Database.add(Chess_exports.make({
+    name,
+    pgn,
+    fen
+  }));
+})));
+var create_default = handler;
+export {
+  create_default as default
+};
+//# sourceMappingURL=create-KINGWZOM.mjs.map

package/dist/lib/node-esm/create-KINGWZOM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/create.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Database } from '@dxos/echo';\nimport { Operation } from '@dxos/operation';\n\nimport { Chess } from '../types';\n\nimport { Create } from './definitions';\n\nconst handler: Operation.WithHandler<typeof Create> = Create.pipe(\n  Operation.withHandler(\n    Effect.fn(function* ({ name, pgn, fen }) {\n      return yield* Database.add(Chess.make({ name, pgn, fen }));\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAM1B,IAAMC,UAAgDC,OAAOC,KAC3DC,UAAUC,YACDC,UAAG,WAAW,EAAEC,MAAMC,KAAKC,IAAG,GAAE;AACrC,SAAO,OAAOC,SAASC,IAAIC,cAAMC,KAAK;IAAEN;IAAMC;IAAKC;EAAI,CAAA,CAAA;AACzD,CAAA,CAAA,CAAA;AAIJ,IAAA,iBAAeR;",
+  "names": ["Effect", "Database", "Operation", "handler", "Create", "pipe", "Operation", "withHandler", "fn", "name", "pgn", "fen", "Database", "add", "Chess", "make"]
+}

package/dist/lib/node-esm/index.mjs

@@ -1,100 +1,390 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
-  chess_blueprint_exports,
-  functions_exports
-} from "./chunk-C7IWIXCJ.mjs";
+  chess_blueprint_default
+} from "./chunk-4HZWCKMR.mjs";
 import {
-  ChessboardContainer
-} from "./chunk-24GJHLHM.mjs";
+  operations_exports
+} from "./chunk-D72ZBXX6.mjs";
+import "./chunk-LPVPGURE.mjs";
 import {
   Chess_exports
-} from "./chunk-OUNGNJFP.mjs";
-import {
-  Chessboard,
-  ExtendedChessModel
-} from "./chunk-WXEPWOHT.mjs";
-import {
-  meta
-} from "./chunk-F5OMIM4F.mjs";
+} from "./chunk-OIRJVY2R.mjs";
 import "./chunk-HSLMI22Q.mjs";
 
-// src/capabilities/blueprint-definition/index.ts
-import { Capability } from "@dxos/app-framework";
-var BlueprintDefinition = Capability.lazy("BlueprintDefinition", () => import("./blueprint-definition-SL4LBVV5.mjs"));
+// src/components/Chessboard/Chessboard.tsx
+import { RegistryContext } from "@effect-atom/atom-react";
+import React2, { forwardRef, useCallback, useContext, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { addEventListener } from "@dxos/async";
+import { useObject } from "@dxos/echo-react";
+import { Gameboard, Chessboard as NaturalChessboard, getRawPgn, useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
+import { useSoundEffect } from "@dxos/react-ui-sfx";
+
+// src/components/Chessboard/Info.tsx
+import { useAtomValue } from "@effect-atom/atom-react";
+import React, { useEffect, useMemo, useRef } from "react";
+import { generateName } from "@dxos/display-name";
+import { Obj } from "@dxos/echo";
+import { useMembers } from "@dxos/react-client/echo";
+import { Icon, IconButton, Select, useTranslation } from "@dxos/react-ui";
+import { useGameboardContext } from "@dxos/react-ui-gameboard";
+import { mx } from "@dxos/ui-theme";
+import { meta } from "#meta";
+var INFO_NAME = "Chessboard.Info";
+var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
+  const { t } = useTranslation(meta.id);
+  const { model } = useGameboardContext(INFO_NAME);
+  const db = Obj.getDatabase(model.object);
+  const members = useMembers(db?.spaceId);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("grid grid-rows-[min-content_1fr_min-content] w-full min-w-[18rem] p-2 overflow-hidden bg-group-surface rounded-xs", classNames)
+  }, /* @__PURE__ */ React.createElement(PlayerIndicator, {
+    model,
+    player: orientation === "white" ? "black" : "white",
+    icon: onClose && /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--x--regular",
+      iconOnly: true,
+      label: t("close-info.button"),
+      size: 4,
+      onClick: onClose
+    })
+  }, /* @__PURE__ */ React.createElement(PlayerSelector, {
+    value: model.object.players?.[orientation === "white" ? "black" : "white"],
+    onValueChange: (value) => {
+      Obj.change(model.object, (obj) => {
+        obj.players[orientation === "white" ? "black" : "white"] = value;
+      });
+    },
+    members
+  })), /* @__PURE__ */ React.createElement(History, {
+    model,
+    ...props
+  }), /* @__PURE__ */ React.createElement(PlayerIndicator, {
+    model,
+    player: orientation,
+    icon: onOrientationChange && /* @__PURE__ */ React.createElement(IconButton, {
+      classNames: mx("transition duration-200 ease-linear", orientation === "white" && "rotate-180"),
+      icon: "ph--arrows-clockwise--regular",
+      iconOnly: true,
+      label: t("flip-board.button"),
+      size: 4,
+      onClick: () => onOrientationChange(orientation === "white" ? "black" : "white")
+    })
+  }, /* @__PURE__ */ React.createElement(PlayerSelector, {
+    value: model.object.players?.[orientation],
+    onValueChange: (value) => {
+      Obj.change(model.object, (obj) => {
+        obj.players[orientation] = value;
+      });
+    },
+    members
+  })));
+};
+Info.displayName = INFO_NAME;
+var History = ({ classNames, model, min, max, onSelect }) => {
+  const { t } = useTranslation(meta.id);
+  const moveIndex = useAtomValue(model.moveIndex);
+  const label = model.game.isGameOver() ? model.game.isCheckmate() ? t("game.checkmate.label") : model.game.isStalemate() ? t("game.stalemate.label") : t("game.draw.label") : model.game.isCheck() ? t("game.check.label") : void 0;
+  const history = model.game.history();
+  const moves = useMemo(() => history.reduce((acc, move, index) => {
+    if (index % 2 === 0) {
+      acc.push([
+        {
+          index,
+          move
+        }
+      ]);
+    } else {
+      acc[acc.length - 1].push({
+        index,
+        move
+      });
+    }
+    return acc;
+  }, []), [
+    history.length
+  ]);
+  const scrollerRef = useRef(null);
+  useEffect(() => {
+    scrollerRef.current?.scrollTo({
+      top: scrollerRef.current.scrollHeight
+    });
+  }, [
+    history.length
+  ]);
+  useEffect(() => {
+    const div = scrollerRef.current?.querySelector(`[data-index="${moveIndex - 1}"]`);
+    scrollerRef.current?.classList.add("scrollbar-none");
+    div?.scrollIntoView({
+      behavior: "smooth"
+    });
+    scrollerRef.current?.classList.remove("scrollbar-none");
+  }, [
+    moveIndex
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: scrollerRef,
+    className: mx("overflow-y-auto", classNames),
+    style: {
+      minHeight: min === void 0 ? "auto" : `${min * 24}px`,
+      maxHeight: max === void 0 ? "auto" : `${max * 24}px`
+    }
+  }, moves.map(([a, b], index) => /* @__PURE__ */ React.createElement("div", {
+    key: index,
+    className: "grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 ps-4"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "content-center text-xs text-subdued"
+  }, index + 1), a && /* @__PURE__ */ React.createElement("div", {
+    "data-index": a.index,
+    className: mx("ps-2 text-sm cursor-pointer", a.index === moveIndex - 1 && "bg-primary-500"),
+    onClick: () => onSelect?.(a.index + 1)
+  }, a.move), b && /* @__PURE__ */ React.createElement("div", {
+    "data-index": b.index,
+    className: mx("ps-2 text-sm cursor-pointer", b.index === moveIndex - 1 && "bg-primary-500"),
+    onClick: () => onSelect?.(b.index + 1)
+  }, b.move))), label && /* @__PURE__ */ React.createElement("div", {
+    className: "text-center"
+  }, label));
+};
+var PlayerIndicator = ({ children, model, player, icon }) => {
+  const turn = player === (model.game.turn() === "w" ? "white" : "black");
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[2rem_1fr_2rem] gap-2 h-(--dx-rail-size) px-1 flex items-center overflow-hidden"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "place-items-center"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: turn ? "ph--circle--fill" : "ph--circle--thin",
+    size: 6,
+    classNames: mx(turn && (model.game.isCheckmate() ? "text-error-500" : "text-success-text"))
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "truncate overflow-hidden items-center"
+  }, children), icon);
+};
+var PlayerSelector = ({ value, onValueChange, members }) => {
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Select.Root, {
+    value,
+    onValueChange
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    placeholder: t("select-player.button")
+  }), /* @__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);
+  })), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
+};
+
+// src/components/Chessboard/types.ts
+import { ChessModel } from "@dxos/react-ui-gameboard";
+var ExtendedChessModel = class extends ChessModel {
+  object;
+  constructor(registry, object) {
+    super(registry), this.object = object;
+  }
+};
+
+// src/components/Chessboard/Chessboard.tsx
+var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
+  const registry = useContext(RegistryContext);
+  const model = useMemo2(() => new ExtendedChessModel(registry, game), [
+    registry
+  ]);
+  const click = useSoundEffect("Click");
+  const [pgn, updatePgn] = useObject(game, "pgn");
+  useImperativeHandle(forwardedRef, () => {
+    return {
+      setMoveNumber: (index) => model.setMoveIndex(index)
+    };
+  }, [
+    model
+  ]);
+  useEffect2(() => {
+    if (model.pgn !== getRawPgn(pgn ?? "")) {
+      const silent = model.pgn === "*";
+      model.update(pgn);
+      if (!silent) {
+        void click.play();
+      }
+    }
+  }, [
+    pgn
+  ]);
+  const handleDrop = useCallback((move) => {
+    if (!model.makeMove(move)) {
+      return false;
+    }
+    void click.play();
+    updatePgn(() => model.pgn);
+    return true;
+  }, [
+    model
+  ]);
+  return /* @__PURE__ */ React2.createElement(Gameboard.Root, {
+    model,
+    onDrop: handleDrop
+  }, children);
+});
+var Content = ({ classNames, children }) => {
+  return /* @__PURE__ */ React2.createElement(Gameboard.Content, {
+    grow: true,
+    contain: true,
+    classNames
+  }, children);
+};
+var BOARD_NAME = "Chessboard.Board";
+var Board = (props) => {
+  const registry = useContext(RegistryContext);
+  const { model } = useGameboardContext2(BOARD_NAME);
+  const ref = useRef2(null);
+  useEffect2(() => {
+    if (!ref.current) {
+      return;
+    }
+    ref.current.setAttribute("data-arrow-keys", "all");
+    return addEventListener(ref.current, "keydown", (ev) => {
+      const moveIndex = registry.get(model.moveIndex);
+      switch (ev.key) {
+        case "ArrowUp":
+          model.setMoveIndex(0);
+          break;
+        case "ArrowDown":
+          model.setMoveIndex(model.game.history().length);
+          break;
+        case "ArrowLeft":
+          if (moveIndex > 0) {
+            model.setMoveIndex(moveIndex - 1);
+          }
+          break;
+        case "ArrowRight":
+          if (moveIndex < model.game.history().length) {
+            model.setMoveIndex(moveIndex + 1);
+          }
+          break;
+      }
+    });
+  }, [
+    registry,
+    model
+  ]);
+  return /* @__PURE__ */ React2.createElement(NaturalChessboard, {
+    ...props,
+    ref
+  });
+};
+Board.displayName = BOARD_NAME;
+var Chessboard = {
+  Root,
+  Content,
+  Board,
+  Info
+};
 
-// src/capabilities/react-surface/index.ts
-import { Capability as Capability2 } from "@dxos/app-framework";
-var ReactSurface = Capability2.lazy("ReactSurface", () => import("./react-surface-HSHCIOAS.mjs"));
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta2 = {
+  id: "org.dxos.plugin.chess",
+  name: "Chess",
+  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"
+  ]
+};
 
 // src/ChessPlugin.tsx
 import * as Effect from "effect/Effect";
-import { Common, Plugin } from "@dxos/app-framework";
+import * as Option from "effect/Option";
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Annotation } from "@dxos/echo";
+import { Operation } from "@dxos/operation";
+import { SpaceOperation } from "@dxos/plugin-space/operations";
+import { ChessBlueprint } from "#blueprints";
+import { meta as meta4 } from "#meta";
 
 // src/translations.ts
+import { meta as meta3 } from "#meta";
+import { Chess } from "#types";
 var translations = [
   {
     "en-US": {
-      [Chess_exports.Game.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",
-        "object deleted label": "Game deleted"
+      [Chess.Game.typename]: {
+        "typename.label": "Game",
+        "typename.label_zero": "Games",
+        "typename.label_one": "Game",
+        "typename.label_other": "Games",
+        "object-name.placeholder": "New game",
+        "add-object.label": "Add game",
+        "rename-object.label": "Rename game",
+        "delete-object.label": "Delete game",
+        "object-deleted.label": "Game deleted"
       },
-      [meta.id]: {
-        "plugin name": "Chess",
-        "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"
+      [meta3.id]: {
+        "plugin.name": "Chess",
+        "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"
       }
     }
   }
 ];
 
 // src/ChessPlugin.tsx
-var ChessPlugin = Plugin.define(meta).pipe(Common.Plugin.addTranslationsModule({
-  translations
-}), Common.Plugin.addMetadataModule({
+import { Chess as Chess2 } from "#types";
+import { BlueprintDefinition, OperationHandler, ReactSurface } from "#capabilities";
+var ChessPlugin = Plugin.define(meta4).pipe(AppPlugin.addBlueprintDefinitionModule({
+  activate: BlueprintDefinition
+}), AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), AppPlugin.addMetadataModule({
   metadata: {
-    id: Chess_exports.Game.typename,
+    id: Chess2.Game.typename,
     metadata: {
-      icon: "ph--shield-chevron--regular",
-      iconHue: "amber",
+      icon: Annotation.IconAnnotation.get(Chess2.Game).pipe(Option.getOrThrow).icon,
+      iconHue: Annotation.IconAnnotation.get(Chess2.Game).pipe(Option.getOrThrow).hue ?? "white",
       blueprints: [
-        chess_blueprint_exports.Key
+        ChessBlueprint.key
       ],
-      createObject: (props) => Effect.sync(() => Chess_exports.make(props)),
-      addToCollectionOnCreate: true
+      createObject: (props, options) => Effect.gen(function* () {
+        const object = Chess2.make(props);
+        return yield* Operation.invoke(SpaceOperation.AddObject, {
+          object,
+          target: options.target,
+          hidden: true,
+          targetNodeId: options.targetNodeId
+        });
+      })
     }
   }
-}), Common.Plugin.addSchemaModule({
+}), AppPlugin.addSchemaModule({
   schema: [
-    Chess_exports.Game
+    Chess2.Game
   ]
-}), Common.Plugin.addSurfaceModule({
+}), AppPlugin.addSurfaceModule({
   activate: ReactSurface
-}), Common.Plugin.addBlueprintDefinitionModule({
-  activate: BlueprintDefinition
+}), AppPlugin.addTranslationsModule({
+  translations
 }), Plugin.make);
 export {
-  BlueprintDefinition,
   Chess_exports as Chess,
-  chess_blueprint_exports as ChessBlueprint,
-  functions_exports as ChessFunctions,
+  chess_blueprint_default as ChessBlueprint,
+  operations_exports as ChessFunctions,
   ChessPlugin,
   Chessboard,
-  ChessboardContainer,
-  ExtendedChessModel,
-  ReactSurface,
-  meta
+  meta2 as meta
 };
 //# sourceMappingURL=index.mjs.map