PNG +.MD

stylescape · Jan 5, 2024 · 23b8eb4 · 23b8eb4
1 parent 1a72c57
commit 23b8eb4
Show file tree

Hide file tree

Showing 44 changed files with 73 additions and 172 deletions.
diff --git a/bin/js/index.js b/bin/js/index.js
diff --git a/bin/js/index.js.map b/bin/js/index.js.map
diff --git a/bin/ts/index.ts b/bin/ts/index.ts
@@ -42,7 +42,7 @@ import {
     TypeScriptCompiler,
     JavaScriptMinifier,
     StylizedLogger,
-    // TemplateWriter,
+    TemplateWriter,
     SvgToPngConverter,
     gl_installer,
     readPackageJson,
@@ -75,6 +75,7 @@ const CONFIG = {
         ts_output:          './dist/ts',
         ts_output_icons:    './src/ts/icons',
         js_output:          './dist/js',
+        jinja_input:        './src/jinja',
 
     },
 
@@ -138,16 +139,14 @@ async function main() {
         const svgPackager = new SvgPackager(
             path.join(CONFIG.path.root, 'bin/ts/config/svgo.config.js'),    
         );
-        try {
-            await svgPackager.processSvgFiles(
-                CONFIG.path.svg_input,
-                CONFIG.path.svg_output,
-                CONFIG.path.ts_output_icons,
-                CONFIG.path.json_output,
-            );
-        } catch (error) {
-            console.error('Failed to process SVG files:', error);
-        }
+
+        await svgPackager.processSvgFiles(
+            CONFIG.path.svg_input,
+            CONFIG.path.svg_output,
+            CONFIG.path.ts_output_icons,
+            CONFIG.path.json_output,
+        );
+
 
 
         // PNG
@@ -158,13 +157,16 @@ async function main() {
         const converter = new SvgToPngConverter();
         const extractor = new FilenameExtractor();
         const svg_paths = await directoryScanner.scanDirectory(CONFIG.path.svg_input, true)
+        await directoryCreator.createDirectories(CONFIG.path.dist,  ['png']);
 
-        console.log(svg_paths);
+        // console.log(svg_paths);
         for (const svg_path of svg_paths) {
-            console.log(svg_path);
-            if (path.extname(svg_path) == 'svg'){
+            // console.log(svg_path);
+            if (path.extname(svg_path) == '.svg'){
                 const filenameWithoutExtension = extractor.getFilenameWithoutExtension(svg_path);
                 const svgContent = await svgReader.readSVG(svg_path);
+                // console.log(filenameWithoutExtension);
+                // console.log(svgContent);
                 // Define the desired sizes for the PNG files
                 const sizes = [16, 32, 64, 128, 256, 512, 720];
                 for (const size of sizes) {
@@ -308,6 +310,26 @@ async function main() {
         console.log('SVG Sprite generation completed.');
 
 
+
+        // MD Writer
+        // --------------------------------------------------------------------
+
+        logger.header('MD Writer');
+        const png_paths = await directoryScanner.scanDirectory(path.join(CONFIG.path.dist, 'png', '512'), true)
+        let png_names = []
+        for (const png_path of png_paths) {
+            if (path.extname(png_path) == '.png'){
+
+                let png_name = extractor.getFilenameWithoutExtension(png_path);
+                png_names.push(png_name);
+            }
+        }
+        const template_context = {
+            names: png_names,
+        }
+        const templater_md = new TemplateWriter(CONFIG.path.jinja_input, template_context);
+        await templater_md.generateToFile('icon.gl.md.jinja', path.join(CONFIG.path.dist, 'md', 'icon.gl.md'));
+
         // SASS
         // --------------------------------------------------------------------
 

diff --git a/dist/README.md b/dist/README.md
@@ -58,6 +58,11 @@ Icon.gl is a modern, innovative icon library infused with the essence of traditi
 - Cultural Heritage: Reflects the rich historical context of the Yaeyama Islands.
 - Numerical Symbols: Incorporates unique numeral systems, influenced by Suzhou numerals.
 
+|      |      |      |      |      |      |
+| ---- | ---- | ---- | ---- | ---- | ---- |
+| <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/pie_02.png" alt="pie_02"><small>pie_02</small> | <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/pie_03.png" alt="pie_03"><small>pie_03</small> | <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/star.png" alt="star"><small>star</small> | <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/swirl.png" alt="swirl"><small>swirl</small> | |
+
+
 ## Specifications
 
 ### Icon sizes

diff --git a/dist/font/icon.eot b/dist/font/icon.eot
diff --git a/dist/md/icon.gl.md b/dist/md/icon.gl.md
@@ -0,0 +1,3 @@
+|      |      |      |      |      |      | 
+| ---- | ---- | ---- | ---- | ---- | ---- |
+| <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/pie_02.png" alt="pie_02"><small>pie_02</small> | <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/pie_03.png" alt="pie_03"><small>pie_03</small> | <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/star.png" alt="star"><small>star</small> | <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/swirl.png" alt="swirl"><small>swirl</small> |
diff --git a/dist/png/128/pie_01.png b/dist/png/128/pie_01.png
diff --git a/dist/png/128/pie_02.png b/dist/png/128/pie_02.png
diff --git a/dist/png/128/pie_03.png b/dist/png/128/pie_03.png
diff --git a/dist/png/128/star.png b/dist/png/128/star.png
diff --git a/dist/png/128/swirl.png b/dist/png/128/swirl.png
diff --git a/dist/png/16/pie_01.png b/dist/png/16/pie_01.png
diff --git a/dist/png/16/pie_02.png b/dist/png/16/pie_02.png
diff --git a/dist/png/16/pie_03.png b/dist/png/16/pie_03.png
diff --git a/dist/png/16/star.png b/dist/png/16/star.png
diff --git a/dist/png/16/swirl.png b/dist/png/16/swirl.png
diff --git a/dist/png/256/pie_01.png b/dist/png/256/pie_01.png
diff --git a/dist/png/256/pie_02.png b/dist/png/256/pie_02.png
diff --git a/dist/png/256/pie_03.png b/dist/png/256/pie_03.png
diff --git a/dist/png/256/star.png b/dist/png/256/star.png
diff --git a/dist/png/256/swirl.png b/dist/png/256/swirl.png
diff --git a/dist/png/32/pie_01.png b/dist/png/32/pie_01.png
diff --git a/dist/png/32/pie_02.png b/dist/png/32/pie_02.png
diff --git a/dist/png/32/pie_03.png b/dist/png/32/pie_03.png
diff --git a/dist/png/32/star.png b/dist/png/32/star.png
diff --git a/dist/png/32/swirl.png b/dist/png/32/swirl.png
diff --git a/dist/png/512/pie_01.png b/dist/png/512/pie_01.png
diff --git a/dist/png/512/pie_02.png b/dist/png/512/pie_02.png
diff --git a/dist/png/512/pie_03.png b/dist/png/512/pie_03.png
diff --git a/dist/png/512/star.png b/dist/png/512/star.png
diff --git a/dist/png/512/swirl.png b/dist/png/512/swirl.png
diff --git a/dist/png/64/pie_01.png b/dist/png/64/pie_01.png
diff --git a/dist/png/64/pie_02.png b/dist/png/64/pie_02.png
diff --git a/dist/png/64/pie_03.png b/dist/png/64/pie_03.png
diff --git a/dist/png/64/star.png b/dist/png/64/star.png
diff --git a/dist/png/64/swirl.png b/dist/png/64/swirl.png
diff --git a/dist/png/720/pie_01.png b/dist/png/720/pie_01.png
diff --git a/dist/png/720/pie_02.png b/dist/png/720/pie_02.png
diff --git a/dist/png/720/pie_03.png b/dist/png/720/pie_03.png
diff --git a/dist/png/720/star.png b/dist/png/720/star.png
diff --git a/dist/png/720/swirl.png b/dist/png/720/swirl.png
diff --git a/src/font/icon.eot b/src/font/icon.eot
diff --git a/src/jinja/icon.gl.md.jinja b/src/jinja/icon.gl.md.jinja
@@ -0,0 +1,9 @@
+|      |      |      |      |      |      | 
+| ---- | ---- | ---- | ---- | ---- | ---- |
+{% for name in names -%}
+{% if loop.index0 % 6 == 0 %}
+|
+{%- else %}
+ <img src="https://raw.githubusercontent.com/scape-agency/icon.gl/main/dist/png/512/{{ name }}.png" alt="{{ name }}"><small>{{ name }}</small> |
+{%- endif -%}
+{% endfor %}