@connectorvol/tree 2.1.0 → 2.1.1

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

@@ -31,11 +31,6 @@ export declare class ChessTree {
      * Возвращает родительский узел или null, если текущий узел — корень.
      */
     getCurrentNodeParent(): ChessTreeNode | null;
-    /**
-     * Представляет поиск родительского узла для произвольного узла дерева.
-     * Возвращает родителя или null, если родитель не найден в индексе.
-     */
-    getParentNode(node: ChessTreeNode): ChessTreeNode | null;
     /**
      * Представляет функцию удаления варианта из дерева.
      * Удаляет указанный узел и все его дочерние узлы.

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

@@ -110,13 +110,6 @@ export class ChessTree {
     getCurrentNodeParent() {
         return this.findParentNode(this.currentNode);
     }
-    /**
-     * Представляет поиск родительского узла для произвольного узла дерева.
-     * Возвращает родителя или null, если родитель не найден в индексе.
-     */
-    getParentNode(node) {
-        return this.findParentNode(node);
-    }
     /**
      * Представляет функцию удаления варианта из дерева.
      * Удаляет указанный узел и все его дочерние узлы.

package/dist/(components)/Move.svelte

@@ -24,8 +24,6 @@
     needSpace: boolean;
     needRenderParentChildrens?: boolean;
     pieceSet: PieceSet;
-    /** Представляет режим виртуализации: не рекурсировать в первого ребёнка (следующая строка списка). */
-    virtualStopMainRecursion?: boolean;
   }
 
   const {
@@ -35,7 +33,6 @@
     needSpace,
     needRenderParentChildrens = true,
     pieceSet,
-    virtualStopMainRecursion = false,
   }: Props = $props();
 
   const { chessTree, onSelectNode, onDeleteVariant, selectable } = getGameContext();
@@ -67,7 +64,6 @@
   <!-- svelte-ignore a11y_no_static_element_interactions -->
   <ContextMenu.Root>
     <ContextMenu.Trigger
-      data-node-id={chessNode.id}
       class={{
         "cursor-pointer ": selectable,
         "cursor-default": !selectable,
@@ -277,7 +273,7 @@
   {@render emptyMove()}
 {/if}
 {#if childMoves?.[0]}
-  {#if !isForcedNodeId && !virtualStopMainRecursion}
+  {#if !isForcedNodeId}
     <Move
       {pieceSet}
       chessNode={chessNode.children[0]}

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

@@ -8,8 +8,6 @@ interface Props {
     needSpace: boolean;
     needRenderParentChildrens?: boolean;
     pieceSet: PieceSet;
-    /** Представляет режим виртуализации: не рекурсировать в первого ребёнка (следующая строка списка). */
-    virtualStopMainRecursion?: boolean;
 }
 declare const Move: import("svelte").Component<Props, {}, "">;
 type Move = ReturnType<typeof Move>;

package/dist/(components)/TreeViewer.svelte

@@ -1,19 +1,9 @@
 <script lang="ts">
   import type { ClassValue } from "svelte/elements";
-  import { onMount } from "svelte";
-  import { get } from "svelte/store";
-  import { createVirtualizer } from "@tanstack/svelte-virtual";
-
   import { ChessTree } from "../(classes)/chessTree.svelte.js";
 
   import Move from "./Move.svelte";
   import { initGameContext } from "../(utils)/context.js";
-  import {
-    buildMainLineNodes,
-    getVirtualRowIndexForNode,
-    needSpaceForMainLineNode,
-  } from "../(utils)/treeVirtualRows.js";
-  import { setTreeViewerVirtualScrollApi } from "../(utils)/treeViewerVirtualScroll.js";
   import type { PieceSet } from "@connectorvol/shared";
 
   type Props = {
@@ -45,66 +35,8 @@
     onDeleteVariant,
     setChessFen,
     setChessboardFen,
-    selectable,
+    selectable
   );
-
-  let scrollEl = $state<HTMLDivElement | null>(null);
-
-  const mainLineNodes = $derived(buildMainLineNodes(chessTree.rootNode.moves));
-
-  const virtualizerStore = createVirtualizer({
-    count: 0,
-    getScrollElement: () => null,
-    estimateSize: () => 96,
-    overscan: 8,
-  });
-
-  $effect(() => {
-    const v = get(virtualizerStore);
-    v.setOptions({
-      count: mainLineNodes.length,
-      getScrollElement: scrollEl ? () => scrollEl : () => null,
-      estimateSize: () => 96,
-      overscan: 8,
-    });
-  });
-
-  function measureRow(node: HTMLDivElement) {
-    queueMicrotask(() => {
-      get(virtualizerStore).measureElement(node);
-    });
-    return {};
-  }
-
-  onMount(() => {
-    setTreeViewerVirtualScrollApi({
-      scrollToCurrentNode: (behavior: ScrollBehavior = "instant") => {
-        const v = get(virtualizerStore);
-        const line = buildMainLineNodes(chessTree.rootNode.moves);
-        if (line.length === 0) {
-          return;
-        }
-        const idx = getVirtualRowIndexForNode(
-          chessTree.currentNode,
-          line,
-          (n) => chessTree.getParentNode(n),
-        );
-        v.scrollToIndex(Math.min(idx, line.length - 1), {
-          align: "center",
-          behavior,
-        });
-      },
-      scrollToStart: (behavior: ScrollBehavior = "instant") => {
-        const v = get(virtualizerStore);
-        const line = buildMainLineNodes(chessTree.rootNode.moves);
-        if (line.length === 0) {
-          return;
-        }
-        v.scrollToIndex(0, { align: "start", behavior });
-      },
-    });
-    return () => setTreeViewerVirtualScrollApi(null);
-  });
 </script>
 
 {#snippet comment(text: string)}
@@ -120,53 +52,31 @@
 {/snippet}
 
 <div
-  bind:this={scrollEl}
   id="tree-viewer-container"
   class={[
-    "flex-1 relative overflow-auto border border-gray-300 rounded-l-sm shadow-sm",
+    "flex-1 relative  overflow-auto border border-gray-300 rounded-l-sm shadow-sm  ",
     className,
   ]}
   role="region"
   aria-label="Chess move tree"
   oncontextmenu={(e) => e.preventDefault()}
 >
-  <div class="min-w-0">
+  <div
+    class={{
+      "grid flex-1 grid-cols-[60px_1fr_1fr]  divide-x divide-y divide-gray-300  select-none ": true,
+    }}
+  >
     {#if chessTree.rootNode.comments}
-      <div
-        class="grid grid-cols-[60px_1fr_1fr] divide-x divide-y divide-gray-300 select-none"
-      >
-        {#each chessTree.rootNode.comments as firstComment}
-          {@render comment(firstComment)}
-        {/each}
-      </div>
+      {#each chessTree.rootNode.comments as firstComment}
+        {@render comment(firstComment)}
+      {/each}
     {/if}
-
-    <div class="relative w-full" style="min-height: 1px;">
-      <div
-        class="relative w-full"
-        style="height: {$virtualizerStore.getTotalSize()}px;"
-      >
-        {#each $virtualizerStore.getVirtualItems() as row (row.key)}
-          {@const rowNode = mainLineNodes[row.index]}
-          <div
-            class="absolute left-0 top-0 w-full grid grid-cols-[60px_1fr_1fr] divide-x divide-y divide-gray-300 select-none"
-            style="transform: translateY({row.start}px);"
-            data-index={row.index}
-            use:measureRow
-          >
-            <Move
-              chessNode={rowNode}
-              depth={1}
-              needSpace={needSpaceForMainLineNode(rowNode, (n) =>
-                chessTree.getParentNode(n),
-              )}
-              parentNode={chessTree.getParentNode(rowNode)}
-              // virtualStopMainRecursion={true}
-              {pieceSet}
-            />
-          </div>
-        {/each}
-      </div>
-    </div>
+    <Move
+      chessNode={chessTree.rootNode.moves}
+      depth={1}
+      needSpace={false}
+      parentNode={null}
+      {pieceSet}
+    />
   </div>
 </div>

package/dist/(utils)/scrollToActiveMove.js

@@ -1,4 +1,3 @@
-import { getTreeViewerVirtualScrollApi } from "./treeViewerVirtualScroll.js";
 export const ACTIVE_MOVE_CLASS = "active-move-in-tree-viewer";
 /**
  * Представляет функцию для плавного скролла до активного хода в дереве ходов
@@ -6,11 +5,6 @@ export const ACTIVE_MOVE_CLASS = "active-move-in-tree-viewer";
  * @param behavior - Поведение скролла ('smooth' | 'instant' | 'auto')
  */
 function scrollToActiveMove(containerId = "tree-viewer-container", behavior = "instant") {
-    const virtual = getTreeViewerVirtualScrollApi();
-    if (virtual) {
-        virtual.scrollToCurrentNode(behavior);
-        return;
-    }
     const container = document.getElementById(containerId);
     if (!container) {
         console.warn(`Контейнер с ID "${containerId}" не найден`);
@@ -72,13 +66,6 @@ function isActiveMoveVisible(containerId = "tree-viewer-container") {
  * @param behavior - Поведение скролла ('smooth' | 'instant' | 'auto')
  */
 export function scrollToActiveMoveIfNeeded(containerId = "tree-viewer-container", behavior = "instant") {
-    const virtual = getTreeViewerVirtualScrollApi();
-    if (virtual) {
-        if (!isActiveMoveVisible(containerId)) {
-            virtual.scrollToCurrentNode(behavior);
-        }
-        return;
-    }
     if (!isActiveMoveVisible(containerId)) {
         scrollToActiveMove(containerId, behavior);
     }

package/dist/(utils)/scrollToStart.js

@@ -1,15 +1,9 @@
-import { getTreeViewerVirtualScrollApi } from "./treeViewerVirtualScroll.js";
 /**
  * Представляет функцию для скролла к началу дерева ходов (первый видимый ход)
  * @param containerId - ID контейнера с деревом ходов
  * @param behavior - Поведение скролла ('smooth' | 'instant' | 'auto')
  */
 export function scrollToStart(containerId = "tree-viewer-container", behavior = "instant") {
-    const virtual = getTreeViewerVirtualScrollApi();
-    if (virtual) {
-        virtual.scrollToStart(behavior);
-        return;
-    }
     const container = document.getElementById(containerId);
     if (!container) {
         console.warn(`Контейнер с ID "${containerId}" не найден`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectorvol/tree",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -39,37 +39,34 @@
     "test:ui": "npx playwright test --ui"
   },
   "dependencies": {
-    "@connectorvol/chessops": "1.0.0",
+    "@connectorvol/chessops": "2.0.0",
     "@connectorvol/shared": "2.0.0",
     "clsx": "^2.1.1",
-    "tailwind-merge": "^3.3.1",
-    "tailwind-variants": "^3.1.1"
+    "tailwind-merge": "3.3.1",
+    "tailwind-variants": "3.1.1"
   },
   "devDependencies": {
-    "@connectorvol/chessboard": "2.0.0",
+    "@connectorvol/chessboard": "2.1.0",
     "@ianvs/prettier-plugin-sort-imports": "4.5.1",
     "@internationalized/date": "3.9.0",
-    "@lucide/svelte": "^0.548.0",
+    "@lucide/svelte": "^0.553.0",
     "@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",
+    "@sveltejs/vite-plugin-svelte": "7.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": "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": "4.1.11",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "5.9.2",
-    "vite": "^8.0.0",
+    "tw-animate-css": "1.4.0",
+    "typescript": "6.0.2",
+    "vite": "8.0.7",
     "vite-plugin-checker": "0.12.0",
     "vite-plugin-svelte-checker": "0.1.2"
   },

package/dist/(utils)/treeViewerVirtualScroll.d.ts

@@ -1,14 +0,0 @@
-/**
- * Представляет API скролла виртуализованного TreeViewer для соседних компонентов
- * (панель навигации не является потомком TreeViewer в DOM).
- */
-export type TreeViewerVirtualScrollApi = {
-    /** Возвращает void после прокрутки к строке с текущим узлом. */
-    scrollToCurrentNode: (behavior?: ScrollBehavior) => void;
-    /** Возвращает void после прокрутки к началу списка ходов. */
-    scrollToStart: (behavior?: ScrollBehavior) => void;
-};
-/** Представляет регистрацию API на время жизни TreeViewer. */
-export declare function setTreeViewerVirtualScrollApi(next: TreeViewerVirtualScrollApi | null): void;
-/** Представляет получение API скролла, если смонтирован TreeViewer. */
-export declare function getTreeViewerVirtualScrollApi(): TreeViewerVirtualScrollApi | null;

package/dist/(utils)/treeViewerVirtualScroll.js

@@ -1,9 +0,0 @@
-let api = null;
-/** Представляет регистрацию API на время жизни TreeViewer. */
-export function setTreeViewerVirtualScrollApi(next) {
-    api = next;
-}
-/** Представляет получение API скролла, если смонтирован TreeViewer. */
-export function getTreeViewerVirtualScrollApi() {
-    return api;
-}

package/dist/(utils)/treeVirtualRows.d.ts

@@ -1,14 +0,0 @@
-import type { ChessTreeNode } from "../(models)/chessTreeNode.js";
-/**
- * Представляет цепочку главной линии: от корневого узла ходов по первым дочерним узлам.
- */
-export declare function buildMainLineNodes(rootMoves: ChessTreeNode): ChessTreeNode[];
-/**
- * Представляет индекс строки виртуального списка для узла: главная линия или вариант,
- * отображаемый внутри строки первого ребёнка родителя.
- */
-export declare function getVirtualRowIndexForNode(node: ChessTreeNode, mainLine: ChessTreeNode[], getParent: (n: ChessTreeNode) => ChessTreeNode | null): number;
-/**
- * Представляет значение needSpace для узла главной линии (как у рекурсивного Move).
- */
-export declare function needSpaceForMainLineNode(node: ChessTreeNode, getParent: (n: ChessTreeNode) => ChessTreeNode | null): boolean;

package/dist/(utils)/treeVirtualRows.js

@@ -1,43 +0,0 @@
-/**
- * Представляет цепочку главной линии: от корневого узла ходов по первым дочерним узлам.
- */
-export function buildMainLineNodes(rootMoves) {
-    const out = [];
-    let cur = rootMoves;
-    while (cur) {
-        out.push(cur);
-        cur = cur.children[0];
-    }
-    return out;
-}
-/**
- * Представляет индекс строки виртуального списка для узла: главная линия или вариант,
- * отображаемый внутри строки первого ребёнка родителя.
- */
-export function getVirtualRowIndexForNode(node, mainLine, getParent) {
-    const mainLineIndex = new Map(mainLine.map((n, i) => [n.id, i]));
-    let cur = node;
-    while (cur) {
-        const idx = mainLineIndex.get(cur.id);
-        if (idx !== undefined) {
-            return idx;
-        }
-        const parent = getParent(cur);
-        if (!parent) {
-            return 0;
-        }
-        if (parent.children[0]?.id !== cur.id) {
-            const anchor = parent.children[0];
-            return anchor ? (mainLineIndex.get(anchor.id) ?? 0) : 0;
-        }
-        cur = parent;
-    }
-    return 0;
-}
-/**
- * Представляет значение needSpace для узла главной линии (как у рекурсивного Move).
- */
-export function needSpaceForMainLineNode(node, getParent) {
-    const parent = getParent(node);
-    return parent ? parent.children.length > 1 : false;
-}