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

package/dist/types/src/components/Chessboard/Chessboard.d.ts

@@ -1,37 +0,0 @@
-import { Chess, type Color } from 'chess.js';
-import React, { type FC } from 'react';
-export declare enum ChessPieces {
-    STANDARD = 0,
-    CUSTOM = 1,
-    FUTURE = 2,
-    RIOHACHA = 3
-}
-export type BoardStyle = 'default' | 'blue' | 'dark';
-export declare const boardStyles: Record<BoardStyle, any>;
-export type ChessModel = {
-    chess: Chess;
-};
-export type ChessMove = {
-    from: string;
-    to: string;
-    promotion?: string;
-};
-export type ChessboardProps = {
-    model: ChessModel;
-    orientation?: Color;
-    readonly?: boolean;
-    boardStyle?: BoardStyle;
-    pieces?: ChessPieces;
-    onUpdate?: (move: ChessMove) => void;
-};
-/**
- * https://www.npmjs.com/package/chess.js
- * https://www.npmjs.com/package/react-chessboard
- */
-export declare const Chessboard: ({ model: { chess }, orientation, readonly, boardStyle, pieces, onUpdate, }: ChessboardProps) => React.JSX.Element;
-export declare const ChessPanel: FC<{
-    model: ChessModel;
-    orientation?: Color;
-    onFlip?: () => void;
-}>;
-//# sourceMappingURL=Chessboard.d.ts.map

package/dist/types/src/components/Chessboard/Chessboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chessboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chessboard/Chessboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQvC,oBAAY,WAAW;IACrB,QAAQ,IAAI;IACZ,MAAM,IAAI;IACV,MAAM,IAAI;IACV,QAAQ,IAAI;CACb;AAcD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAErD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,GAAG,CAa/C,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,+EAOpB,eAAe,sBAoCjB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAC1B,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CA+CA,CAAC"}

package/dist/types/src/components/Chessboard/Chessboard.stories.d.ts

@@ -1,13 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: ({ model: { chess }, orientation, readonly, boardStyle, pieces, onUpdate, }: import("./Chessboard").ChessboardProps) => React.JSX.Element;
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
-};
-export default _default;
-export declare const Default: {
-    component: ({ model: { chess }, orientation, readonly, boardStyle, pieces, onUpdate, }: import("./Chessboard").ChessboardProps) => React.JSX.Element;
-};
-//# sourceMappingURL=Chessboard.stories.d.ts.map

package/dist/types/src/components/Chessboard/Chessboard.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chessboard.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chessboard/Chessboard.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;;AA0BxC,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}

package/dist/types/src/components/Chessboard/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Chessboard';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Chessboard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chessboard/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

package/dist/types/src/components/Chessboard/pieces/custom.d.ts

@@ -1,3 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const customPieces: Record<string, ReactNode>;
-//# sourceMappingURL=custom.d.ts.map

package/dist/types/src/components/Chessboard/pieces/custom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Chessboard/pieces/custom.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA+D9C,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAclD,CAAC"}

package/dist/types/src/components/Chessboard/pieces/index.d.ts

@@ -1,4 +0,0 @@
-export * from './custom';
-export * from './phosphor';
-export * from './riohacha';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Chessboard/pieces/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Chessboard/pieces/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

package/dist/types/src/components/Chessboard/pieces/phosphor.d.ts

@@ -1,3 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const phosphorPieces: Record<string, ReactNode>;
-//# sourceMappingURL=phosphor.d.ts.map

package/dist/types/src/components/Chessboard/pieces/phosphor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"phosphor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Chessboard/pieces/phosphor.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmD9C,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAcpD,CAAC"}

package/dist/types/src/components/Chessboard/pieces/riohacha.d.ts

@@ -1,3 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const riohachaPieces: Record<string, ReactNode>;
-//# sourceMappingURL=riohacha.d.ts.map

package/dist/types/src/components/Chessboard/pieces/riohacha.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"riohacha.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Chessboard/pieces/riohacha.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmJ9C,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAcpD,CAAC"}

package/src/components/Chessboard/Chessboard.stories.tsx

@@ -1,43 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { Chess } from 'chess.js';
-import React, { useState } from 'react';
-
-import { withTheme } from '@dxos/storybook-utils';
-
-import { Chessboard, type ChessModel, type ChessMove, ChessPanel } from './Chessboard';
-
-const Story = () => {
-  const [model, setModel] = useState<ChessModel>({ chess: new Chess() });
-  const handleUpdate = (move: ChessMove) => {
-    if (model.chess.move(move)) {
-      setModel({ ...model });
-    }
-  };
-
-  return (
-    <div className='flex flex-row'>
-      <div className='w-[600px]'>
-        <Chessboard model={model} boardStyle='default' onUpdate={handleUpdate} />
-      </div>
-      <div className='w-[160px] ml-8'>
-        <ChessPanel model={model} />
-      </div>
-    </div>
-  );
-};
-
-export default {
-  title: 'plugins/plugin-chess/Chessboard',
-  component: Chessboard,
-  render: Story,
-  decorators: [withTheme],
-};
-
-export const Default = {
-  component: Chessboard,
-};

package/src/components/Chessboard/Chessboard.tsx

@@ -1,170 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { ArrowURightDown, Circle } from '@phosphor-icons/react';
-import { Chess, type Color } from 'chess.js';
-import React, { type FC } from 'react';
-import { Chessboard as ReactChessboard } from 'react-chessboard';
-import { useResizeDetector } from 'react-resize-detector';
-
-import { getSize, mx } from '@dxos/react-ui-theme';
-
-import { customPieces, phosphorPieces, riohachaPieces } from './pieces';
-
-export enum ChessPieces {
-  STANDARD = 0,
-  CUSTOM = 1,
-  FUTURE = 2,
-  RIOHACHA = 3,
-}
-
-const chessPieces = {
-  [ChessPieces.STANDARD]: undefined,
-  [ChessPieces.CUSTOM]: customPieces,
-  [ChessPieces.FUTURE]: phosphorPieces,
-  [ChessPieces.RIOHACHA]: riohachaPieces,
-};
-
-// TODO(burdon): Replace with classes.
-const props = {
-  customDropSquareStyle: { boxShadow: 'inset 0 0 1px 2px black' },
-};
-
-export type BoardStyle = 'default' | 'blue' | 'dark';
-
-export const boardStyles: Record<BoardStyle, any> = {
-  default: {
-    customDarkSquareStyle: { backgroundColor: '#AE8A68' },
-    customLightSquareStyle: { backgroundColor: '#f0d9b5' },
-  },
-  blue: {
-    customDarkSquareStyle: { backgroundColor: '#CCD3DB' },
-    customLightSquareStyle: { backgroundColor: '#6C95B9' },
-  },
-  dark: {
-    customDarkSquareStyle: { backgroundColor: '#555' },
-    customLightSquareStyle: { backgroundColor: '#888' },
-  },
-};
-
-export type ChessModel = {
-  chess: Chess;
-};
-
-export type ChessMove = {
-  from: string;
-  to: string;
-  promotion?: string;
-};
-
-export type ChessboardProps = {
-  model: ChessModel;
-  orientation?: Color;
-  readonly?: boolean;
-  boardStyle?: BoardStyle;
-  pieces?: ChessPieces;
-  onUpdate?: (move: ChessMove) => void;
-};
-
-/**
- * https://www.npmjs.com/package/chess.js
- * https://www.npmjs.com/package/react-chessboard
- */
-export const Chessboard = ({
-  model: { chess },
-  orientation = 'w',
-  readonly = false,
-  boardStyle = 'blue',
-  pieces = ChessPieces.STANDARD,
-  onUpdate,
-}: ChessboardProps) => {
-  const { ref, width } = useResizeDetector();
-  const style = boardStyles[boardStyle];
-
-  const handleDrop = (source: any, target: any, piece: any) => {
-    try {
-      // Promotion piece will be selected by popup.
-      const move = { from: source, to: target, promotion: piece.toLowerCase()[1] };
-      const state = new Chess(chess.fen());
-      const result = state.move(move);
-      if (result) {
-        onUpdate?.(move);
-        return true;
-      } else {
-        return false;
-      }
-    } catch (err) {
-      return false;
-    }
-  };
-
-  // https://react-chessboard.com/?path=/story/example-chessboard--configurable-board
-  return (
-    <div ref={ref} className='flex grow aspect-square overflow-hidden'>
-      <ReactChessboard
-        boardWidth={width}
-        position={chess.fen()}
-        boardOrientation={orientation === 'w' ? 'white' : 'black'}
-        arePiecesDraggable={!readonly}
-        onPieceDrop={handleDrop}
-        customPieces={chessPieces[pieces]}
-        {...style}
-        {...props}
-      />
-    </div>
-  );
-};
-
-export const ChessPanel: FC<{
-  model: ChessModel;
-  orientation?: Color;
-  onFlip?: () => void;
-}> = ({ model: { chess }, orientation = 'w', onFlip }) => {
-  const history = chess.history();
-  const label = chess.isGameOver()
-    ? chess.isCheckmate()
-      ? 'CHECKMATE'
-      : chess.isStalemate()
-        ? 'STALEMATE'
-        : 'DRAW'
-    : chess.isCheck()
-      ? 'CHECK'
-      : history.length
-        ? `Move ${history.length}`
-        : '';
-
-  const Player = ({ color }: { color: Color }) => {
-    const turn = color === chess.turn();
-
-    return (
-      <div className='flex items-center'>
-        <Circle
-          className={mx(getSize(4), turn && (chess.isCheckmate() ? 'text-red-500' : 'text-green-500'))}
-          weight={turn ? 'fill' : 'thin'}
-        />
-      </div>
-    );
-  };
-
-  return (
-    <div className='flex flex-col'>
-      <div className='flex items-center justify-between pl-2 pr-2 border-b' style={{ height: 32 }}>
-        <Player color={orientation === 'w' ? 'b' : 'w'} />
-        {onFlip && (
-          <button onClick={onFlip}>
-            <ArrowURightDown weight='thin' className={getSize(6)} />
-          </button>
-        )}
-      </div>
-
-      <div className='flex flex-col justify-center pl-2 font-thin' style={{ height: 40 }}>
-        {label}
-      </div>
-
-      <div className='flex items-center justify-between pl-2 pr-2 border-t' style={{ height: 32 }}>
-        <Player color={orientation} />
-      </div>
-    </div>
-  );
-};

package/src/components/Chessboard/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './Chessboard';

package/src/components/Chessboard/pieces/custom.tsx

@@ -1,82 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { type ReactNode } from 'react';
-
-const style = {
-  white: { fill: '#999' },
-  black: { fill: '#000' },
-};
-
-/**
- * https://www.svgrepo.com/collection/line-awesome/
- * https://commons.wikimedia.org/wiki/Category:SVG_chess_pieces
- * By Cburnett
- */
-const pieces: Record<string, (style: any) => ReactNode> = {
-  p: (style) => (
-    <svg fill='#000000' width='45px' height='45px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>
-      <path
-        style={style}
-        d='M 16 9 C 13.800781 9 12 10.800781 12 13 C 12 14.199219 12.558594 15.265625 13.40625 16 L 12 16 C 11.96875 16 11.9375 16 11.90625 16 C 11.355469 16.027344 10.925781 16.496094 10.953125 17.046875 C 10.980469 17.597656 11.449219 18.027344 12 18 L 12.5 18 L 11.09375 21.5625 L 10.375 23 L 9 23 C 8.96875 23 8.9375 23 8.90625 23 C 8.433594 23.03125 8.050781 23.386719 7.980469 23.855469 C 7.914063 24.320313 8.183594 24.773438 8.625 24.9375 L 7.28125 26.28125 L 7 26.59375 L 7 29 L 25 29 L 25 26.59375 L 24.71875 26.28125 L 23.375 24.9375 C 23.832031 24.765625 24.101563 24.289063 24.007813 23.808594 C 23.917969 23.328125 23.488281 22.988281 23 23 L 21.625 23 L 20.90625 21.5625 L 19.5 18 L 20 18 C 20.359375 18.003906 20.695313 17.816406 20.878906 17.503906 C 21.058594 17.191406 21.058594 16.808594 20.878906 16.496094 C 20.695313 16.183594 20.359375 15.996094 20 16 L 18.59375 16 C 19.441406 15.265625 20 14.199219 20 13 C 20 10.800781 18.199219 9 16 9 Z M 16 11 C 17.117188 11 18 11.882813 18 13 C 18 14.117188 17.117188 15 16 15 C 14.882813 15 14 14.117188 14 13 C 14 11.882813 14.882813 11 16 11 Z M 14.6875 18 L 17.3125 18 L 19.0625 22.375 L 19.09375 22.40625 L 19.09375 22.4375 L 19.375 23 L 12.625 23 L 12.90625 22.4375 L 12.90625 22.40625 L 12.9375 22.375 Z M 11.4375 25 L 20.5625 25 L 22.5625 27 L 9.4375 27 Z'
-      />
-    </svg>
-  ),
-  r: (style) => (
-    <svg fill='#000000' width='45px' height='45px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>
-      <path
-        style={style}
-        d='M 9 4 L 9 13 L 12.75 13 L 12.53125 14 L 12 14 C 11.96875 14 11.9375 14 11.90625 14 C 11.355469 14.027344 10.925781 14.496094 10.953125 15.046875 C 10.980469 15.597656 11.449219 16.027344 12 16 L 12.09375 16 L 11.09375 20.5625 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.90625 20.5625 L 19.90625 16 L 20 16 C 20.359375 16.003906 20.695313 15.816406 20.878906 15.503906 C 21.058594 15.191406 21.058594 14.808594 20.878906 14.496094 C 20.695313 14.183594 20.359375 13.996094 20 14 L 19.46875 14 L 19.25 13 L 23 13 L 23 4 Z M 11 6 L 13 6 L 13 9 L 15 9 L 15 6 L 17 6 L 17 9 L 19 9 L 19 6 L 21 6 L 21 11 L 11 11 Z M 14.78125 13 L 17.21875 13 L 17.4375 14 L 14.5625 14 Z M 14.125 16 L 17.875 16 L 19.03125 21.21875 L 19.0625 21.34375 L 19.09375 21.4375 L 19.375 22 L 12.625 22 L 12.90625 21.4375 L 12.9375 21.34375 L 12.96875 21.21875 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z'
-      />
-    </svg>
-  ),
-  n: (style) => (
-    <svg fill='#000000' width='45px' height='45px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>
-      <path
-        style={style}
-        d='M 16 3 C 14.230469 3 13.058594 3.984375 12.59375 5 C 12.242188 5.769531 12.285156 6.304688 12.28125 6.75 C 11.535156 7.257813 10.75 7.90625 10.125 8.53125 C 8.726563 9.929688 7.960938 11.921875 8 14.03125 C 8.019531 15.003906 8.21875 15.980469 8.59375 16.96875 C 8.78125 17.464844 9.125 18.324219 9.4375 19.28125 C 9.75 20.238281 10 21.292969 10 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.367188 22.035156 7.953125 22.492188 7.972656 23.03125 C 7.988281 23.570313 8.429688 23.996094 8.96875 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 22 22 C 22 19.738281 20.59375 17.664063 19.28125 16.0625 C 18.53125 15.144531 18.285156 14.984375 17.78125 14.5 C 17.960938 14.394531 18.183594 14.269531 18.3125 14.1875 C 18.472656 14.085938 18.558594 14.023438 18.59375 14 C 18.875 14 18.894531 14.046875 19.1875 14.28125 C 19.480469 14.515625 20.078125 15 20.90625 15 C 21.632813 15 22.164063 14.53125 22.4375 14.1875 C 22.6875 13.871094 22.824219 13.632813 22.84375 13.59375 C 22.933594 13.550781 23.128906 13.488281 23.375 13.3125 C 23.621094 13.136719 23.941406 12.746094 24 12.3125 C 24.058594 11.878906 23.921875 11.5 23.75 11.125 C 23.496094 10.570313 23.023438 9.933594 22.28125 9.15625 C 21.539063 8.378906 20.566406 7.554688 19.375 7.0625 C 19.285156 7.023438 19.359375 7.082031 19.3125 7.03125 C 19.265625 6.980469 19.125 6.769531 18.84375 6.5625 C 18.476563 6.292969 17.679688 6.261719 17 6.1875 L 17 3 Z M 15 5.21875 L 15 8 L 16 8 C 17.363281 8 17.664063 8.164063 17.65625 8.15625 C 17.652344 8.152344 17.660156 8.171875 17.8125 8.34375 C 17.964844 8.515625 18.261719 8.785156 18.625 8.9375 C 19.425781 9.269531 20.226563 9.917969 20.84375 10.5625 C 21.421875 11.164063 21.808594 11.761719 21.875 11.875 C 21.714844 11.953125 21.546875 12.007813 21.34375 12.25 C 21.070313 12.582031 20.972656 12.8125 20.875 12.9375 C 20.84375 12.976563 20.847656 12.988281 20.84375 13 C 20.757813 12.988281 20.699219 12.933594 20.4375 12.71875 C 20.109375 12.453125 19.457031 12 18.59375 12 C 17.9375 12 17.566406 12.300781 17.25 12.5 C 16.933594 12.699219 16.679688 12.84375 16.59375 12.875 L 16.5625 12.90625 L 16.53125 12.90625 C 16.347656 12.984375 16.03125 13 16.03125 13 L 15 12.96875 L 15 14.5625 L 15.34375 14.84375 C 15.34375 14.84375 16.53125 15.890625 17.71875 17.34375 C 18.90625 18.796875 20 20.667969 20 22 L 12 22 C 12 20.878906 11.6875 19.703125 11.34375 18.65625 C 11 17.609375 10.59375 16.695313 10.4375 16.28125 C 10.144531 15.507813 10.015625 14.707031 10 13.96875 C 9.96875 12.363281 10.542969 10.925781 11.53125 9.9375 C 12.183594 9.285156 13.15625 8.46875 13.6875 8.15625 L 14.1875 7.875 L 14.1875 7.3125 C 14.1875 6.941406 14.1875 6.320313 14.40625 5.84375 C 14.53125 5.574219 14.703125 5.367188 15 5.21875 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z'
-      />
-    </svg>
-  ),
-  b: (style) => (
-    <svg fill='#000000' width='45px' height='45px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>
-      <path
-        style={style}
-        d='M 16 3 C 14.90625 3 14 3.90625 14 5 C 14 5.441406 14.15625 5.855469 14.40625 6.1875 C 14.050781 6.5625 13.644531 7.011719 13.21875 7.53125 C 12.171875 8.8125 11 10.292969 11 12 C 11 13.136719 11.414063 14.160156 12.0625 15 L 12 15 C 11.96875 15 11.9375 15 11.90625 15 C 11.355469 15.027344 10.925781 15.496094 10.953125 16.046875 C 10.980469 16.597656 11.449219 17.027344 12 17 L 12.5 17 L 11.09375 20.5625 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.90625 20.5625 L 19.5 17 L 20 17 C 20.359375 17.003906 20.695313 16.816406 20.878906 16.503906 C 21.058594 16.191406 21.058594 15.808594 20.878906 15.496094 C 20.695313 15.183594 20.359375 14.996094 20 15 C 20.628906 14.160156 21 13.121094 21 12 C 21 10.292969 19.828125 8.8125 18.78125 7.53125 C 18.355469 7.011719 17.949219 6.5625 17.59375 6.1875 C 17.84375 5.855469 18 5.441406 18 5 C 18 3.90625 17.09375 3 16 3 Z M 16 7.46875 C 16.363281 7.835938 16.609375 8.066406 17.21875 8.8125 C 18.171875 9.980469 19 11.5 19 12 C 19 13.679688 17.699219 15 16.03125 15 C 14.363281 15 13 13.660156 13 12 C 13 11.5 13.828125 9.980469 14.78125 8.8125 C 15.390625 8.066406 15.636719 7.835938 16 7.46875 Z M 14.6875 17 L 17.3125 17 L 19.0625 21.375 L 19.09375 21.40625 L 19.09375 21.4375 L 19.375 22 L 12.625 22 L 12.90625 21.4375 L 12.90625 21.40625 L 12.9375 21.375 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z'
-      />
-    </svg>
-  ),
-  q: (style) => (
-    <svg fill='#000000' width='45px' height='45px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>
-      <path
-        style={style}
-        d='M 16 3 C 14.90625 3 14 3.90625 14 5 C 14 5.730469 14.402344 6.371094 15 6.71875 L 15 8.25 C 15 8.675781 14.675781 9 14.25 9 L 11.90625 9 C 11.59375 9 11.316406 8.851563 11.15625 8.625 C 11.667969 8.261719 12 7.667969 12 7 C 12 5.90625 11.09375 5 10 5 C 8.90625 5 8 5.90625 8 7 C 8 7.730469 8.402344 8.371094 9 8.71875 L 9 10.40625 L 9.28125 10.71875 L 11.625 13.0625 C 11.167969 13.234375 10.902344 13.710938 10.996094 14.1875 C 11.089844 14.667969 11.511719 15.011719 12 15 L 12.65625 15 L 11.09375 20.5625 L 11.03125 20.71875 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.96875 20.71875 L 20.9375 20.65625 L 20.90625 20.5625 L 19.34375 15 L 20 15 C 20.488281 15.011719 20.917969 14.671875 21.007813 14.191406 C 21.101563 13.710938 20.832031 13.234375 20.375 13.0625 L 22.71875 10.71875 L 23 10.40625 L 23 8.71875 C 23.597656 8.371094 24 7.730469 24 7 C 24 5.90625 23.09375 5 22 5 C 20.90625 5 20 5.90625 20 7 C 20 7.667969 20.332031 8.261719 20.84375 8.625 C 20.683594 8.851563 20.40625 9 20.09375 9 L 17.75 9 C 17.324219 9 17 8.675781 17 8.25 L 17 6.71875 C 17.597656 6.371094 18 5.730469 18 5 C 18 3.90625 17.09375 3 16 3 Z M 16 10.34375 C 16.480469 10.746094 17.082031 11 17.75 11 L 19.5625 11 L 17.5625 13 L 14.4375 13 L 12.4375 11 L 14.25 11 C 14.917969 11 15.519531 10.746094 16 10.34375 Z M 14.75 15 L 17.25 15 L 19.03125 21.28125 L 19.0625 21.375 L 19.375 22 L 12.625 22 L 12.9375 21.375 L 12.96875 21.28125 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z'
-      />
-    </svg>
-  ),
-  k: (style) => (
-    <svg fill='#000000' width='45px' height='45px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'>
-      <path
-        style={style}
-        d='M 16 3 C 14.90625 3 14 3.90625 14 5 C 14 5.359375 14.109375 5.707031 14.28125 6 L 8 6 L 8 8.375 L 8.21875 8.625 L 11.875 13 C 11.324219 13.035156 10.902344 13.511719 10.9375 14.0625 C 10.972656 14.613281 11.449219 15.035156 12 15 L 12.65625 15 L 11.09375 20.5625 L 11.03125 20.71875 L 10.375 22 L 9 22 C 8.96875 22 8.9375 22 8.90625 22 C 8.355469 22.027344 7.925781 22.496094 7.953125 23.046875 C 7.980469 23.597656 8.449219 24.027344 9 24 L 7.1875 26.40625 L 7 26.65625 L 7 29 L 25 29 L 25 26.65625 L 24.8125 26.40625 L 23 24 C 23.359375 24.003906 23.695313 23.816406 23.878906 23.503906 C 24.058594 23.191406 24.058594 22.808594 23.878906 22.496094 C 23.695313 22.183594 23.359375 21.996094 23 22 L 21.625 22 L 20.96875 20.71875 L 20.9375 20.65625 L 20.90625 20.5625 L 19.34375 15 L 20 15 C 20.550781 15.042969 21.035156 14.628906 21.078125 14.078125 C 21.121094 13.527344 20.707031 13.042969 20.15625 13 L 23.78125 8.625 L 24 8.375 L 24 6 L 17.71875 6 C 17.890625 5.707031 18 5.359375 18 5 C 18 3.90625 17.09375 3 16 3 Z M 10.3125 8 L 21.6875 8 L 17.53125 13 L 14.46875 13 Z M 14.75 15 L 17.25 15 L 19.03125 21.28125 L 19.0625 21.375 L 19.375 22 L 12.625 22 L 12.9375 21.375 L 12.96875 21.28125 Z M 11.5 24 L 20.5 24 L 22.75 27 L 9.25 27 Z'
-      />
-    </svg>
-  ),
-};
-
-export const customPieces: Record<string, ReactNode> = {
-  wP: pieces.p(style.white),
-  wR: pieces.r(style.white),
-  wN: pieces.n(style.white),
-  wB: pieces.b(style.white),
-  wQ: pieces.q(style.white),
-  wK: pieces.k(style.white),
-
-  bP: pieces.p(style.black),
-  bR: pieces.r(style.black),
-  bN: pieces.n(style.black),
-  bB: pieces.b(style.black),
-  bQ: pieces.q(style.black),
-  bK: pieces.k(style.black),
-};

package/src/components/Chessboard/pieces/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './custom';
-export * from './phosphor';
-export * from './riohacha';

package/src/components/Chessboard/pieces/phosphor.tsx

@@ -1,71 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Flame, Crown, ShieldStar, Plus, Asterisk, User } from '@phosphor-icons/react';
-import React, { type ReactNode } from 'react';
-
-const style = {
-  white: { width: undefined, height: undefined, color: 'darkred' },
-  black: { width: undefined, height: undefined, color: 'black' },
-};
-
-const Wrapper = ({ children }: { children: ReactNode }) => (
-  <svg viewBox='-1, -1, 42, 42' className='logo'>
-    <g transform='translate(5 5) scale(0.75 0.75)'>{children}</g>
-  </svg>
-);
-
-/**
- * From lichess.
- * Select pieces from settings.
- * Inspect pieces; hover over background-image CSS (data URL); open image in new tab; inspect image and copy SVG HTML.
- */
-const pieces: Record<string, (style: any) => ReactNode> = {
-  p: (style) => (
-    <Wrapper>
-      <User {...style} />
-    </Wrapper>
-  ),
-  r: (style) => (
-    <Wrapper>
-      <Plus {...style} />
-    </Wrapper>
-  ),
-  n: (style) => (
-    <Wrapper>
-      <ShieldStar {...style} />
-    </Wrapper>
-  ),
-  b: (style) => (
-    <Wrapper>
-      <Flame {...style} />
-    </Wrapper>
-  ),
-  q: (style) => (
-    <Wrapper>
-      <Asterisk {...style} />
-    </Wrapper>
-  ),
-  k: (style) => (
-    <Wrapper>
-      <Crown {...style} />
-    </Wrapper>
-  ),
-};
-
-export const phosphorPieces: Record<string, ReactNode> = {
-  wP: pieces.p(style.white),
-  wR: pieces.r(style.white),
-  wN: pieces.n(style.white),
-  wB: pieces.b(style.white),
-  wQ: pieces.q(style.white),
-  wK: pieces.k(style.white),
-
-  bP: pieces.p(style.black),
-  bR: pieces.r(style.black),
-  bN: pieces.n(style.black),
-  bB: pieces.b(style.black),
-  bQ: pieces.q(style.black),
-  bK: pieces.k(style.black),
-};