fix(package) Refactoring for use in current node version

__tests__/animate.js

@@ -1,5 +1,5 @@
 
-import animate from '../src/animate'
+import animate from '../src/animate.js'
 
 // SVG interfaces are not implement by jsdom
 class SVGGeometryElement {}

__tests__/animation.js

@@ -1,9 +1,9 @@
 
-import Animation from '../src/animation'
-import { KeyframeEffect } from '../src/effect'
-import { errors } from '../src/error'
+import Animation from '../src/animation.js'
+import { KeyframeEffect } from '../src/effect.js'
+import { errors } from '../src/error.js'
 import { performance } from 'perf_hooks'
-import timeline from '../src/timeline'
+import timeline from '../src/timeline.js'
 
 const keyframes = { opacity: [0, 1] }
 const target = document.createElement('a')

__tests__/effect.js

@@ -1,10 +1,10 @@
 
-import { AnimationEffect, KeyframeEffect, MotionPathEffect } from '../src/effect'
-import { setStyle as set, setAttribute } from '../src/buffer'
-import { NaNs } from './utils'
-import { linear as easing } from '../src/easing'
-import { errors } from '../src/error'
-import { interpolateNumber as interpolate } from '../src/keyframe'
+import { AnimationEffect, KeyframeEffect, MotionPathEffect } from '../src/effect.js'
+import { setStyle as set, setAttribute } from '../src/buffer.js'
+import { NaNs } from './utils.js'
+import { linear as easing } from '../src/easing.js'
+import { errors } from '../src/error.js'
+import { interpolateNumber as interpolate } from '../src/keyframe.js'
 
 // SVG interfaces are not implement by jsdom
 class SVGGeometryElement {}

__tests__/frame.js

@@ -1,5 +1,5 @@
 
-import frame from '../src/frame'
+import frame from '../src/frame.js'
 
 describe('frame', () => {
     it('should cancel a request while satisfying other requests', async () => {

__tests__/getTemplateParts.js

@@ -1,5 +1,5 @@
 
-import { getTemplateParts } from '../src/keyframe'
+import { getTemplateParts } from '../src/keyframe.js'
 
 it('parses an input starting with a string and including numbers', () => {
 

__tests__/utils.js

@@ -1,5 +1,5 @@
 
-import { isFiniteNumber, isNumber } from '../src/utils'
+import { isFiniteNumber, isNumber } from '../src/utils.js'
 
 // eslint-disable-next-line jest/no-export
 export const NaNs = [

babel.config.cjs

@@ -1,21 +1,32 @@
 
-const config = {
-    exclude: /node_modules/,
-    plugins: [],
-    presets: [['@babel/preset-env', {
-        corejs: '3.8',
-        // debug: true,
-        targets: { node: true },
-        useBuiltIns: 'usage',
-    }]],
-}
+const plugins = [
+    '@babel/plugin-transform-runtime',
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-private-methods',
+    '@babel/plugin-proposal-private-property-in-object',
+]
 
-// ESLint requires plugins for proposals
-if (process.env.NODE_ENV !== 'test') {
-    config.plugins.push(
-        '@babel/plugin-proposal-class-properties',
-        '@babel/plugin-proposal-private-methods',
-        '@babel/plugin-proposal-private-property-in-object')
-}
+module.exports = api => {
+
+    const env = api.env()
 
-module.exports = config
+    if (env === 'browser') {
+        return {
+            plugins,
+            presets: [['@babel/preset-env', { targets: { esmodules: true } }]],
+        }
+    }
+
+    return {
+        exclude: /node_modules/,
+        plugins,
+        presets: [['@babel/preset-env', {
+            corejs: '3.8',
+            modules: env === 'node' ? false : 'auto',
+            targets: env === 'development'
+                ? { esmodules: true } // lint
+                : { node: true },     // build:node, test
+            useBuiltIns: 'usage',
+        }]],
+    }
+}