Merge pull request #432 from lohfu/full-esm-support

Convert to type "module" and use package exports

Author: stefnotch

.babelrc.js

@@ -1,8 +1,3 @@
-module.exports = {
-  "presets": ["@babel/env"],
-  "env": {
-    "esm": {
-      "presets": [["@babel/env", { "modules": false }]]
-    }
-  }
+export default {
+  "presets": [["@babel/env", { "modules": false }]]
 };

.travis.yml

@@ -1,7 +1,7 @@
 language: node_js
 sudo: false
 node_js:
-  - "12.16.1"
+  - "14.17.0"
 script:
   - npm run build
   - npm run test

package.json

@@ -4,9 +4,23 @@
   "description": "Javascript Matrix and Vector library for High Performance WebGL apps",
   "private": true,
   "sideEffects": false,
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
+  "exports": {
+    ".": "./dist/esm/index.js",
+    "./common": "./dist/esm/common.js",
+    "./mat2": "./dist/esm/mat2.js",
+    "./mat2d": "./dist/esm/mat2d.js",
+    "./mat3": "./dist/esm/mat3.js",
+    "./mat4": "./dist/esm/mat4.js",
+    "./quat": "./dist/esm/quat.js",
+    "./quat2": "./dist/esm/quat2.js",
+    "./vec2": "./dist/esm/vec2.js",
+    "./vec3": "./dist/esm/vec3.js",
+    "./vec4": "./dist/esm/vec4.js"
+  },
+  "types": "./dist/index.d.ts",
   "homepage": "http://glmatrix.net",
   "license": "MIT",
   "bugs": {
@@ -31,26 +45,24 @@
     "doc": "jsdoc -c jsdoc.config.json",
     "update-license-version": "node utils/update-license-version.js",
     "build-umd": "rollup -c",
-    "build-esm": "cross-env BABEL_ENV=esm babel src -d dist/esm",
-    "build-cjs": "babel src -d dist/cjs",
+    "build-esm": "babel src -d dist/esm",
     "build-dts": "tsc --allowJs --declaration --emitDeclarationOnly --module amd --outFile ./dist/index.d.ts ./src/index.js ./src/types.d.ts && node ./utils/bundle-dts.js && tsc --noEmit ./dist/index.d.ts",
-    "build": "del dist && npm run update-license-version && npm run build-umd && npm run build-esm && npm run build-cjs && npm run build-dts && node ./utils/build.js",
+    "build": "del dist && npm run update-license-version && npm run build-umd && npm run build-esm && npm run build-dts && node ./utils/build.js",
     "prepare": "npm run build"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "@babel/core": "^7.9.0",
     "@babel/preset-env": "^7.9.0",
     "@babel/register": "^7.9.0",
-    "cross-env": "^7.0.2",
+    "@rollup/plugin-babel": "^5.3.0",
     "del-cli": "^3.0.0",
     "jsdoc": "^3.6.3",
     "mocha": "^7.1.1",
     "node-libs-browser": "^2.2.1",
-    "rollup": "^2.3.2",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-size-snapshot": "^0.11.0",
-    "rollup-plugin-terser": "^5.3.0",
+    "rollup": "^2.50.5",
+    "rollup-plugin-size-snapshot": "^0.12.0",
+    "rollup-plugin-terser": "^7.0.2",
     "typescript": "^3.8.3"
   },
   "dependencies": {}

rollup.config.js

@@ -1,9 +1,11 @@
-import babel from 'rollup-plugin-babel';
+import fs from 'fs';
+import babel from '@rollup/plugin-babel';
 import { terser } from 'rollup-plugin-terser';
 import { sizeSnapshot } from 'rollup-plugin-size-snapshot';
 
-const version = require('./package.json').version;
-const license = require('./utils/license-template');
+import license from './utils/license-template.js';
+
+const { version } = JSON.parse(fs.readFileSync(new URL('./package.json', import.meta.url)));
 
 const input = './src/index.js';
 const name = 'glMatrix';

spec/gl-matrix/common-spec.js

@@ -1,4 +1,4 @@
-import * as glMatrix from "../../src/common"
+import * as glMatrix from "../../src/common.js"
 
 describe("common", function(){
   let result;

spec/gl-matrix/mat2-spec.js

@@ -1,4 +1,4 @@
-import * as mat2 from "../../src/mat2"
+import * as mat2 from "../../src/mat2.js"
 
 describe("mat2", function() {
     let out, matA, matB, identity, result;

spec/gl-matrix/mat2d-spec.js

@@ -1,4 +1,4 @@
-import * as mat2d from "../../src/mat2d"
+import * as mat2d from "../../src/mat2d.js"
 
 describe("mat2d", function() {
     let out, matA, matB, oldA, oldB, identity, result;

spec/gl-matrix/mat3-spec.js

@@ -1,6 +1,6 @@
-import * as mat3 from "../../src/mat3"
-import * as mat4 from "../../src/mat4"
-import * as vec3 from "../../src/vec3"
+import * as mat3 from "../../src/mat3.js"
+import * as mat4 from "../../src/mat4.js"
+import * as vec3 from "../../src/vec3.js"
 
 describe("mat3", function() {
     let out, matA, matB, identity, result;

spec/gl-matrix/mat4-spec.js

@@ -1,7 +1,7 @@
-import * as glMatrix from "../../src/common"
-import * as mat4 from "../../src/mat4"
-import * as quat from "../../src/quat"
-import * as vec3 from "../../src/vec3"
+import * as glMatrix from "../../src/common.js"
+import * as mat4 from "../../src/mat4.js"
+import * as quat from "../../src/quat.js"
+import * as vec3 from "../../src/vec3.js"
 
 function buildMat4Tests() {
     return function() {

spec/gl-matrix/quat-spec.js

@@ -1,7 +1,7 @@
-import * as mat3 from "../../src/mat3"
-import * as mat4 from "../../src/mat4"
-import * as quat from "../../src/quat"
-import * as vec3 from "../../src/vec3"
+import * as mat3 from "../../src/mat3.js"
+import * as mat4 from "../../src/mat4.js"
+import * as quat from "../../src/quat.js"
+import * as vec3 from "../../src/vec3.js"
 
 describe("quat", function() {
     let out, quatA, quatB, result;