@connectorvol/tree 4.0.0 → 4.1.0

package/dist/(components)/Move.svelte

@@ -37,33 +37,26 @@
     pieceSet,
   }: TMoveProps = $props();
 
-  const {
-    chessTree,
-    onSelectNode,
-    onDeleteVariant,
-    onChessNodeSelected,
-    selectable,
-    setPreviewFen,
-    previewHoverDelayMs,
-  } = getGameContext();
+  /** Контекст игры без деструктуризации — иначе selectable и chessTree «замораживаются» при первом рендере TreeViewer. */
+  const game = getGameContext();
 
   /** Представляет обработчик выбора текущего узла по `mousedown`. */
   function handleMoveMouseDown() {
-    if (!selectable || !moveNode) return;
-    chessTree.currentNode = chessNode;
+    if (!game.selectable || !moveNode) return;
+    game.chessTree.currentNode = chessNode;
 
-    onSelectNode();
-    onChessNodeSelected?.(chessTree.currentNode);
+    game.onSelectNode();
+    game.onChessNodeSelected?.(game.chessTree.currentNode);
   }
 
   const moveNode = $derived(chessNode);
   const previewHover = createPreviewHover({
-    setPreviewFen,
+    setPreviewFen: game.setPreviewFen,
     getFen: () => moveNode.data.fen,
     getLastMove: () => moveNode.data.lastMove ?? null,
-    getDelayMs: () => previewHoverDelayMs,
+    getDelayMs: () => game.previewHoverDelayMs,
   });
-  const isCurrentMove = $derived(chessNode.id === chessTree.currentNode.id);
+  const isCurrentMove = $derived(chessNode.id === game.chessTree.currentNode.id);
   /** Представляет текст первого PGN-комментария узла после разбора `comments[0]`, синхронно с правкой строки под деревом. */
   const firstCommentParsed = $derived(
     moveNode.data.comments?.[0] !== undefined
@@ -72,11 +65,11 @@
   );
   const firstCommentText = $derived(firstCommentParsed?.text);
   const childMoves = $derived(chessNode.children);
-  const isForcedLineStart = $derived(chessNode.id === chessTree.forcedNodeId);
+  const isForcedLineStart = $derived(chessNode.id === game.chessTree.forcedNodeId);
 
   /** Представляет признак активного drill-down «варианты отдельно». */
   const variationDrillDownActive = $derived(
-    chessTree.isVariationDrillDownActive(),
+    game.chessTree.isVariationDrillDownActive(),
   );
 
   /**
@@ -87,7 +80,7 @@
     shouldRenderSiblingVariations &&
       parentNode !== null &&
       (parentNode.children?.length ?? 0) > 1 &&
-      chessTree.currentGuideHighlightForkParent?.id === parentNode.id,
+      game.chessTree.currentGuideHighlightForkParent?.id === parentNode.id,
   );
 
   const spaceBlockClass = "px-3 py-2 !bg-gray-50/95";
@@ -139,10 +132,10 @@
   function onVariationLinesHit(e: MouseEvent) {
     e.stopPropagation();
     if (parentNode === null) return;
-    const selectFork = !chessTree.isCurrentNodeWithinForkSubtree(parentNode);
-    chessTree.openVariationDrillDown(parentNode, { selectFork });
-    onSelectNode();
-    onChessNodeSelected?.(chessTree.currentNode);
+    const selectFork = !game.chessTree.isCurrentNodeWithinForkSubtree(parentNode);
+    game.chessTree.openVariationDrillDown(parentNode, { selectFork });
+    game.onSelectNode();
+    game.onChessNodeSelected?.(game.chessTree.currentNode);
   }
 </script>
 
@@ -192,7 +185,7 @@
     {@render fullMovesCounter()}
   {/if}
 
-  {#if variationDrillDownActive && moveNode.data.ply % 2 === 0 && chessTree.drillForkParent !== null && chessTree.drillForkParent.children[0]?.id === chessNode.id && moveNode.parentId}
+  {#if variationDrillDownActive && moveNode.data.ply % 2 === 0 && game.chessTree.drillForkParent !== null && game.chessTree.drillForkParent.children[0]?.id === chessNode.id && moveNode.parentId}
     <span
       class={{
         "flex items-center justify-center text-center": isHighestLevel,
@@ -219,7 +212,7 @@
       {chessNode}
       {parentNode}
       {pieceSet}
-      {selectable}
+      selectable={game.selectable}
       {isHighestLevel}
       {isCurrentMove}
       previewHover={{
@@ -229,9 +222,9 @@
       onMoveMouseDown={handleMoveMouseDown}
       {spaceInlineBlockClass}
       nags={moveNode.data.nags}
-      {chessTree}
+      chessTree={game.chessTree}
       {showUpPriorityItem}
-      {onDeleteVariant}
+      onDeleteVariant={game.onDeleteVariant}
       mainRowBottomEdge={addsEmptyMainLineBlackCell}
     />
   {/if}
@@ -257,7 +250,7 @@
     {/if}
   {/if}
 {:else}
-  {#if moveNode.data.ply % 2 === 0 && chessTree.forcedNodeId === moveNode.parentId && parentNode?.children[0].id === moveNode.id}
+  {#if moveNode.data.ply % 2 === 0 && game.chessTree.forcedNodeId === moveNode.parentId && parentNode?.children[0].id === moveNode.id}
     {@render fullMovesCounter(1)}
   {/if}
 
@@ -266,7 +259,7 @@
       {chessNode}
       {parentNode}
       {pieceSet}
-      {selectable}
+      selectable={game.selectable}
       {isHighestLevel}
       {isCurrentMove}
       previewHover={{
@@ -276,9 +269,9 @@
       onMoveMouseDown={handleMoveMouseDown}
       {spaceInlineBlockClass}
       nags={moveNode.data.nags}
-      {chessTree}
+      chessTree={game.chessTree}
       {showUpPriorityItem}
-      {onDeleteVariant}
+      onDeleteVariant={game.onDeleteVariant}
     />
   {/if}
   {#if firstCommentText}
@@ -296,7 +289,7 @@
 {/if}
 
 {#if parentNode && parentNode?.children.length > 1 && shouldRenderSiblingVariations}
-  {@const showVariationDrillExpand = !chessTree.isNodeOnMainLine(chessNode)}
+  {@const showVariationDrillExpand = !game.chessTree.isNodeOnMainLine(chessNode)}
   <VariationGroup
     {parentNode}
     {isHighestLevel}
@@ -304,7 +297,7 @@
     {showVariationDrillExpand}
     {onVariationLinesHit}
     {variationMoveRow}
-    isBranchOnCurrentPath={(n) => chessTree.isCurrentOnPathFromNode(n)}
+    isBranchOnCurrentPath={(n) => game.chessTree.isCurrentOnPathFromNode(n)}
   />
 {/if}
 
@@ -338,7 +331,7 @@
   {@render fullMovesCounter()}
   {@render emptyMove()}
 {/if}
-{#if variationDrillDownActive && isHighestLevel && moveNode.data.ply % 2 === 1 && !shouldReserveEmptyMoveCell && childMoves?.[0] && !isForcedLineStart && chessTree.drillForkParent !== null && chessTree.drillForkParent.children[0]?.id === chessNode.id}
+{#if variationDrillDownActive && isHighestLevel && moveNode.data.ply % 2 === 1 && !shouldReserveEmptyMoveCell && childMoves?.[0] && !isForcedLineStart && game.chessTree.drillForkParent !== null && game.chessTree.drillForkParent.children[0]?.id === chessNode.id}
   <span
     class={{
       "flex items-center justify-center text-center": isHighestLevel,

package/dist/(components)/TreeViewer.svelte

@@ -117,18 +117,36 @@
   );
 
   setContext<GameContext>(CHESS_TREE_CONTEXT_KEY, {
-    chessTree: (() => chessTree)(),
-    onSelectNode: (() => onSelectNode)(),
-    onDeleteVariant: (() => onDeleteVariant)(),
-    onChessNodeSelected: (() => onChessNodeSelected)(),
-    setChessFen: (() => setChessFen)(),
-    setChessboardFen: (() => setChessboardFen)(),
-    setPreviewFen: (() =>
-      previewFenSetter
-        ? (fen, lastMove) => previewFenSetter(fen, lastMove)
-        : undefined)(),
-    previewHoverDelayMs: (() => previewDelayMs)(),
-    selectable: (() => selectable)(),
+    get chessTree() {
+      return chessTree;
+    },
+    get onSelectNode() {
+      return onSelectNode;
+    },
+    get onDeleteVariant() {
+      return onDeleteVariant;
+    },
+    get onChessNodeSelected() {
+      return onChessNodeSelected;
+    },
+    get setChessFen() {
+      return setChessFen;
+    },
+    get setChessboardFen() {
+      return setChessboardFen;
+    },
+    get setPreviewFen() {
+      const setter = previewFenSetter;
+      return setter
+        ? (fen: string | null, lastMove?: TSharedMove | null) => setter(fen, lastMove)
+        : undefined;
+    },
+    get previewHoverDelayMs() {
+      return previewDelayMs;
+    },
+    get selectable() {
+      return selectable;
+    },
   });
 
   const panelNav = $derived.by(() =>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectorvol/tree",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -39,14 +39,14 @@
     "test:ui": "npx playwright test --ui"
   },
   "dependencies": {
-    "@connectorvol/chessops": "2.0.3",
-    "@connectorvol/shared": "2.1.2",
+    "@connectorvol/chessops": "3.0.0",
+    "@connectorvol/shared": "4.0.0",
     "clsx": "^2.1.1",
     "tailwind-merge": "3.3.1",
     "tailwind-variants": "3.1.1"
   },
   "devDependencies": {
-    "@connectorvol/chessboard": "2.2.0",
+    "@connectorvol/chessboard": "4.0.0",
     "@ianvs/prettier-plugin-sort-imports": "4.5.1",
     "@internationalized/date": "3.9.0",
     "@lucide/svelte": "^0.553.0",