chore: add icon file

script/genIcon.js

@@ -1,56 +1,34 @@
-const fs = require('fs')
+const webfontsGenerator = require('webfonts-generator')
+const fs = require('licia/fs')
+const map = require('licia/map')
+const filter = require('licia/filter')
+const endWith = require('licia/endWith')
+const promisify = require('licia/promisify')
 const path = require('path')
-const each = require('licia/each')
 
-const nameMap = {
-  Clearsearch: 'clear',
-  Fill: 'error',
-  arrow: 'arrow-left',
-  right: 'arrow-right',
-  refresh1: 'refresh'
-}
+const generate = promisify(webfontsGenerator)
 
-fs.readFile(path.resolve(__dirname, 'icon/iconfont.woff'), function(err, data) {
-  if (err) return console.log(err)
-
-  genCssFile(data.toString('base64'))
-})
-
-function genCssFile(fontData) {
-  fs.readFile(path.resolve(__dirname, 'icon/iconfont.css'), 'utf-8', function(
-    err,
-    data
-  ) {
-    if (err) return console.log(err)
-
-    data = data.split('\n')
-    data.splice(
-      1,
-      6,
-      "  src: url('data:application/x-font-woff;charset=utf-8;base64," +
-        fontData +
-        "') format('woff');"
-    )
-    data = data.join('\n')
-    data = data.replace(/\.eruda-icon/g, "[class^='icon-'],\n[class*=' icon-']")
-
-    each(nameMap, (val, key) => {
-      data = data.replace('icon-' + key + ':', 'icon-' + val + ':')
-    })
-
-    writeCssFile(data)
+async function main() {
+  const iconDir = path.resolve(__dirname, '../src/style/icon')
+  let files = await fs.readdir(iconDir)
+  files = filter(files, file => endWith(file, '.svg'))
+  const dest = path.resolve(__dirname, './icon')
+  const result = await generate({
+    files: map(files, file => iconDir + '/' + file),
+    types: ['woff'],
+    cssTemplate: iconDir + '/cssTemplate.hbs',
+    dest,
+    writeFiles: false
   })
-}
-
-function writeCssFile(data) {
-  fs.writeFile(
+  const iconData = result.woff.toString('base64')
+  const css = result.generateCss({
+    woff: 'data:application/x-font-woff;charset=utf-8;base64,' + iconData
+  })
+  await fs.writeFile(
     path.resolve(__dirname, '../src/style/icon.css'),
-    data,
-    'utf-8',
-    function(err, data) {
-      if (err) return console.log(err)
-
-      console.log('icon.css generated!')
-    }
+    css,
+    'utf8'
   )
 }
+
+main()

script/icon/iconfont.css

@@ -1,89 +0,0 @@
-@font-face {font-family: "eruda-icon";
-  src: url('iconfont.eot?t=1573000742406'); /* IE9 */
-  src: url('iconfont.eot?t=1573000742406#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1573000742406') format('woff'),
-  url('iconfont.ttf?t=1573000742406') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1573000742406#eruda-icon') format('svg'); /* iOS 4.1- */
-}
-
-.eruda-icon {
-  font-family: "eruda-icon" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-eye:before {
-  content: "\e613";
-}
-
-.icon-search:before {
-  content: "\e7c1";
-}
-
-.icon-arrow:before {
-  content: "\e60f";
-}
-
-.icon-tool:before {
-  content: "\e626";
-}
-
-.icon-info:before {
-  content: "\e624";
-}
-
-.icon-right:before {
-  content: "\e610";
-}
-
-.icon-caret-down:before {
-  content: "\e64e";
-}
-
-.icon-caret-right:before {
-  content: "\e64f";
-}
-
-.icon-Clearsearch:before {
-  content: "\e642";
-}
-
-.icon-expand:before {
-  content: "\e805";
-}
-
-.icon-compress:before {
-  content: "\e85b";
-}
-
-.icon-warn:before {
-  content: "\e665";
-}
-
-.icon-refresh1:before {
-  content: "\e611";
-}
-
-.icon-reset:before {
-  content: "\e745";
-}
-
-.icon-select:before {
-  content: "\e661";
-}
-
-.icon-play:before {
-  content: "\e7d7";
-}
-
-.icon-delete:before {
-  content: "\e609";
-}
-
-.icon-Fill:before {
-  content: "\e6ce";
-}
-