ESM distribution

.babelrc

@@ -4,7 +4,7 @@
             "targets": {
                 "browsers": "defaults and supports webgl2"
             },
-            "modules": "auto"
+            "modules": false
         }]
     ],
     "plugins": [
@@ -17,6 +17,7 @@
                 ".css"
             ]
         }],
+        ["module-extension-resolver"],
         ["@babel/plugin-transform-runtime", {
             "regenerator": false
         }],

.eslintrc.js → .eslintrc.cjs

@@ -14,7 +14,7 @@ module.exports = {
     settings: {
         'import/resolver': {
             webpack: {
-                config: 'webpack.config.js',
+                config: './webpack.config.cjs',
             },
         },
     },

docs/.eslintrc.js → docs/.eslintrc.cjs

@@ -2,7 +2,7 @@ module.exports = {
     extends: [
         'eslint-config-airbnb-base',
         'eslint-config-airbnb-base/rules/strict',
-        '../.eslintrc.js',
+        '../.eslintrc.cjs',
     ],
     env: {
         node: true,

docs/package.json

@@ -0,0 +1,5 @@
+{
+    "private": true,
+    "description": "JSDoc loads publish.js files with require(), so we need to configure everything under this path as a CommonJS module.",
+    "type": "commonjs"
+}

examples/.eslintrc.js → examples/.eslintrc.cjs

@@ -2,7 +2,7 @@ module.exports = {
     extends: [
         'eslint-config-airbnb-base',
         'eslint-config-airbnb-base/rules/strict',
-        '../.eslintrc.js',
+        '../.eslintrc.cjs',
     ],
     parserOptions: {
         ecmaVersion: 13,

package.json

@@ -2,6 +2,7 @@
   "name": "itowns",
   "version": "2.42.0",
   "description": "A JS/WebGL framework for 3D geospatial data visualization",
+  "type": "module",
   "main": "lib/Main.js",
   "exports": {
     ".": "./lib/Main.js",
@@ -17,7 +18,7 @@
     "test-functional": "mocha -t 100000 --require test/hooks_functional.js --recursive test/functional",
     "test-with-coverage": "c8 -n src -r html cross-env npm run test-unit",
     "test-with-coverage_lcov": "c8 -n src --reporter=lcov cross-env npm run test-unit",
-    "base-test-unit": "cross-env BABEL_DISABLE_CACHE=1 mocha --require @babel/register --file test/unit/bootstrap.js",
+    "base-test-unit": "cross-env BABEL_DISABLE_CACHE=1 mocha --file test/unit/bootstrap.js --loader=babel-register-esm",
     "build": "cross-env NODE_ENV=production webpack",
     "build-dev": "cross-env NODE_ENV=development webpack",
     "transpile": "cross-env BABEL_DISABLE_CACHE=1 babel src --out-dir lib",
@@ -27,7 +28,7 @@
     "prepublishOnly": "npm run build && npm run transpile",
     "prepare": "cross-env NO_UPDATE_NOTIFIER=true node ./config/prepare.mjs && node ./config/replace.config.mjs",
     "watch": "cross-env BABEL_DISABLE_CACHE=1 babel --watch src --out-dir lib",
-    "changelog": "conventional-changelog -n ./config/conventionalChangelog/config.js -i changelog.md -s",
+    "changelog": "conventional-changelog -n ./config/conventionalChangelog/config.cjs -i changelog.md -s",
     "bump": "if [ -z $npm_config_level ]; then grunt bump:minor;  else grunt bump:$npm_config_level; fi && npm run changelog && npm install && git add -A && git commit --amend --no-edit",
     "publish-next": "npm version prerelease --preid next && npm publish --access public --tag=next --provenance",
     "publish-latest": "npm publish --access public --tag=latest --provenance"
@@ -82,7 +83,9 @@
     "babel-plugin-inline-import": "^3.0.0",
     "babel-plugin-minify-dead-code-elimination": "^0.5.2",
     "babel-plugin-minify-replace": "^0.5.0",
+    "babel-plugin-module-extension-resolver": "^1.0.0",
     "babel-plugin-module-resolver": "^5.0.0",
+    "babel-register-esm": "^1.2.5",
     "c8": "^9.1.0",
     "chalk": "^5.3.0",
     "chart.js": "^4.4.1",

test/functional/.eslintrc.js → test/functional/.eslintrc.cjs

@@ -5,7 +5,7 @@ module.exports = {
     ],
     parserOptions: {
         ecmaVersion: 2017,
-        sourceType: 'script',
+        sourceType: 'module',
         ecmaFeatures: {
             impliedStrict: true,
         },

test/functional/3dtiles_25d.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('3dtiles_25d', function _() {
     let result;

test/functional/3dtiles_basic.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('3dtiles_basic', function _() {
     let result;

test/functional/3dtiles_batch_table.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('3dtiles_batch_table', function _() {
     let result;

test/functional/3dtiles_ion.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('3dtiles_ion', function _() {
     let result;

test/functional/3dtiles_pointcloud.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('3dtiles_pointcloud', function _() {
     let result;

test/functional/CameraUtils.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('Camera utils with globe example', function _() {
     before(async () => {

test/functional/GlobeControls.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 // global variables
 let middleWidth;

test/functional/effects_postprocessing.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('effects_postprocessing', function _() {
     let result;

test/functional/effects_split.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('effects_split', function _() {
     let result;

test/functional/effects_stereo.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('effects_stereo', function _() {
     let result;

test/functional/misc_clamp_ground.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('misc_clamp_ground', function _() {
     let result;

test/functional/misc_collada.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('misc_collada', function _() {
     let result;

test/functional/misc_colorlayer_visibility.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('misc_colorlayer_visibility', function _() {
     let result;

test/functional/misc_instancing.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('misc_instancing', function _() {
     let result;

test/functional/oriented_images.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('misc_georeferenced_images', function _() {
     let result;

test/functional/potree_25d_map.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('potree_25d_map', function _() {
     let result;

test/functional/potree_3d_map.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('potree_3d_map', function _() {
     let result;

test/functional/source_file_geojson_raster.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('source_file_geojson_raster', function _() {
     let result;

test/functional/source_file_gpx_3d.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('source_file_gpx_3d', function _() {
     let result;

test/functional/source_file_kml_raster.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('source_file_kml_raster', function _() {
     let result;

test/functional/source_file_kml_raster_usgs.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('source_file_kml_raster_usgs', function _() {
     let result;

test/functional/source_stream_wfs_25d.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('source_stream_wfs_25d', function _() {
     let result;

test/functional/source_stream_wfs_3d.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('source_stream_wfs_3d', function _() {
     let result;

test/functional/source_stream_wfs_raster.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('source_stream_wfs_raster', function _() {
     let result;

test/functional/vector_tile_3d_mesh_mapbox.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('vector_tile_3d_mesh_mapbox', function _describe() {
     let result;

test/functional/vector_tile_raster_2d.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('vector_tile_raster_2d', function _() {
     let result;

test/functional/vector_tile_raster_3d.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('vector_tile_raster_3d', function _() {
     let result;

test/functional/view_25d_map.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('view_25d_map', function _() {
     let result;

test/functional/view_2d_map.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('view_2d_map', function _() {
     let result;

test/functional/view_3d_map.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('view_3d_map', function _() {
     let result;

test/functional/view_multi_25d.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('view_multi_25d', function _() {
     let result;

test/functional/view_multiglobe.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('view_multiglobe', function _() {
     let result;

test/functional/widgets_3dtiles_style.js

@@ -1,4 +1,4 @@
-const assert = require('assert');
+import assert from 'assert';
 
 describe('Widget C3dTilesStyle', function _() {
     let result;

test/hooks_functional.js

@@ -1,9 +1,9 @@
 /* global page, itowns, view, initialPosition */
 // eslint-disable-next-line import/no-extraneous-dependencies
-const puppeteer = require('puppeteer');
-const net = require('net');
-const fs = require('fs');
-const http = require('http');
+import puppeteer from 'puppeteer';
+import net from 'net';
+import fs from 'fs';
+import http from 'http';
 // this line allows to disable a warning generated by node when more than 10
 // listeners are added for a particular event (this default warning helps
 // finding memory leaks). In our case, the listener to blame is
@@ -12,7 +12,9 @@ const http = require('http');
 // listener is added for every example test but this is intentional and it
 // is not related to a memory leak so we disable this warning.
 // More info: https://nodejs.org/docs/latest/api/events.html#events_emitter_setmaxlisteners_n
-require('events').EventEmitter.prototype._maxListeners = 100;
+import events from 'events';
+
+events.EventEmitter.prototype._maxListeners = 100;
 
 let itownsServer;
 let itownsPort;
@@ -159,7 +161,8 @@ const waitUntilItownsIsIdle = async (screenshotName) => {
     return result;
 };
 
-exports.mochaHooks = {
+// eslint-disable-next-line import/prefer-default-export
+export const mochaHooks = {
     beforeAll: async () => {
         let server;
         if (!process.env.USE_DEV_SERVER) {