summaryrefslogtreecommitdiff
path: root/client/simple/tools/img.ts
diff options
context:
space:
mode:
Diffstat (limited to 'client/simple/tools/img.ts')
-rw-r--r--client/simple/tools/img.ts62
1 files changed, 62 insertions, 0 deletions
diff --git a/client/simple/tools/img.ts b/client/simple/tools/img.ts
new file mode 100644
index 000000000..db4e08645
--- /dev/null
+++ b/client/simple/tools/img.ts
@@ -0,0 +1,62 @@
+import fs from "node:fs";
+import path from "node:path";
+import sharp from "sharp";
+import type { Config } from "svgo";
+import { optimize as svgo } from "svgo";
+
+// Mapping of src to dest
+export type Src2Dest = {
+ // Name of the source file.
+ src: string;
+ // Name of the destination file.
+ dest: string;
+};
+
+/**
+ * Convert a list of SVG files to PNG.
+ *
+ * @param items - Array of SVG files (src: SVG, dest:PNG) to convert.
+ */
+export const svg2png = async (items: Src2Dest[]) => {
+ for (const item of items) {
+ try {
+ fs.mkdirSync(path.dirname(item.dest), { recursive: true });
+
+ const info = await sharp(item.src)
+ .png({
+ force: true,
+ compressionLevel: 9,
+ palette: true
+ })
+ .toFile(item.dest);
+
+ console.log(`[svg2png] created ${item.dest} -- bytes: ${info.size}, w:${info.width}px, h:${info.height}px`);
+ } catch (err) {
+ console.error(`ERROR: ${item.dest} -- ${err}`);
+ throw err;
+ }
+ }
+};
+
+/**
+ * Optimize SVG images for WEB.
+ *
+ * @param items - Array of SVG files (src:SVG, dest:SVG) to optimize.
+ * @param svgo_opts - Options passed to svgo.
+ */
+export const svg2svg = (items: Src2Dest[], svgo_opts: Config) => {
+ for (const item of items) {
+ try {
+ fs.mkdirSync(path.dirname(item.dest), { recursive: true });
+
+ const raw = fs.readFileSync(item.src, "utf8");
+ const opt = svgo(raw, svgo_opts);
+
+ fs.writeFileSync(item.dest, opt.data);
+ console.log(`[svg2svg] optimized: ${item.dest} -- src: ${item.src}`);
+ } catch (err) {
+ console.error(`ERROR: optimize src: ${item.src} -- ${err}`);
+ throw err;
+ }
+ }
+};