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

package/dist/lib/browser/ChessboardContainer-HBHUXBG3.mjs

@@ -0,0 +1,96 @@
+import {
+  Chessboard
+} from "./chunk-UDWRTBWA.mjs";
+import {
+  meta
+} from "./chunk-PE3IWOFR.mjs";
+
+// src/components/ChessboardContainer.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2 from "react";
+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 { StackItem } from "@dxos/react-ui-stack";
+import { mx } from "@dxos/react-ui-theme";
+var ChessboardArticle = ({ game }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const [orientation, setOrientation] = useState("white");
+    const [open, setOpen] = useState(true);
+    const controller = useRef(null);
+    const handleSelect = useCallback((index) => {
+      controller.current?.setMoveNumber(index);
+    }, []);
+    return /* @__PURE__ */ React.createElement(StackItem.Content, {
+      classNames: "@container bs-full is-full overflow-hidden"
+    }, /* @__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(Chessboard.Content, null, /* @__PURE__ */ React.createElement(Chessboard.Board, {
+      orientation
+    })), open && /* @__PURE__ */ React.createElement("div", {
+      className: "hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden"
+    }, /* @__PURE__ */ React.createElement(Chessboard.Info, {
+      orientation,
+      min: 8,
+      max: 8,
+      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();
+  }
+};
+
+// src/components/ChessboardContainer.tsx
+var ChessboardContainer = ({ game, role }) => {
+  var _effect = _useSignals2();
+  try {
+    const space = getSpace(game);
+    if (!space) {
+      return null;
+    }
+    switch (role) {
+      case "card--popover":
+      case "card--intrinsic":
+      case "card--extrinsic": {
+        return /* @__PURE__ */ React2.createElement(Chessboard.Root, {
+          game
+        }, /* @__PURE__ */ React2.createElement(Chessboard.Content, {
+          role
+        }, /* @__PURE__ */ React2.createElement(Chessboard.Board, null)));
+      }
+      default: {
+        return /* @__PURE__ */ React2.createElement(ChessboardArticle, {
+          game
+        });
+      }
+    }
+  } finally {
+    _effect.f();
+  }
+};
+var ChessboardContainer_default = ChessboardContainer;
+export {
+  ChessboardContainer,
+  ChessboardContainer_default as default
+};
+//# sourceMappingURL=ChessboardContainer-HBHUXBG3.mjs.map

package/dist/lib/browser/ChessboardContainer-HBHUXBG3.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} />;\n    }\n  }\n};\n\nexport default ChessboardContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { IconButton, 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 }: { game: Chess.Game }) => {\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 classNames='@container bs-full is-full overflow-hidden'>\n      <Chessboard.Root game={game} ref={controller}>\n        <div className={mx('grid grid-rows-[1fr_4rem] bs-full is-full gap-2', open && '@3xl:grid-cols-[1fr_320px]')}>\n          <Chessboard.Content>\n            <Chessboard.Board 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 className='flex justify-center items-center'>\n            <Chessboard.Players>\n              <IconButton\n                variant='ghost'\n                icon='ph--info--regular'\n                iconOnly\n                label={t('button toggle info')}\n                size={6}\n                classNames={mx('invisible', !open && '@3xl:visible')}\n                onClick={() => setOpen((open) => !open)}\n              />\n            </Chessboard.Players>\n          </div>\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,YAAYC,sBAAsB;AAE3C,SAASC,iBAAiB;AAC1B,SAASC,UAAU;AAOZ,IAAMC,oBAAoB,CAAC,EAAEC,KAAI,MAAwB;;;AAC9D,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,YAAW;OAC5B,sBAAA,cAACC,WAAWC,MAAI;MAACrB;MAAYsB,KAAKZ;OAChC,sBAAA,cAACa,OAAAA;MAAIC,WAAWC,GAAG,mDAAmDjB,QAAQ,4BAAA;OAC5E,sBAAA,cAACY,WAAWF,SAAO,MACjB,sBAAA,cAACE,WAAWM,OAAK;MAACrB;SAEnBG,QACC,sBAAA,cAACe,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACJ,WAAWO,MAAI;MACdtB;MACAuB,KAAK;MACLC,KAAK;MACLC,qBAAqBxB;MACrByB,SAAS,MAAMtB,QAAQ,KAAA;MACvBuB,UAAUpB;SAIhB,sBAAA,cAACW,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACJ,WAAWa,SAAO,MACjB,sBAAA,cAACC,YAAAA;MACCC,SAAQ;MACRC,MAAK;MACLC,UAAAA;MACAC,OAAOrC,EAAE,oBAAA;MACTsC,MAAM;MACNpB,YAAYM,GAAG,aAAa,CAACjB,QAAQ,cAAA;MACrCgC,SAAS,MAAM/B,QAAQ,CAACD,UAAS,CAACA,KAAAA;;;;;AAQlD;;;AD7CO,IAAMiC,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;;MAC5B;IACF;;;;AACF;AAEA,IAAA,8BAAeD;",
+  "names": ["React", "getSpace", "React", "useCallback", "useRef", "useState", "IconButton", "useTranslation", "StackItem", "mx", "ChessboardArticle", "game", "t", "useTranslation", "meta", "id", "orientation", "setOrientation", "useState", "open", "setOpen", "controller", "useRef", "handleSelect", "useCallback", "index", "current", "setMoveNumber", "StackItem", "Content", "classNames", "Chessboard", "Root", "ref", "div", "className", "mx", "Board", "Info", "min", "max", "onOrientationChange", "onClose", "onSelect", "Players", "IconButton", "variant", "icon", "iconOnly", "label", "size", "onClick", "ChessboardContainer", "game", "role", "space", "getSpace", "React", "Chessboard", "Root", "Content", "Board", "ChessboardArticle"]
+}

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

@@ -0,0 +1,11 @@
+import {
+  BLUEPRINT_KEY,
+  blueprint_definition_default
+} from "./chunk-VTIITHYS.mjs";
+import "./chunk-T275KG4U.mjs";
+import "./chunk-PE3IWOFR.mjs";
+export {
+  BLUEPRINT_KEY,
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-W5PLLXPP.mjs.map

package/dist/lib/browser/blueprint-definition-W5PLLXPP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/browser/chunk-H65TQTPW.mjs

@@ -0,0 +1,8 @@
+// src/components/index.ts
+import { lazy } from "react";
+var ChessboardContainer = lazy(() => import("./ChessboardContainer-HBHUXBG3.mjs"));
+
+export {
+  ChessboardContainer
+};
+//# sourceMappingURL=chunk-H65TQTPW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './Chessboard';\n\nexport const ChessboardContainer = lazy(() => import('./ChessboardContainer'));\n"],
+  "mappings": ";AAIA,SAASA,YAAY;AAId,IAAMC,sBAAsBC,KAAK,MAAM,OAAO,oCAAA,CAAA;",
+  "names": ["lazy", "ChessboardContainer", "lazy"]
+}

package/dist/lib/browser/chunk-PE3IWOFR.mjs

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/meta.ts
+import { trim } from "@dxos/util";
+var CHESS_PLUGIN = "dxos.org/plugin/chess";
+var meta = {
+  id: CHESS_PLUGIN,
+  name: "Chess",
+  description: trim`
+    Play chess with friends or practice with the AI.
+  `,
+  icon: "ph--shield-chevron--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-chess",
+  screenshots: [
+    "https://dxos.network/plugin-details-chess-dark.png"
+  ]
+};
+
+export {
+  __export,
+  CHESS_PLUGIN,
+  meta
+};
+//# sourceMappingURL=chunk-PE3IWOFR.mjs.map

package/dist/lib/browser/chunk-PE3IWOFR.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 CHESS_PLUGIN = 'dxos.org/plugin/chess';\n\nexport const meta: PluginMeta = {\n  id: CHESS_PLUGIN,\n  name: 'Chess',\n  description: trim`\n    Play chess with friends or practice with the AI.\n  `,\n  icon: 'ph--shield-chevron--regular',\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,eAAe;AAErB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,aAAaC;;;EAGbC,MAAM;EACNC,QAAQ;EACRC,aAAa;IAAC;;AAChB;",
+  "names": ["trim", "CHESS_PLUGIN", "meta", "id", "name", "description", "trim", "icon", "source", "screenshots"]
+}

package/dist/lib/browser/chunk-T275KG4U.mjs

@@ -0,0 +1,84 @@
+import {
+  __export,
+  meta
+} from "./chunk-PE3IWOFR.mjs";
+
+// src/types/Chess.ts
+var Chess_exports = {};
+__export(Chess_exports, {
+  Game: () => Game,
+  makeGame: () => makeGame
+});
+import { Chess as ChessJS } from "chess.js";
+import { Schema } from "effect";
+import { Obj, Type } from "@dxos/echo";
+import { LabelAnnotation } from "@dxos/echo-schema";
+import { log } from "@dxos/log";
+import { ItemAnnotation } from "@dxos/schema";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-chess/src/types/Chess.ts";
+var Game = Schema.Struct({
+  name: Schema.optional(Schema.String),
+  players: Schema.optional(Schema.Struct({
+    white: Schema.optional(Schema.String.annotations({
+      description: "DID of white player"
+    })),
+    black: Schema.optional(Schema.String.annotations({
+      description: "DID of black player"
+    }))
+  }).pipe(Schema.mutable)),
+  pgn: Schema.optional(Schema.String.annotations({
+    description: "Portable Game Notation."
+  })),
+  fen: Schema.optional(Schema.String.annotations({
+    description: "Forsyth-Edwards Notation."
+  }))
+}).pipe(Type.Obj({
+  typename: "dxos.org/type/Chess",
+  version: "0.2.0"
+}), LabelAnnotation.set([
+  "name"
+]), ItemAnnotation.set(true));
+var makeGame = ({ name, pgn, fen } = {}) => {
+  const chess = new ChessJS();
+  if (pgn) {
+    try {
+      chess.loadPgn(pgn);
+    } catch {
+      log.warn(pgn, void 0, {
+        F: __dxlog_file,
+        L: 56,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }
+  return Obj.make(Game, {
+    name,
+    players: {},
+    pgn,
+    fen
+  });
+};
+
+// src/types/ChessAction.ts
+var ChessAction_exports = {};
+__export(ChessAction_exports, {
+  Create: () => Create
+});
+import { Schema as Schema2 } from "effect";
+var Create = class extends Schema2.TaggedClass()(`${meta.id}/action/create`, {
+  input: Schema2.Struct({
+    name: Schema2.optional(Schema2.String),
+    pgn: Schema2.optional(Schema2.String)
+  }),
+  output: Schema2.Struct({
+    object: Game
+  })
+}) {
+};
+
+export {
+  Chess_exports,
+  ChessAction_exports
+};
+//# sourceMappingURL=chunk-T275KG4U.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Chess.ts", "../../../src/types/ChessAction.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport { Schema } from 'effect';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo-schema';\nimport { log } from '@dxos/log';\nimport { ItemAnnotation } from '@dxos/schema';\n\nexport const Game = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  players: Schema.optional(\n    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(Schema.mutable),\n  ),\n  pgn: Schema.optional(\n    Schema.String.annotations({\n      description: 'Portable Game Notation.',\n    }),\n  ),\n  fen: Schema.optional(\n    Schema.String.annotations({\n      description: 'Forsyth-Edwards Notation.',\n    }),\n  ),\n}).pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Chess',\n    version: '0.2.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ItemAnnotation.set(true),\n);\n\nexport interface Game extends Schema.Schema.Type<typeof Game> {}\n\nexport const makeGame = ({ 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    players: {},\n    pgn,\n    fen,\n  });\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { meta } from '../meta';\n\nimport { Game } from './Chess';\n\nexport class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n  input: Schema.Struct({\n    name: Schema.optional(Schema.String),\n    pgn: Schema.optional(Schema.String),\n  }),\n  output: Schema.Struct({\n    object: Game,\n  }),\n}) {}\n"],
+  "mappings": ";;;;;;AAAA;;;;;AAIA,SAASA,SAASC,eAAe;AACjC,SAASC,cAAc;AAEvB,SAASC,KAAKC,YAAY;AAC1B,SAASC,uBAAuB;AAChC,SAASC,WAAW;AACpB,SAASC,sBAAsB;;AAExB,IAAMC,OAAON,OAAOO,OAAO;EAChCC,MAAMR,OAAOS,SAAST,OAAOU,MAAM;EACnCC,SAASX,OAAOS,SACdT,OAAOO,OAAO;IACZK,OAAOZ,OAAOS,SACZT,OAAOU,OAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;IAEFC,OAAOf,OAAOS,SACZT,OAAOU,OAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;EAEJ,CAAA,EAAGE,KAAKhB,OAAOiB,OAAO,CAAA;EAExBC,KAAKlB,OAAOS,SACVT,OAAOU,OAAOG,YAAY;IACxBC,aAAa;EACf,CAAA,CAAA;EAEFK,KAAKnB,OAAOS,SACVT,OAAOU,OAAOG,YAAY;IACxBC,aAAa;EACf,CAAA,CAAA;AAEJ,CAAA,EAAGE,KACDd,KAAKD,IAAI;EACPmB,UAAU;EACVC,SAAS;AACX,CAAA,GACAlB,gBAAgBmB,IAAI;EAAC;CAAO,GAC5BjB,eAAeiB,IAAI,IAAA,CAAA;AAKd,IAAMC,WAAW,CAAC,EAAEf,MAAMU,KAAKC,IAAG,IAAoD,CAAC,MAAC;AAC7F,QAAMK,QAAQ,IAAIzB,QAAAA;AAClB,MAAImB,KAAK;AACP,QAAI;AACFM,YAAMC,QAAQP,GAAAA;IAChB,QAAQ;AACNd,UAAIsB,KAAKR,KAAAA,QAAAA;;;;;;IACX;EACF;AAEA,SAAOjB,IAAI0B,KAAKrB,MAAM;IACpBE;IACAG,SAAS,CAAC;IACVO;IACAC;EACF,CAAA;AACF;;;ACjEA;;;;AAIA,SAASS,UAAAA,eAAc;AAMhB,IAAMC,SAAN,cAAqBC,QAAOC,YAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAOJ,QAAOK,OAAO;IACnBC,MAAMN,QAAOO,SAASP,QAAOQ,MAAM;IACnCC,KAAKT,QAAOO,SAASP,QAAOQ,MAAM;EACpC,CAAA;EACAE,QAAQV,QAAOK,OAAO;IACpBM,QAAQC;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
+  "names": ["Chess", "ChessJS", "Schema", "Obj", "Type", "LabelAnnotation", "log", "ItemAnnotation", "Game", "Struct", "name", "optional", "String", "players", "white", "annotations", "description", "black", "pipe", "mutable", "pgn", "fen", "typename", "version", "set", "makeGame", "chess", "loadPgn", "warn", "make", "Schema", "Create", "Schema", "TaggedClass", "meta", "id", "input", "Struct", "name", "optional", "String", "pgn", "output", "object", "Game"]
+}

package/dist/lib/browser/chunk-UDWRTBWA.mjs

@@ -0,0 +1,324 @@
+import {
+  meta
+} from "./chunk-PE3IWOFR.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 { addEventListener } from "@dxos/async";
+import { ChessModel, Gameboard, Chessboard as NativeChessboard } from "@dxos/react-ui-gameboard";
+import { mx as mx3 } from "@dxos/react-ui-theme";
+
+// src/components/ChessboardInfo.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 { useGameboardContext } from "@dxos/react-ui-gameboard";
+import { mx } from "@dxos/react-ui-theme";
+var ChessboardInfo = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const { model } = useGameboardContext(ChessboardInfo.displayName);
+    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)
+    }, /* @__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
+    })), /* @__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")
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+ChessboardInfo.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 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="${model.moveIndex.value - 1}"]`);
+      scrollerRef.current?.classList.add("scrollbar-none");
+      div?.scrollIntoView({
+        behavior: "smooth"
+      });
+      scrollerRef.current?.classList.remove("scrollbar-none");
+    }, [
+      model.moveIndex.value
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      ref: scrollerRef,
+      className: mx("overflow-y-scroll", 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 pis-4 leading-1"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "content-center text-xs text-subdued"
+    }, index + 1), a && /* @__PURE__ */ React.createElement("div", {
+      "data-index": a.index,
+      className: mx("pis-2 cursor-pointer", a.index === model.moveIndex.value - 1 && "bg-primary-500"),
+      onClick: () => onSelect?.(a.index + 1)
+    }, a.move), b && /* @__PURE__ */ React.createElement("div", {
+      "data-index": b.index,
+      className: mx("pis-2 cursor-pointer", b.index === model.moveIndex.value - 1 && "bg-primary-500"),
+      onClick: () => onSelect?.(b.index + 1)
+    }, b.move))), label && /* @__PURE__ */ React.createElement("div", {
+      className: "text-center"
+    }, label));
+  } finally {
+    _effect.f();
+  }
+};
+var PlayerIndicator = ({ children, model, player, title }) => {
+  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"
+    }, /* @__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-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
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+ChessboardPlayers.displayName = "Chessboard.Players";
+var PlayerSelect = ({ side, value, onValueChange, members }) => {
+  var _effect = _useSignals2();
+  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, {
+      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) => {
+      const memberKey = member.identity.identityKey.toHex();
+      const displayName = member.identity?.profile?.displayName || generateName(memberKey);
+      return /* @__PURE__ */ React2.createElement(Select.Option, {
+        key: memberKey,
+        value: memberKey
+      }, displayName);
+    })), /* @__PURE__ */ React2.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 {
+  constructor(object) {
+    super(), _define_property(this, "object", void 0), this.object = object;
+  }
+};
+var ChessboardRoot = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
+  var _effect = _useSignals3();
+  try {
+    const model = useMemo2(() => new ExtendedChessModel(game), []);
+    useImperativeHandle(forwardedRef, () => {
+      return {
+        setMoveNumber: (index) => model.setMoveIndex(index)
+      };
+    }, [
+      model
+    ]);
+    useEffect2(() => {
+      model.update(game.pgn);
+    }, [
+      game.pgn
+    ]);
+    const ref = useRef2(null);
+    useEffect2(() => {
+      if (!ref.current) {
+        return;
+      }
+      return addEventListener(ref.current, "keydown", (ev) => {
+        switch (ev.key) {
+          case "ArrowUp":
+            model.setMoveIndex(0);
+            break;
+          case "ArrowDown":
+            model.setMoveIndex(model.game.history().length);
+            break;
+          case "ArrowLeft":
+            if (model.moveIndex.value > 0) {
+              model.setMoveIndex(model.moveIndex.value - 1);
+            }
+            break;
+          case "ArrowRight":
+            if (model.moveIndex.value < model.game.history().length) {
+              model.setMoveIndex(model.moveIndex.value + 1);
+            }
+            break;
+        }
+      });
+    }, [
+      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", {
+      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);
+  } finally {
+    _effect.f();
+  }
+};
+var Chessboard = {
+  Root: ChessboardRoot,
+  Content: ChessboardContent,
+  Board: NativeChessboard,
+  Info: ChessboardInfo,
+  Players: ChessboardPlayers
+};
+
+export {
+  ExtendedChessModel,
+  Chessboard
+};
+//# sourceMappingURL=chunk-UDWRTBWA.mjs.map