Merge pull request #238 from api3dao/237-include-alternate-logos

Refactor logo building script to use dynamic arrays
api3dao · Feb 13, 2024 · 34a61ae · 34a61ae
2 parents c33ba77 + 1764bd1
commit 34a61ae
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 25 deletions.
diff --git a/raw/chains/Chain11155420.svg b/raw/chains/Chain11155420.svg
diff --git a/raw/chains/Chain599.svg b/raw/chains/Chain599.svg
diff --git a/scripts/build-svg.js b/scripts/build-svg.js
@@ -10,14 +10,18 @@ const outputPath = './dist';
 
 const categories = ['chain', 'symbol', 'api-provider'];
 
+let chainLightLogos = [];
+let apiProviderLightLogos = [];
+let symbolLightLogos = [];
+
 function getManualLogos(mode) {
     switch (mode) {
         case 'chain':
-            return ['5001-light', '5000-light', '280-light', '324-light', '59140-light', '59144-light'];
+            return [...chainLightLogos];
         case 'symbol':
-            return [];
+            return [...symbolLightLogos];
         case 'api-provider':
-            return [];
+            return [...apiProviderLightLogos];
         default:
             break;
     }
@@ -133,10 +137,27 @@ async function renameFiles() {
     });
 }
 
+async function findLightLogos() {
+    const [chainFiles, apiProviderFiles, symbolFiles] = await Promise.all([
+        fs.readdir('./optimized/chain', 'utf-8'),
+        fs.readdir('./optimized/api-provider', 'utf-8'),
+        fs.readdir('./optimized/symbol', 'utf-8')
+    ]);
+
+    chainLightLogos = chainFiles
+        .filter((file) => file.includes('light'))
+        .map((file) => file.replace('Chain', ''))
+
+    apiProviderLightLogos = apiProviderFiles.filter((file) => file.includes('light'));
+
+    symbolLightLogos = symbolFiles.filter((file) => file.includes('light'));
+}
+
 async function main() {
     console.log('🏗 Building logo package...');
     rimraf(`${outputPath}/`)
-        .then(() => Promise.all([renameFiles()]))
+        .then(findLightLogos)
+        .then(renameFiles)
         .then(() => Promise.all([generateLogos('cjs'), generateLogos('esm')]))
         .then(() => console.log('✅ Finished building package.'));
 }