@dxos/plugin-chess 0.8.4-main.5ea62a8 → 0.8.4-main.72ec0f3

package/dist/lib/browser/{ChessboardContainer-HBHUXBG3.mjs → ChessboardContainer-5YXEM4VR.mjs}

@@ -1,9 +1,9 @@
 import {
   Chessboard
-} from "./chunk-UDWRTBWA.mjs";
+} from "./chunk-5DOZV3PW.mjs";
 import {
   meta
-} from "./chunk-PE3IWOFR.mjs";
+} from "./chunk-DUO4WTAM.mjs";
 
 // src/components/ChessboardContainer.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
@@ -13,10 +13,10 @@ import { getSpace } from "@dxos/react-client/echo";
 // src/components/ChessboardArticle.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { useCallback, useRef, useState } from "react";
-import { IconButton, useTranslation } from "@dxos/react-ui";
+import { Toolbar, useTranslation } from "@dxos/react-ui";
 import { StackItem } from "@dxos/react-ui-stack";
 import { mx } from "@dxos/react-ui-theme";
-var ChessboardArticle = ({ game }) => {
+var ChessboardArticle = ({ game, role }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(meta.id);
@@ -27,13 +27,22 @@ var ChessboardArticle = ({ game }) => {
       controller.current?.setMoveNumber(index);
     }, []);
     return /* @__PURE__ */ React.createElement(StackItem.Content, {
-      classNames: "@container bs-full is-full overflow-hidden"
+      toolbar: true,
+      classNames: "@container"
     }, /* @__PURE__ */ React.createElement(Chessboard.Root, {
       game,
       ref: controller
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: mx("grid grid-rows-[1fr_4rem] bs-full is-full gap-2", open && "@3xl:grid-cols-[1fr_320px]")
+    }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+      icon: "ph--info--regular",
+      iconOnly: true,
+      label: t("toggle info button"),
+      disabled: open,
+      classNames: mx("invisible @3xl:visible"),
+      onClick: () => setOpen((open2) => !open2)
+    })), /* @__PURE__ */ React.createElement("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")
     }, /* @__PURE__ */ React.createElement(Chessboard.Content, null, /* @__PURE__ */ React.createElement(Chessboard.Board, {
+      classNames: "m-4 rounded-sm overflow-hidden",
       orientation
     })), open && /* @__PURE__ */ React.createElement("div", {
       className: "hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden"
@@ -44,17 +53,7 @@ var ChessboardArticle = ({ game }) => {
       onOrientationChange: setOrientation,
       onClose: () => setOpen(false),
       onSelect: handleSelect
-    })), /* @__PURE__ */ React.createElement("div", {
-      className: "flex justify-center items-center"
-    }, /* @__PURE__ */ React.createElement(Chessboard.Players, null, /* @__PURE__ */ React.createElement(IconButton, {
-      variant: "ghost",
-      icon: "ph--info--regular",
-      iconOnly: true,
-      label: t("button toggle info"),
-      size: 6,
-      classNames: mx("invisible", !open && "@3xl:visible"),
-      onClick: () => setOpen((open2) => !open2)
-    }))))));
+    })))));
   } finally {
     _effect.f();
   }
@@ -80,7 +79,8 @@ var ChessboardContainer = ({ game, role }) => {
       }
       default: {
         return /* @__PURE__ */ React2.createElement(ChessboardArticle, {
-          game
+          game,
+          role
         });
       }
     }
@@ -93,4 +93,4 @@ export {
   ChessboardContainer,
   ChessboardContainer_default as default
 };
-//# sourceMappingURL=ChessboardContainer-HBHUXBG3.mjs.map
+//# sourceMappingURL=ChessboardContainer-5YXEM4VR.mjs.map

package/dist/lib/browser/ChessboardContainer-5YXEM4VR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChessboardContainer.tsx", "../../../src/components/ChessboardArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { type Chess } from '../types';\n\nimport { Chessboard } from './Chessboard';\nimport { ChessboardArticle } from './ChessboardArticle';\n\nexport type ChessboardContainerProps = {\n  game: Chess.Game;\n  role?: string;\n};\n\nexport const ChessboardContainer = ({ game, role }: ChessboardContainerProps) => {\n  const space = getSpace(game);\n  if (!space) {\n    return null;\n  }\n\n  switch (role) {\n    case 'card--popover':\n    case 'card--intrinsic':\n    case 'card--extrinsic': {\n      return (\n        <Chessboard.Root game={game}>\n          <Chessboard.Content role={role}>\n            <Chessboard.Board />\n          </Chessboard.Content>\n        </Chessboard.Root>\n      );\n    }\n\n    default: {\n      return <ChessboardArticle game={game} role={role} />;\n    }\n  }\n};\n\nexport default ChessboardContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { Toolbar, useTranslation } from '@dxos/react-ui';\nimport { type Player } from '@dxos/react-ui-gameboard';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { meta } from '../meta';\nimport { type Chess } from '../types';\n\nimport { Chessboard, type ChessboardController, type ChessboardInfoProps } from './Chessboard';\n\nexport const ChessboardArticle = ({ game, role }: { game: Chess.Game; role?: string }) => {\n  const { t } = useTranslation(meta.id);\n  const [orientation, setOrientation] = useState<Player>('white');\n  const [open, setOpen] = useState(true);\n  const controller = useRef<ChessboardController>(null);\n\n  // TODO(burdon): Keyboard handler.\n  const handleSelect = useCallback<NonNullable<ChessboardInfoProps['onSelect']>>((index) => {\n    controller.current?.setMoveNumber(index);\n  }, []);\n\n  return (\n    <StackItem.Content toolbar classNames='@container'>\n      <Chessboard.Root game={game} ref={controller}>\n        <Toolbar.Root>\n          <Toolbar.IconButton\n            icon='ph--info--regular'\n            iconOnly\n            label={t('toggle info button')}\n            disabled={open}\n            classNames={mx('invisible @3xl:visible')}\n            onClick={() => setOpen((open) => !open)}\n          />\n        </Toolbar.Root>\n        <div\n          className={mx(\n            'grid bs-full is-full gap-2',\n            open && '@3xl:grid-cols-[1fr_320px]',\n            role === 'section' && 'aspect-square',\n            role === 'section' && open && '@3xl:aspect-auto',\n          )}\n        >\n          <Chessboard.Content>\n            <Chessboard.Board classNames='m-4 rounded-sm overflow-hidden' orientation={orientation} />\n          </Chessboard.Content>\n          {open && (\n            <div className='hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden'>\n              <Chessboard.Info\n                orientation={orientation}\n                min={8}\n                max={8}\n                onOrientationChange={setOrientation}\n                onClose={() => setOpen(false)}\n                onSelect={handleSelect}\n              />\n            </div>\n          )}\n        </div>\n      </Chessboard.Root>\n    </StackItem.Content>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,gBAAgB;;;;ACFzB,OAAOC,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,SAASC,sBAAsB;AAExC,SAASC,iBAAiB;AAC1B,SAASC,UAAU;AAOZ,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,KAAI,MAAuC;;;AACnF,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,UAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAAiB,OAAA;AACvD,UAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAS,IAAA;AACjC,UAAMG,aAAaC,OAA6B,IAAA;AAGhD,UAAMC,eAAeC,YAA0D,CAACC,UAAAA;AAC9EJ,iBAAWK,SAASC,cAAcF,KAAAA;IACpC,GAAG,CAAA,CAAE;AAEL,WACE,sBAAA,cAACG,UAAUC,SAAO;MAACC,SAAAA;MAAQC,YAAW;OACpC,sBAAA,cAACC,WAAWC,MAAI;MAACvB;MAAYwB,KAAKb;OAChC,sBAAA,cAACc,QAAQF,MAAI,MACX,sBAAA,cAACE,QAAQC,YAAU;MACjBC,MAAK;MACLC,UAAAA;MACAC,OAAO3B,EAAE,oBAAA;MACT4B,UAAUrB;MACVY,YAAYU,GAAG,wBAAA;MACfC,SAAS,MAAMtB,QAAQ,CAACD,UAAS,CAACA,KAAAA;SAGtC,sBAAA,cAACwB,OAAAA;MACCC,WAAWH,GACT,8BACAtB,QAAQ,8BACRR,SAAS,aAAa,iBACtBA,SAAS,aAAaQ,QAAQ,kBAAA;OAGhC,sBAAA,cAACa,WAAWH,SAAO,MACjB,sBAAA,cAACG,WAAWa,OAAK;MAACd,YAAW;MAAiCf;SAE/DG,QACC,sBAAA,cAACwB,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACZ,WAAWc,MAAI;MACd9B;MACA+B,KAAK;MACLC,KAAK;MACLC,qBAAqBhC;MACrBiC,SAAS,MAAM9B,QAAQ,KAAA;MACvB+B,UAAU5B;;;;;AAQ1B;;;ADjDO,IAAM6B,sBAAsB,CAAC,EAAEC,MAAMC,KAAI,MAA4B;;;AAC1E,UAAMC,QAAQC,SAASH,IAAAA;AACvB,QAAI,CAACE,OAAO;AACV,aAAO;IACT;AAEA,YAAQD,MAAAA;MACN,KAAK;MACL,KAAK;MACL,KAAK,mBAAmB;AACtB,eACE,gBAAAG,OAAA,cAACC,WAAWC,MAAI;UAACN;WACf,gBAAAI,OAAA,cAACC,WAAWE,SAAO;UAACN;WAClB,gBAAAG,OAAA,cAACC,WAAWG,OAAK,IAAA,CAAA,CAAA;MAIzB;MAEA,SAAS;AACP,eAAO,gBAAAJ,OAAA,cAACK,mBAAAA;UAAkBT;UAAYC;;MACxC;IACF;;;;AACF;AAEA,IAAA,8BAAeF;",
+  "names": ["React", "getSpace", "React", "useCallback", "useRef", "useState", "Toolbar", "useTranslation", "StackItem", "mx", "ChessboardArticle", "game", "role", "t", "useTranslation", "meta", "id", "orientation", "setOrientation", "useState", "open", "setOpen", "controller", "useRef", "handleSelect", "useCallback", "index", "current", "setMoveNumber", "StackItem", "Content", "toolbar", "classNames", "Chessboard", "Root", "ref", "Toolbar", "IconButton", "icon", "iconOnly", "label", "disabled", "mx", "onClick", "div", "className", "Board", "Info", "min", "max", "onOrientationChange", "onClose", "onSelect", "ChessboardContainer", "game", "role", "space", "getSpace", "React", "Chessboard", "Root", "Content", "Board", "ChessboardArticle"]
+}

package/dist/lib/browser/blueprint-definition-FD4TL5EE.mjs

@@ -0,0 +1,11 @@
+import {
+  CHESS_BLUEPRINT_KEY,
+  blueprint_definition_default
+} from "./chunk-TIIGNOGK.mjs";
+import "./chunk-FBLAVAMY.mjs";
+import "./chunk-DUO4WTAM.mjs";
+export {
+  CHESS_BLUEPRINT_KEY,
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-FD4TL5EE.mjs.map

package/dist/lib/browser/{chunk-UDWRTBWA.mjs → chunk-5DOZV3PW.mjs}

@@ -1,62 +1,78 @@
 import {
   meta
-} from "./chunk-PE3IWOFR.mjs";
+} from "./chunk-DUO4WTAM.mjs";
 
 // src/components/Chessboard.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { forwardRef, useCallback, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { forwardRef, useCallback, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
 import { addEventListener } from "@dxos/async";
-import { ChessModel, Gameboard, Chessboard as NativeChessboard } from "@dxos/react-ui-gameboard";
-import { mx as mx3 } from "@dxos/react-ui-theme";
+import { ChessModel, Gameboard, Chessboard as NaturalChessboard, getRawPgn, useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
+import { useSoundEffect } from "@dxos/react-ui-sfx";
+import { mx as mx2 } from "@dxos/react-ui-theme";
 
-// src/components/ChessboardInfo.tsx
+// src/components/Info.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { useEffect, useMemo, useRef } from "react";
-import { Icon, IconButton, useTranslation } from "@dxos/react-ui";
+import { generateName } from "@dxos/display-name";
+import { getSpace, 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/react-ui-theme";
-var ChessboardInfo = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
+var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(meta.id);
-    const { model } = useGameboardContext(ChessboardInfo.displayName);
+    const { model } = useGameboardContext(Info.displayName);
+    const members = useMembers(getSpace(model.object)?.key);
     return /* @__PURE__ */ React.createElement("div", {
-      className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[16rem] p-2 overflow-hidden bg-inputSurface rounded", classNames)
+      className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[18rem] p-2 overflow-hidden bg-groupSurface rounded-sm", classNames)
     }, /* @__PURE__ */ React.createElement(PlayerIndicator, {
       model,
       player: orientation === "white" ? "black" : "white",
-      title: model.object.players?.[orientation === "white" ? "black" : "white"]
-    }, onClose && /* @__PURE__ */ React.createElement(IconButton, {
-      icon: "ph--x--regular",
-      iconOnly: true,
-      label: t("button flip"),
-      size: 4,
-      onClick: onClose
+      icon: onClose && /* @__PURE__ */ React.createElement(IconButton, {
+        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) => {
+        model.object.players[orientation === "white" ? "black" : "white"] = value;
+      },
+      members
     })), /* @__PURE__ */ React.createElement(History, {
       model,
       ...props
     }), /* @__PURE__ */ React.createElement(PlayerIndicator, {
       model,
       player: orientation,
-      title: model.object.players?.[orientation]
-    }, onOrientationChange && /* @__PURE__ */ React.createElement(IconButton, {
-      icon: "ph--arrows-down-up--regular",
-      iconOnly: true,
-      label: t("button flip"),
-      size: 6,
-      classNames: mx("transition duration-200 ease-linear", orientation === "white" && "rotate-180"),
-      onClick: () => onOrientationChange(orientation === "white" ? "black" : "white")
+      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) => {
+        model.object.players[orientation] = value;
+      },
+      members
     })));
   } finally {
     _effect.f();
   }
 };
-ChessboardInfo.displayName = "Chessboard.Info";
+Info.displayName = "Chessboard.Info";
 var History = ({ classNames, model, min, max, onSelect }) => {
   var _effect = _useSignals();
   try {
     const { t } = useTranslation(meta.id);
-    const label = model.game.isGameOver() ? model.game.isCheckmate() ? t("game.checkmate") : model.game.isStalemate() ? t("game.stalemate") : t("game.draw") : model.game.isCheck() ? t("game.check") : void 0;
+    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) {
@@ -96,7 +112,7 @@ var History = ({ classNames, model, min, max, onSelect }) => {
     ]);
     return /* @__PURE__ */ React.createElement("div", {
       ref: scrollerRef,
-      className: mx("overflow-y-scroll", classNames),
+      className: mx("overflow-y-auto", classNames),
       style: {
         minHeight: min === void 0 ? "auto" : `${min * 24}px`,
         maxHeight: max === void 0 ? "auto" : `${max * 24}px`
@@ -121,12 +137,12 @@ var History = ({ classNames, model, min, max, onSelect }) => {
     _effect.f();
   }
 };
-var PlayerIndicator = ({ children, model, player, title }) => {
+var PlayerIndicator = ({ children, model, player, icon }) => {
   var _effect = _useSignals();
   try {
     const turn = player === (model.game.turn() === "w" ? "white" : "black");
     return /* @__PURE__ */ React.createElement("div", {
-      className: "grid grid-cols-[2rem_1fr_2rem] gap-1 bs-[--rail-size] pis-1 pie-1 flex items-center overflow-hidden"
+      className: "grid grid-cols-[2rem_1fr_2rem] gap-2 bs-[--rail-size] pli-1 flex items-center overflow-hidden"
     }, /* @__PURE__ */ React.createElement("div", {
       className: "place-items-center"
     }, /* @__PURE__ */ React.createElement(Icon, {
@@ -134,107 +150,46 @@ var PlayerIndicator = ({ children, model, player, title }) => {
       size: 6,
       classNames: mx(turn && (model.game.isCheckmate() ? "text-red-500" : "text-green-500"))
     })), /* @__PURE__ */ React.createElement("div", {
-      className: "truncate"
-    }, title), children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ChessboardPlayers.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-import { generateName } from "@dxos/display-name";
-import { getSpace, useMembers } from "@dxos/react-client/echo";
-import { Icon as Icon2, Input, Select, useThemeContext } from "@dxos/react-ui";
-import { useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-var ChessboardPlayers = ({ classNames, children }) => {
-  var _effect = _useSignals2();
-  try {
-    const { model } = useGameboardContext2(ChessboardPlayers.displayName);
-    const members = useMembers(getSpace(model.object)?.key);
-    const players = model.object.players;
-    if (!players) {
-      return null;
-    }
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: mx2("grid grid-cols-[1fr_min-content_1fr] pis-2 pie-2 overflow-hidden", classNames)
-    }, /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-row-reverse items-center gap-2"
-    }, /* @__PURE__ */ React2.createElement(PlayerSelect, {
-      side: "white",
-      value: players.white,
-      onValueChange: (player) => players.white = player,
-      members
-    })), /* @__PURE__ */ React2.createElement("div", {
-      className: "flex flex-row justify-center items-center"
-    }, children), /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-row items-center gap-2"
-    }, /* @__PURE__ */ React2.createElement(PlayerSelect, {
-      side: "black",
-      value: players.black,
-      onValueChange: (player) => players.black = player,
-      members
-    })));
+      className: "truncate overflow-hidden items-center"
+    }, children), icon);
   } finally {
     _effect.f();
   }
 };
-ChessboardPlayers.displayName = "Chessboard.Players";
-var PlayerSelect = ({ side, value, onValueChange, members }) => {
-  var _effect = _useSignals2();
+var PlayerSelector = ({ 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__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.Label, null, /* @__PURE__ */ React2.createElement(Icon2, {
-      "aria-label": `Chess icon for side ${side}`,
-      icon: `ph--crown-cross--${iconFillMode || "regular"}`,
-      size: 6
-    })), /* @__PURE__ */ React2.createElement(Select.Root, {
+    const { t } = useTranslation(meta.id);
+    return /* @__PURE__ */ React.createElement(Select.Root, {
       value,
       onValueChange
-    }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
-      placeholder: "Select player"
-    }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, members.map((member) => {
+    }, /* @__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__ */ React2.createElement(Select.Option, {
+      return /* @__PURE__ */ React.createElement(Select.Option, {
         key: memberKey,
         value: memberKey
       }, displayName);
-    })), /* @__PURE__ */ React2.createElement(Select.Arrow, null)))));
+    })), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
   } finally {
     _effect.f();
   }
 };
 
 // src/components/Chessboard.tsx
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
 var ExtendedChessModel = class extends ChessModel {
+  object;
   constructor(object) {
-    super(), _define_property(this, "object", void 0), this.object = object;
+    super(), this.object = object;
   }
 };
-var ChessboardRoot = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
-  var _effect = _useSignals3();
+var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
+  var _effect = _useSignals2();
   try {
     const model = useMemo2(() => new ExtendedChessModel(game), []);
+    const click = useSoundEffect("Click");
     useImperativeHandle(forwardedRef, () => {
       return {
         setMoveNumber: (index) => model.setMoveIndex(index)
@@ -243,15 +198,56 @@ var ChessboardRoot = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRe
       model
     ]);
     useEffect2(() => {
-      model.update(game.pgn);
+      if (model.pgn !== getRawPgn(game.pgn ?? "")) {
+        const silent = model.pgn === "*";
+        model.update(game.pgn);
+        if (!silent) {
+          void click.play();
+        }
+      }
     }, [
       game.pgn
     ]);
+    const handleDrop = useCallback((move) => {
+      if (!model.makeMove(move)) {
+        return false;
+      }
+      void click.play();
+      game.pgn = model.pgn;
+      return true;
+    }, [
+      model
+    ]);
+    return /* @__PURE__ */ React2.createElement(Gameboard.Root, {
+      model,
+      onDrop: handleDrop
+    }, children);
+  } finally {
+    _effect.f();
+  }
+});
+var Content = ({ classNames, children, role }) => {
+  var _effect = _useSignals2();
+  try {
+    return /* @__PURE__ */ React2.createElement(Gameboard.Content, {
+      classNames: mx2(classNames, role === "card--popover" && "size-container popover-square"),
+      grow: !role || role === "card--extrinsic",
+      contain: !role || role === "card--extrinsic" || role === "card--popover"
+    }, children);
+  } finally {
+    _effect.f();
+  }
+};
+var Board = (props) => {
+  var _effect = _useSignals2();
+  try {
+    const { model } = useGameboardContext2(Board.displayName);
     const ref = useRef2(null);
     useEffect2(() => {
       if (!ref.current) {
         return;
       }
+      ref.current.setAttribute("data-arrow-keys", "all");
       return addEventListener(ref.current, "keydown", (ev) => {
         switch (ev.key) {
           case "ArrowUp":
@@ -275,50 +271,24 @@ var ChessboardRoot = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRe
     }, [
       model
     ]);
-    const handleDrop = useCallback((move) => {
-      if (model.makeMove(move)) {
-        game.pgn = model.pgn;
-        return true;
-      }
-      return false;
-    }, [
-      model
-    ]);
-    return /* @__PURE__ */ React3.createElement(Gameboard.Root, {
-      model,
-      onDrop: handleDrop
-    }, /* @__PURE__ */ React3.createElement("div", {
+    return /* @__PURE__ */ React2.createElement(NaturalChessboard, {
       ref,
-      role: "none",
-      tabIndex: 0,
-      className: "grid grow outline-none"
-    }, children));
-  } finally {
-    _effect.f();
-  }
-});
-var ChessboardContent = ({ classNames, children, role }) => {
-  var _effect = _useSignals3();
-  try {
-    return /* @__PURE__ */ React3.createElement(Gameboard.Content, {
-      classNames: mx3(classNames, role === "card--popover" && "size-container popover-square"),
-      grow: !role || role === "card--extrinsic",
-      contain: !role || role === "card--extrinsic" || role === "card--popover"
-    }, children);
+      ...props
+    });
   } finally {
     _effect.f();
   }
 };
+Board.displayName = "Chessboard.Board";
 var Chessboard = {
-  Root: ChessboardRoot,
-  Content: ChessboardContent,
-  Board: NativeChessboard,
-  Info: ChessboardInfo,
-  Players: ChessboardPlayers
+  Root,
+  Content,
+  Board,
+  Info
 };
 
 export {
   ExtendedChessModel,
   Chessboard
 };
-//# sourceMappingURL=chunk-UDWRTBWA.mjs.map
+//# sourceMappingURL=chunk-5DOZV3PW.mjs.map

package/dist/lib/browser/chunk-5DOZV3PW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Chessboard.tsx", "../../../src/components/Info.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, {\n  type PropsWithChildren,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { addEventListener } from '@dxos/async';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport {\n  ChessModel,\n  Gameboard,\n  type GameboardRootProps,\n  Chessboard as NaturalChessboard,\n  type ChessboardProps as NaturalChessboardProps,\n  getRawPgn,\n  useGameboardContext,\n} from '@dxos/react-ui-gameboard';\nimport { useSoundEffect } from '@dxos/react-ui-sfx';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type Chess } from '../types';\n\nimport { Info, type InfoProps } from './Info';\n\nexport interface ChessboardController {\n  setMoveNumber(index: number): void;\n}\n\nexport class ExtendedChessModel extends ChessModel {\n  constructor(readonly object: Chess.Game) {\n    super();\n  }\n}\n\n//\n// Root\n//\n\ntype RootProps = PropsWithChildren<{\n  game: Chess.Game;\n}>;\n\nconst Root = forwardRef<ChessboardController, RootProps>(({ game, children }, forwardedRef) => {\n  const model = useMemo(() => new ExtendedChessModel(game), []);\n  const click = useSoundEffect('Click');\n\n  // Controller.\n  useImperativeHandle(forwardedRef, () => {\n    return {\n      setMoveNumber: (index) => model.setMoveIndex(index),\n    };\n  }, [model]);\n\n  // External change.\n  // NOTE: Warning if user has not interacted with the board.\n  useEffect(() => {\n    if (model.pgn !== getRawPgn(game.pgn ?? '')) {\n      const silent = model.pgn === '*';\n      model.update(game.pgn);\n      if (!silent) {\n        void click.play();\n      }\n    }\n  }, [game.pgn]);\n\n  // Move.\n  const handleDrop = useCallback<NonNullable<GameboardRootProps<ChessModel>['onDrop']>>(\n    (move) => {\n      if (!model.makeMove(move)) {\n        return false;\n      }\n\n      void click.play();\n      game.pgn = model.pgn;\n      return true;\n    },\n    [model],\n  );\n\n  return (\n    <Gameboard.Root model={model} onDrop={handleDrop}>\n      {children}\n    </Gameboard.Root>\n  );\n});\n\n//\n// Content\n//\n\ntype Role = 'card--popover' | 'card--intrinsic' | 'card--extrinsic';\n\ntype ContentProps = ThemedClassName<PropsWithChildren<{ role?: Role }>>;\n\nconst Content = ({ classNames, children, role }: ContentProps) => {\n  return (\n    <Gameboard.Content\n      classNames={mx(classNames, role === 'card--popover' && 'size-container popover-square')}\n      grow={!role || role === 'card--extrinsic'}\n      contain={!role || role === 'card--extrinsic' || role === 'card--popover'}\n    >\n      {children}\n    </Gameboard.Content>\n  );\n};\n\n//\n// Board\n//\n\ntype BoardProps = NaturalChessboardProps;\n\nconst Board = (props: BoardProps) => {\n  const { model } = useGameboardContext<ChessModel>(Board.displayName);\n\n  // Keyboard navigation.\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    // Participate in keyboard navigation (set tabIndex={0})\n    ref.current.setAttribute('data-arrow-keys', 'all');\n\n    return addEventListener(ref.current, 'keydown', (ev) => {\n      switch (ev.key) {\n        case 'ArrowUp':\n          model.setMoveIndex(0);\n          break;\n        case 'ArrowDown':\n          model.setMoveIndex(model.game.history().length);\n          break;\n        case 'ArrowLeft':\n          if (model.moveIndex.value > 0) {\n            model.setMoveIndex(model.moveIndex.value - 1);\n          }\n          break;\n        case 'ArrowRight':\n          if (model.moveIndex.value < model.game.history().length) {\n            model.setMoveIndex(model.moveIndex.value + 1);\n          }\n          break;\n      }\n    });\n  }, [model]);\n\n  return <NaturalChessboard ref={ref} {...props} />;\n};\n\nBoard.displayName = 'Chessboard.Board';\n\n//\n// Chessboard\n//\n\nexport const Chessboard = {\n  Root: Root,\n  Content: Content,\n  Board: Board,\n  Info: Info,\n};\n\nexport type {\n  RootProps as ChessboardRootProps,\n  ContentProps as ChessboardContentProps,\n  BoardProps as ChessboardBoardProps,\n  InfoProps as ChessboardInfoProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren, useEffect, useMemo, useRef } from 'react';\n\nimport { generateName } from '@dxos/display-name';\nimport { type SpaceMember, getSpace, useMembers } from '@dxos/react-client/echo';\nimport { Icon, IconButton, Select, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { type Player, useGameboardContext } from '@dxos/react-ui-gameboard';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { meta } from '../meta';\n\nimport { type ExtendedChessModel } from './Chessboard';\n\nexport type InfoProps = ThemedClassName<\n  {\n    orientation?: Player;\n    onOrientationChange?: (orientation: Player) => void;\n    onClose?: () => void;\n  } & Pick<HistoryProps, 'min' | 'max' | 'onSelect'>\n>;\n\nexport const Info = ({ classNames, orientation = 'white', onOrientationChange, onClose, ...props }: InfoProps) => {\n  const { t } = useTranslation(meta.id);\n  const { model } = useGameboardContext<ExtendedChessModel>(Info.displayName);\n  const members = useMembers(getSpace(model.object)?.key);\n\n  return (\n    <div\n      className={mx(\n        'grid grid-rows-[min-content_1fr_min-content] is-full min-is-[18rem] p-2 overflow-hidden bg-groupSurface rounded-sm',\n        classNames,\n      )}\n    >\n      <PlayerIndicator\n        model={model}\n        player={orientation === 'white' ? 'black' : 'white'}\n        icon={\n          onClose && (\n            <IconButton icon='ph--x--regular' iconOnly label={t('close info button')} size={4} onClick={onClose} />\n          )\n        }\n      >\n        <PlayerSelector\n          value={model.object.players?.[orientation === 'white' ? 'black' : 'white']}\n          onValueChange={(value) => {\n            model.object.players![orientation === 'white' ? 'black' : 'white'] = value;\n          }}\n          members={members}\n        />\n      </PlayerIndicator>\n\n      <History model={model} {...props} />\n\n      <PlayerIndicator\n        model={model}\n        player={orientation}\n        icon={\n          onOrientationChange && (\n            <IconButton\n              classNames={mx('transition duration-200 ease-linear', orientation === 'white' && 'rotate-180')}\n              icon='ph--arrows-clockwise--regular'\n              iconOnly\n              label={t('flip board button')}\n              size={4}\n              onClick={() => onOrientationChange(orientation === 'white' ? 'black' : 'white')}\n            />\n          )\n        }\n      >\n        <PlayerSelector\n          value={model.object.players?.[orientation]}\n          onValueChange={(value) => {\n            model.object.players![orientation] = value;\n          }}\n          members={members}\n        />\n      </PlayerIndicator>\n    </div>\n  );\n};\n\nInfo.displayName = 'Chessboard.Info';\n\n//\n// History\n//\n\ntype HistoryProps = ThemedClassName<{\n  model: ExtendedChessModel;\n  min?: number;\n  max?: number;\n  onSelect?: (index: number) => void;\n}>;\n\nconst History = ({ classNames, model, min, max, onSelect }: HistoryProps) => {\n  const { t } = useTranslation(meta.id);\n  const label = model.game.isGameOver()\n    ? model.game.isCheckmate()\n      ? t('game.checkmate label')\n      : model.game.isStalemate()\n        ? t('game.stalemate label')\n        : t('game.draw label')\n    : model.game.isCheck()\n      ? t('game.check label')\n      : undefined;\n\n  const history = model.game.history();\n  const moves = useMemo(\n    () =>\n      history.reduce(\n        (acc, move, index) => {\n          if (index % 2 === 0) {\n            acc.push([{ index, move }]);\n          } else {\n            acc[acc.length - 1].push({ index, move });\n          }\n          return acc;\n        },\n        [] as { index: number; move: string }[][],\n      ),\n    [history.length],\n  );\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    scrollerRef.current?.scrollTo({ top: scrollerRef.current.scrollHeight });\n  }, [history.length]);\n\n  useEffect(() => {\n    const div = scrollerRef.current?.querySelector(`[data-index=\"${model.moveIndex.value - 1}\"]`);\n    scrollerRef.current?.classList.add('scrollbar-none');\n    div?.scrollIntoView({ behavior: 'smooth' });\n    scrollerRef.current?.classList.remove('scrollbar-none');\n  }, [model.moveIndex.value]);\n\n  return (\n    <div\n      ref={scrollerRef}\n      className={mx('overflow-y-auto', classNames)}\n      style={{\n        minHeight: min === undefined ? 'auto' : `${min * 24}px`,\n        maxHeight: max === undefined ? 'auto' : `${max * 24}px`,\n      }}\n    >\n      {moves.map(([a, b], index) => (\n        <div key={index} className='grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 pis-4 leading-1'>\n          <div className='content-center text-xs text-subdued'>{index + 1}</div>\n          {a && (\n            <div\n              data-index={a.index}\n              className={mx('pis-2 cursor-pointer', a.index === model.moveIndex.value - 1 && 'bg-primary-500')}\n              onClick={() => onSelect?.(a.index + 1)}\n            >\n              {a.move}\n            </div>\n          )}\n          {b && (\n            <div\n              data-index={b.index}\n              className={mx('pis-2 cursor-pointer', b.index === model.moveIndex.value - 1 && 'bg-primary-500')}\n              onClick={() => onSelect?.(b.index + 1)}\n            >\n              {b.move}\n            </div>\n          )}\n        </div>\n      ))}\n      {label && <div className='text-center'>{label}</div>}\n    </div>\n  );\n};\n\n//\n// PlayerIndicator\n//\n\ntype PlayerIndicatorProps = PropsWithChildren<{\n  model: ExtendedChessModel;\n  player: Player;\n  icon?: JSX.Element;\n}>;\n\nconst PlayerIndicator = ({ children, model, player, icon }: PlayerIndicatorProps) => {\n  const turn = player === (model.game.turn() === 'w' ? 'white' : 'black');\n  return (\n    <div className='grid grid-cols-[2rem_1fr_2rem] gap-2 bs-[--rail-size] pli-1 flex items-center overflow-hidden'>\n      <div className='place-items-center'>\n        <Icon\n          icon={turn ? 'ph--circle--fill' : 'ph--circle--thin'}\n          size={6}\n          classNames={mx(turn && (model.game.isCheckmate() ? 'text-red-500' : 'text-green-500'))}\n        />\n      </div>\n      <div className='truncate overflow-hidden items-center'>{children}</div>\n      {icon}\n    </div>\n  );\n};\n\n//\n// PlayerSelector\n//\n\ntype PlayerSelectorProps = {\n  value?: string;\n  onValueChange: (player: string) => void;\n  members: SpaceMember[];\n};\n\nconst PlayerSelector = ({ value, onValueChange, members }: PlayerSelectorProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <Select.Root value={value} onValueChange={onValueChange}>\n      <Select.TriggerButton placeholder={t('select player button')} />\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.Arrow />\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "addEventListener", "ChessModel", "Gameboard", "Chessboard", "NaturalChessboard", "getRawPgn", "useGameboardContext", "useSoundEffect", "mx", "React", "useEffect", "useMemo", "useRef", "generateName", "getSpace", "useMembers", "Icon", "IconButton", "Select", "useTranslation", "useGameboardContext", "mx", "Info", "classNames", "orientation", "onOrientationChange", "onClose", "props", "t", "useTranslation", "meta", "id", "model", "useGameboardContext", "displayName", "members", "useMembers", "getSpace", "object", "key", "div", "className", "mx", "PlayerIndicator", "player", "icon", "IconButton", "iconOnly", "label", "size", "onClick", "PlayerSelector", "value", "players", "onValueChange", "History", "min", "max", "onSelect", "game", "isGameOver", "isCheckmate", "isStalemate", "isCheck", "undefined", "history", "moves", "useMemo", "reduce", "acc", "move", "index", "push", "length", "scrollerRef", "useRef", "useEffect", "current", "scrollTo", "top", "scrollHeight", "querySelector", "moveIndex", "classList", "add", "scrollIntoView", "behavior", "remove", "ref", "style", "minHeight", "maxHeight", "map", "a", "b", "data-index", "children", "turn", "Icon", "Select", "Root", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "member", "memberKey", "identity", "identityKey", "toHex", "profile", "generateName", "Option", "Arrow", "ExtendedChessModel", "ChessModel", "object", "Root", "forwardRef", "game", "children", "forwardedRef", "model", "useMemo", "click", "useSoundEffect", "useImperativeHandle", "setMoveNumber", "index", "setMoveIndex", "useEffect", "pgn", "getRawPgn", "silent", "update", "play", "handleDrop", "useCallback", "move", "makeMove", "React", "Gameboard", "onDrop", "Content", "classNames", "role", "mx", "grow", "contain", "Board", "props", "useGameboardContext", "displayName", "ref", "useRef", "current", "setAttribute", "addEventListener", "ev", "key", "history", "length", "moveIndex", "value", "NaturalChessboard", "Chessboard", "Info"]
+}

package/dist/lib/browser/{chunk-PE3IWOFR.mjs → chunk-DUO4WTAM.mjs}

@@ -6,14 +6,15 @@ var __export = (target, all) => {
 
 // src/meta.ts
 import { trim } from "@dxos/util";
-var CHESS_PLUGIN = "dxos.org/plugin/chess";
 var meta = {
-  id: CHESS_PLUGIN,
+  id: "dxos.org/plugin/chess",
   name: "Chess",
   description: trim`
-    Play chess with friends or practice with the AI.
+    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"
@@ -22,7 +23,6 @@ var meta = {
 
 export {
   __export,
-  CHESS_PLUGIN,
   meta
 };
-//# sourceMappingURL=chunk-PE3IWOFR.mjs.map
+//# sourceMappingURL=chunk-DUO4WTAM.mjs.map

package/dist/lib/browser/chunk-DUO4WTAM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/chess',\n  name: 'Chess',\n  description: trim`\n    Full-featured chess game supporting multiplayer matches with friends or practice sessions against AI opponents.\n    Track game history and analyze moves in real-time.\n  `,\n  icon: 'ph--shield-chevron--regular',\n  iconHue: 'amber',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-chess',\n  screenshots: ['https://dxos.network/plugin-details-chess-dark.png'],\n};\n"],
+  "mappings": ";;;;;;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa;IAAC;;AAChB;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots"]
+}