@dxos/plugin-chess 0.8.4-main.ae835ea → 0.8.4-main.bc674ce
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/ChessboardContainer-JZ4ANG4O.mjs +81 -0
- package/dist/lib/browser/ChessboardContainer-JZ4ANG4O.mjs.map +7 -0
- package/dist/lib/browser/blueprint-definition-P7TYXWMF.mjs +18 -0
- package/dist/lib/browser/blueprint-definition-P7TYXWMF.mjs.map +7 -0
- package/dist/lib/browser/blueprints/index.mjs +11 -0
- package/dist/lib/browser/{chunk-FBLAVAMY.mjs → chunk-66H3V2YV.mjs} +15 -35
- package/dist/lib/browser/chunk-66H3V2YV.mjs.map +7 -0
- package/dist/lib/browser/chunk-73BDP7UV.mjs +275 -0
- package/dist/lib/browser/chunk-73BDP7UV.mjs.map +7 -0
- package/dist/lib/browser/{chunk-TIIGNOGK.mjs → chunk-FO4ZNFN6.mjs} +105 -45
- package/dist/lib/browser/chunk-FO4ZNFN6.mjs.map +7 -0
- package/dist/lib/browser/{chunk-DUO4WTAM.mjs → chunk-H3NUMCQ6.mjs} +1 -8
- package/dist/lib/browser/chunk-H3NUMCQ6.mjs.map +7 -0
- package/dist/lib/browser/chunk-J5LGTIGS.mjs +10 -0
- package/dist/lib/browser/{chunk-WLXUZMHC.mjs → chunk-OW6S2SRG.mjs} +2 -2
- package/dist/lib/browser/cli/index.mjs +28 -0
- package/dist/lib/browser/cli/index.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +46 -71
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react-surface-VNOWFKC6.mjs +37 -0
- package/dist/lib/browser/react-surface-VNOWFKC6.mjs.map +7 -0
- package/dist/lib/browser/types/index.mjs +3 -5
- package/dist/lib/node-esm/ChessboardContainer-7ONFYN7L.mjs +82 -0
- package/dist/lib/node-esm/ChessboardContainer-7ONFYN7L.mjs.map +7 -0
- package/dist/lib/node-esm/blueprint-definition-SL4LBVV5.mjs +19 -0
- package/dist/lib/node-esm/blueprint-definition-SL4LBVV5.mjs.map +7 -0
- package/dist/lib/node-esm/blueprints/index.mjs +12 -0
- package/dist/lib/node-esm/blueprints/index.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-FKRBFLJC.mjs → chunk-24GJHLHM.mjs} +2 -2
- package/dist/lib/node-esm/{chunk-RTCAAOLF.mjs → chunk-C7IWIXCJ.mjs} +105 -45
- package/dist/lib/node-esm/chunk-C7IWIXCJ.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-KNOOJFIR.mjs → chunk-F5OMIM4F.mjs} +1 -7
- package/dist/lib/node-esm/chunk-F5OMIM4F.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-HSLMI22Q.mjs +11 -0
- package/dist/lib/node-esm/chunk-HSLMI22Q.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-MP3A3AGA.mjs → chunk-OUNGNJFP.mjs} +15 -35
- package/dist/lib/node-esm/chunk-OUNGNJFP.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-WXEPWOHT.mjs +276 -0
- package/dist/lib/node-esm/chunk-WXEPWOHT.mjs.map +7 -0
- package/dist/lib/node-esm/cli/index.mjs +29 -0
- package/dist/lib/node-esm/cli/index.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +46 -71
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-4PRNWQ2V.mjs → react-surface-HSHCIOAS.mjs} +15 -16
- package/dist/lib/node-esm/react-surface-HSHCIOAS.mjs.map +7 -0
- package/dist/lib/node-esm/types/index.mjs +3 -5
- package/dist/types/src/ChessPlugin.d.ts +2 -1
- package/dist/types/src/ChessPlugin.d.ts.map +1 -1
- package/dist/types/src/blueprints/chess-blueprint.d.ts +21 -0
- package/dist/types/src/blueprints/chess-blueprint.d.ts.map +1 -0
- package/dist/types/src/blueprints/functions/create.d.ts +15 -0
- package/dist/types/src/blueprints/functions/create.d.ts.map +1 -0
- package/dist/types/src/{functions → blueprints/functions}/index.d.ts +1 -0
- package/dist/types/src/blueprints/functions/index.d.ts.map +1 -0
- package/dist/types/src/{functions → blueprints/functions}/move.d.ts +1 -1
- package/dist/types/src/blueprints/functions/move.d.ts.map +1 -0
- package/dist/types/src/{functions → blueprints/functions}/play.d.ts +1 -1
- package/dist/types/src/blueprints/functions/play.d.ts.map +1 -0
- package/dist/types/src/blueprints/functions/print.d.ts +8 -0
- package/dist/types/src/blueprints/functions/print.d.ts.map +1 -0
- package/dist/types/src/blueprints/index.d.ts +3 -0
- package/dist/types/src/blueprints/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/artifact-definition/artifact-definition.d.ts +12 -0
- package/dist/types/src/capabilities/artifact-definition/artifact-definition.d.ts.map +1 -0
- package/dist/types/src/capabilities/artifact-definition/index.d.ts +3 -0
- package/dist/types/src/capabilities/artifact-definition/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/blueprint-definition/blueprint-definition.d.ts +9 -0
- package/dist/types/src/capabilities/blueprint-definition/blueprint-definition.d.ts.map +1 -0
- package/dist/types/src/capabilities/blueprint-definition/index.d.ts +3 -0
- package/dist/types/src/capabilities/blueprint-definition/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/index.d.ts +1 -3
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface/index.d.ts +3 -0
- package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts +5 -0
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -0
- package/dist/types/src/cli/index.d.ts +2 -0
- package/dist/types/src/cli/index.d.ts.map +1 -0
- package/dist/types/src/cli/plugin.d.ts +3 -0
- package/dist/types/src/cli/plugin.d.ts.map +1 -0
- package/dist/types/src/components/Card.stories.d.ts +1 -8
- package/dist/types/src/components/Card.stories.d.ts.map +1 -1
- package/dist/types/src/components/Chessboard.d.ts +2 -1
- package/dist/types/src/components/Chessboard.d.ts.map +1 -1
- package/dist/types/src/components/Chessboard.stories.d.ts +6 -4
- package/dist/types/src/components/Chessboard.stories.d.ts.map +1 -1
- package/dist/types/src/components/ChessboardArticle.d.ts +3 -4
- package/dist/types/src/components/ChessboardArticle.d.ts.map +1 -1
- package/dist/types/src/components/ChessboardContainer.d.ts +3 -5
- package/dist/types/src/components/ChessboardContainer.d.ts.map +1 -1
- package/dist/types/src/components/Info.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +2 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +1 -0
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/Chess.d.ts +18 -18
- package/dist/types/src/types/Chess.d.ts.map +1 -1
- package/dist/types/src/types/index.d.ts +0 -1
- package/dist/types/src/types/index.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +57 -42
- package/src/ChessPlugin.tsx +25 -52
- package/src/blueprints/chess-blueprint.ts +28 -0
- package/src/{functions → blueprints/functions}/create.ts +10 -4
- package/src/{functions → blueprints/functions}/index.ts +1 -0
- package/src/{functions → blueprints/functions}/move.ts +9 -5
- package/src/{functions → blueprints/functions}/play.ts +9 -5
- package/src/blueprints/functions/print.ts +42 -0
- package/src/blueprints/index.ts +6 -0
- package/src/capabilities/artifact-definition/artifact-definition.ts +135 -0
- package/src/capabilities/artifact-definition/index.ts +7 -0
- package/src/capabilities/blueprint-definition/blueprint-definition.ts +23 -0
- package/src/capabilities/blueprint-definition/index.ts +7 -0
- package/src/capabilities/index.ts +1 -6
- package/src/capabilities/react-surface/index.ts +7 -0
- package/src/capabilities/react-surface/react-surface.tsx +27 -0
- package/src/cli/index.ts +5 -0
- package/src/cli/plugin.ts +26 -0
- package/src/components/Card.stories.tsx +18 -37
- package/src/components/Chessboard.stories.tsx +15 -11
- package/src/components/Chessboard.tsx +21 -10
- package/src/components/ChessboardArticle.tsx +13 -11
- package/src/components/ChessboardContainer.tsx +9 -13
- package/src/components/Info.tsx +19 -11
- package/src/index.ts +1 -1
- package/src/meta.ts +2 -2
- package/src/translations.ts +1 -0
- package/src/types/Chess.ts +7 -9
- package/src/types/index.ts +0 -1
- package/dist/lib/browser/ChessboardContainer-SZMONNHG.mjs +0 -96
- package/dist/lib/browser/ChessboardContainer-SZMONNHG.mjs.map +0 -7
- package/dist/lib/browser/blueprint-definition-FD4TL5EE.mjs +0 -11
- package/dist/lib/browser/chunk-DUO4WTAM.mjs.map +0 -7
- package/dist/lib/browser/chunk-FBLAVAMY.mjs.map +0 -7
- package/dist/lib/browser/chunk-R6KK3WAS.mjs +0 -294
- package/dist/lib/browser/chunk-R6KK3WAS.mjs.map +0 -7
- package/dist/lib/browser/chunk-TIIGNOGK.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-GXZN2EBT.mjs +0 -25
- package/dist/lib/browser/intent-resolver-GXZN2EBT.mjs.map +0 -7
- package/dist/lib/browser/react-surface-EVJLBV6U.mjs +0 -38
- package/dist/lib/browser/react-surface-EVJLBV6U.mjs.map +0 -7
- package/dist/lib/node-esm/ChessboardContainer-GAIIADOA.mjs +0 -97
- package/dist/lib/node-esm/ChessboardContainer-GAIIADOA.mjs.map +0 -7
- package/dist/lib/node-esm/blueprint-definition-O7ZM3HUF.mjs +0 -12
- package/dist/lib/node-esm/chunk-IVEIH4ER.mjs +0 -295
- package/dist/lib/node-esm/chunk-IVEIH4ER.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-KNOOJFIR.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-MP3A3AGA.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-RTCAAOLF.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-HK5L6P6Z.mjs +0 -26
- package/dist/lib/node-esm/intent-resolver-HK5L6P6Z.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-4PRNWQ2V.mjs.map +0 -7
- package/dist/types/src/capabilities/artifact-definition.d.ts +0 -11
- package/dist/types/src/capabilities/artifact-definition.d.ts.map +0 -1
- package/dist/types/src/capabilities/blueprint-definition.d.ts +0 -6
- package/dist/types/src/capabilities/blueprint-definition.d.ts.map +0 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
- package/dist/types/src/capabilities/react-surface.d.ts +0 -4
- package/dist/types/src/capabilities/react-surface.d.ts.map +0 -1
- package/dist/types/src/functions/create.d.ts +0 -14
- package/dist/types/src/functions/create.d.ts.map +0 -1
- package/dist/types/src/functions/index.d.ts.map +0 -1
- package/dist/types/src/functions/move.d.ts.map +0 -1
- package/dist/types/src/functions/play.d.ts.map +0 -1
- package/dist/types/src/types/ChessAction.d.ts +0 -24
- package/dist/types/src/types/ChessAction.d.ts.map +0 -1
- package/src/capabilities/artifact-definition.ts +0 -129
- package/src/capabilities/blueprint-definition.ts +0 -36
- package/src/capabilities/intent-resolver.ts +0 -22
- package/src/capabilities/react-surface.tsx +0 -23
- package/src/types/ChessAction.ts +0 -19
- /package/dist/lib/browser/{blueprint-definition-FD4TL5EE.mjs.map → blueprints/index.mjs.map} +0 -0
- /package/dist/lib/{node-esm/blueprint-definition-O7ZM3HUF.mjs.map → browser/chunk-J5LGTIGS.mjs.map} +0 -0
- /package/dist/lib/browser/{chunk-WLXUZMHC.mjs.map → chunk-OW6S2SRG.mjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-FKRBFLJC.mjs.map → chunk-24GJHLHM.mjs.map} +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ChessboardContainer.tsx", "../../../src/components/ChessboardArticle.tsx"],
|
|
4
|
-
"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 { IconButton, 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>\n <Chessboard.Root game={game} ref={controller}>\n <Toolbar.Root>\n <IconButton\n variant='ghost'\n icon='ph--info--regular'\n iconOnly\n label={t('toggle info button')}\n size={6}\n classNames={mx('invisible', !open && '@3xl:visible')}\n onClick={() => setOpen((open) => !open)}\n />\n </Toolbar.Root>\n <div\n className={mx(\n 'grid _grid-rows-[1fr_4rem] 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"],
|
|
5
|
-
"mappings": ";;;;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,gBAAgB;;;;ACFzB,OAAOC,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,YAAYC,SAASC,sBAAsB;AAEpD,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;OACjB,sBAAA,cAACC,WAAWC,MAAI;MAACtB;MAAYuB,KAAKZ;OAChC,sBAAA,cAACa,QAAQF,MAAI,MACX,sBAAA,cAACG,YAAAA;MACCC,SAAQ;MACRC,MAAK;MACLC,UAAAA;MACAC,OAAO3B,EAAE,oBAAA;MACT4B,MAAM;MACNC,YAAYC,GAAG,aAAa,CAACvB,QAAQ,cAAA;MACrCwB,SAAS,MAAMvB,QAAQ,CAACD,UAAS,CAACA,KAAAA;SAGtC,sBAAA,cAACyB,OAAAA;MACCC,WAAWH,GACT,oDACAvB,QAAQ,8BACRR,SAAS,aAAa,iBACtBA,SAAS,aAAaQ,QAAQ,kBAAA;OAGhC,sBAAA,cAACY,WAAWF,SAAO,MACjB,sBAAA,cAACE,WAAWe,OAAK;MAACL,YAAW;MAAiCzB;SAE/DG,QACC,sBAAA,cAACyB,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACd,WAAWgB,MAAI;MACd/B;MACAgC,KAAK;MACLC,KAAK;MACLC,qBAAqBjC;MACrBkC,SAAS,MAAM/B,QAAQ,KAAA;MACvBgC,UAAU7B;;;;;AAQ1B;;;ADlDO,IAAM8B,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;",
|
|
6
|
-
"names": ["React", "getSpace", "React", "useCallback", "useRef", "useState", "IconButton", "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", "Chessboard", "Root", "ref", "Toolbar", "IconButton", "variant", "icon", "iconOnly", "label", "size", "classNames", "mx", "onClick", "div", "className", "Board", "Info", "min", "max", "onOrientationChange", "onClose", "onSelect", "ChessboardContainer", "game", "role", "space", "getSpace", "React", "Chessboard", "Root", "Content", "Board", "ChessboardArticle"]
|
|
7
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
CHESS_BLUEPRINT_KEY,
|
|
3
|
-
blueprint_definition_default
|
|
4
|
-
} from "./chunk-TIIGNOGK.mjs";
|
|
5
|
-
import "./chunk-FBLAVAMY.mjs";
|
|
6
|
-
import "./chunk-DUO4WTAM.mjs";
|
|
7
|
-
export {
|
|
8
|
-
CHESS_BLUEPRINT_KEY,
|
|
9
|
-
blueprint_definition_default as default
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=blueprint-definition-FD4TL5EE.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/meta.ts"],
|
|
4
|
-
"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"],
|
|
5
|
-
"mappings": ";;;;;;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa;IAAC;;AAChB;",
|
|
6
|
-
"names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types/Chess.ts", "../../../src/types/ChessAction.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { FormAnnotation, LabelAnnotation } from '@dxos/echo/internal';\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.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, FormAnnotation.set(false), Schema.optional),\n pgn: Schema.String.annotations({\n description: 'Portable Game Notation.',\n }).pipe(FormAnnotation.set(false), Schema.optional),\n fen: Schema.String.annotations({\n description: 'Forsyth-Edwards Notation.',\n }).pipe(FormAnnotation.set(false), Schema.optional),\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 * as Schema from 'effect/Schema';\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"],
|
|
5
|
-
"mappings": ";;;;;;AAAA;;;;;AAIA,SAASA,SAASC,eAAe;AACjC,YAAYC,YAAY;AAExB,SAASC,KAAKC,YAAY;AAC1B,SAASC,gBAAgBC,uBAAuB;AAChD,SAASC,WAAW;AACpB,SAASC,sBAAsB;;AAExB,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,KAAYC,gBAASf,eAAegB,IAAI,KAAA,GAAeT,eAAQ;EAClEU,KAAYT,cAAOG,YAAY;IAC7BC,aAAa;EACf,CAAA,EAAGE,KAAKd,eAAegB,IAAI,KAAA,GAAeT,eAAQ;EAClDW,KAAYV,cAAOG,YAAY;IAC7BC,aAAa;EACf,CAAA,EAAGE,KAAKd,eAAegB,IAAI,KAAA,GAAeT,eAAQ;AACpD,CAAA,EAAGO,KACDf,KAAKD,IAAI;EACPqB,UAAU;EACVC,SAAS;AACX,CAAA,GACAnB,gBAAgBe,IAAI;EAAC;CAAO,GAC5Bb,eAAea,IAAI,IAAA,CAAA;AAKd,IAAMK,WAAW,CAAC,EAAEf,MAAMW,KAAKC,IAAG,IAAoD,CAAC,MAAC;AAC7F,QAAMI,QAAQ,IAAI1B,QAAAA;AAClB,MAAIqB,KAAK;AACP,QAAI;AACFK,YAAMC,QAAQN,GAAAA;IAChB,QAAQ;AACNf,UAAIsB,KAAKP,KAAAA,QAAAA;;;;;;IACX;EACF;AAEA,SAAOnB,IAAI2B,KAAKrB,MAAM;IACpBE;IACAG,SAAS,CAAC;IACVQ;IACAC;EACF,CAAA;AACF;;;AC3DA;;;;AAIA,YAAYQ,aAAY;AAMjB,IAAMC,SAAN,cAA4BC,oBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAcC,eAAO;IACnBC,MAAaC,iBAAgBC,cAAM;IACnCC,KAAYF,iBAAgBC,cAAM;EACpC,CAAA;EACAE,QAAeL,eAAO;IACpBM,QAAQC;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
|
|
6
|
-
"names": ["Chess", "ChessJS", "Schema", "Obj", "Type", "FormAnnotation", "LabelAnnotation", "log", "ItemAnnotation", "Game", "Struct", "name", "optional", "String", "players", "white", "annotations", "description", "black", "pipe", "mutable", "set", "pgn", "fen", "typename", "version", "makeGame", "chess", "loadPgn", "warn", "make", "Schema", "Create", "TaggedClass", "meta", "id", "input", "Struct", "name", "optional", "String", "pgn", "output", "object", "Game"]
|
|
7
|
-
}
|
|
@@ -1,294 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
meta
|
|
3
|
-
} from "./chunk-DUO4WTAM.mjs";
|
|
4
|
-
|
|
5
|
-
// src/components/Chessboard.tsx
|
|
6
|
-
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
7
|
-
import React2, { forwardRef, useCallback, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
|
|
8
|
-
import { addEventListener } from "@dxos/async";
|
|
9
|
-
import { ChessModel, Gameboard, Chessboard as NaturalChessboard, getRawPgn, useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
|
|
10
|
-
import { useSoundEffect } from "@dxos/react-ui-sfx";
|
|
11
|
-
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
12
|
-
|
|
13
|
-
// src/components/Info.tsx
|
|
14
|
-
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
15
|
-
import React, { useEffect, useMemo, useRef } from "react";
|
|
16
|
-
import { generateName } from "@dxos/display-name";
|
|
17
|
-
import { getSpace, useMembers } from "@dxos/react-client/echo";
|
|
18
|
-
import { Icon, IconButton, Select, useTranslation } from "@dxos/react-ui";
|
|
19
|
-
import { useGameboardContext } from "@dxos/react-ui-gameboard";
|
|
20
|
-
import { mx } from "@dxos/react-ui-theme";
|
|
21
|
-
var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
|
|
22
|
-
var _effect = _useSignals();
|
|
23
|
-
try {
|
|
24
|
-
const { t } = useTranslation(meta.id);
|
|
25
|
-
const { model } = useGameboardContext(Info.displayName);
|
|
26
|
-
const members = useMembers(getSpace(model.object)?.key);
|
|
27
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
28
|
-
className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[18rem] p-2 overflow-hidden bg-groupSurface rounded-sm", classNames)
|
|
29
|
-
}, /* @__PURE__ */ React.createElement(PlayerIndicator, {
|
|
30
|
-
model,
|
|
31
|
-
player: orientation === "white" ? "black" : "white",
|
|
32
|
-
icon: onClose && /* @__PURE__ */ React.createElement(IconButton, {
|
|
33
|
-
icon: "ph--x--regular",
|
|
34
|
-
iconOnly: true,
|
|
35
|
-
label: t("close info button"),
|
|
36
|
-
size: 4,
|
|
37
|
-
onClick: onClose
|
|
38
|
-
})
|
|
39
|
-
}, /* @__PURE__ */ React.createElement(PlayerSelector, {
|
|
40
|
-
value: model.object.players?.[orientation === "white" ? "black" : "white"],
|
|
41
|
-
onValueChange: (value) => {
|
|
42
|
-
model.object.players[orientation === "white" ? "black" : "white"] = value;
|
|
43
|
-
},
|
|
44
|
-
members
|
|
45
|
-
})), /* @__PURE__ */ React.createElement(History, {
|
|
46
|
-
model,
|
|
47
|
-
...props
|
|
48
|
-
}), /* @__PURE__ */ React.createElement(PlayerIndicator, {
|
|
49
|
-
model,
|
|
50
|
-
player: orientation,
|
|
51
|
-
icon: onOrientationChange && /* @__PURE__ */ React.createElement(IconButton, {
|
|
52
|
-
classNames: mx("transition duration-200 ease-linear", orientation === "white" && "rotate-180"),
|
|
53
|
-
icon: "ph--arrows-clockwise--regular",
|
|
54
|
-
iconOnly: true,
|
|
55
|
-
label: t("flip board button"),
|
|
56
|
-
size: 4,
|
|
57
|
-
onClick: () => onOrientationChange(orientation === "white" ? "black" : "white")
|
|
58
|
-
})
|
|
59
|
-
}, /* @__PURE__ */ React.createElement(PlayerSelector, {
|
|
60
|
-
value: model.object.players?.[orientation],
|
|
61
|
-
onValueChange: (value) => {
|
|
62
|
-
model.object.players[orientation] = value;
|
|
63
|
-
},
|
|
64
|
-
members
|
|
65
|
-
})));
|
|
66
|
-
} finally {
|
|
67
|
-
_effect.f();
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
Info.displayName = "Chessboard.Info";
|
|
71
|
-
var History = ({ classNames, model, min, max, onSelect }) => {
|
|
72
|
-
var _effect = _useSignals();
|
|
73
|
-
try {
|
|
74
|
-
const { t } = useTranslation(meta.id);
|
|
75
|
-
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;
|
|
76
|
-
const history = model.game.history();
|
|
77
|
-
const moves = useMemo(() => history.reduce((acc, move, index) => {
|
|
78
|
-
if (index % 2 === 0) {
|
|
79
|
-
acc.push([
|
|
80
|
-
{
|
|
81
|
-
index,
|
|
82
|
-
move
|
|
83
|
-
}
|
|
84
|
-
]);
|
|
85
|
-
} else {
|
|
86
|
-
acc[acc.length - 1].push({
|
|
87
|
-
index,
|
|
88
|
-
move
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
return acc;
|
|
92
|
-
}, []), [
|
|
93
|
-
history.length
|
|
94
|
-
]);
|
|
95
|
-
const scrollerRef = useRef(null);
|
|
96
|
-
useEffect(() => {
|
|
97
|
-
scrollerRef.current?.scrollTo({
|
|
98
|
-
top: scrollerRef.current.scrollHeight
|
|
99
|
-
});
|
|
100
|
-
}, [
|
|
101
|
-
history.length
|
|
102
|
-
]);
|
|
103
|
-
useEffect(() => {
|
|
104
|
-
const div = scrollerRef.current?.querySelector(`[data-index="${model.moveIndex.value - 1}"]`);
|
|
105
|
-
scrollerRef.current?.classList.add("scrollbar-none");
|
|
106
|
-
div?.scrollIntoView({
|
|
107
|
-
behavior: "smooth"
|
|
108
|
-
});
|
|
109
|
-
scrollerRef.current?.classList.remove("scrollbar-none");
|
|
110
|
-
}, [
|
|
111
|
-
model.moveIndex.value
|
|
112
|
-
]);
|
|
113
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
114
|
-
ref: scrollerRef,
|
|
115
|
-
className: mx("overflow-y-scroll", classNames),
|
|
116
|
-
style: {
|
|
117
|
-
minHeight: min === void 0 ? "auto" : `${min * 24}px`,
|
|
118
|
-
maxHeight: max === void 0 ? "auto" : `${max * 24}px`
|
|
119
|
-
}
|
|
120
|
-
}, moves.map(([a, b], index) => /* @__PURE__ */ React.createElement("div", {
|
|
121
|
-
key: index,
|
|
122
|
-
className: "grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 pis-4 leading-1"
|
|
123
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
124
|
-
className: "content-center text-xs text-subdued"
|
|
125
|
-
}, index + 1), a && /* @__PURE__ */ React.createElement("div", {
|
|
126
|
-
"data-index": a.index,
|
|
127
|
-
className: mx("pis-2 cursor-pointer", a.index === model.moveIndex.value - 1 && "bg-primary-500"),
|
|
128
|
-
onClick: () => onSelect?.(a.index + 1)
|
|
129
|
-
}, a.move), b && /* @__PURE__ */ React.createElement("div", {
|
|
130
|
-
"data-index": b.index,
|
|
131
|
-
className: mx("pis-2 cursor-pointer", b.index === model.moveIndex.value - 1 && "bg-primary-500"),
|
|
132
|
-
onClick: () => onSelect?.(b.index + 1)
|
|
133
|
-
}, b.move))), label && /* @__PURE__ */ React.createElement("div", {
|
|
134
|
-
className: "text-center"
|
|
135
|
-
}, label));
|
|
136
|
-
} finally {
|
|
137
|
-
_effect.f();
|
|
138
|
-
}
|
|
139
|
-
};
|
|
140
|
-
var PlayerIndicator = ({ children, model, player, icon }) => {
|
|
141
|
-
var _effect = _useSignals();
|
|
142
|
-
try {
|
|
143
|
-
const turn = player === (model.game.turn() === "w" ? "white" : "black");
|
|
144
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
145
|
-
className: "grid grid-cols-[2rem_1fr_2rem] gap-2 bs-[--rail-size] pis-1 pie-1 flex items-center overflow-hidden"
|
|
146
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
147
|
-
className: "place-items-center"
|
|
148
|
-
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
149
|
-
icon: turn ? "ph--circle--fill" : "ph--circle--thin",
|
|
150
|
-
size: 6,
|
|
151
|
-
classNames: mx(turn && (model.game.isCheckmate() ? "text-red-500" : "text-green-500"))
|
|
152
|
-
})), /* @__PURE__ */ React.createElement("div", {
|
|
153
|
-
className: "truncate overflow-hidden items-center"
|
|
154
|
-
}, children), icon);
|
|
155
|
-
} finally {
|
|
156
|
-
_effect.f();
|
|
157
|
-
}
|
|
158
|
-
};
|
|
159
|
-
var PlayerSelector = ({ value, onValueChange, members }) => {
|
|
160
|
-
var _effect = _useSignals();
|
|
161
|
-
try {
|
|
162
|
-
const { t } = useTranslation(meta.id);
|
|
163
|
-
return /* @__PURE__ */ React.createElement(Select.Root, {
|
|
164
|
-
value,
|
|
165
|
-
onValueChange
|
|
166
|
-
}, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
|
|
167
|
-
placeholder: t("select player button")
|
|
168
|
-
}), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, members.map((member) => {
|
|
169
|
-
const memberKey = member.identity.identityKey.toHex();
|
|
170
|
-
const displayName = member.identity?.profile?.displayName || generateName(memberKey);
|
|
171
|
-
return /* @__PURE__ */ React.createElement(Select.Option, {
|
|
172
|
-
key: memberKey,
|
|
173
|
-
value: memberKey
|
|
174
|
-
}, displayName);
|
|
175
|
-
})), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
|
|
176
|
-
} finally {
|
|
177
|
-
_effect.f();
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
|
|
181
|
-
// src/components/Chessboard.tsx
|
|
182
|
-
var ExtendedChessModel = class extends ChessModel {
|
|
183
|
-
object;
|
|
184
|
-
constructor(object) {
|
|
185
|
-
super(), this.object = object;
|
|
186
|
-
}
|
|
187
|
-
};
|
|
188
|
-
var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
|
|
189
|
-
var _effect = _useSignals2();
|
|
190
|
-
try {
|
|
191
|
-
const model = useMemo2(() => new ExtendedChessModel(game), []);
|
|
192
|
-
const click = useSoundEffect("Click");
|
|
193
|
-
useImperativeHandle(forwardedRef, () => {
|
|
194
|
-
return {
|
|
195
|
-
setMoveNumber: (index) => model.setMoveIndex(index)
|
|
196
|
-
};
|
|
197
|
-
}, [
|
|
198
|
-
model
|
|
199
|
-
]);
|
|
200
|
-
useEffect2(() => {
|
|
201
|
-
if (model.pgn !== getRawPgn(game.pgn ?? "")) {
|
|
202
|
-
const silent = model.pgn === "*";
|
|
203
|
-
model.update(game.pgn);
|
|
204
|
-
if (!silent) {
|
|
205
|
-
void click.play();
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
}, [
|
|
209
|
-
game.pgn
|
|
210
|
-
]);
|
|
211
|
-
const handleDrop = useCallback((move) => {
|
|
212
|
-
if (!model.makeMove(move)) {
|
|
213
|
-
return false;
|
|
214
|
-
}
|
|
215
|
-
void click.play();
|
|
216
|
-
game.pgn = model.pgn;
|
|
217
|
-
return true;
|
|
218
|
-
}, [
|
|
219
|
-
model
|
|
220
|
-
]);
|
|
221
|
-
return /* @__PURE__ */ React2.createElement(Gameboard.Root, {
|
|
222
|
-
model,
|
|
223
|
-
onDrop: handleDrop
|
|
224
|
-
}, children);
|
|
225
|
-
} finally {
|
|
226
|
-
_effect.f();
|
|
227
|
-
}
|
|
228
|
-
});
|
|
229
|
-
var Content = ({ classNames, children, role }) => {
|
|
230
|
-
var _effect = _useSignals2();
|
|
231
|
-
try {
|
|
232
|
-
return /* @__PURE__ */ React2.createElement(Gameboard.Content, {
|
|
233
|
-
classNames: mx2(classNames, role === "card--popover" && "size-container popover-square"),
|
|
234
|
-
grow: !role || role === "card--extrinsic",
|
|
235
|
-
contain: !role || role === "card--extrinsic" || role === "card--popover"
|
|
236
|
-
}, children);
|
|
237
|
-
} finally {
|
|
238
|
-
_effect.f();
|
|
239
|
-
}
|
|
240
|
-
};
|
|
241
|
-
var Board = (props) => {
|
|
242
|
-
var _effect = _useSignals2();
|
|
243
|
-
try {
|
|
244
|
-
const { model } = useGameboardContext2(Board.displayName);
|
|
245
|
-
const ref = useRef2(null);
|
|
246
|
-
useEffect2(() => {
|
|
247
|
-
if (!ref.current) {
|
|
248
|
-
return;
|
|
249
|
-
}
|
|
250
|
-
ref.current.setAttribute("data-arrow-keys", "all");
|
|
251
|
-
return addEventListener(ref.current, "keydown", (ev) => {
|
|
252
|
-
switch (ev.key) {
|
|
253
|
-
case "ArrowUp":
|
|
254
|
-
model.setMoveIndex(0);
|
|
255
|
-
break;
|
|
256
|
-
case "ArrowDown":
|
|
257
|
-
model.setMoveIndex(model.game.history().length);
|
|
258
|
-
break;
|
|
259
|
-
case "ArrowLeft":
|
|
260
|
-
if (model.moveIndex.value > 0) {
|
|
261
|
-
model.setMoveIndex(model.moveIndex.value - 1);
|
|
262
|
-
}
|
|
263
|
-
break;
|
|
264
|
-
case "ArrowRight":
|
|
265
|
-
if (model.moveIndex.value < model.game.history().length) {
|
|
266
|
-
model.setMoveIndex(model.moveIndex.value + 1);
|
|
267
|
-
}
|
|
268
|
-
break;
|
|
269
|
-
}
|
|
270
|
-
});
|
|
271
|
-
}, [
|
|
272
|
-
model
|
|
273
|
-
]);
|
|
274
|
-
return /* @__PURE__ */ React2.createElement(NaturalChessboard, {
|
|
275
|
-
ref,
|
|
276
|
-
...props
|
|
277
|
-
});
|
|
278
|
-
} finally {
|
|
279
|
-
_effect.f();
|
|
280
|
-
}
|
|
281
|
-
};
|
|
282
|
-
Board.displayName = "Chessboard.Board";
|
|
283
|
-
var Chessboard = {
|
|
284
|
-
Root,
|
|
285
|
-
Content,
|
|
286
|
-
Board,
|
|
287
|
-
Info
|
|
288
|
-
};
|
|
289
|
-
|
|
290
|
-
export {
|
|
291
|
-
ExtendedChessModel,
|
|
292
|
-
Chessboard
|
|
293
|
-
};
|
|
294
|
-
//# sourceMappingURL=chunk-R6KK3WAS.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/Chessboard.tsx", "../../../src/components/Info.tsx"],
|
|
4
|
-
"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-scroll', 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] pis-1 pie-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"],
|
|
5
|
-
"mappings": ";;;;;;AAIA,OAAOA,UAELC,YACAC,aACAC,aAAAA,YACAC,qBACAC,WAAAA,UACAC,UAAAA,eACK;AAEP,SAASC,wBAAwB;AAEjC,SACEC,YACAC,WAEAC,cAAcC,mBAEdC,WACAC,uBAAAA,4BACK;AACP,SAASC,sBAAsB;AAC/B,SAASC,MAAAA,WAAU;;;;ACtBnB,OAAOC,SAA2CC,WAAWC,SAASC,cAAc;AAEpF,SAASC,oBAAoB;AAC7B,SAA2BC,UAAUC,kBAAkB;AACvD,SAASC,MAAMC,YAAYC,QAA8BC,sBAAsB;AAC/E,SAAsBC,2BAA2B;AACjD,SAASC,UAAU;AAcZ,IAAMC,OAAO,CAAC,EAAEC,YAAYC,cAAc,SAASC,qBAAqBC,SAAS,GAAGC,MAAAA,MAAkB;;;AAC3G,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,UAAM,EAAEC,MAAK,IAAKC,oBAAwCX,KAAKY,WAAW;AAC1E,UAAMC,UAAUC,WAAWC,SAASL,MAAMM,MAAM,GAAGC,GAAAA;AAEnD,WACE,sBAAA,cAACC,OAAAA;MACCC,WAAWC,GACT,sHACAnB,UAAAA;OAGF,sBAAA,cAACoB,iBAAAA;MACCX;MACAY,QAAQpB,gBAAgB,UAAU,UAAU;MAC5CqB,MACEnB,WACE,sBAAA,cAACoB,YAAAA;QAAWD,MAAK;QAAiBE,UAAAA;QAASC,OAAOpB,EAAE,mBAAA;QAAsBqB,MAAM;QAAGC,SAASxB;;OAIhG,sBAAA,cAACyB,gBAAAA;MACCC,OAAOpB,MAAMM,OAAOe,UAAU7B,gBAAgB,UAAU,UAAU,OAAA;MAClE8B,eAAe,CAACF,UAAAA;AACdpB,cAAMM,OAAOe,QAAS7B,gBAAgB,UAAU,UAAU,OAAA,IAAW4B;MACvE;MACAjB;SAIJ,sBAAA,cAACoB,SAAAA;MAAQvB;MAAe,GAAGL;QAE3B,sBAAA,cAACgB,iBAAAA;MACCX;MACAY,QAAQpB;MACRqB,MACEpB,uBACE,sBAAA,cAACqB,YAAAA;QACCvB,YAAYmB,GAAG,uCAAuClB,gBAAgB,WAAW,YAAA;QACjFqB,MAAK;QACLE,UAAAA;QACAC,OAAOpB,EAAE,mBAAA;QACTqB,MAAM;QACNC,SAAS,MAAMzB,oBAAoBD,gBAAgB,UAAU,UAAU,OAAA;;OAK7E,sBAAA,cAAC2B,gBAAAA;MACCC,OAAOpB,MAAMM,OAAOe,UAAU7B,WAAAA;MAC9B8B,eAAe,CAACF,UAAAA;AACdpB,cAAMM,OAAOe,QAAS7B,WAAAA,IAAe4B;MACvC;MACAjB;;;;;AAKV;AAEAb,KAAKY,cAAc;AAanB,IAAMqB,UAAU,CAAC,EAAEhC,YAAYS,OAAOwB,KAAKC,KAAKC,SAAQ,MAAgB;;;AACtE,UAAM,EAAE9B,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,UAAMiB,QAAQhB,MAAM2B,KAAKC,WAAU,IAC/B5B,MAAM2B,KAAKE,YAAW,IACpBjC,EAAE,sBAAA,IACFI,MAAM2B,KAAKG,YAAW,IACpBlC,EAAE,sBAAA,IACFA,EAAE,iBAAA,IACNI,MAAM2B,KAAKI,QAAO,IAChBnC,EAAE,kBAAA,IACFoC;AAEN,UAAMC,UAAUjC,MAAM2B,KAAKM,QAAO;AAClC,UAAMC,QAAQC,QACZ,MACEF,QAAQG,OACN,CAACC,KAAKC,MAAMC,UAAAA;AACV,UAAIA,QAAQ,MAAM,GAAG;AACnBF,YAAIG,KAAK;UAAC;YAAED;YAAOD;UAAK;SAAE;MAC5B,OAAO;AACLD,YAAIA,IAAII,SAAS,CAAA,EAAGD,KAAK;UAAED;UAAOD;QAAK,CAAA;MACzC;AACA,aAAOD;IACT,GACA,CAAA,CAAE,GAEN;MAACJ,QAAQQ;KAAO;AAGlB,UAAMC,cAAcC,OAAuB,IAAA;AAC3CC,cAAU,MAAA;AACRF,kBAAYG,SAASC,SAAS;QAAEC,KAAKL,YAAYG,QAAQG;MAAa,CAAA;IACxE,GAAG;MAACf,QAAQQ;KAAO;AAEnBG,cAAU,MAAA;AACR,YAAMpC,MAAMkC,YAAYG,SAASI,cAAc,gBAAgBjD,MAAMkD,UAAU9B,QAAQ,CAAA,IAAK;AAC5FsB,kBAAYG,SAASM,UAAUC,IAAI,gBAAA;AACnC5C,WAAK6C,eAAe;QAAEC,UAAU;MAAS,CAAA;AACzCZ,kBAAYG,SAASM,UAAUI,OAAO,gBAAA;IACxC,GAAG;MAACvD,MAAMkD,UAAU9B;KAAM;AAE1B,WACE,sBAAA,cAACZ,OAAAA;MACCgD,KAAKd;MACLjC,WAAWC,GAAG,qBAAqBnB,UAAAA;MACnCkE,OAAO;QACLC,WAAWlC,QAAQQ,SAAY,SAAS,GAAGR,MAAM,EAAA;QACjDmC,WAAWlC,QAAQO,SAAY,SAAS,GAAGP,MAAM,EAAA;MACnD;OAECS,MAAM0B,IAAI,CAAC,CAACC,GAAGC,CAAAA,GAAIvB,UAClB,sBAAA,cAAC/B,OAAAA;MAAID,KAAKgC;MAAO9B,WAAU;OACzB,sBAAA,cAACD,OAAAA;MAAIC,WAAU;OAAuC8B,QAAQ,CAAA,GAC7DsB,KACC,sBAAA,cAACrD,OAAAA;MACCuD,cAAYF,EAAEtB;MACd9B,WAAWC,GAAG,wBAAwBmD,EAAEtB,UAAUvC,MAAMkD,UAAU9B,QAAQ,KAAK,gBAAA;MAC/EF,SAAS,MAAMQ,WAAWmC,EAAEtB,QAAQ,CAAA;OAEnCsB,EAAEvB,IAAI,GAGVwB,KACC,sBAAA,cAACtD,OAAAA;MACCuD,cAAYD,EAAEvB;MACd9B,WAAWC,GAAG,wBAAwBoD,EAAEvB,UAAUvC,MAAMkD,UAAU9B,QAAQ,KAAK,gBAAA;MAC/EF,SAAS,MAAMQ,WAAWoC,EAAEvB,QAAQ,CAAA;OAEnCuB,EAAExB,IAAI,CAAA,CAAA,GAKdtB,SAAS,sBAAA,cAACR,OAAAA;MAAIC,WAAU;OAAeO,KAAAA,CAAAA;;;;AAG9C;AAYA,IAAML,kBAAkB,CAAC,EAAEqD,UAAUhE,OAAOY,QAAQC,KAAI,MAAwB;;;AAC9E,UAAMoD,OAAOrD,YAAYZ,MAAM2B,KAAKsC,KAAI,MAAO,MAAM,UAAU;AAC/D,WACE,sBAAA,cAACzD,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACD,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACyD,MAAAA;MACCrD,MAAMoD,OAAO,qBAAqB;MAClChD,MAAM;MACN1B,YAAYmB,GAAGuD,SAASjE,MAAM2B,KAAKE,YAAW,IAAK,iBAAiB,iBAAe;SAGvF,sBAAA,cAACrB,OAAAA;MAAIC,WAAU;OAAyCuD,QAAAA,GACvDnD,IAAAA;;;;AAGP;AAYA,IAAMM,iBAAiB,CAAC,EAAEC,OAAOE,eAAenB,QAAO,MAAuB;;;AAC5E,UAAM,EAAEP,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,WACE,sBAAA,cAACoE,OAAOC,MAAI;MAAChD;MAAcE;OACzB,sBAAA,cAAC6C,OAAOE,eAAa;MAACC,aAAa1E,EAAE,sBAAA;QACrC,sBAAA,cAACuE,OAAOI,QAAM,MACZ,sBAAA,cAACJ,OAAOK,SAAO,MACb,sBAAA,cAACL,OAAOM,UAAQ,MACbtE,QAAQyD,IAAI,CAACc,WAAAA;AACZ,YAAMC,YAAYD,OAAOE,SAASC,YAAYC,MAAK;AACnD,YAAM5E,cAAcwE,OAAOE,UAAUG,SAAS7E,eAAe8E,aAAaL,SAAAA;AAC1E,aACE,sBAAA,cAACR,OAAOc,QAAM;QAAC1E,KAAKoE;QAAWvD,OAAOuD;SACnCzE,WAAAA;IAGP,CAAA,CAAA,GAEF,sBAAA,cAACiE,OAAOe,OAAK,IAAA,CAAA,CAAA,CAAA;;;;AAKvB;;;ADvMO,IAAMC,qBAAN,cAAiCC,WAAAA;;EACtC,YAAqBC,QAAoB;AACvC,UAAK,GAAA,KADcA,SAAAA;EAErB;AACF;AAUA,IAAMC,OAAOC,2BAA4C,CAAC,EAAEC,MAAMC,SAAQ,GAAIC,iBAAAA;;;AAC5E,UAAMC,QAAQC,SAAQ,MAAM,IAAIT,mBAAmBK,IAAAA,GAAO,CAAA,CAAE;AAC5D,UAAMK,QAAQC,eAAe,OAAA;AAG7BC,wBAAoBL,cAAc,MAAA;AAChC,aAAO;QACLM,eAAe,CAACC,UAAUN,MAAMO,aAAaD,KAAAA;MAC/C;IACF,GAAG;MAACN;KAAM;AAIVQ,IAAAA,WAAU,MAAA;AACR,UAAIR,MAAMS,QAAQC,UAAUb,KAAKY,OAAO,EAAA,GAAK;AAC3C,cAAME,SAASX,MAAMS,QAAQ;AAC7BT,cAAMY,OAAOf,KAAKY,GAAG;AACrB,YAAI,CAACE,QAAQ;AACX,eAAKT,MAAMW,KAAI;QACjB;MACF;IACF,GAAG;MAAChB,KAAKY;KAAI;AAGb,UAAMK,aAAaC,YACjB,CAACC,SAAAA;AACC,UAAI,CAAChB,MAAMiB,SAASD,IAAAA,GAAO;AACzB,eAAO;MACT;AAEA,WAAKd,MAAMW,KAAI;AACfhB,WAAKY,MAAMT,MAAMS;AACjB,aAAO;IACT,GACA;MAACT;KAAM;AAGT,WACE,gBAAAkB,OAAA,cAACC,UAAUxB,MAAI;MAACK;MAAcoB,QAAQN;OACnChB,QAAAA;;;;AAGP,CAAA;AAUA,IAAMuB,UAAU,CAAC,EAAEC,YAAYxB,UAAUyB,KAAI,MAAgB;;;AAC3D,WACE,gBAAAL,OAAA,cAACC,UAAUE,SAAO;MAChBC,YAAYE,IAAGF,YAAYC,SAAS,mBAAmB,+BAAA;MACvDE,MAAM,CAACF,QAAQA,SAAS;MACxBG,SAAS,CAACH,QAAQA,SAAS,qBAAqBA,SAAS;OAExDzB,QAAAA;;;;AAGP;AAQA,IAAM6B,QAAQ,CAACC,UAAAA;;;AACb,UAAM,EAAE5B,MAAK,IAAK6B,qBAAgCF,MAAMG,WAAW;AAGnE,UAAMC,MAAMC,QAAuB,IAAA;AACnCxB,IAAAA,WAAU,MAAA;AACR,UAAI,CAACuB,IAAIE,SAAS;AAChB;MACF;AAGAF,UAAIE,QAAQC,aAAa,mBAAmB,KAAA;AAE5C,aAAOC,iBAAiBJ,IAAIE,SAAS,WAAW,CAACG,OAAAA;AAC/C,gBAAQA,GAAGC,KAAG;UACZ,KAAK;AACHrC,kBAAMO,aAAa,CAAA;AACnB;UACF,KAAK;AACHP,kBAAMO,aAAaP,MAAMH,KAAKyC,QAAO,EAAGC,MAAM;AAC9C;UACF,KAAK;AACH,gBAAIvC,MAAMwC,UAAUC,QAAQ,GAAG;AAC7BzC,oBAAMO,aAAaP,MAAMwC,UAAUC,QAAQ,CAAA;YAC7C;AACA;UACF,KAAK;AACH,gBAAIzC,MAAMwC,UAAUC,QAAQzC,MAAMH,KAAKyC,QAAO,EAAGC,QAAQ;AACvDvC,oBAAMO,aAAaP,MAAMwC,UAAUC,QAAQ,CAAA;YAC7C;AACA;QACJ;MACF,CAAA;IACF,GAAG;MAACzC;KAAM;AAEV,WAAO,gBAAAkB,OAAA,cAACwB,mBAAAA;MAAkBX;MAAW,GAAGH;;;;;AAC1C;AAEAD,MAAMG,cAAc;AAMb,IAAMa,aAAa;EACxBhD;EACA0B;EACAM;EACAiB;AACF;",
|
|
6
|
-
"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"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/blueprint-definition.ts", "../../../src/functions/create.ts", "../../../src/functions/move.ts", "../../../src/functions/play.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes } from '@dxos/app-framework';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { type FunctionDefinition } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\nimport { create, move, play } from '../functions';\n\nconst functions: FunctionDefinition[] = [create, move, play];\n\nexport const CHESS_BLUEPRINT_KEY = 'dxos.org/blueprint/chess';\n\nexport default () => {\n return [\n contributes(Capabilities.Functions, functions),\n contributes(\n Capabilities.BlueprintDefinition,\n Blueprint.make({\n key: CHESS_BLUEPRINT_KEY,\n name: 'Chess',\n tools: Blueprint.toolDefinitions({ functions }),\n instructions: Template.make({\n source: trim`\n You are an expert chess player.\n To analyze a game you can access the \"pgn\" property by loading the context object that represents the current game.\n You could suggest a good next move or offer to play a move.\n Don't actually make a move unless you are asked to.\n `,\n }),\n }),\n ),\n ];\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { DatabaseService, defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n key: 'dxos.org/function/chess/create',\n name: 'Create Chess',\n description: 'Creates a new chess game.',\n inputSchema: Schema.Struct({\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 }),\n outputSchema: Chess.Game,\n handler: Effect.fn(function* ({ data: { pgn, fen } }) {\n return yield* DatabaseService.add(Chess.makeGame({ pgn, fen }));\n }),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { ArtifactId } from '@dxos/assistant';\nimport { DatabaseService, defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n key: 'dxos.org/function/chess/move',\n name: 'Move',\n description: 'Makes a move in the given chess game.',\n inputSchema: Schema.Struct({\n id: ArtifactId.annotations({\n description: 'The ID of the chess object.',\n }),\n move: Schema.String.annotations({\n description: 'The move to make in the chess game.',\n examples: ['e4', 'Bf3'],\n }),\n }),\n outputSchema: Schema.Struct({\n pgn: Schema.String.annotations({\n description: 'The PGN of the game after the move was played.',\n }),\n }),\n handler: Effect.fn(function* ({ data: { id, move } }) {\n const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess.Game);\n const chess = new ChessJS();\n if (object.pgn) {\n chess.loadPgn(object.pgn);\n } else if (object.fen) {\n chess.load(object.fen);\n }\n\n chess.move(move, { strict: false });\n object.pgn = chess.pgn();\n return { pgn: object.pgn };\n }),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { ArtifactId } from '@dxos/assistant';\nimport { DatabaseService, defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n key: 'dxos.org/function/chess/play',\n name: 'Play',\n description: 'Uses the chess engine to play the next move.',\n inputSchema: Schema.Struct({\n id: ArtifactId.annotations({\n description: 'The ID of the chess object.',\n }),\n side: Schema.optional(Schema.Literal('white', 'black', 'any')).annotations({\n description: 'The side to play.',\n defaultValue: 'any',\n }),\n }),\n outputSchema: Schema.Struct({\n pgn: Schema.String.annotations({\n description: 'The PGN of the game after the move was played.',\n }),\n move: Schema.optional(Schema.String).annotations({\n description: 'The move that was played.',\n }),\n }),\n handler: Effect.fn(function* ({ data: { id, side = 'any' } }) {\n const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess.Game);\n const chess = new ChessJS();\n if (object.pgn) {\n chess.loadPgn(object.pgn);\n } else if (object.fen) {\n chess.load(object.fen);\n }\n\n if (!(side === 'any' || (chess.turn() === 'w' && side === 'white') || (chess.turn() === 'b' && side === 'black'))) {\n return { move: undefined, pgn: object.pgn! };\n }\n\n const moves = chess.moves();\n const move = moves[Math.floor(Math.random() * moves.length)];\n\n chess.move(move, { strict: false });\n object.pgn = chess.pgn();\n return { move, pgn: object.pgn };\n }),\n});\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Capabilities", "contributes", "Blueprint", "Template", "trim", "Effect", "Schema", "DatabaseService", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "pgn", "optional", "String", "annotations", "fen", "outputSchema", "Chess", "Game", "handler", "fn", "data", "DatabaseService", "add", "makeGame", "Chess", "ChessJS", "Effect", "Schema", "ArtifactId", "DatabaseService", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "id", "ArtifactId", "annotations", "move", "String", "examples", "outputSchema", "pgn", "handler", "fn", "data", "object", "DatabaseService", "resolve", "toDXN", "Chess", "Game", "chess", "ChessJS", "loadPgn", "fen", "load", "strict", "Chess", "ChessJS", "Effect", "Schema", "ArtifactId", "DatabaseService", "defineFunction", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "id", "ArtifactId", "annotations", "side", "optional", "Literal", "defaultValue", "outputSchema", "pgn", "String", "move", "handler", "fn", "data", "object", "DatabaseService", "resolve", "toDXN", "Chess", "Game", "chess", "ChessJS", "loadPgn", "fen", "load", "turn", "undefined", "moves", "Math", "floor", "random", "length", "strict", "functions", "create", "move", "play", "CHESS_BLUEPRINT_KEY", "contributes", "Capabilities", "Functions", "BlueprintDefinition", "Blueprint", "make", "key", "name", "tools", "toolDefinitions", "instructions", "Template", "source", "trim"]
|
|
7
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ChessAction_exports,
|
|
3
|
-
Chess_exports
|
|
4
|
-
} from "./chunk-FBLAVAMY.mjs";
|
|
5
|
-
import "./chunk-DUO4WTAM.mjs";
|
|
6
|
-
|
|
7
|
-
// src/capabilities/intent-resolver.ts
|
|
8
|
-
import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
|
|
9
|
-
var intent_resolver_default = (() => contributes(Capabilities.IntentResolver, createResolver({
|
|
10
|
-
intent: ChessAction_exports.Create,
|
|
11
|
-
resolve: ({ name, pgn }) => {
|
|
12
|
-
return {
|
|
13
|
-
data: {
|
|
14
|
-
object: Chess_exports.makeGame({
|
|
15
|
-
name,
|
|
16
|
-
pgn
|
|
17
|
-
})
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
})));
|
|
22
|
-
export {
|
|
23
|
-
intent_resolver_default as default
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=intent-resolver-GXZN2EBT.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/intent-resolver.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createResolver } from '@dxos/app-framework';\n\nimport { Chess, ChessAction } from '../types';\n\nexport default () =>\n contributes(\n Capabilities.IntentResolver,\n createResolver({\n intent: ChessAction.Create,\n resolve: ({ name, pgn }) => {\n return {\n data: {\n object: Chess.makeGame({ name, pgn }),\n },\n };\n },\n }),\n );\n"],
|
|
5
|
-
"mappings": ";;;;;;;AAIA,SAASA,cAAcC,aAAaC,sBAAsB;AAI1D,IAAA,2BAAe,MACbC,YACEC,aAAaC,gBACbC,eAAe;EACbC,QAAQC,oBAAYC;EACpBC,SAAS,CAAC,EAAEC,MAAMC,IAAG,MAAE;AACrB,WAAO;MACLC,MAAM;QACJC,QAAQC,cAAMC,SAAS;UAAEL;UAAMC;QAAI,CAAA;MACrC;IACF;EACF;AACF,CAAA,CAAA;",
|
|
6
|
-
"names": ["Capabilities", "contributes", "createResolver", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "ChessAction", "Create", "resolve", "name", "pgn", "data", "object", "Chess", "makeGame"]
|
|
7
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
ChessboardContainer
|
|
3
|
-
} from "./chunk-WLXUZMHC.mjs";
|
|
4
|
-
import {
|
|
5
|
-
Chess_exports
|
|
6
|
-
} from "./chunk-FBLAVAMY.mjs";
|
|
7
|
-
import "./chunk-R6KK3WAS.mjs";
|
|
8
|
-
import {
|
|
9
|
-
meta
|
|
10
|
-
} from "./chunk-DUO4WTAM.mjs";
|
|
11
|
-
|
|
12
|
-
// src/capabilities/react-surface.tsx
|
|
13
|
-
import React from "react";
|
|
14
|
-
import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
|
|
15
|
-
import { Obj } from "@dxos/echo";
|
|
16
|
-
var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
|
|
17
|
-
createSurface({
|
|
18
|
-
id: meta.id,
|
|
19
|
-
role: [
|
|
20
|
-
"article",
|
|
21
|
-
"section",
|
|
22
|
-
"card--intrinsic",
|
|
23
|
-
"card--extrinsic",
|
|
24
|
-
"card--popover",
|
|
25
|
-
"card--transclusion"
|
|
26
|
-
],
|
|
27
|
-
// TODO(burdon): Could this be standardized so that we don't require a subject property.
|
|
28
|
-
filter: (data) => Obj.instanceOf(Chess_exports.Game, data.subject),
|
|
29
|
-
component: ({ data, role }) => /* @__PURE__ */ React.createElement(ChessboardContainer, {
|
|
30
|
-
game: data.subject,
|
|
31
|
-
role
|
|
32
|
-
})
|
|
33
|
-
})
|
|
34
|
-
]));
|
|
35
|
-
export {
|
|
36
|
-
react_surface_default as default
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=react-surface-EVJLBV6U.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { ChessboardContainer } from '../components';\nimport { meta } from '../meta';\nimport { Chess } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: meta.id,\n role: ['article', 'section', 'card--intrinsic', 'card--extrinsic', 'card--popover', 'card--transclusion'],\n // TODO(burdon): Could this be standardized so that we don't require a subject property.\n filter: (data): data is { subject: Chess.Game } => Obj.instanceOf(Chess.Game, data.subject),\n component: ({ data, role }) => <ChessboardContainer game={data.subject} role={role} />,\n }),\n ]);\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AAMpB,IAAA,yBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;MAAW;MAAmB;MAAmB;MAAiB;;;IAEpFC,QAAQ,CAACC,SAA0CC,IAAIC,WAAWC,cAAMC,MAAMJ,KAAKK,OAAO;IAC1FC,WAAW,CAAC,EAAEN,MAAMF,KAAI,MAAO,sBAAA,cAACS,qBAAAA;MAAoBC,MAAMR,KAAKK;MAASP;;EAC1E,CAAA;CACD;",
|
|
6
|
-
"names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Chess", "Game", "subject", "component", "ChessboardContainer", "game"]
|
|
7
|
-
}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
Chessboard
|
|
4
|
-
} from "./chunk-IVEIH4ER.mjs";
|
|
5
|
-
import {
|
|
6
|
-
meta
|
|
7
|
-
} from "./chunk-KNOOJFIR.mjs";
|
|
8
|
-
|
|
9
|
-
// src/components/ChessboardContainer.tsx
|
|
10
|
-
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
11
|
-
import React2 from "react";
|
|
12
|
-
import { getSpace } from "@dxos/react-client/echo";
|
|
13
|
-
|
|
14
|
-
// src/components/ChessboardArticle.tsx
|
|
15
|
-
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
16
|
-
import React, { useCallback, useRef, useState } from "react";
|
|
17
|
-
import { IconButton, Toolbar, useTranslation } from "@dxos/react-ui";
|
|
18
|
-
import { StackItem } from "@dxos/react-ui-stack";
|
|
19
|
-
import { mx } from "@dxos/react-ui-theme";
|
|
20
|
-
var ChessboardArticle = ({ game, role }) => {
|
|
21
|
-
var _effect = _useSignals();
|
|
22
|
-
try {
|
|
23
|
-
const { t } = useTranslation(meta.id);
|
|
24
|
-
const [orientation, setOrientation] = useState("white");
|
|
25
|
-
const [open, setOpen] = useState(true);
|
|
26
|
-
const controller = useRef(null);
|
|
27
|
-
const handleSelect = useCallback((index) => {
|
|
28
|
-
controller.current?.setMoveNumber(index);
|
|
29
|
-
}, []);
|
|
30
|
-
return /* @__PURE__ */ React.createElement(StackItem.Content, {
|
|
31
|
-
toolbar: true
|
|
32
|
-
}, /* @__PURE__ */ React.createElement(Chessboard.Root, {
|
|
33
|
-
game,
|
|
34
|
-
ref: controller
|
|
35
|
-
}, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(IconButton, {
|
|
36
|
-
variant: "ghost",
|
|
37
|
-
icon: "ph--info--regular",
|
|
38
|
-
iconOnly: true,
|
|
39
|
-
label: t("toggle info button"),
|
|
40
|
-
size: 6,
|
|
41
|
-
classNames: mx("invisible", !open && "@3xl:visible"),
|
|
42
|
-
onClick: () => setOpen((open2) => !open2)
|
|
43
|
-
})), /* @__PURE__ */ React.createElement("div", {
|
|
44
|
-
className: mx("grid _grid-rows-[1fr_4rem] bs-full is-full gap-2", open && "@3xl:grid-cols-[1fr_320px]", role === "section" && "aspect-square", role === "section" && open && "@3xl:aspect-auto")
|
|
45
|
-
}, /* @__PURE__ */ React.createElement(Chessboard.Content, null, /* @__PURE__ */ React.createElement(Chessboard.Board, {
|
|
46
|
-
classNames: "m-4 rounded-sm overflow-hidden",
|
|
47
|
-
orientation
|
|
48
|
-
})), open && /* @__PURE__ */ React.createElement("div", {
|
|
49
|
-
className: "hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden"
|
|
50
|
-
}, /* @__PURE__ */ React.createElement(Chessboard.Info, {
|
|
51
|
-
orientation,
|
|
52
|
-
min: 8,
|
|
53
|
-
max: 8,
|
|
54
|
-
onOrientationChange: setOrientation,
|
|
55
|
-
onClose: () => setOpen(false),
|
|
56
|
-
onSelect: handleSelect
|
|
57
|
-
})))));
|
|
58
|
-
} finally {
|
|
59
|
-
_effect.f();
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
// src/components/ChessboardContainer.tsx
|
|
64
|
-
var ChessboardContainer = ({ game, role }) => {
|
|
65
|
-
var _effect = _useSignals2();
|
|
66
|
-
try {
|
|
67
|
-
const space = getSpace(game);
|
|
68
|
-
if (!space) {
|
|
69
|
-
return null;
|
|
70
|
-
}
|
|
71
|
-
switch (role) {
|
|
72
|
-
case "card--popover":
|
|
73
|
-
case "card--intrinsic":
|
|
74
|
-
case "card--extrinsic": {
|
|
75
|
-
return /* @__PURE__ */ React2.createElement(Chessboard.Root, {
|
|
76
|
-
game
|
|
77
|
-
}, /* @__PURE__ */ React2.createElement(Chessboard.Content, {
|
|
78
|
-
role
|
|
79
|
-
}, /* @__PURE__ */ React2.createElement(Chessboard.Board, null)));
|
|
80
|
-
}
|
|
81
|
-
default: {
|
|
82
|
-
return /* @__PURE__ */ React2.createElement(ChessboardArticle, {
|
|
83
|
-
game,
|
|
84
|
-
role
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
} finally {
|
|
89
|
-
_effect.f();
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
var ChessboardContainer_default = ChessboardContainer;
|
|
93
|
-
export {
|
|
94
|
-
ChessboardContainer,
|
|
95
|
-
ChessboardContainer_default as default
|
|
96
|
-
};
|
|
97
|
-
//# sourceMappingURL=ChessboardContainer-GAIIADOA.mjs.map
|