@dxos/plugin-chess 0.8.4-main.f5c0578 → 0.8.4-main.fcfe5033a5

package/dist/types/src/types/ChessAction.d.ts

@@ -1,23 +0,0 @@
-import { Schema } from 'effect';
-declare const Create_base: Schema.TaggedClass<Create, `${string}/action/create`, {
-    readonly _tag: Schema.tag<`${string}/action/create`>;
-} & {
-    input: Schema.Struct<{
-        name: Schema.optional<typeof Schema.String>;
-        pgn: Schema.optional<typeof Schema.String>;
-    }>;
-    output: Schema.Struct<{
-        object: import("@dxos/echo/Type").obj<Schema.Struct<{
-            name: Schema.optional<typeof Schema.String>;
-            players: Schema.optional<Schema.mutable<Schema.Struct<{
-                white: Schema.optional<Schema.SchemaClass<string, string, never>>;
-                black: Schema.optional<Schema.SchemaClass<string, string, never>>;
-            }>>>;
-            pgn: Schema.SchemaClass<string, string, never>;
-        }>>;
-    }>;
-}>;
-export declare class Create extends Create_base {
-}
-export {};
-//# sourceMappingURL=ChessAction.d.ts.map

package/dist/types/src/types/ChessAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChessAction.d.ts","sourceRoot":"","sources":["../../../../src/types/ChessAction.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;AAMhC,qBAAa,MAAO,SAAQ,WAQ1B;CAAG"}

package/src/capabilities/intent-resolver.ts

@@ -1,22 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities, contributes, createResolver } from '@dxos/app-framework';
-
-import { Chess, ChessAction } from '../types';
-
-export default () =>
-  contributes(
-    Capabilities.IntentResolver,
-    createResolver({
-      intent: ChessAction.Create,
-      resolve: ({ name, pgn }) => {
-        return {
-          data: {
-            object: Chess.makeGame({ name, pgn }),
-          },
-        };
-      },
-    }),
-  );

package/src/components/Card.stories.tsx

@@ -1,68 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-
-import { CardContainer } from '@dxos/react-ui-stack/testing';
-import { withTheme } from '@dxos/storybook-utils';
-
-import { meta } from '../meta';
-import { Chess } from '../types';
-
-import { Chessboard } from './Chessboard';
-
-type DefaultStoryProps = {
-  role: 'card--popover' | 'card--intrinsic' | 'card--extrinsic';
-  game: Chess.Game;
-};
-
-const storybook: Meta<DefaultStoryProps> = {
-  title: 'plugins/plugin-chess/Card',
-  render: ({ role, game }) => (
-    <CardContainer icon={meta.icon} role={role}>
-      <Chessboard.Root game={game}>
-        <Chessboard.Content role={role}>
-          <Chessboard.Board />
-        </Chessboard.Content>
-      </Chessboard.Root>
-    </CardContainer>
-  ),
-  decorators: [withTheme],
-  parameters: {
-    layout: 'centered',
-  },
-  tags: ['cards'],
-};
-
-export default storybook;
-
-const game = Chess.makeGame({
-  pgn: '1. e4 e5 2. Nf3 Nc6 3. Bc4 Bc5 4. c3 Nf6 5. d4 exd4 6. cxd4 Bb4+ 7. Nc3 d5 8. exd5 Nxd5 9. O-O Be6 10. Qb3 Na5 11. Qa4+ c6 12. Bxd5 Bxc3 13. Bxe6 fxe6 14. d5 Qg5 15. dxe6 Qg4 16. e7 Kf7 17. bxc3 Kg6 *',
-});
-
-type Story = StoryObj<DefaultStoryProps>;
-
-export const Popover = {
-  args: {
-    role: 'card--popover',
-    game: game,
-  },
-} satisfies Story;
-
-export const Intrinsic = {
-  args: {
-    role: 'card--intrinsic',
-    game: game,
-  },
-} satisfies Story;
-
-export const Extrinsic = {
-  args: {
-    role: 'card--extrinsic',
-    game: game,
-  },
-} satisfies Story;

package/src/components/Chessboard.stories.tsx

@@ -1,50 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-
-import { withClientProvider } from '@dxos/react-client/testing';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { translations } from '../translations';
-import { Chess } from '../types';
-
-import { ChessboardArticle } from './ChessboardArticle';
-
-const meta: Meta<typeof ChessboardArticle> = {
-  title: 'plugins/plugin-chess/Chessboard',
-  component: ChessboardArticle,
-  decorators: [withClientProvider({ createIdentity: true }), withTheme, withLayout({ fullscreen: true })],
-  parameters: {
-    translations,
-  },
-};
-
-type Story = StoryObj<typeof meta>;
-
-export default meta;
-
-export const Default = {
-  args: {
-    game: Chess.makeGame(),
-  },
-} satisfies Story;
-
-export const EndGame = {
-  args: {
-    game: Chess.makeGame({
-      pgn: '1. e4 e5 2. Nf3 Nc6 3. Bc4 Bc5 4. c3 Nf6 5. d4 exd4 6. cxd4 Bb4+ 7. Nc3 d5 8. exd5 Nxd5 9. O-O Be6 10. Qb3 Na5 11. Qa4+ c6 12. Bxd5 Bxc3 13. Bxe6 fxe6 *',
-    }),
-  },
-} satisfies Story;
-
-export const Promption = {
-  args: {
-    game: Chess.makeGame({
-      pgn: '1. e4 e5 2. Nf3 Nc6 3. Bc4 Bc5 4. c3 Nf6 5. d4 exd4 6. cxd4 Bb4+ 7. Nc3 d5 8. exd5 Nxd5 9. O-O Be6 10. Qb3 Na5 11. Qa4+ c6 12. Bxd5 Bxc3 13. Bxe6 fxe6 14. d5 Qg5 15. dxe6 Qg4 16. e7 Kf7 17. bxc3 Kg6 *',
-    }),
-  },
-} satisfies Story;

package/src/components/Chessboard.tsx

@@ -1,101 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { type PropsWithChildren, useCallback, useEffect, useMemo } from 'react';
-
-import { log } from '@dxos/log';
-import { type ThemedClassName } from '@dxos/react-ui';
-import {
-  ChessModel,
-  Gameboard,
-  type GameboardRootProps,
-  Chessboard as NativeChessboard,
-  type ChessboardProps as NativeChessboardProps,
-} from '@dxos/react-ui-gameboard';
-import { mx } from '@dxos/react-ui-theme';
-
-import { type Chess } from '../types';
-
-import { ChessboardInfo, type ChessboardInfoProps } from './ChessboardInfo';
-import { ChessboardPlayers, type ChessboardPlayersProps } from './ChessboardPlayers';
-
-export class ExtendedChessModel extends ChessModel {
-  constructor(readonly object: Chess.Game) {
-    super();
-  }
-}
-
-//
-// Root
-//
-
-type ChessboardRootProps = PropsWithChildren<{
-  game: Chess.Game;
-}>;
-
-const ChessboardRoot = ({ game, children }: ChessboardRootProps) => {
-  const model = useMemo(() => new ExtendedChessModel(game), []);
-  useEffect(() => {
-    model.update(game.pgn);
-    log('update', { pgn: game.pgn });
-  }, [game.pgn]);
-
-  const handleDrop = useCallback<NonNullable<GameboardRootProps<ChessModel>['onDrop']>>(
-    (move) => {
-      if (model.makeMove(move)) {
-        game.pgn = model.pgn;
-        return true;
-      }
-
-      return false;
-    },
-    [model],
-  );
-
-  return (
-    <Gameboard.Root model={model} onDrop={handleDrop}>
-      {children}
-    </Gameboard.Root>
-  );
-};
-
-//
-// Content
-//
-
-type Role = 'card--popover' | 'card--intrinsic' | 'card--extrinsic';
-
-type ChessboardContentProps = ThemedClassName<PropsWithChildren<{ role?: Role }>>;
-
-const ChessboardContent = ({ classNames, children, role }: ChessboardContentProps) => {
-  return (
-    <Gameboard.Content
-      classNames={mx(classNames, role === 'card--popover' && 'size-container popover-square')}
-      grow={!role || role === 'card--extrinsic'}
-      contain={!role || role === 'card--extrinsic' || role === 'card--popover'}
-    >
-      {children}
-    </Gameboard.Content>
-  );
-};
-
-//
-// Chessboard
-//
-
-export const Chessboard = {
-  Root: ChessboardRoot,
-  Content: ChessboardContent,
-  Board: NativeChessboard,
-  Info: ChessboardInfo,
-  Players: ChessboardPlayers,
-};
-
-export type {
-  ChessboardRootProps,
-  ChessboardContentProps,
-  NativeChessboardProps as ChessboardBoardProps,
-  ChessboardInfoProps,
-  ChessboardPlayersProps,
-};

package/src/components/ChessboardArticle.tsx

@@ -1,57 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useState } from 'react';
-
-import { IconButton, useTranslation } from '@dxos/react-ui';
-import { type Player } from '@dxos/react-ui-gameboard';
-import { StackItem } from '@dxos/react-ui-stack';
-import { mx } from '@dxos/react-ui-theme';
-
-import { meta } from '../meta';
-import { type Chess } from '../types';
-
-import { Chessboard } from './Chessboard';
-
-export const ChessboardArticle = ({ game }: { game: Chess.Game }) => {
-  const { t } = useTranslation(meta.id);
-  const [orientation, setOrientation] = useState<Player>('white');
-  const [open, setOpen] = useState(true);
-
-  return (
-    <StackItem.Content classNames='@container bs-full is-full overflow-hidden'>
-      <Chessboard.Root game={game}>
-        <div className={mx('grid grid-rows-[1fr_4rem] bs-full is-full gap-2', open && '@3xl:grid-cols-[1fr_320px]')}>
-          <Chessboard.Content>
-            <Chessboard.Board orientation={orientation} />
-          </Chessboard.Content>
-          {open && (
-            <div className='hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden'>
-              <Chessboard.Info
-                orientation={orientation}
-                min={8}
-                max={8}
-                onOrientationChange={setOrientation}
-                onClose={() => setOpen(false)}
-              />
-            </div>
-          )}
-          <div className='flex justify-center items-center'>
-            <Chessboard.Players>
-              <IconButton
-                variant='ghost'
-                icon='ph--info--regular'
-                iconOnly
-                label={t('button toggle info')}
-                size={6}
-                classNames={mx('invisible', !open && '@3xl:visible')}
-                onClick={() => setOpen((open) => !open)}
-              />
-            </Chessboard.Players>
-          </div>
-        </div>
-      </Chessboard.Root>
-    </StackItem.Content>
-  );
-};

package/src/components/ChessboardContainer.tsx

@@ -1,44 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React from 'react';
-
-import { getSpace } from '@dxos/react-client/echo';
-
-import { type Chess } from '../types';
-
-import { Chessboard } from './Chessboard';
-import { ChessboardArticle } from './ChessboardArticle';
-
-export type ChessboardContainerProps = {
-  game: Chess.Game;
-  role?: string;
-};
-
-export const ChessboardContainer = ({ game, role }: ChessboardContainerProps) => {
-  const space = getSpace(game);
-  if (!space) {
-    return null;
-  }
-
-  switch (role) {
-    case 'card--popover':
-    case 'card--intrinsic':
-    case 'card--extrinsic': {
-      return (
-        <Chessboard.Root game={game}>
-          <Chessboard.Content role={role}>
-            <Chessboard.Board />
-          </Chessboard.Content>
-        </Chessboard.Root>
-      );
-    }
-
-    default: {
-      return <ChessboardArticle game={game} />;
-    }
-  }
-};
-
-export default ChessboardContainer;

package/src/components/ChessboardInfo.tsx

@@ -1,140 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { type PropsWithChildren, useEffect, useMemo, useRef } from 'react';
-
-import { Icon, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';
-import { type Player, useGameboardContext } from '@dxos/react-ui-gameboard';
-import { mx } from '@dxos/react-ui-theme';
-
-import { meta } from '../meta';
-
-import { type ExtendedChessModel } from './Chessboard';
-
-export type ChessboardInfoProps = ThemedClassName<
-  {
-    orientation?: Player;
-    onOrientationChange?: (orientation: Player) => void;
-    onClose?: () => void;
-  } & Pick<HistoryProps, 'min' | 'max'>
->;
-
-export const ChessboardInfo = ({
-  classNames,
-  orientation = 'white',
-  onOrientationChange,
-  onClose,
-  ...props
-}: ChessboardInfoProps) => {
-  const { t } = useTranslation(meta.id);
-  const { model } = useGameboardContext<ExtendedChessModel>(ChessboardInfo.displayName);
-
-  return (
-    <div
-      className={mx(
-        'grid grid-rows-[min-content_1fr_min-content] is-full min-is-[16rem] overflow-hidden bg-inputSurface p-2 rounded',
-        classNames,
-      )}
-    >
-      <PlayerIndicator
-        model={model}
-        player={orientation === 'white' ? 'black' : 'white'}
-        title={model.object.players?.[orientation === 'white' ? 'black' : 'white']}
-      >
-        {onClose && <IconButton icon='ph--x--regular' iconOnly label={t('button flip')} size={4} onClick={onClose} />}
-      </PlayerIndicator>
-      <History model={model} {...props} />
-      <PlayerIndicator model={model} player={orientation} title={model.object.players?.[orientation]}>
-        {onOrientationChange && (
-          <IconButton
-            icon='ph--arrows-down-up--regular'
-            iconOnly
-            label={t('button flip')}
-            size={6}
-            classNames={mx('transition duration-200 ease-linear', orientation === 'white' && 'rotate-180')}
-            onClick={() => onOrientationChange(orientation === 'white' ? 'black' : 'white')}
-          />
-        )}
-      </PlayerIndicator>
-    </div>
-  );
-};
-
-ChessboardInfo.displayName = 'Chessboard.Info';
-
-type HistoryProps = ThemedClassName<{ model: ExtendedChessModel; min?: number; max?: number }>;
-
-const History = ({ classNames, model, min, max }: HistoryProps) => {
-  const { t } = useTranslation(meta.id);
-  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')
-      : undefined;
-
-  const history = model.game.history();
-  const moves = useMemo(
-    () =>
-      history.reduce((acc, move, index) => {
-        if (index % 2 === 0) {
-          acc.push([move]);
-        } else {
-          acc[acc.length - 1].push(move);
-        }
-        return acc;
-      }, [] as string[][]),
-    [history.length],
-  );
-
-  const scrollerRef = useRef<HTMLDivElement>(null);
-  useEffect(() => {
-    scrollerRef.current?.scrollTo({ top: scrollerRef.current.scrollHeight });
-  }, [history.length]);
-
-  return (
-    <div
-      ref={scrollerRef}
-      className={mx('overflow-y-scroll', classNames)}
-      style={{
-        minHeight: min === undefined ? 'auto' : `${min * 24}px`,
-        maxHeight: max === undefined ? 'auto' : `${max * 24}px`,
-      }}
-    >
-      {moves.map(([a, b], index) => (
-        <div key={index} className='grid grid-cols-[3rem_1fr_1fr] pis-4 leading-1'>
-          <div className='content-center text-xs text-subdued'>{index + 1}</div>
-          <div>{a}</div>
-          <div>{b}</div>
-        </div>
-      ))}
-      {label && <div className='text-center'>{label}</div>}
-    </div>
-  );
-};
-
-const PlayerIndicator = ({
-  children,
-  model,
-  player,
-  title,
-}: PropsWithChildren<{ model: ExtendedChessModel; player: Player; title?: string }>) => {
-  const turn = player === (model.game.turn() === 'w' ? 'white' : 'black');
-  return (
-    <div className='grid grid-cols-[2rem_1fr_2rem] gap-1 bs-[--rail-size] pis-1 pie-1 flex items-center overflow-hidden'>
-      <div className='place-items-center'>
-        <Icon
-          icon={turn ? 'ph--circle--fill' : 'ph--circle--thin'}
-          size={6}
-          classNames={mx(turn && (model.game.isCheckmate() ? 'text-red-500' : 'text-green-500'))}
-        />
-      </div>
-      <div className='truncate'>{title}</div>
-      {children}
-    </div>
-  );
-};

package/src/components/ChessboardPlayers.tsx

@@ -1,97 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { type PropsWithChildren } from 'react';
-
-import { generateName } from '@dxos/display-name';
-import { type SpaceMember, getSpace, useMembers } from '@dxos/react-client/echo';
-import { Icon, Input, Select, useThemeContext } from '@dxos/react-ui';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { useGameboardContext } from '@dxos/react-ui-gameboard';
-import { mx } from '@dxos/react-ui-theme';
-
-import { type Chess } from '../types';
-
-import { type ExtendedChessModel } from './Chessboard';
-
-export type ChessboardPlayersProps = ThemedClassName<PropsWithChildren>;
-
-export const ChessboardPlayers = ({ classNames, children }: ChessboardPlayersProps) => {
-  const { model } = useGameboardContext<ExtendedChessModel>(ChessboardPlayers.displayName);
-  const members = useMembers(getSpace(model.object)?.key);
-  const players: Chess.Game['players'] = model.object.players;
-  if (!players) {
-    return null;
-  }
-
-  return (
-    <div role='none' className={mx('grid grid-cols-[1fr_min-content_1fr] pis-2 pie-2 overflow-hidden', classNames)}>
-      <div role='none' className='flex flex-row-reverse items-center gap-2'>
-        <PlayerSelect
-          side='white'
-          value={players.white}
-          onValueChange={(player) => (players.white = player)}
-          members={members}
-        />
-      </div>
-      <div className='flex flex-row justify-center items-center'>{children}</div>
-      <div role='none' className='flex flex-row items-center gap-2'>
-        <PlayerSelect
-          side='black'
-          value={players.black}
-          onValueChange={(player) => (players.black = player)}
-          members={members}
-        />
-      </div>
-    </div>
-  );
-};
-
-ChessboardPlayers.displayName = 'Chessboard.Players';
-
-const PlayerSelect = ({
-  side,
-  value,
-  onValueChange,
-  members,
-}: {
-  side: 'white' | 'black';
-  value: string | undefined;
-  onValueChange: (player: string) => void;
-  members: SpaceMember[];
-}) => {
-  const { themeMode } = useThemeContext();
-  const iconFillMode =
-    (side === 'black' && themeMode === 'light') || (side === 'white' && themeMode === 'dark') ? 'fill' : undefined;
-
-  return (
-    <Input.Root>
-      <Input.Label>
-        <Icon
-          aria-label={`Chess icon for side ${side}`}
-          icon={`ph--crown-cross--${iconFillMode || 'regular'}`}
-          size={6}
-        />
-      </Input.Label>
-      <Select.Root value={value} onValueChange={onValueChange}>
-        <Select.TriggerButton placeholder={'Select player'} />
-        <Select.Portal>
-          <Select.Content>
-            <Select.Viewport>
-              {members.map((member) => {
-                const memberKey = member.identity.identityKey.toHex();
-                const displayName = member.identity?.profile?.displayName || generateName(memberKey);
-                return (
-                  <Select.Option key={memberKey} value={memberKey}>
-                    {displayName}
-                  </Select.Option>
-                );
-              })}
-            </Select.Viewport>
-          </Select.Content>
-        </Select.Portal>
-      </Select.Root>
-    </Input.Root>
-  );
-};

package/src/functions/index.ts

@@ -1,6 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export { default as move } from './move';
-export { default as play } from './play';

package/src/functions/move.ts

@@ -1,43 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Chess as ChessJS } from 'chess.js';
-import { Effect, Schema } from 'effect';
-
-import { ArtifactId } from '@dxos/assistant';
-import { DatabaseService, defineFunction } from '@dxos/functions';
-
-import { Chess } from '../types';
-
-export default defineFunction({
-  name: 'dxos.org/function/chess/move',
-  description: 'Makes a move in the given chess game.',
-  inputSchema: Schema.Struct({
-    id: ArtifactId.annotations({
-      description: 'The ID of the chess object.',
-    }),
-    move: Schema.String.annotations({
-      description: 'The move to make in the chess game.',
-      examples: ['e4', 'Bf3'],
-    }),
-  }),
-  outputSchema: Schema.Boolean.annotations({
-    description: 'False if the move was invalid.',
-  }),
-  handler: Effect.fn(function* ({ data: { id, move } }) {
-    const object = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Chess.Game);
-
-    // TODO(burdon): Avoid using try/catch inside Effect generators.
-    //  Use Effect's error handling mechanisms instead (e.g., Effect.try, Effect.tryPromise, Effect.catchAll, Effect.catchTag)
-    try {
-      const chess = new ChessJS();
-      chess.loadPgn(object.pgn);
-      chess.move(move, { strict: false });
-      object.pgn = chess.pgn();
-      return true;
-    } catch {
-      return false;
-    }
-  }),
-});