kist 0.1.34 → 0.1.36

package/js/actions/SvgToPngAction/SvgToPngAction.d.ts

@@ -2,7 +2,7 @@ import { Action } from "../../core/pipeline/Action";
 import { ActionOptionsType } from "../../types/ActionOptionsType";
 /**
  * SvgToPngAction converts SVG content to PNG format.
- * Uses `sharp` for conversion and `jsdom` for SVG element manipulation.
+ * Uses `resvg-js` for conversion and `jsdom` for SVG element manipulation.
  */
 export declare class SvgToPngAction extends Action {
     /**

package/js/actions/SvgToPngAction/SvgToPngAction.js

@@ -16,17 +16,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgToPngAction = void 0;
+const resvg_js_1 = require("@resvg/resvg-js");
 const fs_1 = __importDefault(require("fs"));
 const jsdom_1 = require("jsdom");
 const path_1 = __importDefault(require("path"));
-const sharp_1 = __importDefault(require("sharp"));
 const Action_1 = require("../../core/pipeline/Action");
 // ============================================================================
 // Classes
 // ============================================================================
 /**
  * SvgToPngAction converts SVG content to PNG format.
- * Uses `sharp` for conversion and `jsdom` for SVG element manipulation.
+ * Uses `resvg-js` for conversion and `jsdom` for SVG element manipulation.
  */
 class SvgToPngAction extends Action_1.Action {
     // Methods
@@ -68,25 +68,25 @@ class SvgToPngAction extends Action_1.Action {
                 if (!fs_1.default.existsSync(outputDir)) {
                     fs_1.default.mkdirSync(outputDir, { recursive: true });
                 }
-                // Create a JSDOM instance to parse the SVG
+                // Parse SVG and apply width/height
                 const dom = new jsdom_1.JSDOM(svgContent);
                 const svgElement = dom.window.document.querySelector("svg");
                 if (!svgElement) {
                     throw new Error("Invalid SVG content");
                 }
-                if (width) {
+                if (width)
                     svgElement.setAttribute("width", width.toString());
-                }
-                if (height) {
+                if (height)
                     svgElement.setAttribute("height", height.toString());
-                }
-                // Serialize the updated SVG content
                 const updatedSvgContent = svgElement.outerHTML;
-                // Convert SVG to PNG using Sharp
-                const pngBuffer = yield (0, sharp_1.default)(Buffer.from(updatedSvgContent))
-                    .png()
-                    .toBuffer();
-                yield (0, sharp_1.default)(pngBuffer).toFile(outputPath);
+                // Render using Resvg
+                const resvg = new resvg_js_1.Resvg(updatedSvgContent, {
+                    fitTo: width && height
+                        ? { mode: "width", value: width }
+                        : undefined,
+                });
+                const pngBuffer = resvg.render().asPng();
+                fs_1.default.writeFileSync(outputPath, pngBuffer);
             }
             catch (error) {
                 throw new Error(`Error converting SVG to PNG: ${error.message}`);
@@ -98,7 +98,7 @@ class SvgToPngAction extends Action_1.Action {
      * @returns A string description of the action.
      */
     describe() {
-        return "Converts SVG content to PNG format with optional resizing.";
+        return "Converts SVG content to PNG format with optional resizing using resvg-js.";
     }
 }
 exports.SvgToPngAction = SvgToPngAction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kist",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "description": "Package Pipeline Processor",
   "keywords": [
     "kist",
@@ -60,6 +60,7 @@
     "@babel/core": "^7.23.6",
     "@babel/preset-env": "^7.23.6",
     "@babel/preset-typescript": "^7.23.3",
+    "@resvg/resvg-js": "^2.6.2",
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
     "@types/jsdom": "^21.1.6",
@@ -88,7 +89,6 @@
     "sass": "^1.69.7",
     "sassdoc": "^2.7.4",
     "semver": "^7.5.4",
-    "sharp": "^0.34.1",
     "svg-sprite": "^2.0.2",
     "svgo": "^3.1.0",
     "terser": "^5.26.0",

package/ts/actions/SvgToPngAction/SvgToPngAction.ts

@@ -2,10 +2,10 @@
 // Imports
 // ============================================================================
 
+import { Resvg } from "@resvg/resvg-js";
 import fs from "fs";
 import { JSDOM } from "jsdom";
 import path from "path";
-import sharp from "sharp";
 import { Action } from "../../core/pipeline/Action";
 import { ActionOptionsType } from "../../types/ActionOptionsType";
 
@@ -15,7 +15,7 @@ import { ActionOptionsType } from "../../types/ActionOptionsType";
 
 /**
  * SvgToPngAction converts SVG content to PNG format.
- * Uses `sharp` for conversion and `jsdom` for SVG element manipulation.
+ * Uses `resvg-js` for conversion and `jsdom` for SVG element manipulation.
  */
 export class SvgToPngAction extends Action {
     // Methods
@@ -66,7 +66,7 @@ export class SvgToPngAction extends Action {
                 fs.mkdirSync(outputDir, { recursive: true });
             }
 
-            // Create a JSDOM instance to parse the SVG
+            // Parse SVG and apply width/height
             const dom = new JSDOM(svgContent);
             const svgElement = dom.window.document.querySelector("svg");
 
@@ -74,22 +74,22 @@ export class SvgToPngAction extends Action {
                 throw new Error("Invalid SVG content");
             }
 
-            if (width) {
-                svgElement.setAttribute("width", width.toString());
-            }
-
-            if (height) {
-                svgElement.setAttribute("height", height.toString());
-            }
+            if (width) svgElement.setAttribute("width", width.toString());
+            if (height) svgElement.setAttribute("height", height.toString());
 
-            // Serialize the updated SVG content
             const updatedSvgContent = svgElement.outerHTML;
 
-            // Convert SVG to PNG using Sharp
-            const pngBuffer = await sharp(Buffer.from(updatedSvgContent))
-                .png()
-                .toBuffer();
-            await sharp(pngBuffer).toFile(outputPath);
+            // Render using Resvg
+            const resvg = new Resvg(updatedSvgContent, {
+                fitTo:
+                    width && height
+                        ? { mode: "width", value: width }
+                        : undefined,
+            });
+
+            const pngBuffer = resvg.render().asPng();
+
+            fs.writeFileSync(outputPath, pngBuffer);
         } catch (error) {
             throw new Error(
                 `Error converting SVG to PNG: ${(error as Error).message}`,
@@ -102,7 +102,7 @@ export class SvgToPngAction extends Action {
      * @returns A string description of the action.
      */
     describe(): string {
-        return "Converts SVG content to PNG format with optional resizing.";
+        return "Converts SVG content to PNG format with optional resizing using resvg-js.";
     }
 }