@dxos/react-ui-gameboard 0.10.0 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-gameboard",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Game board.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -15,8 +15,7 @@
     ".": {
       "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs",
-      "node": "./dist/lib/node-esm/index.mjs"
+      "import": "./dist/lib/index.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -27,15 +26,16 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "1.7.7",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
+    "@effect-atom/atom": "^0.5.3",
     "@effect-atom/atom-react": "^0.5.0",
     "@radix-ui/react-context": "1.1.1",
     "chess.js": "^1.0.0",
     "react-resize-detector": "^11.0.1",
-    "@dxos/debug": "0.10.0",
-    "@dxos/invariant": "0.10.0",
-    "@dxos/util": "0.10.0",
-    "@dxos/log": "0.10.0",
-    "@dxos/node-std": "0.10.0"
+    "@dxos/debug": "0.11.0",
+    "@dxos/log": "0.11.0",
+    "@dxos/node-std": "0.11.0",
+    "@dxos/util": "0.11.0",
+    "@dxos/invariant": "0.11.0"
   },
   "devDependencies": {
     "@svgr/cli": "^8.1.0",
@@ -45,16 +45,16 @@
     "lodash.defaultsdeep": "^4.6.1",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "vite": "^8.0.16",
-    "@dxos/react-ui": "0.10.0",
-    "@dxos/storybook-utils": "0.10.0",
-    "@dxos/ui-theme": "0.10.0"
+    "vite": "^8.1.4",
+    "@dxos/react-ui": "0.11.0",
+    "@dxos/storybook-utils": "0.11.0",
+    "@dxos/ui-theme": "0.11.0"
   },
   "peerDependencies": {
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "@dxos/react-ui": "0.10.0",
-    "@dxos/ui-theme": "0.10.0"
+    "@dxos/react-ui": "^0.11.0",
+    "@dxos/ui-theme": "^0.11.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Chessboard/chess.ts

@@ -2,14 +2,14 @@
 // Copyright 2025 DXOS.org
 //
 
-import { Atom, type Registry } from '@effect-atom/atom-react';
+import { Atom, type Registry } from '@effect-atom/atom';
 import { Chess as ChessJS } from 'chess.js';
 import { type FC, type SVGProps } from 'react';
 
 import { invariant } from '@dxos/invariant';
 import { log } from '@dxos/log';
 
-import * as Alpha from '../../gen/pieces/chess/alpha';
+import * as Alpha from '../../gen/pieces/chess/alpha/index';
 import {
   type GameboardModel,
   type Location,

package/src/components/Gameboard/Gameboard.tsx

@@ -3,30 +3,17 @@
 //
 
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { createContext } from '@radix-ui/react-context';
 import React, { type PropsWithChildren, forwardRef, useCallback, useEffect, useState } from 'react';
 
 import { log } from '@dxos/log';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { mx } from '@dxos/ui-theme';
 
+import { GameboardContextProvider, type GameboardContextValue } from './GameboardContext';
 import { Piece, type PieceProps } from './Piece';
 import { Square, type SquareProps } from './Square';
 import { type GameboardModel, type Move, type PieceRecord, isLocation, isPiece } from './types';
 
-export type GameboardContextValue<M extends GameboardModel<any>> = {
-  model: M;
-  dragging?: boolean; // TODO(burdon): Change to PieceRecord.
-  promoting?: PieceRecord;
-  onPromotion: (move: Move) => void;
-};
-
-const [GameboardContextProvider, useRadixGameboardContext] = createContext<GameboardContextValue<any>>('Gameboard');
-
-const useGameboardContext = <M extends GameboardModel<any>>(consumerName: string): GameboardContextValue<M> => {
-  return useRadixGameboardContext(consumerName);
-};
-
 //
 // Root
 //
@@ -128,8 +115,6 @@ export const Gameboard = {
   Square,
 };
 
-export { useGameboardContext };
-
 export type {
   GameboardContentProps,
   PieceProps as GameboardPieceProps,

package/src/components/Gameboard/GameboardContext.ts

@@ -0,0 +1,24 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { createContext } from '@radix-ui/react-context';
+
+import { type GameboardModel, type Move, type PieceRecord } from './types';
+
+// Kept out of `Gameboard.tsx`: react-refresh only fast-refreshes a module whose exports are all
+// components, so a context and its hook exported beside them force a full page reload on every edit.
+
+export type GameboardContextValue<M extends GameboardModel<any>> = {
+  model: M;
+  dragging?: boolean; // TODO(burdon): Change to PieceRecord.
+  promoting?: PieceRecord;
+  onPromotion: (move: Move) => void;
+};
+
+export const [GameboardContextProvider, useRadixGameboardContext] =
+  createContext<GameboardContextValue<any>>('Gameboard');
+
+export const useGameboardContext = <M extends GameboardModel<any>>(consumerName: string): GameboardContextValue<M> => {
+  return useRadixGameboardContext(consumerName);
+};

package/src/components/Gameboard/Piece.tsx

@@ -13,7 +13,7 @@ import { log } from '@dxos/log';
 import { type ThemedClassName, useDynamicRef } from '@dxos/react-ui';
 import { mx } from '@dxos/ui-theme';
 
-import { useGameboardContext } from './Gameboard';
+import { useGameboardContext } from './GameboardContext';
 import { type Location, type PieceRecord, type Player, isEqualLocation, isLocation } from './types';
 import { type DOMRectBounds } from './util';
 

package/src/components/Gameboard/Square.tsx

@@ -10,7 +10,7 @@ import { log } from '@dxos/log';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { mx } from '@dxos/ui-theme';
 
-import { useGameboardContext } from './Gameboard';
+import { useGameboardContext } from './GameboardContext';
 import { type Location, isPiece } from './types';
 import { type DOMRectBounds } from './util';
 

package/src/components/Gameboard/index.ts

@@ -5,4 +5,6 @@
 export * from './types';
 export * from './util';
 
+export { type GameboardContextValue, useGameboardContext } from './GameboardContext';
+
 export * from './Gameboard';

package/src/components/Gameboard/types.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { type Atom } from '@effect-atom/atom-react';
+import { type Atom } from '@effect-atom/atom';
 
 // TODO(burdon): Don't make this assumption.
 export type Player = 'black' | 'white';