Merge branch 'main' of https://github.com/lucide-icons/lucide into vitepress-nitro-plugin

docs/scripts/writeIconDetails.mts

@@ -27,7 +27,7 @@ const writeIconFiles = icons.map(async (iconFileName) => {
 import iconNode from '../iconNodes/${iconName}.node.json'
 import metaData from '../../../../icons/${iconName}.json'
 import releaseData from '../releaseMetadata/${iconName}.json'
-import { type IconMetaData } from '~/.vitepress/theme/types'
+import popularity from '../iconPopularity/${iconName}.json'
 
 const { tags, categories, contributors, aliases, deprecated, deprecationReason, toBeRemovedInVersion } = metaData as Record<string, any> as IconMetaData
 
@@ -39,6 +39,7 @@ const iconDetails = {
   categories,
   aliases,
   deprecated,
+  popularity,
   deprecationReason,
   toBeRemovedInVersion,
   ...releaseData,

docs/scripts/writeIconRelatedIcons.mts

@@ -42,7 +42,7 @@ const getRelatedIcons = (currentIcon, icons) => {
 };
 
 const iconsMetaDataPromises = svgFiles.map(async (iconName) => {
-  const metaDataFileContent = await fs.promises.readFile(`../icons/${iconName}`);
+  const metaDataFileContent = await fs.promises.readFile(`../icons/${iconName}`, 'utf-8');
   const metaData = JSON.parse(metaDataFileContent);
 
   const name = iconName.replace('.json', '');

docs/scripts/writeReleaseMetadata.mts

@@ -70,10 +70,10 @@ const comparisonsPromises = tags.map(async (tag, index) => {
   };
 });
 
-const comparisons = await Promise.all(comparisonsPromises);
+const comparisons = (await Promise.all(comparisonsPromises)).filter((comparison) => comparison != null && Object.keys(comparison.iconFiles).length > 0);
 const newReleaseMetaData = {};
 
-comparisons.forEach(({ tag, iconFiles, date } = {}) => {
+comparisons.forEach(({ tag, iconFiles, date }) => {
   if (tag == null) return;
 
   iconFiles.forEach(({ status, file, renamedFile }) => {
@@ -82,6 +82,10 @@ comparisons.forEach(({ tag, iconFiles, date } = {}) => {
     const version = tag.replace('v', '');
     const iconName = path.basename(file, '.svg');
 
+    if (iconName === 'chromium') {
+      console.log({ status, file, renamedFile });
+    }
+
     if (newReleaseMetaData[iconName] == null) newReleaseMetaData[iconName] = {};
 
     const releaseData = {
@@ -113,12 +117,14 @@ comparisons.forEach(({ tag, iconFiles, date } = {}) => {
         'changedRelease' in newReleaseMetaData[iconName] &&
         !allowedIconNameWithDoubleRelease.includes(iconName)
       ) {
-        throw new Error(`Icon '${iconName}' has already changedRelease set.`);
+        console.error(`Icon '${iconName}' has already changedRelease set.`);
+        return;
       }
 
       newReleaseMetaData[iconName].createdRelease = releaseData;
       newReleaseMetaData[iconName].changedRelease = releaseData;
     }
+
     if (status === 'M') {
       newReleaseMetaData[iconName].changedRelease = {
         version,

docs/scripts/writeVercelOutput.mts

@@ -11,11 +11,11 @@ const iconMetaData = await getIconMetaData(path.resolve(scriptDir, '../../icons'
 const iconAliasesRedirectRoutes = Object.entries(iconMetaData)
   .filter(([, { aliases }]) => aliases?.length)
   .map(([iconName, { aliases }]) => {
-    const aliasRouteMatches = aliases.map((alias) => alias.name).join('|');
+    const aliasRouteMatches = aliases.map((alias) => typeof alias === 'string' ? alias : alias?.name).join('|');
 
     return {
-      src: `/icons/${aliasRouteMatches}`,
-      status: 302,
+      src: `^/icons/(${aliasRouteMatches})$`,
+      status: 308,
       headers: {
         Location: `/icons/${iconName}`,
       },

docs/scripts/writeiconPopularity.mts

@@ -0,0 +1,104 @@
+/* eslint-disable no-restricted-syntax,  no-await-in-loop */
+import fs from 'fs';
+import path from 'path';
+import { loadEnvFile } from 'node:process';
+import { readSvgDirectory } from '@lucide/helpers';
+
+const currentDir = process.cwd();
+const ICONS_DIR = path.resolve(currentDir, '../icons');
+const iconPopularityDirectory = path.resolve(currentDir, '.vitepress/data', 'iconPopularity');
+
+try {
+  // Load environment variables from .env file, if it exists.
+  loadEnvFile(`${currentDir}/.env`);
+} catch (error) {}
+
+if (fs.existsSync(iconPopularityDirectory)) {
+  fs.rmSync(iconPopularityDirectory, { recursive: true, force: true });
+}
+
+if (!fs.existsSync(iconPopularityDirectory)) {
+  fs.mkdirSync(iconPopularityDirectory);
+}
+
+const iconJsonFiles = await readSvgDirectory(ICONS_DIR, '.json');
+const iconNames = iconJsonFiles.map((file) => path.basename(file, '.json'));
+
+const defaultIconNamePopularity: Record<string, number> = Object.fromEntries(
+  iconNames.map((iconName) => [iconName, 0])
+);
+
+interface AnalyticsResponse {
+  results: {
+    dimensions: [route: string];
+    metrics: [count: number];
+  }[];
+}
+
+const writeIconPopularity = async (iconVisitCounts: Record<string, number>) => {
+  const writePopularityPromises = Object.entries(iconVisitCounts).map(([iconName, count]) => {
+    const location = path.resolve(iconPopularityDirectory, `${iconName}.json`);
+    return fs.promises.writeFile(location, JSON.stringify({ count }, null, 2), 'utf-8');
+  });
+
+  await Promise.all(writePopularityPromises);
+  console.log('Successfully written icon popularity data for', writePopularityPromises.length, 'icons.');
+};
+
+if (process.env.LUCIDE_ANALYTICS_TOKEN === undefined) {
+  console.warn('LUCIDE_ANALYTICS_TOKEN environment variable is not set. Writing default icon popularity data.');
+  await writeIconPopularity(defaultIconNamePopularity);
+  process.exit(0);
+}
+
+try {
+  const response = await fetch('https://analytics.lucide.dev/api/v2/query', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${process.env.LUCIDE_ANALYTICS_TOKEN}`,
+    },
+    body: JSON.stringify({
+      "site_id": "lucide.dev",
+      "metrics": [
+          "visitors"
+      ],
+      "dimensions": [
+          "visit:entry_page"
+      ],
+      "date_range": "12mo"
+    }),
+  })
+
+  if (!response.ok) {
+    throw new Error(`Network response was not ok: ${response.statusText}`);
+  }
+
+  const analyticsData: AnalyticsResponse = await response.json();
+
+  const iconVisitCounts = analyticsData.results.reduce((acc, { dimensions, metrics }) => {
+    const [route] = dimensions;
+    const [count] = metrics;
+
+    if (!route.startsWith('/icons')) {
+      return acc
+    }
+    // Only match routes that start with /icons/ and end with an icon name, e.g. /icons/activity, /icons/activity/ or /icons/activity?ref=homepage
+    const match = route.match(/^\/icons\/([^\/\?]+)(?:[\/\?]|$)/);
+    if (match) {
+      const iconName = match[1];
+
+      if (iconNames.includes(iconName)) {
+        acc[iconName] = (acc[iconName] || 0) + count;
+      }
+    }
+
+    return acc;
+  }, defaultIconNamePopularity);
+
+  await writeIconPopularity(iconVisitCounts);
+
+} catch (error) {
+  console.error('Error fetching analytics data:', error);
+  await writeIconPopularity(defaultIconNamePopularity);
+}