@dxos/plugin-chess 0.7.5-main.9d26e3a → 0.7.5-main.e9bb01b

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

@@ -0,0 +1,106 @@
+// packages/plugins/plugin-chess/src/components/ChessContainer.tsx
+import { Chess } from "chess.js";
+import React2, { useCallback, useEffect, useMemo } from "react";
+import { getSpace } from "@dxos/react-client/echo";
+import { ChessModel, Board, Chessboard } from "@dxos/react-ui-gameboard";
+import { StackItem } from "@dxos/react-ui-stack";
+
+// packages/plugins/plugin-chess/src/components/PlayerSelector.tsx
+import { CrownCross } from "@phosphor-icons/react";
+import React from "react";
+import { generateName } from "@dxos/display-name";
+import { useMembers } from "@dxos/react-client/echo";
+import { Input, Select, useThemeContext } from "@dxos/react-ui";
+import { getSize, mx } from "@dxos/react-ui-theme";
+var PlayerSelector = ({ game, space }) => {
+  const members = useMembers(space.key);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "grid grid-cols-2 gap-8"
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-row-reverse items-center gap-2"
+  }, /* @__PURE__ */ React.createElement(PlayerSelect, {
+    side: "white",
+    value: game.playerWhite,
+    onValueChange: (player) => game.playerWhite = player,
+    members
+  })), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-row items-center gap-2"
+  }, /* @__PURE__ */ React.createElement(PlayerSelect, {
+    side: "black",
+    value: game.playerBlack,
+    onValueChange: (player) => game.playerBlack = player,
+    members
+  })));
+};
+var PlayerSelect = ({ side, value, onValueChange, members }) => {
+  const { themeMode } = useThemeContext();
+  const iconFillMode = side === "black" && themeMode === "light" || side === "white" && themeMode === "dark" ? "fill" : void 0;
+  return /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, /* @__PURE__ */ React.createElement(CrownCross, {
+    className: mx(getSize(6)),
+    weight: iconFillMode,
+    "aria-label": `Chess icon for side ${side}`
+  })), /* @__PURE__ */ React.createElement(Select.Root, {
+    value,
+    onValueChange
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    placeholder: "Select player"
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, members.map((member) => {
+    const memberKey = member.identity.identityKey.toHex();
+    const displayName = member.identity?.profile?.displayName || generateName(memberKey);
+    return /* @__PURE__ */ React.createElement(Select.Option, {
+      key: memberKey,
+      value: memberKey
+    }, displayName);
+  }))))));
+};
+
+// packages/plugins/plugin-chess/src/components/ChessContainer.tsx
+var ChessContainer = ({ game }) => {
+  const model = useMemo(() => new ChessModel(), []);
+  useEffect(() => {
+    if (!model || game.pgn !== model?.game.pgn()) {
+      const chess = new Chess();
+      if (game.pgn) {
+        chess.loadPgn(game.pgn);
+      }
+      model.initialize(chess.fen());
+    }
+  }, [
+    game.pgn
+  ]);
+  const space = getSpace(game);
+  if (!space) {
+    return null;
+  }
+  const handleDrop = useCallback((move) => {
+    if (model.makeMove(move)) {
+      game.pgn = model.game.pgn();
+      return true;
+    }
+    return false;
+  }, [
+    model
+  ]);
+  return /* @__PURE__ */ React2.createElement(StackItem.Content, {
+    toolbar: false
+  }, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "grid grid-rows-[60px_1fr_60px] grow overflow-hidden"
+  }, /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement("div", {
+    className: "flex m-4 overflow-hidden"
+  }, /* @__PURE__ */ React2.createElement(Board.Root, {
+    model,
+    onDrop: handleDrop
+  }, /* @__PURE__ */ React2.createElement(Chessboard, null))), /* @__PURE__ */ React2.createElement(PlayerSelector, {
+    space,
+    game
+  })));
+};
+var ChessContainer_default = ChessContainer;
+export {
+  ChessContainer_default as default
+};
+//# sourceMappingURL=ChessContainer-LPMACR6Y.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ChessContainer.tsx", "../../../src/components/PlayerSelector.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Chess } from 'chess.js';\nimport React, { useCallback, useEffect, useMemo } from 'react';\n\nimport { getSpace } from '@dxos/react-client/echo';\nimport { ChessModel, Board, Chessboard, type BoardRootProps } from '@dxos/react-ui-gameboard';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { PlayerSelector } from './PlayerSelector';\nimport { type GameType } from '../types';\n\nconst ChessContainer = ({ game }: { game: GameType; role?: string }) => {\n  const model = useMemo(() => new ChessModel(), []);\n  useEffect(() => {\n    if (!model || game.pgn !== model?.game.pgn()) {\n      const chess = new Chess();\n      if (game.pgn) {\n        chess.loadPgn(game.pgn);\n      }\n\n      model.initialize(chess.fen());\n    }\n  }, [game.pgn]);\n\n  const space = getSpace(game);\n  if (!space) {\n    return null;\n  }\n\n  const handleDrop = useCallback<NonNullable<BoardRootProps['onDrop']>>(\n    (move) => {\n      if (model.makeMove(move)) {\n        game.pgn = model.game.pgn();\n        return true;\n      }\n\n      return false;\n    },\n    [model],\n  );\n\n  return (\n    <StackItem.Content toolbar={false}>\n      <div role='none' className='grid grid-rows-[60px_1fr_60px] grow overflow-hidden'>\n        <div />\n\n        <div className='flex m-4 overflow-hidden'>\n          <Board.Root model={model} onDrop={handleDrop}>\n            <Chessboard />\n          </Board.Root>\n        </div>\n\n        <PlayerSelector space={space} game={game} />\n      </div>\n    </StackItem.Content>\n  );\n};\n\nexport default ChessContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CrownCross } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { generateName } from '@dxos/display-name';\nimport { useMembers, type Space, type SpaceMember } from '@dxos/react-client/echo';\nimport { Input, Select, useThemeContext } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { type GameType } from '../types';\n\nexport const PlayerSelector = ({ game, space }: { game: GameType; space: Space }) => {\n  const members = useMembers(space.key);\n\n  return (\n    <div role='none' className='grid grid-cols-2 gap-8'>\n      <div role='none' className='flex flex-row-reverse items-center gap-2'>\n        <PlayerSelect\n          side='white'\n          value={game.playerWhite}\n          onValueChange={(player) => (game.playerWhite = player)}\n          members={members}\n        />\n      </div>\n      <div role='none' className='flex flex-row items-center gap-2'>\n        <PlayerSelect\n          side='black'\n          value={game.playerBlack}\n          onValueChange={(player) => (game.playerBlack = player)}\n          members={members}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst PlayerSelect = ({\n  side,\n  value,\n  onValueChange,\n  members,\n}: {\n  side: 'white' | 'black';\n  value: string | undefined;\n  onValueChange: (player: string) => void;\n  members: SpaceMember[];\n}) => {\n  const { themeMode } = useThemeContext();\n  const iconFillMode =\n    (side === 'black' && themeMode === 'light') || (side === 'white' && themeMode === 'dark') ? 'fill' : undefined;\n\n  return (\n    <Input.Root>\n      <Input.Label>\n        <CrownCross className={mx(getSize(6))} weight={iconFillMode} aria-label={`Chess icon for side ${side}`} />\n      </Input.Label>\n      <Select.Root value={value} onValueChange={onValueChange}>\n        <Select.TriggerButton placeholder={'Select player'} />\n        <Select.Portal>\n          <Select.Content>\n            <Select.Viewport>\n              {members.map((member) => {\n                const memberKey = member.identity.identityKey.toHex();\n                const displayName = member.identity?.profile?.displayName || generateName(memberKey);\n                return (\n                  <Select.Option key={memberKey} value={memberKey}>\n                    {displayName}\n                  </Select.Option>\n                );\n              })}\n            </Select.Viewport>\n          </Select.Content>\n        </Select.Portal>\n      </Select.Root>\n    </Input.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Chess", "React", "useCallback", "useEffect", "useMemo", "getSpace", "ChessModel", "Board", "Chessboard", "StackItem", "CrownCross", "React", "generateName", "useMembers", "Input", "Select", "useThemeContext", "getSize", "mx", "PlayerSelector", "game", "space", "members", "useMembers", "key", "div", "role", "className", "PlayerSelect", "side", "value", "playerWhite", "onValueChange", "player", "playerBlack", "themeMode", "useThemeContext", "iconFillMode", "undefined", "Input", "Root", "Label", "CrownCross", "mx", "getSize", "weight", "aria-label", "Select", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "map", "member", "memberKey", "identity", "identityKey", "toHex", "displayName", "profile", "generateName", "Option", "ChessContainer", "game", "model", "useMemo", "ChessModel", "useEffect", "pgn", "chess", "Chess", "loadPgn", "initialize", "fen", "space", "getSpace", "handleDrop", "useCallback", "move", "makeMove", "React", "StackItem", "Content", "toolbar", "div", "role", "className", "Board", "Root", "onDrop", "Chessboard", "PlayerSelector"]
+}

package/dist/lib/browser/{chunk-3UQBTNX5.mjs → chunk-SINRYD72.mjs}

@@ -1,7 +1,3 @@
-import {
-  CHESS_PLUGIN
-} from "./chunk-2H2BTWYT.mjs";
-
 // packages/plugins/plugin-chess/src/types/schema.ts
 import { S, TypedObject } from "@dxos/echo-schema";
 var MoveSchema = S.mutable(S.partial(S.Struct({
@@ -26,6 +22,21 @@ var GameType = class extends TypedObject({
 // packages/plugins/plugin-chess/src/types/types.ts
 import { S as S2 } from "@dxos/echo-schema";
 import { isReactiveObject } from "@dxos/live-object";
+
+// packages/plugins/plugin-chess/src/meta.ts
+var CHESS_PLUGIN = "dxos.org/plugin/chess";
+var meta = {
+  id: CHESS_PLUGIN,
+  name: "Chess",
+  description: `Chess is a simple plugin which allows you to render an interactive chessboard inside of a plank. This chessboard can be used for collaborative chess games, or for practice experiments with the LLM. `,
+  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"
+  ]
+};
+
+// packages/plugins/plugin-chess/src/types/types.ts
 var ChessAction;
 (function(ChessAction2) {
   const CHESS_ACTION = `${CHESS_PLUGIN}/action`;
@@ -47,7 +58,9 @@ var isObject = (object) => {
 export {
   MoveSchema,
   GameType,
+  CHESS_PLUGIN,
+  meta,
   ChessAction,
   isObject
 };
-//# sourceMappingURL=chunk-3UQBTNX5.mjs.map
+//# sourceMappingURL=chunk-SINRYD72.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/schema.ts", "../../../src/types/types.ts", "../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { S, TypedObject } from '@dxos/echo-schema';\n\nexport const MoveSchema = S.mutable(\n  S.partial(\n    S.Struct({\n      source: S.String,\n      target: S.String,\n      piece: S.String,\n    }),\n  ),\n);\n\nexport class GameType extends TypedObject({ typename: 'dxos.org/type/Chess', version: '0.1.0' })(\n  {\n    name: S.optional(S.String),\n    playerWhite: S.String,\n    playerBlack: S.String,\n    moves: S.mutable(S.Array(S.String)),\n    pgn: S.String,\n  },\n  { partial: true },\n) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\nimport { isReactiveObject } from '@dxos/live-object';\n\nimport { GameType } from './schema';\nimport { CHESS_PLUGIN } from '../meta';\n\nexport namespace ChessAction {\n  const CHESS_ACTION = `${CHESS_PLUGIN}/action`;\n\n  export class Create extends S.TaggedClass<Create>()(`${CHESS_ACTION}/create`, {\n    input: S.Struct({\n      name: S.optional(S.String),\n    }),\n    output: S.Struct({\n      object: GameType,\n    }),\n  }) {}\n}\n\nexport const isObject = (object: unknown): object is GameType => {\n  return isReactiveObject(object) && object instanceof GameType;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const CHESS_PLUGIN = 'dxos.org/plugin/chess';\n\nexport const meta = {\n  id: CHESS_PLUGIN,\n  name: 'Chess',\n  description: `Chess is a simple plugin which allows you to render an interactive chessboard inside of a plank. This chessboard can be used for collaborative chess games, or for practice experiments with the LLM. `,\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} satisfies PluginMeta;\n"],
+  "mappings": ";AAIA,SAASA,GAAGC,mBAAmB;AAExB,IAAMC,aAAaC,EAAEC,QAC1BD,EAAEE,QACAF,EAAEG,OAAO;EACPC,QAAQJ,EAAEK;EACVC,QAAQN,EAAEK;EACVE,OAAOP,EAAEK;AACX,CAAA,CAAA,CAAA;AAIG,IAAMG,WAAN,cAAuBC,YAAY;EAAEC,UAAU;EAAuBC,SAAS;AAAQ,CAAA,EAC5F;EACEC,MAAMZ,EAAEa,SAASb,EAAEK,MAAM;EACzBS,aAAad,EAAEK;EACfU,aAAaf,EAAEK;EACfW,OAAOhB,EAAEC,QAAQD,EAAEiB,MAAMjB,EAAEK,MAAM,CAAA;EACjCa,KAAKlB,EAAEK;AACT,GACA;EAAEH,SAAS;AAAK,CAAA,EAAA;AACf;;;ACrBH,SAASiB,KAAAA,UAAS;AAClB,SAASC,wBAAwB;;;ACC1B,IAAMC,eAAe;AAErB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,aAAa;IAAC;;AAChB;;;;UDLiBC,cAAAA;AACf,QAAMC,eAAe,GAAGC,YAAAA;EAEjB,MAAMC,eAAeC,GAAEC,YAAW,EAAW,GAAGJ,YAAAA,WAAuB;IAC5EK,OAAOF,GAAEG,OAAO;MACdC,MAAMJ,GAAEK,SAASL,GAAEM,MAAM;IAC3B,CAAA;IACAC,QAAQP,GAAEG,OAAO;MACfK,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;eAPSV,SAAAA;AAQf,GAXiBH,gBAAAA,cAAAA,CAAAA,EAAAA;AAaV,IAAMc,WAAW,CAACF,WAAAA;AACvB,SAAOG,iBAAiBH,MAAAA,KAAWA,kBAAkBC;AACvD;",
+  "names": ["S", "TypedObject", "MoveSchema", "S", "mutable", "partial", "Struct", "source", "String", "target", "piece", "GameType", "TypedObject", "typename", "version", "name", "optional", "playerWhite", "playerBlack", "moves", "Array", "pgn", "S", "isReactiveObject", "CHESS_PLUGIN", "meta", "id", "name", "description", "icon", "source", "screenshots", "ChessAction", "CHESS_ACTION", "CHESS_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "output", "object", "GameType", "isObject", "isReactiveObject"]
+}