fix: nodenext support

.github/workflows/ci.yml

@@ -1,5 +1,9 @@
 name: CI
 
+permissions:
+  id-token: write
+  contents: read
+
 on:
   push:
     branches: [main, beta]
@@ -15,7 +19,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
 
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
@@ -32,6 +36,11 @@ jobs:
     needs: static-test
     if: github.event_name == 'push' && (github.ref == 'refs/heads/main' || github.ref == 'refs/heads/beta')
     runs-on: ubuntu-latest
+    permissions:
+      contents: write # to be able to publish a GitHub release
+      issues: write # to be able to comment on released issues
+      pull-requests: write # to be able to comment on released pull requests
+      id-token: write # to enable use of OIDC for trusted publishing and npm provenance
     steps:
       - uses: actions/checkout@v4
         with:
@@ -40,7 +49,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
+          registry-url: 'https://registry.npmjs.org'
 
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
@@ -57,4 +67,3 @@ jobs:
         run: pnpm semantic-release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

docs/stories/advanced-examples/3DBoard.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useMemo } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/advanced-examples/AnalysisBoard.stories.tsx

@@ -2,9 +2,9 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess, Square } from 'chess.js';
 import { useEffect, useMemo, useRef, useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard, PieceDropHandlerArgs } from '../../../src';
-import Engine from '../../stockfish/engine';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard, PieceDropHandlerArgs } from '../../../src/index.js';
+import Engine from '../../stockfish/engine.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/advanced-examples/FourPlayerChess.stories.tsx

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useEffect, useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard, defaultDraggingPieceStyle } from '../../../src';
-import { defaultPieces } from '../../../src/pieces';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard, defaultDraggingPieceStyle } from '../../../src/index.js';
+import { defaultPieces } from '../../../src/pieces.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/advanced-examples/MiniPuzzles.stories.tsx

@@ -1,13 +1,13 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useEffect, useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
+import defaultMeta from '../basic-examples/Default.stories.js';
 import {
   Chessboard,
   PieceDropHandlerArgs,
   PieceHandlerArgs,
   PositionDataType,
-} from '../../../src';
+} from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/advanced-examples/Multiplayer.stories.tsx

@@ -2,12 +2,12 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess } from 'chess.js';
 import { useState, useRef } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
+import defaultMeta from '../basic-examples/Default.stories.js';
 import {
   Chessboard,
   PieceDropHandlerArgs,
   PieceHandlerArgs,
-} from '../../../src';
+} from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/advanced-examples/PiecePromotion.stories.tsx

@@ -2,14 +2,14 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess, Square, PieceSymbol } from 'chess.js';
 import { useRef, useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
+import defaultMeta from '../basic-examples/Default.stories.js';
 import {
   Chessboard,
   chessColumnToColumnIndex,
   defaultPieces,
   PieceDropHandlerArgs,
   PieceRenderObject,
-} from '../../../src';
+} from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/advanced-examples/Premoves.stories.tsx

@@ -2,13 +2,13 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess } from 'chess.js';
 import { useState, useRef } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
+import defaultMeta from '../basic-examples/Default.stories.js';
 import {
   Chessboard,
   fenStringToPositionObject,
   PieceDropHandlerArgs,
   PieceHandlerArgs,
-} from '../../../src';
+} from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/basic-examples/ClickOrDragToMove.stories.tsx

@@ -2,12 +2,12 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess, Square } from 'chess.js';
 import { useState, useRef } from 'react';
 
-import defaultMeta from './Default.stories';
+import defaultMeta from './Default.stories.js';
 import {
   Chessboard,
   SquareHandlerArgs,
   PieceDropHandlerArgs,
-} from '../../../src';
+} from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/basic-examples/ClickToMove.stories.tsx

@@ -2,8 +2,8 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess, Square } from 'chess.js';
 import { useState, useRef } from 'react';
 
-import defaultMeta from './Default.stories';
-import { Chessboard, SquareHandlerArgs } from '../../../src';
+import defaultMeta from './Default.stories.js';
+import { Chessboard, SquareHandlerArgs } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/basic-examples/Default.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Chessboard } from '../../../src';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   title: 'stories/Default',

docs/stories/basic-examples/PlayVsRandom.stories.tsx

@@ -2,8 +2,8 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess } from 'chess.js';
 import { useState, useRef } from 'react';
 
-import defaultMeta from './Default.stories';
-import { Chessboard, PieceDropHandlerArgs } from '../../../src';
+import defaultMeta from './Default.stories.js';
+import { Chessboard, PieceDropHandlerArgs } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/basic-examples/SparePieces.stories.tsx

@@ -2,14 +2,14 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess, Color, PieceSymbol, Square } from 'chess.js';
 import { useEffect, useRef, useState } from 'react';
 
-import defaultMeta from './Default.stories';
+import defaultMeta from './Default.stories.js';
 import {
   Chessboard,
   ChessboardProvider,
   defaultPieces,
   PieceDropHandlerArgs,
   SparePiece,
-} from '../../../src';
+} from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/AllowAutoScroll.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/AllowDragOffBoard.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/AllowDragging.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/AllowDrawingArrows.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/AlphaNotationStyle.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/AnimationDurationInMs.stories.tsx

@@ -2,9 +2,9 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Chess } from 'chess.js';
 import { useState, useRef } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
-import type { PieceDropHandlerArgs } from '../../../src/types';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
+import type { PieceDropHandlerArgs } from '../../../src/types.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/ArrowOptions.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/Arrows.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/BoardOrientation.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/BoardStyle.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/CanDragPiece.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
-import { PieceHandlerArgs } from '../../../src/types';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
+import { PieceHandlerArgs } from '../../../src/types.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/ChessboardColumns.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/ChessboardRows.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
-import { PositionDataType } from '../../../src/types';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
+import { PositionDataType } from '../../../src/types.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/ClearArrowsOnClick.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/ClearArrowsOnPositionChange.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/DarkSquareNotationStyle.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,

docs/stories/options/DarkSquareStyle.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import defaultMeta from '../basic-examples/Default.stories';
-import { Chessboard } from '../../../src';
+import defaultMeta from '../basic-examples/Default.stories.js';
+import { Chessboard } from '../../../src/index.js';
 
 const meta: Meta<typeof Chessboard> = {
   ...defaultMeta,