shellfie-cli 2.0.0 → 2.0.2

package/dist/svg-animator.d.ts

@@ -0,0 +1,23 @@
+/**
+ * SVG Animator
+ * Combines pre-rendered terminal SVGs into animated SVG
+ */
+import type { TerminalFrame } from './dvd-executor';
+export interface AnimationOptions {
+    fps?: number;
+    loop?: boolean;
+    pauseAtEnd?: number;
+}
+/**
+ * Create animated SVG from frames
+ */
+export declare function createAnimatedSVG(frames: TerminalFrame[], options?: AnimationOptions): Promise<string>;
+/**
+ * Get animation metadata
+ */
+export declare function getAnimationMetadata(frames: TerminalFrame[]): {
+    duration: number;
+    frameCount: number;
+    fps: number;
+};
+//# sourceMappingURL=svg-animator.d.ts.map

package/dist/svg-animator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-animator.d.ts","sourceRoot":"","sources":["../src/svg-animator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAyED;;GAEG;AACH,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,aAAa,EAAE,EACvB,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,MAAM,CAAC,CAqDjB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;CACb,CAUA"}

package/dist/svg-animator.js

@@ -0,0 +1,134 @@
+"use strict";
+/**
+ * SVG Animator
+ * Combines pre-rendered terminal SVGs into animated SVG
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAnimatedSVG = createAnimatedSVG;
+exports.getAnimationMetadata = getAnimationMetadata;
+/**
+ * Extract SVG body content (everything inside <svg>)
+ */
+function extractSVGBody(svg, frameId) {
+    const contentMatch = svg.match(/<svg[^>]*>([\s\S]*)<\/svg>/);
+    if (!contentMatch)
+        return '';
+    let content = contentMatch[1];
+    // Make IDs unique
+    content = content
+        .replace(/id="([^"]*)"/g, `id="$1-${frameId}"`)
+        .replace(/url\(#([^)]*)\)/g, `url(#$1-${frameId})`)
+        .replace(/class="([^"]*)"/g, `class="$1 ${frameId}"`);
+    return content;
+}
+/**
+ * Get SVG dimensions from first frame
+ */
+function getSVGDimensions(svg) {
+    const widthMatch = svg.match(/width="(\d+)"/);
+    const heightMatch = svg.match(/height="(\d+)"/);
+    return {
+        width: widthMatch ? parseInt(widthMatch[1], 10) : 800,
+        height: heightMatch ? parseInt(heightMatch[1], 10) : 600,
+    };
+}
+/**
+ * Create CSS keyframes for animation
+ */
+function createKeyframes(frames) {
+    if (frames.length === 0)
+        return '';
+    const totalDuration = frames[frames.length - 1].timestamp;
+    let css = '';
+    frames.forEach((frame, i) => {
+        const startPercent = i === 0 ? 0 : (frames[i - 1].timestamp / totalDuration) * 100;
+        const endPercent = (frame.timestamp / totalDuration) * 100;
+        const nextPercent = i < frames.length - 1
+            ? (frames[i + 1].timestamp / totalDuration) * 100
+            : 100;
+        css += `
+    @keyframes frame-${i}-anim {
+      0% { opacity: 0; }
+      ${startPercent.toFixed(2)}% { opacity: 0; }
+      ${endPercent.toFixed(2)}% { opacity: 1; }
+      ${nextPercent.toFixed(2)}% { opacity: 1; }
+      ${(nextPercent + 0.01).toFixed(2)}% { opacity: 0; }
+      100% { opacity: 0; }
+    }`;
+    });
+    // First frame special case
+    const firstEnd = (frames[1]?.timestamp / totalDuration) * 100 || 100;
+    css = `
+    @keyframes frame-0-anim {
+      0% { opacity: 1; }
+      ${firstEnd.toFixed(2)}% { opacity: 1; }
+      ${(firstEnd + 0.01).toFixed(2)}% { opacity: 0; }
+      100% { opacity: 0; }
+    }` + css.substring(css.indexOf('@keyframes frame-1-anim'));
+    return css;
+}
+/**
+ * Create animated SVG from frames
+ */
+async function createAnimatedSVG(frames, options = {}) {
+    if (frames.length === 0) {
+        throw new Error('No frames to animate');
+    }
+    // Get dimensions from first frame
+    const { width, height } = getSVGDimensions(frames[0].svg);
+    // Calculate duration
+    const totalDuration = frames[frames.length - 1].timestamp;
+    const pauseAtEnd = options.pauseAtEnd || 1000;
+    const animationDuration = ((totalDuration + pauseAtEnd) / 1000).toFixed(2);
+    const animationIterationCount = options.loop !== false ? 'infinite' : '1';
+    // Create keyframes
+    const keyframes = createKeyframes(frames);
+    // Extract frame contents
+    const frameBodies = frames.map((frame, i) => ({
+        id: `frame-${i}`,
+        content: extractSVGBody(frame.svg, `f${i}`),
+    }));
+    // Build animated SVG
+    const svg = `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    ${keyframes}
+
+    .frame {
+      animation-duration: ${animationDuration}s;
+      animation-timing-function: step-end;
+      animation-iteration-count: ${animationIterationCount};
+      animation-fill-mode: forwards;
+    }
+
+    ${frames.map((_, i) => `
+    .frame-${i} {
+      animation-name: frame-${i}-anim;
+    }`).join('')}
+  </style>
+
+  <defs>
+    ${frameBodies.map((frame) => `
+    <g id="${frame.id}">
+      ${frame.content}
+    </g>`).join('')}
+  </defs>
+
+  ${frameBodies.map((frame, i) => `
+  <use href="#${frame.id}" class="frame frame-${i}" />`).join('')}
+</svg>`;
+    return svg;
+}
+/**
+ * Get animation metadata
+ */
+function getAnimationMetadata(frames) {
+    const duration = frames.length > 0 ? frames[frames.length - 1].timestamp : 0;
+    const frameCount = frames.length;
+    const fps = frameCount > 1 ? frameCount / (duration / 1000) : 0;
+    return {
+        duration,
+        frameCount,
+        fps: Math.round(fps * 10) / 10,
+    };
+}
+//# sourceMappingURL=svg-animator.js.map

package/dist/svg-animator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-animator.js","sourceRoot":"","sources":["../src/svg-animator.ts"],"names":[],"mappings":"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"}

package/dist/terminal-renderer.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Terminal Renderer
+ * Renders terminal state with cursor and fixed dimensions
+ */
+import { type Theme } from 'shellfie';
+export interface TerminalState {
+    lines: string[];
+    cursorX: number;
+    cursorY: number;
+    width: number;
+    height: number;
+    fontSize: number;
+    fontFamily: string;
+    showCursor: boolean;
+    activeCursor?: boolean;
+    selectionStart?: number;
+    selectionEnd?: number;
+}
+export interface RenderOptions {
+    title?: string;
+    template?: 'macos' | 'windows' | 'minimal';
+    theme?: Theme;
+    padding?: number;
+    watermark?: string;
+}
+/**
+ * Render terminal state as SVG
+ */
+export declare function renderTerminalSVG(state: TerminalState, options?: RenderOptions): string;
+/**
+ * Create terminal state from text buffer
+ */
+export declare function createTerminalState(buffer: string, cursorX: number, cursorY: number, width: number, height: number, fontSize: number, showCursor?: boolean, activeCursor?: boolean, selectionStart?: number, selectionEnd?: number): TerminalState;
+//# sourceMappingURL=terminal-renderer.d.ts.map

package/dist/terminal-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal-renderer.d.ts","sourceRoot":"","sources":["../src/terminal-renderer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAkE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtG,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAuL3F;AAsDD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,UAAU,GAAE,OAAc,EAC1B,YAAY,GAAE,OAAe,EAC7B,cAAc,CAAC,EAAE,MAAM,EACvB,YAAY,CAAC,EAAE,MAAM,GACpB,aAAa,CAgBf"}

package/dist/terminal-renderer.js

@@ -0,0 +1,229 @@
+"use strict";
+/**
+ * Terminal Renderer
+ * Renders terminal state with cursor and fixed dimensions
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTerminalSVG = renderTerminalSVG;
+exports.createTerminalState = createTerminalState;
+const shellfie_1 = require("shellfie");
+/**
+ * Render terminal state as SVG
+ */
+function renderTerminalSVG(state, options = {}) {
+    const { lines, cursorX, cursorY, width, height, fontSize, fontFamily = "'SF Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Courier New', monospace", showCursor, } = state;
+    const padding = options.padding || 16;
+    const headerHeight = options.template === 'minimal' ? 0 : 39;
+    const lineHeight = fontSize * 1.4;
+    // Calculate character width (monospace approximation)
+    const charWidth = fontSize * 0.6;
+    // Use provided theme or default to dark theme
+    const theme = options.theme || shellfie_1.darkTheme;
+    // Background and chrome
+    const bgColor = theme.background;
+    const textColor = theme.foreground;
+    const cursorColor = theme.cursor;
+    const svgWidth = width;
+    const svgHeight = height;
+    let svg = `<svg width="${svgWidth}" height="${svgHeight}" xmlns="http://www.w3.org/2000/svg">`;
+    // Add styles
+    const cursorClass = state.activeCursor ? 'cursor-active' : 'cursor';
+    svg += `
+  <style>
+    .cursor {
+      animation: blink 1s step-end infinite;
+    }
+    .cursor-active {
+      /* No animation - solid cursor during typing/movement */
+    }
+    @keyframes blink {
+      0%, 50% { opacity: 1; }
+      50.01%, 100% { opacity: 0; }
+    }
+  </style>`;
+    // Background
+    svg += `
+  <rect width="${svgWidth}" height="${svgHeight}" fill="${bgColor}" rx="10" ry="10"/>`;
+    // Header (if not minimal)
+    if (options.template !== 'minimal') {
+        svg += `
+  <g class="title-bar">
+    <rect width="${svgWidth}" height="${headerHeight}" fill="${bgColor}" rx="10" ry="10"/>
+    <rect y="29" width="${svgWidth}" height="10" fill="${bgColor}"/>
+    <line x1="0" y1="39.5" x2="${svgWidth}" y2="39.5" stroke="#d4d4d41a" stroke-width="1"/>
+    <circle cx="16" cy="19.5" r="6" fill="#ff5f56"/>
+    <circle cx="36" cy="19.5" r="6" fill="#ffbd2e"/>
+    <circle cx="56" cy="19.5" r="6" fill="#27c93f"/>`;
+        if (options.title) {
+            svg += `
+    <text x="${svgWidth / 2}" y="24.2" fill="${textColor}" font-family="${fontFamily}" font-size="12" text-anchor="middle" opacity="0.8">${escapeXml(options.title)}</text>`;
+        }
+        svg += `
+  </g>`;
+    }
+    // Content area
+    const contentY = headerHeight + padding;
+    svg += `
+  <g class="content">`;
+    // Render lines with ANSI color support
+    lines.forEach((line, i) => {
+        const y = contentY + (i * lineHeight) + fontSize;
+        if (line) {
+            // Parse ANSI codes
+            const parsedLines = (0, shellfie_1.parseAnsi)(line);
+            if (parsedLines.length > 0 && parsedLines[0].spans.length > 0) {
+                let xOffset = padding;
+                parsedLines[0].spans.forEach((span) => {
+                    const escapedText = escapeXml(span.text);
+                    // Handle inverse/reverse video
+                    let fgColor = resolveColor(span.style.foreground, theme);
+                    let bgColor = span.style.background ? resolveColor(span.style.background, theme) : null;
+                    if (span.style.inverse) {
+                        // Swap foreground and background
+                        const temp = fgColor;
+                        fgColor = bgColor || theme.background;
+                        bgColor = temp;
+                    }
+                    // Build style attributes
+                    let styleAttr = '';
+                    if (span.style.bold)
+                        styleAttr += ' font-weight="bold"';
+                    if (span.style.italic)
+                        styleAttr += ' font-style="italic"';
+                    if (span.style.underline)
+                        styleAttr += ' text-decoration="underline"';
+                    // Render background if needed (for inverse text)
+                    if (bgColor) {
+                        const spanWidth = span.text.length * charWidth;
+                        svg += `
+    <rect x="${xOffset}" y="${y - fontSize}" width="${spanWidth}" height="${lineHeight}" fill="${bgColor}"/>`;
+                    }
+                    svg += `
+    <text x="${xOffset}" y="${y}" fill="${fgColor}" font-family="${fontFamily}" font-size="${fontSize}"${styleAttr} xml:space="preserve">${escapedText}</text>`;
+                    // Update x offset for next span
+                    xOffset += span.text.length * charWidth;
+                });
+            }
+        }
+    });
+    // Render selection (on current line only, before cursor so cursor appears on top)
+    if (state.selectionStart !== undefined && state.selectionEnd !== undefined) {
+        const selStart = Math.min(state.selectionStart, state.selectionEnd);
+        const selEnd = Math.max(state.selectionStart, state.selectionEnd);
+        if (selStart !== selEnd) {
+            const selectionXStart = padding + (selStart * charWidth);
+            const selectionWidth = (selEnd - selStart) * charWidth;
+            const selectionY = contentY + (cursorY * lineHeight);
+            const selectionColor = theme.selection || '#4A90E2'; // Default blue if theme doesn't have selection color
+            svg += `
+    <rect class="selection" x="${selectionXStart}" y="${selectionY}" width="${selectionWidth}" height="${lineHeight}" fill="${selectionColor}" opacity="0.3"/>`;
+        }
+    }
+    // Render cursor
+    if (showCursor) {
+        const cursorXPos = padding + (cursorX * charWidth);
+        const cursorYPos = contentY + (cursorY * lineHeight);
+        const cursorClass = state.activeCursor ? 'cursor-active' : 'cursor';
+        svg += `
+    <rect class="${cursorClass}" x="${cursorXPos}" y="${cursorYPos}" width="${charWidth}" height="${lineHeight}" fill="${cursorColor}" opacity="0.7"/>`;
+    }
+    svg += `
+  </g>`;
+    // Render watermark if provided (after content, before closing svg)
+    if (options.watermark) {
+        // Parse ANSI codes in watermark
+        const parsedWatermark = (0, shellfie_1.parseAnsi)(options.watermark);
+        const watermarkFontSize = 12;
+        const watermarkY = svgHeight - padding;
+        if (parsedWatermark.length > 0 && parsedWatermark[0].spans.length > 0) {
+            // Calculate watermark width to right-align it
+            const watermarkText = parsedWatermark[0].spans.map(s => s.text).join('');
+            const watermarkWidth = watermarkText.length * (watermarkFontSize * 0.6);
+            let xOffset = svgWidth - padding - watermarkWidth;
+            parsedWatermark[0].spans.forEach((span) => {
+                const escapedText = escapeXml(span.text);
+                const fgColor = resolveColor(span.style.foreground, theme);
+                let styleAttr = '';
+                if (span.style.bold)
+                    styleAttr += ' font-weight="bold"';
+                if (span.style.italic)
+                    styleAttr += ' font-style="italic"';
+                if (span.style.dim)
+                    styleAttr += ' opacity="0.5"';
+                svg += `
+  <text x="${xOffset}" y="${watermarkY}" fill="${fgColor}" font-family="${fontFamily}" font-size="${watermarkFontSize}"${styleAttr} xml:space="preserve">${escapedText}</text>`;
+                xOffset += span.text.length * (watermarkFontSize * 0.6);
+            });
+        }
+    }
+    svg += `
+</svg>`;
+    return svg;
+}
+/**
+ * Resolve ANSI color to hex
+ */
+function resolveColor(color, theme) {
+    if (!color)
+        return theme.foreground;
+    // Handle RGB objects
+    if (typeof color === 'object') {
+        return `rgb(${color.r}, ${color.g}, ${color.b})`;
+    }
+    // Handle ANSI color names
+    const colorMap = {
+        ansi0: 'black',
+        ansi1: 'red',
+        ansi2: 'green',
+        ansi3: 'yellow',
+        ansi4: 'blue',
+        ansi5: 'magenta',
+        ansi6: 'cyan',
+        ansi7: 'white',
+        ansi8: 'brightBlack',
+        ansi9: 'brightRed',
+        ansi10: 'brightGreen',
+        ansi11: 'brightYellow',
+        ansi12: 'brightBlue',
+        ansi13: 'brightMagenta',
+        ansi14: 'brightCyan',
+        ansi15: 'brightWhite',
+    };
+    const themeKey = colorMap[color];
+    if (themeKey) {
+        return theme[themeKey];
+    }
+    // Already a hex color
+    return color;
+}
+/**
+ * Escape XML special characters
+ */
+function escapeXml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&apos;');
+}
+/**
+ * Create terminal state from text buffer
+ */
+function createTerminalState(buffer, cursorX, cursorY, width, height, fontSize, showCursor = true, activeCursor = false, selectionStart, selectionEnd) {
+    const lines = buffer.split('\n');
+    return {
+        lines,
+        cursorX,
+        cursorY,
+        width,
+        height,
+        fontSize,
+        fontFamily: "'SF Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Courier New', monospace",
+        showCursor,
+        activeCursor,
+        selectionStart,
+        selectionEnd,
+    };
+}
+//# sourceMappingURL=terminal-renderer.js.map

package/dist/terminal-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal-renderer.js","sourceRoot":"","sources":["../src/terminal-renderer.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "shellfie-cli",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Transform terminal output into beautiful SVG images from the command line",
   "bin": {
-    "shellfie": "./dist/cli.js"
+    "shellfie": "dist/cli.js"
   },
   "main": "dist/cli.js",
   "types": "dist/cli.d.ts",
@@ -31,7 +31,7 @@
   "author": "tool3",
   "license": "MIT",
   "dependencies": {
-    "shellfie": "^2.0.0",
+    "shellfie": "^2.0.5",
     "yargs": "^17.7.2"
   },
   "devDependencies": {