Refactor build system to use rollup

.babelrc

@@ -1,16 +1,15 @@
 {
-  "presets": ["react", "es2015", "stage-0"],
+  "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react",
+  ],
+  "plugins": [
+      "@babel/plugin-proposal-class-properties"
+  ],
   "env": {
     "production": {
       "plugins": [
-        [
-          "babel-plugin-webpack-loaders",
-          {
-            "config": "${WEBPACK_CONFIG}",
-            "verbose": true
-          }
-        ]
-      ]
+     ]
     }
   }
 }

.gitignore

@@ -3,3 +3,4 @@ lib/*
 node_modules
 /storybook-static/
 /lib-css/
+esm/*

.storybook/preview-head.html

@@ -1,4 +1,12 @@
-<link href="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.min.css" rel="stylesheet">
-<link href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.8.3/katex.min.css" rel="stylesheet">
+<link
+  href="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.min.css"
+  rel="stylesheet"
+/>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.min.js"></script>
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css"
+  integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq"
+  crossorigin="anonymous"
+/>

.storybook/webpack.config.js

@@ -5,7 +5,7 @@
 // IMPORTANT
 // When you add this file, we won't add the default configurations which is similar
 // to "React Create App". This only has babel loader to load JavaScript.
-const path = require('path');
+const path = require("path");
 
 module.exports = {
   plugins: [
@@ -24,19 +24,19 @@ module.exports = {
         test: /\.css$/,
         use: [
           {
-            loader: 'style-loader',
+            loader: "style-loader"
           },
           {
-            loader: 'css-loader',
+            loader: "css-loader",
             options: {
               modules: true,
-              importLoaders: 1,
-              localIdentName: 'draftJsKatexPlugin__[local]__[hash:base64:5]',
-            },
-          },
-        ],
-      },
-    ],
+              importLoaders: 1
+              //    localIdentName: 'draftJsKatexPlugin__[local]__[hash:base64:5]',
+            }
+          }
+        ]
+      }
+    ]
     /*
     loaders: [
 
@@ -58,5 +58,5 @@ module.exports = {
       ]
     }]
     */
-  },
+  }
 };

CHANGELOG.md

@@ -3,24 +3,31 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 2.0.0
+
+-   Upgrade to React 16.9
+-   Upgrade to DraftJS 0.10
+-   Change buildsystem to rollup.
+-   Publish ES modules as well
+
 ## 1.3.1
 
-- Prevent unnecessary TeX block rerendering (https://github.com/letranloc/draft-js-katex-plugin/pull/10)
+-   Prevent unnecessary TeX block rerendering (https://github.com/letranloc/draft-js-katex-plugin/pull/10)
 
 ## 1.3.0
 
-- Change button-type of the add-katex-button to type "button" https://github.com/letranloc/draft-js-katex-plugin/pull/8
-- Fix storybook build (https://github.com/letranloc/draft-js-katex-plugin/pull/7)
-- Move math-input out of package (https://github.com/letranloc/math-input).
+-   Change button-type of the add-katex-button to type "button" https://github.com/letranloc/draft-js-katex-plugin/pull/8
+-   Fix storybook build (https://github.com/letranloc/draft-js-katex-plugin/pull/7)
+-   Move math-input out of package (https://github.com/letranloc/math-input).
 
 ## 1.2.0
 
-- Add support for using other notations than Latex and lazy loading katex and the library.
+-   Add support for using other notations than Latex and lazy loading katex and the library.
 
-## 1.1.0 
+## 1.1.0
 
-- Integrate with Khan's MathInput library
+-   Integrate with Khan's MathInput library
 
 ## 1.0.0
 
-- Initialize plugin.
+-   Initialize plugin.