Merge pull request #121 from reearth/chore/package-updates-safe

chore: package updates safe

Author: bnimit

.github/workflows/npm_release.yml

@@ -53,7 +53,7 @@ jobs:
           git push --tags
 
       - name: Release to NPM
-        uses: JS-DevTools/npm-publish@v3
+        uses: JS-DevTools/npm-publish@v4
         with:
           token: ${{ secrets.NPM_TOKEN }}
           tag: ${{ inputs.tag }}

.github/workflows/pr_title.yml

@@ -21,9 +21,10 @@ jobs:
       - uses: actions/labeler@v4
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
-      - uses: amannn/action-semantic-pull-request@v5
+      - uses: amannn/action-semantic-pull-request@v6
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
           ignoreLabels: meta
           subjectPattern: ^(?![A-Z]).+$
           subjectPatternError: |

.storybook/main.ts

@@ -32,13 +32,15 @@ const config: StorybookConfig = {
     return {
       ...config,
       plugins: [
-        ...(config.plugins || []),
+        ...(config.plugins || []).filter((p: any) => p?.name !== "vite:dts"),
         cesium({ cesiumBaseUrl: `cesium-${cesiumPackageJson.version}/` }),
       ],
       resolve: {
         ...config.resolve,
         alias: {
           ...config.resolve?.alias,
+          // csv-parse main entry uses Node.js streams; use browser ESM build instead
+          'csv-parse': 'csv-parse/browser/esm',
           // Alias nosleep.js to its dist file which has proper exports
           'nosleep.js': resolve(__dirname, '..', 'node_modules', 'nosleep.js', 'dist', 'NoSleep.js'),
         },

example/global.css

@@ -1,6 +1,6 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "tailwindcss-animate";
+@config "../tailwind.config.js";
 
 @layer base {
   * {

package.json

@@ -42,21 +42,21 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-toggle": "^1.1.10",
-    "@reearth/cesium-mvt-imagery-provider": "1.6.1",
+    "@reearth/cesium-mvt-imagery-provider": "1.6.2",
     "@reearth/spatial-id-sdk": "0.0.0",
     "@rot1024/use-transition": "1.0.0",
     "@seznam/compose-react-refs": "1.0.6",
     "@turf/invariant": "^7.3.3",
     "@turf/turf": "^7.3.3",
     "@ungap/event-target": "0.2.4",
-    "@xstate/react": "3.2.1",
+    "@xstate/react": "^6.1.0",
     "cesium-dnd": "1.1.0",
     "csv-parse": "^6.1.0",
     "d3": "^7.9.0",
     "fast-xml-parser": "^5.3.3",
     "framer-motion": "^12.29.2",
     "geojson": "0.5.0",
-    "jotai": "1.12.1",
+    "jotai": "^2.18.0",
     "js-md5": "^0.8.3",
     "jsep": "^1.4.0",
     "jsonpath-plus": "^10.3.0",
@@ -65,22 +65,22 @@
     "lru-cache": "^11.2.5",
     "pbf": "^4.0.1",
     "proj4": "^2.20.2",
-    "protomaps": "1.23.1",
+    "protomaps-leaflet": "^5.1.0",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
     "react-error-boundary": "^6.1.0",
     "react-nl2br": "1.0.4",
     "react-use": "^17.6.0",
     "resium": "^1.19.3",
     "suspend-react": "0.1.3",
-    "tailwind-merge": "^2.5.5",
-    "tailwindcss": "^3.4.17",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.1",
     "tailwindcss-animate": "^1.0.7",
     "tiny-invariant": "1.3.3",
     "use-callback-ref": "1.3.3",
     "use-custom-compare": "1.5.0",
     "uuid": "^13.0.0",
-    "xstate": "4.38.2"
+    "xstate": "^5.28.0"
   },
   "devDependencies": {
     "@apollo/client": "^4.1.2",
@@ -105,14 +105,15 @@
     "@types/scheduler": "^0.26.0",
     "@vitejs/plugin-react": "^5.1.2",
     "@xstate/cli": "0.5.17",
+    "@tailwindcss/postcss": "^4.2.1",
     "autoprefixer": "^10.4.23",
     "cesium": "^1.137.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "eslint": "8.57.0",
     "eslint-config-reearth": "0.3.0",
     "eslint-plugin-storybook": "^10.2.3",
-    "jsdom": "^27.4.0",
+    "jsdom": "^28.1.0",
     "postcss": "^8.5.6",
     "prettier": "^3.8.1",
     "react": "^19.2.4",

postcss.config.js

@@ -1,6 +1,6 @@
 export default {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
     autoprefixer: {},
   },
 }

src/Map/Sketch/hooks.ts

@@ -13,7 +13,7 @@ import {
   useState,
 } from "react";
 import { v4 as uuidv4 } from "uuid";
-import { InterpreterFrom, StateFrom } from "xstate";
+import { ActorRefFrom, StateFrom } from "xstate";
 
 import { ControlPointMouseEventHandler } from "../../engines/Cesium/Sketch";
 import { InteractionModeType } from "../../shared/interactionMode";
@@ -65,7 +65,7 @@ type Props = {
 const sketchMachine = createSketchMachine();
 
 export type sketchState = StateFrom<typeof sketchMachine>;
-export type SketchInterpreter = InterpreterFrom<typeof sketchMachine>;
+export type SketchInterpreter = ActorRefFrom<typeof sketchMachine>;
 
 export default function ({
   ref,