feat: nodenext support (#228)

Author: Clariity

.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,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
@@ -54,7 +63,6 @@ jobs:
         run: pnpm build
 
       - name: Run semantic-release
-        run: pnpm semantic-release
+        run: npx 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,