@jsenv/terminal-recorder 1.3.7 → 1.4.1

package/dist/terminal_recorder_browser.js

@@ -1204,14 +1204,17 @@ const createXmlGenerator = ({
 
               for (const attributeName of attributeNames) {
                 let attributeValue = node.attributes[attributeName];
+                if (attributeValue === undefined) {
+                  continue;
+                }
                 if (typeof attributeValue === "number") {
                   attributeValue = round(attributeValue);
                 }
                 if (attributeName === "viewBox") {
                   attributeValue = attributeValue
-                    .split(",")
+                    .split(" ")
                     .map((v) => round(parseFloat(v.trim())))
-                    .join(", ");
+                    .join(" ");
                 }
                 attributesSingleLine += ` ${attributeName}="${attributeValue}"`;
                 attributesMultiLine += `\n  `;
@@ -1363,6 +1366,7 @@ const renderTerminalSvg = (
     height,
     maxWidth,
     maxHeight,
+    preserveAspectRatio, // "xMidYMid slice",
 
     head = true,
   } = {},
@@ -1416,8 +1420,9 @@ const renderTerminalSvg = (
     "xmlns": "http://www.w3.org/2000/svg",
     "font-family": font.family,
     "font-size": font.size,
-    "width": computedWidth,
-    "height": computedHeight,
+    "width": "100%",
+    "viewBox": `0 0 ${computedWidth} ${computedHeight}`,
+    preserveAspectRatio,
     "background-color": backgroundColor,
   });
 
@@ -1607,4 +1612,4 @@ const leadingWhitespaceWidth = (text) => {
   return leadingSpace[0].length;
 };
 
-export { renderTerminalSvg };
+export { parseAnsi, renderTerminalSvg };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/terminal-recorder",
-  "version": "1.3.7",
+  "version": "1.4.1",
   "description": "Record terminal output as .svg, .gif, .webm, .mp4",
   "license": "MIT",
   "repository": {

package/src/main_browser.js

@@ -1 +1,2 @@
+export { parseAnsi } from "./svg/parse_ansi.js";
 export { renderTerminalSvg } from "./svg/render_terminal_svg.js";

package/src/svg/render_terminal_svg.js

@@ -63,6 +63,7 @@ export const renderTerminalSvg = (
     height,
     maxWidth,
     maxHeight,
+    preserveAspectRatio, // "xMidYMid slice",
 
     head = true,
   } = {},
@@ -116,8 +117,9 @@ export const renderTerminalSvg = (
     "xmlns": "http://www.w3.org/2000/svg",
     "font-family": font.family,
     "font-size": font.size,
-    "width": computedWidth,
-    "height": computedHeight,
+    "width": "100%",
+    "viewBox": `0 0 ${computedWidth} ${computedHeight}`,
+    preserveAspectRatio,
     "background-color": backgroundColor,
   });
 

package/src/svg/xml_generator.js

@@ -57,14 +57,17 @@ export const createXmlGenerator = ({
 
               for (const attributeName of attributeNames) {
                 let attributeValue = node.attributes[attributeName];
+                if (attributeValue === undefined) {
+                  continue;
+                }
                 if (typeof attributeValue === "number") {
                   attributeValue = round(attributeValue);
                 }
                 if (attributeName === "viewBox") {
                   attributeValue = attributeValue
-                    .split(",")
+                    .split(" ")
                     .map((v) => round(parseFloat(v.trim())))
-                    .join(", ");
+                    .join(" ");
                 }
                 attributesSingleLine += ` ${attributeName}="${attributeValue}"`;
                 attributesMultiLine += `\n  `;