JS: Replace proj4js by proj4rs WASM

Proj4rs is Rust adaptation of Proj4. It provides a JS API like proj4js to be reusable with OpenLayers.

* Source code https://github.com/3liz/proj4rs
* JavaScript Demo https://docs.3liz.org/proj4rs/

Author: rldhont

assets/src/index.js

@@ -32,7 +32,7 @@ import executeJSFromServer from './modules/ExecuteJSFromServer.js';
 
 import olDep from './dependencies/ol.js';
 import litHTMLDep from './dependencies/lit-html.js';
-import proj4 from 'proj4';
+import {proj4} from 'proj4rs/proj4.js';
 
 lizMap.ol = olDep;
 lizMap.litHTML = litHTMLDep;

assets/src/legacy/map.js

@@ -654,8 +654,9 @@ window.lizMap = function() {
                 var wmsBbox = firstLayer.bbox[proj.ref].bbox;
                 var wmsBounds = OpenLayers.Bounds.fromArray( wmsBbox );
                 var initBounds = OpenLayers.Bounds.fromArray( config.options.initialExtent );
-                if ( !initBounds.intersectsBounds( wmsBounds ) )
+                if ( !initBounds.intersectsBounds( wmsBounds ) ) {
                     OpenLayers.Projection.defaults[proj.ref].yx = true;
+                }
             }
         }
     }

assets/src/modules/Lizmap.js

@@ -31,10 +31,10 @@ import WMSCapabilities from 'ol/format/WMSCapabilities.js';
 import WFSCapabilities from 'ol-wfs-capabilities';
 import { Coordinate as olCoordinate } from 'ol/coordinate.js'
 import { Extent as olExtent, intersects as olExtentIntersects} from 'ol/extent.js';
-import { transform as olTransform, transformExtent as olTransformExtent, get as getProjection, clearAllProjections, addCommon } from 'ol/proj.js';
+import { transform as olTransform, transformExtent as olTransformExtent, get as getProjection } from 'ol/proj.js';
 import { register } from 'ol/proj/proj4.js';
 
-import proj4 from 'proj4';
+import { proj4 } from 'proj4rs/proj4.js';
 import ProxyEvents from './ProxyEvents.js';
 
 /**
@@ -116,30 +116,15 @@ export default class Lizmap {
                             && Math.abs(extent[2] - bbox.extent[3]) < Math.abs(extent[2] - bbox.extent[2])
                             && Math.abs(extent[3] - bbox.extent[2]) < Math.abs(extent[3] - bbox.extent[3])) {
                             // If inverted axis are closest, we have to update the projection definition
-                            proj4.defs(configProj.ref, configProj.proj4+' +axis=neu');
-                            // Clear all cached projections and transforms.
-                            clearAllProjections();
-                            // Add transforms to and from EPSG:4326 and EPSG:3857.  This function should
-                            // need to be called again after `clearAllProjections()`
-                            // @see ol/proj.js#L731
-                            addCommon();
-                            // Need to register projections again
-                            register(proj4);
+                            projectProj.axisOrientation_ = 'neu';
                             break;
                         }
                         // Transform extent from project projection to CRS:84
                         const geoExtent = olTransformExtent(bbox.extent, bbox.crs, 'CRS:84');
                         // Check intersects between transform extent and provided extent by WMS Capapbilities
                         if (!olExtentIntersects(geoExtent, wmsLayer.EX_GeographicBoundingBox)) {
                             // if extents do not intersect, we have to update the projection definition
-                            proj4.defs(configProj.ref, configProj.proj4+' +axis=neu');
-                            clearAllProjections();
-                            // Add transforms to and from EPSG:4326 and EPSG:3857. This function should
-                            // need to be called again after `clearAllProjections()`
-                            // @see ol/proj.js#L731
-                            addCommon();
-                            // Need to re register projections again
-                            register(proj4);
+                            projectProj.axisOrientation_ = 'neu';
                             break;
                         }
                     }

assets/webpack.dev.js

@@ -3,5 +3,9 @@ import common from './webpack.common.js';
 
 export default merge(common, {
     mode: 'development',
-    devtool: 'eval-source-map'
+    devtool: 'eval-source-map',
+    experiments: {
+        asyncWebAssembly: true,
+        syncWebAssembly: true
+    },
 });

assets/webpack.prod.js

@@ -3,5 +3,9 @@ import common from './webpack.common.js';
 
 export default merge(common, {
     mode: 'production',
-    devtool: 'source-map'
+    devtool: 'source-map',
+    experiments: {
+        asyncWebAssembly: true,
+        syncWebAssembly: true
+    },
 });

package-lock.json

@@ -45,7 +45,7 @@
     "ol-wfs-capabilities": "^2.0.0",
     "playwright-ctrf-json-reporter": "^0.0.x",
     "postcss-lit": "^1.2.0",
-    "proj4": "^2.11.0",
+    "proj4rs": "^0.0.1",
     "shpjs": "^6.1.0",
     "stylelint": "^16.15.x",
     "stylelint-config-standard": "^37.0.0",