@dxos/react-ui-gameboard 0.8.4-main.c1de068 → 0.8.4-main.fd6878d

package/src/{Gameboard → components/Gameboard}/Piece.tsx

@@ -3,34 +3,32 @@
 //
 
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-// import { preserveOffsetOnSource } from '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source';
 import { centerUnderPointer } from '@atlaskit/pragmatic-drag-and-drop/element/center-under-pointer';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
-import React, { useState, useRef, useEffect, type FC, type SVGProps, memo } from 'react';
+import React, { type FC, type SVGProps, memo, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 
 import { invariant } from '@dxos/invariant';
 import { log } from '@dxos/log';
-import { useDynamicRef, useTrackProps, type ThemedClassName } from '@dxos/react-ui';
+import { type ThemedClassName, useDynamicRef, useTrackProps } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
 
-import { useBoardContext } from './context';
-import { isEqualLocation, isLocation, type Location, type PieceRecord, type Player } from './types';
+import { useGameboardContext } from './Gameboard';
+import { type Location, type PieceRecord, type Player, isEqualLocation, isLocation } from './types';
 import { type DOMRectBounds } from './util';
 
 export type PieceProps = ThemedClassName<{
+  Component: FC<SVGProps<SVGSVGElement>>;
   piece: PieceRecord;
   bounds: DOMRectBounds;
   label?: string;
   orientation?: Player;
-  Component: FC<SVGProps<SVGSVGElement>>;
+  onClick?: () => void;
 }>;
 
-export const Piece = memo(({ classNames, piece, orientation, bounds, label, Component }: PieceProps) => {
-  useTrackProps({ classNames, piece, orientation, bounds, label, Component }, Piece.displayName, false);
-  const { model } = useBoardContext();
-
-  const { dragging: isDragging, promoting } = useBoardContext();
+export const Piece = memo(({ classNames, Component, piece, orientation, bounds, label, onClick }: PieceProps) => {
+  useTrackProps({ classNames, Component, piece, orientation, bounds, label }, Piece.displayName, false);
+  const { model, dragging: isDragging, promoting } = useGameboardContext(Piece.displayName!);
   const promotingRef = useDynamicRef(promoting);
   const [dragging, setDragging] = useState(false);
   const [preview, setPreview] = useState<HTMLElement>();
@@ -46,14 +44,10 @@ export const Piece = memo(({ classNames, piece, orientation, bounds, label, Comp
     return draggable({
       element: el,
       getInitialData: () => ({ piece }),
-      onGenerateDragPreview: ({ nativeSetDragImage, location, source }) => {
+      onGenerateDragPreview: ({ nativeSetDragImage, source }) => {
         log('onGenerateDragPreview', { source: source.data });
         setCustomNativeDragPreview({
           getOffset: centerUnderPointer,
-          // getOffset: preserveOffsetOnSource({
-          //   element: source.element,
-          //   input: location.current.input,
-          // }),
           render: ({ container }) => {
             setPreview(container);
             const { width, height } = el.getBoundingClientRect();
@@ -69,9 +63,14 @@ export const Piece = memo(({ classNames, piece, orientation, bounds, label, Comp
       canDrag: () => !promotingRef.current && model?.turn === piece.side,
       onDragStart: () => setDragging(true),
       onDrop: ({ location: { current } }) => {
-        const location = current.dropTargets[0].data.location;
-        if (isLocation(location)) {
-          setCurrent((current) => ({ ...current, location }));
+        // TODO(burdon): Create wrapper function to catch errors.
+        try {
+          const location = current.dropTargets[0]?.data.location;
+          if (isLocation(location)) {
+            setCurrent((current) => ({ ...current, location }));
+          }
+        } catch {
+          // Ignore.
         }
 
         setDragging(false);
@@ -112,10 +111,10 @@ export const Piece = memo(({ classNames, piece, orientation, bounds, label, Comp
         className={mx(
           'absolute',
           classNames,
-          // orientation === 'black' && '_rotate-180',
           dragging && 'opacity-20', // Must not unmount component while dragging.
           isDragging && 'pointer-events-none', // Don't block the square's drop target.
         )}
+        onClick={onClick}
       >
         <Component className='grow' />
         {label && <div className='absolute inset-1 text-xs text-black'>{label}</div>}

package/src/{Gameboard → components/Gameboard}/Square.tsx

@@ -3,15 +3,15 @@
 //
 
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import React, { useRef, useState, useEffect, memo } from 'react';
+import React, { memo, useEffect, useRef, useState } from 'react';
 
 import { invariant } from '@dxos/invariant';
 import { log } from '@dxos/log';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
 
-import { useBoardContext } from './context';
-import { isPiece, type Location } from './types';
+import { useGameboardContext } from './Gameboard';
+import { type Location, isPiece } from './types';
 import { type DOMRectBounds } from './util';
 
 type HoveredState = 'idle' | 'validMove' | 'invalidMove';
@@ -25,7 +25,7 @@ export type SquareProps = ThemedClassName<{
 export const Square = memo(({ location, bounds, label, classNames }: SquareProps) => {
   const ref = useRef<HTMLDivElement>(null);
   const [state, setState] = useState<HoveredState>('idle');
-  const { model } = useBoardContext();
+  const { model } = useGameboardContext(Square.displayName!);
 
   useEffect(() => {
     const el = ref.current;

package/src/{Gameboard → components/Gameboard}/index.ts

@@ -2,10 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './context';
 export * from './types';
 export * from './util';
 
 export * from './Gameboard';
-export * from './Square';
-export * from './Piece';

package/src/{Gameboard → components/Gameboard}/types.ts

@@ -4,6 +4,7 @@
 
 import { type ReadonlySignal } from '@preact/signals-core';
 
+// TODO(burdon): Don't make this assumption.
 export type Player = 'black' | 'white';
 
 export type Location = [number, number];
@@ -52,6 +53,7 @@ export const isEqualLocation = (l1: Location, l2: Location): boolean => l1[0] ==
  */
 export interface GameboardModel<T extends PieceType = PieceType> {
   turn: Player;
+  /** @reactive */
   pieces: ReadonlySignal<PieceMap<T>>;
   isValidMove: (move: Move) => boolean;
   canPromote?: (move: Move) => boolean;

package/src/components/index.ts

@@ -0,0 +1,6 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './Gameboard';
+export * from './Chessboard';

package/src/index.ts

@@ -2,5 +2,4 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './Gameboard';
-export * from './Chessboard';
+export * from './components';

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chessboard.d.ts","sourceRoot":"","sources":["../../../../src/Chessboard/Chessboard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAGlG,OAAO,EAAE,KAAK,eAAe,EAAiB,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAIL,KAAK,MAAM,EAMZ,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C,iBAAiB,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CACH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,yFACgD,eAAe,uBA0GrF,CAAC"}

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

@@ -1,16 +0,0 @@
-import '@dxos-theme';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import React from 'react';
-import { type ChessboardProps } from './Chessboard';
-type RenderProps = Pick<ChessboardProps, 'orientation' | 'showLabels' | 'debug'> & {
-    fen: string;
-};
-declare const DefaultStory: ({ fen, orientation: _orientation, ...props }: RenderProps) => React.JSX.Element;
-declare const meta: Meta<typeof DefaultStory>;
-export default meta;
-type Story = StoryObj<typeof DefaultStory>;
-export declare const Default: Story;
-export declare const Promotion: Story;
-export declare const Debug: Story;
-export declare const Nine: Story;
-//# sourceMappingURL=Chessboard.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chessboard.stories.d.ts","sourceRoot":"","sources":["../../../../src/Chessboard/Chessboard.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAoD,MAAM,OAAO,CAAC;AAMzE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAIhE,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACjF,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,8CAA8C,WAAW,sBA+B9E,CAAC;AA2BF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"chess.d.ts","sourceRoot":"","sources":["../../../../src/Chessboard/chess.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAU,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAe,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,EACL,KAAK,IAAI,EACT,KAAK,QAAQ,EACb,KAAK,QAAQ,EAEb,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,MAAM,EACZ,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAS,CAAC;AAElF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,QAI3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,YAAY,QAAQ,KAAG,MAEpD,CAAC;AAyBF,eAAO,MAAM,WAAW;;;;CAAkB,CAAC;AAE3C,eAAO,MAAM,cAAc,GAAI,YAAY,QAAQ,WAElD,CAAC;AAmBF;;GAEG;AACH,qBAAa,UAAW,YAAW,cAAc,CAAC,UAAU,CAAC;IAC3D,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAoC;gBAEhD,GAAG,CAAC,EAAE,MAAM;IAIxB,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,MAAM,IAAI,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAEjD;IAED,IAAI,IAAI,IAAI,KAAK,CAEhB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI;IAM9B,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IAIhC,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IAM/B,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IAW7B,cAAc,IAAI,OAAO;IAYzB;;OAEG;IACH,OAAO,CAAC,OAAO;CAsBhB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,QAAQ,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAG,QAAQ,CAAC,CAAC,CAmClG,CAAC"}

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

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

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

@@ -1,23 +0,0 @@
-import React, { type CSSProperties, type PropsWithChildren } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { type GameboardModel, type Move } from './types';
-type GameboardRootProps = PropsWithChildren<{
-    model?: GameboardModel;
-    onDrop?: (move: Move) => boolean;
-}>;
-type GameboardContentsProps = ThemedClassName<PropsWithChildren<{
-    style?: CSSProperties;
-}>>;
-export declare const Gameboard: {
-    Root: {
-        ({ children, model, onDrop }: GameboardRootProps): React.JSX.Element;
-        displayName: string;
-    };
-    Content: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
-        style?: CSSProperties;
-    }>, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
-export type { GameboardRootProps, GameboardContentsProps };
-//# sourceMappingURL=Gameboard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Gameboard.d.ts","sourceRoot":"","sources":["../../../../src/Gameboard/Gameboard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAc,KAAK,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAGxH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,OAAO,EAAE,KAAK,cAAc,EAAuB,KAAK,IAAI,EAAoB,MAAM,SAAS,CAAC;AAEhG,KAAK,kBAAkB,GAAG,iBAAiB,CAAC;IAC1C,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;CAClC,CAAC,CAAC;AA6DH,KAAK,sBAAsB,GAAG,eAAe,CAC3C,iBAAiB,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC,CACH,CAAC;AAeF,eAAO,MAAM,SAAS;;sCA3E8B,kBAAkB;;;;gBA0D1D,aAAa;;;;CAoBxB,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/types/src/Gameboard/Piece.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Piece.d.ts","sourceRoot":"","sources":["../../../../src/Gameboard/Piece.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAA+B,KAAK,EAAE,EAAE,KAAK,QAAQ,EAAQ,MAAM,OAAO,CAAC;AAKzF,OAAO,EAAgC,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIpF,OAAO,EAA8C,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AACpG,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;CACxC,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,2FAAuE,UAAU,uBAwGjG,CAAC"}

package/dist/types/src/Gameboard/Square.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Square.d.ts","sourceRoot":"","sources":["../../../../src/Gameboard/Square.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI5C,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;IACxC,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,MAAM,sEAAkD,WAAW,uBA+C9E,CAAC"}

package/dist/types/src/Gameboard/context.d.ts

@@ -1,10 +0,0 @@
-import { type PieceRecord, type GameboardModel, type Move } from './types';
-export type GameboardContextType = {
-    model?: GameboardModel;
-    dragging?: boolean;
-    promoting?: PieceRecord;
-    onPromotion: (move: Move) => void;
-};
-export declare const GameboardContext: import("react").Context<GameboardContextType | undefined>;
-export declare const useBoardContext: () => GameboardContextType;
-//# sourceMappingURL=context.d.ts.map

package/dist/types/src/Gameboard/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/Gameboard/context.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,2DAA6D,CAAC;AAE3F,eAAO,MAAM,eAAe,4BAE3B,CAAC"}

package/dist/types/src/Gameboard/index.d.ts

@@ -1,7 +0,0 @@
-export * from './context';
-export * from './types';
-export * from './util';
-export * from './Gameboard';
-export * from './Square';
-export * from './Piece';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/Gameboard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Gameboard/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AAEvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Gameboard/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,QAAQ,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,QAAQ,KAAG,MAA4B,CAAC;AACnF,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,QAAkD,CAAC;AAGlG,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,WAMtB,CAAC;AAG7B,eAAO,MAAM,UAAU,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,QACwC,CAAC;AAE9F,eAAO,MAAM,eAAe,GAAI,IAAI,QAAQ,EAAE,IAAI,QAAQ,KAAG,OAA6C,CAAC;AAE3G;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;CACtC"}

package/dist/types/src/Gameboard/util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/Gameboard/util.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAE/E,eAAO,MAAM,iBAAiB,GAAI,WAAW,WAAW,EAAE,SAAS,WAAW,KAAG,aAShF,CAAC"}

package/src/Gameboard/Gameboard.tsx

@@ -1,103 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import React, { type CSSProperties, forwardRef, type PropsWithChildren, useCallback, useEffect, useState } from 'react';
-
-import { log } from '@dxos/log';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-import { GameboardContext, type GameboardContextType } from './context';
-import { type GameboardModel, isLocation, isPiece, type Move, type PieceRecord } from './types';
-
-type GameboardRootProps = PropsWithChildren<{
-  model?: GameboardModel;
-  onDrop?: (move: Move) => boolean;
-}>;
-
-/**
- * Generic board container.
- */
-const GameboardRoot = ({ children, model, onDrop }: GameboardRootProps) => {
-  const [dragging, setDragging] = useState(false);
-  const [promoting, setPromoting] = useState<PieceRecord | undefined>();
-
-  // Handle promotion.
-  const onPromotion = useCallback<GameboardContextType['onPromotion']>((move) => {
-    log('onPromotion', { move });
-    setPromoting(undefined);
-    onDrop?.(move);
-  }, []);
-
-  useEffect(() => {
-    if (!model) {
-      return;
-    }
-
-    // TODO(burdon): Should target specific container.
-    return monitorForElements({
-      onDragStart: ({ source }) => {
-        log('onDragStart', { source });
-        setDragging(true);
-      },
-      onDrop: ({ source, location }) => {
-        log('onDrop', { source, location });
-        const target = location.current.dropTargets[0];
-        if (!target) {
-          return;
-        }
-
-        const targetLocation = target.data.location;
-        const piece = source.data.piece;
-        if (!isLocation(targetLocation) || !isPiece(piece)) {
-          return;
-        }
-
-        const move: Move = { from: piece.location, to: targetLocation, piece: piece.type };
-        if (model.canPromote?.(move)) {
-          setPromoting({ ...piece, location: targetLocation });
-        } else {
-          onDrop?.(move);
-        }
-
-        setDragging(false);
-      },
-    });
-  }, [model]);
-
-  return (
-    <GameboardContext.Provider value={{ model, dragging, promoting, onPromotion }}>
-      {children}
-    </GameboardContext.Provider>
-  );
-};
-
-GameboardRoot.displayName = 'Gameboard.Root';
-
-type GameboardContentsProps = ThemedClassName<
-  PropsWithChildren<{
-    style?: CSSProperties;
-  }>
->;
-
-/**
- * Container centers the board.
- */
-const GameboardContent = forwardRef<HTMLDivElement, GameboardContentsProps>(
-  ({ children, classNames, style }, forwardedRef) => {
-    return (
-      <div ref={forwardedRef} style={style} className='flex w-full h-full justify-center overflow-hidden'>
-        <div className={mx('max-w-full max-h-full content-center aspect-square', classNames)}>{children}</div>
-      </div>
-    );
-  },
-);
-
-export const Gameboard = {
-  Root: GameboardRoot,
-  Content: GameboardContent,
-};
-
-export type { GameboardRootProps, GameboardContentsProps };

package/src/Gameboard/context.ts

@@ -1,22 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { createContext, useContext } from 'react';
-
-import { raise } from '@dxos/debug';
-
-import { type PieceRecord, type GameboardModel, type Move } from './types';
-
-export type GameboardContextType = {
-  model?: GameboardModel;
-  dragging?: boolean; // TODO(burdon): Change to PieceRecord.
-  promoting?: PieceRecord;
-  onPromotion: (move: Move) => void;
-};
-
-export const GameboardContext = createContext<GameboardContextType | undefined>(undefined);
-
-export const useBoardContext = () => {
-  return useContext(GameboardContext) ?? raise(new Error('Missing BoardContext'));
-};