feat: use react 19

.github/workflows/main.yml

@@ -12,17 +12,20 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v6
 
       - name: Setup node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v6
         with:
           node-version-file: '.nvmrc'
 
+      - name: Enable Corepack
+        run: corepack enable
+
       - name: Run linting and tests
         run: |
-          yarn install --frozen-lockfile
-          yarn lint
-          yarn test
+          pnpm install --frozen-lockfile
+          pnpm lint
+          pnpm test
         env:
           CI: true

.gitignore

@@ -7,3 +7,4 @@ styleguide
 coverage
 doc/build
 styleguide-build
+pnpm-workspace.yaml

.husky/commit-msg

@@ -1,3 +1,3 @@
 #!/usr/bin/env sh
 
-yarn commitlint --edit $1
+pnpm commitlint --edit $1

.husky/post-checkout

@@ -1,4 +1,4 @@
 #!/bin/sh
 [ -n "$CI" ] && exit 0
 
-yarn install --frozen-lockfile
+pnpm install --frozen-lockfile

.husky/post-merge

@@ -1,3 +1,3 @@
 #!/bin/sh
 
-yarn install --frozen-lockfile
+pnpm install --frozen-lockfile

.husky/post-rebase

@@ -1,3 +1,3 @@
 #!/bin/sh
 
-yarn install --frozen-lockfile
+pnpm install --frozen-lockfile

.lintstagedrc.js

@@ -2,7 +2,7 @@ module.exports = {
   "(src|__mocks__)/**/*.js": [
     "eslint --fix",
     "prettier --write",
-    "yarn test --bail --findRelatedTests --passWithNoTests",
+    "pnpm test --bail --findRelatedTests  --passWithNoTests",
   ],
   "package.json": ["fixpack"],
   "src/**/*.{css,scss}": ["stylelint --fix"],

.nvmrc

@@ -1 +1 @@
-22
+24

DEVELOP.md

@@ -16,58 +16,49 @@ Documentation and examples are available [here](https://react-spatial.geops.de/)
 Build the doc:
 
 ```bash
-yarn doc
+pnpm doc
 ```
 
 Run the doc on [`locahost:6060`](http://locahost:6060/):
 
 ```bash
-yarn start
+pnpm start
 ```
 
 ## Tests
 
-We are using [jest]([https://react-styleguidist.js.org/](https://jestjs.io/docs/en/getting-started.html)) and [enzyme]([https://github.com/airbnb/enzyme](https://airbnb.io/enzyme/)).
-
 Run the tests in watch mode:
 
 ```bash
-yarn test --watch
+pnpm test --watch
 ```
 
 ## Coverage
 
 Run coverage:
 
 ```bash
-yarn coverage
+pnpm coverage
 ```
 
 Then open the file `coverage/lcov-report/index.html` in your browser.
 
-## Publish on [npmjs.com](https://www.npmjs.com/package/react-spatial)
+## Publish new version
+
+We use `standard-version` to manage versioning and changelog generation.
 
 Run publish:
 
 ```bash
-publish:public
+pnpm publish:public
 ```
-You need to enter the new version number in the command line.
-Then the new version must be published on [npmjs.com](https://www.npmjs.com/package/react-spatial).
-
-## Publish a development version on [npmjs.com](https://www.npmjs.com/package/react-spatial)
 
-This version WILL NOT be displayed to other in [npmjs.com](https://www.npmjs.com/package/react-spatial).
-
-Run publish:
+or for a beta version on beta channel:
 
 ```bash
-publish:beta
+pnpm publish:beta
 ```
 
-You need to enter the new version number in the command line.
-Append `-beta.0` to the current version or increase the beta number.
-Then the new version must be published on [npmjs.com](https://www.npmjs.com/package/react-spatial) with the tag beta.
 
 ## How to use SVG
 

README.md

@@ -16,7 +16,7 @@ Documentation and examples at https://react-spatial.geops.io.
 Install the [react-spatial](https://www.npmjs.com/package/react-spatial) package:
 
 ```bash
-yarn add maplibre-gl ol mobility-toolbox-js react-spatial
+pnpm add maplibre-gl ol mobility-toolbox-js react-spatial
 ```
 
 Your build pipeline needs to support ES6 modules and SASS.

commitlint.config.js

@@ -1 +1 @@
-module.exports = { extends: ['@commitlint/config-conventional'] };
+module.exports = { extends: ["@commitlint/config-conventional"] };

doc/README.md

@@ -9,7 +9,7 @@ the folder published by netlify is doc/build (netlify.toml).
 ## Commands
 
 Styleguidist documentation is visible (with hot reload) with the cmd:
-'yarn start'
+'pnpm start'
 
 ## Configuration
 

eslint.config.mjs

@@ -0,0 +1,39 @@
+import flat from "@geops/eslint-config-react/flat";
+
+// tailwind@4 only supported in beta channel
+// import tailwind from "eslint-plugin-tailwindcss";
+
+export default [
+  ...flat,
+  // tailwind@4 only supported in beta channel
+  // ...tailwind.configs["flat/recommended"],
+  // {
+  //   settings: {
+  //     react: {
+  //       version: "18.3.1",
+  //     },
+  //   },
+  // },
+  {
+    rules: {
+      "@typescript-eslint/no-empty-function": "off",
+      "@typescript-eslint/no-unsafe-call": "off",
+      "@typescript-eslint/no-unsafe-member-access": "off",
+      "@typescript-eslint/no-unsafe-assignment": "off",
+      "@typescript-eslint/no-unsafe-return": "off",
+      "@typescript-eslint/unbound-method": "off",
+      "@typescript-eslint/no-unsafe-argument": "off",
+      "mocha/no-setup-in-describe": "off",
+      "mocha/consistent-spacing-between-blocks": "off",
+      "@typescript-eslint/no-redundant-type-constituents": "off",
+      "mocha/no-pending-tests": "off",
+      "@typescript-eslint/prefer-nullish-coalescing": "off",
+      "react-compiler/react-compiler": "off",
+      "@typescript-eslint/prefer-for-of": "warn",
+      "@typescript-eslint/no-unused-vars": "warn",
+      "@typescript-eslint/no-floating-promises": "warn",
+      "@typescript-eslint/no-misused-promises": "warn",
+      "@typescript-eslint/prefer-optional-chain": "warn",
+    },
+  },
+];

jest.config.js

@@ -1,7 +1,5 @@
 module.exports = {
   moduleNameMapper: {
-    "@geoblocks/ol-maplibre-layer":
-      "<rootDir>/node_modules/@geoblocks/ol-maplibre-layer/lib/index.js",
     "\\.(jpg|jpeg|png|gif|webp|scss)$": "identity-obj-proxy",
   },
   setupFilesAfterEnv: ["<rootDir>/src/setupTests.js"],
@@ -10,8 +8,8 @@ module.exports = {
   testMatch: ["<rootDir>/src/**/?(*.)+(spec|test).[jt]s?(x)"],
   testPathIgnorePatterns: ["<rootDir>/(build|coverage|public|doc|packages)"],
   transform: {
-    ".+\\.js$": "babel-jest",
     ".+\\.svg$": "jest-transformer-svg",
+    "^.+\\.(js|jsx|ts|tsx)$": "babel-jest",
   },
   transformIgnorePatterns: [],
 };