fix for "is an ES module file" in node 12+ when using style-spec npm …

…package (#1223)

.gitignore

@@ -22,7 +22,7 @@ test/integration/dist/**/*.json
 test/integration/query/dist/fixtures.json
 */**/*.g.ts
 .eslintcache
-src/style-spec/dist/index.js
+src/style-spec/dist/index.cjs
 _batfish_site
 _batfish_tmp
 _site

rollup.config.style-spec.ts

@@ -14,7 +14,7 @@ const config: RollupOptions[] = [{
     input: 'src/style-spec/style-spec.ts',
     output: {
         name: 'maplibreGlStyleSpecification',
-        file: `dist/style-spec/${esm ? 'index.mjs' : 'index.js'}`,
+        file: `dist/style-spec/${esm ? 'index.mjs' : 'index.cjs'}`,
         format: esm ? 'esm' : 'umd',
         sourcemap: true
     },

src/style-spec/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 16.0.0
+
+### Breaking changes
+
+* index.js has been renamed to index.cjs to fix the 'is treated as an ES module file' error in node 12+ [#1223](https://github.com/maplibre/maplibre-gl-js/pull/1223)
+
 ## 15.1.0
 
 ### ✨ Features and improvements

src/style-spec/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-gl-style-spec",
   "description": "a specification for maplibre gl styles",
-  "version": "15.1.0",
+  "version": "16.0.0",
   "author": "MapLibre",
   "keywords": [
     "mapbox",
@@ -12,7 +12,7 @@
     "maplibre-gl-js"
   ],
   "license": "ISC",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "type": "module",
   "scripts": {

test/build/style-spec.test.ts

@@ -2,7 +2,7 @@ import isBuiltin from 'is-builtin-module';
 import * as rollup from 'rollup';
 import rollupConfig from '../../rollup.config.style-spec';
 import styleSpecPackage from '../../src/style-spec/package.json';
-import * as spec from '../../dist/style-spec/index.js';
+import * as spec from '../../dist/style-spec/index.cjs';
 
 /* eslint-disable import/namespace */
 import {RollupOptions} from 'rollup';