chore(tools): add markdown and import plugin

.eslintrc.js

@@ -5,6 +5,9 @@ module.exports = {
   extends: [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
+    "plugin:markdown/recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
     "prettier",
     "prettier/@typescript-eslint",
   ],
@@ -30,7 +33,6 @@ module.exports = {
         "@typescript-eslint/no-unsafe-return": "off",
         "@typescript-eslint/no-non-null-assertion": "off",
         "@typescript-eslint/explicit-module-boundary-types": "off",
-        "@typescript-eslint/explicit-module-boundary-types": "off",
       },
     },
     {
@@ -53,4 +55,10 @@ module.exports = {
       },
     },
   ],
+  rules: {
+    "max-statements-per-line": "error",
+    "no-var": "error",
+    "import/newline-after-import": "error",
+    "import/no-default-export": "error",
+  },
 };

examples/carousel-svg/index.js

@@ -1,14 +1,16 @@
-import { init } from "../../build/package/init.js";
-import { attributesModule } from "../../build/package/modules/attributes.js";
-import { styleModule } from "../../build/package/modules/style.js";
-import { eventListenersModule } from "../../build/package/modules/eventlisteners.js";
-import { h } from "../../build/package/h.js";
+import {
+  init,
+  attributesModule,
+  styleModule,
+  eventListenersModule,
+  h,
+} from "../../build/index.js";
 
-var patch = init([attributesModule, styleModule, eventListenersModule]);
+const patch = init([attributesModule, styleModule, eventListenersModule]);
 
-var vnode;
+let vnode;
 
-var data = {
+let data = {
   degRotation: 0,
 };
 
@@ -111,7 +113,7 @@ const view = () =>
   ]);
 
 window.addEventListener("DOMContentLoaded", () => {
-  var container = document.getElementById("container");
+  const container = document.getElementById("container");
   vnode = patch(container, view(data));
   render();
 });

examples/hero/index.js

@@ -1,16 +1,22 @@
-/* jshint esnext: true */
-import { init } from "../../build/package/init.js";
-import { classModule } from "../../build/package/modules/class.js";
-import { heroModule } from "../../build/package/modules/hero.js";
-import { styleModule } from "../../build/package/modules/style.js";
-import { eventListenersModule } from "../../build/package/modules/eventlisteners.js";
-import { h } from "../../build/package/h.js";
+import {
+  init,
+  classModule,
+  heroModule,
+  styleModule,
+  eventListenersModule,
+  h,
+} from "../../build/index.js";
 
-var patch = init([classModule, heroModule, styleModule, eventListenersModule]);
+const patch = init([
+  classModule,
+  heroModule,
+  styleModule,
+  eventListenersModule,
+]);
 
-var vnode;
+let vnode;
 
-var data = {
+const data = {
   selected: undefined,
   movies: [
     {
@@ -227,7 +233,7 @@ const view = (data) =>
   ]);
 
 window.addEventListener("DOMContentLoaded", () => {
-  var container = document.getElementById("container");
+  const container = document.getElementById("container");
   vnode = patch(container, view(data));
   render();
 });

examples/reorder-animation/index.js

@@ -1,19 +1,26 @@
-import { init } from "../../build/package/init.js";
-import { classModule } from "../../build/package/modules/class.js";
-import { propsModule } from "../../build/package/modules/props.js";
-import { styleModule } from "../../build/package/modules/style.js";
-import { eventListenersModule } from "../../build/package/modules/eventlisteners.js";
-import { h } from "../../build/package/h.js";
+import {
+  init,
+  classModule,
+  propsModule,
+  styleModule,
+  eventListenersModule,
+  h,
+} from "../../build/index.js";
 
-var patch = init([classModule, propsModule, styleModule, eventListenersModule]);
+const patch = init([
+  classModule,
+  propsModule,
+  styleModule,
+  eventListenersModule,
+]);
 
-var vnode;
+let vnode;
 
-var nextKey = 11;
-var margin = 8;
-var sortBy = "rank";
-var totalHeight = 0;
-var originalData = [
+let nextKey = 11;
+const margin = 8;
+let sortBy = "rank";
+let totalHeight = 0;
+const originalData = [
   {
     rank: 1,
     title: "The Shawshank Redemption",
@@ -85,7 +92,7 @@ var originalData = [
     elmHeight: 0,
   },
 ];
-var data = [
+let data = [
   originalData[0],
   originalData[1],
   originalData[2],
@@ -113,7 +120,7 @@ function changeSort(prop) {
 }
 
 function add() {
-  var n = originalData[Math.floor(Math.random() * 10)];
+  const n = originalData[Math.floor(Math.random() * 10)];
   data = [
     { rank: nextKey++, title: n.title, desc: n.desc, elmHeight: 0 },
   ].concat(data);
@@ -169,7 +176,7 @@ function movieView(movie) {
 
 function render() {
   data = data.reduce((acc, m) => {
-    var last = acc[acc.length - 1];
+    const last = acc[acc.length - 1];
     m.offset = last ? last.offset + last.elmHeight + margin : margin;
     return acc.concat(m);
   }, []);
@@ -234,7 +241,7 @@ function view(data) {
 }
 
 window.addEventListener("DOMContentLoaded", () => {
-  var container = document.getElementById("container");
+  const container = document.getElementById("container");
   vnode = patch(container, view(data));
   render();
 });

examples/svg/index.js

@@ -1,12 +1,10 @@
-import { init } from "../../build/package/init.js";
-import { attributesModule } from "../../build/package/modules/attributes.js";
-import { h } from "../../build/package/h.js";
+import { init, attributesModule, h } from "../../build/index.js";
 
-var patch = init([attributesModule]);
+const patch = init([attributesModule]);
 
 window.addEventListener("DOMContentLoaded", () => {
-  var container = document.getElementById("container");
-  var vnode = h("div", [
+  const container = document.getElementById("container");
+  const vnode = h("div", [
     h("svg", { attrs: { width: 100, height: 100 } }, [
       h("circle", {
         attrs: {

test/benchmark/core.ts

@@ -1,9 +1,7 @@
 import "core-js/stable/array/fill.js";
 import faker from "faker";
-import { VNode } from "../../package/vnode";
-import { h } from "../../package/h";
-import { init as curInit } from "../../package/init";
-import { init as refInit } from "latest-snabbdom-release/init";
+import { VNode, h, init as curInit } from "../../src/index";
+import { init as refInit } from "latest-snabbdom-release/build/package/init";
 import { assert } from "chai";
 import pReduce from "p-reduce";
 import pMapSeries from "p-map-series";