@dxos/plugin-chess 0.8.4-main.84f28bd → 0.8.4-main.c1de068
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/{ChessContainer-DL5J6VIK.mjs → ChessContainer-SC4ZV6XZ.mjs} +50 -22
- package/dist/lib/browser/ChessContainer-SC4ZV6XZ.mjs.map +7 -0
- package/dist/lib/browser/{artifact-definition-4AMZY5LQ.mjs → artifact-definition-A2FSM255.mjs} +3 -3
- package/dist/lib/browser/artifact-definition-A2FSM255.mjs.map +7 -0
- package/dist/lib/browser/chunk-KDADGLPC.mjs +8 -0
- package/dist/lib/browser/{chunk-2VF6U52K.mjs.map → chunk-KDADGLPC.mjs.map} +1 -1
- package/dist/lib/browser/{chunk-AZSYKAFK.mjs → chunk-ZXH3N4NA.mjs} +15 -10
- package/dist/lib/browser/chunk-ZXH3N4NA.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +9 -7
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-4TBVZUKU.mjs → react-surface-PLUCWIYP.mjs} +8 -15
- package/dist/lib/browser/react-surface-PLUCWIYP.mjs.map +7 -0
- package/dist/lib/node-esm/{ChessContainer-WVOL2KSE.mjs → ChessContainer-7GLY5KLY.mjs} +50 -22
- package/dist/lib/node-esm/ChessContainer-7GLY5KLY.mjs.map +7 -0
- package/dist/lib/node-esm/{artifact-definition-TT3747JB.mjs → artifact-definition-2H7OUBZO.mjs} +3 -3
- package/dist/lib/node-esm/artifact-definition-2H7OUBZO.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-2DRWEDVT.mjs → chunk-27D3JA3K.mjs} +15 -10
- package/dist/lib/node-esm/chunk-27D3JA3K.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-TD2SWK2H.mjs → chunk-QFINI7CC.mjs} +2 -2
- package/dist/lib/node-esm/{chunk-TD2SWK2H.mjs.map → chunk-QFINI7CC.mjs.map} +1 -1
- package/dist/lib/node-esm/index.mjs +9 -7
- package/dist/lib/node-esm/index.mjs.map +2 -2
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-PAUEOIBL.mjs → react-surface-NGLNIWN3.mjs} +8 -15
- package/dist/lib/node-esm/react-surface-NGLNIWN3.mjs.map +7 -0
- package/dist/types/src/capabilities/artifact-definition.d.ts +1 -1
- package/dist/types/src/capabilities/index.d.ts +1 -1
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/Chess.d.ts +14 -0
- package/dist/types/src/components/Chess.d.ts.map +1 -0
- package/dist/types/src/components/ChessContainer.d.ts +1 -1
- package/dist/types/src/components/ChessContainer.d.ts.map +1 -1
- package/dist/types/src/components/ChessContainer.stories.d.ts +23 -0
- package/dist/types/src/components/ChessContainer.stories.d.ts.map +1 -0
- package/dist/types/src/components/ChessPanel.d.ts.map +1 -1
- package/dist/types/src/components/Chessboard.stories.d.ts.map +1 -1
- package/dist/types/src/components/PlayerSelector.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +2 -2
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +2 -0
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +25 -26
- package/src/capabilities/artifact-definition.ts +2 -2
- package/src/capabilities/react-surface.tsx +2 -9
- package/src/components/{ChessComponent.tsx → Chess.tsx} +15 -9
- package/src/components/ChessContainer.stories.tsx +110 -0
- package/src/components/ChessContainer.tsx +49 -13
- package/src/components/ChessPanel.tsx +7 -7
- package/src/components/Chessboard.stories.tsx +6 -4
- package/src/components/PlayerSelector.tsx +6 -4
- package/src/components/index.ts +1 -1
- package/src/translations.ts +2 -0
- package/dist/lib/browser/ChessContainer-DL5J6VIK.mjs.map +0 -7
- package/dist/lib/browser/artifact-definition-4AMZY5LQ.mjs.map +0 -7
- package/dist/lib/browser/chunk-2VF6U52K.mjs +0 -8
- package/dist/lib/browser/chunk-AZSYKAFK.mjs.map +0 -7
- package/dist/lib/browser/react-surface-4TBVZUKU.mjs.map +0 -7
- package/dist/lib/node-esm/ChessContainer-WVOL2KSE.mjs.map +0 -7
- package/dist/lib/node-esm/artifact-definition-TT3747JB.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-2DRWEDVT.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-PAUEOIBL.mjs.map +0 -7
- package/dist/types/src/components/ChessComponent.d.ts +0 -6
- package/dist/types/src/components/ChessComponent.d.ts.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-chess",
|
|
3
|
-
"version": "0.8.4-main.
|
|
3
|
+
"version": "0.8.4-main.c1de068",
|
|
4
4
|
"description": "Chess for new plugin",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -36,42 +36,41 @@
|
|
|
36
36
|
"@preact-signals/safe-react": "^0.9.0",
|
|
37
37
|
"@preact/signals-core": "^1.9.0",
|
|
38
38
|
"chess.js": "^1.0.0",
|
|
39
|
-
"effect": "3.
|
|
40
|
-
"@dxos/ai": "0.8.4-main.
|
|
41
|
-
"@dxos/app-framework": "0.8.4-main.
|
|
42
|
-
"@dxos/
|
|
43
|
-
"@dxos/
|
|
44
|
-
"@dxos/
|
|
45
|
-
"@dxos/
|
|
46
|
-
"@dxos/echo": "0.8.4-main.
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/invariant": "0.8.4-main.
|
|
49
|
-
"@dxos/live-object": "0.8.4-main.
|
|
50
|
-
"@dxos/log": "0.8.4-main.
|
|
51
|
-
"@dxos/plugin-client": "0.8.4-main.
|
|
52
|
-
"@dxos/plugin-
|
|
53
|
-
"@dxos/plugin-
|
|
54
|
-
"@dxos/react-
|
|
55
|
-
"@dxos/react-
|
|
56
|
-
"@dxos/react-ui-stack": "0.8.4-main.
|
|
39
|
+
"effect": "3.17.0",
|
|
40
|
+
"@dxos/ai": "0.8.4-main.c1de068",
|
|
41
|
+
"@dxos/app-framework": "0.8.4-main.c1de068",
|
|
42
|
+
"@dxos/assistant": "0.8.4-main.c1de068",
|
|
43
|
+
"@dxos/display-name": "0.8.4-main.c1de068",
|
|
44
|
+
"@dxos/blueprints": "0.8.4-main.c1de068",
|
|
45
|
+
"@dxos/echo": "0.8.4-main.c1de068",
|
|
46
|
+
"@dxos/echo-schema": "0.8.4-main.c1de068",
|
|
47
|
+
"@dxos/async": "0.8.4-main.c1de068",
|
|
48
|
+
"@dxos/invariant": "0.8.4-main.c1de068",
|
|
49
|
+
"@dxos/live-object": "0.8.4-main.c1de068",
|
|
50
|
+
"@dxos/log": "0.8.4-main.c1de068",
|
|
51
|
+
"@dxos/plugin-client": "0.8.4-main.c1de068",
|
|
52
|
+
"@dxos/plugin-space": "0.8.4-main.c1de068",
|
|
53
|
+
"@dxos/plugin-graph": "0.8.4-main.c1de068",
|
|
54
|
+
"@dxos/react-ui-gameboard": "0.8.4-main.c1de068",
|
|
55
|
+
"@dxos/react-client": "0.8.4-main.c1de068",
|
|
56
|
+
"@dxos/react-ui-stack": "0.8.4-main.c1de068"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
|
-
"@phosphor-icons/react": "^2.1.5",
|
|
60
59
|
"@types/react": "~18.2.0",
|
|
61
60
|
"@types/react-dom": "~18.2.0",
|
|
62
61
|
"react": "~18.2.0",
|
|
63
62
|
"react-dom": "~18.2.0",
|
|
64
63
|
"vite": "5.4.7",
|
|
65
|
-
"@dxos/
|
|
66
|
-
"@dxos/react-ui
|
|
67
|
-
"@dxos/
|
|
64
|
+
"@dxos/plugin-theme": "0.8.4-main.c1de068",
|
|
65
|
+
"@dxos/react-ui": "0.8.4-main.c1de068",
|
|
66
|
+
"@dxos/react-ui-theme": "0.8.4-main.c1de068",
|
|
67
|
+
"@dxos/storybook-utils": "0.8.4-main.c1de068"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
|
-
"@phosphor-icons/react": "^2.1.5",
|
|
71
70
|
"react": "~18.2.0",
|
|
72
71
|
"react-dom": "~18.2.0",
|
|
73
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
74
|
-
"@dxos/react-ui-theme": "0.8.4-main.
|
|
72
|
+
"@dxos/react-ui": "0.8.4-main.c1de068",
|
|
73
|
+
"@dxos/react-ui-theme": "0.8.4-main.c1de068"
|
|
75
74
|
},
|
|
76
75
|
"publishConfig": {
|
|
77
76
|
"access": "public"
|
|
@@ -7,8 +7,8 @@ import { pipe, Schema } from 'effect';
|
|
|
7
7
|
|
|
8
8
|
import { createTool, ToolResult } from '@dxos/ai';
|
|
9
9
|
import { Capabilities, chain, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
10
|
+
import { createArtifactElement, VersionPin, ArtifactId } from '@dxos/assistant';
|
|
11
|
+
import { defineArtifact } from '@dxos/blueprints';
|
|
12
12
|
import { Obj } from '@dxos/echo';
|
|
13
13
|
import { invariant } from '@dxos/invariant';
|
|
14
14
|
import { SpaceAction } from '@dxos/plugin-space/types';
|
|
@@ -7,7 +7,7 @@ import React from 'react';
|
|
|
7
7
|
import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
|
|
8
8
|
import { Obj } from '@dxos/echo';
|
|
9
9
|
|
|
10
|
-
import { ChessContainer
|
|
10
|
+
import { ChessContainer } from '../components';
|
|
11
11
|
import { meta } from '../meta';
|
|
12
12
|
import { ChessType } from '../types';
|
|
13
13
|
|
|
@@ -15,16 +15,9 @@ export default () =>
|
|
|
15
15
|
contributes(Capabilities.ReactSurface, [
|
|
16
16
|
createSurface({
|
|
17
17
|
id: meta.id,
|
|
18
|
-
role: ['article', 'section'],
|
|
18
|
+
role: ['article', 'section', 'card--intrinsic', 'card--extrinsic', 'card--popover', 'card--transclusion'],
|
|
19
19
|
// TODO(burdon): Could this be standardized so that we don't require a subject property (like below)?
|
|
20
20
|
filter: (data): data is { subject: ChessType } => Obj.instanceOf(ChessType, data.subject),
|
|
21
21
|
component: ({ data, role }) => <ChessContainer game={data.subject} role={role} />,
|
|
22
22
|
}),
|
|
23
|
-
createSurface({
|
|
24
|
-
id: 'plugin-chess',
|
|
25
|
-
// TODO(burdon): Change role to card?
|
|
26
|
-
role: 'canvas-node',
|
|
27
|
-
filter: Obj.instanceOf(ChessType),
|
|
28
|
-
component: ({ data }) => <ChessComponent game={data} />,
|
|
29
|
-
}),
|
|
30
23
|
]);
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
// Copyright 2024 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { Chess } from 'chess.js';
|
|
6
|
-
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
5
|
+
import { Chess as ChessJS } from 'chess.js';
|
|
6
|
+
import React, { type PropsWithChildren, useCallback, useEffect, useMemo } from 'react';
|
|
7
7
|
|
|
8
8
|
import { log } from '@dxos/log';
|
|
9
9
|
import { getSpace } from '@dxos/react-client/echo';
|
|
10
|
-
import { ChessModel,
|
|
10
|
+
import { ChessModel, Gameboard, Chessboard, type GameboardRootProps } from '@dxos/react-ui-gameboard';
|
|
11
11
|
|
|
12
12
|
import { type ChessType } from '../types';
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const ChessRoot = ({ game, children }: PropsWithChildren<{ game: ChessType }>) => {
|
|
15
15
|
const model = useMemo(() => new ChessModel(), []);
|
|
16
16
|
useEffect(() => {
|
|
17
17
|
if (!model || game.pgn !== model?.game.pgn()) {
|
|
18
|
-
const chess = new
|
|
18
|
+
const chess = new ChessJS();
|
|
19
19
|
if (game.pgn) {
|
|
20
20
|
try {
|
|
21
21
|
chess.loadPgn(game.pgn);
|
|
@@ -33,7 +33,7 @@ export const ChessComponent = ({ game }: { game: ChessType }) => {
|
|
|
33
33
|
return null;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
const handleDrop = useCallback<NonNullable<
|
|
36
|
+
const handleDrop = useCallback<NonNullable<GameboardRootProps['onDrop']>>(
|
|
37
37
|
(move) => {
|
|
38
38
|
if (model.makeMove(move)) {
|
|
39
39
|
game.pgn = model.game.pgn();
|
|
@@ -47,8 +47,14 @@ export const ChessComponent = ({ game }: { game: ChessType }) => {
|
|
|
47
47
|
);
|
|
48
48
|
|
|
49
49
|
return (
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
</
|
|
50
|
+
<Gameboard.Root model={model} onDrop={handleDrop}>
|
|
51
|
+
{children}
|
|
52
|
+
</Gameboard.Root>
|
|
53
53
|
);
|
|
54
54
|
};
|
|
55
|
+
|
|
56
|
+
export const Chess = {
|
|
57
|
+
Root: ChessRoot,
|
|
58
|
+
Content: Gameboard.Content,
|
|
59
|
+
Board: Chessboard,
|
|
60
|
+
};
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
import '@dxos-theme';
|
|
6
|
+
|
|
7
|
+
import { type Meta } from '@storybook/react-vite';
|
|
8
|
+
import React, { useEffect, useState } from 'react';
|
|
9
|
+
|
|
10
|
+
import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
|
|
11
|
+
import { withPluginManager } from '@dxos/app-framework/testing';
|
|
12
|
+
import { Filter, Obj } from '@dxos/echo';
|
|
13
|
+
import { ClientPlugin } from '@dxos/plugin-client';
|
|
14
|
+
import { SpacePlugin } from '@dxos/plugin-space';
|
|
15
|
+
import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
|
|
16
|
+
import { ThemePlugin } from '@dxos/plugin-theme';
|
|
17
|
+
import { useClient } from '@dxos/react-client';
|
|
18
|
+
import { useQuery, useSpaces } from '@dxos/react-client/echo';
|
|
19
|
+
import { CardContainer } from '@dxos/react-ui-stack/testing';
|
|
20
|
+
import { defaultTx } from '@dxos/react-ui-theme';
|
|
21
|
+
import { withLayout } from '@dxos/storybook-utils';
|
|
22
|
+
|
|
23
|
+
import ChessContainer from './ChessContainer';
|
|
24
|
+
import { ChessType } from '../types';
|
|
25
|
+
|
|
26
|
+
type StoryProps = {
|
|
27
|
+
role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic';
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
const render: Meta<StoryProps>['render'] = ({ role }) => {
|
|
31
|
+
const _client = useClient();
|
|
32
|
+
const spaces = useSpaces();
|
|
33
|
+
const space = spaces[spaces.length - 1];
|
|
34
|
+
const games = useQuery(space, Filter.type(ChessType));
|
|
35
|
+
const [game, setGame] = useState<ChessType>();
|
|
36
|
+
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
if (games.length && !game) {
|
|
39
|
+
const board = games[0];
|
|
40
|
+
setGame(board);
|
|
41
|
+
}
|
|
42
|
+
}, [games]);
|
|
43
|
+
|
|
44
|
+
if (!game) {
|
|
45
|
+
return <span>…</span>;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
return (
|
|
49
|
+
<CardContainer icon='ph--castle-turret--regular' role={role}>
|
|
50
|
+
<ChessContainer game={game} role={role} />
|
|
51
|
+
</CardContainer>
|
|
52
|
+
);
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
const meta: Meta<StoryProps> = {
|
|
56
|
+
title: 'Cards/plugin-chess',
|
|
57
|
+
render,
|
|
58
|
+
decorators: [
|
|
59
|
+
withLayout(),
|
|
60
|
+
withPluginManager({
|
|
61
|
+
plugins: [
|
|
62
|
+
ThemePlugin({ tx: defaultTx }),
|
|
63
|
+
ClientPlugin({
|
|
64
|
+
types: [ChessType],
|
|
65
|
+
onClientInitialized: async (_, client) => {
|
|
66
|
+
await client.halo.createIdentity();
|
|
67
|
+
const space = await client.spaces.create();
|
|
68
|
+
await space.waitUntilReady();
|
|
69
|
+
const game = Obj.make(ChessType, {
|
|
70
|
+
name: 'Example Chess Game',
|
|
71
|
+
playerWhite: 'Player 1',
|
|
72
|
+
playerBlack: 'Player 2',
|
|
73
|
+
moves: [],
|
|
74
|
+
pgn: '',
|
|
75
|
+
fen: 'rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1', // Starting position
|
|
76
|
+
});
|
|
77
|
+
space.db.add(game);
|
|
78
|
+
},
|
|
79
|
+
}),
|
|
80
|
+
StorybookLayoutPlugin(),
|
|
81
|
+
SpacePlugin(),
|
|
82
|
+
IntentPlugin(),
|
|
83
|
+
SettingsPlugin(),
|
|
84
|
+
],
|
|
85
|
+
}),
|
|
86
|
+
],
|
|
87
|
+
parameters: {
|
|
88
|
+
layout: 'centered',
|
|
89
|
+
},
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export default meta;
|
|
93
|
+
|
|
94
|
+
export const Popover = {
|
|
95
|
+
args: {
|
|
96
|
+
role: 'card--popover',
|
|
97
|
+
},
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
export const Intrinsic = {
|
|
101
|
+
args: {
|
|
102
|
+
role: 'card--intrinsic',
|
|
103
|
+
},
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
export const Extrinsic = {
|
|
107
|
+
args: {
|
|
108
|
+
role: 'card--extrinsic',
|
|
109
|
+
},
|
|
110
|
+
};
|
|
@@ -7,29 +7,65 @@ import React from 'react';
|
|
|
7
7
|
import { getSpace } from '@dxos/react-client/echo';
|
|
8
8
|
import { StackItem } from '@dxos/react-ui-stack';
|
|
9
9
|
|
|
10
|
-
import {
|
|
10
|
+
import { Chess } from './Chess';
|
|
11
11
|
import { PlayerSelector } from './PlayerSelector';
|
|
12
12
|
import { type ChessType } from '../types';
|
|
13
13
|
|
|
14
|
-
const
|
|
14
|
+
const containFragment = 'is-[min(100cqw,100cqh)] bs-[min(100cqw,100cqh)]';
|
|
15
|
+
|
|
16
|
+
const ChessContainer = ({ game, role }: { game: ChessType; role?: string }) => {
|
|
15
17
|
const space = getSpace(game);
|
|
18
|
+
|
|
16
19
|
if (!space) {
|
|
17
20
|
return null;
|
|
18
21
|
}
|
|
19
22
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<
|
|
23
|
+
switch (role) {
|
|
24
|
+
case 'card--popover': {
|
|
25
|
+
return (
|
|
26
|
+
<Chess.Root game={game}>
|
|
27
|
+
<div role='none' className='popover-square size-container'>
|
|
28
|
+
<Chess.Board classNames={containFragment} />
|
|
29
|
+
</div>
|
|
30
|
+
</Chess.Root>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
case 'card--extrinsic': {
|
|
34
|
+
return (
|
|
35
|
+
<Chess.Root game={game}>
|
|
36
|
+
<div role='none' className='grid is-full bs-full size-container place-content-center'>
|
|
37
|
+
<Chess.Board classNames={containFragment} />
|
|
38
|
+
</div>
|
|
39
|
+
</Chess.Root>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
case 'card--intrinsic': {
|
|
43
|
+
return (
|
|
44
|
+
<Chess.Root game={game}>
|
|
45
|
+
<Chess.Board />
|
|
46
|
+
</Chess.Root>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
default: {
|
|
50
|
+
return (
|
|
51
|
+
<StackItem.Content>
|
|
52
|
+
<div role='none' className='grid grid-rows-[60px_1fr_60px] grow overflow-hidden'>
|
|
53
|
+
<div />
|
|
24
54
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
55
|
+
<div className='flex m-4 overflow-hidden'>
|
|
56
|
+
<Chess.Root game={game}>
|
|
57
|
+
<Chess.Content>
|
|
58
|
+
<Chess.Board />
|
|
59
|
+
</Chess.Content>
|
|
60
|
+
</Chess.Root>
|
|
61
|
+
</div>
|
|
28
62
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
63
|
+
<PlayerSelector space={space} game={game} />
|
|
64
|
+
</div>
|
|
65
|
+
</StackItem.Content>
|
|
66
|
+
);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
33
69
|
};
|
|
34
70
|
|
|
35
71
|
export default ChessContainer;
|
|
@@ -2,13 +2,12 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { ArrowURightDown, Circle } from '@phosphor-icons/react';
|
|
6
5
|
import { type Color } from 'chess.js';
|
|
7
6
|
import React, { type FC } from 'react';
|
|
8
7
|
|
|
9
|
-
import { type ThemedClassName } from '@dxos/react-ui';
|
|
8
|
+
import { type ThemedClassName, Icon } from '@dxos/react-ui';
|
|
10
9
|
import { type ChessModel } from '@dxos/react-ui-gameboard';
|
|
11
|
-
import {
|
|
10
|
+
import { mx } from '@dxos/react-ui-theme';
|
|
12
11
|
|
|
13
12
|
export type ChessPanelProps = ThemedClassName<{
|
|
14
13
|
model: ChessModel;
|
|
@@ -36,9 +35,10 @@ export const ChessPanel: FC<ChessPanelProps> = ({ classNames, model, orientation
|
|
|
36
35
|
|
|
37
36
|
return (
|
|
38
37
|
<div className='flex items-center'>
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
<Icon
|
|
39
|
+
icon={turn ? 'ph--circle--fill' : 'ph--circle--thin'}
|
|
40
|
+
size={4}
|
|
41
|
+
classNames={mx(turn && (game.isCheckmate() ? 'text-red-500' : 'text-green-500'))}
|
|
42
42
|
/>
|
|
43
43
|
</div>
|
|
44
44
|
);
|
|
@@ -50,7 +50,7 @@ export const ChessPanel: FC<ChessPanelProps> = ({ classNames, model, orientation
|
|
|
50
50
|
<Player color={orientation === 'w' ? 'b' : 'w'} />
|
|
51
51
|
{onFlip && (
|
|
52
52
|
<button onClick={onFlip}>
|
|
53
|
-
<
|
|
53
|
+
<Icon icon='ph--arrow-u-right-down--thin' size={6} />
|
|
54
54
|
</button>
|
|
55
55
|
)}
|
|
56
56
|
</div>
|
|
@@ -7,7 +7,7 @@ import '@dxos-theme';
|
|
|
7
7
|
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
8
8
|
import React, { useMemo } from 'react';
|
|
9
9
|
|
|
10
|
-
import {
|
|
10
|
+
import { Gameboard, Chessboard, ChessModel } from '@dxos/react-ui-gameboard';
|
|
11
11
|
import { withLayout, withTheme } from '@dxos/storybook-utils';
|
|
12
12
|
|
|
13
13
|
import { ChessPanel } from './ChessPanel';
|
|
@@ -17,9 +17,11 @@ const DefaultStory = () => {
|
|
|
17
17
|
|
|
18
18
|
return (
|
|
19
19
|
<div className='flex grow mx-8 gap-8 items-center overflow-hidden'>
|
|
20
|
-
<
|
|
21
|
-
<
|
|
22
|
-
|
|
20
|
+
<Gameboard.Root model={model} onDrop={(move) => model.makeMove(move)}>
|
|
21
|
+
<Gameboard.Content>
|
|
22
|
+
<Chessboard />
|
|
23
|
+
</Gameboard.Content>
|
|
24
|
+
</Gameboard.Root>
|
|
23
25
|
<ChessPanel model={model} classNames='w-[200px]' />
|
|
24
26
|
</div>
|
|
25
27
|
);
|
|
@@ -2,13 +2,11 @@
|
|
|
2
2
|
// Copyright 2024 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import { CrownCross } from '@phosphor-icons/react';
|
|
6
5
|
import React from 'react';
|
|
7
6
|
|
|
8
7
|
import { generateName } from '@dxos/display-name';
|
|
9
8
|
import { useMembers, type Space, type SpaceMember } from '@dxos/react-client/echo';
|
|
10
|
-
import { Input, Select, useThemeContext } from '@dxos/react-ui';
|
|
11
|
-
import { getSize, mx } from '@dxos/react-ui-theme';
|
|
9
|
+
import { Icon, Input, Select, useThemeContext } from '@dxos/react-ui';
|
|
12
10
|
|
|
13
11
|
import { type ChessType } from '../types';
|
|
14
12
|
|
|
@@ -55,7 +53,11 @@ const PlayerSelect = ({
|
|
|
55
53
|
return (
|
|
56
54
|
<Input.Root>
|
|
57
55
|
<Input.Label>
|
|
58
|
-
<
|
|
56
|
+
<Icon
|
|
57
|
+
aria-label={`Chess icon for side ${side}`}
|
|
58
|
+
icon={`ph--crown-cross--${iconFillMode || 'regular'}`}
|
|
59
|
+
size={6}
|
|
60
|
+
/>
|
|
59
61
|
</Input.Label>
|
|
60
62
|
<Select.Root value={value} onValueChange={onValueChange}>
|
|
61
63
|
<Select.TriggerButton placeholder={'Select player'} />
|
package/src/components/index.ts
CHANGED
package/src/translations.ts
CHANGED
|
@@ -16,6 +16,8 @@ export const translations = [
|
|
|
16
16
|
'typename label_one': 'Game',
|
|
17
17
|
'typename label_other': 'Games',
|
|
18
18
|
'object name placeholder': 'New game',
|
|
19
|
+
'rename object label': 'Rename game',
|
|
20
|
+
'delete object label': 'Delete game',
|
|
19
21
|
},
|
|
20
22
|
[meta.id]: {
|
|
21
23
|
'plugin name': 'Chess',
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ChessContainer.tsx", "../../../src/components/PlayerSelector.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { ChessComponent } from './ChessComponent';\nimport { PlayerSelector } from './PlayerSelector';\nimport { type ChessType } from '../types';\n\nconst ChessContainer = ({ game }: { game: ChessType; role?: string }) => {\n const space = getSpace(game);\n if (!space) {\n return null;\n }\n\n return (\n <StackItem.Content>\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 <ChessComponent game={game} />\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 ChessType } from '../types';\n\nexport const PlayerSelector = ({ space, game }: { space: Space; game: ChessType }) => {\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"],
|
|
5
|
-
"mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;;;;ACH1B,SAASC,kBAAkB;AAC3B,OAAOC,WAAW;AAElB,SAASC,oBAAoB;AAC7B,SAASC,kBAAgD;AACzD,SAASC,OAAOC,QAAQC,uBAAuB;AAC/C,SAASC,SAASC,UAAU;AAIrB,IAAMC,iBAAiB,CAAC,EAAEC,OAAOC,KAAI,MAAqC;;;AAC/E,UAAMC,UAAUC,WAAWH,MAAMI,GAAG;AAEpC,WACE,sBAAA,cAACC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,sBAAA,cAACF,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,sBAAA,cAACC,cAAAA;MACCC,MAAK;MACLC,OAAOT,KAAKU;MACZC,eAAe,CAACC,WAAYZ,KAAKU,cAAcE;MAC/CX;SAGJ,sBAAA,cAACG,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,sBAAA,cAACC,cAAAA;MACCC,MAAK;MACLC,OAAOT,KAAKa;MACZF,eAAe,CAACC,WAAYZ,KAAKa,cAAcD;MAC/CX;;;;;AAKV;AAEA,IAAMM,eAAe,CAAC,EACpBC,MACAC,OACAE,eACAV,QAAO,MAMR;;;AACC,UAAM,EAAEa,UAAS,IAAKC,gBAAAA;AACtB,UAAMC,eACHR,SAAS,WAAWM,cAAc,WAAaN,SAAS,WAAWM,cAAc,SAAU,SAASG;AAEvG,WACE,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK,MACV,sBAAA,cAACC,YAAAA;MAAWf,WAAWgB,GAAGC,QAAQ,CAAA,CAAA;MAAKC,QAAQR;MAAcS,cAAY,uBAAuBjB,IAAAA;SAElG,sBAAA,cAACkB,OAAOP,MAAI;MAACV;MAAcE;OACzB,sBAAA,cAACe,OAAOC,eAAa;MAACC,aAAa;QACnC,sBAAA,cAACF,OAAOG,QAAM,MACZ,sBAAA,cAACH,OAAOI,SAAO,MACb,sBAAA,cAACJ,OAAOK,UAAQ,MACb9B,QAAQ+B,IAAI,CAACC,WAAAA;AACZ,YAAMC,YAAYD,OAAOE,SAASC,YAAYC,MAAK;AACnD,YAAMC,cAAcL,OAAOE,UAAUI,SAASD,eAAeE,aAAaN,SAAAA;AAC1E,aACE,sBAAA,cAACR,OAAOe,QAAM;QAACtC,KAAK+B;QAAWzB,OAAOyB;SACnCI,WAAAA;IAGP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;AAOd;;;ADlEA,IAAMI,iBAAiB,CAAC,EAAEC,KAAI,MAAsC;;;AAClE,UAAMC,QAAQC,SAASF,IAAAA;AACvB,QAAI,CAACC,OAAO;AACV,aAAO;IACT;AAEA,WACE,gBAAAE,OAAA,cAACC,UAAUC,SAAO,MAChB,gBAAAF,OAAA,cAACG,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,gBAAAL,OAAA,cAACG,OAAAA,IAAAA,GAED,gBAAAH,OAAA,cAACG,OAAAA;MAAIE,WAAU;OACb,gBAAAL,OAAA,cAACM,gBAAAA;MAAeT;SAGlB,gBAAAG,OAAA,cAACO,gBAAAA;MAAeT;MAAcD;;;;;AAItC;AAEA,IAAA,yBAAeD;",
|
|
6
|
-
"names": ["React", "getSpace", "StackItem", "CrownCross", "React", "generateName", "useMembers", "Input", "Select", "useThemeContext", "getSize", "mx", "PlayerSelector", "space", "game", "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", "space", "getSpace", "React", "StackItem", "Content", "div", "role", "className", "ChessComponent", "PlayerSelector"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/artifact-definition.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess } from 'chess.js';\nimport { pipe, Schema } from 'effect';\n\nimport { createTool, ToolResult } from '@dxos/ai';\nimport { Capabilities, chain, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { ArtifactId, defineArtifact } from '@dxos/artifact';\nimport { createArtifactElement, VersionPin } from '@dxos/assistant';\nimport { Obj } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Filter, type Space } from '@dxos/react-client/echo';\n\nimport { meta } from '../meta';\nimport { ChessAction, ChessType } from '../types';\n\n// TODO(burdon): Factor out.\ndeclare global {\n interface ToolContextExtensions {\n space?: Space;\n dispatch?: PromiseIntentDispatcher;\n }\n}\n\nexport default () => {\n const definition = defineArtifact({\n id: `artifact:${meta.id}`,\n name: meta.name,\n description: 'Provides a simple chess engine.',\n instructions: `\n - If the user's message relates to a chess game, you must return the chess game inside the artifact tag as a valid FEN string with no additional text.\n - Always inspect the chess game at the start of every prompt realting to a chess game, as it might have changed since the interaction.\n `,\n schema: ChessType,\n tools: [\n createTool(meta.id, {\n name: 'create',\n description: 'Create a new chess game. Returns the artifact definition for the game.',\n caption: 'Creating chess game...',\n schema: Schema.Struct({\n fen: Schema.String.annotations({ description: 'The state of the chess game in the FEN format.' }),\n }),\n execute: async ({ fen }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n invariant(extensions?.dispatch, 'No intent dispatcher');\n const intent = pipe(\n createIntent(ChessAction.Create, { fen }),\n chain(SpaceAction.AddObject, { target: extensions.space }),\n );\n const { data, error } = await extensions.dispatch(intent);\n if (!data || error) {\n return ToolResult.Error(error?.message ?? 'Failed to create chess game');\n }\n\n return ToolResult.Success(createArtifactElement(data.id), [\n VersionPin.createBlock(VersionPin.fromObject(data.object)),\n ]);\n },\n }),\n createTool(meta.id, {\n name: 'list',\n description: 'Query all active chess games.',\n caption: 'Getting games...',\n schema: Schema.Struct({}),\n execute: async (_, { extensions }) => {\n invariant(extensions?.space, 'No space');\n const { objects: games } = await extensions.space.db.query(Filter.type(ChessType)).run();\n invariant(games.length > 0, 'No chess games found');\n\n return ToolResult.Success(games);\n },\n }),\n createTool(meta.id, {\n name: 'inspect',\n description: 'Get the current state of the chess game.',\n caption: 'Inspecting game...',\n schema: Schema.Struct({ id: ArtifactId }),\n execute: async ({ id }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n const game = await extensions.space.db\n .query(Filter.ids(ArtifactId.toDXN(id, extensions.space.id).toString()))\n .first();\n invariant(Obj.instanceOf(ChessType, game));\n\n return ToolResult.Success(game.fen);\n },\n }),\n createTool(meta.id, {\n name: 'move',\n description: 'Make a move in the chess game.',\n caption: 'Making chess move...',\n schema: Schema.Struct({\n id: ArtifactId,\n move: Schema.String.annotations({\n description: 'The move to make in the chess game.',\n examples: ['e4', 'Bf3'],\n }),\n }),\n execute: async ({ id, move }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n const game = await extensions.space.db\n .query(Filter.ids(ArtifactId.toDXN(id, extensions.space.id).toString()))\n .first();\n invariant(Obj.instanceOf(ChessType, game));\n\n const board = new Chess(game.fen);\n try {\n board.move(move);\n } catch (error: any) {\n return ToolResult.Error(error.message);\n }\n game.pgn = board.pgn();\n game.fen = board.fen();\n return ToolResult.Success(game.fen);\n },\n }),\n ],\n });\n\n return contributes(Capabilities.ArtifactDefinition, definition);\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Chess", "pipe", "Schema", "createTool", "ToolResult", "Capabilities", "chain", "contributes", "createIntent", "ArtifactId", "defineArtifact", "createArtifactElement", "VersionPin", "Obj", "invariant", "SpaceAction", "Filter", "definition", "defineArtifact", "id", "meta", "name", "description", "instructions", "schema", "ChessType", "tools", "createTool", "caption", "Schema", "Struct", "fen", "String", "annotations", "execute", "extensions", "invariant", "space", "dispatch", "intent", "pipe", "createIntent", "ChessAction", "Create", "chain", "SpaceAction", "AddObject", "target", "data", "error", "ToolResult", "Error", "message", "Success", "createArtifactElement", "VersionPin", "createBlock", "fromObject", "object", "_", "objects", "games", "db", "query", "Filter", "type", "run", "length", "ArtifactId", "game", "ids", "toDXN", "toString", "first", "Obj", "instanceOf", "move", "examples", "board", "Chess", "pgn", "contributes", "Capabilities", "ArtifactDefinition"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ChessComponent.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Chess } from 'chess.js';\nimport React, { useCallback, useEffect, useMemo } from 'react';\n\nimport { log } from '@dxos/log';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { ChessModel, Board, Chessboard, type BoardRootProps } from '@dxos/react-ui-gameboard';\n\nimport { type ChessType } from '../types';\n\nexport const ChessComponent = ({ game }: { game: ChessType }) => {\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 try {\n chess.loadPgn(game.pgn);\n } catch (err) {\n log.catch(err, { game });\n }\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 game.fen = model.game.fen();\n return true;\n }\n\n return false;\n },\n [model],\n );\n\n return (\n <Board.Root model={model} onDrop={handleDrop}>\n <Chessboard />\n </Board.Root>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;AAIA,SAASA,aAAa;AACtB,OAAOC,SAASC,aAAaC,WAAWC,eAAe;AAEvD,SAASC,WAAW;AACpB,SAASC,gBAAgB;AACzB,SAASC,YAAYC,OAAOC,kBAAuC;;AAI5D,IAAMC,iBAAiB,CAAC,EAAEC,KAAI,MAAuB;;;AAC1D,UAAMC,QAAQR,QAAQ,MAAM,IAAIG,WAAAA,GAAc,CAAA,CAAE;AAChDJ,cAAU,MAAA;AACR,UAAI,CAACS,SAASD,KAAKE,QAAQD,OAAOD,KAAKE,IAAAA,GAAO;AAC5C,cAAMC,QAAQ,IAAId,MAAAA;AAClB,YAAIW,KAAKE,KAAK;AACZ,cAAI;AACFC,kBAAMC,QAAQJ,KAAKE,GAAG;UACxB,SAASG,KAAK;AACZX,gBAAIY,MAAMD,KAAK;cAAEL;YAAK,GAAA;;;;;;UACxB;QACF;AAEAC,cAAMM,WAAWJ,MAAMK,IAAG,CAAA;MAC5B;IACF,GAAG;MAACR,KAAKE;KAAI;AAEb,UAAMO,QAAQd,SAASK,IAAAA;AACvB,QAAI,CAACS,OAAO;AACV,aAAO;IACT;AAEA,UAAMC,aAAanB,YACjB,CAACoB,SAAAA;AACC,UAAIV,MAAMW,SAASD,IAAAA,GAAO;AACxBX,aAAKE,MAAMD,MAAMD,KAAKE,IAAG;AACzBF,aAAKQ,MAAMP,MAAMD,KAAKQ,IAAG;AACzB,eAAO;MACT;AAEA,aAAO;IACT,GACA;MAACP;KAAM;AAGT,WACE,sBAAA,cAACJ,MAAMgB,MAAI;MAACZ;MAAca,QAAQJ;OAChC,sBAAA,cAACZ,YAAAA,IAAAA,CAAAA;;;;AAGP;",
|
|
6
|
-
"names": ["Chess", "React", "useCallback", "useEffect", "useMemo", "log", "getSpace", "ChessModel", "Board", "Chessboard", "ChessComponent", "game", "model", "pgn", "chess", "loadPgn", "err", "catch", "initialize", "fen", "space", "handleDrop", "move", "makeMove", "Root", "onDrop"]
|
|
7
|
-
}
|
|
@@ -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 { ChessContainer, ChessComponent } from '../components';\nimport { meta } from '../meta';\nimport { ChessType } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: meta.id,\n role: ['article', 'section'],\n // TODO(burdon): Could this be standardized so that we don't require a subject property (like below)?\n filter: (data): data is { subject: ChessType } => Obj.instanceOf(ChessType, data.subject),\n component: ({ data, role }) => <ChessContainer game={data.subject} role={role} />,\n }),\n createSurface({\n id: 'plugin-chess',\n // TODO(burdon): Change role to card?\n role: 'canvas-node',\n filter: Obj.instanceOf(ChessType),\n component: ({ data }) => <ChessComponent game={data} />,\n }),\n ]);\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AAMpB,IAAA,wBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;;IAElBC,QAAQ,CAACC,SAAyCC,IAAIC,WAAWC,WAAWH,KAAKI,OAAO;IACxFC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,sBAAA,cAACQ,gBAAAA;MAAeC,MAAMP,KAAKI;MAASN;;EACrE,CAAA;EACAH,cAAc;IACZC,IAAI;;IAEJE,MAAM;IACNC,QAAQE,IAAIC,WAAWC,SAAAA;IACvBE,WAAW,CAAC,EAAEL,KAAI,MAAO,sBAAA,cAACQ,gBAAAA;MAAeD,MAAMP;;EACjD,CAAA;CACD;",
|
|
6
|
-
"names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "ChessType", "subject", "component", "ChessContainer", "game", "ChessComponent"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ChessContainer.tsx", "../../../src/components/PlayerSelector.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { ChessComponent } from './ChessComponent';\nimport { PlayerSelector } from './PlayerSelector';\nimport { type ChessType } from '../types';\n\nconst ChessContainer = ({ game }: { game: ChessType; role?: string }) => {\n const space = getSpace(game);\n if (!space) {\n return null;\n }\n\n return (\n <StackItem.Content>\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 <ChessComponent game={game} />\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 ChessType } from '../types';\n\nexport const PlayerSelector = ({ space, game }: { space: Space; game: ChessType }) => {\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"],
|
|
5
|
-
"mappings": ";;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;;;;ACH1B,SAASC,kBAAkB;AAC3B,OAAOC,WAAW;AAElB,SAASC,oBAAoB;AAC7B,SAASC,kBAAgD;AACzD,SAASC,OAAOC,QAAQC,uBAAuB;AAC/C,SAASC,SAASC,UAAU;AAIrB,IAAMC,iBAAiB,CAAC,EAAEC,OAAOC,KAAI,MAAqC;;;AAC/E,UAAMC,UAAUC,WAAWH,MAAMI,GAAG;AAEpC,WACE,sBAAA,cAACC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,sBAAA,cAACF,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,sBAAA,cAACC,cAAAA;MACCC,MAAK;MACLC,OAAOT,KAAKU;MACZC,eAAe,CAACC,WAAYZ,KAAKU,cAAcE;MAC/CX;SAGJ,sBAAA,cAACG,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,sBAAA,cAACC,cAAAA;MACCC,MAAK;MACLC,OAAOT,KAAKa;MACZF,eAAe,CAACC,WAAYZ,KAAKa,cAAcD;MAC/CX;;;;;AAKV;AAEA,IAAMM,eAAe,CAAC,EACpBC,MACAC,OACAE,eACAV,QAAO,MAMR;;;AACC,UAAM,EAAEa,UAAS,IAAKC,gBAAAA;AACtB,UAAMC,eACHR,SAAS,WAAWM,cAAc,WAAaN,SAAS,WAAWM,cAAc,SAAU,SAASG;AAEvG,WACE,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK,MACV,sBAAA,cAACC,YAAAA;MAAWf,WAAWgB,GAAGC,QAAQ,CAAA,CAAA;MAAKC,QAAQR;MAAcS,cAAY,uBAAuBjB,IAAAA;SAElG,sBAAA,cAACkB,OAAOP,MAAI;MAACV;MAAcE;OACzB,sBAAA,cAACe,OAAOC,eAAa;MAACC,aAAa;QACnC,sBAAA,cAACF,OAAOG,QAAM,MACZ,sBAAA,cAACH,OAAOI,SAAO,MACb,sBAAA,cAACJ,OAAOK,UAAQ,MACb9B,QAAQ+B,IAAI,CAACC,WAAAA;AACZ,YAAMC,YAAYD,OAAOE,SAASC,YAAYC,MAAK;AACnD,YAAMC,cAAcL,OAAOE,UAAUI,SAASD,eAAeE,aAAaN,SAAAA;AAC1E,aACE,sBAAA,cAACR,OAAOe,QAAM;QAACtC,KAAK+B;QAAWzB,OAAOyB;SACnCI,WAAAA;IAGP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;AAOd;;;ADlEA,IAAMI,iBAAiB,CAAC,EAAEC,KAAI,MAAsC;;;AAClE,UAAMC,QAAQC,SAASF,IAAAA;AACvB,QAAI,CAACC,OAAO;AACV,aAAO;IACT;AAEA,WACE,gBAAAE,OAAA,cAACC,UAAUC,SAAO,MAChB,gBAAAF,OAAA,cAACG,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,gBAAAL,OAAA,cAACG,OAAAA,IAAAA,GAED,gBAAAH,OAAA,cAACG,OAAAA;MAAIE,WAAU;OACb,gBAAAL,OAAA,cAACM,gBAAAA;MAAeT;SAGlB,gBAAAG,OAAA,cAACO,gBAAAA;MAAeT;MAAcD;;;;;AAItC;AAEA,IAAA,yBAAeD;",
|
|
6
|
-
"names": ["React", "getSpace", "StackItem", "CrownCross", "React", "generateName", "useMembers", "Input", "Select", "useThemeContext", "getSize", "mx", "PlayerSelector", "space", "game", "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", "space", "getSpace", "React", "StackItem", "Content", "div", "role", "className", "ChessComponent", "PlayerSelector"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/artifact-definition.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess } from 'chess.js';\nimport { pipe, Schema } from 'effect';\n\nimport { createTool, ToolResult } from '@dxos/ai';\nimport { Capabilities, chain, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { ArtifactId, defineArtifact } from '@dxos/artifact';\nimport { createArtifactElement, VersionPin } from '@dxos/assistant';\nimport { Obj } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Filter, type Space } from '@dxos/react-client/echo';\n\nimport { meta } from '../meta';\nimport { ChessAction, ChessType } from '../types';\n\n// TODO(burdon): Factor out.\ndeclare global {\n interface ToolContextExtensions {\n space?: Space;\n dispatch?: PromiseIntentDispatcher;\n }\n}\n\nexport default () => {\n const definition = defineArtifact({\n id: `artifact:${meta.id}`,\n name: meta.name,\n description: 'Provides a simple chess engine.',\n instructions: `\n - If the user's message relates to a chess game, you must return the chess game inside the artifact tag as a valid FEN string with no additional text.\n - Always inspect the chess game at the start of every prompt realting to a chess game, as it might have changed since the interaction.\n `,\n schema: ChessType,\n tools: [\n createTool(meta.id, {\n name: 'create',\n description: 'Create a new chess game. Returns the artifact definition for the game.',\n caption: 'Creating chess game...',\n schema: Schema.Struct({\n fen: Schema.String.annotations({ description: 'The state of the chess game in the FEN format.' }),\n }),\n execute: async ({ fen }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n invariant(extensions?.dispatch, 'No intent dispatcher');\n const intent = pipe(\n createIntent(ChessAction.Create, { fen }),\n chain(SpaceAction.AddObject, { target: extensions.space }),\n );\n const { data, error } = await extensions.dispatch(intent);\n if (!data || error) {\n return ToolResult.Error(error?.message ?? 'Failed to create chess game');\n }\n\n return ToolResult.Success(createArtifactElement(data.id), [\n VersionPin.createBlock(VersionPin.fromObject(data.object)),\n ]);\n },\n }),\n createTool(meta.id, {\n name: 'list',\n description: 'Query all active chess games.',\n caption: 'Getting games...',\n schema: Schema.Struct({}),\n execute: async (_, { extensions }) => {\n invariant(extensions?.space, 'No space');\n const { objects: games } = await extensions.space.db.query(Filter.type(ChessType)).run();\n invariant(games.length > 0, 'No chess games found');\n\n return ToolResult.Success(games);\n },\n }),\n createTool(meta.id, {\n name: 'inspect',\n description: 'Get the current state of the chess game.',\n caption: 'Inspecting game...',\n schema: Schema.Struct({ id: ArtifactId }),\n execute: async ({ id }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n const game = await extensions.space.db\n .query(Filter.ids(ArtifactId.toDXN(id, extensions.space.id).toString()))\n .first();\n invariant(Obj.instanceOf(ChessType, game));\n\n return ToolResult.Success(game.fen);\n },\n }),\n createTool(meta.id, {\n name: 'move',\n description: 'Make a move in the chess game.',\n caption: 'Making chess move...',\n schema: Schema.Struct({\n id: ArtifactId,\n move: Schema.String.annotations({\n description: 'The move to make in the chess game.',\n examples: ['e4', 'Bf3'],\n }),\n }),\n execute: async ({ id, move }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n const game = await extensions.space.db\n .query(Filter.ids(ArtifactId.toDXN(id, extensions.space.id).toString()))\n .first();\n invariant(Obj.instanceOf(ChessType, game));\n\n const board = new Chess(game.fen);\n try {\n board.move(move);\n } catch (error: any) {\n return ToolResult.Error(error.message);\n }\n game.pgn = board.pgn();\n game.fen = board.fen();\n return ToolResult.Success(game.fen);\n },\n }),\n ],\n });\n\n return contributes(Capabilities.ArtifactDefinition, definition);\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Chess", "pipe", "Schema", "createTool", "ToolResult", "Capabilities", "chain", "contributes", "createIntent", "ArtifactId", "defineArtifact", "createArtifactElement", "VersionPin", "Obj", "invariant", "SpaceAction", "Filter", "definition", "defineArtifact", "id", "meta", "name", "description", "instructions", "schema", "ChessType", "tools", "createTool", "caption", "Schema", "Struct", "fen", "String", "annotations", "execute", "extensions", "invariant", "space", "dispatch", "intent", "pipe", "createIntent", "ChessAction", "Create", "chain", "SpaceAction", "AddObject", "target", "data", "error", "ToolResult", "Error", "message", "Success", "createArtifactElement", "VersionPin", "createBlock", "fromObject", "object", "_", "objects", "games", "db", "query", "Filter", "type", "run", "length", "ArtifactId", "game", "ids", "toDXN", "toString", "first", "Obj", "instanceOf", "move", "examples", "board", "Chess", "pgn", "contributes", "Capabilities", "ArtifactDefinition"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ChessComponent.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Chess } from 'chess.js';\nimport React, { useCallback, useEffect, useMemo } from 'react';\n\nimport { log } from '@dxos/log';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { ChessModel, Board, Chessboard, type BoardRootProps } from '@dxos/react-ui-gameboard';\n\nimport { type ChessType } from '../types';\n\nexport const ChessComponent = ({ game }: { game: ChessType }) => {\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 try {\n chess.loadPgn(game.pgn);\n } catch (err) {\n log.catch(err, { game });\n }\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 game.fen = model.game.fen();\n return true;\n }\n\n return false;\n },\n [model],\n );\n\n return (\n <Board.Root model={model} onDrop={handleDrop}>\n <Chessboard />\n </Board.Root>\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;AAIA,SAASA,aAAa;AACtB,OAAOC,SAASC,aAAaC,WAAWC,eAAe;AAEvD,SAASC,WAAW;AACpB,SAASC,gBAAgB;AACzB,SAASC,YAAYC,OAAOC,kBAAuC;;AAI5D,IAAMC,iBAAiB,CAAC,EAAEC,KAAI,MAAuB;;;AAC1D,UAAMC,QAAQR,QAAQ,MAAM,IAAIG,WAAAA,GAAc,CAAA,CAAE;AAChDJ,cAAU,MAAA;AACR,UAAI,CAACS,SAASD,KAAKE,QAAQD,OAAOD,KAAKE,IAAAA,GAAO;AAC5C,cAAMC,QAAQ,IAAId,MAAAA;AAClB,YAAIW,KAAKE,KAAK;AACZ,cAAI;AACFC,kBAAMC,QAAQJ,KAAKE,GAAG;UACxB,SAASG,KAAK;AACZX,gBAAIY,MAAMD,KAAK;cAAEL;YAAK,GAAA;;;;;;UACxB;QACF;AAEAC,cAAMM,WAAWJ,MAAMK,IAAG,CAAA;MAC5B;IACF,GAAG;MAACR,KAAKE;KAAI;AAEb,UAAMO,QAAQd,SAASK,IAAAA;AACvB,QAAI,CAACS,OAAO;AACV,aAAO;IACT;AAEA,UAAMC,aAAanB,YACjB,CAACoB,SAAAA;AACC,UAAIV,MAAMW,SAASD,IAAAA,GAAO;AACxBX,aAAKE,MAAMD,MAAMD,KAAKE,IAAG;AACzBF,aAAKQ,MAAMP,MAAMD,KAAKQ,IAAG;AACzB,eAAO;MACT;AAEA,aAAO;IACT,GACA;MAACP;KAAM;AAGT,WACE,sBAAA,cAACJ,MAAMgB,MAAI;MAACZ;MAAca,QAAQJ;OAChC,sBAAA,cAACZ,YAAAA,IAAAA,CAAAA;;;;AAGP;",
|
|
6
|
-
"names": ["Chess", "React", "useCallback", "useEffect", "useMemo", "log", "getSpace", "ChessModel", "Board", "Chessboard", "ChessComponent", "game", "model", "pgn", "chess", "loadPgn", "err", "catch", "initialize", "fen", "space", "handleDrop", "move", "makeMove", "Root", "onDrop"]
|
|
7
|
-
}
|