svg-toolbox 1.1.3 → 1.1.5

package/es/applyRemoveNanCoordinates.js

@@ -40,10 +40,21 @@ export default function (svgContent) {
             .split(/(?=[MmLlHhVvCcSsQqTtAaZz])/).map((command) => {
             // Split each command into type and parameters
             const type = command[0];
-            // Split parameters by spaces or commas, filter out empty values, and convert to numbers
-            const params = command.slice(1).trim().split(/[\s,]+/).filter(Number);
-            return { type, params };
+            // If the command is not 'z' or 'Z', then it has parameters.
+            if (type !== 'Z' && type !== 'z') {
+                // Split parameters by spaces or commas, filter out empty values, and convert to numbers
+                const params = command.slice(1).split(/[\s,]+/);
+                // Filter out non-numeric values
+                if (params.every(Number)) {
+                    return { type, params };
+                }
+            }
+            else {
+                return { type, params: [] };
+            }
         })
+            // Filter out undefined values
+            .filter((item) => item !== void 0)
             // Filter out commands with no parameters, or commands with only 'z' or 'Z'. 'Zz' means close the path. 
             // -> https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/d#closepath
             .filter((command) => (command.type === 'Z' || command.type === 'z' || command.params.length > 0));

package/es/applyRemoveNanCoordinates.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyRemoveNanCoordinates.js","sourceRoot":"","sources":["../src/applyRemoveNanCoordinates.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B;;;;GAIG;AACH,MAAM,CAAC,OAAO,WAAW,UAAkB;IACzC,oCAAoC;IACpC,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE;QAChC,WAAW,EAAE,eAAe,CAAC,0BAA0B;KACxD,CAAC,CAAC;IACH,mCAAmC;IACnC,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;IACrC,sBAAsB;IACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjD,oCAAoC;IACpC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAClD,iCAAiC;IACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACjC,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,wBAAwB;QAC1D,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,uDAAuD;QACvD,MAAM,QAAQ,GAAG,CAAC;YAChB,iCAAiC;aAChC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC;YAC1B,wGAAwG;YACxG,gFAAgF;aAC/E,KAAK,CAAC,4BAA4B,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACnD,8CAA8C;YAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACxB,wFAAwF;YACxF,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACtE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAC1B,CAAC,CAAC;YACF,wGAAwG;YACxG,4EAA4E;aAC3E,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACpG,gCAAgC;QAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACzC,OAAO,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,iCAAiC;IACtE,CAAC,CAAC,CAAC;IAEH,0BAA0B;IAC1B,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAClD,OAAO,aAAa,CAAC;AACvB,CAAC"}
+{"version":3,"file":"applyRemoveNanCoordinates.js","sourceRoot":"","sources":["../src/applyRemoveNanCoordinates.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B;;;;GAIG;AACH,MAAM,CAAC,OAAO,WAAW,UAAkB;IACzC,oCAAoC;IACpC,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE;QAChC,WAAW,EAAE,eAAe,CAAC,0BAA0B;KACxD,CAAC,CAAC;IACH,mCAAmC;IACnC,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;IACrC,sBAAsB;IACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjD,oCAAoC;IACpC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAClD,iCAAiC;IACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACjC,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,wBAAwB;QAC1D,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,uDAAuD;QACvD,MAAM,QAAQ,GAAG,CAAC;YAChB,iCAAiC;aAChC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC;YAC1B,wGAAwG;YACxG,gFAAgF;aAC/E,KAAK,CAAC,4BAA4B,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACnD,8CAA8C;YAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACxB,4DAA4D;YAC5D,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;gBACjC,wFAAwF;gBACxF,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;gBAC/C,gCAAgC;gBAChC,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;oBACzB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gBAC1B,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;YAC9B,CAAC;QACH,CAAC,CAAC;YACF,8BAA8B;aAC7B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;YAClC,wGAAwG;YACxG,4EAA4E;aAC3E,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACpG,gCAAgC;QAChC,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACzC,OAAO,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,iCAAiC;IACtE,CAAC,CAAC,CAAC;IAEH,0BAA0B;IAC1B,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAClD,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/es/index.d.ts

@@ -1,4 +1,5 @@
 import svg2Png from './applySvg2Png';
 import diffSvg from './applyDiffSvg';
 import removeEmptyCoordinates from './applyRemoveNanCoordinates';
-export { svg2Png, diffSvg, removeEmptyCoordinates, };
+import { createSVGElement, cloneSVGElement, mergeSVGElements, convertSVGToBase64, convertBase64ToSVG } from './utils';
+export { svg2Png, diffSvg, removeEmptyCoordinates, createSVGElement, cloneSVGElement, mergeSVGElements, convertSVGToBase64, convertBase64ToSVG };

package/es/index.js

@@ -1,5 +1,6 @@
 import svg2Png from './applySvg2Png';
 import diffSvg from './applyDiffSvg';
 import removeEmptyCoordinates from './applyRemoveNanCoordinates';
-export { svg2Png, diffSvg, removeEmptyCoordinates, };
+import { createSVGElement, cloneSVGElement, mergeSVGElements, convertSVGToBase64, convertBase64ToSVG } from './utils';
+export { svg2Png, diffSvg, removeEmptyCoordinates, createSVGElement, cloneSVGElement, mergeSVGElements, convertSVGToBase64, convertBase64ToSVG };
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EACL,OAAO,EACP,OAAO,EACP,sBAAsB,GACvB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAErH,OAAO,EACL,OAAO,EACP,OAAO,EACP,sBAAsB,EACtB,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAC5F,CAAC"}

package/es/utils.d.ts

@@ -0,0 +1,103 @@
+/**
+ * @file utils.ts
+ * @description This module provides utility functions for working with SVG elements.
+ * @module utils
+ * @requires jsdom - A JavaScript implementation of the WHATWG DOM and HTML standards.
+ * @author pipi
+ */
+/**
+ * Creates an SVG element from a given element.
+ *
+ * This function serializes the given element to a string, then parses it back to create an SVG element.
+ * This approach ensures that the element is correctly parsed as an SVG element.
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('URL_ADDRESS * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = createSVGElement(svgElement);
+ * @param svgContent
+ * @returns
+ */
+export declare function createSVGElement(svgContent: string): Element;
+/**
+ * Clones an SVG element deeply.
+ *
+ * This function serializes the given SVG element to a string, then parses it back to create a deep clone.
+ * This approach ensures that all attributes and child nodes are duplicated.
+ *
+ * @param {Element} element - The SVG element to clone.
+ * @returns {Element} - The cloned SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const clonedElement = cloneSVGElement(svgElement);
+ * console.log(clonedElement);
+ *
+ * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-6ED8C4D5 - DOM Level 2 Core specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ */
+export declare function cloneSVGElement(element: Element): Element;
+/**
+ * Merges multiple SVG elements into a single SVG element.
+ *
+ * This function creates a new SVG element and appends clones of the provided elements to it.
+ * The SVG namespace is specified as 'http://www.w3.org/2000/svg'.
+ *
+ * @param {Element[]} elements - An array of SVG elements to merge.
+ * @returns {Element} - The merged SVG element.
+ *
+ * @example
+ * const svgElement1 = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ * const mergedElement = mergeSVGElements([svgElement1, svgElement2]);
+ * console.log(mergedElement);
+ *
+ * @see https://www.w3.org/TR/SVG/ - SVG specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS - createElementNS documentation
+ */
+export declare function mergeSVGElements(elements: Element[]): Element;
+/**
+ * Converts an SVG element to a Base64-encoded string.
+ *
+ * This function serializes the SVG element to a string and then encodes it to Base64.
+ * The resulting string can be used as a data URI for embedding SVG content in HTML or CSS.
+ *
+ * @param {Element} svgElement - The SVG element to convert.
+ * @returns {string} - The Base64-encoded string representation of the SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const base64String = convertSVGToBase64(svgElement);
+ * console.log(base64String);
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Buffer - Buffer documentation
+ */
+export declare function convertSVGToBase64(svgElement: Element): string;
+/**
+ * Converts a Base64-encoded string to an SVG string.
+ *
+ * This function decodes the Base64-encoded string and then converts it to an SVG string.
+ * The resulting string can be used to create an SVG element using the `createSVGElement` function.
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ * const base64String = 'data:image/svg+xml;base64, * const base64String = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3
+ * const svgString = convertBase64ToSVG(base64String);
+ * console.log(svgString);
+ */
+export declare function convertBase64ToSVG(base64String: string): string;

package/es/utils.js

@@ -0,0 +1,130 @@
+/**
+ * @file utils.ts
+ * @description This module provides utility functions for working with SVG elements.
+ * @module utils
+ * @requires jsdom - A JavaScript implementation of the WHATWG DOM and HTML standards.
+ * @author pipi
+ */
+import { JSDOM } from 'jsdom';
+// Create a virtual DOM environment
+const dom = new JSDOM(`<!DOCTYPE html><html><body></body></html>`);
+const { document } = dom.window;
+/**
+ * Creates an SVG element from a given element.
+ *
+ * This function serializes the given element to a string, then parses it back to create an SVG element.
+ * This approach ensures that the element is correctly parsed as an SVG element.
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('URL_ADDRESS * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = createSVGElement(svgElement);
+ * @param svgContent
+ * @returns
+ */
+export function createSVGElement(svgContent) {
+    const svgElement = new dom.window.DOMParser().parseFromString(svgContent, 'image/svg+xml').documentElement;
+    return svgElement;
+}
+/**
+ * Clones an SVG element deeply.
+ *
+ * This function serializes the given SVG element to a string, then parses it back to create a deep clone.
+ * This approach ensures that all attributes and child nodes are duplicated.
+ *
+ * @param {Element} element - The SVG element to clone.
+ * @returns {Element} - The cloned SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const clonedElement = cloneSVGElement(svgElement);
+ * console.log(clonedElement);
+ *
+ * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-6ED8C4D5 - DOM Level 2 Core specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ */
+export function cloneSVGElement(element) {
+    const serializer = new dom.window.XMLSerializer();
+    const sourceCode = serializer.serializeToString(element);
+    const parser = new dom.window.DOMParser();
+    const doc = parser.parseFromString(sourceCode, 'image/svg+xml');
+    return doc.documentElement;
+}
+/**
+ * Merges multiple SVG elements into a single SVG element.
+ *
+ * This function creates a new SVG element and appends clones of the provided elements to it.
+ * The SVG namespace is specified as 'http://www.w3.org/2000/svg'.
+ *
+ * @param {Element[]} elements - An array of SVG elements to merge.
+ * @returns {Element} - The merged SVG element.
+ *
+ * @example
+ * const svgElement1 = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ * const mergedElement = mergeSVGElements([svgElement1, svgElement2]);
+ * console.log(mergedElement);
+ *
+ * @see https://www.w3.org/TR/SVG/ - SVG specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS - createElementNS documentation
+ */
+export function mergeSVGElements(elements) {
+    const mergedSVG = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    elements.forEach((element) => {
+        mergedSVG.appendChild(cloneSVGElement(element));
+    });
+    return mergedSVG;
+}
+/**
+ * Converts an SVG element to a Base64-encoded string.
+ *
+ * This function serializes the SVG element to a string and then encodes it to Base64.
+ * The resulting string can be used as a data URI for embedding SVG content in HTML or CSS.
+ *
+ * @param {Element} svgElement - The SVG element to convert.
+ * @returns {string} - The Base64-encoded string representation of the SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const base64String = convertSVGToBase64(svgElement);
+ * console.log(base64String);
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Buffer - Buffer documentation
+ */
+export function convertSVGToBase64(svgElement) {
+    const serializer = new dom.window.XMLSerializer();
+    const svgString = serializer.serializeToString(svgElement);
+    return `data:image/svg+xml;base64,${Buffer.from(svgString).toString('base64')}`;
+}
+/**
+ * Converts a Base64-encoded string to an SVG string.
+ *
+ * This function decodes the Base64-encoded string and then converts it to an SVG string.
+ * The resulting string can be used to create an SVG element using the `createSVGElement` function.
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ * const base64String = 'data:image/svg+xml;base64, * const base64String = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3
+ * const svgString = convertBase64ToSVG(base64String);
+ * console.log(svgString);
+ */
+export function convertBase64ToSVG(base64String) {
+    const svgString = Buffer.from(base64String.split(',')[1], 'base64').toString('utf-8');
+    return svgString;
+}
+//# sourceMappingURL=utils.js.map

package/es/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,mCAAmC;AACnC,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;AACnE,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,gBAAgB,CAAC,UAAkB;IACjD,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,eAAe,CAAC;IAC3G,OAAO,UAAU,CAAA;AACnB,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB;IAC9C,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACzD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IAChE,OAAO,GAAG,CAAC,eAAgB,CAAC;AAC9B,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,gBAAgB,CAAC,QAAmB;IAClD,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IAChF,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,kBAAkB,CAAC,UAAmB;IACpD,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;IAClD,MAAM,SAAS,GAAG,UAAU,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,6BAA6B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;AAClF,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,kBAAkB,CAAC,YAAoB;IACrD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtF,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/applyRemoveNanCoordinates.js

@@ -43,10 +43,21 @@ function default_1(svgContent) {
             .split(/(?=[MmLlHhVvCcSsQqTtAaZz])/).map(function (command) {
             // Split each command into type and parameters
             var type = command[0];
-            // Split parameters by spaces or commas, filter out empty values, and convert to numbers
-            var params = command.slice(1).trim().split(/[\s,]+/).filter(Number);
-            return { type: type, params: params };
+            // If the command is not 'z' or 'Z', then it has parameters.
+            if (type !== 'Z' && type !== 'z') {
+                // Split parameters by spaces or commas, filter out empty values, and convert to numbers
+                var params = command.slice(1).split(/[\s,]+/);
+                // Filter out non-numeric values
+                if (params.every(Number)) {
+                    return { type: type, params: params };
+                }
+            }
+            else {
+                return { type: type, params: [] };
+            }
         })
+            // Filter out undefined values
+            .filter(function (item) { return item !== void 0; })
             // Filter out commands with no parameters, or commands with only 'z' or 'Z'. 'Zz' means close the path. 
             // -> https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/d#closepath
             .filter(function (command) { return (command.type === 'Z' || command.type === 'z' || command.params.length > 0); });

package/lib/applyRemoveNanCoordinates.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyRemoveNanCoordinates.js","sourceRoot":"","sources":["../src/applyRemoveNanCoordinates.ts"],"names":[],"mappings":";;AAcA,4BAgDC;AA9DD;;;;;;GAMG;AACH,+BAA8B;AAE9B;;;;GAIG;AACH,mBAAyB,UAAkB;IACzC,oCAAoC;IACpC,IAAM,GAAG,GAAG,IAAI,aAAK,CAAC,UAAU,EAAE;QAChC,WAAW,EAAE,eAAe,CAAC,0BAA0B;KACxD,CAAC,CAAC;IACH,mCAAmC;IACnC,IAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;IACrC,sBAAsB;IACtB,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjD,oCAAoC;IACpC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,IAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAClD,iCAAiC;IACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI;QAC7B,IAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,wBAAwB;QAC1D,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,uDAAuD;QACvD,IAAM,QAAQ,GAAG,CAAC;YAChB,iCAAiC;aAChC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC;YAC1B,wGAAwG;YACxG,gFAAgF;aAC/E,KAAK,CAAC,4BAA4B,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO;YAC/C,8CAA8C;YAC9C,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACxB,wFAAwF;YACxF,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACtE,OAAO,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC;QAC1B,CAAC,CAAC;YACF,wGAAwG;YACxG,4EAA4E;aAC3E,MAAM,CAAC,UAAC,OAAO,IAAK,OAAA,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAA3E,CAA2E,CAAC,CAAC;QACpG,gCAAgC;QAChC,IAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO;YACrC,OAAO,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,iCAAiC;IACtE,CAAC,CAAC,CAAC;IAEH,0BAA0B;IAC1B,IAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAClD,OAAO,aAAa,CAAC;AACvB,CAAC"}
+{"version":3,"file":"applyRemoveNanCoordinates.js","sourceRoot":"","sources":["../src/applyRemoveNanCoordinates.ts"],"names":[],"mappings":";;AAcA,4BA0DC;AAxED;;;;;;GAMG;AACH,+BAA8B;AAE9B;;;;GAIG;AACH,mBAAyB,UAAkB;IACzC,oCAAoC;IACpC,IAAM,GAAG,GAAG,IAAI,aAAK,CAAC,UAAU,EAAE;QAChC,WAAW,EAAE,eAAe,CAAC,0BAA0B;KACxD,CAAC,CAAC;IACH,mCAAmC;IACnC,IAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;IACrC,sBAAsB;IACtB,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAEjD,oCAAoC;IACpC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IAED,IAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAClD,iCAAiC;IACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI;QAC7B,IAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,wBAAwB;QAC1D,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,uDAAuD;QACvD,IAAM,QAAQ,GAAG,CAAC;YAChB,iCAAiC;aAChC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC;YAC1B,wGAAwG;YACxG,gFAAgF;aAC/E,KAAK,CAAC,4BAA4B,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO;YAC/C,8CAA8C;YAC9C,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACxB,4DAA4D;YAC5D,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;gBACjC,wFAAwF;gBACxF,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;gBAC/C,gCAAgC;gBAChC,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;oBACzB,OAAO,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC;gBAC1B,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAE,IAAI,MAAA,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;YAC9B,CAAC;QACH,CAAC,CAAC;YACF,8BAA8B;aAC7B,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,KAAK,CAAC,EAAf,CAAe,CAAC;YAClC,wGAAwG;YACxG,4EAA4E;aAC3E,MAAM,CAAC,UAAC,OAAO,IAAK,OAAA,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,IAAI,KAAK,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAA3E,CAA2E,CAAC,CAAC;QACpG,gCAAgC;QAChC,IAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO;YACrC,OAAO,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,iCAAiC;IACtE,CAAC,CAAC,CAAC;IAEH,0BAA0B;IAC1B,IAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAClD,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 import svg2Png from './applySvg2Png';
 import diffSvg from './applyDiffSvg';
 import removeEmptyCoordinates from './applyRemoveNanCoordinates';
-export { svg2Png, diffSvg, removeEmptyCoordinates, };
+import { createSVGElement, cloneSVGElement, mergeSVGElements, convertSVGToBase64, convertBase64ToSVG } from './utils';
+export { svg2Png, diffSvg, removeEmptyCoordinates, createSVGElement, cloneSVGElement, mergeSVGElements, convertSVGToBase64, convertBase64ToSVG };

package/lib/index.js

@@ -3,11 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeEmptyCoordinates = exports.diffSvg = exports.svg2Png = void 0;
+exports.convertBase64ToSVG = exports.convertSVGToBase64 = exports.mergeSVGElements = exports.cloneSVGElement = exports.createSVGElement = exports.removeEmptyCoordinates = exports.diffSvg = exports.svg2Png = void 0;
 var applySvg2Png_1 = __importDefault(require("./applySvg2Png"));
 exports.svg2Png = applySvg2Png_1.default;
 var applyDiffSvg_1 = __importDefault(require("./applyDiffSvg"));
 exports.diffSvg = applyDiffSvg_1.default;
 var applyRemoveNanCoordinates_1 = __importDefault(require("./applyRemoveNanCoordinates"));
 exports.removeEmptyCoordinates = applyRemoveNanCoordinates_1.default;
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "createSVGElement", { enumerable: true, get: function () { return utils_1.createSVGElement; } });
+Object.defineProperty(exports, "cloneSVGElement", { enumerable: true, get: function () { return utils_1.cloneSVGElement; } });
+Object.defineProperty(exports, "mergeSVGElements", { enumerable: true, get: function () { return utils_1.mergeSVGElements; } });
+Object.defineProperty(exports, "convertSVGToBase64", { enumerable: true, get: function () { return utils_1.convertSVGToBase64; } });
+Object.defineProperty(exports, "convertBase64ToSVG", { enumerable: true, get: function () { return utils_1.convertBase64ToSVG; } });
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,gEAAqC;AAKnC,kBALK,sBAAO,CAKL;AAJT,gEAAqC;AAKnC,kBALK,sBAAO,CAKL;AAJT,0FAAiE;AAK/D,iCALK,mCAAsB,CAKL"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,gEAAqC;AAMnC,kBANK,sBAAO,CAML;AALT,gEAAqC;AAMnC,kBANK,sBAAO,CAML;AALT,0FAAiE;AAM/D,iCANK,mCAAsB,CAML;AALxB,iCAAqH;AAMnH,iGANO,wBAAgB,OAMP;AAAE,gGANO,uBAAe,OAMP;AAAE,iGANO,wBAAgB,OAMP;AAAE,mGANO,0BAAkB,OAMP;AAAE,mGANO,0BAAkB,OAMP"}

package/lib/utils.d.ts

@@ -0,0 +1,103 @@
+/**
+ * @file utils.ts
+ * @description This module provides utility functions for working with SVG elements.
+ * @module utils
+ * @requires jsdom - A JavaScript implementation of the WHATWG DOM and HTML standards.
+ * @author pipi
+ */
+/**
+ * Creates an SVG element from a given element.
+ *
+ * This function serializes the given element to a string, then parses it back to create an SVG element.
+ * This approach ensures that the element is correctly parsed as an SVG element.
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('URL_ADDRESS * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = createSVGElement(svgElement);
+ * @param svgContent
+ * @returns
+ */
+export declare function createSVGElement(svgContent: string): Element;
+/**
+ * Clones an SVG element deeply.
+ *
+ * This function serializes the given SVG element to a string, then parses it back to create a deep clone.
+ * This approach ensures that all attributes and child nodes are duplicated.
+ *
+ * @param {Element} element - The SVG element to clone.
+ * @returns {Element} - The cloned SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const clonedElement = cloneSVGElement(svgElement);
+ * console.log(clonedElement);
+ *
+ * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-6ED8C4D5 - DOM Level 2 Core specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ */
+export declare function cloneSVGElement(element: Element): Element;
+/**
+ * Merges multiple SVG elements into a single SVG element.
+ *
+ * This function creates a new SVG element and appends clones of the provided elements to it.
+ * The SVG namespace is specified as 'http://www.w3.org/2000/svg'.
+ *
+ * @param {Element[]} elements - An array of SVG elements to merge.
+ * @returns {Element} - The merged SVG element.
+ *
+ * @example
+ * const svgElement1 = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ * const mergedElement = mergeSVGElements([svgElement1, svgElement2]);
+ * console.log(mergedElement);
+ *
+ * @see https://www.w3.org/TR/SVG/ - SVG specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS - createElementNS documentation
+ */
+export declare function mergeSVGElements(elements: Element[]): Element;
+/**
+ * Converts an SVG element to a Base64-encoded string.
+ *
+ * This function serializes the SVG element to a string and then encodes it to Base64.
+ * The resulting string can be used as a data URI for embedding SVG content in HTML or CSS.
+ *
+ * @param {Element} svgElement - The SVG element to convert.
+ * @returns {string} - The Base64-encoded string representation of the SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const base64String = convertSVGToBase64(svgElement);
+ * console.log(base64String);
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Buffer - Buffer documentation
+ */
+export declare function convertSVGToBase64(svgElement: Element): string;
+/**
+ * Converts a Base64-encoded string to an SVG string.
+ *
+ * This function decodes the Base64-encoded string and then converts it to an SVG string.
+ * The resulting string can be used to create an SVG element using the `createSVGElement` function.
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ * const base64String = 'data:image/svg+xml;base64, * const base64String = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3
+ * const svgString = convertBase64ToSVG(base64String);
+ * console.log(svgString);
+ */
+export declare function convertBase64ToSVG(base64String: string): string;

package/lib/utils.js

@@ -0,0 +1,137 @@
+"use strict";
+/**
+ * @file utils.ts
+ * @description This module provides utility functions for working with SVG elements.
+ * @module utils
+ * @requires jsdom - A JavaScript implementation of the WHATWG DOM and HTML standards.
+ * @author pipi
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSVGElement = createSVGElement;
+exports.cloneSVGElement = cloneSVGElement;
+exports.mergeSVGElements = mergeSVGElements;
+exports.convertSVGToBase64 = convertSVGToBase64;
+exports.convertBase64ToSVG = convertBase64ToSVG;
+var jsdom_1 = require("jsdom");
+// Create a virtual DOM environment
+var dom = new jsdom_1.JSDOM("<!DOCTYPE html><html><body></body></html>");
+var document = dom.window.document;
+/**
+ * Creates an SVG element from a given element.
+ *
+ * This function serializes the given element to a string, then parses it back to create an SVG element.
+ * This approach ensures that the element is correctly parsed as an SVG element.
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ *
+ * @param {Element} element - The element to create an SVG element from.
+ * @returns {Element} - The created SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('URL_ADDRESS * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = createSVGElement(svgElement);
+ * @param svgContent
+ * @returns
+ */
+function createSVGElement(svgContent) {
+    var svgElement = new dom.window.DOMParser().parseFromString(svgContent, 'image/svg+xml').documentElement;
+    return svgElement;
+}
+/**
+ * Clones an SVG element deeply.
+ *
+ * This function serializes the given SVG element to a string, then parses it back to create a deep clone.
+ * This approach ensures that all attributes and child nodes are duplicated.
+ *
+ * @param {Element} element - The SVG element to clone.
+ * @returns {Element} - The cloned SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const clonedElement = cloneSVGElement(svgElement);
+ * console.log(clonedElement);
+ *
+ * @see https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-6ED8C4D5 - DOM Level 2 Core specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ */
+function cloneSVGElement(element) {
+    var serializer = new dom.window.XMLSerializer();
+    var sourceCode = serializer.serializeToString(element);
+    var parser = new dom.window.DOMParser();
+    var doc = parser.parseFromString(sourceCode, 'image/svg+xml');
+    return doc.documentElement;
+}
+/**
+ * Merges multiple SVG elements into a single SVG element.
+ *
+ * This function creates a new SVG element and appends clones of the provided elements to it.
+ * The SVG namespace is specified as 'http://www.w3.org/2000/svg'.
+ *
+ * @param {Element[]} elements - An array of SVG elements to merge.
+ * @returns {Element} - The merged SVG element.
+ *
+ * @example
+ * const svgElement1 = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const svgElement2 = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ * const mergedElement = mergeSVGElements([svgElement1, svgElement2]);
+ * console.log(mergedElement);
+ *
+ * @see https://www.w3.org/TR/SVG/ - SVG specification
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS - createElementNS documentation
+ */
+function mergeSVGElements(elements) {
+    var mergedSVG = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    elements.forEach(function (element) {
+        mergedSVG.appendChild(cloneSVGElement(element));
+    });
+    return mergedSVG;
+}
+/**
+ * Converts an SVG element to a Base64-encoded string.
+ *
+ * This function serializes the SVG element to a string and then encodes it to Base64.
+ * The resulting string can be used as a data URI for embedding SVG content in HTML or CSS.
+ *
+ * @param {Element} svgElement - The SVG element to convert.
+ * @returns {string} - The Base64-encoded string representation of the SVG element.
+ *
+ * @example
+ * const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+ * const base64String = convertSVGToBase64(svgElement);
+ * console.log(base64String);
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLSerializer - XMLSerializer documentation
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Buffer - Buffer documentation
+ */
+function convertSVGToBase64(svgElement) {
+    var serializer = new dom.window.XMLSerializer();
+    var svgString = serializer.serializeToString(svgElement);
+    return "data:image/svg+xml;base64,".concat(Buffer.from(svgString).toString('base64'));
+}
+/**
+ * Converts a Base64-encoded string to an SVG string.
+ *
+ * This function decodes the Base64-encoded string and then converts it to an SVG string.
+ * The resulting string can be used to create an SVG element using the `createSVGElement` function.
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ *
+ * @param {string} base64String - The Base64-encoded string to convert.
+ * @returns {string} - The SVG string representation of the Base64-encoded string.
+ *
+ * @example
+ * const base64String = 'data:image/svg+xml;base64, * const base64String = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3
+ * const svgString = convertBase64ToSVG(base64String);
+ * console.log(svgString);
+ */
+function convertBase64ToSVG(base64String) {
+    var svgString = Buffer.from(base64String.split(',')[1], 'base64').toString('utf-8');
+    return svgString;
+}
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AA4BH,4CAGC;AAmBD,0CAMC;AAoBD,4CAMC;AAmBD,gDAIC;AAqBD,gDAGC;AA/HD,+BAA8B;AAE9B,mCAAmC;AACnC,IAAM,GAAG,GAAG,IAAI,aAAK,CAAC,2CAA2C,CAAC,CAAC;AAC3D,IAAA,QAAQ,GAAK,GAAG,CAAC,MAAM,SAAf,CAAgB;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,gBAAgB,CAAC,UAAkB;IACjD,IAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,eAAe,CAAC;IAC3G,OAAO,UAAU,CAAA;AACnB,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,eAAe,CAAC,OAAgB;IAC9C,IAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;IAClD,IAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACzD,IAAM,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1C,IAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IAChE,OAAO,GAAG,CAAC,eAAgB,CAAC;AAC9B,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,gBAAgB,CAAC,QAAmB;IAClD,IAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IAChF,QAAQ,CAAC,OAAO,CAAC,UAAC,OAAO;QACvB,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,SAAgB,kBAAkB,CAAC,UAAmB;IACpD,IAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;IAClD,IAAM,SAAS,GAAG,UAAU,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,oCAA6B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAE,CAAC;AAClF,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,kBAAkB,CAAC,YAAoB;IACrD,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtF,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svg-toolbox",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "This library provides some SVG-related tools",
   "main": "lib/index.js",
   "module": "es/index.js",