Lucide 0.15.0 (#272)

* add configs

* Add vue components

* Add documentation

* add alpha release version

* improve npm ignore files

* add tests

* Make style and class attrs work

* 📦 bump version

* Add Icon suffix for component names

* bump version

* Add icon component example

* remove space

* add new build strategy

* Write a better intro

* add other node design

* fix

* add new default template

* add tempalte

* improve code

* small improvements

* small improvements

* move files

* Connect lucide with lucide-react

* Add support for vue

* Add licenses to packages

* Fix tests

* refactor build scripts

* Minor code fixes

* update homepage readme

* Update footer text

* Add a better introduction to packages

* Split up in tempaltes

* Add new types build file

* Setup workflow file

* update readme

* update

* Fix build

* remove debug code

* Add check if svgs have duplicated children

* Add check if their are no children

* small fixes

* last fixes in the build

* Move script to packages folder

* Fix tests and add types for lucide

* Add rule to package.json

* add types in build

* add npm ignore

* update package.jsons

scripts/render/processSvg.js

@@ -1,30 +1,13 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import Svgo from 'svgo';
-import cheerio from 'cheerio';
 import { format } from 'prettier';
-
+import { parseSync, stringify } from 'svgson';
 import DEFAULT_ATTRS from './default-attrs.json';
 
-/**
- * Process SVG string.
- * @param {string} svg - An SVG string.
- * @param {Promise<string>}
- */
-function processSvg(svg) {
-  return (
-    optimize(svg)
-      .then(setAttrs)
-      .then(optimizedSvg => format(optimizedSvg, { parser: 'babel' }))
-      // remove semicolon inserted by prettier
-      // because prettier thinks it's formatting JSX not HTML
-      .then(svg => svg.replace(/;/g, ''))
-  );
-}
-
 /**
  * Optimize SVG with `svgo`.
  * @param {string} svg - An SVG string.
- * @returns {Promise<string>}
+ * @returns {Promise<string>} An optimized svg
  */
 function optimize(svg) {
   const svgo = new Svgo({
@@ -42,14 +25,30 @@ function optimize(svg) {
 /**
  * Set default attibutes on SVG.
  * @param {string} svg - An SVG string.
- * @returns {string}
+ * @returns {string} An SVG string, included with the default attributes.
  */
 function setAttrs(svg) {
-  const $ = cheerio.load(svg);
+  const contents = parseSync(svg);
 
-  Object.keys(DEFAULT_ATTRS).forEach(key => $('svg').attr(key, DEFAULT_ATTRS[key]));
+  contents.attributes = DEFAULT_ATTRS;
 
-  return $('body').html();
+  return stringify(contents);
+}
+
+/**
+ * Process SVG string.
+ * @param {string} svg An SVG string.
+ * @returns {Promise<string>} An optimized svg
+ */
+function processSvg(svg) {
+  return (
+    optimize(svg)
+      .then(setAttrs)
+      .then(optimizedSvg => format(optimizedSvg, { parser: 'babel' }))
+      // remove semicolon inserted by prettier
+      // because prettier thinks it's formatting JSX not HTML
+      .then(svg => svg.replace(/;/g, ''))
+  );
 }
 
 export default processSvg;