fix support for OpenLayers 10.3.1 (#347)

* fix support for OpenLayers 10.3.1

* update changelog

Author: mmomtchev

CHANGELOG.md

@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+### [3.3.1] 2025-01-10
+
+-   Fix `RLayerVectorImage` in OpenLayers 10.3.1
+
 ## [3.3.0] 2025-01-09
 
 -   OpenLayers 10.3.1 support

jest.config.js

@@ -19,15 +19,15 @@ module.exports = {
         ]
     },
     transformIgnorePatterns: [
-        '/node_modules/(?!(ol|txml|geotiff|quick-lru|color-|rbush|earcut|pbf|quickselect))'
+        '/node_modules/(?!(ol|txml|geotiff|quick-lru|color-|rbush|earcut|pbf|quickselect|node-fetch|data-uri-to-buffer|fetch-blob|formdata-polyfill))'
     ],
     moduleNameMapper: {
         '^rlayers$': '<rootDir>/src',
         '^rlayers/(.*)$': '<rootDir>/src/$1',
         '\\.(css|less)$': '<rootDir>/test/css.js',
         '^txml/txml$': '<rootDir>/node_modules/txml/dist/txml'
     },
-    setupFiles: ['jest-canvas-mock'],
+    setupFiles: ['jest-canvas-mock', 'jsdom-worker'],
     setupFilesAfterEnv: ['@testing-library/jest-dom', './test/setup_mocks.ts'],
     testRegex: '/test/.*\\.test\\.tsx?$',
     moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],

package-lock.json

@@ -136,9 +136,10 @@
     "jest": "^29.4.3",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^29.4.3",
+    "jsdom-worker": "^0.3.0",
     "markdown-loader": "^8.0.0",
     "null-loader": "^4.0.1",
-    "ol": "^10.2.0",
+    "ol": "^10.3.1",
     "ol-mapbox-style": "^12.3.5",
     "ol-mbtiles": "^3.2.0",
     "prettier": "2.8.8",

package.json

@@ -24,7 +24,7 @@ export default class RLayerVectorImage extends RLayerBaseVector<
     Feature,
     RLayerBaseVectorProps<Feature>
 > {
-    ol: LayerVectorImage<Feature>;
+    ol: LayerVectorImage<SourceVector<Feature>>;
     source: SourceVector<Feature>;
 
     protected createSource(props: Readonly<RLayerBaseVectorProps<Feature>>): BaseObject[] {

src/layer/RLayerVectorImage.tsx

@@ -1,9 +1,12 @@
 import proj4 from 'proj4';
 import {register} from 'ol/proj/proj4';
+import {TextEncoder, TextDecoder} from 'util';
 
 import ResizeObserver from 'resize-observer-polyfill';
 window.ResizeObserver = ResizeObserver;
 
+Object.assign(global, {TextDecoder, TextEncoder});
+
 proj4.defs(
     'EPSG:27700',
     '+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 ' +

test/setup_mocks.ts

@@ -0,0 +1,3 @@
+import WebWorker from 'web-worker';
+
+console.log(WebWorker);