Home Explore Help
Register Sign In
Apq
/
vditor
mirror of https://github.com/Vanessa219/vditor.git
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

:art: #40

Van 6 years ago
parent
215db57d45
commit
e09175b369
8 changed files with 588 additions and 183 deletions
Split View Show Diff Stats
  1. 0 6
      demo/index.html
  2. 157 0
      demo/index.js
  3. 53 0
      demo/static.html
  4. 2 5
      demo/static.js
  5. 320 130
      package-lock.json
  6. 5 4
      package.json
  7. 51 11
      webpack.dev.js
  8. 0 27
      webpack.start.js

+ 0 - 6
demo/index.html
View File 

@@ -34,9 +34,6 @@
 
     <meta name="twitter:url" content="https://github.com/b3log/vditor"/>
 
     <meta property="og:image" content="https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png"/>
 
     <meta name="twitter:image" content="https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png"/>
 
-    <link href="../dist/index.classic.css" rel="stylesheet">
 
-    <!-- webpack 编译 -->
 
-    <script src="dist/demo.js" defer></script>
 
 </head>
 
 <body>
 
 <h2>vditor for you</h2>
 
@@ -49,8 +46,5 @@
 
 </div>
 
 <h2>vditor for jest puppeteer</h2>
 
 <div id="vditorTest"></div>
 
-<!-- 静态文件引入文件 -->
 
-<!--<script src="../dist/index.min.js"></script>-->
 
-<!--<script src="demo.js"></script>-->
 
 </body>
 
 </html>

+ 157 - 0
demo/index.js
View File 

@@ -0,0 +1,157 @@
 
+import Vditor from '../src/index'
 
+import "../src/assets/scss/classic.scss"
 
+
 
+const LazyLoadImage = () => {
 
+  const loadImg = (it) => {
 
+    const testImage = document.createElement('img')
 
+    testImage.src = it.getAttribute('data-src')
 
+    testImage.addEventListener('load', () => {
 
+      it.src = testImage.src
 
+      it.style.backgroundImage = 'none'
 
+      it.style.backgroundColor = 'transparent'
 
+    })
 
+    it.removeAttribute('data-src')
 
+  }
 
+
 
+  if (!('IntersectionObserver' in window)) {
 
+    document.querySelectorAll('img').forEach((data) => {
 
+      if (data.getAttribute('data-src')) {
 
+        loadImg(data)
 
+      }
 
+    })
 
+    return false
 
+  }
 
+
 
+  if (window.imageIntersectionObserver) {
 
+    window.imageIntersectionObserver.disconnect()
 
+    document.querySelectorAll('img').forEach(function (data) {
 
+      window.imageIntersectionObserver.observe(data)
 
+    })
 
+  } else {
 
+    window.imageIntersectionObserver = new IntersectionObserver((entries) => {
 
+      entries.forEach((entrie) => {
 
+        if ((typeof entrie.isIntersecting === 'undefined'
 
+          ? entrie.intersectionRatio !== 0
 
+          : entrie.isIntersecting) && entrie.target.getAttribute('data-src')) {
 
+          loadImg(entrie.target)
 
+        }
 
+      })
 
+    })
 
+    document.querySelectorAll('img').forEach(function (data) {
 
+      window.imageIntersectionObserver.observe(data)
 
+    })
 
+  }
 
+}
 
+
 
+const vditor = new Vditor('vditor', {
 
+  counter: 100,
 
+  height: 300,
 
+  editorName: 'vditor',
 
+  tab: '  ',
 
+  upload: {
 
+    accept: 'image/*,.pdf',
 
+    token: 'test',
 
+    url: '/api/upload/editor',
 
+    linkToImgUrl: '/api/upload/fetch',
 
+    filename (name) {
 
+      // ? \ / : | < > * [ ] white to -
 
+      return name.replace(/\?|\\|\/|:|\||<|>|\*|\[|\]|\s+/g, '-')
 
+    },
 
+    handler (file) {
 
+      console.log(file)
 
+      return 'handler'
 
+    },
 
+  },
 
+  preview: {
 
+    show: true,
 
+    parse: () => {
 
+      LazyLoadImage()
 
+    },
 
+  },
 
+})
 
+
 
+window.vditorTest = new Vditor('vditorTest', {
 
+  cache: true,
 
+  height: 200,
 
+  width: 500,
 
+  counter: 100,
 
+  resize: {
 
+    enable: true,
 
+    position: 'top',
 
+    after: height => {
 
+      console.log(`after resize, height change: ${height}`)
 
+    },
 
+  },
 
+  placeholder: 'say sth...',
 
+  lang: 'en_US',
 
+  preview: {
 
+    url: '/api/markdown',
 
+    parse: (element) => {
 
+      console.log(element)
 
+      LazyLoadImage()
 
+    },
 
+  },
 
+  hint: {
 
+    emojiPath: 'https://static.hacpai.com/emoji/graphics',
 
+    emojiTail: '<a href="https://hacpai.com/settings/function" target="_blank">设置常用表情</a>',
 
+    emoji: {
 
+      '+1': '👍',
 
+      '-1': '👎',
 
+      'trollface': 'https://cdn.jsdelivr.net/npm/vditor@latest/src/assets/emoji/trollface.png',
 
+      'huaji': 'https://cdn.jsdelivr.net/npm/vditor@latest/src/assets/emoji/huaji.gif',
 
+    },
 
+    at: (key) => {
 
+      console.log(`atUser: ${key}`)
 
+      return [
 
+        {
 
+          value: '@88250',
 
+          html: '<img src="https://img.hacpai.com/avatar/1353745196354_1535379434567.png?imageView2/1/w/52/h/52/interlace/0/q"> 88250',
 
+        },
 
+        {
 
+          value: '@Vanessa',
 
+          html: '<img src="https://img.hacpai.com/avatar/1353745196354_1535379434567.png?imageView2/1/w/52/h/52/interlace/0/q"> Vanessa',
 
+        }]
 
+    },
 
+  },
 
+  focus: (val) => {
 
+    console.log(`focus value: ${val}`)
 
+    console.log(
 
+      `focus cursor position:${JSON.stringify(vditor.getCursorPosition())}`)
 
+  },
 
+  blur: (val) => {
 
+    console.log(`blur: ${val}`)
 
+  },
 
+  input: (val, mdElement) => {
 
+    console.log('change:' + val, mdElement)
 
+  },
 
+  esc: (val) => {
 
+    console.log(`esc: ${val}`)
 
+  },
 
+  ctrlEnter: (val) => {
 
+    console.log(`ctrlEnter: ${val}`)
 
+  },
 
+  select: (val) => {
 
+    console.log(`select: ${val}`)
 
+  },
 
+  upload: {
 
+    accept: 'image/*,.pdf',
 
+    token: 'test',
 
+    url: '/api/upload/editor',
 
+    linkToImgUrl: '/api/upload/fetch',
 
+    filename: name => {
 
+      // ? \ / : | < > * [ ] white to -
 
+      return name.replace(/\?|\\|\/|:|\||<|>|\*|\[|\]|\s+/g, '-')
 
+    },
 
+  },
 
+  toolbar: [
 
+    {
 
+      name: 'preview',
 
+      tipPosition: 'ne',
 
+    },
 
+    'br',
 
+    {
 
+      name: 'emoji',
 
+    },
 
+    'strike',
 
+  ],
 
+})

+ 53 - 0
demo/static.html
View File 

@@ -0,0 +1,53 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cmn-Hans">
 
+<head>
 
+    <meta charset="utf-8"/>
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
 
+    <meta name="theme-color" content="#f1f7fe">
 
+    <meta name="apple-mobile-web-app-capable" content="yes">
 
+    <meta name="mobile-web-app-capable" content="yes"/>
 
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+    <title>Vditor - A markdown editor written in TypeScript.</title>
 
+    <meta name="description"
 
+          content="B3log 开源社区 markdown 编辑器，使用 TypeScript 编写。支持在线预览、表情插入、at 用户提示、HTML 转换等必要功能。"/>
 
+    <meta property="og:description"
 
+          content="B3log 开源社区 markdown 编辑器，使用 TypeScript 编写。支持在线预览、表情插入、at 用户提示、HTML 转换等必要功能。"/>
 
+    <meta name="twitter:description" property="og:description" itemprop="description"
 
+          content="B3log 开源社区 markdown 编辑器，使用 TypeScript 编写。支持在线预览、表情插入、at 用户提示、HTML 转换等必要功能。"/>
 
+    <link rel="dns-prefetch" href="//cdn.jsdelivr.net/"/>
 
+    <link rel="preconnect" href="https://cdn.jsdelivr.net">
 
+    <link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png"/>
 
+    <link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png">
 
+    <link rel="shortcut icon" type="image/x-icon" href="https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png">
 
+    <meta name="copyright" content="B3log"/>
 
+    <meta http-equiv="Window-target" content="_top"/>
 
+    <meta property="og:locale" content="zh-cmn-Hans"/>
 
+    <meta property="og:title" content="Vditor - A markdown editor written in TypeScript."/>
 
+    <meta property="og:site_name" content="Blog-vditor"/>
 
+    <meta property="og:url" content="https://github.com/b3log/vditor"/>
 
+    <meta name="twitter:card" content="summary"/>
 
+    <meta name="twitter:domain" content="b3log.org"/>
 
+    <meta name="twitter:title" property="og:title" itemprop="b3lig vditor"
 
+          content="Vditor - A markdown editor written in TypeScript."/>
 
+    <meta name="twitter:site" content="@B3logOS"/>
 
+    <meta name="twitter:url" content="https://github.com/b3log/vditor"/>
 
+    <meta property="og:image" content="https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png"/>
 
+    <meta name="twitter:image" content="https://cdn.jsdelivr.net/npm/vditor/src/assets/images/logo.png"/>
 
+    <link href="../dist/index.classic.css" rel="stylesheet">
 
+    <script src="../dist/index.min.js" defer></script>
 
+    <script src="static.js" defer></script>
 
+</head>
 
+<body>
 
+<h2>vditor for you</h2>
 
+<div id="vditor">
 
+    <h1>Vditor</h1>
 
+    <ul>
 
+        <li>foo</li>
 
+        <li>bar</li>
 
+    </ul>
 
+</div>
 
+<h2>vditor for jest puppeteer</h2>
 
+<div id="vditorTest"></div>
 
+</body>
 
+</html>

+ 2 - 5
demo/demo.js → demo/static.js
View File 

@@ -1,6 +1,3 @@
 
-import Vditor from '../src/index'
 
-// import Vditor from '../dist/index.min'
 
-
 
 const LazyLoadImage = () => {
 
   const loadImg = (it) => {
 
     const testImage = document.createElement('img')
 
@@ -97,8 +94,8 @@ window.vditorTest = new Vditor('vditorTest', {
 
     emoji: {
 
       '+1': '👍',
 
       '-1': '👎',
 
-      'trollface': '/src/assets/emoji/trollface.png',
 
-      'huaji': '/src/assets/emoji/huaji.gif',
 
+      'trollface': 'https://cdn.jsdelivr.net/npm/vditor@latest/src/assets/emoji/trollface.png',
 
+      'huaji': 'https://cdn.jsdelivr.net/npm/vditor@latest/src/assets/emoji/huaji.gif',
 
     },
 
     at: (key) => {
 
       console.log(`atUser: ${key}`)

+ 320 - 130
package-lock.json
View File 

@@ -1,6 +1,6 @@
 
 {
 
   "name": "vditor",
 
-  "version": "1.1.1",
 
+  "version": "1.3.0",
 
   "lockfileVersion": 1,
 
   "requires": true,
 
   "dependencies": {
 
@@ -1321,9 +1321,9 @@
 
       }
 
     },
 
     "@types/q": {
 
-      "version": "1.5.1",
 
-      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.1.tgz",
 
-      "integrity": "sha512-eqz8c/0kwNi/OEHQfvIuJVLTst3in0e7uTKeuY+WL/zfKn0xVujOTp42bS/vUUokhK5P2BppLd9JXMOMHcgbjA==",
 
+      "version": "1.5.2",
 
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz",
 
+      "integrity": "sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==",
 
       "dev": true
 
     },
 
     "@types/stack-utils": {
 
@@ -2708,12 +2708,6 @@
 
         "simple-swizzle": "^0.2.2"
 
       }
 
     },
 
-    "colors": {
 
-      "version": "1.1.2",
 
-      "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
 
-      "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
 
-      "dev": true
 
-    },
 
     "combined-stream": {
 
       "version": "1.0.7",
 
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.7.tgz",
 
@@ -3070,66 +3064,66 @@
 
       "dev": true
 
     },
 
     "cssnano": {
 
-      "version": "4.1.8",
 
-      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.8.tgz",
 
-      "integrity": "sha512-5GIY0VzAHORpbKiL3rMXp4w4M1Ki+XlXgEXyuWXVd3h6hlASb+9Vo76dNP56/elLMVBBsUfusCo1q56uW0UWig==",
 
+      "version": "4.1.10",
 
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.10.tgz",
 
+      "integrity": "sha512-5wny+F6H4/8RgNlaqab4ktc3e0/blKutmq8yNlBFXA//nSFFAqAngjNVRzUvCgYROULmZZUoosL/KSoZo5aUaQ==",
 
       "dev": true,
 
       "requires": {
 
         "cosmiconfig": "^5.0.0",
 
-        "cssnano-preset-default": "^4.0.6",
 
+        "cssnano-preset-default": "^4.0.7",
 
         "is-resolvable": "^1.0.0",
 
         "postcss": "^7.0.0"
 
       },
 
       "dependencies": {
 
         "cosmiconfig": {
 
-          "version": "5.0.7",
 
-          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.0.7.tgz",
 
-          "integrity": "sha512-PcLqxTKiDmNT6pSpy4N6KtuPwb53W+2tzNvwOZw0WH9N6O0vLIBq0x8aj8Oj75ere4YcGi48bDFCL+3fRJdlNA==",
 
+          "version": "5.2.0",
 
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.0.tgz",
 
+          "integrity": "sha512-nxt+Nfc3JAqf4WIWd0jXLjTJZmsPLrA9DDc4nRw2KFJQJK7DNooqSXrNI7tzLG50CF8axczly5UV929tBmh/7g==",
 
           "dev": true,
 
           "requires": {
 
             "import-fresh": "^2.0.0",
 
             "is-directory": "^0.3.1",
 
-            "js-yaml": "^3.9.0",
 
+            "js-yaml": "^3.13.0",
 
             "parse-json": "^4.0.0"
 
           }
 
         }
 
       }
 
     },
 
     "cssnano-preset-default": {
 
-      "version": "4.0.6",
 
-      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.6.tgz",
 
-      "integrity": "sha512-UPboYbFaJFtDUhJ4fqctThWbbyF4q01/7UhsZbLzp35l+nUxtzh1SifoVlEfyLM3n3Z0htd8B1YlCxy9i+bQvg==",
 
+      "version": "4.0.7",
 
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.7.tgz",
 
+      "integrity": "sha512-x0YHHx2h6p0fCl1zY9L9roD7rnlltugGu7zXSKQx6k2rYw0Hi3IqxcoAGF7u9Q5w1nt7vK0ulxV8Lo+EvllGsA==",
 
       "dev": true,
 
       "requires": {
 
         "css-declaration-sorter": "^4.0.1",
 
         "cssnano-util-raw-cache": "^4.0.1",
 
         "postcss": "^7.0.0",
 
-        "postcss-calc": "^7.0.0",
 
-        "postcss-colormin": "^4.0.2",
 
+        "postcss-calc": "^7.0.1",
 
+        "postcss-colormin": "^4.0.3",
 
         "postcss-convert-values": "^4.0.1",
 
-        "postcss-discard-comments": "^4.0.1",
 
+        "postcss-discard-comments": "^4.0.2",
 
         "postcss-discard-duplicates": "^4.0.2",
 
         "postcss-discard-empty": "^4.0.1",
 
         "postcss-discard-overridden": "^4.0.1",
 
-        "postcss-merge-longhand": "^4.0.10",
 
-        "postcss-merge-rules": "^4.0.2",
 
+        "postcss-merge-longhand": "^4.0.11",
 
+        "postcss-merge-rules": "^4.0.3",
 
         "postcss-minify-font-values": "^4.0.2",
 
-        "postcss-minify-gradients": "^4.0.1",
 
-        "postcss-minify-params": "^4.0.1",
 
-        "postcss-minify-selectors": "^4.0.1",
 
+        "postcss-minify-gradients": "^4.0.2",
 
+        "postcss-minify-params": "^4.0.2",
 
+        "postcss-minify-selectors": "^4.0.2",
 
         "postcss-normalize-charset": "^4.0.1",
 
-        "postcss-normalize-display-values": "^4.0.1",
 
-        "postcss-normalize-positions": "^4.0.1",
 
-        "postcss-normalize-repeat-style": "^4.0.1",
 
-        "postcss-normalize-string": "^4.0.1",
 
-        "postcss-normalize-timing-functions": "^4.0.1",
 
+        "postcss-normalize-display-values": "^4.0.2",
 
+        "postcss-normalize-positions": "^4.0.2",
 
+        "postcss-normalize-repeat-style": "^4.0.2",
 
+        "postcss-normalize-string": "^4.0.2",
 
+        "postcss-normalize-timing-functions": "^4.0.2",
 
         "postcss-normalize-unicode": "^4.0.1",
 
         "postcss-normalize-url": "^4.0.1",
 
-        "postcss-normalize-whitespace": "^4.0.1",
 
-        "postcss-ordered-values": "^4.1.1",
 
-        "postcss-reduce-initial": "^4.0.2",
 
-        "postcss-reduce-transforms": "^4.0.1",
 
-        "postcss-svgo": "^4.0.1",
 
+        "postcss-normalize-whitespace": "^4.0.2",
 
+        "postcss-ordered-values": "^4.1.2",
 
+        "postcss-reduce-initial": "^4.0.3",
 
+        "postcss-reduce-transforms": "^4.0.2",
 
+        "postcss-svgo": "^4.0.2",
 
         "postcss-unique-selectors": "^4.0.1"
 
       }
 
     },
 
@@ -3772,6 +3766,15 @@
 
         "buffer-indexof": "^1.0.0"
 
       }
 
     },
 
+    "dom-converter": {
 
+      "version": "0.2.0",
 
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
 
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
 
+      "dev": true,
 
+      "requires": {
 
+        "utila": "~0.4"
 
+      }
 
+    },
 
     "dom-serializer": {
 
       "version": "0.1.0",
 
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.0.tgz",
 
@@ -3810,6 +3813,15 @@
 
         "webidl-conversions": "^4.0.2"
 
       }
 
     },
 
+    "domhandler": {
 
+      "version": "2.4.2",
 
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
 
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
 
+      "dev": true,
 
+      "requires": {
 
+        "domelementtype": "1"
 
+      }
 
+    },
 
     "domutils": {
 
       "version": "1.7.0",
 
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
 
@@ -5447,26 +5459,17 @@
 
       "dev": true
 
     },
 
     "handlebars": {
 
-      "version": "4.1.0",
 
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.1.0.tgz",
 
-      "integrity": "sha512-l2jRuU1NAWK6AW5qqcTATWQJvNPEwkM7NEKSiv/gqOsoSQbVoWyqVEY5GS+XPQ88zLNmqASRpzfdm8d79hJS+w==",
 
+      "version": "4.1.2",
 
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.1.2.tgz",
 
+      "integrity": "sha512-nvfrjqvt9xQ8Z/w0ijewdD/vvWDTOweBUm96NTr66Wfvo1mJenBLwcYmPs3TIBP5ruzYGD7Hx/DaM9RmhroGPw==",
 
       "dev": true,
 
       "requires": {
 
-        "async": "^2.5.0",
 
+        "neo-async": "^2.6.0",
 
         "optimist": "^0.6.1",
 
         "source-map": "^0.6.1",
 
         "uglify-js": "^3.1.4"
 
       },
 
       "dependencies": {
 
-        "async": {
 
-          "version": "2.6.2",
 
-          "resolved": "https://registry.npmjs.org/async/-/async-2.6.2.tgz",
 
-          "integrity": "sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==",
 
-          "dev": true,
 
-          "requires": {
 
-            "lodash": "^4.17.11"
 
-          }
 
-        },
 
         "source-map": {
 
           "version": "0.6.1",
 
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
 
@@ -5705,6 +5708,74 @@
 
         "uglify-js": "3.4.x"
 
       }
 
     },
 
+    "html-webpack-plugin": {
 
+      "version": "3.2.0",
 
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz",
 
+      "integrity": "sha1-sBq71yOsqqeze2r0SS69oD2d03s=",
 
+      "dev": true,
 
+      "requires": {
 
+        "html-minifier": "^3.2.3",
 
+        "loader-utils": "^0.2.16",
 
+        "lodash": "^4.17.3",
 
+        "pretty-error": "^2.0.2",
 
+        "tapable": "^1.0.0",
 
+        "toposort": "^1.0.0",
 
+        "util.promisify": "1.0.0"
 
+      },
 
+      "dependencies": {
 
+        "big.js": {
 
+          "version": "3.2.0",
 
+          "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
 
+          "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
 
+          "dev": true
 
+        },
 
+        "json5": {
 
+          "version": "0.5.1",
 
+          "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
 
+          "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
 
+          "dev": true
 
+        },
 
+        "loader-utils": {
 
+          "version": "0.2.17",
 
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
 
+          "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
 
+          "dev": true,
 
+          "requires": {
 
+            "big.js": "^3.1.3",
 
+            "emojis-list": "^2.0.0",
 
+            "json5": "^0.5.0",
 
+            "object-assign": "^4.0.1"
 
+          }
 
+        }
 
+      }
 
+    },
 
+    "htmlparser2": {
 
+      "version": "3.10.1",
 
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
 
+      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
 
+      "dev": true,
 
+      "requires": {
 
+        "domelementtype": "^1.3.1",
 
+        "domhandler": "^2.3.0",
 
+        "domutils": "^1.5.1",
 
+        "entities": "^1.1.1",
 
+        "inherits": "^2.0.1",
 
+        "readable-stream": "^3.1.1"
 
+      },
 
+      "dependencies": {
 
+        "readable-stream": {
 
+          "version": "3.3.0",
 
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.3.0.tgz",
 
+          "integrity": "sha512-EsI+s3k3XsW+fU8fQACLN59ky34AZ14LoeVZpYwmZvldCFo0r0gnelwF2TcMjLor/BTL5aDJVBMkss0dthToPw==",
 
+          "dev": true,
 
+          "requires": {
 
+            "inherits": "^2.0.3",
 
+            "string_decoder": "^1.1.1",
 
+            "util-deprecate": "^1.0.1"
 
+          }
 
+        }
 
+      }
 
+    },
 
     "http-deceiver": {
 
       "version": "1.2.7",
 
       "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
 
@@ -6362,9 +6433,9 @@
 
       "dev": true
 
     },
 
     "istanbul-lib-hook": {
 
-      "version": "2.0.3",
 
-      "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-2.0.3.tgz",
 
-      "integrity": "sha512-CLmEqwEhuCYtGcpNVJjLV1DQyVnIqavMLFHV/DP+np/g3qvdxu3gsPqYoJMXm15sN84xOlckFB3VNvRbf5yEgA==",
 
+      "version": "2.0.6",
 
+      "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-2.0.6.tgz",
 
+      "integrity": "sha512-829DKONApZ7UCiPXcOYWSgkFXa4+vNYoNOt3F+4uDJLKL1OotAoVwvThoEj1i8jmOj7odbYcR3rnaHu+QroaXg==",
 
       "dev": true,
 
       "requires": {
 
         "append-transform": "^1.0.0"
 
@@ -6386,16 +6457,38 @@
 
       }
 
     },
 
     "istanbul-lib-report": {
 
-      "version": "2.0.4",
 
-      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-2.0.4.tgz",
 
-      "integrity": "sha512-sOiLZLAWpA0+3b5w5/dq0cjm2rrNdAfHWaGhmn7XEFW6X++IV9Ohn+pnELAl9K3rfpaeBfbmH9JU5sejacdLeA==",
 
+      "version": "2.0.7",
 
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-2.0.7.tgz",
 
+      "integrity": "sha512-wLH6beJBFbRBLiTlMOBxmb85cnVM1Vyl36N48e4e/aTKSM3WbOx7zbVIH1SQ537fhhsPbX0/C5JB4qsmyRXXyA==",
 
       "dev": true,
 
       "requires": {
 
-        "istanbul-lib-coverage": "^2.0.3",
 
-        "make-dir": "^1.3.0",
 
+        "istanbul-lib-coverage": "^2.0.4",
 
+        "make-dir": "^2.1.0",
 
         "supports-color": "^6.0.0"
 
       },
 
       "dependencies": {
 
+        "istanbul-lib-coverage": {
 
+          "version": "2.0.4",
 
+          "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
 
+          "integrity": "sha512-LXTBICkMARVgo579kWDm8SqfB6nvSDKNqIOBEjmJRnL04JvoMHCYGWaMddQnseJYtkEuEvO/sIcOxPLk9gERug==",
 
+          "dev": true
 
+        },
 
+        "make-dir": {
 
+          "version": "2.1.0",
 
+          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
 
+          "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
 
+          "dev": true,
 
+          "requires": {
 
+            "pify": "^4.0.1",
 
+            "semver": "^5.6.0"
 
+          }
 
+        },
 
+        "pify": {
 
+          "version": "4.0.1",
 
+          "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
 
+          "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
 
+          "dev": true
 
+        },
 
         "supports-color": {
 
           "version": "6.1.0",
 
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
 
@@ -6444,9 +6537,9 @@
 
       }
 
     },
 
     "istanbul-reports": {
 
-      "version": "2.1.1",
 
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-2.1.1.tgz",
 
-      "integrity": "sha512-FzNahnidyEPBCI0HcufJoSEoKykesRlFcSzQqjH9x0+LC8tnnE/p/90PBLu8iZTxr8yYZNyTtiAujUqyN+CIxw==",
 
+      "version": "2.2.3",
 
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-2.2.3.tgz",
 
+      "integrity": "sha512-T6EbPuc8Cb620LWAYyZ4D8SSn06dY9i1+IgUX2lTH8gbwflMc9Obd33zHTyNX653ybjpamAHS9toKS3E6cGhTw==",
 
       "dev": true,
 
       "requires": {
 
         "handlebars": "^4.1.0"
 
@@ -6900,9 +6993,9 @@
 
       "dev": true
 
     },
 
     "js-yaml": {
 
-      "version": "3.12.1",
 
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.1.tgz",
 
-      "integrity": "sha512-um46hB9wNOKlwkHgiuyEVAybXBjwFUV0Z/RaHJblRd9DXltue9FTYvzCr9ErQrK9Adz5MU4gHWVaNUfdmrC8qA==",
 
+      "version": "3.13.1",
 
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
 
+      "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==",
 
       "dev": true,
 
       "requires": {
 
         "argparse": "^1.0.7",
 
@@ -8552,9 +8645,9 @@
 
       }
 
     },
 
     "postcss-colormin": {
 
-      "version": "4.0.2",
 
-      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.2.tgz",
 
-      "integrity": "sha512-1QJc2coIehnVFsz0otges8kQLsryi4lo19WD+U5xCWvXd0uw/Z+KKYnbiNDCnO9GP+PvErPHCG0jNvWTngk9Rw==",
 
+      "version": "4.0.3",
 
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
 
+      "integrity": "sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==",
 
       "dev": true,
 
       "requires": {
 
         "browserslist": "^4.0.0",
 
@@ -8575,9 +8668,9 @@
 
       }
 
     },
 
     "postcss-discard-comments": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-4.0.1.tgz",
 
-      "integrity": "sha512-Ay+rZu1Sz6g8IdzRjUgG2NafSNpp2MSMOQUb+9kkzzzP+kh07fP0yNbhtFejURnyVXSX3FYy2nVNW1QTnNjgBQ==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz",
 
+      "integrity": "sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==",
 
       "dev": true,
 
       "requires": {
 
         "postcss": "^7.0.0"
 
@@ -8646,9 +8739,9 @@
 
       }
 
     },
 
     "postcss-merge-longhand": {
 
-      "version": "4.0.10",
 
-      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-4.0.10.tgz",
 
-      "integrity": "sha512-hME10s6CSjm9nlVIcO1ukR7Jr5RisTaaC1y83jWCivpuBtPohA3pZE7cGTIVSYjXvLnXozHTiVOkG4dnnl756g==",
 
+      "version": "4.0.11",
 
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz",
 
+      "integrity": "sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==",
 
       "dev": true,
 
       "requires": {
 
         "css-color-names": "0.0.4",
 
@@ -8658,9 +8751,9 @@
 
       }
 
     },
 
     "postcss-merge-rules": {
 
-      "version": "4.0.2",
 
-      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-4.0.2.tgz",
 
-      "integrity": "sha512-UiuXwCCJtQy9tAIxsnurfF0mrNHKc4NnNx6NxqmzNNjXpQwLSukUxELHTRF0Rg1pAmcoKLih8PwvZbiordchag==",
 
+      "version": "4.0.3",
 
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz",
 
+      "integrity": "sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==",
 
       "dev": true,
 
       "requires": {
 
         "browserslist": "^4.0.0",
 
@@ -8695,9 +8788,9 @@
 
       }
 
     },
 
     "postcss-minify-gradients": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-4.0.1.tgz",
 
-      "integrity": "sha512-pySEW3E6Ly5mHm18rekbWiAjVi/Wj8KKt2vwSfVFAWdW6wOIekgqxKxLU7vJfb107o3FDNPkaYFCxGAJBFyogA==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz",
 
+      "integrity": "sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==",
 
       "dev": true,
 
       "requires": {
 
         "cssnano-util-get-arguments": "^4.0.0",
 
@@ -8707,9 +8800,9 @@
 
       }
 
     },
 
     "postcss-minify-params": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-4.0.1.tgz",
 
-      "integrity": "sha512-h4W0FEMEzBLxpxIVelRtMheskOKKp52ND6rJv+nBS33G1twu2tCyurYj/YtgU76+UDCvWeNs0hs8HFAWE2OUFg==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz",
 
+      "integrity": "sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==",
 
       "dev": true,
 
       "requires": {
 
         "alphanum-sort": "^1.0.0",
 
@@ -8721,9 +8814,9 @@
 
       }
 
     },
 
     "postcss-minify-selectors": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-4.0.1.tgz",
 
-      "integrity": "sha512-8+plQkomve3G+CodLCgbhAKrb5lekAnLYuL1d7Nz+/7RANpBEVdgBkPNwljfSKvZ9xkkZTZITd04KP+zeJTJqg==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz",
 
+      "integrity": "sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==",
 
       "dev": true,
 
       "requires": {
 
         "alphanum-sort": "^1.0.0",
 
@@ -8795,9 +8888,9 @@
 
       }
 
     },
 
     "postcss-normalize-display-values": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.1.tgz",
 
-      "integrity": "sha512-R5mC4vaDdvsrku96yXP7zak+O3Mm9Y8IslUobk7IMP+u/g+lXvcN4jngmHY5zeJnrQvE13dfAg5ViU05ZFDwdg==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz",
 
+      "integrity": "sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==",
 
       "dev": true,
 
       "requires": {
 
         "cssnano-util-get-match": "^4.0.0",
 
@@ -8806,9 +8899,9 @@
 
       }
 
     },
 
     "postcss-normalize-positions": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-4.0.1.tgz",
 
-      "integrity": "sha512-GNoOaLRBM0gvH+ZRb2vKCIujzz4aclli64MBwDuYGU2EY53LwiP7MxOZGE46UGtotrSnmarPPZ69l2S/uxdaWA==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz",
 
+      "integrity": "sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==",
 
       "dev": true,
 
       "requires": {
 
         "cssnano-util-get-arguments": "^4.0.0",
 
@@ -8818,9 +8911,9 @@
 
       }
 
     },
 
     "postcss-normalize-repeat-style": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.1.tgz",
 
-      "integrity": "sha512-fFHPGIjBUyUiswY2rd9rsFcC0t3oRta4wxE1h3lpwfQZwFeFjXFSiDtdJ7APCmHQOnUZnqYBADNRPKPwFAONgA==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz",
 
+      "integrity": "sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==",
 
       "dev": true,
 
       "requires": {
 
         "cssnano-util-get-arguments": "^4.0.0",
 
@@ -8830,9 +8923,9 @@
 
       }
 
     },
 
     "postcss-normalize-string": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-4.0.1.tgz",
 
-      "integrity": "sha512-IJoexFTkAvAq5UZVxWXAGE0yLoNN/012v7TQh5nDo6imZJl2Fwgbhy3J2qnIoaDBrtUP0H7JrXlX1jjn2YcvCQ==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz",
 
+      "integrity": "sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==",
 
       "dev": true,
 
       "requires": {
 
         "has": "^1.0.0",
 
@@ -8841,9 +8934,9 @@
 
       }
 
     },
 
     "postcss-normalize-timing-functions": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.1.tgz",
 
-      "integrity": "sha512-1nOtk7ze36+63ONWD8RCaRDYsnzorrj+Q6fxkQV+mlY5+471Qx9kspqv0O/qQNMeApg8KNrRf496zHwJ3tBZ7w==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz",
 
+      "integrity": "sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==",
 
       "dev": true,
 
       "requires": {
 
         "cssnano-util-get-match": "^4.0.0",
 
@@ -8875,9 +8968,9 @@
 
       }
 
     },
 
     "postcss-normalize-whitespace": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.1.tgz",
 
-      "integrity": "sha512-U8MBODMB2L+nStzOk6VvWWjZgi5kQNShCyjRhMT3s+W9Jw93yIjOnrEkKYD3Ul7ChWbEcjDWmXq0qOL9MIAnAw==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz",
 
+      "integrity": "sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==",
 
       "dev": true,
 
       "requires": {
 
         "postcss": "^7.0.0",
 
@@ -8885,9 +8978,9 @@
 
       }
 
     },
 
     "postcss-ordered-values": {
 
-      "version": "4.1.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-4.1.1.tgz",
 
-      "integrity": "sha512-PeJiLgJWPzkVF8JuKSBcylaU+hDJ/TX3zqAMIjlghgn1JBi6QwQaDZoDIlqWRcCAI8SxKrt3FCPSRmOgKRB97Q==",
 
+      "version": "4.1.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz",
 
+      "integrity": "sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==",
 
       "dev": true,
 
       "requires": {
 
         "cssnano-util-get-arguments": "^4.0.0",
 
@@ -8896,9 +8989,9 @@
 
       }
 
     },
 
     "postcss-reduce-initial": {
 
-      "version": "4.0.2",
 
-      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.2.tgz",
 
-      "integrity": "sha512-epUiC39NonKUKG+P3eAOKKZtm5OtAtQJL7Ye0CBN1f+UQTHzqotudp+hki7zxXm7tT0ZAKDMBj1uihpPjP25ug==",
 
+      "version": "4.0.3",
 
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
 
+      "integrity": "sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==",
 
       "dev": true,
 
       "requires": {
 
         "browserslist": "^4.0.0",
 
@@ -8908,9 +9001,9 @@
 
       }
 
     },
 
     "postcss-reduce-transforms": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.1.tgz",
 
-      "integrity": "sha512-sZVr3QlGs0pjh6JAIe6DzWvBaqYw05V1t3d9Tp+VnFRT5j+rsqoWsysh/iSD7YNsULjq9IAylCznIwVd5oU/zA==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz",
 
+      "integrity": "sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==",
 
       "dev": true,
 
       "requires": {
 
         "cssnano-util-get-match": "^4.0.0",
 
@@ -8939,9 +9032,9 @@
 
       }
 
     },
 
     "postcss-svgo": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.1.tgz",
 
-      "integrity": "sha512-YD5uIk5NDRySy0hcI+ZJHwqemv2WiqqzDgtvgMzO8EGSkK5aONyX8HMVFRFJSdO8wUWTuisUFn/d7yRRbBr5Qw==",
 
+      "version": "4.0.2",
 
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.2.tgz",
 
+      "integrity": "sha512-C6wyjo3VwFm0QgBy+Fu7gCYOkCmgmClghO+pjcxvrcBKtiKt0uCF+hvbMO1fyv5BMImRK90SMb+dwUnfbGd+jw==",
 
       "dev": true,
 
       "requires": {
 
         "is-svg": "^3.0.0",
 
@@ -8972,6 +9065,16 @@
 
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
 
       "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ="
 
     },
 
+    "pretty-error": {
 
+      "version": "2.1.1",
 
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.1.tgz",
 
+      "integrity": "sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=",
 
+      "dev": true,
 
+      "requires": {
 
+        "renderkid": "^2.0.1",
 
+        "utila": "~0.4"
 
+      }
 
+    },
 
     "pretty-format": {
 
       "version": "24.0.0",
 
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-24.0.0.tgz",
 
@@ -9414,6 +9517,58 @@
 
       "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
 
       "dev": true
 
     },
 
+    "renderkid": {
 
+      "version": "2.0.3",
 
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.3.tgz",
 
+      "integrity": "sha512-z8CLQp7EZBPCwCnncgf9C4XAi3WR0dv+uWu/PjIyhhAb5d6IJ/QZqlHFprHeKT+59//V6BNUsLbvN8+2LarxGA==",
 
+      "dev": true,
 
+      "requires": {
 
+        "css-select": "^1.1.0",
 
+        "dom-converter": "^0.2",
 
+        "htmlparser2": "^3.3.0",
 
+        "strip-ansi": "^3.0.0",
 
+        "utila": "^0.4.0"
 
+      },
 
+      "dependencies": {
 
+        "ansi-regex": {
 
+          "version": "2.1.1",
 
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
 
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
 
+          "dev": true
 
+        },
 
+        "css-select": {
 
+          "version": "1.2.0",
 
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
 
+          "integrity": "sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=",
 
+          "dev": true,
 
+          "requires": {
 
+            "boolbase": "~1.0.0",
 
+            "css-what": "2.1",
 
+            "domutils": "1.5.1",
 
+            "nth-check": "~1.0.1"
 
+          }
 
+        },
 
+        "domutils": {
 
+          "version": "1.5.1",
 
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
 
+          "integrity": "sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=",
 
+          "dev": true,
 
+          "requires": {
 
+            "dom-serializer": "0",
 
+            "domelementtype": "1"
 
+          }
 
+        },
 
+        "strip-ansi": {
 
+          "version": "3.0.1",
 
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
 
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
 
+          "dev": true,
 
+          "requires": {
 
+            "ansi-regex": "^2.0.0"
 
+          }
 
+        }
 
+      }
 
+    },
 
     "repeat-element": {
 
       "version": "1.1.3",
 
       "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz",
 
@@ -10555,10 +10710,33 @@
 
         "get-stdin": "^4.0.1"
 
       }
 
     },
 
+    "style-loader": {
 
+      "version": "0.23.1",
 
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz",
 
+      "integrity": "sha512-XK+uv9kWwhZMZ1y7mysB+zoihsEj4wneFWAS5qoiLwzW0WzSqMrrsIy+a3zkQJq0ipFtBpX5W3MqyRIBF/WFGg==",
 
+      "dev": true,
 
+      "requires": {
 
+        "loader-utils": "^1.1.0",
 
+        "schema-utils": "^1.0.0"
 
+      },
 
+      "dependencies": {
 
+        "schema-utils": {
 
+          "version": "1.0.0",
 
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
 
+          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
 
+          "dev": true,
 
+          "requires": {
 
+            "ajv": "^6.1.0",
 
+            "ajv-errors": "^1.0.0",
 
+            "ajv-keywords": "^3.1.0"
 
+          }
 
+        }
 
+      }
 
+    },
 
     "stylehacks": {
 
-      "version": "4.0.1",
 
-      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.1.tgz",
 
-      "integrity": "sha512-TK5zEPeD9NyC1uPIdjikzsgWxdQQN/ry1X3d1iOz1UkYDCmcr928gWD1KHgyC27F50UnE0xCTrBOO1l6KR8M4w==",
 
+      "version": "4.0.3",
 
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
 
+      "integrity": "sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==",
 
       "dev": true,
 
       "requires": {
 
         "browserslist": "^4.0.0",
 
@@ -10589,23 +10767,23 @@
 
       }
 
     },
 
     "svgo": {
 
-      "version": "1.1.1",
 
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.1.1.tgz",
 
-      "integrity": "sha512-GBkJbnTuFpM4jFbiERHDWhZc/S/kpHToqmZag3aEBjPYK44JAN2QBjvrGIxLOoCyMZjuFQIfTO2eJd8uwLY/9g==",
 
+      "version": "1.2.2",
 
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.2.2.tgz",
 
+      "integrity": "sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA==",
 
       "dev": true,
 
       "requires": {
 
-        "coa": "~2.0.1",
 
-        "colors": "~1.1.2",
 
+        "chalk": "^2.4.1",
 
+        "coa": "^2.0.2",
 
         "css-select": "^2.0.0",
 
-        "css-select-base-adapter": "~0.1.0",
 
+        "css-select-base-adapter": "^0.1.1",
 
         "css-tree": "1.0.0-alpha.28",
 
         "css-url-regex": "^1.1.0",
 
-        "csso": "^3.5.0",
 
-        "js-yaml": "^3.12.0",
 
+        "csso": "^3.5.1",
 
+        "js-yaml": "^3.13.1",
 
         "mkdirp": "~0.5.1",
 
-        "object.values": "^1.0.4",
 
+        "object.values": "^1.1.0",
 
         "sax": "~1.2.4",
 
-        "stable": "~0.1.6",
 
+        "stable": "^0.1.8",
 
         "unquote": "~1.1.1",
 
         "util.promisify": "~1.0.0"
 
       }
 
@@ -10851,6 +11029,12 @@
 
         "repeat-string": "^1.6.1"
 
       }
 
     },
 
+    "toposort": {
 
+      "version": "1.0.7",
 
+      "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.7.tgz",
 
+      "integrity": "sha1-LmhELZ9k7HILjMieZEOsbKqVACk=",
 
+      "dev": true
 
+    },
 
     "tough-cookie": {
 
       "version": "2.4.3",
 
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
 
@@ -11331,6 +11515,12 @@
 
         "object.getownpropertydescriptors": "^2.0.3"
 
       }
 
     },
 
+    "utila": {
 
+      "version": "0.4.0",
 
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
 
+      "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=",
 
+      "dev": true
 
+    },
 
     "utils-merge": {
 
       "version": "1.0.1",
 
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",

+ 5 - 4
package.json
View File 

@@ -29,6 +29,7 @@
 
     "css-loader": "^2.1.0",
 
     "file-loader": "^3.0.1",
 
     "html-loader": "^0.5.5",
 
+    "html-webpack-plugin": "^3.2.0",
 
     "http-server": "^0.11.1",
 
     "jest": "^24.1.0",
 
     "mini-css-extract-plugin": "^0.5.0",
 
@@ -38,6 +39,7 @@
 
     "postcss-loader": "^3.0.0",
 
     "puppeteer": "^1.13.0",
 
     "sass-loader": "^7.1.0",
 
+    "style-loader": "^0.23.1",
 
     "ts-jest": "^24.0.0",
 
     "ts-loader": "^5.3.3",
 
     "tslint": "^5.12.1",
 
@@ -56,12 +58,11 @@
 
     "url": "https://github.com/b3log/vditor/issues"
 
   },
 
   "scripts": {
 
-    "build": "webpack",
 
     "lint": "tslint --fix -c tslint.json 'src/**/*.ts'",
 
-    "dev": "webpack --config webpack.dev.js",
 
-    "start": "webpack-dev-server --config webpack.start.js",
 
     "test:watch": "jest --watch",
 
-    "test": "jest --coverage"
 
+    "test": "jest --coverage",
 
+    "start": "webpack-dev-server --config webpack.dev.js",
 
+    "build": "webpack"
 
   },
 
   "keywords": [
 
     "editor",

+ 51 - 11
webpack.dev.js
View File 

@@ -9,6 +9,7 @@ const path = require('path')
 
 const fs = require('fs')
 
 const webpack = require('webpack')
 
 const CleanWebpackPlugin = require('clean-webpack-plugin')
 
+const HtmlWebpackPlugin = require('html-webpack-plugin')
 
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 
 const WebpackOnBuildPlugin = require('on-build-webpack')
 
 
@@ -18,18 +19,44 @@ module.exports = {
 
   mode: 'development',
 
   watch: true,
 
   output: {
 
-    filename: '[name].js',
 
+    filename: '[name]',
 
     path: path.resolve(__dirname, 'demo/dist'),
 
-    publicPath: 'dist/',
 
   },
 
   entry: {
 
-    'demo': './demo/demo.js',
 
+    'index.js': './demo/index.js',
 
   },
 
   resolve: {
 
-    extensions: ['.js', '.ts', '.svg', '.png'],
 
+    extensions: ['.js', '.ts', '.svg', '.png', '.scss'],
 
   },
 
   module: {
 
     rules: [
 
+      {
 
+        test: /\.scss$/,
 
+        include: [path.resolve(__dirname, 'src')],
 
+        use: [
 
+          {
 
+            loader: 'style-loader',
 
+          },
 
+          {
 
+            loader: 'css-loader', // translates CSS into CommonJS
 
+            options: {
 
+              url: false,
 
+            },
 
+          },
 
+          {
 
+            loader: 'postcss-loader',
 
+            options: {
 
+              ident: 'postcss',
 
+              plugins: () => [
 
+                require('autoprefixer')({grid: true, remove: false}),
 
+              ],
 
+            },
 
+          },
 
+          {
 
+            loader: 'sass-loader', // compiles Sass to CSS
 
+          },
 
+        ],
 
+      },
 
       {
 
         test: /\.svg$/,
 
         include: [path.resolve(__dirname, './src/assets/icons')],
 
@@ -82,15 +109,28 @@ module.exports = {
 
     ],
 
   },
 
   plugins: [
 
-    new CleanWebpackPlugin(['./demo/dist']),
 
-    new MiniCssExtractPlugin({
 
-      filename: '[name]',
 
+    new HtmlWebpackPlugin({
 
+      chunks: ['index.js'],
 
+      filename: './index.html',
 
+      template: './demo/index.html',
 
     }),
 
     new webpack.DefinePlugin({
 
       VDITOR_VERSION: JSON.stringify(pkg.version),
 
-    }),
 
-    new WebpackOnBuildPlugin(() => {
 
-      fs.unlinkSync('./demo/dist/demo.css.js')
 
-    }),
 
+    })
 
   ],
 
+  devServer: {
 
+    contentBase: path.join(__dirname, '.'),
 
+    port: 9000,
 
+    host: '0.0.0.0',
 
+    proxy: {
 
+      '/api': {
 
+        target: 'http://localhost:8080',
 
+        pathRewrite: {'^/api' : ''}
 
+      },
 
+      '/hacpai': {
 
+        target: 'https://hacpai.com',
 
+        pathRewrite: {'^/hacpai' : ''}
 
+      }
 
+    }
 
+  }
 
 }

+ 0 - 27
webpack.start.js
View File 

@@ -1,27 +0,0 @@
 
-/**
 
- * @fileoverview server.
 
- *
 
- * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
 
- * @version 0.1.0.1, Apr 2, 2019
 
- */
 
-
 
-const path = require('path')
 
-
 
-module.exports = {
 
-  mode: 'development',
 
-  devServer: {
 
-    contentBase: path.join(__dirname, '.'),
 
-    port: 9000,
 
-    host: '0.0.0.0',
 
-    proxy: {
 
-      '/api': {
 
-        target: 'http://localhost:8080',
 
-        pathRewrite: {'^/api' : ''}
 
-      },
 
-      '/hacpai': {
 
-        target: 'https://hacpai.com',
 
-        pathRewrite: {'^/hacpai' : ''}
 
-      }
 
-    }
 
-  }
 
-};