.gitignore

@@ -34,6 +34,7 @@ docs/.vitepress/data/iconNodes
 docs/.vitepress/data/iconMetaData.ts
 docs/.vitepress/data/releaseMetaData.json
 docs/.vitepress/data/releaseMetaData
+docs/.vitepress/data/categoriesData.json
 docs/.vitepress/data/iconDetails
 docs/.vitepress/data/relatedIcons.json
 docs/.vercel

docs/.vitepress/api/categories/index.get.ts

@@ -1,4 +1,3 @@
-import { eventHandler, setResponseHeader } from 'h3';
 import iconMetaData from '../../data/iconMetaData';
 
 export default eventHandler((event) => {

docs/.vitepress/api/figma/data.ts

@@ -0,0 +1,40 @@
+import iconNodes from '../../data/iconNodes/index.ts';
+import { IconNodeWithKeys } from '../../theme/types';
+import iconMetaData from '../../data/iconMetaData';
+import releaseMeta from '../../data/releaseMetaData.json';
+import categories from '../../data/categoriesData.json';
+
+const dataResponse = {
+  icons: Object.entries(iconNodes).reduce((acc, [name, iconNode]) => {
+    const newIconNode = (iconNode as IconNodeWithKeys).map(([name, { key, ...attrs }]) => {
+      return [name, attrs];
+    });
+
+    acc[name] = {
+      iconNode: newIconNode,
+      aliases: (iconMetaData[name]?.aliases ?? []).map((alias) =>
+        typeof alias === 'string' ? alias : alias.name,
+      ),
+      tags: iconMetaData[name].tags ?? [],
+      categories: iconMetaData[name].categories ?? [],
+      ...releaseMeta[name],
+    };
+
+    return acc;
+  }, {}),
+  aliases: Object.entries(iconNodes).reduce((acc, [name]) => {
+    for (const alias of iconMetaData[name]?.aliases ?? []) {
+      acc[typeof alias === 'string' ? alias : alias.name] = name;
+    }
+
+    return acc;
+  }, {}),
+  categories,
+};
+
+export default eventHandler((event) => {
+  setResponseHeader(event, 'Cache-Control', 'public, max-age=86400');
+  setResponseHeader(event, 'Access-Control-Allow-Origin', '*');
+
+  return dataResponse;
+});

docs/.vitepress/api/tags/index.get.ts

@@ -1,4 +1,3 @@
-import { eventHandler, setResponseHeader } from 'h3';
 import iconMetaData from '../../data/iconMetaData';
 
 export default eventHandler((event) => {

docs/.vitepress/data/teamData.json

@@ -31,8 +31,8 @@
     ]
   },
   {
-    "name": "jguddas",
-    "title": "Maintainer of Lucide & Software engineer @lego",
+    "name": "Jakob Guddas",
+    "title": "Maintainer of Lucide & Software engineer @LEGO",
     "image": "https://github.com/jguddas.png?size=192",
     "socialLinks": [
       {

docs/package.json

@@ -12,6 +12,7 @@
     "prebuild:iconNodes": "node ../scripts/writeIconNodes.mjs",
     "prebuild:metaJson": "node ../scripts/writeIconMetaIndex.mjs",
     "prebuild:releaseJson": "node ../scripts/writeReleaseMetadata.mjs",
+    "prebuild:categoriesJson": "node ./scripts/writeCategoriesMetadata.mjs",
     "prebuild:relatedIcons": "node ../scripts/writeIconRelatedIcons.mjs",
     "prebuild:iconDetails": "node ../scripts/writeIconDetails.mjs",
     "postbuild:vercelJson": "node ../scripts/writeVercelOutput.mjs",

docs/scripts/writeCategoriesMetadata.mjs

@@ -0,0 +1,36 @@
+import fs from 'fs';
+import path from 'path';
+
+const currentDir = process.cwd();
+const dataDirectory = path.resolve(currentDir, '.vitepress/data');
+const directory = path.join(process.cwd(), '../categories');
+
+function getAllCategoryFiles() {
+  const fileNames = fs.readdirSync(directory).filter((file) => path.extname(file) === '.json');
+
+  return fileNames.map((fileName) => {
+    const name = path.basename(fileName, '.json');
+    const fileContent = fs.readFileSync(path.join(directory, fileName), 'utf8');
+
+    const parsedFileContent = JSON.parse(fileContent);
+
+    return {
+      name,
+      title: parsedFileContent.title,
+    };
+  });
+}
+
+const categoriesFile = path.resolve(dataDirectory, `categoriesData.json`);
+
+const categoriesData = getAllCategoryFiles()
+
+fs.promises
+  .writeFile(categoriesFile, JSON.stringify(categoriesData, null, 2), 'utf-8')
+  .then(() => {
+    console.log('Successfully written categoriesData.json file');
+  })
+  .catch((error) => {
+    throw new Error(`Something went wrong generating the categoriesData.json file,\n ${error}`);
+  });
+

icons/diamond-minus.json

@@ -30,7 +30,7 @@
   ],
   "categories": [
     "multimedia",
-    "shape",
+    "shapes",
     "photography",
     "tools",
     "devices"

icons/diamond-plus.json

@@ -25,7 +25,7 @@
   ],
   "categories": [
     "multimedia",
-    "shape",
+    "shapes",
     "photography",
     "tools",
     "devices"

icons/key.json

@@ -4,8 +4,7 @@
     "ashygee",
     "csandman",
     "mittalyashu",
-    "ericfennis",
-    "jguddas"
+    "ericfennis"
   ],
   "tags": [
     "password",

icons/paintbrush-2.json → icons/paintbrush-vertical.json

@@ -19,5 +19,8 @@
     "photography",
     "home",
     "tools"
+  ],
+  "aliases": [
+    "paintbrush-2"
   ]
 }

packages/lucide-svelte/src/Icon.svelte

@@ -9,7 +9,7 @@
   export let absoluteStrokeWidth: boolean = false
   export let iconNode: IconNode
 
-  export const mergeClasses = <ClassType = string | undefined | null>(
+  const mergeClasses = <ClassType = string | undefined | null>(
     ...classes: ClassType[]
   ) => classes.filter((className, index, array) => {
       return Boolean(className) && array.indexOf(className) === index;

scripts/generateChangedIconsCommentMarkup.mjs

@@ -112,6 +112,7 @@ ${changeFilesLowDPIImageTags}<br/>
 <summary>Icon X-rays</summary>
 ${changeFilesXRayImageTags}
 </details>
+<details>
 <summary>Icons as code</summary>
 
 Works for: \`lucide-react\`, \`lucide-react-native\`, \`lucide-preact\`, \`lucide-vue-next\`