@mirasen/chessboard 0.1.0 → 1.0.0-rc.0

package/dist/extensions/first-party/legal-moves/factory.d.ts

@@ -1,2 +1,2 @@
-import { LegalMovesDefinition, LegalMovesInitConfig } from './types';
+import { LegalMovesDefinition, LegalMovesInitConfig } from './types.js';
 export declare function createLegalMoves(config?: LegalMovesInitConfig): LegalMovesDefinition;

package/dist/extensions/first-party/legal-moves/factory.js

@@ -1,11 +1,11 @@
 import assert from '@ktarmyshov/assert';
 import { toMerged } from 'es-toolkit';
-import { clearElementChildren, createSvgElement } from '../../../render/svg/helpers';
-import { isNonEmptyPieceCode } from '../../../state/board/check';
-import { fromPieceCode } from '../../../state/board/piece';
-import { isUpdateContextRenderable } from '../../types/context/update';
-import { extensionCreateInternalBase, extensionDestroy, extensionMount, extensionUnmount } from '../common/helpers';
-import { DEFAULT_CONFIG, EXTENSION_ID, EXTENSION_SLOTS } from './types';
+import { clearElementChildren, createSvgElement } from '../../../render/svg/helpers.js';
+import { isNonEmptyPieceCode } from '../../../state/board/check.js';
+import { fromPieceCode } from '../../../state/board/piece.js';
+import { isUpdateContextRenderable } from '../../types/context/update.js';
+import { extensionCreateInternalBase, extensionDestroy, extensionMount, extensionUnmount } from '../common/helpers.js';
+import { DEFAULT_CONFIG, EXTENSION_ID, EXTENSION_SLOTS } from './types.js';
 export function createLegalMoves(config = {}) {
     const mergedConfig = toMerged(DEFAULT_CONFIG, config);
     return {
@@ -70,7 +70,7 @@ function createLegalMovesInstance(config) {
                 fill: 'none'
             }; // TODO: Remove, this is just for visual test
             for (const [square, destination] of interaction.activeDestinations) {
-                const rect = geometry.squareRect(square);
+                const rect = geometry.getSquareRect(square);
                 const circleX = rect.x + geometry.squareSize / 2;
                 const circleY = rect.y + geometry.squareSize / 2;
                 const selectedPieceCode = context.currentFrame.state.board.pieces[interaction.selected.square];

package/dist/extensions/first-party/legal-moves/types.d.ts

@@ -1,6 +1,6 @@
 import { PartialDeep } from 'type-fest';
-import { ExtensionDefinition, ExtensionInstance } from '../../types/extension';
-import { ExtensionInternal, OpaqueColor } from '../common/types';
+import { ExtensionDefinition, ExtensionInstance } from '../../types/extension.js';
+import { ExtensionInternal, OpaqueColor } from '../common/types.js';
 export declare const EXTENSION_SLOTS: readonly ["overPieces"];
 export type ExtensionSlotsType = typeof EXTENSION_SLOTS;
 export declare const EXTENSION_ID: "legalMoves";

package/dist/extensions/first-party/main-renderer/animation/factory.d.ts

@@ -1,4 +1,4 @@
-import type { ExtensionRuntimeSurface } from '../../../types/surface/main';
-import type { PieceUrls } from '../types/internal';
-import type { MainRendererAnimation } from './types';
+import type { ExtensionRuntimeSurface } from '../../../types/surface/main.js';
+import type { PieceUrls } from '../types/internal.js';
+import type { MainRendererAnimation } from './types.js';
 export declare function createMainRendererAnimation(config: PieceUrls, runtimeSurface: ExtensionRuntimeSurface): MainRendererAnimation;

package/dist/extensions/first-party/main-renderer/animation/factory.js

@@ -1,6 +1,6 @@
-import { cleanAnimationPlan } from '../../../../animation/render/plan';
-import { getAnimationSuppressedSquares, rendererAnimationClean, rendererAnimationPrepare, rendererAnimationRender } from './render';
-import { rendererAnimationOnUpdate } from './update';
+import { cleanAnimationPlan } from '../../../../animation/render/plan.js';
+import { getAnimationSuppressedSquares, rendererAnimationClean, rendererAnimationPrepare, rendererAnimationRender } from './render.js';
+import { rendererAnimationOnUpdate } from './update.js';
 export function createMainRendererAnimation(config, runtimeSurface) {
     const state = {
         config,

package/dist/extensions/first-party/main-renderer/animation/render.d.ts

@@ -1,6 +1,6 @@
-import type { Square } from '../../../../state/board/types/internal';
-import type { ExtensionCleanAnimationContext, ExtensionPrepareAnimationContext, ExtensionRenderAnimationContext } from '../../../types/context/animation';
-import type { MainRendererAnimationInternal } from './types';
+import type { Square } from '../../../../state/board/types/internal.js';
+import type { ExtensionCleanAnimationContext, ExtensionPrepareAnimationContext, ExtensionRenderAnimationContext } from '../../../types/context/animation.js';
+import type { MainRendererAnimationInternal } from './types.js';
 export declare function rendererAnimationPrepare(state: MainRendererAnimationInternal, context: ExtensionPrepareAnimationContext, layer: SVGElement): void;
 export declare function rendererAnimationRender(state: MainRendererAnimationInternal, context: ExtensionRenderAnimationContext): void;
 export declare function rendererAnimationClean(state: MainRendererAnimationInternal, context: ExtensionCleanAnimationContext): void;

package/dist/extensions/first-party/main-renderer/animation/render.js

@@ -1,5 +1,4 @@
-import { collectSuppressedSquares } from '../../../../animation/planner';
-import { cleanAnimationPlan, prepareAnimationPlan, renderAnimationPlan } from '../../../../animation/render/plan';
+import { cleanAnimationPlan, prepareAnimationPlan, renderAnimationPlan } from '../../../../animation/render/plan.js';
 const EMPTY_SQUARES = new Set();
 export function rendererAnimationPrepare(state, context, layer) {
     for (const session of context.submittedSessions) {
@@ -38,7 +37,7 @@ export function getAnimationSuppressedSquares(state) {
         const entry = state.entries.get(session.id);
         if (!entry)
             continue;
-        for (const sq of collectSuppressedSquares(entry.plan.tracks)) {
+        for (const sq of entry.plan.suppressedSquares) {
             result.add(sq);
         }
     }

package/dist/extensions/first-party/main-renderer/animation/types.d.ts

@@ -1,10 +1,10 @@
-import { PreparedNodeMap } from '../../../../animation/render/types';
-import { AnimationPlan } from '../../../../animation/types';
-import { Square } from '../../../../state/board/types/internal';
-import { ExtensionCleanAnimationContext, ExtensionPrepareAnimationContext, ExtensionRenderAnimationContext } from '../../../types/context/animation';
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { ExtensionRuntimeSurface } from '../../../types/surface/main';
-import type { PieceUrls } from '../types/internal';
+import { PreparedNodeMap } from '../../../../animation/render/types.js';
+import { AnimationPlan } from '../../../../animation/types.js';
+import { Square } from '../../../../state/board/types/internal.js';
+import { ExtensionCleanAnimationContext, ExtensionPrepareAnimationContext, ExtensionRenderAnimationContext } from '../../../types/context/animation.js';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { ExtensionRuntimeSurface } from '../../../types/surface/main.js';
+import type { PieceUrls } from '../types/internal.js';
 export interface MainRendererAnimationEntry {
     plan: AnimationPlan;
     nodes: PreparedNodeMap | null;

package/dist/extensions/first-party/main-renderer/animation/update.d.ts

@@ -1,3 +1,3 @@
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import type { MainRendererAnimationInternal } from './types';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import type { MainRendererAnimationInternal } from './types.js';
 export declare function rendererAnimationOnUpdate(state: MainRendererAnimationInternal, context: ExtensionUpdateContext): void;

package/dist/extensions/first-party/main-renderer/animation/update.js

@@ -1,40 +1,26 @@
-import { calculateAnimationPlan } from '../../../../animation/planner';
-import { piecePositionsEqual } from '../../../../state/board/check';
-import { isUpdateContextRenderable } from '../../../types/context/update';
+import { calculateAnimationPlan } from '../../../../animation/planner.js';
+import { piecePositionsEqual } from '../../../../state/board/check.js';
+import { changeStatesEqual } from '../../../../state/change/helpers.js';
+import { isUpdateContextRenderable } from '../../../types/context/update.js';
 const DEFAULT_ANIMATION_DURATION_MS = 180;
 export function rendererAnimationOnUpdate(state, context) {
     if (!isUpdateContextRenderable(context) ||
-        !context.mutation.hasMutation({ prefixes: ['state.board.'] }) ||
+        !context.mutation.hasMutation({ prefixes: ['state.board.', 'state.change.'] }) ||
         !context.previousFrame) {
         return;
     }
-    const previousBoard = context.previousFrame.state.board;
-    const currentBoard = context.currentFrame.state.board;
-    if (piecePositionsEqual(previousBoard, currentBoard))
+    if (piecePositionsEqual(context.previousFrame.state.board, context.currentFrame.state.board) &&
+        changeStatesEqual(context.previousFrame.state.change, context.currentFrame.state.change))
         return;
-    // On DropTo exclude the move that user did from the animation plan
-    const exclude = [];
-    if (context.mutation.hasMutation({ causes: ['runtime.interaction.dropTo'] }) &&
-        context.currentFrame.state.change.lastMove) {
-        exclude.push({
-            fromSq: context.currentFrame.state.change.lastMove.from,
-            toSq: context.currentFrame.state.change.lastMove.to
-        });
-        exclude.push({
-            sq: context.currentFrame.state.change.lastMove.from
-        });
-        exclude.push({
-            sq: context.currentFrame.state.change.lastMove.to
-        });
-    }
-    const plan = calculateAnimationPlan(previousBoard, currentBoard, 0 /* placeholder session id for draft plan */, {
-        exclude
+    // Pass raw snapshots to the planner — it normalizes internally
+    const plan = calculateAnimationPlan({
+        previous: context.previousFrame.state,
+        current: context.currentFrame.state
     });
     if (plan.tracks.length === 0)
         return;
     const session = state.runtimeSurface.animation.submit({
         duration: DEFAULT_ANIMATION_DURATION_MS
     });
-    plan.sessionId = session.id;
-    state.entries.set(plan.sessionId, { plan, nodes: null });
+    state.entries.set(session.id, { plan, nodes: null });
 }

package/dist/extensions/first-party/main-renderer/board/factory.d.ts

@@ -1,3 +1,3 @@
-import { ConfigColorPair } from '../types/internal';
-import { MainRendererBoard } from './types';
+import { ConfigColorPair } from '../types/internal.js';
+import { MainRendererBoard } from './types.js';
 export declare function createMainRendererBoard(config: ConfigColorPair): MainRendererBoard;

package/dist/extensions/first-party/main-renderer/board/factory.js

@@ -1,5 +1,5 @@
-import { rendererBoardRender } from './render';
-import { rendererBoardOnUpdate } from './update';
+import { rendererBoardRender } from './render.js';
+import { rendererBoardOnUpdate } from './update.js';
 function createMainRendererBoardInternal(config) {
     return { config };
 }

package/dist/extensions/first-party/main-renderer/board/render.d.ts

@@ -1,3 +1,3 @@
-import { ExtensionRenderContext } from '../../../types/context/render';
-import { MainRendererBoardInternal } from './types';
+import { ExtensionRenderContext } from '../../../types/context/render.js';
+import { MainRendererBoardInternal } from './types.js';
 export declare function rendererBoardRender(state: MainRendererBoardInternal, context: ExtensionRenderContext, layer: SVGElement): void;

package/dist/extensions/first-party/main-renderer/board/render.js

@@ -1,6 +1,6 @@
-import { clearElementChildren, createSvgElement, isLightSquare } from '../../../../render/svg/helpers';
-import { SQUARE_COUNT } from '../../../../state/board/types/internal';
-import { DirtyLayer } from '../types/extension';
+import { clearElementChildren, createSvgElement, isLightSquare } from '../../../../render/svg/helpers.js';
+import { SQUARE_COUNT } from '../../../../state/board/types/internal.js';
+import { DirtyLayer } from '../types/extension.js';
 export function rendererBoardRender(state, context, layer) {
     // Check if we need to render
     if ((context.invalidation.dirtyLayers & DirtyLayer.Board) === 0) {
@@ -10,13 +10,13 @@ export function rendererBoardRender(state, context, layer) {
     clearElementChildren(layer);
     const { light, dark } = state.config;
     for (let sq = 0; sq < SQUARE_COUNT; sq++) {
-        const r = geometry.squareRect(sq);
+        const r = geometry.getSquareRect(sq);
         createSvgElement(layer, 'rect', {
             'data-chessboard-id': `square-${sq}`,
             x: r.x.toString(),
             y: r.y.toString(),
-            width: r.size.toString(),
-            height: r.size.toString(),
+            width: r.width.toString(),
+            height: r.height.toString(),
             fill: isLightSquare(sq) ? light : dark,
             'shape-rendering': 'crispEdges'
         });

package/dist/extensions/first-party/main-renderer/board/types.d.ts

@@ -1,6 +1,6 @@
-import { ExtensionRenderContext } from '../../../types/context/render';
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { ConfigColorPair } from '../types/internal';
+import { ExtensionRenderContext } from '../../../types/context/render.js';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { ConfigColorPair } from '../types/internal.js';
 export interface MainRendererBoardInternal {
     readonly config: ConfigColorPair;
 }

package/dist/extensions/first-party/main-renderer/board/update.d.ts

@@ -1,3 +1,3 @@
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { MainRendererBoardInternal } from './types';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { MainRendererBoardInternal } from './types.js';
 export declare function rendererBoardOnUpdate(_state: MainRendererBoardInternal, context: ExtensionUpdateContext): void;

package/dist/extensions/first-party/main-renderer/board/update.js

@@ -1,6 +1,7 @@
-import { isFrameRenderable } from '../../../types/basic/update';
-import { isUpdateContextRenderable } from '../../../types/context/update';
-import { DirtyLayer } from '../types/extension';
+import { sceneRectsEqual } from '../../../../layout/geometry/helpers.js';
+import { isFrameRenderable } from '../../../types/basic/update.js';
+import { isUpdateContextRenderable } from '../../../types/context/update.js';
+import { DirtyLayer } from '../types/extension.js';
 export function rendererBoardOnUpdate(_state, context) {
     // Check if geometry changed
     const mutationSession = context.mutation;
@@ -12,14 +13,15 @@ export function rendererBoardOnUpdate(_state, context) {
     }
     // Ok geometry changed, let's check the board size
     const currentGeometry = context.currentFrame.layout.geometry;
-    const currentBoardSize = currentGeometry.boardSize;
+    const currentBoardRect = currentGeometry.boardRect;
     const currentOrientation = currentGeometry.orientation;
     const previousGeometry = context.previousFrame && isFrameRenderable(context.previousFrame)
         ? context.previousFrame.layout.geometry
         : null;
-    const previousBoardSize = previousGeometry?.boardSize;
+    const previousBoardRect = previousGeometry?.boardRect ?? null;
     const previousOrientation = previousGeometry?.orientation;
-    const needsRender = currentBoardSize !== previousBoardSize || currentOrientation !== previousOrientation;
+    const needsRender = sceneRectsEqual(currentBoardRect, previousBoardRect) === false ||
+        currentOrientation !== previousOrientation;
     if (!needsRender) {
         return; // no-op
     }

package/dist/extensions/first-party/main-renderer/coordinates/factory.d.ts

@@ -1,3 +1,3 @@
-import { ConfigColorPair } from '../types/internal';
-import { MainRendererCoordinates } from './types';
+import { ConfigColorPair } from '../types/internal.js';
+import { MainRendererCoordinates } from './types.js';
 export declare function createMainRendererCoordinates(config: ConfigColorPair): MainRendererCoordinates;

package/dist/extensions/first-party/main-renderer/coordinates/factory.js

@@ -1,4 +1,4 @@
-import { rendererCoordinatesRender } from './render';
+import { rendererCoordinatesRender } from './render.js';
 export function createMainRendererCoordinates(config) {
     const internalState = { config };
     return {

package/dist/extensions/first-party/main-renderer/coordinates/render.d.ts

@@ -1,3 +1,3 @@
-import { ExtensionRenderContext } from '../../../types/context/render';
-import { MainRendererCoordinatesInternal } from './types';
+import { ExtensionRenderContext } from '../../../types/context/render.js';
+import { MainRendererCoordinatesInternal } from './types.js';
 export declare function rendererCoordinatesRender(state: MainRendererCoordinatesInternal, context: ExtensionRenderContext, layer: SVGElement): void;

package/dist/extensions/first-party/main-renderer/coordinates/render.js

@@ -1,6 +1,6 @@
-import { clearElementChildren, createSvgElement, isLightSquare } from '../../../../render/svg/helpers';
-import { squareOf } from '../../../../state/board/coords';
-import { DirtyLayer } from '../types/extension';
+import { clearElementChildren, createSvgElement, isLightSquare } from '../../../../render/svg/helpers.js';
+import { squareOf } from '../../../../state/board/coords.js';
+import { DirtyLayer } from '../types/extension.js';
 function labelColorForSquare(sq, coordColors) {
     return isLightSquare(sq) ? coordColors.dark : coordColors.light;
 }
@@ -19,7 +19,7 @@ export function rendererCoordinatesRender(state, context, layer) {
         const logicalRank = (geometry.orientation === 0 /* ColorCode.White */ ? 7 - visualRank : visualRank);
         const sq = squareOf(rankFile, logicalRank);
         const label = geometry.orientation === 0 /* ColorCode.White */ ? String(8 - visualRank) : String(1 + visualRank);
-        const r = geometry.squareRect(sq);
+        const r = geometry.getSquareRect(sq);
         const color = labelColorForSquare(sq, coords);
         const text = createSvgElement(layer, 'text', {
             'data-chessboard-id': `coord-rank-${label}`,
@@ -42,12 +42,12 @@ export function rendererCoordinatesRender(state, context, layer) {
         const label = geometry.orientation === 0 /* ColorCode.White */
             ? String.fromCharCode('a'.charCodeAt(0) + visualFile)
             : String.fromCharCode('h'.charCodeAt(0) - visualFile);
-        const r = geometry.squareRect(sq);
+        const r = geometry.getSquareRect(sq);
         const color = labelColorForSquare(sq, coords);
         const text = createSvgElement(layer, 'text', {
             'data-chessboard-id': `coord-file-${label}`,
-            x: (r.x + r.size - offset).toString(),
-            y: (r.y + r.size - offset).toString(),
+            x: (r.x + r.width - offset).toString(),
+            y: (r.y + r.height - offset).toString(),
             'font-size': fontSize.toString(),
             'font-family': 'sans-serif',
             'font-weight': 'bold',

package/dist/extensions/first-party/main-renderer/coordinates/types.d.ts

@@ -1,5 +1,5 @@
-import { ExtensionRenderContext } from '../../../types/context/render';
-import { ConfigColorPair } from '../types/internal';
+import { ExtensionRenderContext } from '../../../types/context/render.js';
+import { ConfigColorPair } from '../types/internal.js';
 export interface MainRendererCoordinatesInternal {
     readonly config: ConfigColorPair;
 }

package/dist/extensions/first-party/main-renderer/drag/factory.d.ts

@@ -1,4 +1,4 @@
-import { ExtensionRuntimeSurface } from '../../../types/surface/main';
-import { PieceUrls } from '../types/internal';
-import { MainRendererDrag } from './types';
+import { ExtensionRuntimeSurface } from '../../../types/surface/main.js';
+import { PieceUrls } from '../types/internal.js';
+import { MainRendererDrag } from './types.js';
 export declare function createMainRendererDrag(config: PieceUrls, runtimeSurface: ExtensionRuntimeSurface): MainRendererDrag;

package/dist/extensions/first-party/main-renderer/drag/factory.js

@@ -1,5 +1,5 @@
-import { rendererDragRenderTransientVisuals } from './render';
-import { rendererDragOnUpdate } from './update';
+import { rendererDragRenderTransientVisuals } from './render.js';
+import { rendererDragOnUpdate } from './update.js';
 function createMainRendererDragInternal(config, runtimeSurface) {
     return { config, runtimeSurface, isDragActive: false, pieceUrl: null, pieceNode: null };
 }

package/dist/extensions/first-party/main-renderer/drag/render.d.ts

@@ -1,3 +1,3 @@
-import { ExtensionRenderTransientVisualsContext } from '../../../types/context/transient-visuals';
-import { MainRendererDragInternal } from './types';
+import { ExtensionRenderTransientVisualsContext } from '../../../types/context/transient-visuals.js';
+import { MainRendererDragInternal } from './types.js';
 export declare function rendererDragRenderTransientVisuals(state: MainRendererDragInternal, context: ExtensionRenderTransientVisualsContext, layer: SVGElement): void;

package/dist/extensions/first-party/main-renderer/drag/render.js

@@ -1,7 +1,7 @@
-import { createSvgElement, updateElementAttributes } from '../../../../render/svg/helpers';
+import { createSvgElement, updateElementAttributes } from '../../../../render/svg/helpers.js';
 export function rendererDragRenderTransientVisuals(state, context, layer) {
     const geometry = context.currentFrame.layout.geometry;
-    const point = context.transientInput.clampedPoint;
+    const point = context.transientInput.boardClampedPoint;
     const squareSize = geometry.squareSize.toString();
     const x = (point.x - geometry.squareSize / 2).toString();
     const y = (point.y - geometry.squareSize / 2).toString();

package/dist/extensions/first-party/main-renderer/drag/types.d.ts

@@ -1,7 +1,7 @@
-import { ExtensionRenderTransientVisualsContext } from '../../../types/context/transient-visuals';
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { ExtensionRuntimeSurface } from '../../../types/surface/main';
-import { PieceUrls } from '../types/internal';
+import { ExtensionRenderTransientVisualsContext } from '../../../types/context/transient-visuals.js';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { ExtensionRuntimeSurface } from '../../../types/surface/main.js';
+import { PieceUrls } from '../types/internal.js';
 export interface MainRendererDragInternal {
     readonly config: PieceUrls;
     readonly runtimeSurface: ExtensionRuntimeSurface;

package/dist/extensions/first-party/main-renderer/drag/update.d.ts

@@ -1,3 +1,3 @@
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { MainRendererDragInternal } from './types';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { MainRendererDragInternal } from './types.js';
 export declare function rendererDragOnUpdate(state: MainRendererDragInternal, context: ExtensionUpdateContext): void;

package/dist/extensions/first-party/main-renderer/drag/update.js

@@ -1,5 +1,5 @@
 import assert from '@ktarmyshov/assert';
-import { isNonEmptyPieceCode } from '../../../../state/board/check';
+import { isNonEmptyPieceCode } from '../../../../state/board/check.js';
 export function rendererDragOnUpdate(state, context) {
     const isLiftedDragActive = context.currentFrame.state.interaction.dragSession?.type === 'lifted-piece-drag';
     if (isLiftedDragActive) {

package/dist/extensions/first-party/main-renderer/factory.d.ts

@@ -1,2 +1,2 @@
-import { MainRendererDefinition, MainRendererInitOptions } from './types/extension';
+import { MainRendererDefinition, MainRendererInitOptions } from './types/extension.js';
 export declare function createMainRenderer(options?: MainRendererInitOptions): MainRendererDefinition;

package/dist/extensions/first-party/main-renderer/factory.js

@@ -1,13 +1,13 @@
 import { toMerged } from 'es-toolkit';
-import { extensionCreateInternalBase, extensionDestroy, extensionMount, extensionUnmount } from '../common/helpers';
-import { createMainRendererAnimation } from './animation/factory';
-import { createMainRendererBoard } from './board/factory';
-import { createMainRendererCoordinates } from './coordinates/factory';
-import { createMainRendererDrag } from './drag/factory';
-import { normalizeMainRendererConfig } from './normalize';
-import { createMainRendererPieces } from './pieces/factory';
-import { EXTENSION_ID, EXTENSION_SLOTS } from './types/extension';
-import { DEFAULT_MAIN_RENDERER_CONFIG } from './types/internal';
+import { extensionCreateInternalBase, extensionDestroy, extensionMount, extensionUnmount } from '../common/helpers.js';
+import { createMainRendererAnimation } from './animation/factory.js';
+import { createMainRendererBoard } from './board/factory.js';
+import { createMainRendererCoordinates } from './coordinates/factory.js';
+import { createMainRendererDrag } from './drag/factory.js';
+import { normalizeMainRendererConfig } from './normalize.js';
+import { createMainRendererPieces } from './pieces/factory.js';
+import { EXTENSION_ID, EXTENSION_SLOTS } from './types/extension.js';
+import { DEFAULT_MAIN_RENDERER_CONFIG } from './types/internal.js';
 export function createMainRenderer(options = {}) {
     const config = toMerged(DEFAULT_MAIN_RENDERER_CONFIG, normalizeMainRendererConfig(options));
     return {

package/dist/extensions/first-party/main-renderer/normalize.d.ts

@@ -1,4 +1,3 @@
-import { MainRendererConfigInput, PieceUrlsInput } from './types/input';
-import { MainRendererConfig, PieceUrls } from './types/internal';
-export declare function normalizePieceUrls(input: PieceUrlsInput): PieceUrls;
+import { MainRendererConfigInput } from './types/input.js';
+import { MainRendererConfig } from './types/internal.js';
 export declare function normalizeMainRendererConfig(input: Partial<MainRendererConfigInput>): MainRendererConfig;

package/dist/extensions/first-party/main-renderer/normalize.js

@@ -1,13 +1,13 @@
 import assert from '@ktarmyshov/assert';
-import { normalizePiece } from '../../../state/board/normalize';
-import { ALL_NON_EMPTY_PIECE_CODES } from '../../../state/board/types/internal';
-import { DEFAULT_MAIN_RENDERER_CONFIG } from './types/internal';
+import { normalizePiece } from '../../../state/board/normalize.js';
+import { ALL_NON_EMPTY_PIECE_CODES } from '../../../state/board/types/internal.js';
+import { DEFAULT_MAIN_RENDERER_CONFIG } from './types/internal.js';
 function assertPieceUrlsComplete(pieceUrls) {
     for (const pieceCode of ALL_NON_EMPTY_PIECE_CODES) {
         assert(pieceCode in pieceUrls, `Missing URL for piece code: ${pieceCode}`);
     }
 }
-export function normalizePieceUrls(input) {
+function normalizePieceUrls(input) {
     const normalized = {};
     for (const [key, url] of Object.entries(input)) {
         const pieceCode = normalizePiece(key);

package/dist/extensions/first-party/main-renderer/pieces/factory.d.ts

@@ -1,3 +1,3 @@
-import { PieceUrls } from '../types/internal';
-import { MainRendererPieces } from './types';
+import { PieceUrls } from '../types/internal.js';
+import { MainRendererPieces } from './types.js';
 export declare function createMainRendererPieces(config: PieceUrls): MainRendererPieces;

package/dist/extensions/first-party/main-renderer/pieces/factory.js

@@ -1,5 +1,5 @@
-import { rendererPiecesRender } from './render';
-import { rendererPiecesOnUpdate, rendererPiecesRefreshSuppressedSquares } from './update';
+import { rendererPiecesRender } from './render.js';
+import { rendererPiecesOnUpdate, rendererPiecesRefreshSuppressedSquares } from './update.js';
 export function createMainRendererPieces(config) {
     const state = {
         config,

package/dist/extensions/first-party/main-renderer/pieces/render.d.ts

@@ -1,3 +1,3 @@
-import { ExtensionRenderContext } from '../../../types/context/render';
-import { MainRendererPiecesInternal } from './types';
+import { ExtensionRenderContext } from '../../../types/context/render.js';
+import { MainRendererPiecesInternal } from './types.js';
 export declare function rendererPiecesRender(state: MainRendererPiecesInternal, context: ExtensionRenderContext, layer: SVGElement): void;

package/dist/extensions/first-party/main-renderer/pieces/render.js

@@ -1,7 +1,7 @@
-import { createSvgElement, updateElementAttributes } from '../../../../render/svg/helpers';
-import { isNonEmptyPieceCode } from '../../../../state/board/check';
-import { SQUARE_COUNT } from '../../../../state/board/types/internal';
-import { DirtyLayer } from '../types/extension';
+import { createSvgElement, updateElementAttributes } from '../../../../render/svg/helpers.js';
+import { isNonEmptyPieceCode } from '../../../../state/board/check.js';
+import { SQUARE_COUNT } from '../../../../state/board/types/internal.js';
+import { DirtyLayer } from '../types/extension.js';
 export function rendererPiecesRender(state, context, layer) {
     if ((context.invalidation.dirtyLayers & DirtyLayer.Pieces) === 0) {
         return;
@@ -14,13 +14,13 @@ export function rendererPiecesRender(state, context, layer) {
         const suppressed = state.suppressedSquares.has(sq);
         if (isNonEmptyPieceCode(pieceCode) && !suppressed) {
             const url = state.config[pieceCode];
-            const r = geometry.squareRect(sq);
+            const r = geometry.getSquareRect(sq);
             if (existing !== null) {
                 updateElementAttributes(existing.root, {
                     x: r.x.toString(),
                     y: r.y.toString(),
-                    width: r.size.toString(),
-                    height: r.size.toString(),
+                    width: r.width.toString(),
+                    height: r.height.toString(),
                     href: url
                 });
             }
@@ -31,8 +31,8 @@ export function rendererPiecesRender(state, context, layer) {
                         href: url,
                         x: r.x.toString(),
                         y: r.y.toString(),
-                        width: r.size.toString(),
-                        height: r.size.toString()
+                        width: r.width.toString(),
+                        height: r.height.toString()
                     })
                 });
             }

package/dist/extensions/first-party/main-renderer/pieces/suppress.d.ts

@@ -1,5 +1,5 @@
-import { Square } from '../../../../state/board/types/internal';
-import { ExtensionCleanAnimationContext } from '../../../types/context/animation';
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { MainRendererPiecesInternal } from './types';
+import { Square } from '../../../../state/board/types/internal.js';
+import { ExtensionCleanAnimationContext } from '../../../types/context/animation.js';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { MainRendererPiecesInternal } from './types.js';
 export declare function calculateSuppressedSquares(_state: MainRendererPiecesInternal, context: ExtensionUpdateContext | ExtensionCleanAnimationContext, animationSuppressedSquares: ReadonlySet<Square>): ReadonlySet<Square>;

package/dist/extensions/first-party/main-renderer/pieces/suppress.js

@@ -1,9 +1,14 @@
 export function calculateSuppressedSquares(_state, context, animationSuppressedSquares) {
     const dragSession = context.currentFrame.state.interaction.dragSession;
-    const dragSquare = dragSession?.type === 'lifted-piece-drag' ? dragSession.sourceSquare : undefined;
+    const dragSquare = dragSession?.type === 'lifted-piece-drag' ? dragSession.sourceSquare : null;
     const result = new Set(animationSuppressedSquares);
-    if (dragSquare !== undefined) {
+    if (dragSquare !== null) {
         result.add(dragSquare);
     }
+    const pendingMoveRequest = context.currentFrame.state.change.deferredUIMoveRequest;
+    if (pendingMoveRequest) {
+        result.add(pendingMoveRequest.sourceSquare);
+        result.add(pendingMoveRequest.destination.to);
+    }
     return result;
 }

package/dist/extensions/first-party/main-renderer/pieces/types.d.ts

@@ -1,8 +1,8 @@
-import { Square } from '../../../../state/board/types/internal';
-import { ExtensionCleanAnimationContext } from '../../../types/context/animation';
-import { ExtensionRenderContext } from '../../../types/context/render';
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { PieceUrls } from '../types/internal';
+import { Square } from '../../../../state/board/types/internal.js';
+import { ExtensionCleanAnimationContext } from '../../../types/context/animation.js';
+import { ExtensionRenderContext } from '../../../types/context/render.js';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { PieceUrls } from '../types/internal.js';
 type PieceNodeRecord = {
     root: SVGImageElement;
 };

package/dist/extensions/first-party/main-renderer/pieces/update.d.ts

@@ -1,6 +1,6 @@
-import { Square } from '../../../../state/board/types/internal';
-import { ExtensionCleanAnimationContext } from '../../../types/context/animation';
-import { ExtensionUpdateContext } from '../../../types/context/update';
-import { MainRendererPiecesInternal } from './types';
+import { Square } from '../../../../state/board/types/internal.js';
+import { ExtensionCleanAnimationContext } from '../../../types/context/animation.js';
+import { ExtensionUpdateContext } from '../../../types/context/update.js';
+import { MainRendererPiecesInternal } from './types.js';
 export declare function rendererPiecesOnUpdate(state: MainRendererPiecesInternal, context: ExtensionUpdateContext, animationSuppressedSquares: ReadonlySet<Square>): void;
 export declare function rendererPiecesRefreshSuppressedSquares(state: MainRendererPiecesInternal, context: ExtensionCleanAnimationContext, animationSuppressedSquares: ReadonlySet<Square>): void;