initial draft for SVG sprite generation

📦 Bump lucide package versions to 0.15.26
add currency icon (#353 )
2021-07-09 14:36:00 +02:00 · 2021-07-07 11:20:52 +00:00 · 2021-07-07 13:15:56 +02:00 · 2021-07-07 13:13:56 +02:00 · 2021-06-28 10:30:09 +02:00 · 2021-06-28 10:29:44 +02:00
18 changed files with 1065 additions and 15250 deletions
@@ -11,3 +11,8 @@ stats
 *.log
 packages/**/src/icons/*.js
 packages/**/src/icons/*.ts
+.pnp.js
+.yarn
+.yarn*
+*.lock
+package-lock.json
@@ -4,6 +4,7 @@

 ![NPM](https://img.shields.io/npm/l/lucide)
 [![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide)
+[![installs](https://img.shields.io/endpoint?logo=figma&label=installs&url=https://yuanqing.github.io/figma-plugins-stats/plugin/939567362549682242/installs.json)](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons)
 [![Discord](https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA)](https://discord.gg/EH6nSts)

 ## What is Lucide?
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="8" />
+  <line x1="3" y1="3" x2="6" y2="6" />
+  <line x1="21" y1="3" x2="18" y2="6" />
+  <line x1="3" y1="21" x2="6" y2="18" />
+  <line x1="21" y1="21" x2="18" y2="18" />
+</svg>
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <path d="M9 17c1.93 0 2.85-1 2.85-2.8V9.99c0-1.93 1.03-3.26 3.15-2.93M9 11.24h5.66" />
+</svg>
@@ -0,0 +1,15 @@
+<svg
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 3v12" />
+  <path d="M8 11l4 4 4-4" />
+  <path d="M8 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2h-4" />
+</svg>
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
+  <path d="M12.667 8L10 12h4l-2.667 4" />
+</svg>
@@ -1,7 +1,7 @@
 {
  "name": "lucide-angular",
  "description": "Lucide Angular package, Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
-  "version": "0.15.21",
+  "version": "0.15.26",
  "author": "SMAH1",
  "license": "ISC",
  "homepage": "https://lucide.dev",
@@ -1,7 +1,7 @@
 {
  "name": "lucide-preact",
  "description": "Lucide Preact package, Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
-  "version": "0.15.21",
+  "version": "0.15.26",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
@@ -1,7 +1,7 @@
 {
  "name": "lucide-react",
  "description": "Lucide React package, Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
-  "version": "0.15.21",
+  "version": "0.15.26",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
@@ -1,6 +1,6 @@
 {
  "name": "lucide-vue-next",
-  "version": "0.15.21",
+  "version": "0.15.26",
  "author": "Eric Fennis",
  "description": "Lucide Vue 3 Package",
  "license": "ISC",
@@ -1,6 +1,6 @@
 {
  "name": "lucide-vue",
-  "version": "0.15.21",
+  "version": "0.15.26",
  "author": "Eric Fennis",
  "description": "Lucide Vue Package",
  "license": "ISC",
@@ -1,7 +1,7 @@
 {
  "name": "lucide",
  "description": "Lucide is a community-run fork of Feather Icons, open for anyone to contribute icons.",
-  "version": "0.15.21",
+  "version": "0.15.26",
  "license": "ISC",
  "homepage": "https://lucide.dev",
  "bugs": "https://github.com/lucide-icons/lucide/issues",
@@ -0,0 +1,36 @@
+import fs from 'fs';
+import path from 'path';
+import getArgumentOptions from 'minimist'; // eslint-disable-line import/no-extraneous-dependencies
+
+import transformsIconToSymbols from './render/transformsIconToSymbols';
+import generateSpriteFile from './build/generateSpriteFile';
+
+import { readSvgDirectory } from './helpers';
+
+const cliArguments = getArgumentOptions(process.argv.slice(2));
+
+const ICONS_DIR = path.resolve(__dirname, '../icons');
+const OUTPUT_DIR = path.resolve(__dirname, cliArguments.output || '../build');
+
+if (!fs.existsSync(OUTPUT_DIR)) {
+  fs.mkdirSync(OUTPUT_DIR);
+}
+
+const {
+  renderUniqueKey = false,
+  templateSrc = './templates/defaultIconFileTemplate',
+  silent = false,
+  iconFileExtention = '.js',
+  exportFileName = 'lucide.svg',
+} = cliArguments;
+
+const svgFiles = readSvgDirectory(ICONS_DIR);
+
+const icons = transformsIconToSymbols(svgFiles, ICONS_DIR);
+
+// Generates entry files for the compiler filled with icons exports
+generateSpriteFile(
+  path.join(OUTPUT_DIR, 'sprite', exportFileName),
+  path.join(OUTPUT_DIR, 'sprite'),
+  icons
+);
@@ -0,0 +1,36 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { basename } from 'path';
+import { parseSync, stringify } from 'svgson';
+import { generateHashedKey, readSvg, hasDuplicatedChildren } from '../helpers';
+
+/**
+ * Build an object in the format: `{ <name>: <contents> }`.
+ * @param {string[]} svgFiles - A list of filenames.
+ * @param {Function} getSvg - A function that returns the contents of an SVG file given a filename.
+ * @returns {Object}
+ */
+export default (svgFiles, iconsDirectory) =>
+  svgFiles
+    .map(svgFile => {
+      const name = basename(svgFile, '.svg');
+      const svg = readSvg(svgFile, iconsDirectory);
+      const contents = parseSync(svg);
+
+      if (!(contents.children && contents.children.length)) {
+        throw new Error(`${name}.svg has no children!`);
+      }
+
+      if (hasDuplicatedChildren(contents.children)) {
+        throw new Error(`Duplicated children in ${name}.svg`);
+      }
+
+      return stringify({
+        name: 'symbol',
+        type: 'element',
+        attributes: {
+          id: name,
+          viewBox: contents.attributes.viewBox
+        },
+        children: contents.children
+      });
+    });
@@ -6,18 +6,16 @@ class MyDocument extends Document {
    return (
      <Html>
        <Head>
-          <link
-            href="https://fonts.googleapis.com/css2?family=Mukta:wght@400;600;700&display=swap"
-            rel="stylesheet"
-          />
-          <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
-          <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/>
-          <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/>
+          <link href="https://fonts.googleapis.com/css2?family=Mukta:wght@400;600;700&display=swap" rel="stylesheet" />
+          <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+          <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+          <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
          <link rel="manifest" href="/site.webmanifest"/>
-          <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#F56565"/>
-          <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
-          <meta name="msapplication-TileColor" content="#F56565"/>
-          <meta name="theme-color" content="#F56565"></meta>
+          <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#F56565" />
+          <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+          <meta name="msapplication-TileColor" content="#F56565" />
+          <meta name="theme-color" content="#F56565" />
+          <meta name="google-site-verification" content="pr2dEIF-6zFdjXlDxutqEokeinrQNLx5qAjeVCqASDY" />
        </Head>
        <style jsx global>{`
          * {
@@ -557,6 +557,10 @@
    "winner",
    "favourite"
  ],
+  "currency": [
+    "finance",
+    "money"
+  ],
  "database": [
    "storage",
    "memory"
Author	SHA1	Message	Date
swcs	26d8c5ec23	initial draft for SVG sprite generation	2021-07-09 14:36:00 +02:00
Lucide Bot	8ffb43b8e0	📦 Bump lucide package versions to 0.15.26	2021-07-07 11:20:52 +00:00
Christoph Nölke	b39b835390	add currency icon (#353 )	2021-07-07 13:15:56 +02:00
Eric Fennis	24a6ef9fd9	Add figma badge	2021-07-07 13:13:56 +02:00
Eric Fennis	17967a9598	Merge branch 'master' of github.com:lucide-icons/lucide	2021-06-28 10:30:09 +02:00
Eric Fennis	9dc93a602d	update site	2021-06-28 10:29:44 +02:00
Lucide Bot	b672e884d9	📦 Bump lucide package versions to 0.15.25	2021-06-24 07:46:04 +00:00
Yashu Mittal	46bbb6485b	add import icon (#239 ) * add save-2 icon * rename to import	2021-06-24 09:41:58 +02:00
Lucide Bot	b530c40486	📦 Bump lucide package versions to 0.15.24	2021-06-24 06:45:14 +00:00
Yashu Mittal	5d1fdd703c	add smartphone-charging icon (#316 ) * add smartphone-charging icon * change path to rect tag Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2021-06-24 08:39:33 +02:00
Lucide Bot	706486b3b7	📦 Bump lucide package versions to 0.15.23	2021-06-21 17:52:28 +00:00
Yashu Mittal	3a7b878847	add function-square icon (#302 ) * add square function icon * change path to rect tag Co-authored-by: Eric Fennis <eric.fennis@gmail.com> * Fix icon Co-authored-by: Eric Fennis <eric.fennis@gmail.com> * Rename square-function.svg to function-square.svg Co-authored-by: Eric Fennis <eric.fennis@gmail.com>	2021-06-21 19:47:45 +02:00
Lucide Bot	2eb158f32b	📦 Bump lucide package versions to 0.15.22	2021-06-19 11:19:20 +00:00