feat: pretty log

TMaize · Jun 21, 2023 · ae6ed67 · ae6ed67
1 parent 68910c4
commit ae6ed67
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 9 deletions.
diff --git a/bin/svg-css-icon.js b/bin/svg-css-icon.js
@@ -8,8 +8,13 @@ function getStringArg(name) {
   return process.argv[idx + 1]
 }
 
-build({
-  input: getStringArg('input'),
-  output: getStringArg('output'),
-  class: getStringArg('class')
-})
+try {
+  build({
+    input: getStringArg('input'),
+    output: getStringArg('output'),
+    class: getStringArg('class')
+  })
+} catch (err) {
+  console.error(err.message)
+  process.exit(1)
+}
diff --git a/src/index.js b/src/index.js
@@ -45,7 +45,7 @@ module.exports = function build(options) {
   for (let i = 0; i < files.length; i++) {
     const file = files[i]
     const name = path.basename(file).replace(/\.svg$/i, '')
-    console.log('build', file)
+    console.log(' build:', file)
 
     let svg = fs.readFileSync(file, 'utf-8')
     const colorful = isColorful(svg)
@@ -55,10 +55,10 @@ module.exports = function build(options) {
     if (colorful) {
       content += `\n.${options.class}-${name} {\n  background-image: url(${svg});\n}\n`
     } else {
-      content += `\n.${options.class}-${name} {\n  --data: url(${svg});\n  mask-image: var(--data);\n  -webkit-mask-image: var(--data); background-color: currentColor;\n}\n`
+      content += `\n.${options.class}-${name} {\n  --data: url(${svg});\n  mask-image: var(--data);\n  -webkit-mask-image: var(--data);\n  background-color: currentColor;\n}\n`
     }
   }
 
-  console.log('output', options.output)
+  console.log('output:', options.output)
   fs.writeFileSync(options.output, content)
 }
diff --git a/test/icon.css b/test/icon.css
diff --git a/test/index.html b/test/index.html
@@ -8,6 +8,7 @@
     <style>
       body {
         margin: 0;
+        padding: 10px;
         display: flex;
         flex-flow: row wrap;
       }
@@ -24,6 +25,8 @@
         position: relative;
         position: relative;
         color: #2b96a4;
+        margin-left: -1px;
+        margin-top: -1px;
       }
 
       body > div > span::after {