@connectorvol/tree 4.1.0 → 4.3.0

package/dist/(components)/MoveWithIcon.svelte

@@ -1,48 +1,79 @@
-<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>
+<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 sanParseCache = new Map<string, ParsedSanMove>();
+
+    function getParsedSanMove(san: string, ply: number): ParsedSanMove {
+        const key = `${san}|${ply}`;
+        const cached = sanParseCache.get(key);
+        if (cached) return cached;
+        const parsed = parseSanMove(san, ply);
+        sanParseCache.set(key, parsed);
+        return parsed;
+    }
+
+    const parsedMove: ParsedSanMove = $derived(getParsedSanMove(san, ply));
+</script>
+
+<span class="inline-flex items-baseline">
+    {#if parsedMove.promotionPieceType}
+        {#if parsedMove.isCapture}
+            <span>{parsedMove.pawnFile}x{parsedMove.destination}</span>
+        {:else}
+            <span>{parsedMove.destination}</span>
+        {/if}
+        <PieceIcon
+            pieceType={parsedMove.promotionPieceType}
+            color={parsedMove.color}
+            size={iconSize}
+            {pieceSet}
+        />
+        {#if parsedMove.isCheck}
+            <span>+</span>
+        {:else if parsedMove.isCheckmate}
+            <span>#</span>
+        {/if}
+    {:else if parsedMove.isCastling || parsedMove.pieceType === PieceType.PAWN}
+        <!-- Для рокировки и обычных ходов пешки показываем только текст -->
+        <span>{san}</span>
+    {:else}
+        <!-- Для фигур показываем иконку + уточнение + взятие + координаты -->
+        <PieceIcon
+            pieceType={parsedMove.pieceType}
+            color={parsedMove.color}
+            size={iconSize}
+            {pieceSet}
+        />
+        {#if parsedMove.disambiguation}
+            <span>{parsedMove.disambiguation}</span>
+        {/if}
+        {#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>

package/dist/(components)/NagBadges.svelte

@@ -1,37 +1,37 @@
 <script lang="ts">
-  import { nagBadgeBackground, transformNag } from "@connectorvol/shared";
-  import { cn } from "../utils.js";
-  import { nagDescription } from "../(models)/nagCatalog.js";
+    import { nagBadgeBackground, transformNag } from "@connectorvol/shared";
+    import { cn } from "../utils.js";
+    import { nagDescription } from "../(models)/nagCatalog.js";
 
-  type TNagBadgesProps = {
-    /** Возвращает список NAG для отображения. */
-    nags: number[] | undefined;
-    /** Возвращает дополнительные классы корневого контейнера. */
-    class?: string;
-  };
+    type TNagBadgesProps = {
+        /** Возвращает список NAG для отображения. */
+        nags: number[] | undefined;
+        /** Возвращает дополнительные классы корневого контейнера. */
+        class?: string;
+    };
 
-  const { nags, class: className = "" }: TNagBadgesProps = $props();
+    const { nags, class: className = "" }: TNagBadgesProps = $props();
 </script>
 
 {#if nags?.length}
-  <!-- svelte-ignore a11y_no_static_element_interactions -->
-  <span
-    data-nag-badges
-    class={cn(
-      "ml-0.5 inline-flex max-w-full flex-nowrap items-center gap-0.5 align-middle whitespace-nowrap overflow-hidden",
-      className,
-    )}
-    oncontextmenu={(e) => e.preventDefault()}
-  >
-    {#each nags ?? [] as nag, i (i)}
-      {@const label = transformNag(nag)}
-      {#if label}
-        <span
-          class="inline-flex h-[1.125rem] w-[1.125rem] shrink-0 cursor-help items-center justify-center rounded-full border border-white/25 text-center font-serif text-[0.625rem] font-semibold leading-none text-white shadow-[0_1px_2px_rgba(0,0,0,0.25)]"
-          style:background={nagBadgeBackground(nag)}
-          title={nagDescription(nag)}>{label}</span
-        >
-      {/if}
-    {/each}
-  </span>
+    <!-- svelte-ignore a11y_no_static_element_interactions -->
+    <span
+        data-nag-badges
+        class={cn(
+            "ml-0.5 inline-flex max-w-full flex-nowrap items-center gap-0.5 align-middle whitespace-nowrap overflow-hidden",
+            className,
+        )}
+        oncontextmenu={(e) => e.preventDefault()}
+    >
+        {#each nags ?? [] as nag (nag)}
+            {@const label = transformNag(nag)}
+            {#if label}
+                <span
+                    class="inline-flex h-[1.125rem] w-[1.125rem] shrink-0 cursor-help items-center justify-center rounded-full border border-white/25 text-center font-serif text-[0.625rem] font-semibold leading-none text-white shadow-[0_1px_2px_rgba(0,0,0,0.25)]"
+                    style:background={nagBadgeBackground(nag)}
+                    title={nagDescription(nag)}>{label}</span
+                >
+            {/if}
+        {/each}
+    </span>
 {/if}