@dxos/plugin-chess 0.8.4-main.fd6878d → 0.8.4-main.fffef41
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-NNIOQIRP.mjs → ChessboardContainer-5YXEM4VR.mjs} +29 -23
- package/dist/lib/browser/ChessboardContainer-5YXEM4VR.mjs.map +7 -0
- package/dist/lib/browser/blueprint-definition-FD4TL5EE.mjs +11 -0
- package/dist/lib/browser/blueprint-definition-FD4TL5EE.mjs.map +7 -0
- package/dist/lib/browser/chunk-5DOZV3PW.mjs +294 -0
- package/dist/lib/browser/chunk-5DOZV3PW.mjs.map +7 -0
- package/dist/lib/browser/{chunk-PE3IWOFR.mjs → chunk-DUO4WTAM.mjs} +5 -5
- package/dist/lib/browser/chunk-DUO4WTAM.mjs.map +7 -0
- package/dist/lib/browser/{chunk-OBJAHY6H.mjs → chunk-FBLAVAMY.mjs} +17 -12
- package/dist/lib/browser/chunk-FBLAVAMY.mjs.map +7 -0
- package/dist/lib/browser/{chunk-PPBBLHAC.mjs → chunk-Q5TZCIH7.mjs} +2 -2
- package/dist/lib/browser/chunk-TIIGNOGK.mjs +169 -0
- package/dist/lib/browser/chunk-TIIGNOGK.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +27 -19
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/{intent-resolver-JWKKRNGG.mjs → intent-resolver-GXZN2EBT.mjs} +5 -5
- package/dist/lib/browser/{intent-resolver-JWKKRNGG.mjs.map → intent-resolver-GXZN2EBT.mjs.map} +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{react-surface-RIXD6RTS.mjs → react-surface-KTTAUHAA.mjs} +7 -7
- package/dist/lib/browser/{react-surface-RIXD6RTS.mjs.map → react-surface-KTTAUHAA.mjs.map} +1 -1
- package/dist/lib/browser/types/index.mjs +2 -2
- package/dist/lib/node-esm/{ChessboardContainer-FCPUV2T2.mjs → ChessboardContainer-7OQ6TOKB.mjs} +29 -23
- package/dist/lib/node-esm/ChessboardContainer-7OQ6TOKB.mjs.map +7 -0
- package/dist/lib/node-esm/blueprint-definition-O7ZM3HUF.mjs +12 -0
- package/dist/lib/node-esm/blueprint-definition-O7ZM3HUF.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-F4C2HVZL.mjs +295 -0
- package/dist/lib/node-esm/chunk-F4C2HVZL.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-6OWCPDUA.mjs → chunk-KNOOJFIR.mjs} +5 -5
- package/dist/lib/node-esm/chunk-KNOOJFIR.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-LCCUF5X5.mjs → chunk-MP3A3AGA.mjs} +17 -12
- package/dist/lib/node-esm/chunk-MP3A3AGA.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-RTCAAOLF.mjs +170 -0
- package/dist/lib/node-esm/chunk-RTCAAOLF.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-42EKKMOO.mjs → chunk-VVXTAVIS.mjs} +2 -2
- package/dist/lib/node-esm/index.mjs +27 -19
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/{intent-resolver-G6XJAW6C.mjs → intent-resolver-HK5L6P6Z.mjs} +5 -5
- package/dist/lib/node-esm/{intent-resolver-G6XJAW6C.mjs.map → intent-resolver-HK5L6P6Z.mjs.map} +1 -1
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{react-surface-GGRDWZJT.mjs → react-surface-VO4PSY6O.mjs} +7 -7
- package/dist/lib/node-esm/{react-surface-GGRDWZJT.mjs.map → react-surface-VO4PSY6O.mjs.map} +1 -1
- package/dist/lib/node-esm/types/index.mjs +2 -2
- package/dist/types/src/ChessPlugin.d.ts +1 -1
- package/dist/types/src/ChessPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -1
- package/dist/types/src/capabilities/blueprint-definition.d.ts +4 -1
- package/dist/types/src/capabilities/blueprint-definition.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +3 -2
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/intent-resolver.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts +1 -1
- package/dist/types/src/components/Card.stories.d.ts +14 -41
- package/dist/types/src/components/Card.stories.d.ts.map +1 -1
- package/dist/types/src/components/Chessboard.d.ts +19 -13
- package/dist/types/src/components/Chessboard.d.ts.map +1 -1
- package/dist/types/src/components/Chessboard.stories.d.ts +41 -39
- package/dist/types/src/components/Chessboard.stories.d.ts.map +1 -1
- package/dist/types/src/components/ChessboardArticle.d.ts +2 -1
- package/dist/types/src/components/ChessboardArticle.d.ts.map +1 -1
- package/dist/types/src/components/{ChessboardInfo.d.ts → Info.d.ts} +7 -6
- package/dist/types/src/components/Info.d.ts.map +1 -0
- package/dist/types/src/functions/create.d.ts +14 -0
- package/dist/types/src/functions/create.d.ts.map +1 -0
- package/dist/types/src/functions/index.d.ts +1 -0
- package/dist/types/src/functions/index.d.ts.map +1 -1
- package/dist/types/src/functions/move.d.ts +3 -1
- package/dist/types/src/functions/move.d.ts.map +1 -1
- package/dist/types/src/functions/play.d.ts +2 -1
- package/dist/types/src/functions/play.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +0 -1
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +8 -6
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/Chess.d.ts +8 -5
- package/dist/types/src/types/Chess.d.ts.map +1 -1
- package/dist/types/src/types/ChessAction.d.ts +3 -2
- package/dist/types/src/types/ChessAction.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +42 -35
- package/src/ChessPlugin.tsx +47 -46
- package/src/capabilities/artifact-definition.ts +3 -2
- package/src/capabilities/blueprint-definition.ts +9 -7
- package/src/capabilities/index.ts +2 -0
- package/src/components/Card.stories.tsx +13 -15
- package/src/components/Chessboard.stories.tsx +13 -14
- package/src/components/Chessboard.tsx +104 -28
- package/src/components/ChessboardArticle.tsx +32 -21
- package/src/components/ChessboardContainer.tsx +1 -1
- package/src/components/Info.tsx +236 -0
- package/src/functions/create.ts +32 -0
- package/src/functions/index.ts +1 -0
- package/src/functions/move.ts +16 -14
- package/src/functions/play.ts +25 -15
- package/src/meta.ts +4 -4
- package/src/translations.ts +8 -6
- package/src/types/Chess.ts +23 -19
- package/src/types/ChessAction.ts +1 -1
- package/dist/lib/browser/ChessboardContainer-NNIOQIRP.mjs.map +0 -7
- package/dist/lib/browser/blueprint-definition-OJQYAZGZ.mjs +0 -38
- package/dist/lib/browser/blueprint-definition-OJQYAZGZ.mjs.map +0 -7
- package/dist/lib/browser/chunk-2W3S5N6C.mjs +0 -257
- package/dist/lib/browser/chunk-2W3S5N6C.mjs.map +0 -7
- package/dist/lib/browser/chunk-EJMPHRSR.mjs +0 -94
- package/dist/lib/browser/chunk-EJMPHRSR.mjs.map +0 -7
- package/dist/lib/browser/chunk-OBJAHY6H.mjs.map +0 -7
- package/dist/lib/browser/chunk-PE3IWOFR.mjs.map +0 -7
- package/dist/lib/node-esm/ChessboardContainer-FCPUV2T2.mjs.map +0 -7
- package/dist/lib/node-esm/blueprint-definition-F5SGHCDA.mjs +0 -39
- package/dist/lib/node-esm/blueprint-definition-F5SGHCDA.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-5APYXPBX.mjs +0 -95
- package/dist/lib/node-esm/chunk-5APYXPBX.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-6OWCPDUA.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-LCCUF5X5.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-QAGOXJGH.mjs +0 -258
- package/dist/lib/node-esm/chunk-QAGOXJGH.mjs.map +0 -7
- package/dist/types/src/components/ChessboardInfo.d.ts.map +0 -1
- package/dist/types/src/components/ChessboardPlayers.d.ts +0 -8
- package/dist/types/src/components/ChessboardPlayers.d.ts.map +0 -1
- package/src/components/ChessboardInfo.tsx +0 -140
- package/src/components/ChessboardPlayers.tsx +0 -97
- /package/dist/lib/browser/{chunk-PPBBLHAC.mjs.map → chunk-Q5TZCIH7.mjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-42EKKMOO.mjs.map → chunk-VVXTAVIS.mjs.map} +0 -0
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
Chess_exports
|
|
4
|
-
} from "./chunk-LCCUF5X5.mjs";
|
|
5
|
-
|
|
6
|
-
// src/functions/move.ts
|
|
7
|
-
import { Chess as ChessJS } from "chess.js";
|
|
8
|
-
import { Effect, Schema } from "effect";
|
|
9
|
-
import { ArtifactId } from "@dxos/assistant";
|
|
10
|
-
import { DatabaseService, defineFunction } from "@dxos/functions";
|
|
11
|
-
var move_default = defineFunction({
|
|
12
|
-
name: "dxos.org/function/chess/move",
|
|
13
|
-
description: "Makes a move in the given chess game.",
|
|
14
|
-
inputSchema: Schema.Struct({
|
|
15
|
-
id: ArtifactId.annotations({
|
|
16
|
-
description: "The ID of the chess object."
|
|
17
|
-
}),
|
|
18
|
-
move: Schema.String.annotations({
|
|
19
|
-
description: "The move to make in the chess game.",
|
|
20
|
-
examples: [
|
|
21
|
-
"e4",
|
|
22
|
-
"Bf3"
|
|
23
|
-
]
|
|
24
|
-
})
|
|
25
|
-
}),
|
|
26
|
-
outputSchema: Schema.Boolean.annotations({
|
|
27
|
-
description: "False if the move was invalid."
|
|
28
|
-
}),
|
|
29
|
-
handler: Effect.fn(function* ({ data: { id, move } }) {
|
|
30
|
-
const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess_exports.Game);
|
|
31
|
-
try {
|
|
32
|
-
const chess = new ChessJS();
|
|
33
|
-
chess.loadPgn(object.pgn);
|
|
34
|
-
chess.move(move, {
|
|
35
|
-
strict: false
|
|
36
|
-
});
|
|
37
|
-
object.pgn = chess.pgn();
|
|
38
|
-
return true;
|
|
39
|
-
} catch {
|
|
40
|
-
return false;
|
|
41
|
-
}
|
|
42
|
-
})
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
// src/functions/play.ts
|
|
46
|
-
import { Chess as ChessJS2 } from "chess.js";
|
|
47
|
-
import { Effect as Effect2, Schema as Schema2 } from "effect";
|
|
48
|
-
import { ArtifactId as ArtifactId2 } from "@dxos/assistant";
|
|
49
|
-
import { DatabaseService as DatabaseService2, defineFunction as defineFunction2 } from "@dxos/functions";
|
|
50
|
-
import { log } from "@dxos/log";
|
|
51
|
-
var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-chess/src/functions/play.ts";
|
|
52
|
-
var play_default = defineFunction2({
|
|
53
|
-
name: "dxos.org/function/chess/play",
|
|
54
|
-
description: "Uses the chess engine to play the next move in the given game.",
|
|
55
|
-
inputSchema: Schema2.Struct({
|
|
56
|
-
id: ArtifactId2.annotations({
|
|
57
|
-
description: "The ID of the chess object."
|
|
58
|
-
})
|
|
59
|
-
}),
|
|
60
|
-
outputSchema: Schema2.Struct({
|
|
61
|
-
move: Schema2.optional(Schema2.String).annotations({
|
|
62
|
-
description: "The move that was played."
|
|
63
|
-
}),
|
|
64
|
-
pgn: Schema2.String.annotations({
|
|
65
|
-
description: "The PGN of the game after the move was played."
|
|
66
|
-
})
|
|
67
|
-
}),
|
|
68
|
-
handler: Effect2.fn(function* ({ data: { id } }) {
|
|
69
|
-
const object = yield* DatabaseService2.resolve(ArtifactId2.toDXN(id), Chess_exports.Game);
|
|
70
|
-
const chess = new ChessJS2();
|
|
71
|
-
chess.loadPgn(object.pgn);
|
|
72
|
-
const moves = chess.moves();
|
|
73
|
-
const move = moves[Math.floor(Math.random() * moves.length)];
|
|
74
|
-
log.info("move", {
|
|
75
|
-
move
|
|
76
|
-
}, {
|
|
77
|
-
F: __dxlog_file,
|
|
78
|
-
L: 38,
|
|
79
|
-
S: this,
|
|
80
|
-
C: (f, a) => f(...a)
|
|
81
|
-
});
|
|
82
|
-
chess.move(move);
|
|
83
|
-
object.pgn = chess.pgn();
|
|
84
|
-
return {
|
|
85
|
-
move,
|
|
86
|
-
pgn: chess.pgn()
|
|
87
|
-
};
|
|
88
|
-
})
|
|
89
|
-
});
|
|
90
|
-
|
|
91
|
-
export {
|
|
92
|
-
move_default,
|
|
93
|
-
play_default
|
|
94
|
-
};
|
|
95
|
-
//# sourceMappingURL=chunk-5APYXPBX.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/functions/move.ts", "../../../src/functions/play.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport { Effect, Schema } from 'effect';\n\nimport { ArtifactId } from '@dxos/assistant';\nimport { DatabaseService, defineFunction } from '@dxos/functions';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n name: 'dxos.org/function/chess/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.Boolean.annotations({\n description: 'False if the move was invalid.',\n }),\n handler: Effect.fn(function* ({ data: { id, move } }) {\n const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess.Game);\n\n // TODO(burdon): Avoid using try/catch inside Effect generators.\n // Use Effect's error handling mechanisms instead (e.g., Effect.try, Effect.tryPromise, Effect.catchAll, Effect.catchTag)\n try {\n const chess = new ChessJS();\n chess.loadPgn(object.pgn);\n chess.move(move, { strict: false });\n object.pgn = chess.pgn();\n return true;\n } catch {\n return false;\n }\n }),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Chess as ChessJS } from 'chess.js';\nimport { Effect, Schema } from 'effect';\n\nimport { ArtifactId } from '@dxos/assistant';\nimport { DatabaseService, defineFunction } from '@dxos/functions';\nimport { log } from '@dxos/log';\n\nimport { Chess } from '../types';\n\nexport default defineFunction({\n name: 'dxos.org/function/chess/play',\n description: 'Uses the chess engine to play the next move in the given game.',\n inputSchema: Schema.Struct({\n id: ArtifactId.annotations({\n description: 'The ID of the chess object.',\n }),\n }),\n outputSchema: Schema.Struct({\n move: Schema.optional(Schema.String).annotations({\n description: 'The move that was played.',\n }),\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 } }) {\n const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess.Game);\n\n // Create game and make move.\n const chess = new ChessJS();\n chess.loadPgn(object.pgn);\n const moves = chess.moves();\n const move = moves[Math.floor(Math.random() * moves.length)];\n log.info('move', { move });\n chess.move(move);\n\n // Update the game state.\n object.pgn = chess.pgn();\n return { move, pgn: chess.pgn() };\n }),\n});\n"],
|
|
5
|
-
"mappings": ";;;;;;AAIA,SAASA,SAASC,eAAe;AACjC,SAASC,QAAQC,cAAc;AAE/B,SAASC,kBAAkB;AAC3B,SAASC,iBAAiBC,sBAAsB;AAIhD,IAAA,eAAeC,eAAe;EAC5BC,MAAM;EACNC,aAAa;EACbC,aAAaC,OAAOC,OAAO;IACzBC,IAAIC,WAAWC,YAAY;MACzBN,aAAa;IACf,CAAA;IACAO,MAAML,OAAOM,OAAOF,YAAY;MAC9BN,aAAa;MACbS,UAAU;QAAC;QAAM;;IACnB,CAAA;EACF,CAAA;EACAC,cAAcR,OAAOS,QAAQL,YAAY;IACvCN,aAAa;EACf,CAAA;EACAY,SAASC,OAAOC,GAAG,WAAW,EAAEC,MAAM,EAAEX,IAAIG,KAAI,EAAE,GAAE;AAClD,UAAMS,SAAS,OAAOC,gBAAgBC,QAAQb,WAAWc,MAAMf,EAAAA,GAAKgB,cAAMC,IAAI;AAI9E,QAAI;AACF,YAAMC,QAAQ,IAAIC,QAAAA;AAClBD,YAAME,QAAQR,OAAOS,GAAG;AACxBH,YAAMf,KAAKA,MAAM;QAAEmB,QAAQ;MAAM,CAAA;AACjCV,aAAOS,MAAMH,MAAMG,IAAG;AACtB,aAAO;IACT,QAAQ;AACN,aAAO;IACT;EACF,CAAA;AACF,CAAA;;;ACtCA,SAASE,SAASC,gBAAe;AACjC,SAASC,UAAAA,SAAQC,UAAAA,eAAc;AAE/B,SAASC,cAAAA,mBAAkB;AAC3B,SAASC,mBAAAA,kBAAiBC,kBAAAA,uBAAsB;AAChD,SAASC,WAAW;;AAIpB,IAAA,eAAeC,gBAAe;EAC5BC,MAAM;EACNC,aAAa;EACbC,aAAaC,QAAOC,OAAO;IACzBC,IAAIC,YAAWC,YAAY;MACzBN,aAAa;IACf,CAAA;EACF,CAAA;EACAO,cAAcL,QAAOC,OAAO;IAC1BK,MAAMN,QAAOO,SAASP,QAAOQ,MAAM,EAAEJ,YAAY;MAC/CN,aAAa;IACf,CAAA;IACAW,KAAKT,QAAOQ,OAAOJ,YAAY;MAC7BN,aAAa;IACf,CAAA;EACF,CAAA;EACAY,SAASC,QAAOC,GAAG,WAAW,EAAEC,MAAM,EAAEX,GAAE,EAAE,GAAE;AAC5C,UAAMY,SAAS,OAAOC,iBAAgBC,QAAQb,YAAWc,MAAMf,EAAAA,GAAKgB,cAAMC,IAAI;AAG9E,UAAMC,QAAQ,IAAIC,SAAAA;AAClBD,UAAME,QAAQR,OAAOL,GAAG;AACxB,UAAMc,QAAQH,MAAMG,MAAK;AACzB,UAAMjB,OAAOiB,MAAMC,KAAKC,MAAMD,KAAKE,OAAM,IAAKH,MAAMI,MAAM,CAAA;AAC1DC,QAAIC,KAAK,QAAQ;MAAEvB;IAAK,GAAA;;;;;;AACxBc,UAAMd,KAAKA,IAAAA;AAGXQ,WAAOL,MAAMW,MAAMX,IAAG;AACtB,WAAO;MAAEH;MAAMG,KAAKW,MAAMX,IAAG;IAAG;EAClC,CAAA;AACF,CAAA;",
|
|
6
|
-
"names": ["Chess", "ChessJS", "Effect", "Schema", "ArtifactId", "DatabaseService", "defineFunction", "defineFunction", "name", "description", "inputSchema", "Schema", "Struct", "id", "ArtifactId", "annotations", "move", "String", "examples", "outputSchema", "Boolean", "handler", "Effect", "fn", "data", "object", "DatabaseService", "resolve", "toDXN", "Chess", "Game", "chess", "ChessJS", "loadPgn", "pgn", "strict", "Chess", "ChessJS", "Effect", "Schema", "ArtifactId", "DatabaseService", "defineFunction", "log", "defineFunction", "name", "description", "inputSchema", "Schema", "Struct", "id", "ArtifactId", "annotations", "outputSchema", "move", "optional", "String", "pgn", "handler", "Effect", "fn", "data", "object", "DatabaseService", "resolve", "toDXN", "Chess", "Game", "chess", "ChessJS", "loadPgn", "moves", "Math", "floor", "random", "length", "log", "info"]
|
|
7
|
-
}
|
|
@@ -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 CHESS_PLUGIN = 'dxos.org/plugin/chess';\n\nexport const meta: PluginMeta = {\n id: CHESS_PLUGIN,\n name: 'Chess',\n description: trim`\n Play chess with friends or practice with the AI.\n `,\n icon: 'ph--shield-chevron--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-chess',\n screenshots: ['https://dxos.network/plugin-details-chess-dark.png'],\n};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;AAKA,SAASA,YAAY;AAEd,IAAMC,eAAe;AAErB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,aAAaC;;;EAGbC,MAAM;EACNC,QAAQ;EACRC,aAAa;IAAC;;AAChB;",
|
|
6
|
-
"names": ["trim", "CHESS_PLUGIN", "meta", "id", "name", "description", "trim", "icon", "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 { Schema } from 'effect';\n\nimport { Obj, Type } from '@dxos/echo';\nimport { LabelAnnotation } from '@dxos/echo-schema';\nimport { log } from '@dxos/log';\n\nexport const Game = Schema.Struct({\n name: Schema.optional(Schema.String),\n players: Schema.optional(\n Schema.Struct({\n white: Schema.optional(\n Schema.String.annotations({\n description: 'DID of white player',\n }),\n ),\n black: Schema.optional(\n Schema.String.annotations({\n description: 'DID of black player',\n }),\n ),\n }).pipe(Schema.mutable),\n ),\n pgn: Schema.String.annotations({\n description: 'Portable Game Notation.',\n }),\n}).pipe(\n Type.Obj({\n typename: 'dxos.org/type/Chess',\n version: '0.2.0',\n }),\n LabelAnnotation.set(['name']),\n);\n\nexport interface Game extends Schema.Schema.Type<typeof Game> {}\n\nexport const makeGame = ({ name, pgn }: { name?: string; pgn?: 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: chess.pgn(),\n });\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { meta } from '../meta';\n\nimport { Game } from './Chess';\n\nexport class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n input: Schema.Struct({\n name: Schema.optional(Schema.String),\n pgn: Schema.optional(Schema.String),\n }),\n output: Schema.Struct({\n object: Game,\n }),\n}) {}\n"],
|
|
5
|
-
"mappings": ";;;;;;;AAAA;;;;;AAIA,SAASA,SAASC,eAAe;AACjC,SAASC,cAAc;AAEvB,SAASC,KAAKC,YAAY;AAC1B,SAASC,uBAAuB;AAChC,SAASC,WAAW;;AAEb,IAAMC,OAAOL,OAAOM,OAAO;EAChCC,MAAMP,OAAOQ,SAASR,OAAOS,MAAM;EACnCC,SAASV,OAAOQ,SACdR,OAAOM,OAAO;IACZK,OAAOX,OAAOQ,SACZR,OAAOS,OAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;IAEFC,OAAOd,OAAOQ,SACZR,OAAOS,OAAOG,YAAY;MACxBC,aAAa;IACf,CAAA,CAAA;EAEJ,CAAA,EAAGE,KAAKf,OAAOgB,OAAO,CAAA;EAExBC,KAAKjB,OAAOS,OAAOG,YAAY;IAC7BC,aAAa;EACf,CAAA;AACF,CAAA,EAAGE,KACDb,KAAKD,IAAI;EACPiB,UAAU;EACVC,SAAS;AACX,CAAA,GACAhB,gBAAgBiB,IAAI;EAAC;CAAO,CAAA;AAKvB,IAAMC,WAAW,CAAC,EAAEd,MAAMU,IAAG,IAAsC,CAAC,MAAC;AAC1E,QAAMK,QAAQ,IAAIvB,QAAAA;AAClB,MAAIkB,KAAK;AACP,QAAI;AACFK,YAAMC,QAAQN,GAAAA;IAChB,QAAQ;AACNb,UAAIoB,KAAKP,KAAAA,QAAAA;;;;;;IACX;EACF;AAEA,SAAOhB,IAAIwB,KAAKpB,MAAM;IACpBE;IACAG,SAAS,CAAC;IACVO,KAAKK,MAAML,IAAG;EAChB,CAAA;AACF;;;ACvDA;;;;AAIA,SAASS,UAAAA,eAAc;AAMhB,IAAMC,SAAN,cAAqBC,QAAOC,YAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAOJ,QAAOK,OAAO;IACnBC,MAAMN,QAAOO,SAASP,QAAOQ,MAAM;IACnCC,KAAKT,QAAOO,SAASP,QAAOQ,MAAM;EACpC,CAAA;EACAE,QAAQV,QAAOK,OAAO;IACpBM,QAAQC;EACV,CAAA;AACF,CAAA,EAAA;AAAI;",
|
|
6
|
-
"names": ["Chess", "ChessJS", "Schema", "Obj", "Type", "LabelAnnotation", "log", "Game", "Struct", "name", "optional", "String", "players", "white", "annotations", "description", "black", "pipe", "mutable", "pgn", "typename", "version", "set", "makeGame", "chess", "loadPgn", "warn", "make", "Schema", "Create", "Schema", "TaggedClass", "meta", "id", "input", "Struct", "name", "optional", "String", "pgn", "output", "object", "Game"]
|
|
7
|
-
}
|
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
meta
|
|
4
|
-
} from "./chunk-6OWCPDUA.mjs";
|
|
5
|
-
|
|
6
|
-
// src/components/Chessboard.tsx
|
|
7
|
-
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
8
|
-
import React3, { useCallback, useEffect as useEffect2, useMemo as useMemo2 } from "react";
|
|
9
|
-
import { log } from "@dxos/log";
|
|
10
|
-
import { ChessModel, Gameboard, Chessboard as NativeChessboard } from "@dxos/react-ui-gameboard";
|
|
11
|
-
import { mx as mx3 } from "@dxos/react-ui-theme";
|
|
12
|
-
|
|
13
|
-
// src/components/ChessboardInfo.tsx
|
|
14
|
-
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
15
|
-
import React, { useEffect, useMemo, useRef } from "react";
|
|
16
|
-
import { Icon, IconButton, useTranslation } from "@dxos/react-ui";
|
|
17
|
-
import { useGameboardContext } from "@dxos/react-ui-gameboard";
|
|
18
|
-
import { mx } from "@dxos/react-ui-theme";
|
|
19
|
-
var ChessboardInfo = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
|
|
20
|
-
var _effect = _useSignals();
|
|
21
|
-
try {
|
|
22
|
-
const { t } = useTranslation(meta.id);
|
|
23
|
-
const { model } = useGameboardContext(ChessboardInfo.displayName);
|
|
24
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
25
|
-
className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[16rem] overflow-hidden bg-inputSurface p-2 rounded", classNames)
|
|
26
|
-
}, /* @__PURE__ */ React.createElement(PlayerIndicator, {
|
|
27
|
-
model,
|
|
28
|
-
player: orientation === "white" ? "black" : "white",
|
|
29
|
-
title: model.object.players?.[orientation === "white" ? "black" : "white"]
|
|
30
|
-
}, onClose && /* @__PURE__ */ React.createElement(IconButton, {
|
|
31
|
-
icon: "ph--x--regular",
|
|
32
|
-
iconOnly: true,
|
|
33
|
-
label: t("button flip"),
|
|
34
|
-
size: 4,
|
|
35
|
-
onClick: onClose
|
|
36
|
-
})), /* @__PURE__ */ React.createElement(History, {
|
|
37
|
-
model,
|
|
38
|
-
...props
|
|
39
|
-
}), /* @__PURE__ */ React.createElement(PlayerIndicator, {
|
|
40
|
-
model,
|
|
41
|
-
player: orientation,
|
|
42
|
-
title: model.object.players?.[orientation]
|
|
43
|
-
}, onOrientationChange && /* @__PURE__ */ React.createElement(IconButton, {
|
|
44
|
-
icon: "ph--arrows-down-up--regular",
|
|
45
|
-
iconOnly: true,
|
|
46
|
-
label: t("button flip"),
|
|
47
|
-
size: 6,
|
|
48
|
-
classNames: mx("transition duration-200 ease-linear", orientation === "white" && "rotate-180"),
|
|
49
|
-
onClick: () => onOrientationChange(orientation === "white" ? "black" : "white")
|
|
50
|
-
})));
|
|
51
|
-
} finally {
|
|
52
|
-
_effect.f();
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
ChessboardInfo.displayName = "Chessboard.Info";
|
|
56
|
-
var History = ({ classNames, model, min, max }) => {
|
|
57
|
-
var _effect = _useSignals();
|
|
58
|
-
try {
|
|
59
|
-
const { t } = useTranslation(meta.id);
|
|
60
|
-
const label = model.game.isGameOver() ? model.game.isCheckmate() ? t("game.checkmate") : model.game.isStalemate() ? t("game.stalemate") : t("game.draw") : model.game.isCheck() ? t("game.check") : void 0;
|
|
61
|
-
const history = model.game.history();
|
|
62
|
-
const moves = useMemo(() => history.reduce((acc, move, index) => {
|
|
63
|
-
if (index % 2 === 0) {
|
|
64
|
-
acc.push([
|
|
65
|
-
move
|
|
66
|
-
]);
|
|
67
|
-
} else {
|
|
68
|
-
acc[acc.length - 1].push(move);
|
|
69
|
-
}
|
|
70
|
-
return acc;
|
|
71
|
-
}, []), [
|
|
72
|
-
history.length
|
|
73
|
-
]);
|
|
74
|
-
const scrollerRef = useRef(null);
|
|
75
|
-
useEffect(() => {
|
|
76
|
-
scrollerRef.current?.scrollTo({
|
|
77
|
-
top: scrollerRef.current.scrollHeight
|
|
78
|
-
});
|
|
79
|
-
}, [
|
|
80
|
-
history.length
|
|
81
|
-
]);
|
|
82
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
83
|
-
ref: scrollerRef,
|
|
84
|
-
className: mx("overflow-y-scroll", classNames),
|
|
85
|
-
style: {
|
|
86
|
-
minHeight: min === void 0 ? "auto" : `${min * 24}px`,
|
|
87
|
-
maxHeight: max === void 0 ? "auto" : `${max * 24}px`
|
|
88
|
-
}
|
|
89
|
-
}, moves.map(([a, b], index) => /* @__PURE__ */ React.createElement("div", {
|
|
90
|
-
key: index,
|
|
91
|
-
className: "grid grid-cols-[3rem_1fr_1fr] pis-4 leading-1"
|
|
92
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
93
|
-
className: "content-center text-xs text-subdued"
|
|
94
|
-
}, index + 1), /* @__PURE__ */ React.createElement("div", null, a), /* @__PURE__ */ React.createElement("div", null, b))), label && /* @__PURE__ */ React.createElement("div", {
|
|
95
|
-
className: "text-center"
|
|
96
|
-
}, label));
|
|
97
|
-
} finally {
|
|
98
|
-
_effect.f();
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
var PlayerIndicator = ({ children, model, player, title }) => {
|
|
102
|
-
var _effect = _useSignals();
|
|
103
|
-
try {
|
|
104
|
-
const turn = player === (model.game.turn() === "w" ? "white" : "black");
|
|
105
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
106
|
-
className: "grid grid-cols-[2rem_1fr_2rem] gap-1 bs-[--rail-size] pis-1 pie-1 flex items-center overflow-hidden"
|
|
107
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
108
|
-
className: "place-items-center"
|
|
109
|
-
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
110
|
-
icon: turn ? "ph--circle--fill" : "ph--circle--thin",
|
|
111
|
-
size: 6,
|
|
112
|
-
classNames: mx(turn && (model.game.isCheckmate() ? "text-red-500" : "text-green-500"))
|
|
113
|
-
})), /* @__PURE__ */ React.createElement("div", {
|
|
114
|
-
className: "truncate"
|
|
115
|
-
}, title), children);
|
|
116
|
-
} finally {
|
|
117
|
-
_effect.f();
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
// src/components/ChessboardPlayers.tsx
|
|
122
|
-
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
123
|
-
import React2 from "react";
|
|
124
|
-
import { generateName } from "@dxos/display-name";
|
|
125
|
-
import { getSpace, useMembers } from "@dxos/react-client/echo";
|
|
126
|
-
import { Icon as Icon2, Input, Select, useThemeContext } from "@dxos/react-ui";
|
|
127
|
-
import { useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
|
|
128
|
-
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
129
|
-
var ChessboardPlayers = ({ classNames, children }) => {
|
|
130
|
-
var _effect = _useSignals2();
|
|
131
|
-
try {
|
|
132
|
-
const { model } = useGameboardContext2(ChessboardPlayers.displayName);
|
|
133
|
-
const members = useMembers(getSpace(model.object)?.key);
|
|
134
|
-
const players = model.object.players;
|
|
135
|
-
if (!players) {
|
|
136
|
-
return null;
|
|
137
|
-
}
|
|
138
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
139
|
-
role: "none",
|
|
140
|
-
className: mx2("grid grid-cols-[1fr_min-content_1fr] pis-2 pie-2 overflow-hidden", classNames)
|
|
141
|
-
}, /* @__PURE__ */ React2.createElement("div", {
|
|
142
|
-
role: "none",
|
|
143
|
-
className: "flex flex-row-reverse items-center gap-2"
|
|
144
|
-
}, /* @__PURE__ */ React2.createElement(PlayerSelect, {
|
|
145
|
-
side: "white",
|
|
146
|
-
value: players.white,
|
|
147
|
-
onValueChange: (player) => players.white = player,
|
|
148
|
-
members
|
|
149
|
-
})), /* @__PURE__ */ React2.createElement("div", {
|
|
150
|
-
className: "flex flex-row justify-center items-center"
|
|
151
|
-
}, children), /* @__PURE__ */ React2.createElement("div", {
|
|
152
|
-
role: "none",
|
|
153
|
-
className: "flex flex-row items-center gap-2"
|
|
154
|
-
}, /* @__PURE__ */ React2.createElement(PlayerSelect, {
|
|
155
|
-
side: "black",
|
|
156
|
-
value: players.black,
|
|
157
|
-
onValueChange: (player) => players.black = player,
|
|
158
|
-
members
|
|
159
|
-
})));
|
|
160
|
-
} finally {
|
|
161
|
-
_effect.f();
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
ChessboardPlayers.displayName = "Chessboard.Players";
|
|
165
|
-
var PlayerSelect = ({ side, value, onValueChange, members }) => {
|
|
166
|
-
var _effect = _useSignals2();
|
|
167
|
-
try {
|
|
168
|
-
const { themeMode } = useThemeContext();
|
|
169
|
-
const iconFillMode = side === "black" && themeMode === "light" || side === "white" && themeMode === "dark" ? "fill" : void 0;
|
|
170
|
-
return /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.Label, null, /* @__PURE__ */ React2.createElement(Icon2, {
|
|
171
|
-
"aria-label": `Chess icon for side ${side}`,
|
|
172
|
-
icon: `ph--crown-cross--${iconFillMode || "regular"}`,
|
|
173
|
-
size: 6
|
|
174
|
-
})), /* @__PURE__ */ React2.createElement(Select.Root, {
|
|
175
|
-
value,
|
|
176
|
-
onValueChange
|
|
177
|
-
}, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
|
|
178
|
-
placeholder: "Select player"
|
|
179
|
-
}), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, members.map((member) => {
|
|
180
|
-
const memberKey = member.identity.identityKey.toHex();
|
|
181
|
-
const displayName = member.identity?.profile?.displayName || generateName(memberKey);
|
|
182
|
-
return /* @__PURE__ */ React2.createElement(Select.Option, {
|
|
183
|
-
key: memberKey,
|
|
184
|
-
value: memberKey
|
|
185
|
-
}, displayName);
|
|
186
|
-
}))))));
|
|
187
|
-
} finally {
|
|
188
|
-
_effect.f();
|
|
189
|
-
}
|
|
190
|
-
};
|
|
191
|
-
|
|
192
|
-
// src/components/Chessboard.tsx
|
|
193
|
-
var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-chess/src/components/Chessboard.tsx";
|
|
194
|
-
var ExtendedChessModel = class extends ChessModel {
|
|
195
|
-
object;
|
|
196
|
-
constructor(object) {
|
|
197
|
-
super(), this.object = object;
|
|
198
|
-
}
|
|
199
|
-
};
|
|
200
|
-
var ChessboardRoot = ({ game, children }) => {
|
|
201
|
-
var _effect = _useSignals3();
|
|
202
|
-
try {
|
|
203
|
-
const model = useMemo2(() => new ExtendedChessModel(game), []);
|
|
204
|
-
useEffect2(() => {
|
|
205
|
-
model.update(game.pgn);
|
|
206
|
-
log("update", {
|
|
207
|
-
pgn: game.pgn
|
|
208
|
-
}, {
|
|
209
|
-
F: __dxlog_file,
|
|
210
|
-
L: 41,
|
|
211
|
-
S: void 0,
|
|
212
|
-
C: (f, a) => f(...a)
|
|
213
|
-
});
|
|
214
|
-
}, [
|
|
215
|
-
game.pgn
|
|
216
|
-
]);
|
|
217
|
-
const handleDrop = useCallback((move) => {
|
|
218
|
-
if (model.makeMove(move)) {
|
|
219
|
-
game.pgn = model.pgn;
|
|
220
|
-
return true;
|
|
221
|
-
}
|
|
222
|
-
return false;
|
|
223
|
-
}, [
|
|
224
|
-
model
|
|
225
|
-
]);
|
|
226
|
-
return /* @__PURE__ */ React3.createElement(Gameboard.Root, {
|
|
227
|
-
model,
|
|
228
|
-
onDrop: handleDrop
|
|
229
|
-
}, children);
|
|
230
|
-
} finally {
|
|
231
|
-
_effect.f();
|
|
232
|
-
}
|
|
233
|
-
};
|
|
234
|
-
var ChessboardContent = ({ classNames, children, role }) => {
|
|
235
|
-
var _effect = _useSignals3();
|
|
236
|
-
try {
|
|
237
|
-
return /* @__PURE__ */ React3.createElement(Gameboard.Content, {
|
|
238
|
-
classNames: mx3(classNames, role === "card--popover" && "size-container popover-square"),
|
|
239
|
-
grow: !role || role === "card--extrinsic",
|
|
240
|
-
contain: !role || role === "card--extrinsic" || role === "card--popover"
|
|
241
|
-
}, children);
|
|
242
|
-
} finally {
|
|
243
|
-
_effect.f();
|
|
244
|
-
}
|
|
245
|
-
};
|
|
246
|
-
var Chessboard = {
|
|
247
|
-
Root: ChessboardRoot,
|
|
248
|
-
Content: ChessboardContent,
|
|
249
|
-
Board: NativeChessboard,
|
|
250
|
-
Info: ChessboardInfo,
|
|
251
|
-
Players: ChessboardPlayers
|
|
252
|
-
};
|
|
253
|
-
|
|
254
|
-
export {
|
|
255
|
-
ExtendedChessModel,
|
|
256
|
-
Chessboard
|
|
257
|
-
};
|
|
258
|
-
//# sourceMappingURL=chunk-QAGOXJGH.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/Chessboard.tsx", "../../../src/components/ChessboardInfo.tsx", "../../../src/components/ChessboardPlayers.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren, useCallback, useEffect, useMemo } from 'react';\n\nimport { log } from '@dxos/log';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport {\n ChessModel,\n Gameboard,\n type GameboardRootProps,\n Chessboard as NativeChessboard,\n type ChessboardProps as NativeChessboardProps,\n} from '@dxos/react-ui-gameboard';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type Chess } from '../types';\n\nimport { ChessboardInfo, type ChessboardInfoProps } from './ChessboardInfo';\nimport { ChessboardPlayers, type ChessboardPlayersProps } from './ChessboardPlayers';\n\nexport class ExtendedChessModel extends ChessModel {\n constructor(readonly object: Chess.Game) {\n super();\n }\n}\n\n//\n// Root\n//\n\ntype ChessboardRootProps = PropsWithChildren<{\n game: Chess.Game;\n}>;\n\nconst ChessboardRoot = ({ game, children }: ChessboardRootProps) => {\n const model = useMemo(() => new ExtendedChessModel(game), []);\n useEffect(() => {\n model.update(game.pgn);\n log('update', { pgn: game.pgn });\n }, [game.pgn]);\n\n const handleDrop = useCallback<NonNullable<GameboardRootProps<ChessModel>['onDrop']>>(\n (move) => {\n if (model.makeMove(move)) {\n game.pgn = model.pgn;\n return true;\n }\n\n return false;\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 ChessboardContentProps = ThemedClassName<PropsWithChildren<{ role?: Role }>>;\n\nconst ChessboardContent = ({ classNames, children, role }: ChessboardContentProps) => {\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// Chessboard\n//\n\nexport const Chessboard = {\n Root: ChessboardRoot,\n Content: ChessboardContent,\n Board: NativeChessboard,\n Info: ChessboardInfo,\n Players: ChessboardPlayers,\n};\n\nexport type {\n ChessboardRootProps,\n ChessboardContentProps,\n NativeChessboardProps as ChessboardBoardProps,\n ChessboardInfoProps,\n ChessboardPlayersProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type PropsWithChildren, useEffect, useMemo, useRef } from 'react';\n\nimport { Icon, IconButton, 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 ChessboardInfoProps = ThemedClassName<\n {\n orientation?: Player;\n onOrientationChange?: (orientation: Player) => void;\n onClose?: () => void;\n } & Pick<HistoryProps, 'min' | 'max'>\n>;\n\nexport const ChessboardInfo = ({\n classNames,\n orientation = 'white',\n onOrientationChange,\n onClose,\n ...props\n}: ChessboardInfoProps) => {\n const { t } = useTranslation(meta.id);\n const { model } = useGameboardContext<ExtendedChessModel>(ChessboardInfo.displayName);\n\n return (\n <div\n className={mx(\n 'grid grid-rows-[min-content_1fr_min-content] is-full min-is-[16rem] overflow-hidden bg-inputSurface p-2 rounded',\n classNames,\n )}\n >\n <PlayerIndicator\n model={model}\n player={orientation === 'white' ? 'black' : 'white'}\n title={model.object.players?.[orientation === 'white' ? 'black' : 'white']}\n >\n {onClose && <IconButton icon='ph--x--regular' iconOnly label={t('button flip')} size={4} onClick={onClose} />}\n </PlayerIndicator>\n <History model={model} {...props} />\n <PlayerIndicator model={model} player={orientation} title={model.object.players?.[orientation]}>\n {onOrientationChange && (\n <IconButton\n icon='ph--arrows-down-up--regular'\n iconOnly\n label={t('button flip')}\n size={6}\n classNames={mx('transition duration-200 ease-linear', orientation === 'white' && 'rotate-180')}\n onClick={() => onOrientationChange(orientation === 'white' ? 'black' : 'white')}\n />\n )}\n </PlayerIndicator>\n </div>\n );\n};\n\nChessboardInfo.displayName = 'Chessboard.Info';\n\ntype HistoryProps = ThemedClassName<{ model: ExtendedChessModel; min?: number; max?: number }>;\n\nconst History = ({ classNames, model, min, max }: HistoryProps) => {\n const { t } = useTranslation(meta.id);\n const label = model.game.isGameOver()\n ? model.game.isCheckmate()\n ? t('game.checkmate')\n : model.game.isStalemate()\n ? t('game.stalemate')\n : t('game.draw')\n : model.game.isCheck()\n ? t('game.check')\n : undefined;\n\n const history = model.game.history();\n const moves = useMemo(\n () =>\n history.reduce((acc, move, index) => {\n if (index % 2 === 0) {\n acc.push([move]);\n } else {\n acc[acc.length - 1].push(move);\n }\n return acc;\n }, [] as string[][]),\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 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] pis-4 leading-1'>\n <div className='content-center text-xs text-subdued'>{index + 1}</div>\n <div>{a}</div>\n <div>{b}</div>\n </div>\n ))}\n {label && <div className='text-center'>{label}</div>}\n </div>\n );\n};\n\nconst PlayerIndicator = ({\n children,\n model,\n player,\n title,\n}: PropsWithChildren<{ model: ExtendedChessModel; player: Player; title?: string }>) => {\n const turn = player === (model.game.turn() === 'w' ? 'white' : 'black');\n return (\n <div className='grid grid-cols-[2rem_1fr_2rem] gap-1 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'>{title}</div>\n {children}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren } from 'react';\n\nimport { generateName } from '@dxos/display-name';\nimport { type SpaceMember, getSpace, useMembers } from '@dxos/react-client/echo';\nimport { Icon, Input, Select, useThemeContext } from '@dxos/react-ui';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useGameboardContext } from '@dxos/react-ui-gameboard';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type Chess } from '../types';\n\nimport { type ExtendedChessModel } from './Chessboard';\n\nexport type ChessboardPlayersProps = ThemedClassName<PropsWithChildren>;\n\nexport const ChessboardPlayers = ({ classNames, children }: ChessboardPlayersProps) => {\n const { model } = useGameboardContext<ExtendedChessModel>(ChessboardPlayers.displayName);\n const members = useMembers(getSpace(model.object)?.key);\n const players: Chess.Game['players'] = model.object.players;\n if (!players) {\n return null;\n }\n\n return (\n <div role='none' className={mx('grid grid-cols-[1fr_min-content_1fr] pis-2 pie-2 overflow-hidden', classNames)}>\n <div role='none' className='flex flex-row-reverse items-center gap-2'>\n <PlayerSelect\n side='white'\n value={players.white}\n onValueChange={(player) => (players.white = player)}\n members={members}\n />\n </div>\n <div className='flex flex-row justify-center items-center'>{children}</div>\n <div role='none' className='flex flex-row items-center gap-2'>\n <PlayerSelect\n side='black'\n value={players.black}\n onValueChange={(player) => (players.black = player)}\n members={members}\n />\n </div>\n </div>\n );\n};\n\nChessboardPlayers.displayName = 'Chessboard.Players';\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 <Icon\n aria-label={`Chess icon for side ${side}`}\n icon={`ph--crown-cross--${iconFillMode || 'regular'}`}\n size={6}\n />\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": "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",
|
|
6
|
-
"names": ["React", "useCallback", "useEffect", "useMemo", "log", "ChessModel", "Gameboard", "Chessboard", "NativeChessboard", "mx", "React", "useEffect", "useMemo", "useRef", "Icon", "IconButton", "useTranslation", "useGameboardContext", "mx", "ChessboardInfo", "classNames", "orientation", "onOrientationChange", "onClose", "props", "t", "useTranslation", "meta", "id", "model", "useGameboardContext", "displayName", "div", "className", "mx", "PlayerIndicator", "player", "title", "object", "players", "IconButton", "icon", "iconOnly", "label", "size", "onClick", "History", "min", "max", "game", "isGameOver", "isCheckmate", "isStalemate", "isCheck", "undefined", "history", "moves", "useMemo", "reduce", "acc", "move", "index", "push", "length", "scrollerRef", "useRef", "useEffect", "current", "scrollTo", "top", "scrollHeight", "ref", "style", "minHeight", "maxHeight", "map", "a", "b", "key", "children", "turn", "Icon", "React", "generateName", "getSpace", "useMembers", "Icon", "Input", "Select", "useThemeContext", "useGameboardContext", "mx", "ChessboardPlayers", "classNames", "children", "model", "useGameboardContext", "displayName", "members", "useMembers", "getSpace", "object", "key", "players", "React", "div", "role", "className", "mx", "PlayerSelect", "side", "value", "white", "onValueChange", "player", "black", "themeMode", "useThemeContext", "iconFillMode", "undefined", "Input", "Root", "Label", "Icon", "aria-label", "icon", "size", "Select", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "map", "member", "memberKey", "identity", "identityKey", "toHex", "profile", "generateName", "Option", "ExtendedChessModel", "ChessModel", "object", "ChessboardRoot", "game", "children", "model", "useMemo", "useEffect", "update", "pgn", "log", "handleDrop", "useCallback", "move", "makeMove", "React", "Gameboard", "Root", "onDrop", "ChessboardContent", "classNames", "role", "Content", "mx", "grow", "contain", "Chessboard", "Board", "NativeChessboard", "Info", "ChessboardInfo", "Players", "ChessboardPlayers"]
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChessboardInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/ChessboardInfo.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAoB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAE,KAAK,MAAM,EAAuB,MAAM,0BAA0B,CAAC;AAK5E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAC/C;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,KAAK,CAAC,CACtC,CAAC;AAEF,eAAO,MAAM,cAAc;0EAMxB,mBAAmB;;CAiCrB,CAAC;AAIF,KAAK,YAAY,GAAG,eAAe,CAAC;IAAE,KAAK,EAAE,kBAAkB,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React, { type PropsWithChildren } from 'react';
|
|
2
|
-
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
-
export type ChessboardPlayersProps = ThemedClassName<PropsWithChildren>;
|
|
4
|
-
export declare const ChessboardPlayers: {
|
|
5
|
-
({ classNames, children }: ChessboardPlayersProps): React.JSX.Element | null;
|
|
6
|
-
displayName: string;
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=ChessboardPlayers.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChessboardPlayers.d.ts","sourceRoot":"","sources":["../../../../src/components/ChessboardPlayers.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQtD,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAExE,eAAO,MAAM,iBAAiB;+BAA8B,sBAAsB;;CA6BjF,CAAC"}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import React, { type PropsWithChildren, useEffect, useMemo, useRef } from 'react';
|
|
6
|
-
|
|
7
|
-
import { Icon, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';
|
|
8
|
-
import { type Player, useGameboardContext } from '@dxos/react-ui-gameboard';
|
|
9
|
-
import { mx } from '@dxos/react-ui-theme';
|
|
10
|
-
|
|
11
|
-
import { meta } from '../meta';
|
|
12
|
-
|
|
13
|
-
import { type ExtendedChessModel } from './Chessboard';
|
|
14
|
-
|
|
15
|
-
export type ChessboardInfoProps = ThemedClassName<
|
|
16
|
-
{
|
|
17
|
-
orientation?: Player;
|
|
18
|
-
onOrientationChange?: (orientation: Player) => void;
|
|
19
|
-
onClose?: () => void;
|
|
20
|
-
} & Pick<HistoryProps, 'min' | 'max'>
|
|
21
|
-
>;
|
|
22
|
-
|
|
23
|
-
export const ChessboardInfo = ({
|
|
24
|
-
classNames,
|
|
25
|
-
orientation = 'white',
|
|
26
|
-
onOrientationChange,
|
|
27
|
-
onClose,
|
|
28
|
-
...props
|
|
29
|
-
}: ChessboardInfoProps) => {
|
|
30
|
-
const { t } = useTranslation(meta.id);
|
|
31
|
-
const { model } = useGameboardContext<ExtendedChessModel>(ChessboardInfo.displayName);
|
|
32
|
-
|
|
33
|
-
return (
|
|
34
|
-
<div
|
|
35
|
-
className={mx(
|
|
36
|
-
'grid grid-rows-[min-content_1fr_min-content] is-full min-is-[16rem] overflow-hidden bg-inputSurface p-2 rounded',
|
|
37
|
-
classNames,
|
|
38
|
-
)}
|
|
39
|
-
>
|
|
40
|
-
<PlayerIndicator
|
|
41
|
-
model={model}
|
|
42
|
-
player={orientation === 'white' ? 'black' : 'white'}
|
|
43
|
-
title={model.object.players?.[orientation === 'white' ? 'black' : 'white']}
|
|
44
|
-
>
|
|
45
|
-
{onClose && <IconButton icon='ph--x--regular' iconOnly label={t('button flip')} size={4} onClick={onClose} />}
|
|
46
|
-
</PlayerIndicator>
|
|
47
|
-
<History model={model} {...props} />
|
|
48
|
-
<PlayerIndicator model={model} player={orientation} title={model.object.players?.[orientation]}>
|
|
49
|
-
{onOrientationChange && (
|
|
50
|
-
<IconButton
|
|
51
|
-
icon='ph--arrows-down-up--regular'
|
|
52
|
-
iconOnly
|
|
53
|
-
label={t('button flip')}
|
|
54
|
-
size={6}
|
|
55
|
-
classNames={mx('transition duration-200 ease-linear', orientation === 'white' && 'rotate-180')}
|
|
56
|
-
onClick={() => onOrientationChange(orientation === 'white' ? 'black' : 'white')}
|
|
57
|
-
/>
|
|
58
|
-
)}
|
|
59
|
-
</PlayerIndicator>
|
|
60
|
-
</div>
|
|
61
|
-
);
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
ChessboardInfo.displayName = 'Chessboard.Info';
|
|
65
|
-
|
|
66
|
-
type HistoryProps = ThemedClassName<{ model: ExtendedChessModel; min?: number; max?: number }>;
|
|
67
|
-
|
|
68
|
-
const History = ({ classNames, model, min, max }: HistoryProps) => {
|
|
69
|
-
const { t } = useTranslation(meta.id);
|
|
70
|
-
const label = model.game.isGameOver()
|
|
71
|
-
? model.game.isCheckmate()
|
|
72
|
-
? t('game.checkmate')
|
|
73
|
-
: model.game.isStalemate()
|
|
74
|
-
? t('game.stalemate')
|
|
75
|
-
: t('game.draw')
|
|
76
|
-
: model.game.isCheck()
|
|
77
|
-
? t('game.check')
|
|
78
|
-
: undefined;
|
|
79
|
-
|
|
80
|
-
const history = model.game.history();
|
|
81
|
-
const moves = useMemo(
|
|
82
|
-
() =>
|
|
83
|
-
history.reduce((acc, move, index) => {
|
|
84
|
-
if (index % 2 === 0) {
|
|
85
|
-
acc.push([move]);
|
|
86
|
-
} else {
|
|
87
|
-
acc[acc.length - 1].push(move);
|
|
88
|
-
}
|
|
89
|
-
return acc;
|
|
90
|
-
}, [] as string[][]),
|
|
91
|
-
[history.length],
|
|
92
|
-
);
|
|
93
|
-
|
|
94
|
-
const scrollerRef = useRef<HTMLDivElement>(null);
|
|
95
|
-
useEffect(() => {
|
|
96
|
-
scrollerRef.current?.scrollTo({ top: scrollerRef.current.scrollHeight });
|
|
97
|
-
}, [history.length]);
|
|
98
|
-
|
|
99
|
-
return (
|
|
100
|
-
<div
|
|
101
|
-
ref={scrollerRef}
|
|
102
|
-
className={mx('overflow-y-scroll', classNames)}
|
|
103
|
-
style={{
|
|
104
|
-
minHeight: min === undefined ? 'auto' : `${min * 24}px`,
|
|
105
|
-
maxHeight: max === undefined ? 'auto' : `${max * 24}px`,
|
|
106
|
-
}}
|
|
107
|
-
>
|
|
108
|
-
{moves.map(([a, b], index) => (
|
|
109
|
-
<div key={index} className='grid grid-cols-[3rem_1fr_1fr] pis-4 leading-1'>
|
|
110
|
-
<div className='content-center text-xs text-subdued'>{index + 1}</div>
|
|
111
|
-
<div>{a}</div>
|
|
112
|
-
<div>{b}</div>
|
|
113
|
-
</div>
|
|
114
|
-
))}
|
|
115
|
-
{label && <div className='text-center'>{label}</div>}
|
|
116
|
-
</div>
|
|
117
|
-
);
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
const PlayerIndicator = ({
|
|
121
|
-
children,
|
|
122
|
-
model,
|
|
123
|
-
player,
|
|
124
|
-
title,
|
|
125
|
-
}: PropsWithChildren<{ model: ExtendedChessModel; player: Player; title?: string }>) => {
|
|
126
|
-
const turn = player === (model.game.turn() === 'w' ? 'white' : 'black');
|
|
127
|
-
return (
|
|
128
|
-
<div className='grid grid-cols-[2rem_1fr_2rem] gap-1 bs-[--rail-size] pis-1 pie-1 flex items-center overflow-hidden'>
|
|
129
|
-
<div className='place-items-center'>
|
|
130
|
-
<Icon
|
|
131
|
-
icon={turn ? 'ph--circle--fill' : 'ph--circle--thin'}
|
|
132
|
-
size={6}
|
|
133
|
-
classNames={mx(turn && (model.game.isCheckmate() ? 'text-red-500' : 'text-green-500'))}
|
|
134
|
-
/>
|
|
135
|
-
</div>
|
|
136
|
-
<div className='truncate'>{title}</div>
|
|
137
|
-
{children}
|
|
138
|
-
</div>
|
|
139
|
-
);
|
|
140
|
-
};
|