feat: only esm and correct import paths

BREAKING CHANGE: CommonJS module are no longer provided.
BREAKING CHANGE: import paths in ES modules include file name
extensions.
BREAKING CHANGE: Compiled to ES2015 (was ES5).

Fixes #516.
Fixes #437.
Fixes #263. Kind of. Because there is no build step.

Thanks to @mreinstein on starting this work.

.eslintrc.js → .eslintrc.cjs

@@ -1,9 +1,6 @@
 module.exports = {
   extends: 'standard-with-typescript',
   parserOptions: { project: [ './tsconfig.json', ] },
-  ignorePatterns: [
-    '/examples/**/build.js'
-  ],
   rules: {
     'import/newline-after-import': 'error',
     'max-statements-per-line': 'error',

.gitignore

@@ -68,67 +68,3 @@
 /es/vnode.d.ts
 /es/vnode.js
 /es/vnode.js.map
-
-# Built CommonJS modules
-/helpers/attachto.d.ts
-/helpers/attachto.js
-/helpers/attachto.js.map
-/modules/attributes.d.ts
-/modules/attributes.js
-/modules/attributes.js.map
-/modules/class.d.ts
-/modules/class.js
-/modules/class.js.map
-/modules/dataset.d.ts
-/modules/dataset.js
-/modules/dataset.js.map
-/modules/eventlisteners.d.ts
-/modules/eventlisteners.js
-/modules/eventlisteners.js.map
-/modules/hero.d.ts
-/modules/hero.js
-/modules/hero.js.map
-/modules/module.d.ts
-/modules/module.js
-/modules/module.js.map
-/modules/props.d.ts
-/modules/props.js
-/modules/props.js.map
-/modules/style.d.ts
-/modules/style.js
-/modules/style.js.map
-/benchmark/
-/test/
-/h.d.ts
-/h.js
-/h.js.map
-/hooks.d.ts
-/hooks.js
-/hooks.js.map
-/htmldomapi.d.ts
-/htmldomapi.js
-/htmldomapi.js.map
-/is.d.ts
-/is.js
-/is.js.map
-/jsx-global.d.ts
-/jsx-global.js
-/jsx-global.js.map
-/jsx.d.ts
-/jsx.js
-/jsx.js.map
-/snabbdom.bundle.d.ts
-/snabbdom.bundle.js
-/snabbdom.bundle.js.map
-/snabbdom.d.ts
-/snabbdom.js
-/snabbdom.js.map
-/thunk.d.ts
-/thunk.js
-/thunk.js.map
-/tovnode.d.ts
-/tovnode.js
-/tovnode.js.map
-/vnode.d.ts
-/vnode.js
-/vnode.js.map

.travis.yml

@@ -3,7 +3,7 @@ language: node_js
 node_js:
   - v12.10.0
 script:
-  - commitlint-travis
+  - commitlint-travis -x @commitlint/config-conventional
   - run-s test docs check-clean
 env:
   global:

README.md

@@ -58,14 +58,20 @@ performance, small size and all the features listed below.
 ## Example
 
 ```javascript
-var snabbdom = require('snabbdom');
-var patch = snabbdom.init([ // Init patch function with chosen modules
-  require('snabbdom/modules/class').default, // makes it easy to toggle classes
-  require('snabbdom/modules/props').default, // for setting properties on DOM elements
-  require('snabbdom/modules/style').default, // handles styling on elements with support for animations
-  require('snabbdom/modules/eventlisteners').default, // attaches event listeners
+import { init } from 'snabbdom';
+import clazz from 'snabbdom/class';
+import h from 'snabbdom/h';
+import props from 'snabbdom/props';
+import style from 'snabbdom/style';
+import listeners from 'snabbdom/eventlisteners';
+
+var patch = init([ // Init patch function with chosen modules
+  clazz,     // makes it easy to toggle classes
+  props,     // for setting properties on DOM elements
+  style,     // handles styling on elements with support for animations
+  listeners,  // attaches event listeners
 ]);
-var h = require('snabbdom/h').default; // helper function for creating vnodes
+import h from 'snabbdom/h'; // helper function for creating vnodes
 
 var container = document.getElementById('container');
 
@@ -150,10 +156,10 @@ takes a list of modules and returns a `patch` function that uses the
 specified set of modules.
 
 ```javascript
-var patch = snabbdom.init([
-  require('snabbdom/modules/class').default,
-  require('snabbdom/modules/style').default,
-]);
+import clazz from 'snabbdom/class';
+import style from 'snabbdom/style';
+
+var patch = init([ clazz, style ]);
 ```
 
 ### `patch`
@@ -194,7 +200,7 @@ tag/selector as a string, an optional data object and an optional string or
 array of children.
 
 ```javascript
-var h = require('snabbdom/h').default;
+import h from 'snabbdom/h';
 var vnode = h('div', {style: {color: '#000'}}, [
   h('h1', 'Headline'),
   h('p', 'A paragraph'),
@@ -207,15 +213,19 @@ Converts a DOM node into a virtual node. Especially good for patching over an pr
 server-side generated content.
 
 ```javascript
-var snabbdom = require('snabbdom')
-var patch = snabbdom.init([ // Init patch function with chosen modules
-  require('snabbdom/modules/class').default, // makes it easy to toggle classes
-  require('snabbdom/modules/props').default, // for setting properties on DOM elements
-  require('snabbdom/modules/style').default, // handles styling on elements with support for animations
-  require('snabbdom/modules/eventlisteners').default, // attaches event listeners
+import { init } from 'snabbdom';
+import clazz         from 'snabbdom/class';
+import props         from 'snabbdom/props';
+import style         from 'snabbdom/style';
+import listeners     from 'snabbdom/eventlisteners';
+var patch = init([ // Init patch function with chosen modules
+  clazz, // makes it easy to toggle classes
+  props, // for setting properties on DOM elements
+  style, // handles styling on elements with support for animations
+  listeners, // attaches event listeners
 ]);
-var h = require('snabbdom/h').default; // helper function for creating vnodes
-var toVNode = require('snabbdom/tovnode').default;
+import h from 'snabbdom/h'; // helper function for creating vnodes
+import toVNode from 'snabbdom/tovnode';
 
 var newVNode = h('div', {style: {color: '#000'}}, [
   h('h1', 'Headline'),

examples/carousel-svg/README.md

@@ -2,20 +2,4 @@ This carousel example uses `style transform` and `transition` to rotate a group
 
 Also, the color of each triangle changes when you hover or click/tap it.
 
-I built the build.js using npm and browserify. 
-
-In my local copy of the snabbdom project root I did these preparations:
-
-```sh
-npm install --save-dev babelify
-npm install --save-dev babel-preset-es2015
-echo '{ "presets": ["es2015"] }' > .babelrc
-```
-
-I then built like this:
-
-```sh
-browserify examples/carousel-svg/script.js -t babelify -o examples/carousel-svg/build.js
-```
-
 \-- _jk_