@bendyline/squisq 0.1.2 → 1.1.0

package/dist/doc/templates/statHighlight.js

@@ -0,0 +1,99 @@
+/**
+ * Stat Highlight Template
+ *
+ * Large statistic/number with description and optional detail.
+ * Great for emphasizing key data points.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * Supports optional accent images that appear as tasteful side/bottom strips.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+import { resolveColorScheme } from '../utils/themeUtils.js';
+import { createAccentLayers, getAccentLayout, adjustY, DEFAULT_LAYOUT } from './accentImage.js';
+import { createBackgroundLayer } from './captionUtils.js';
+export function statHighlight(input, context) {
+    const { stat, description, detail, colorScheme = 'blue', accentImage } = input;
+    const { theme } = context;
+    const colors = resolveColorScheme(context, colorScheme);
+    // Get layout adjustments if accent image is present
+    const accentLayout = accentImage ? getAccentLayout(accentImage.position) : DEFAULT_LAYOUT;
+    // Scale font sizes — stat is dramatically large, description is understated
+    const statFontSize = scaledFontSize(148, context, true);
+    const descFontSize = scaledFontSize(32, context, false);
+    const detailFontSize = scaledFontSize(26, context, false);
+    const layers = [
+        createBackgroundLayer('bg', `linear-gradient(180deg, ${theme.colors.background} 0%, #0f1520 100%)`),
+    ];
+    // Add accent image layers (behind text, after background)
+    if (accentImage) {
+        layers.push(...createAccentLayers(accentImage, input.id));
+    }
+    // Big stat — hero element, dominates the slide
+    layers.push({
+        type: 'text',
+        id: 'stat',
+        content: {
+            text: stat,
+            style: {
+                fontSize: statFontSize,
+                fontWeight: 'bold',
+                color: colors.text,
+                shadow: !!accentImage,
+            },
+        },
+        position: {
+            x: accentLayout.textCenterX,
+            y: adjustY('32%', accentLayout),
+            anchor: 'center',
+        },
+        animation: { type: 'zoomIn', duration: 0.6 },
+    });
+    // Description — smaller and understated beneath the stat
+    layers.push({
+        type: 'text',
+        id: 'description',
+        content: {
+            text: description,
+            style: {
+                fontSize: descFontSize,
+                color: theme.colors.textMuted,
+                textAlign: 'center',
+                lineHeight: 1.6,
+                shadow: !!accentImage,
+            },
+        },
+        position: {
+            x: accentLayout.textCenterX,
+            y: adjustY('58%', accentLayout),
+            width: accentLayout.textWidth,
+            anchor: 'center',
+        },
+        animation: { type: 'fadeIn', duration: 1, delay: 0.3 },
+    });
+    // Add detail if provided
+    if (detail) {
+        layers.push({
+            type: 'text',
+            id: 'detail',
+            content: {
+                text: detail,
+                style: {
+                    fontSize: detailFontSize,
+                    color: colors.accent,
+                    textAlign: 'center',
+                    shadow: !!accentImage,
+                },
+            },
+            position: {
+                x: accentLayout.textCenterX,
+                y: adjustY('75%', accentLayout),
+                anchor: 'center',
+            },
+            animation: { type: 'fadeIn', duration: 1, delay: 1 },
+        });
+    }
+    return layers;
+}
+//# sourceMappingURL=statHighlight.js.map

package/dist/doc/templates/statHighlight.js.map

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

package/dist/doc/templates/titleBlock.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Title Block Template
+ *
+ * Large title with optional subtitle for doc intros.
+ * Centered text with fade-in animations.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { TitleBlockInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function titleBlock(input: TitleBlockInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=titleBlock.d.ts.map

package/dist/doc/templates/titleBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleBlock.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/titleBlock.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGxF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CAqFpF"}

package/dist/doc/templates/titleBlock.js

@@ -0,0 +1,92 @@
+/**
+ * Title Block Template
+ *
+ * Large title with optional subtitle for doc intros.
+ * Centered text with fade-in animations.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+export function titleBlock(input, context) {
+    const { title, subtitle, backgroundColor } = input;
+    const { theme, layout } = context;
+    // Scale font sizes for viewport
+    const titleFontSize = scaledFontSize(96, context, true);
+    const subtitleFontSize = scaledFontSize(36, context, false);
+    const baseBg = backgroundColor || theme.colors.primary;
+    const layers = [
+        // Background — radial gradient for depth instead of flat color
+        {
+            type: 'shape',
+            id: 'bg',
+            content: {
+                shape: 'rect',
+                fill: `radial-gradient(ellipse at 50% 40%, ${baseBg} 0%, ${theme.colors.background} 100%)`,
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        },
+        // Subtle decorative line above title
+        {
+            type: 'shape',
+            id: 'accent-line',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(255, 255, 255, 0.2)',
+            },
+            position: {
+                x: '40%',
+                y: subtitle ? '28%' : '38%',
+                width: '20%',
+                height: '2px',
+            },
+        },
+        // Title
+        {
+            type: 'text',
+            id: 'title',
+            content: {
+                text: title,
+                style: {
+                    fontSize: titleFontSize,
+                    fontWeight: 'bold',
+                    color: theme.colors.text,
+                    textAlign: 'center',
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: subtitle ? layout.primaryY : '50%',
+                anchor: 'center',
+                width: layout.maxTextWidth,
+            },
+            animation: { type: 'fadeIn', duration: 2 },
+        },
+    ];
+    // Add subtitle if provided
+    if (subtitle) {
+        layers.push({
+            type: 'text',
+            id: 'subtitle',
+            content: {
+                text: subtitle,
+                style: {
+                    fontSize: subtitleFontSize,
+                    color: theme.colors.textMuted,
+                    textAlign: 'center',
+                    lineHeight: 1.5,
+                },
+            },
+            position: {
+                x: '50%',
+                y: layout.secondaryY,
+                anchor: 'center',
+                width: layout.maxTextWidth,
+            },
+            animation: { type: 'fadeIn', duration: 1.5, delay: 1 },
+        });
+    }
+    return layers;
+}
+//# sourceMappingURL=titleBlock.js.map

package/dist/doc/templates/titleBlock.js.map

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

package/dist/doc/templates/twoColumn.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Two Column Template
+ *
+ * Side-by-side comparison of two items.
+ * Each column has a label and optional sublabel.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * Portrait mode: Stacks columns vertically (top/bottom) instead of side-by-side.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { TwoColumnInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function twoColumn(input: TwoColumnInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=twoColumn.d.ts.map

package/dist/doc/templates/twoColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"twoColumn.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/twoColumn.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKvF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CA4NlF"}

package/dist/doc/templates/twoColumn.js

@@ -0,0 +1,219 @@
+/**
+ * Two Column Template
+ *
+ * Side-by-side comparison of two items.
+ * Each column has a label and optional sublabel.
+ * Adapts font sizes and positioning for different viewports.
+ *
+ * Portrait mode: Stacks columns vertically (top/bottom) instead of side-by-side.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+import { resolveColorScheme } from '../utils/themeUtils.js';
+import { getTwoColumnPositions } from '../../schemas/LayoutStrategy.js';
+export function twoColumn(input, context) {
+    const { left, right, header, leftColor = 'green', rightColor = 'blue' } = input;
+    // Guard: required fields may be absent when generated from sparse markdown
+    if (!left?.label || !right?.label)
+        return [];
+    const { theme, layout, orientation } = context;
+    const leftColors = resolveColorScheme(context, leftColor);
+    const rightColors = resolveColorScheme(context, rightColor);
+    // Get column positions based on orientation
+    const positions = getTwoColumnPositions(orientation);
+    const isStacked = layout.stackColumns;
+    // Column width ~42% for side-by-side, ~85% for stacked
+    const columnWidth = isStacked ? '85%' : '42%';
+    // Calculate font sizes based on viewport
+    const headerFontSize = scaledFontSize(32, context, false);
+    const labelFontSize = scaledFontSize(44, context, true);
+    const sublabelFontSize = scaledFontSize(22, context, false);
+    const layers = [
+        // Background — subtle gradient to add depth
+        {
+            type: 'shape',
+            id: 'bg',
+            content: {
+                shape: 'rect',
+                fill: `linear-gradient(135deg, ${theme.colors.background} 0%, #16202e 100%)`,
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        },
+    ];
+    if (!isStacked) {
+        // Left column background panel
+        layers.push({
+            type: 'shape',
+            id: 'left-panel',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(255, 255, 255, 0.04)',
+            },
+            position: { x: '3%', y: '15%', width: '44%', height: '70%' },
+        });
+        // Right column background panel
+        layers.push({
+            type: 'shape',
+            id: 'right-panel',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(255, 255, 255, 0.04)',
+            },
+            position: { x: '53%', y: '15%', width: '44%', height: '70%' },
+        });
+    }
+    // Header position adjusts based on layout
+    const headerY = isStacked ? '12%' : '22%';
+    // Add header if provided
+    if (header) {
+        layers.push({
+            type: 'text',
+            id: 'header',
+            content: {
+                text: header,
+                style: {
+                    fontSize: headerFontSize,
+                    color: theme.colors.textMuted,
+                    textAlign: 'center',
+                },
+            },
+            position: { x: '50%', y: headerY, anchor: 'center' },
+            animation: { type: 'fadeIn', duration: 0.8 },
+        });
+    }
+    // Calculate Y positions based on layout mode and header presence
+    let leftY;
+    let leftSublabelY;
+    let rightY;
+    let rightSublabelY;
+    if (isStacked) {
+        // Portrait: stacked vertically
+        leftY = header ? '30%' : '25%';
+        leftSublabelY = header ? '40%' : '35%';
+        rightY = header ? '60%' : '55%';
+        rightSublabelY = header ? '70%' : '65%';
+    }
+    else {
+        // Landscape/square: side by side — vertically centered in panels (15%-85%)
+        const baseY = header ? '47%' : '45%';
+        const sublabelOffset = header ? '58%' : '56%';
+        leftY = baseY;
+        leftSublabelY = sublabelOffset;
+        rightY = baseY;
+        rightSublabelY = sublabelOffset;
+    }
+    // Left column (or top in portrait)
+    layers.push({
+        type: 'text',
+        id: 'left-label',
+        content: {
+            text: left.label,
+            style: {
+                fontSize: labelFontSize,
+                fontWeight: 'bold',
+                color: leftColors.text,
+                textAlign: 'center',
+                lineHeight: 1.3,
+            },
+        },
+        position: {
+            x: positions.left.x,
+            y: leftY,
+            anchor: 'center',
+            width: columnWidth,
+        },
+        animation: { type: 'fadeIn', duration: 1 },
+    });
+    if (left.sublabel) {
+        layers.push({
+            type: 'text',
+            id: 'left-sublabel',
+            content: {
+                text: left.sublabel,
+                style: {
+                    fontSize: sublabelFontSize,
+                    color: theme.colors.textMuted,
+                    textAlign: 'center',
+                    lineHeight: 1.4,
+                },
+            },
+            position: {
+                x: positions.left.x,
+                y: leftSublabelY,
+                anchor: 'center',
+                width: columnWidth,
+            },
+            animation: { type: 'fadeIn', duration: 0.8, delay: 0.3 },
+        });
+    }
+    // Visual connector between columns (bold arrow)
+    const connectorFontSize = scaledFontSize(120, context, true);
+    const connectorY = isStacked ? '48%' : '50%'; // Centered in viewport
+    const connectorSymbol = isStacked ? '\u2193' : '\u2192'; // ↓ for stacked, → for side-by-side
+    layers.push({
+        type: 'text',
+        id: 'connector',
+        content: {
+            text: connectorSymbol,
+            style: {
+                fontSize: connectorFontSize,
+                fontWeight: 'bold',
+                color: 'rgba(255, 255, 255, 0.6)',
+                textAlign: 'center',
+            },
+        },
+        position: {
+            x: '50%',
+            y: connectorY,
+            anchor: 'center',
+        },
+        animation: { type: 'fadeIn', duration: 0.6, delay: 0.4 },
+    });
+    // Right column (or bottom in portrait)
+    layers.push({
+        type: 'text',
+        id: 'right-label',
+        content: {
+            text: right.label,
+            style: {
+                fontSize: labelFontSize,
+                fontWeight: 'bold',
+                color: rightColors.text,
+                textAlign: 'center',
+                lineHeight: 1.3,
+            },
+        },
+        position: {
+            x: positions.right.x,
+            y: rightY,
+            anchor: 'center',
+            width: columnWidth,
+        },
+        animation: { type: 'fadeIn', duration: 1, delay: 0.5 },
+    });
+    if (right.sublabel) {
+        layers.push({
+            type: 'text',
+            id: 'right-sublabel',
+            content: {
+                text: right.sublabel,
+                style: {
+                    fontSize: sublabelFontSize,
+                    color: theme.colors.textMuted,
+                    textAlign: 'center',
+                    lineHeight: 1.4,
+                },
+            },
+            position: {
+                x: positions.right.x,
+                y: rightSublabelY,
+                anchor: 'center',
+                width: columnWidth,
+            },
+            animation: { type: 'fadeIn', duration: 0.8, delay: 0.8 },
+        });
+    }
+    return layers;
+}
+//# sourceMappingURL=twoColumn.js.map

package/dist/doc/templates/twoColumn.js.map

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

package/dist/doc/templates/videoPullQuote.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Video Pull Quote Template
+ *
+ * Quote text over a video clip background with dark overlay.
+ * Cinematic alternative to pullQuote when a video clip is available.
+ * Combines the visual dynamism of live video with the text focus of quoteBlock.
+ *
+ * The video plays muted — narration audio is the only sound track.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ *
+ * Related Files:
+ * - shared/story/templates/pullQuote.ts — image-based equivalent
+ * - schemas/StoryScript.ts — VideoLayer type
+ * - site/src/components/story/layers/VideoLayer.tsx — rendering component
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { VideoPullQuoteInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function videoPullQuote(input: VideoPullQuoteInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=videoPullQuote.d.ts.map

package/dist/doc/templates/videoPullQuote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoPullQuote.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/videoPullQuote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAG5F,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CA0G5F"}

package/dist/doc/templates/videoPullQuote.js

@@ -0,0 +1,118 @@
+/**
+ * Video Pull Quote Template
+ *
+ * Quote text over a video clip background with dark overlay.
+ * Cinematic alternative to pullQuote when a video clip is available.
+ * Combines the visual dynamism of live video with the text focus of quoteBlock.
+ *
+ * The video plays muted — narration audio is the only sound track.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ *
+ * Related Files:
+ * - shared/story/templates/pullQuote.ts — image-based equivalent
+ * - schemas/StoryScript.ts — VideoLayer type
+ * - site/src/components/story/layers/VideoLayer.tsx — rendering component
+ */
+import { scaledFontSize } from '../../schemas/BlockTemplates.js';
+export function videoPullQuote(input, context) {
+    const { text, attribution, backgroundVideo } = input;
+    // Guard: backgroundVideo is required
+    if (!backgroundVideo?.src)
+        return [];
+    const quoteFontSize = scaledFontSize(52, context, true);
+    const attrFontSize = scaledFontSize(24, context, false);
+    const decoFontSize = scaledFontSize(200, context, true);
+    const layers = [
+        // Full-bleed background video clip
+        {
+            type: 'video',
+            id: 'bg-video',
+            content: {
+                src: backgroundVideo.src,
+                posterSrc: backgroundVideo.posterSrc,
+                alt: backgroundVideo.alt,
+                fit: 'cover',
+                clipStart: backgroundVideo.clipStart,
+                clipEnd: backgroundVideo.clipEnd,
+                credit: backgroundVideo.credit,
+                license: backgroundVideo.license,
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        },
+        // Dark overlay for text readability
+        {
+            type: 'shape',
+            id: 'overlay',
+            content: {
+                shape: 'rect',
+                fill: 'rgba(0, 0, 0, 0.55)',
+            },
+            position: { x: 0, y: 0, width: '100%', height: '100%' },
+        },
+        // Decorative quotation mark
+        {
+            type: 'text',
+            id: 'deco-quote',
+            content: {
+                text: '\u201C',
+                style: {
+                    fontSize: decoFontSize,
+                    color: 'rgba(255, 255, 255, 0.08)',
+                    textAlign: 'center',
+                },
+            },
+            position: {
+                x: '50%',
+                y: '20%',
+                anchor: 'center',
+            },
+        },
+        // Quote text
+        {
+            type: 'text',
+            id: 'quote-text',
+            content: {
+                text,
+                style: {
+                    fontSize: quoteFontSize,
+                    color: '#ffffff',
+                    textAlign: 'center',
+                    lineHeight: 1.5,
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: attribution ? '45%' : '50%',
+                anchor: 'center',
+                width: '80%',
+            },
+            animation: { type: 'fadeIn', duration: 2 },
+        },
+    ];
+    // Attribution
+    if (attribution) {
+        layers.push({
+            type: 'text',
+            id: 'attribution',
+            content: {
+                text: `\u2014 ${attribution}`,
+                style: {
+                    fontSize: attrFontSize,
+                    color: 'rgba(255, 255, 255, 0.7)',
+                    textAlign: 'center',
+                    shadow: true,
+                },
+            },
+            position: {
+                x: '50%',
+                y: '72%',
+                anchor: 'center',
+            },
+            animation: { type: 'fadeIn', duration: 1, delay: 1.5 },
+        });
+    }
+    return layers;
+}
+//# sourceMappingURL=videoPullQuote.js.map

package/dist/doc/templates/videoPullQuote.js.map

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

package/dist/doc/templates/videoWithCaption.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Video With Caption Template
+ *
+ * Full-screen background video clip with text overlay. Mirrors the structure of
+ * imageWithCaption but uses a VideoLayer instead of an ImageLayer. The video
+ * plays muted — narration audio is the only sound track.
+ *
+ * Adapts caption positioning and font sizes for different viewports.
+ *
+ * This is shared code used by both site and efb-app doc renderers.
+ *
+ * Related Files:
+ * - shared/story/templates/imageWithCaption.ts — image equivalent
+ * - schemas/StoryScript.ts — VideoLayer type
+ * - site/src/components/story/layers/VideoLayer.tsx — rendering component
+ */
+import type { Layer } from '../../schemas/Doc.js';
+import type { VideoWithCaptionInput, TemplateContext } from '../../schemas/BlockTemplates.js';
+export declare function videoWithCaption(input: VideoWithCaptionInput, context: TemplateContext): Layer[];
+//# sourceMappingURL=videoWithCaption.d.ts.map

package/dist/doc/templates/videoWithCaption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoWithCaption.d.ts","sourceRoot":"","sources":["../../../src/doc/templates/videoWithCaption.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAI9F,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CAuGhG"}