@kawaijs/renderer-dom 0.1.11 → 0.1.13

package/dist/modals/save-load-modal.js

@@ -0,0 +1,262 @@
+import { encodeContinueToken, buildContinueHref } from '@kawaijs/runtime';
+import { SVG_ICONS } from '../icons.js';
+import { showConfirmModal } from './confirm-modal.js';
+import { trapFocus } from '../utils/focus-trap.js';
+function cleanPreviewText(text) {
+    return text
+        .replace(/\{[a-zA-Z0-9#=_., -]+\}/g, '')
+        .replace(/\{(?:\/)[a-zA-Z0-9]+\}/g, '')
+        .trim();
+}
+export async function showSaveLoadModal(rootEl, vm, mode, onLoaded) {
+    const existing = rootEl.querySelector('.kawa-modal-overlay:not(.kawa-confirm-overlay)');
+    if (existing)
+        existing.remove();
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', mode === 'save' ? 'Save Game' : 'Load Game');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `${mode === 'save' ? SVG_ICONS.save : SVG_ICONS.load} <span>${mode === 'save' ? 'Save Game' : 'Load Game'}</span>`;
+    const releaseFocus = trapFocus(card);
+    const close = () => {
+        releaseFocus();
+        overlay.remove();
+    };
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.setAttribute('aria-label', 'Close modal');
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close();
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body';
+    const shareCurrent = document.createElement('button');
+    shareCurrent.type = 'button';
+    shareCurrent.className = 'kawa-slot-btn kawa-slot-btn-link kawa-continue-link-btn';
+    shareCurrent.innerHTML = `${SVG_ICONS.bookmark} <span>Copy continue link (current progress)</span>`;
+    shareCurrent.setAttribute('aria-label', 'Copy continue link for current progress');
+    shareCurrent.addEventListener('click', async (e) => {
+        e.preventDefault();
+        const slot = await vm.save('__continue_share__');
+        const token = encodeContinueToken(slot);
+        await vm.getSaveManager().deleteSlot('__continue_share__');
+        if (!token) {
+            shareCurrent.querySelector('span').textContent = 'Progress too large to link';
+            return;
+        }
+        const href = buildContinueHref(token);
+        try {
+            if (navigator.clipboard?.writeText) {
+                await navigator.clipboard.writeText(href);
+            }
+            else {
+                window.prompt('Copy this continue link:', href);
+            }
+            const label = shareCurrent.querySelector('span');
+            if (label) {
+                label.textContent = 'Continue link copied!';
+                window.setTimeout(() => {
+                    label.textContent = 'Copy continue link (current progress)';
+                }, 1600);
+            }
+        }
+        catch {
+            window.prompt('Copy this continue link:', href);
+        }
+    });
+    body.appendChild(shareCurrent);
+    const grid = document.createElement('div');
+    grid.className = 'kawa-slots-grid';
+    const saveManager = vm.getSaveManager();
+    const slots = await saveManager.listSlots(6);
+    slots.forEach((slot, idx) => {
+        const slotNum = String(idx + 1);
+        const isOccupied = slot !== null;
+        const slotCard = document.createElement('div');
+        slotCard.className = `kawa-slot-card ${isOccupied ? 'kawa-slot-occupied' : 'kawa-slot-empty'}`;
+        const slotHeader = document.createElement('div');
+        slotHeader.className = 'kawa-slot-header';
+        const badge = document.createElement('span');
+        badge.className = `kawa-slot-badge ${isOccupied ? 'kawa-slot-badge-occupied' : 'kawa-slot-badge-empty'}`;
+        badge.innerHTML = `${SVG_ICONS.bookmark} <span>Slot ${slotNum}</span>`;
+        const timeSpan = document.createElement('span');
+        timeSpan.className = 'kawa-slot-time';
+        if (slot) {
+            const d = new Date(slot.timestamp);
+            const dateFormatted = d.toLocaleDateString(undefined, {
+                month: '2-digit',
+                day: '2-digit',
+                year: 'numeric'
+            });
+            const timeFormatted = d.toLocaleTimeString(undefined, {
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit'
+            });
+            timeSpan.innerHTML = `${SVG_ICONS.clock} <span>${dateFormatted}, ${timeFormatted}</span>`;
+            timeSpan.title = d.toLocaleString();
+        }
+        else {
+            timeSpan.textContent = 'Empty';
+        }
+        slotHeader.appendChild(badge);
+        slotHeader.appendChild(timeSpan);
+        slotCard.appendChild(slotHeader);
+        if (slot) {
+            const preview = document.createElement('div');
+            preview.className = 'kawa-slot-preview';
+            const previewIcon = document.createElement('span');
+            previewIcon.className = 'kawa-slot-preview-icon';
+            previewIcon.innerHTML = SVG_ICONS.quote;
+            const previewText = document.createElement('span');
+            previewText.className = 'kawa-slot-preview-text';
+            previewText.textContent = cleanPreviewText(slot.previewText || `Label: ${slot.snapshot.state.currentLabel}`);
+            preview.appendChild(previewIcon);
+            preview.appendChild(previewText);
+            slotCard.appendChild(preview);
+        }
+        else {
+            const emptyState = document.createElement('div');
+            emptyState.className = 'kawa-slot-empty-content';
+            const emptyIcon = document.createElement('span');
+            emptyIcon.className = 'kawa-slot-empty-icon';
+            emptyIcon.innerHTML = SVG_ICONS.plus;
+            const emptyText = document.createElement('span');
+            emptyText.className = 'kawa-slot-empty-text';
+            emptyText.textContent = 'No save data';
+            emptyState.appendChild(emptyIcon);
+            emptyState.appendChild(emptyText);
+            slotCard.appendChild(emptyState);
+        }
+        const actions = document.createElement('div');
+        actions.className = 'kawa-slot-actions';
+        if (mode === 'save') {
+            const saveActionBtn = document.createElement('button');
+            saveActionBtn.type = 'button';
+            saveActionBtn.className = 'kawa-slot-btn kawa-slot-btn-save';
+            const label = isOccupied ? 'Overwrite' : 'Save Here';
+            saveActionBtn.innerHTML = `${SVG_ICONS.save} <span>${label}</span>`;
+            saveActionBtn.setAttribute('aria-label', `${label} slot ${slotNum}`);
+            saveActionBtn.addEventListener('click', async (e) => {
+                e.preventDefault();
+                await vm.save(slotNum);
+                close();
+                void showSaveLoadModal(rootEl, vm, 'save', onLoaded);
+            });
+            actions.appendChild(saveActionBtn);
+        }
+        else {
+            if (slot) {
+                const loadActionBtn = document.createElement('button');
+                loadActionBtn.type = 'button';
+                loadActionBtn.className = 'kawa-slot-btn kawa-slot-btn-load';
+                loadActionBtn.innerHTML = `${SVG_ICONS.load} <span>Load</span>`;
+                loadActionBtn.setAttribute('aria-label', `Load slot ${slotNum}`);
+                loadActionBtn.addEventListener('click', async (e) => {
+                    e.preventDefault();
+                    const ok = await vm.load(slotNum);
+                    if (ok) {
+                        close();
+                        onLoaded?.();
+                    }
+                });
+                actions.appendChild(loadActionBtn);
+            }
+            else {
+                const emptyBtn = document.createElement('button');
+                emptyBtn.type = 'button';
+                emptyBtn.className = 'kawa-slot-btn kawa-slot-btn-disabled';
+                emptyBtn.disabled = true;
+                emptyBtn.innerHTML = `${SVG_ICONS.load} <span>Empty</span>`;
+                actions.appendChild(emptyBtn);
+            }
+        }
+        if (slot) {
+            const linkBtn = document.createElement('button');
+            linkBtn.type = 'button';
+            linkBtn.className = 'kawa-slot-btn kawa-slot-btn-link';
+            linkBtn.innerHTML = `${SVG_ICONS.bookmark} <span>Copy Link</span>`;
+            linkBtn.title = 'Copy continue link';
+            linkBtn.setAttribute('aria-label', `Copy continue link for slot ${slotNum}`);
+            linkBtn.addEventListener('click', async (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                const token = encodeContinueToken(slot);
+                if (!token) {
+                    linkBtn.querySelector('span').textContent = 'Too large';
+                    return;
+                }
+                const href = buildContinueHref(token);
+                try {
+                    if (navigator.clipboard?.writeText) {
+                        await navigator.clipboard.writeText(href);
+                    }
+                    else {
+                        const ta = document.createElement('textarea');
+                        ta.value = href;
+                        ta.style.position = 'fixed';
+                        ta.style.left = '-9999px';
+                        document.body.appendChild(ta);
+                        ta.select();
+                        document.execCommand('copy');
+                        ta.remove();
+                    }
+                    const label = linkBtn.querySelector('span');
+                    if (label) {
+                        const prev = label.textContent;
+                        label.textContent = 'Copied!';
+                        window.setTimeout(() => {
+                            label.textContent = prev;
+                        }, 1400);
+                    }
+                }
+                catch {
+                    window.prompt('Copy this continue link:', href);
+                }
+            });
+            actions.appendChild(linkBtn);
+            const delBtn = document.createElement('button');
+            delBtn.type = 'button';
+            delBtn.className = 'kawa-slot-btn kawa-slot-btn-del';
+            delBtn.innerHTML = SVG_ICONS.trash;
+            delBtn.title = 'Delete Save';
+            delBtn.setAttribute('aria-label', `Delete slot ${slotNum}`);
+            delBtn.addEventListener('click', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                showConfirmModal(rootEl, {
+                    title: 'Delete Save',
+                    message: `Are you sure you want to delete Slot ${slotNum}? This cannot be undone.`,
+                    confirmText: 'Delete',
+                    cancelText: 'Cancel',
+                    onConfirm: async () => {
+                        await saveManager.deleteSlot(slotNum);
+                        close();
+                        void showSaveLoadModal(rootEl, vm, mode, onLoaded);
+                    }
+                });
+            });
+            actions.appendChild(delBtn);
+        }
+        slotCard.appendChild(actions);
+        grid.appendChild(slotCard);
+    });
+    body.appendChild(grid);
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+}
+//# sourceMappingURL=save-load-modal.js.map

package/dist/modals/save-load-modal.js.map

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

package/dist/modals/settings-modal.d.ts

@@ -0,0 +1,14 @@
+export interface SettingsModalOptions {
+    typewriterSpeed: number;
+    autoDelayMs: number;
+    musicVolume?: number;
+    soundVolume?: number;
+    onSettingsChange: (settings: {
+        typewriterSpeed: number;
+        autoDelayMs: number;
+        musicVolume?: number;
+        soundVolume?: number;
+    }) => void;
+}
+export declare function showSettingsModal(rootEl: HTMLElement, options: SettingsModalOptions): void;
+//# sourceMappingURL=settings-modal.d.ts.map

package/dist/modals/settings-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-modal.d.ts","sourceRoot":"","sources":["../../src/modals/settings-modal.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,CAAC,QAAQ,EAAE;QAC3B,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,KAAK,IAAI,CAAC;CACZ;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,GAAG,IAAI,CA2I1F"}

package/dist/modals/settings-modal.js

@@ -0,0 +1,128 @@
+import { SVG_ICONS } from '../icons.js';
+import { trapFocus } from '../utils/focus-trap.js';
+export function showSettingsModal(rootEl, options) {
+    const existing = rootEl.querySelector('.kawa-modal-overlay:not(.kawa-confirm-overlay)');
+    if (existing)
+        existing.remove();
+    let currentSpeed = options.typewriterSpeed;
+    let currentDelay = options.autoDelayMs;
+    let currentMusic = options.musicVolume ?? 0.8;
+    let currentSound = options.soundVolume ?? 1.0;
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', 'Preferences / Settings');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `${SVG_ICONS.settings} <span>Preferences</span>`;
+    const releaseFocus = trapFocus(card);
+    const close = () => {
+        releaseFocus();
+        overlay.remove();
+    };
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.setAttribute('aria-label', 'Close settings');
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close();
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body';
+    const notifyChange = () => {
+        options.onSettingsChange({
+            typewriterSpeed: currentSpeed,
+            autoDelayMs: currentDelay,
+            musicVolume: currentMusic,
+            soundVolume: currentSound
+        });
+    };
+    // 1. Text Speed
+    const speedRow = document.createElement('div');
+    speedRow.className = 'kawa-setting-row';
+    speedRow.innerHTML = `
+    <div class="kawa-setting-header">
+      <span>Text Display Speed</span>
+      <span class="kawa-setting-value" id="kawa-speed-val">${currentSpeed === 0 ? 'Instant' : `${currentSpeed}ms`}</span>
+    </div>
+    <input type="range" class="kawa-slider" id="kawa-speed-slider" min="0" max="60" step="5" value="${currentSpeed}">
+  `;
+    const speedInput = speedRow.querySelector('#kawa-speed-slider');
+    const speedValEl = speedRow.querySelector('#kawa-speed-val');
+    speedInput.addEventListener('input', () => {
+        currentSpeed = Number(speedInput.value);
+        speedValEl.textContent = currentSpeed === 0 ? 'Instant' : `${currentSpeed}ms`;
+        notifyChange();
+    });
+    // 2. Auto Forward Delay
+    const autoRow = document.createElement('div');
+    autoRow.className = 'kawa-setting-row';
+    const autoVal = (currentDelay / 1000).toFixed(1);
+    autoRow.innerHTML = `
+    <div class="kawa-setting-header">
+      <span>Auto-Forward Time</span>
+      <span class="kawa-setting-value" id="kawa-auto-val">${autoVal}s</span>
+    </div>
+    <input type="range" class="kawa-slider" id="kawa-auto-slider" min="500" max="5000" step="250" value="${currentDelay}">
+  `;
+    const autoInput = autoRow.querySelector('#kawa-auto-slider');
+    const autoValEl = autoRow.querySelector('#kawa-auto-val');
+    autoInput.addEventListener('input', () => {
+        currentDelay = Number(autoInput.value);
+        autoValEl.textContent = `${(currentDelay / 1000).toFixed(1)}s`;
+        notifyChange();
+    });
+    // 3. Audio Volume Sliders
+    const musicRow = document.createElement('div');
+    musicRow.className = 'kawa-setting-row';
+    const musicPercent = Math.round(currentMusic * 100);
+    musicRow.innerHTML = `
+    <div class="kawa-setting-header">
+      <span>${SVG_ICONS.volumeOn} Music Volume</span>
+      <span class="kawa-setting-value" id="kawa-music-val">${musicPercent}%</span>
+    </div>
+    <input type="range" class="kawa-slider" id="kawa-music-slider" min="0" max="100" step="5" value="${musicPercent}">
+  `;
+    const musicInput = musicRow.querySelector('#kawa-music-slider');
+    const musicValEl = musicRow.querySelector('#kawa-music-val');
+    musicInput.addEventListener('input', () => {
+        currentMusic = Number(musicInput.value) / 100;
+        musicValEl.textContent = `${musicInput.value}%`;
+        notifyChange();
+    });
+    const sfxRow = document.createElement('div');
+    sfxRow.className = 'kawa-setting-row';
+    const sfxPercent = Math.round(currentSound * 100);
+    sfxRow.innerHTML = `
+    <div class="kawa-setting-header">
+      <span>${SVG_ICONS.volumeOn} Sound & Voice Volume</span>
+      <span class="kawa-setting-value" id="kawa-sfx-val">${sfxPercent}%</span>
+    </div>
+    <input type="range" class="kawa-slider" id="kawa-sfx-slider" min="0" max="100" step="5" value="${sfxPercent}">
+  `;
+    const sfxInput = sfxRow.querySelector('#kawa-sfx-slider');
+    const sfxValEl = sfxRow.querySelector('#kawa-sfx-val');
+    sfxInput.addEventListener('input', () => {
+        currentSound = Number(sfxInput.value) / 100;
+        sfxValEl.textContent = `${sfxInput.value}%`;
+        notifyChange();
+    });
+    body.appendChild(speedRow);
+    body.appendChild(autoRow);
+    body.appendChild(musicRow);
+    body.appendChild(sfxRow);
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+}
+//# sourceMappingURL=settings-modal.js.map

package/dist/modals/settings-modal.js.map

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

package/dist/renderer.d.ts

@@ -1,86 +1,95 @@
 import type { StoryPackage } from '@kawaijs/ast';
 import type { StoryVM } from '@kawaijs/runtime';
-export type AssetType = 'background' | 'character' | 'audio';
-export declare function defaultAssetResolver(path: string, type: AssetType): string;
-/**
- * Preload all background and character assets mentioned in a story to eliminate visual flashes.
- */
-export declare function preloadStoryAssets(story: StoryPackage, assetResolver?: (path: string, type: AssetType) => string): void;
-export declare const SVG_ICONS: {
-    back: string;
-    history: string;
-    save: string;
-    load: string;
-    auto: string;
-    skip: string;
-    settings: string;
-    volumeOn: string;
-    volumeMute: string;
-    trash: string;
-    close: string;
-    arrowDown: string;
-    replay: string;
-};
-/**
- * Parses inline rich text markup: {b}...{/b}, {i}...{/i}, {color=#hex}...{/color}, {size=1.2em}...{/size}
- */
-export declare function formatRichText(raw: string): string;
-export interface DOMRendererOptions {
-    container: HTMLElement;
-    typewriterSpeed?: number;
-    autoDelayMs?: number;
-    assetResolver?: (path: string, type: AssetType) => string;
-}
+import { type DOMRendererOptions, type GalleryItem } from './types.js';
+import { ViewportAdapter } from './layout/viewport-adapter.js';
+export * from './icons.js';
+export * from './types.js';
+export * from './asset-fallbacks.js';
+export * from './utils/rich-text.js';
+export * from './utils/focus-trap.js';
+export * from './layout/viewport-adapter.js';
+export * from './modals/save-load-modal.js';
+export * from './modals/settings-modal.js';
+export * from './modals/history-modal.js';
+export * from './modals/about-modal.js';
+export * from './modals/gallery-modal.js';
+export * from './modals/achievements-modal.js';
+export * from './modals/confirm-modal.js';
+export * from './modals/input-modal.js';
+export * from './components/main-menu.js';
+export * from './components/dialogue-box.js';
+export * from './components/choice-menu.js';
+export * from './components/quick-menu.js';
+export * from './components/stage-layer.js';
+export * from './components/vfx-layer.js';
+export * from './share-meta.js';
+export * from './embed.js';
+export * from './touch.js';
+export declare function extractGalleryItems(story?: StoryPackage): GalleryItem[];
 export declare class DOMRenderer {
     private readonly vm;
     private readonly container;
+    private readonly options;
     private typewriterSpeed;
     private autoDelayMs;
+    private musicVolume;
+    private soundVolume;
     private readonly assetResolver;
+    private readonly mainMenuOptions?;
+    private readonly audioManager?;
     private rootEl;
-    private stageEl;
-    private backgroundEl;
-    private bgLayerA;
-    private bgLayerB;
-    private activeBgLayer;
-    private currentBgUrl;
-    private charactersEl;
-    private activeCharacters;
-    private modeBadgeEl;
-    private dialogueBoxEl;
-    private speakerTagEl;
-    private dialogueTextEl;
-    private choiceContainerEl;
-    private backBtnEl;
-    private autoBtnEl;
-    private skipBtnEl;
-    private currentTypewriterInterval;
-    private isTypewriting;
-    private fullCurrentText;
-    private isChoicePending;
+    private stageLayer;
+    private dialogueBox;
+    private choiceMenu;
+    private hotspotLayer;
+    private quickMenu;
+    private mainMenu;
+    private viewportAdapter?;
+    private appliedStyleTargets;
     private isAutoMode;
     private isSkipMode;
     private autoTimer;
     private skipInterval;
+    private pauseTimer;
+    private errorToastTimer;
+    private advanceLockUntil;
+    private destroyed;
     private unsubscribeVMState?;
+    private unsubscribeCamera?;
+    private unsubscribeAudio?;
+    private unsubscribeError?;
     private boundKeyHandler?;
+    private touchControls?;
     constructor(vm: StoryVM, options: DOMRendererOptions);
     destroy(): void;
+    showErrorToast(message: string): void;
+    getViewportAdapter(): ViewportAdapter | undefined;
     shakeScreen(type?: 'shake' | 'vpunch' | 'hpunch'): void;
     flashScreen(): void;
     toggleAutoMode(force?: boolean): void;
     toggleSkipMode(force?: boolean): void;
+    showMainMenu(): void;
+    hideMainMenu(): void;
+    /** Keep title-screen a11y tree clean: gameplay controls must not stay focusable under the menu. */
+    private setGameplayUiInert;
+    isMainMenuActive(): boolean;
+    startNewGame(): void;
+    continueLatestGame(): Promise<boolean>;
+    showSaveLoadModal(mode: 'save' | 'load'): Promise<void>;
+    showSettingsModal(): void;
+    showHistoryModal(): void;
+    showAboutModal(): void;
+    showGalleryModal(): void;
     private updateModeUI;
     private scheduleAutoAdvance;
     private buildDOM;
     private bindEvents;
     private handleUserAdvance;
+    private syncUrlLabel;
+    private syncShareMeta;
+    private applyThemeAndStyles;
     private render;
-    private startTypewriter;
-    private finishTypewriter;
-    showSettingsModal(): void;
+    private renderEndingCard;
     private saveSettings;
-    showSaveLoadModal(mode: 'save' | 'load'): Promise<void>;
-    showHistoryModal(): void;
 }
 //# sourceMappingURL=renderer.d.ts.map

package/dist/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAoC,MAAM,kBAAkB,CAAC;AAGlF,OAAO,EACL,KAAK,kBAAkB,EAIvB,KAAK,WAAW,EAIjB,MAAM,YAAY,CAAC;AAepB,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAS/D,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,wBAAgB,mBAAmB,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,WAAW,EAAE,CAqBvE;AAED,qBAAa,WAAW;IACtB,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAU;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAc;IACxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAqB;IAC7C,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4C;IAC1E,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAkB;IACnD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAmB;IAEjD,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,WAAW,CAAmB;IACtC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,eAAe,CAAC,CAAkB;IAC1C,OAAO,CAAC,mBAAmB,CAAqB;IAEhD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,kBAAkB,CAAC,CAAa;IACxC,OAAO,CAAC,iBAAiB,CAAC,CAAa;IACvC,OAAO,CAAC,gBAAgB,CAAC,CAAa;IACtC,OAAO,CAAC,gBAAgB,CAAC,CAAa;IACtC,OAAO,CAAC,eAAe,CAAC,CAA6B;IACrD,OAAO,CAAC,aAAa,CAAC,CAAqB;gBAE/B,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB;IAoG7C,OAAO,IAAI,IAAI;IA+Df,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IA4BrC,kBAAkB,IAAI,eAAe,GAAG,SAAS;IAIjD,WAAW,CAAC,IAAI,GAAE,OAAO,GAAG,QAAQ,GAAG,QAAkB,GAAG,IAAI;IAIhE,WAAW,IAAI,IAAI;IAInB,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAerC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IA8CrC,YAAY,IAAI,IAAI;IAOpB,YAAY,IAAI,IAAI;IAK3B,mGAAmG;IACnG,OAAO,CAAC,kBAAkB;IAOnB,gBAAgB,IAAI,OAAO;IAI3B,YAAY,IAAI,IAAI;IAQd,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC;IAgBtC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAM7D,iBAAiB,IAAI,IAAI;IAuBzB,gBAAgB,IAAI,IAAI;IAIxB,cAAc,IAAI,IAAI;IAItB,gBAAgB,IAAI,IAAI;IAO/B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,mBAAmB;IAiC3B,OAAO,CAAC,QAAQ;IAyGhB,OAAO,CAAC,UAAU;IA8GlB,OAAO,CAAC,iBAAiB;IA0BzB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,mBAAmB;IA8B3B,OAAO,CAAC,MAAM;IAmFd,OAAO,CAAC,gBAAgB;IA6CxB,OAAO,CAAC,YAAY;CAerB"}