From 38b82b0d398a4b2e108ad312d6dfad96d9580729 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Tue, 30 Apr 2024 15:18:25 +0200
Subject: [PATCH] Create separate icon files

---
 package.json                 |  6 +++---
 tasks/generate-icon-class.js | 30 ------------------------------
 tasks/generate-icon-files.js | 25 +++++++++++++++++++++++++
 3 files changed, 28 insertions(+), 33 deletions(-)
 delete mode 100644 tasks/generate-icon-class.js
 create mode 100644 tasks/generate-icon-files.js

diff --git a/package.json b/package.json
index 60dbf2a..85fbbab 100644
--- a/package.json
+++ b/package.json
@@ -11,10 +11,10 @@
     "BTCPay Server"
   ],
   "scripts": {
-    "clean": "rimraf dist generated && mkdir -p dist/styles dist/scripts/bootstrap generated",
+    "clean": "rimraf dist generated && mkdir -p dist/styles dist/scripts/bootstrap dist/svg/icons generated",
     "start": "cross-env NODE_ENV=development npm run clean && run-p 'start:*'",
     "start:build": "run-p 'build:* -- --serve --watch'",
-    "start:icons": "onchange -k 'src/icons/**/*.svg' 'tasks/generate-icon-sprite.js' 'tasks/generate-icon-class.js' -- npm run build:icons",
+    "start:icons": "onchange -k 'src/icons/**/*.svg' 'tasks/generate-icon-sprite.js' 'tasks/generate-icon-files.js' -- npm run build:icons",
     "start:supporters": "onchange -k 'src/supporters/**/*.svg' 'tasks/generate-supporters-sprite.js' -- npm run build:supporters",
     "start:static": "onchange -k 'src/static/**' -- npm run build:static",
     "start:styles": "run-p 'start:styles:*'",
@@ -25,7 +25,7 @@
     "build:static": "cp -r src/static/* dist && cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js* dist/scripts/bootstrap && :",
     "build:patternlib": "uiengine build",
     "build:icons": "run-p 'build:icons:*' && :",
-    "build:icons:class": "node tasks/generate-icon-class.js",
+    "build:icons:files": "node tasks/generate-icon-files.js",
     "build:icons:sprite": "node tasks/generate-icon-sprite.js",
     "build:supporters": "node ./tasks/generate-supporters-sprite.js",
     "build:styles": "run-s 'build:styles:*' && :",
diff --git a/tasks/generate-icon-class.js b/tasks/generate-icon-class.js
deleted file mode 100644
index 13e8686..0000000
--- a/tasks/generate-icon-class.js
+++ /dev/null
@@ -1,30 +0,0 @@
-const { readFileSync, writeFileSync } = require('fs')
-const { dirname, join, relative, resolve } = require('path')
-const { globSync } = require('glob')
-const { optimize } = require('svgo')
-
-const dir = resolve(__dirname, '../src/icons')
-const dstClass = resolve(__dirname, '../generated/Icons.cs')
-const svgOpts = { multipass: true, plugins: ['removeXMLNS'] }
-
-const svgs = globSync(join(dir, '**/*.svg')).sort()
-const icons = []
-
-svgs.forEach(path => {
-  const rel = relative(dir, path)
-  const id = rel.toLowerCase()
-    .replace(/\W/gi, '-')
-    .replace(/-svg$/gi, '')
-    .replace(/(?:^|[\s-/])\w/g, m => m.toUpperCase())
-    .replace(/-/gi, '')
-  const svg = readFileSync(path, 'utf8')
-  const optimized = optimize(svg, { path, ...svgOpts });
-  icons.push({ id, svg: optimized.data })
-})
-
-const output = `namespace BTCPayApp.UI;\n\npublic static class BTCPayIcons\n{
-${icons.map(i => `    public const string ${i.id} = """${i.svg}""";`).join('\n')}
-}
-`
-
-writeFileSync(dstClass, output)
diff --git a/tasks/generate-icon-files.js b/tasks/generate-icon-files.js
new file mode 100644
index 0000000..2514b7b
--- /dev/null
+++ b/tasks/generate-icon-files.js
@@ -0,0 +1,25 @@
+const { readFileSync, writeFileSync } = require('fs')
+const { join, relative, resolve } = require('path')
+const { globSync } = require('glob')
+const { optimize } = require('svgo')
+
+const dir = resolve(__dirname, '../src/icons')
+const dst = resolve(__dirname, '../dist/svg/icons')
+const svgOpts = { multipass: true }
+const slugify = str => str.toLowerCase().replace(/\W/gi, '-')
+const titlecase = str => str.toLowerCase()
+  .replace(/\W/gi, '-')
+  .replace(/-svg$/gi, '')
+  .replace(/(?:^|[\s-/])\w/g, m => m.toUpperCase())
+  .replace(/-/gi, '')
+
+const svgs = globSync(join(dir, '**/*.svg')).sort()
+
+svgs.forEach(path => {
+  const rel = relative(dir, path)
+  const id = slugify(rel).replace(/-svg$/gi, '')
+  const svg = readFileSync(path, 'utf8')
+  const optimized = optimize(svg, { path, ...svgOpts });
+  const filePath = join(dst, `${id}.svg`)
+  writeFileSync(filePath, optimized.data)
+})