@connectorvol/chess-widgets 7.0.3 → 8.0.1

package/dist/game-analyzer/GameAnalyzer.svelte

@@ -1,68 +1,83 @@
 <script lang="ts">
-  import type { TGameAnalyzerProps } from "./types.js";
+    import type { TGameAnalyzerProps } from "./types.js";
 
-  import { Chessboard, DEFAULT_BOARD_SETTINGS } from "@connectorvol/chessboard";
-  import { TreeViewer, TreeViewerPanelManager } from "@connectorvol/tree";
-  import { Game } from "./gameAnalyzer.svelte.js";
-  import { untrack } from "svelte";
+    import { Chessboard } from "@connectorvol/chessboard";
+    import { TreeViewer, TreeViewerPanelManager } from "@connectorvol/tree";
+    import { Game } from "./gameAnalyzer.svelte.js";
+    import { untrack } from "svelte";
 
-  let {
-    pgn,
-    onChangePGN,
-    boardTheme,
-    boardAppearanceSettings,
-    editMode = true,
-    class: className,
-  }: TGameAnalyzerProps = $props();
+    let {
+        pgn,
+        onChangePGN,
+        boardTheme,
+        boardAppearanceSettings,
+        editMode = true,
+        class: className,
+    }: TGameAnalyzerProps = $props();
 
-  
-  let game = $derived(new Game(
-    untrack(() => pgn),
-      {
-        ...DEFAULT_BOARD_SETTINGS,
-        ...boardAppearanceSettings,
-        boardSize: "auto",
-      },
-      "chess",
-      boardTheme,
-    ))
+    let game = $derived(
+        new Game(
+            untrack(() => pgn),
+            {
+                ...boardAppearanceSettings,
+            },
+            "chess",
+            boardTheme,
+        ),
+    );
 
-  function handleChangeDirty(_setIsDirty: (value: boolean) => void) {
-    console.log('handleChangeDirty')
-    const exported = game.exportPgn();
-    onChangePGN?.(exported);
-  }
-  
+    let boardSize = $derived(
+        game.chessboard.getBoard().settingsService.boardSize,
+    );
+    let isAutoSize = $derived(boardSize === "auto");
+
+    function handleChangeDirty(_setIsDirty: (value: boolean) => void) {
+        console.log("handleChangeDirty");
+        const exported = game.exportPgn();
+        onChangePGN?.(exported);
+    }
 </script>
 
 <div class={["mx-4 lg:container lg:mx-auto gap-4", className]}>
-  <div class="flex justify-center relative lg:gap-4 flex-col lg:flex-row">
-    <div class="lg:w-2/5">
-      <Chessboard facade={game.chessboard} />
-    </div>
-
+    <div class="flex justify-center relative lg:gap-4 flex-col lg:flex-row">
+        <div
+            class={[
+                "w-full",
+                isAutoSize ? "lg:w-2/5" : "lg:w-auto lg:min-w-[3.75rem]",
+            ]}
+            style={!isAutoSize && typeof boardSize === "number"
+                ? `flex-basis: ${boardSize}rem;`
+                : ""}
+        >
+            <Chessboard facade={game.chessboard} />
+        </div>
 
-    <div class="lg:w-3/5 flex lg:flex-col flex-col-reverse h-full">
-      <div class="h-full">
-        <TreeViewer
-          className="h-[calc(100dvh-8rem)]"
-          chessTree={game.chessTree}
-          onSelectNode={game.onSelectNode}
-          onDeleteVariant={game.onDeleteVariant}
-          setChessFen={game.setChessFen}
-          setChessboardFen={game.setChessboardFen}
-          pieceSet={game.chessboard.chessSet}
-          {editMode}
-          onChangeDirty={handleChangeDirty}
-        />
-      </div>
+        <div
+            class={[
+                "w-full flex lg:flex-col flex-col-reverse h-full",
+                isAutoSize ? "lg:w-3/5" : "lg:flex-1 lg:min-w-[20rem]",
+            ]}
+        >
+            <div class="h-full">
+                <TreeViewer
+                    className="h-[calc(100dvh-8rem)]"
+                    chessTree={game.chessTree}
+                    onSelectNode={game.onSelectNode}
+                    onDeleteVariant={game.onDeleteVariant}
+                    setChessFen={game.setChessFen}
+                    setChessboardFen={game.setChessboardFen}
+                    pieceSet={game.chessboard.chessSet}
+                    {editMode}
+                    onChangeDirty={handleChangeDirty}
+                />
+            </div>
 
-      <TreeViewerPanelManager
-        className="flex w-full justify-center select-none col-span-1 my-4"
-        chessTree={game.chessTree}
-        setChessFen={game.setChessFen}
-        setChessboardFen={game.setChessboardFen}
-      />
+            <TreeViewerPanelManager
+                className="flex w-full justify-center select-none col-span-1 my-4"
+                chessTree={game.chessTree}
+                setChessFen={game.setChessFen}
+                setChessboardFen={game.setChessboardFen}
+            />
+        </div>
     </div>
-  </div>
 </div>

package/dist/game-analyzer/gameAnalyzer.svelte.js

@@ -1,5 +1,5 @@
 import { Color, calculatePly, generateId } from "@connectorvol/shared";
-import { CHESSBOARD_THEMES, createBoardApi, DEFAULT_BOARD_SETTINGS, Draggable, syncMoveEvaluationNagBadge, } from "@connectorvol/chessboard";
+import { CHESSBOARD_THEMES, createBoardApi, Draggable, syncMoveEvaluationNagBadge, } from "@connectorvol/chessboard";
 import { PgnOps } from "@connectorvol/chessops/pgnOps.svelte";
 import { transformPgnToChessNode, createPgnFromTree } from "@connectorvol/tree";
 import { ChessTree } from "@connectorvol/tree";
@@ -12,7 +12,7 @@ export class Game {
     boardSettings;
     variant;
     boardTheme;
-    constructor(pgn, chessBoardSettings = DEFAULT_BOARD_SETTINGS, variant = "chess", boardTheme) {
+    constructor(pgn, chessBoardSettings, variant = "chess", boardTheme) {
         this.boardSettings = chessBoardSettings;
         this.variant = variant;
         this.boardTheme = boardTheme ?? CHESSBOARD_THEMES.blue;
@@ -59,7 +59,7 @@ export class Game {
                     this.chessboard.setNodeMarkers(this.chessTree.currentNode.data.parsedFirstComment?.shapes);
                 },
                 beforePieceMove: (from, to, promotion) => {
-                    const { san, ply, fullMoves, move: lastMove } = this.chess.makeMove({
+                    const { san, ply, fullMoves, move: lastMove, } = this.chess.makeMove({
                         from,
                         to,
                         promotion,

package/dist/game-analyzer/types.d.ts

@@ -23,7 +23,7 @@ export interface TGameAnalyzerProps {
     /**
      * Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`).
      */
-    boardAppearanceSettings?: TChessboardAppearanceSettings;
+    boardAppearanceSettings: TChessboardAppearanceSettings;
     /**
      * Возвращает признак режима правки дерева (по умолчанию `true`).
      */

package/dist/puzzle/puzzleCreatedPayload.js

@@ -1,5 +1,5 @@
 import { INITIAL_FEN } from "@connectorvol/chessops/fen";
-import { makePgn, parsePgn, } from "@connectorvol/chessops/pgn";
+import { makePgn, parsePgn } from "@connectorvol/chessops/pgn";
 /**
  * Представляет разбор полного PGN из дерева задачи на FEN и чистую строку ходов.
  */

package/dist/puzzle-creation/PuzzlePgnBoardTreeEditor.svelte

@@ -12,7 +12,6 @@
   import {
     CHESSBOARD_THEMES,
     createBoardApi,
-    DEFAULT_BOARD_SETTINGS,
     Draggable,
     syncMoveEvaluationNagBadge,
   } from "@connectorvol/chessboard";
@@ -389,8 +388,7 @@
     createBoardApi({
       fen: INITIAL_FEN,
       settings: {
-        ...DEFAULT_BOARD_SETTINGS,
-        ...(boardAppearanceSettings ?? {}),
+        ...boardAppearanceSettings,
         boardSize: 38,
         isResizable: false,
         orientation: Color.WHITE,

package/dist/puzzle-creation/StepPreview.svelte

@@ -30,7 +30,7 @@
     /** Возвращает тему оформления шахматной доски (по умолчанию `CHESSBOARD_THEMES.blue`). */
     boardTheme?: ChessboardTheme;
     /** Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`). */
-    boardAppearanceSettings?: TChessboardAppearanceSettings;
+    boardAppearanceSettings: TChessboardAppearanceSettings;
   }
 
   const props: Props = $props();

package/dist/puzzle-creation/StepPreview.svelte.d.ts

@@ -16,7 +16,7 @@ interface Props {
     /** Возвращает тему оформления шахматной доски (по умолчанию `CHESSBOARD_THEMES.blue`). */
     boardTheme?: ChessboardTheme;
     /** Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`). */
-    boardAppearanceSettings?: TChessboardAppearanceSettings;
+    boardAppearanceSettings: TChessboardAppearanceSettings;
 }
 declare const StepPreview: import("svelte").Component<Props, {}, "">;
 type StepPreview = ReturnType<typeof StepPreview>;

package/dist/puzzle-creation/createPuzzleLineEditingBoard.d.ts

@@ -10,7 +10,7 @@ export declare function sideToMoveFromFullFen(fullFen: string): Color;
  * Представляет создание API доски для интерактивного построения линии (как в мастере задач):
  * ориентация и перетаскивание по стороне хода, фиксированный размер доски.
  */
-export declare function createPuzzleLineEditingBoardApi(fullFen: string, actions: IChessBoardActions, opts?: {
+export declare function createPuzzleLineEditingBoardApi(fullFen: string, actions: IChessBoardActions, opts: {
     boardTheme?: ChessboardTheme;
-    boardAppearanceSettings?: TChessboardAppearanceSettings;
+    boardAppearanceSettings: TChessboardAppearanceSettings;
 }): import("@connectorvol/chessboard").BoardApi;

package/dist/puzzle-creation/createPuzzleLineEditingBoard.js

@@ -1,4 +1,4 @@
-import { CHESSBOARD_THEMES, createBoardApi, DEFAULT_BOARD_SETTINGS, Draggable, } from "@connectorvol/chessboard";
+import { CHESSBOARD_THEMES, createBoardApi, Draggable, } from "@connectorvol/chessboard";
 import { Color } from "@connectorvol/shared";
 import { DEFAULT_EDITABLE_BOARD_SETTINGS } from "../constants/editable-board-settings.js";
 /**
@@ -12,13 +12,12 @@ export function sideToMoveFromFullFen(fullFen) {
  * Представляет создание API доски для интерактивного построения линии (как в мастере задач):
  * ориентация и перетаскивание по стороне хода, фиксированный размер доски.
  */
-export function createPuzzleLineEditingBoardApi(fullFen, actions, opts = {}) {
+export function createPuzzleLineEditingBoardApi(fullFen, actions, opts) {
     const side = sideToMoveFromFullFen(fullFen);
-    const { boardSize: _boardSize, orientation: _orientation, draggable: _draggable, ...appearanceSettings } = (opts.boardAppearanceSettings ?? {});
+    const { boardSize: _boardSize, orientation: _orientation, draggable: _draggable, ...appearanceSettings } = opts.boardAppearanceSettings;
     return createBoardApi({
         fen: fullFen,
         settings: {
-            ...DEFAULT_BOARD_SETTINGS,
             ...appearanceSettings,
             boardSize: DEFAULT_EDITABLE_BOARD_SETTINGS.boardSize,
             isResizable: false,

package/dist/puzzle-creation/types.d.ts

@@ -40,7 +40,7 @@ export interface TPuzzlePgnBoardTreeEditorProps {
     /**
      * Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`).
      */
-    boardAppearanceSettings?: TChessboardAppearanceSettings;
+    boardAppearanceSettings: TChessboardAppearanceSettings;
     /**
      * Возвращает дополнительные классы Tailwind для корневого контейнера раскладки.
      */
@@ -65,5 +65,5 @@ export interface TPuzzleCreationWizardProps {
     /**
      * Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`).
      */
-    boardAppearanceSettings?: TChessboardAppearanceSettings;
+    boardAppearanceSettings: TChessboardAppearanceSettings;
 }

package/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@connectorvol/chess-widgets",
-  "version": "7.0.3",
+  "version": "8.0.1",
   "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -25,6 +22,9 @@
       "require": "./dist/index.js"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "start": "vite",
     "dev": "vite",
@@ -42,10 +42,10 @@
     "test:e2e:ui": "node node_modules/@playwright/test/cli.js test --ui"
   },
   "dependencies": {
-    "@connectorvol/chessboard": "7.0.2",
-    "@connectorvol/chessops": "7.0.2",
-    "@connectorvol/shared": "7.0.2",
-    "@connectorvol/tree": "7.0.2",
+    "@connectorvol/chessboard": "8.0.1",
+    "@connectorvol/chessops": "8.0.1",
+    "@connectorvol/shared": "8.0.1",
+    "@connectorvol/tree": "8.0.1",
     "bits-ui": "2.16.4",
     "clsx": "^2.1.1",
     "svelte-toolbelt": "^0.10.6",
@@ -54,8 +54,8 @@
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "4.5.1",
-    "@playwright/test": "1.54.1",
     "@lucide/svelte": "^1.16.0",
+    "@playwright/test": "1.54.1",
     "@sveltejs/adapter-static": "3.0.10",
     "@sveltejs/kit": "2.48.0",
     "@sveltejs/package": "2.4.0",
@@ -77,4 +77,4 @@
     "@lucide/svelte": "^1.16.0",
     "svelte": "^5.53.12"
   }
-}
+}