Fix mapbox RTL (fix #1391)

Author: tananaev

package-lock.json

@@ -65,6 +65,7 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "globals": "^16.2.0"
+    "globals": "^16.2.0",
+    "vite-plugin-static-copy": "^3.0.0"
   }
 }

package.json

@@ -86,9 +86,7 @@ const MapView = ({ children }) => {
 
   useEffectAsync(async () => {
     if (theme.direction === 'rtl') {
-      // eslint-disable-next-line import/no-unresolved
-      const module = await import('@mapbox/mapbox-gl-rtl-text/mapbox-gl-rtl-text.min?url');
-      maplibregl.setRTLTextPlugin(module.default);
+      maplibregl.setRTLTextPlugin('/mapbox-gl-rtl-text.js');
     }
   }, [theme.direction]);
 

src/map/core/MapView.jsx

@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import svgr from 'vite-plugin-svgr';
 import { VitePWA } from 'vite-plugin-pwa';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
 
 export default defineConfig(() => ({
   server: {
@@ -48,5 +49,10 @@ export default defineConfig(() => ({
         ],
       },
     }),
+    viteStaticCopy({
+      targets: [
+        { src: 'node_modules/@mapbox/mapbox-gl-rtl-text/dist/mapbox-gl-rtl-text.js', dest: '' },
+      ],
+    }),
   ],
 }));