@connectorvol/tree 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectorvol/tree",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -21,10 +21,11 @@
   "scripts": {
     "start": "vite",
     "dev": "vite",
-    "build": "vite build && npm run package",
+    "build": "vite build",
     "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package",
-    "prepublishOnly": "npm run package",
+    "package": "vite build && bun pm pack",
+    "publish": "bun publish",
+    "prepublishOnly": "bun pm pack",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "format": "oxfmt --write . && prettier --write \"**/*.svelte\"",
@@ -35,42 +36,42 @@
     "test:ui": "npx playwright test --ui"
   },
   "dependencies": {
-    "@connectorvol/shared": "workspace:*",
+    "@connectorvol/shared": "1.0.1",
     "bits-ui": "^2.11.4",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^3.1.1"
   },
   "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "catalog:",
-    "@internationalized/date": "catalog:",
+    "@connectorvol/chessboard": "1.0.1",
+    "@connectorvol/chessops": "0.15.1",
+    "@ianvs/prettier-plugin-sort-imports": "4.5.1",
+    "@internationalized/date": "3.9.0",
     "@lucide/svelte": "^0.548.0",
-    "@playwright/test": "catalog:",
-    "@sveltejs/adapter-static": "catalog:",
-    "@sveltejs/kit": "catalog:",
-    "@sveltejs/package": "catalog:",
-    "@sveltejs/vite-plugin-svelte": "catalog:",
-    "@tailwindcss/forms": "catalog:",
-    "@tailwindcss/postcss": "catalog:",
-    "@tailwindcss/typography": "catalog:",
-    "@tailwindcss/vite": "catalog:",
-    "@connectorvol/chessboard": "workspace:*",
-    "@connectorvol/chessops": "workspace:*",
-    "autoprefixer": "catalog:",
+    "@playwright/test": "1.54.1",
+    "@sveltejs/adapter-static": "3.0.10",
+    "@sveltejs/kit": "2.48.0",
+    "@sveltejs/package": "2.4.0",
+    "@sveltejs/vite-plugin-svelte": "6.0.0",
+    "@tailwindcss/forms": "0.5.10",
+    "@tailwindcss/postcss": "4.1.11",
+    "@tailwindcss/typography": "0.5.16",
+    "@tailwindcss/vite": "4.1.11",
+    "autoprefixer": "10.4.21",
     "mode-watcher": "^1.1.0",
-    "prettier": "catalog:",
-    "prettier-plugin-svelte": "catalog:",
-    "prettier-plugin-tailwindcss": "catalog:",
-    "svelte-check": "catalog:",
+    "prettier": "3.6.2",
+    "prettier-plugin-svelte": "3.4.0",
+    "prettier-plugin-tailwindcss": "0.6.14",
+    "svelte-check": "4.3.2",
     "svelte-sonner": "^1.0.5",
-    "tailwindcss": "catalog:",
+    "tailwindcss": "4.1.11",
     "tw-animate-css": "^1.4.0",
-    "typescript": "catalog:",
-    "vite": "catalog:",
-    "vite-plugin-checker": "catalog:",
-    "vite-plugin-svelte-checker": "catalog:"
+    "typescript": "5.9.2",
+    "vite": "^8.0.0",
+    "vite-plugin-checker": "0.12.0",
+    "vite-plugin-svelte-checker": "0.1.2"
   },
   "peerDependencies": {
-    "svelte": "catalog:"
+    "svelte": "^5.43.0"
   }
 }

package/dist/(classes)/chessTree.svelte.d.ts

@@ -1,51 +0,0 @@
-import type { ChessTreeNode, TChessTree } from "../(models)/chessTreeNode.js";
-export declare class ChessTree {
-    rootNode: TChessTree;
-    currentNode: ChessTreeNode;
-    forcedNodeId: string | null;
-    /** Представляет индекс узлов по id для O(1) доступа к родителю по parentId. */
-    private nodeById;
-    constructor(rootNode: TChessTree);
-    /** Представляет перестроение индекса nodeById по всему дереву. */
-    private rebuildNodeById;
-    /** Представляет добавление узла и всех потомков в индекс nodeById. */
-    private addNodeToMap;
-    /** Представляет удаление узла и всех потомков из индекса nodeById. */
-    private removeNodeFromMap;
-    addNodeToCurrent(node: ChessTreeNode): void;
-    /**
-     * Представляет функцию поднятия приоритета варианта.
-     * Перемещает узел в начало списка детей его родителя.
-     * Если узел уже первый, поднимается по дереву вверх и ищет родителя,
-     * который не является первым среди своих детей.
-     */
-    upPriority(node: ChessTreeNode): void;
-    /**
-     * Представляет функцию превращения варианта в главный.
-     * Поднимает приоритет узла до тех пор, пока все его предки
-     * не станут первыми в списке детей своих родителей.
-     */
-    makeMainVariant(node: ChessTreeNode): void;
-    /**
-     * Представляет получение родителя текущего узла.
-     * Возвращает родительский узел или null, если текущий узел — корень.
-     */
-    getCurrentNodeParent(): ChessTreeNode | null;
-    /**
-     * Представляет функцию удаления варианта из дерева.
-     * Удаляет указанный узел и все его дочерние узлы.
-     * Если удаляется текущий узел, перемещает указатель на родительский узел.
-     */
-    deleteVariant(node: ChessTreeNode): void;
-    /**
-     * Представляет вспомогательную функцию для проверки, является ли узел предком указанного узла по ID.
-     * Возвращает true, если node является предком узла с targetNodeId.
-     */
-    private isNodeAncestorOf;
-    /**
-     * Представляет вспомогательную функцию для поиска родительского узла.
-     * Возвращает родительский узел для заданного узла или null (корень / родитель не в индексе).
-     * Поиск по индексу nodeById по targetNode.parentId — O(1).
-     */
-    private findParentNode;
-}

package/dist/(classes)/chessTree.svelte.js

@@ -1,160 +0,0 @@
-import { generateId } from "@connectorvol/shared";
-export class ChessTree {
-    rootNode;
-    currentNode;
-    // Заставляет узел отображаться как побочная линия, а не главный вариант
-    forcedNodeId;
-    /** Представляет индекс узлов по id для O(1) доступа к родителю по parentId. */
-    nodeById = new Map();
-    constructor(rootNode) {
-        this.rootNode = $state(rootNode);
-        this.currentNode = $state.raw(this.rootNode.moves);
-        this.forcedNodeId = $state(null);
-        this.rebuildNodeById();
-    }
-    /** Представляет перестроение индекса nodeById по всему дереву. */
-    rebuildNodeById() {
-        this.nodeById.clear();
-        const addToMap = (node) => {
-            this.nodeById.set(node.id, node);
-            for (const child of node.children) {
-                addToMap(child);
-            }
-        };
-        addToMap(this.rootNode.moves);
-    }
-    /** Представляет добавление узла и всех потомков в индекс nodeById. */
-    addNodeToMap(node) {
-        this.nodeById.set(node.id, node);
-        for (const child of node.children) {
-            this.addNodeToMap(child);
-        }
-    }
-    /** Представляет удаление узла и всех потомков из индекса nodeById. */
-    removeNodeFromMap(node) {
-        this.nodeById.delete(node.id);
-        for (const child of node.children) {
-            this.removeNodeFromMap(child);
-        }
-    }
-    addNodeToCurrent(node) {
-        const existingNode = this.currentNode.children.find((child) => child.data.san === node.data.san);
-        if (existingNode) {
-            this.currentNode = existingNode;
-            return;
-        }
-        const newNode = {
-            ...node,
-            parentId: this.currentNode.id,
-            id: node.id || generateId(),
-        };
-        this.currentNode.children.push(newNode);
-        const addedNode = this.currentNode.children[this.currentNode.children.length - 1];
-        this.addNodeToMap(addedNode);
-        this.currentNode = addedNode;
-    }
-    /**
-     * Представляет функцию поднятия приоритета варианта.
-     * Перемещает узел в начало списка детей его родителя.
-     * Если узел уже первый, поднимается по дереву вверх и ищет родителя,
-     * который не является первым среди своих детей.
-     */
-    upPriority(node) {
-        const parent = this.findParentNode(node);
-        if (!parent)
-            return; // Корневой узел не может быть поднят
-        const nodeIndex = parent.children.findIndex((child) => child.id === node.id);
-        if (nodeIndex === -1)
-            return; // Узел не найден среди детей родителя
-        // Если узел уже первый среди детей, идем вверх по дереву
-        if (nodeIndex === 0) {
-            this.upPriority(parent);
-            return;
-        }
-        // Перемещаем узел в начало списка детей
-        const [movedNode] = parent.children.splice(nodeIndex, 1);
-        parent.children.unshift(movedNode);
-        this.forcedNodeId = null;
-    }
-    /**
-     * Представляет функцию превращения варианта в главный.
-     * Поднимает приоритет узла до тех пор, пока все его предки
-     * не станут первыми в списке детей своих родителей.
-     */
-    makeMainVariant(node) {
-        let currentNode = node;
-        while (currentNode) {
-            const parent = this.findParentNode(currentNode);
-            if (!parent)
-                break; // Достигли корня
-            const nodeIndex = parent.children.findIndex((child) => child.id === currentNode.id);
-            if (nodeIndex === -1)
-                break; // Узел не найден
-            // Если узел уже первый, переходим к родителю
-            if (nodeIndex === 0) {
-                currentNode = parent;
-                continue;
-            }
-            // Перемещаем узел в начало списка детей
-            const [movedNode] = parent.children.splice(nodeIndex, 1);
-            parent.children.unshift(movedNode);
-            // Переходим к родителю
-            currentNode = parent;
-        }
-        this.forcedNodeId = null;
-    }
-    /**
-     * Представляет получение родителя текущего узла.
-     * Возвращает родительский узел или null, если текущий узел — корень.
-     */
-    getCurrentNodeParent() {
-        return this.findParentNode(this.currentNode);
-    }
-    /**
-     * Представляет функцию удаления варианта из дерева.
-     * Удаляет указанный узел и все его дочерние узлы.
-     * Если удаляется текущий узел, перемещает указатель на родительский узел.
-     */
-    deleteVariant(node) {
-        const parent = this.findParentNode(node);
-        if (!parent)
-            return; // Нельзя удалить корневой узел
-        const nodeIndex = parent.children.findIndex((child) => child.id === node.id);
-        if (nodeIndex === -1)
-            return; // Узел не найден среди детей родителя
-        this.currentNode = parent;
-        // Удаляем узел из списка детей родителя
-        parent.children.splice(nodeIndex, 1);
-        this.removeNodeFromMap(node);
-        // Сбрасываем forcedNodeId если он указывает на удаляемый узел или его потомков
-        if (this.forcedNodeId && this.isNodeAncestorOf(node, this.forcedNodeId)) {
-            this.forcedNodeId = null;
-        }
-    }
-    /**
-     * Представляет вспомогательную функцию для проверки, является ли узел предком указанного узла по ID.
-     * Возвращает true, если node является предком узла с targetNodeId.
-     */
-    isNodeAncestorOf(node, targetNodeId) {
-        if (node.id === targetNodeId) {
-            return true;
-        }
-        for (const child of node.children) {
-            if (this.isNodeAncestorOf(child, targetNodeId)) {
-                return true;
-            }
-        }
-        return false;
-    }
-    /**
-     * Представляет вспомогательную функцию для поиска родительского узла.
-     * Возвращает родительский узел для заданного узла или null (корень / родитель не в индексе).
-     * Поиск по индексу nodeById по targetNode.parentId — O(1).
-     */
-    findParentNode(targetNode) {
-        const parentId = targetNode.parentId;
-        if (parentId === undefined)
-            return null;
-        return this.nodeById.get(parentId) ?? null;
-    }
-}

package/dist/(components)/ImportToPgn.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import type { ChessTree } from "../(classes)/chessTree.svelte.js";
-  import { createPgnFromTree } from "../(utils)/createPgnFromTree.js";
-
-  interface Props {
-    chessTree: ChessTree;
-  }
-
-  const { chessTree }: Props = $props();
-
-  const getPgn = () => {
-    navigator.clipboard.writeText(createPgnFromTree(chessTree.rootNode));
-  };
-</script>
-
-<button onclick={getPgn}>Импортировать в PGN</button>

package/dist/(components)/ImportToPgn.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { ChessTree } from "../(classes)/chessTree.svelte.js";
-interface Props {
-    chessTree: ChessTree;
-}
-declare const ImportToPgn: import("svelte").Component<Props, {}, "">;
-type ImportToPgn = ReturnType<typeof ImportToPgn>;
-export default ImportToPgn;

package/dist/(components)/Move.svelte

@@ -1,285 +0,0 @@
-<script lang="ts">
-  import type { ChessTreeNode } from "../(models)/chessTreeNode.js";
-
-  import ArrowUpIcon from "@lucide/svelte/icons/arrow-up";
-  import CheckCheckIcon from "@lucide/svelte/icons/check-check";
-  import FlagIcon from "@lucide/svelte/icons/flag";
-  import Trash2Icon from "@lucide/svelte/icons/trash-2";
-  import { parseComment } from "@connectorvol/chessops/pgn";
-  import * as ContextMenu from "../components/ui/context-menu/index.js";
-
-  import { getGameContext } from "../(utils)/context.js";
-  import { transformNag } from "../(utils)/transformNag.js";
-  import Move from "./Move.svelte";
-  import MoveWithIcon from "./MoveWithIcon.svelte";
-  import type { PieceSet } from "@connectorvol/shared";
-  import { ACTIVE_MOVE_CLASS } from "../(utils)/scrollToActiveMove.js";
-
-  const HIGHEST_LEVEL = 1;
-
-  interface Props {
-    chessNode: ChessTreeNode;
-    depth: number;
-    parentNode: ChessTreeNode | null;
-    needSpace: boolean;
-    needRenderParentChildrens?: boolean;
-    pieceSet: PieceSet;
-  }
-
-  const {
-    chessNode,
-    depth,
-    parentNode,
-    needSpace,
-    needRenderParentChildrens = true,
-    pieceSet,
-  }: Props = $props();
-
-  const { chessTree, onSelectNode, onDeleteVariant, selectable } = getGameContext();
-
-  function onmousedown() {
-    if (!selectable || !node) return;
-    chessTree.currentNode = chessNode;
-
-    onSelectNode();
-  }
-
-  const node = $derived(chessNode);
-  const isTheSameNode = $derived(chessNode.id === chessTree.currentNode.id);
-  const firstCommentParsed = $derived(
-    node.data.parsedFirstComment ?? (node.data.comments?.[0] ? parseComment(node.data.comments[0]) : null)
-  );
-  const firstCommentText = $derived(firstCommentParsed?.text);
-  const childMoves = $derived(chessNode.children);
-  const isForcedNodeId = $derived(chessNode.id === chessTree.forcedNodeId);
-
-  const spaceBlockClass = "p-8";
-  const spaceInlineBlockClass = "p-2";
-
-  const isHighestLevel = depth === HIGHEST_LEVEL;
-</script>
-
-{#snippet sanMove()}
-  {@const selectedOnHighestLevel = isTheSameNode && isHighestLevel}
-  <!-- svelte-ignore a11y_no_static_element_interactions -->
-  <ContextMenu.Root>
-    <ContextMenu.Trigger
-      class={{
-        "cursor-pointer ": selectable,
-        "cursor-default": !selectable,
-        [`${spaceInlineBlockClass} text-center`]: isHighestLevel,
-        inline: !isHighestLevel,
-        [` outline-primary z-10 -outline-offset-2 outline-3 ${ACTIVE_MOVE_CLASS}`]:
-          selectedOnHighestLevel,
-        "outline-none": !selectedOnHighestLevel,
-      }}
-      {onmousedown}
-    >
-      {#if !isHighestLevel && node.data.fullMoves && node.data.ply % 2 === 1}
-        {node.data.fullMoves}.
-      {/if}
-      {#if !isHighestLevel && node.data.fullMoves && node.data.ply % 2 === 0 && parentNode?.children?.[0]?.id !== chessNode.id}
-        {node.data.fullMoves - 1}...
-      {/if}<span
-        class={{
-          " outline-primary outline-2": isTheSameNode && !isHighestLevel,
-        }}
-      >
-        <MoveWithIcon
-          san={node.data.san}
-          ply={node.data.ply}
-          {pieceSet}
-        />{node.data.nags?.map(transformNag).join(" ")}
-      </span>
-    </ContextMenu.Trigger>
-    <ContextMenu.Content class="outline-none">
-      {#if !isHighestLevel}
-        <ContextMenu.Item
-          class="gap-4"
-          onclick={() => chessTree.makeMainVariant(chessNode)}
-          >Сделать вариант главной линией <ContextMenu.Shortcut
-            ><CheckCheckIcon /></ContextMenu.Shortcut
-          ></ContextMenu.Item
-        >
-        {#if depth > HIGHEST_LEVEL + 1}
-          <ContextMenu.Item
-            class="gap-4"
-            onclick={() => chessTree.upPriority(chessNode)}
-            >Поднять приоритет варианта <ContextMenu.Shortcut
-              ><ArrowUpIcon /></ContextMenu.Shortcut
-            ></ContextMenu.Item
-          >
-        {/if}
-      {:else}
-        <ContextMenu.Item
-          class="gap-4"
-          onclick={() => (chessTree.forcedNodeId = chessNode.parentId ?? null)}
-          >Завершить главную линию <ContextMenu.Shortcut
-            ><FlagIcon /></ContextMenu.Shortcut
-          ></ContextMenu.Item
-        >
-      {/if}
-      <ContextMenu.Separator />
-      <ContextMenu.Item
-        class="gap-4 "
-        onclick={() => {
-          chessTree.deleteVariant(chessNode);
-          // Обновляем состояние игры после удаления
-          onDeleteVariant();
-        }}
-        >Удалить вариант <ContextMenu.Shortcut
-          ><Trash2Icon /></ContextMenu.Shortcut
-        ></ContextMenu.Item
-      >
-    </ContextMenu.Content>
-  </ContextMenu.Root>
-{/snippet}
-
-{#snippet emptyMove()}
-  <div class="flex items-center justify-center text-center">...</div>
-{/snippet}
-
-{#snippet fullMovesCounter(minus: number = 0)}
-  <span
-    class={{
-      "flex items-center justify-center text-center": isHighestLevel,
-      inline: !isHighestLevel,
-    }}
-  >
-    {node.data.fullMoves - minus}{!isHighestLevel && node.data.ply % 2 === 1
-      ? "..."
-      : !isHighestLevel && node.data.ply % 2 === 0
-        ? "..."
-        : ""}
-  </span>
-{/snippet}
-
-{#snippet comment(text: string)}
-  <div
-    class={{
-      "select-text": true,
-      "col-span-3 flex flex-col": isHighestLevel,
-      inline: !isHighestLevel,
-      [spaceBlockClass]: isHighestLevel,
-    }}
-  >
-    {#each text.split("\n") as line, index}
-      {#if index > 0}<br />{/if}{line}
-    {/each}
-  </div>
-{/snippet}
-
-{#if isHighestLevel}
-  {#if node.data.ply % 2 === 1}
-    {@render fullMovesCounter()}
-  {/if}
-
-  {#if node.parentId}
-    {@render sanMove()}
-  {/if}
-  {#if (isForcedNodeId && node.data.ply % 2 === 1) || (parentNode?.children.length && parentNode?.children.length > 1 && node.data.ply % 2 === 1) || (firstCommentText && node.data.ply % 2 === 1)}
-    {@render emptyMove()}
-  {/if}
-
-  {#if firstCommentText}
-    {#if node.data.ply % 2 === 1}
-      {@render comment(firstCommentText)}
-      {#if !needSpace && childMoves?.[0] && !isForcedNodeId}
-        {@render fullMovesCounter()}
-        {@render emptyMove()}
-      {/if}
-    {/if}
-
-    {#if node.data.ply % 2 === 0}
-      {@render comment(firstCommentText)}
-    {/if}
-  {/if}
-{:else}
-  {#if node.data.ply % 2 === 0 && chessTree.forcedNodeId === node.parentId && parentNode?.children[0].id === node.id}
-    {@render fullMovesCounter(1)}
-  {/if}
-
-  {@render sanMove()}
-  {#if firstCommentText}
-    {#if node.data.ply % 2 === 1}
-      {@render comment(firstCommentText)}
-      {#if !needSpace && childMoves?.[0]}
-        {@render fullMovesCounter()}
-      {/if}
-    {/if}
-
-    {#if node.data.ply % 2 === 0}
-      {@render comment(firstCommentText)}
-    {/if}
-  {/if}
-{/if}
-
-{#if parentNode && parentNode?.children.length > 1 && needRenderParentChildrens}
-  <div class={{ "col-span-3": isHighestLevel, inline: !isHighestLevel }}>
-    {#if !isHighestLevel}
-      <span>(</span>
-    {/if}
-    {#if parentNode?.children.length > 1}
-      {#each parentNode?.children as child, index (index)}
-        {#if index >= 1}
-          <div
-            class={{
-              inline: !isHighestLevel,
-              [spaceBlockClass]: isHighestLevel,
-              "tracking-tight": true,
-            }}
-          >
-            <Move
-              {pieceSet}
-              chessNode={child}
-              needSpace={parentNode?.children.length > 1}
-              depth={depth + 1}
-              needRenderParentChildrens={false}
-              {parentNode}
-            ></Move>
-          </div>
-        {/if}
-      {/each}
-    {/if}
-    {#if !isHighestLevel}
-      <span>)</span>
-    {/if}
-  </div>
-{/if}
-
-{#if isForcedNodeId}
-  <div class={{ "col-span-3": isHighestLevel, inline: !isHighestLevel }}>
-    <div
-      class={{
-        inline: !isHighestLevel,
-        [spaceBlockClass]: isHighestLevel,
-        "tracking-tight": true,
-      }}
-    >
-      <Move
-        {pieceSet}
-        chessNode={chessNode.children[0]}
-        needSpace={chessNode.children.length > 1}
-        depth={depth + 1}
-        needRenderParentChildrens={true}
-        parentNode={chessNode}
-      ></Move>
-    </div>
-  </div>
-{/if}
-
-{#if needSpace && node.data.ply % 2 === 1 && isHighestLevel && !isForcedNodeId}
-  {@render fullMovesCounter()}
-  {@render emptyMove()}
-{/if}
-{#if childMoves?.[0]}
-  {#if !isForcedNodeId}
-    <Move
-      {pieceSet}
-      chessNode={chessNode.children[0]}
-      needSpace={childMoves?.length > 1}
-      {depth}
-      parentNode={chessNode}
-    ></Move>
-  {/if}
-{/if}

package/dist/(components)/Move.svelte.d.ts

@@ -1,14 +0,0 @@
-import type { ChessTreeNode } from "../(models)/chessTreeNode.js";
-import Move from "./Move.svelte";
-import type { PieceSet } from "@connectorvol/shared";
-interface Props {
-    chessNode: ChessTreeNode;
-    depth: number;
-    parentNode: ChessTreeNode | null;
-    needSpace: boolean;
-    needRenderParentChildrens?: boolean;
-    pieceSet: PieceSet;
-}
-declare const Move: import("svelte").Component<Props, {}, "">;
-type Move = ReturnType<typeof Move>;
-export default Move;

package/dist/(components)/MoveWithIcon.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-  import type { PieceSet } from "@connectorvol/shared";
-  import type { ParsedSanMove } from "../(utils)/parseSanMove.js";
-
-  import { PieceType } from "@connectorvol/shared";
-
-  import { parseSanMove } from "../(utils)/parseSanMove.js";
-  import PieceIcon from "./PieceIcon.svelte";
-
-  interface Props {
-    /** SAN нотация хода */
-    san: string;
-    /** Номер полухода */
-    ply: number;
-    /** Размер иконки в пикселях */
-    iconSize?: number;
-    /** Набор фигур*/
-    pieceSet?: PieceSet;
-  }
-
-  const { san, ply, iconSize = 16, pieceSet }: Props = $props();
-
-  const parsedMove: ParsedSanMove = $derived(parseSanMove(san, ply));
-</script>
-
-<span class="inline-flex items-baseline">
-  {#if parsedMove.isCastling || parsedMove.pieceType === PieceType.PAWN}
-    <!-- Для рокировки показываем только текст -->
-    <span>{san}</span>
-  {:else}
-    <!-- Для фигур показываем иконку + взятие + координаты -->
-    <PieceIcon
-      pieceType={parsedMove.pieceType}
-      color={parsedMove.color}
-      size={iconSize}
-      {pieceSet}
-    />
-    {#if parsedMove.isCapture}
-      <span>x</span>
-    {/if}
-    <span>{parsedMove.destination}</span>
-    {#if parsedMove.isCheck}
-      <span>+</span>
-    {:else if parsedMove.isCheckmate}
-      <span>#</span>
-    {/if}
-  {/if}
-</span>