DashIcons Added

EmranAhmed · EmranAhmed · commit 8b20e0cf3635 · 2017-03-06T19:57:02.000+06:00
diff --git a/index.html b/index.html
@@ -40,11 +40,12 @@
             display   : inline-block;
             font-size : 12px;
             }
+
         small {
 
-            margin: 0 10px;
+            margin : 0 10px;
 
-        }    
+            }
     </style>
 </head>
 <body>
@@ -56,12 +57,14 @@ <h1>Parse CSS and Convert to PHP Array</h1>
     <p>for convert icon font css to php array like flaticon / fontawesome etc.</p>
     <p>
         <small><a target="_blank" href="https://github.com/EmranAhmed/vue-generate-php-font-array">Github</a></small>
-        
+
         <small><a target="_blank" href="https://cdn.materialdesignicons.com/1.7.22/css/materialdesignicons.css">Material Design Icons</a></small>
 
         <small><a target="_blank" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">FontAwesome</a></small>
 
         <small><a target="_blank" href="http://www.flaticon.com/">FlatIcon</a></small>
+
+        <small><a target="_blank" href="https://raw.githubusercontent.com/WordPress/dashicons/master/css/dashicons.css">DashIcons</a></small>
     </p>
 
     <label>
@@ -73,6 +76,9 @@ <h1>Parse CSS and Convert to PHP Array</h1>
     <label>
         <input type="radio" v-model="prefix" @change="beforeClassPrefix" before="mdi" value="mdi-"> Material Design Icon
     </label>
+    <label>
+        <input type="radio" v-model="prefix" @change="beforeClassPrefix" before="dashicons" value="dashicons-"> DashIcons
+    </label>
     <textarea v-model="css" cols="30" placeholder="Paste CSS Contents" rows="10"></textarea>
     <textarea v-show="php" readonly v-model="php" cols="30" rows="10"></textarea>
 
diff --git a/script.js b/script.js
@@ -3,7 +3,6 @@ new Vue({
     data : {
         prefix : '',
         css    : '',
-        php    : '',
         before : ''
     },
 
@@ -24,16 +23,27 @@ new Vue({
         generatePHP : function (prefix, css, before) {
 
             var match,
-                phpcode  = [],
-                $pattern = `.(${prefix}([^:|^"]+)):before`,
-                $regexp  = new RegExp($pattern, "ig");
+                phpcode   = [],
+                $comments = /\/\*(?:(?!\*\/)[\s\S])*\*\//g,
+                $pattern  = `.(${prefix}([^:|^"]+)):before`,
+                $regexp   = new RegExp($pattern, "ig");
+
+            css = css.replace($comments, '');
 
             while ((match = $regexp.exec(css)) !== null) {
                 if (match[1].indexOf(".") == -1 || match[1].indexOf(",") == -1) {
                     let name = match[2].replace(/-/g, ' ').replace(/(\b\w)/gi, function (m) {return m.toUpperCase();});
-                    phpcode.push(`\t'${before} ${match[1]}'=>'${name}'`);
+
+                    let icon = `${before} ${match[1]}`.trim();
+
+                    phpcode.push(`\t'${icon}'=>'${name}'`);
+
+                    if (before == 'dashicons' && match[1] == 'dashicons-before') {
+                        phpcode.shift();
+                    }
                 }
             }
+
             return `<?php \nreturn array(\n${phpcode.join(",\n")}\n);`;
         }
     }
