Icons: Move unicons icons to the repository and generate the iconsBundle.js with nodejs (#53766)

2022-08-23 15:47:14 +02:00
parent c9661a5be1
commit 6fe7a1f034
1409 changed files with 2378 additions and 363 deletions
@@ -0,0 +1,51 @@
+const fs = require('fs');
+const os = require('os');
+const path = require('path');
+
+const cachedListPath = path.join(__dirname, '../src/components/Icon/cached.json');
+const iconsList = require(cachedListPath);
+
+const iconsBundleJsTemplatePath = path.join(__dirname, '../src/components/Icon/iconBundle.ts.template');
+const iconsBundleJsPath = path.join(__dirname, '../src/components/Icon/iconBundle.ts');
+
+const iconsBundleJsTemplate = fs.readFileSync(iconsBundleJsTemplatePath).toString();
+
+const importsStatements = [];
+const cacheStatements = [];
+
+const grafanaIconsPublicPath = '../../../../../public/img/icons/';
+
+function generateIconBundle({ outputPath, verbose = false }) {
+  const modulePrefix = 'u';
+  let moduleNameCount = 1000;
+
+  for (iconEntry of iconsList) {
+    // skip empty and commented
+    if (iconEntry === '' || iconEntry.startsWith('#')) {
+      continue;
+    }
+
+    importsStatements.push(
+      `import ${modulePrefix}${moduleNameCount} from '${grafanaIconsPublicPath}${iconEntry}.svg';`
+    );
+    cacheStatements.push(`  cacheItem(${modulePrefix}${moduleNameCount}, '${iconEntry}.svg');`);
+    moduleNameCount++;
+  }
+  const output = iconsBundleJsTemplate
+    .replace('//{{imports}}', importsStatements.join('\n'))
+    .replace('//{{cacheItems}}', cacheStatements.join('\n'));
+
+  fs.writeFileSync(outputPath, output);
+  if (verbose) {
+    console.log('The iconsBundle file was successfully written.');
+    console.log(`The file is located at ${outputPath}`);
+  }
+  return outputPath;
+}
+
+// if invoked directly
+if (require.main === module) {
+  generateIconBundle({ outputPath: iconsBundleJsPath, verbose: true });
+}
+
+module.exports = generateIconBundle;