npm - @stonedeck/core - Versions diffs - 0.7.2 → 0.7.5 - Mend

@stonedeck/core 0.7.2 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/dist/emitter.d.ts.map +1 -1
package/dist/emitter.js +3 -36
package/dist/emitter.js.map +1 -1
package/dist/layouts/registry.json +1 -1
package/dist/models/ir.d.ts +2 -3
package/dist/models/ir.d.ts.map +1 -1
package/dist/parser/tokenizer.js +2 -0
package/dist/parser/tokenizer.js.map +1 -1
package/dist/resolver/theme-loader.d.ts +3 -1
package/dist/resolver/theme-loader.d.ts.map +1 -1
package/dist/resolver/theme-loader.js +45 -2
package/dist/resolver/theme-loader.js.map +1 -1
package/package.json +2 -4
package/src/emitter.ts +3 -35
package/src/layouts/registry.json +1 -1
package/src/models/ir.ts +2 -3
package/src/parser/tokenizer.ts +2 -0
package/src/resolver/theme-loader.ts +51 -2
package/src/themes/academico_v2.yaml +55 -0
package/src/themes/corporativo_v2.yaml +55 -0
package/src/themes/dark_mode_v2.yaml +54 -0
package/src/themes/default_v2.yaml +58 -0
package/src/themes/minimalista_v2.yaml +56 -0
package/src/themes/moderno_v2.yaml +56 -0
package/src/themes/tech_blue.yaml +56 -0
package/test/verify_clipping.html +338 -0
package/test/verify_clipping.md +14 -0
package/test/verify_theme.ts +24 -0
package/test/verify_theme_runner.js +34 -0
package/test/verify_variants.html +348 -0
package/test/verify_variants.md +40 -0
package/dist/resolver/metrics.d.ts +0 -27
package/dist/resolver/metrics.d.ts.map +0 -1
package/dist/resolver/metrics.js +0 -43
package/dist/resolver/metrics.js.map +0 -1
package/src/resolver/metrics.ts +0 -64

package/test/verify_variants.html ADDED Viewed

@@ -0,0 +1,348 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Variant Verification</title>
+    <style>
+        :root {
+            --canvas-width: 720pt;
+            --canvas-height: 405pt;
+            --accent-color: #3b82f6;
+            --scale-factor: 1;
+        }
+        html, body { height: 100%; }
+        body {
+            margin: 0;
+            padding: 0;
+            background-color: #1a1a1a;
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            transition: background-color 0.3s;
+            overflow-x: hidden;
+        }
+        /* Presentation Mode */
+        body.presenting {
+            background-color: black;
+            overflow: hidden;
+        }
+        #presentation-container {
+            flex-grow: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+            padding: 20px 0;
+            box-sizing: border-box;
+        }
+        body.presenting #presentation-container {
+            padding: 0;
+        }
+        .slides-inner {
+            display: flex;
+            flex-direction: column;
+            gap: 20px;
+            align-items: center;
+            width: 100%;
+        }
+        body.presenting .slides-inner {
+            gap: 0;
+            width: auto;
+            height: 100%;
+            justify-content: center;
+        }
+        .slide-wrapper {
+            position: relative;
+            width: var(--canvas-width);
+            height: var(--canvas-height);
+            transform-origin: top left;
+            transform: scale(var(--scale-factor));
+            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
+            background-color: white;
+            overflow: hidden;
+            flex-shrink: 0;
+        }
+        body.presenting .slide-wrapper {
+            box-shadow: none;
+            display: none; /* Hide inactive */
+            /* Do NOT override transform or width/height. Keep them logical 720x405 and let scale work. */
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform-origin: center center;
+            transform: translate(-50%, -50%) scale(var(--scale-factor));
+        }
+        body.presenting .slide-wrapper.active {
+            display: block;
+        }
+        .slide {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            box-sizing: border-box;
+            background-color: white;
+            overflow: hidden;
+        }
+        /* Slots */
+        .slot {
+            position: absolute;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            box-sizing: border-box;
+        }
+        .slot-title { font-weight: bold; }
+        h1 { font-size: 1.6em; margin-bottom: 0.1em; margin-top: 0; line-height: 1.1; }
+        h2 { font-size: 1.3em; margin-bottom: 0.15em; margin-top: 0; line-height: 1.2; }
+        h3 { font-size: 1.1em; margin-bottom: 0.1em; margin-top: 0; line-height: 1.2; }
+        ul { padding-left: 1.1em; margin: 0; list-style-type: disc; }
+        li { margin-bottom: 0.15em; line-height: 1.25; }
+        li::marker { color: var(--accent-color); }
+        table { border-collapse: collapse; width: 100%; margin-top: 0.4em; }
+        td, th { border: 1pt solid #ccc; padding: 3pt 5pt; text-align: left; }
+        th { background: rgba(0,0,0,0.05); font-weight: bold; }
+        img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; margin: auto; flex-shrink: 0; }
+        .markdown-line { margin-bottom: 2pt; line-height: 1.35; }
+        p { margin: 0 0 3pt 0; }
+        /* Navigation */
+        #nav-bar {
+            position: fixed;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(0, 0, 0, 0.8);
+            color: white;
+            padding: 10px 20px;
+            border-radius: 30px;
+            display: flex;
+            gap: 15px;
+            align-items: center;
+            z-index: 1000;
+            backdrop-filter: blur(10px);
+            opacity: 1;
+            transition: opacity 0.3s;
+        }
+        body.presenting #nav-bar {
+            opacity: 0;
+            pointer-events: none;
+        }
+        body.presenting #nav-bar:hover {
+            opacity: 1;
+            pointer-events: auto;
+        }
+        button {
+            background: transparent;
+            border: 1px solid rgba(255,255,255,0.3);
+            color: white;
+            padding: 5px 12px;
+            border-radius: 15px;
+            cursor: pointer;
+            font-size: 14px;
+        }
+        button:hover { background: var(--accent-color); border-color: var(--accent-color); }
+        #slide-index { min-width: 60px; text-align: center; }
+        @media print {
+            @page {
+                size: 720pt 405pt;
+                margin: 0;
+            }
+            body {
+                background: white;
+                display: block;
+                overflow: visible;
+                -webkit-print-color-adjust: exact;
+                print-color-adjust: exact;
+            }
+            #nav-bar {
+                display: none !important;
+            }
+            #presentation-container {
+                padding: 0 !important;
+                display: block !important;
+            }
+            .slides-inner {
+                display: block !important;
+                gap: 0 !important;
+            }
+            .slide-wrapper {
+                display: block !important;
+                margin: 0 !important;
+                padding: 0 !important;
+                box-shadow: none !important;
+                page-break-after: always !important;
+                break-after: page !important;
+                transform: none !important;
+                width: 720pt !important;
+                height: 405pt !important;
+                position: relative !important;
+                left: 0 !important;
+                top: 0 !important;
+                overflow: hidden !important;
+            }
+            .slide {
+                position: absolute !important;
+                width: 100% !important;
+                height: 100% !important;
+            }
+        }
+    </style>
+</head>
+<body id="body">
+    <div id="presentation-container">
+        <div class="slides-inner">
+                <div class="slide-wrapper active" id="wrapper-0">
+                    <div class="slide" id="slide-0" style="background: #E8F4F8; color: #007BFF; font-family: Roboto Slab;">
+                    </div>
+                </div>
+                <div class="slide-wrapper " id="wrapper-1">
+                    <div class="slide" id="slide-1" style="background: #E8F4F8; color: #007BFF; font-family: Roboto Slab;">
+                    </div>
+                </div>
+                <div class="slide-wrapper " id="wrapper-2">
+                    <div class="slide" id="slide-2" style="background: #FFF5E6; color: #000000; font-family: Merriweather;">
+                    </div>
+                </div>
+                <div class="slide-wrapper " id="wrapper-3">
+                    <div class="slide" id="slide-3" style="background: linear-gradient(to bottom, #1a2a6c, #b21f1f, #fdbb2d); color: #FFFFFF; font-family: #000000;">
+                    </div>
+                </div>
+        </div>
+    </div>
+    <div id="nav-bar">
+        <button onclick="togglePresent()">Present</button>
+        <button onclick="prevSlide()">Prev</button>
+        <span id="slide-index">1 / 4</span>
+        <button onclick="nextSlide()">Next</button>
+        <button onclick="toggleFS()">FS</button>
+    </div>
+    <script>
+        const totalSlides = 4;
+        const body = document.getElementById('body');
+        const wrappers = document.querySelectorAll('.slide-wrapper');
+        const indexSpan = document.getElementById('slide-index');
+        let currentIdx = 0;
+        function resize() {
+            const baseWidth = 960;
+            const baseHeight = 540;
+            const isPresenting = body.classList.contains('presenting');
+            const winW = window.innerWidth || document.documentElement.clientWidth || 1024;
+            const winH = window.innerHeight || document.documentElement.clientHeight || 768;
+            const targetWidth = isPresenting ? winW : winW * 0.95;
+            const targetHeight = isPresenting ? winH : winH * 0.9;
+            let scale = Math.min(targetWidth / baseWidth, targetHeight / baseHeight);
+            if (!isPresenting) {
+                scale = Math.min(scale, 1);
+            }
+            if (scale <= 0.01) scale = 1;
+            document.documentElement.style.setProperty('--scale-factor', scale);
+            wrappers.forEach(w => {
+                if (isPresenting) {
+                    w.style.height = ''; // Reset to CSS default (var(--canvas-height)) for proper aspect ratio scaling
+                } else {
+                    w.style.height = (baseHeight * scale) + 'px';
+                }
+            });
+        }
+        window.addEventListener('resize', resize);
+        window.addEventListener('DOMContentLoaded', resize);
+        window.addEventListener('load', resize);
+        resize();
+        function updateUI() {
+            indexSpan.innerText = (currentIdx + 1) + ' / ' + totalSlides;
+            wrappers.forEach((w, i) => {
+                w.classList.toggle('active', i === currentIdx);
+            });
+            if (!body.classList.contains('presenting')) {
+                wrappers[currentIdx].scrollIntoView({ behavior: 'auto', block: 'center' });
+            }
+        }
+        function nextSlide() {
+            if (currentIdx < totalSlides - 1) {
+                currentIdx++;
+                updateUI();
+            }
+        }
+        function prevSlide() {
+            if (currentIdx > 0) {
+                currentIdx--;
+                updateUI();
+            }
+        }
+        function togglePresent() {
+            body.classList.toggle('presenting');
+            setTimeout(() => { resize(); updateUI(); }, 50);
+        }
+        function toggleFS() {
+            if (!document.fullscreenElement) {
+                body.requestFullscreen().catch(e => console.warn(e));
+            } else {
+                document.exitFullscreen();
+            }
+        }
+        window.addEventListener('keydown', (e) => {
+            if (['ArrowRight', ' ', 'PageDown', 'Enter'].includes(e.key)) { e.preventDefault(); nextSlide(); }
+            if (['ArrowLeft', 'PageUp', 'Backspace'].includes(e.key)) { e.preventDefault(); prevSlide(); }
+            if (e.key === 'p') togglePresent();
+            if (e.key === 'f') toggleFS();
+            if (e.key === 'Escape' && body.classList.contains('presenting')) togglePresent();
+        });
+    </script>
+</body>
+</html>

package/test/verify_variants.md ADDED Viewed

@@ -0,0 +1,40 @@
+---
+StoneDeck: true
+title: "Variant Verification"
+theme: "../src/themes/default_v2.yaml"
+---
+:::slide
+---
+layout: title
+---
+# Slide 1 (Dynamic)
+Should pick a random variant.
+:::
+:::slide
+---
+layout: title
+layout_style: kind_1
+---
+# Slide 2 (Kind 1)
+Should use kind_1 variant.
+:::
+:::slide
+---
+layout: title
+layout_style: kind_2
+---
+# Slide 3 (Kind 2)
+Should use kind_2 variant.
+:::
+:::slide
+---
+layout: title
+layout_style: kind_3
+---
+# Slide 4 (Kind 3)
+Should use kind_3 variant.
+:::

package/dist/resolver/metrics.d.ts DELETED Viewed

@@ -1,27 +0,0 @@
-import { SlideStyle } from '../models/ir.js';
-export interface LayoutSlot {
-    id: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-export interface LayoutDefinition {
-    id: string;
-    slots: LayoutSlot[];
-}
-export declare class MetricsCalculator {
-    private doc;
-    constructor();
-    /**
-     * Calculates the height of a string given a font and width.
-     */
-    calculateTextHeight(text: string, style: SlideStyle, maxWidth: number): number;
-    /**
-     * Estimates height for Markdown content.
-     * For now, this is a simplified version that handles basic text and lists.
-     */
-    estimateMarkdownHeight(markdown: string, style: SlideStyle, maxWidth: number): number;
-}
-export declare const metricsCalculator: MetricsCalculator;
-//# sourceMappingURL=metrics.d.ts.map

package/dist/resolver/metrics.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../src/resolver/metrics.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,qBAAa,iBAAiB;IAC1B,OAAO,CAAC,GAAG,CAAqB;;IAOhC;;OAEG;IACH,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAc9E;;;OAGG;IACH,sBAAsB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;CAgBxF;AAED,eAAO,MAAM,iBAAiB,mBAA0B,CAAC"}

package/dist/resolver/metrics.js DELETED Viewed

@@ -1,43 +0,0 @@
-import PDFDocument from 'pdfkit';
-export class MetricsCalculator {
-    constructor() {
-        // Create a headless PDF document for measurements
-        this.doc = new PDFDocument({ size: [720, 405] });
-    }
-    /**
-     * Calculates the height of a string given a font and width.
-     */
-    calculateTextHeight(text, style, maxWidth) {
-        const fontSize = style.font_size || 18; // Default font size
-        const font = style.font_family || 'Helvetica'; // Default font
-        try {
-            this.doc.font(font).fontSize(fontSize);
-            return this.doc.heightOfString(text, { width: maxWidth });
-        }
-        catch (_e) {
-            // Fallback font if the requested one fails
-            this.doc.font('Helvetica').fontSize(fontSize);
-            return this.doc.heightOfString(text, { width: maxWidth });
-        }
-    }
-    /**
-     * Estimates height for Markdown content.
-     * For now, this is a simplified version that handles basic text and lists.
-     */
-    estimateMarkdownHeight(markdown, style, maxWidth) {
-        // Simple heuristic: split by lines and sum heights
-        // In a real implementation, this would handle actual markdown parsing.
-        const lines = markdown.split('\n');
-        let totalHeight = 0;
-        for (const line of lines) {
-            if (!line.trim()) {
-                totalHeight += (style.font_size || 18) * 0.5; // Half line height for empty lines
-                continue;
-            }
-            totalHeight += this.calculateTextHeight(line, style, maxWidth);
-        }
-        return totalHeight;
-    }
-}
-export const metricsCalculator = new MetricsCalculator();
-//# sourceMappingURL=metrics.js.map

package/dist/resolver/metrics.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../src/resolver/metrics.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,QAAQ,CAAC;AAgBjC,MAAM,OAAO,iBAAiB;IAG1B;QACI,kDAAkD;QAClD,IAAI,CAAC,GAAG,GAAG,IAAI,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;IACrD,CAAC;IAED;;OAEG;IACH,mBAAmB,CAAC,IAAY,EAAE,KAAiB,EAAE,QAAgB;QACjE,MAAM,QAAQ,GAAI,KAAK,CAAC,SAAoB,IAAI,EAAE,CAAC,CAAC,oBAAoB;QACxE,MAAM,IAAI,GAAI,KAAK,CAAC,WAAsB,IAAI,WAAW,CAAC,CAAC,eAAe;QAE1E,IAAI,CAAC;YACD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACvC,OAAO,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9D,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,2CAA2C;YAC3C,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9D,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,sBAAsB,CAAC,QAAgB,EAAE,KAAiB,EAAE,QAAgB;QACxE,mDAAmD;QACnD,uEAAuE;QACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,WAAW,GAAG,CAAC,CAAC;QAEpB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;gBACf,WAAW,IAAI,CAAE,KAAK,CAAC,SAAoB,IAAI,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,mCAAmC;gBAC7F,SAAS;YACb,CAAC;YACD,WAAW,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;QACnE,CAAC;QAED,OAAO,WAAW,CAAC;IACvB,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,iBAAiB,EAAE,CAAC"}

package/src/resolver/metrics.ts DELETED Viewed

@@ -1,64 +0,0 @@
-import PDFDocument from 'pdfkit';
-import { SlideStyle } from '../models/ir.js';
-export interface LayoutSlot {
-    id: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-export interface LayoutDefinition {
-    id: string;
-    slots: LayoutSlot[];
-}
-export class MetricsCalculator {
-    private doc: PDFKit.PDFDocument;
-    constructor() {
-        // Create a headless PDF document for measurements
-        this.doc = new PDFDocument({ size: [720, 405] });
-    }
-    /**
-     * Calculates the height of a string given a font and width.
-     */
-    calculateTextHeight(text: string, style: SlideStyle, maxWidth: number): number {
-        const fontSize = (style.font_size as number) || 18; // Default font size
-        const font = (style.font_family as string) || 'Helvetica'; // Default font
-        try {
-            this.doc.font(font).fontSize(fontSize);
-            return this.doc.heightOfString(text, { width: maxWidth });
-        } catch (_e) {
-            // Fallback font if the requested one fails
-            this.doc.font('Helvetica').fontSize(fontSize);
-            return this.doc.heightOfString(text, { width: maxWidth });
-        }
-    }
-    /**
-     * Estimates height for Markdown content.
-     * For now, this is a simplified version that handles basic text and lists.
-     */
-    estimateMarkdownHeight(markdown: string, style: SlideStyle, maxWidth: number): number {
-        // Simple heuristic: split by lines and sum heights
-        // In a real implementation, this would handle actual markdown parsing.
-        const lines = markdown.split('\n');
-        let totalHeight = 0;
-        for (const line of lines) {
-            if (!line.trim()) {
-                totalHeight += ((style.font_size as number) || 18) * 0.5; // Half line height for empty lines
-                continue;
-            }
-            totalHeight += this.calculateTextHeight(line, style, maxWidth);
-        }
-        return totalHeight;
-    }
-}
-export const metricsCalculator = new MetricsCalculator();