chore: migrate to ES module

BREAKING CHANGE: CommonJS distribution removed.

lib/append.js

@@ -2,7 +2,7 @@
  * append utility
  */
 
-import appendTo from './appendTo';
+import appendTo from './appendTo.js';
 
 /**
  * Append a node to an element

lib/appendTo.js

@@ -2,7 +2,7 @@
  * appendTo utility
  */
 
-import ensureImported from './util/ensureImported';
+import ensureImported from './util/ensureImported.js';
 
 /**
  * Append a node to a target element and return the appended node.

lib/clear.js

@@ -2,7 +2,7 @@
  * Clear utility
  */
 
-import remove from './remove';
+import remove from './remove.js';
 
 /**
  * Removes all children from the given element

lib/create.js

@@ -2,9 +2,9 @@
  * Create utility for SVG elements
  */
 
-import attr from './attr';
-import parse from './util/parse';
-import ns from './util/ns';
+import attr from './attr.js';
+import parse from './util/parse.js';
+import ns from './util/ns.js';
 
 
 /**

lib/geometry.js

@@ -2,7 +2,7 @@
  * Geometry helpers
  */
 
-import create from './create';
+import create from './create.js';
 
 // fake node used to instantiate svg geometry elements
 var node = null;

lib/index.js

@@ -1,16 +1,16 @@
-export { default as append } from './append';
-export { default as appendTo } from './appendTo';
-export { default as attr } from './attr';
-export { default as classes } from './classes';
-export { default as clear } from './clear';
-export { default as clone } from './clone';
-export { default as create } from './create';
-export * from './events';
-export * from './geometry';
-export { default as innerSVG } from './innerSVG';
-export * from './query';
-export { default as prepend } from './prepend';
-export { default as prependTo } from './prependTo';
-export { default as remove } from './remove';
-export { default as replace } from './replace';
-export { default as transform } from './transform';
+export { default as append } from './append.js';
+export { default as appendTo } from './appendTo.js';
+export { default as attr } from './attr.js';
+export { default as classes } from './classes.js';
+export { default as clear } from './clear.js';
+export { default as clone } from './clone.js';
+export { default as create } from './create.js';
+export * from './events.js';
+export * from './geometry.js';
+export { default as innerSVG } from './innerSVG.js';
+export * from './query.js';
+export { default as prepend } from './prepend.js';
+export { default as prependTo } from './prependTo.js';
+export { default as remove } from './remove.js';
+export { default as replace } from './replace.js';
+export { default as transform } from './transform.js';

lib/innerSVG.js

@@ -3,10 +3,10 @@
  * based on innerSVG (https://code.google.com/p/innersvg)
  */
 
-import clear from './clear';
-import appendTo from './appendTo';
-import parse from './util/parse';
-import serialize from './util/serialize';
+import clear from './clear.js';
+import appendTo from './appendTo.js';
+import parse from './util/parse.js';
+import serialize from './util/serialize.js';
 
 
 function set(element, svg) {

lib/prepend.js

@@ -2,7 +2,7 @@
  * prepend utility
  */
 
-import prependTo from './prependTo';
+import prependTo from './prependTo.js';
 
 /**
  * Prepend a node to a target element

lib/prependTo.js

@@ -2,7 +2,7 @@
  * prependTo utility
  */
 
-import ensureImported from './util/ensureImported';
+import ensureImported from './util/ensureImported.js';
 
 /**
  * Prepend a node to a target element and return the prepended node.

lib/replace.js

@@ -2,7 +2,7 @@
  * Replace utility
  */
 
-import ensureImported from './util/ensureImported';
+import ensureImported from './util/ensureImported.js';
 
 export default function replace(element, replacement) {
   element.parentNode.replaceChild(ensureImported(replacement, element), element);

lib/util/parse.js

@@ -2,7 +2,7 @@
  * DOM parsing utility
  */
 
-import ns from './ns';
+import ns from './ns.js';
 
 var SVG_START = '<svg xmlns="' + ns.svg + '"';
 

package.json

@@ -2,18 +2,24 @@
   "name": "tiny-svg",
   "version": "3.0.1",
   "description": "A minimal toolbelt for builing fast SVG-based applications",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "type": "module",
   "scripts": {
     "all": "run-s lint test",
     "pretest": "run-s bundle",
     "bundle": "rollup -c --bundleConfigAsCjs",
     "dev": "npm test -- --auto-watch --no-single-run",
     "lint": "eslint .",
     "prepare": "run-s bundle",
-    "test": "karma start"
+    "test": "karma start karma.conf.cjs"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
   },
+  "types": "dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/bpmn-io/tiny-svg"

rollup.config.js

@@ -1,11 +1,13 @@
 import pkg from './package.json';
 
+const pkgExport = pkg.exports['.'];
+
 export default [
   {
     input: 'lib/index.js',
     output: [
-      { file: pkg.main, format: 'cjs' },
-      { file: pkg.module, format: 'es' }
+      { file: pkgExport.require, format: 'cjs', sourcemap: true },
+      { file: pkgExport.import, format: 'es', sourcemap: true }
     ]
   }
 ];

test/spec/append.js

@@ -1,11 +1,11 @@
 import {
   create,
   append
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   createContainer
-} from '../helper';
+} from '../helper.js';
 
 
 describe('append', function() {

test/spec/appendTo.js

@@ -1,11 +1,11 @@
 import {
   create,
   appendTo
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   createContainer
-} from '../helper';
+} from '../helper.js';
 
 
 describe('appendTo', function() {

test/spec/attr.js

@@ -2,11 +2,11 @@ import {
   create,
   select,
   attr
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   normalizeAttr
-} from '../helper';
+} from '../helper.js';
 
 
 describe('attr', function() {

test/spec/classes.js

@@ -1,7 +1,7 @@
 import {
   create,
   classes
-} from '../../lib';
+} from 'tiny-svg';
 
 
 function classList(el) {

test/spec/clone.js

@@ -8,12 +8,12 @@ import {
   transform,
   attr as _attr,
   select
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   createContainer,
   normalizeAttr
-} from '../helper';
+} from '../helper.js';
 
 
 describe('clone', function() {

test/spec/create.js

@@ -2,11 +2,11 @@ import {
   create,
   appendTo,
   append
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   createContainer
-} from '../helper';
+} from '../helper.js';
 
 
 describe('create', function() {

test/spec/geometry.js

@@ -2,7 +2,7 @@ import {
   createMatrix,
   createPoint,
   createTransform
-} from '../../lib';
+} from 'tiny-svg';
 
 
 describe('geometry', function() {

test/spec/innerSVG.js

@@ -3,11 +3,11 @@ import {
   appendTo,
   innerSVG,
   attr
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   createContainer
-} from '../helper';
+} from '../helper.js';
 
 
 describe('inner-svg', function() {

test/spec/prepend.js

@@ -1,7 +1,7 @@
 import {
   create,
   prepend
-} from '../../lib';
+} from 'tiny-svg';
 
 
 describe('prepend', function() {

test/spec/prependTo.js

@@ -1,7 +1,7 @@
 import {
   create,
   prependTo
-} from '../../lib';
+} from 'tiny-svg';
 
 
 describe('prependTo', function() {

test/spec/query.js

@@ -2,7 +2,7 @@ import {
   create,
   selectAll,
   select
-} from '../../lib';
+} from 'tiny-svg';
 
 
 describe('query', function() {

test/spec/remove.js

@@ -2,11 +2,11 @@ import {
   create,
   appendTo,
   remove
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   createContainer
-} from '../helper';
+} from '../helper.js';
 
 
 describe('remove', function() {

test/spec/transform.js

@@ -4,11 +4,11 @@ import {
   createTransform,
   attr,
   transform
-} from '../../lib';
+} from 'tiny-svg';
 
 import {
   normalizeAttr
-} from '../helper';
+} from '../helper.js';
 
 
 describe('transform', function() {

test/spec/util/parse.js

@@ -1,8 +1,8 @@
 import {
   innerSVG
-} from '../../../lib';
+} from 'tiny-svg';
 
-import parse from '../../../lib/util/parse';
+import parse from '../../../lib/util/parse.js';
 
 
 describe('parse', function() {