@sutrata/editor 0.1.2 → 0.3.0

package/dist/titlepage/ExportDialog.js

@@ -1,16 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { useDocument } from '../context/DocumentContext';
-import { exportFountain, parse, romanizeSutra } from '@sutrata/parser';
+import { parse, romanizeSutra } from '@sutrata/parser';
 import { useTranslation } from '../i18n/useTranslation';
-import { exportToDocx } from '../file/docx-exporter';
-import { extractWorkflowData, exportOneLinerCsv, exportShotListCsv, exportCastReportCsv, exportOneLinerDocx, exportShotListDocx, exportCastReportDocx, openPrintPreview, openScreenplayPrintPreview, } from '../file/workflow-reports';
 import { allStyles } from '../styles/registry';
+import { useExportRegistry } from '../extensions/export-registry';
+import { useRegistryList, withBuiltins } from '../extensions/registry-store';
+import { builtinExporters } from '../file/builtin-exporters';
+/**
+ * Renders every export format from one list: the editor's built-ins
+ * (file/builtin-exporters.ts) plus the embedder's ExportRegistry entries.
+ * Screenplay formats are cards; reports are grouped by `family` with chips.
+ */
 export function ExportDialog() {
     const { ast, text, filePath, setExportVisible, resolvedStyle, customStyles, showToast } = useDocument();
     const { t } = useTranslation();
+    const registered = useRegistryList(useExportRegistry());
+    const exporters = useMemo(() => withBuiltins(builtinExporters(t), registered), [t, registered]);
+    const screenplayFormats = exporters.filter(e => e.group === 'screenplay');
+    const reportFormats = exporters.filter(e => e.group === 'report');
+    const reportFamilies = useMemo(() => {
+        const families = new Map();
+        for (const e of reportFormats)
+            families.set(e.family ?? e.label, [...(families.get(e.family ?? e.label) ?? []), e]);
+        return [...families];
+    }, [reportFormats]);
     const [tab, setTab] = useState('screenplay');
-    const [format, setFormat] = useState('pdf');
+    const [formatId, setFormatId] = useState(screenplayFormats[0]?.id ?? '');
     const [warnings, setWarnings] = useState([]);
     const [isExporting, setIsExporting] = useState(false);
     const [styleOverride, setStyleOverride] = useState('');
@@ -20,7 +36,11 @@ export function ExportDialog() {
     const [skipNotes, setSkipNotes] = useState(false);
     const hasIndicText = /[\u0900-\u0DFF]/.test(text);
     const styleChoices = allStyles(customStyles);
-    const showStylePicker = tab === 'screenplay' && (format === 'docx' || format === 'pdf');
+    const selected = exporters.find(e => e.id === formatId) ?? screenplayFormats[0];
+    const showStylePicker = tab === 'screenplay' && !!selected?.supports?.style;
+    const showSkipNotes = tab === 'screenplay' && !!selected?.supports?.skipNotes;
+    const showRomanize = tab === 'screenplay' && hasIndicText && !!selected?.supports?.romanize;
+    const showReportRomanize = hasIndicText && reportFormats.some(e => e.supports?.romanize);
     useEffect(() => {
         const onKey = (e) => {
             if (e.key === 'Escape')
@@ -30,87 +50,37 @@ export function ExportDialog() {
         return () => document.removeEventListener('keydown', onKey);
     }, [setExportVisible]);
     const baseName = (filePath ?? 'screenplay').replace(/\.[^.]+$/, '');
-    /** The AST handed to the PDF/DOCX exporters: the document itself, or a romanized copy
+    /** The context an exporter runs with: the document, or a romanized copy
      *  (Indic → ISO 15919, export only; the .sutra text is never changed). */
-    function screenplayAst() {
-        if (romanizeScope === 'off' || !hasIndicText)
-            return { doc: ast, suffix: '' };
-        const romanized = romanizeSutra(text, { scope: romanizeScope, variant: romanizeVariant });
-        return { doc: parse(romanized), suffix: '_romanized' };
-    }
-    /** Workflow-report data, from a fully romanized copy when that option is on. */
-    function reportData() {
-        if (!romanizeReports || !hasIndicText)
-            return { data: extractWorkflowData(ast), suffix: '' };
-        const romanized = romanizeSutra(text, { scope: 'all', variant: romanizeVariant, notice: false });
-        return { data: extractWorkflowData(parse(romanized)), suffix: '_romanized' };
+    function exportContext(exporter) {
+        const romanizeScopeFor = !exporter.supports?.romanize || !hasIndicText ? null
+            : exporter.group === 'report' ? (romanizeReports ? 'all' : null)
+                : romanizeScope === 'off' ? null : romanizeScope;
+        const options = {
+            styleId: exporter.group === 'screenplay' ? styleOverride || undefined : undefined,
+            skipNotes: exporter.group === 'screenplay' && skipNotes,
+            romanized: romanizeScopeFor ? { scope: romanizeScopeFor, variant: romanizeVariant } : null,
+        };
+        if (!romanizeScopeFor)
+            return { text, ast, style: resolvedStyle, customStyles, options, baseName };
+        const romanized = romanizeSutra(text, {
+            scope: romanizeScopeFor, variant: romanizeVariant, ...(exporter.group === 'report' ? { notice: false } : {}),
+        });
+        return { text: romanized, ast: parse(romanized), style: resolvedStyle, customStyles, options, baseName };
     }
     async function doExport() {
+        if (!selected)
+            return;
         setIsExporting(true);
         try {
-            const { data, suffix: reportSuffix } = reportData();
-            const reportTitleSuffix = reportSuffix ? ' (ROMANIZED)' : '';
-            if (format === 'fountain') {
-                const result = exportFountain(ast);
-                setWarnings(result.warnings);
-                download(`${baseName}.fountain`, result.text, 'text/plain');
-                showToast('Exported Fountain screenplay', 'success');
-            }
-            else if (format === 'docx') {
-                setWarnings([]);
-                const { doc, suffix } = screenplayAst();
-                const blob = await exportToDocx(doc, styleOverride || undefined, customStyles, skipNotes);
-                downloadBlob(`${baseName}${suffix}.docx`, blob);
-                showToast('Exported Word document (.docx)', 'success');
-            }
-            else if (format === 'pdf') {
-                setWarnings([]);
-                const { doc, suffix } = screenplayAst();
-                const title = `${baseName.toUpperCase()} - SCREENPLAY${suffix ? ' (ROMANIZED)' : ''}`;
-                await openScreenplayPrintPreview(doc, title, styleOverride || undefined, customStyles, skipNotes);
-                showToast('Opened Screenplay Print Preview', 'info');
-            }
-            else if (format === 'oneliner-print') {
-                setWarnings([]);
-                await openPrintPreview(data.scenes, `${baseName.toUpperCase()} - ONE-LINER SCHEDULE${reportTitleSuffix}`);
-                showToast('Opened One-Liner Schedule', 'info');
-            }
-            else if (format === 'oneliner-docx') {
-                setWarnings([]);
-                const blob = await exportOneLinerDocx(data.scenes);
-                downloadBlob(`${baseName}_one_liner${reportSuffix}.docx`, blob);
-                showToast('Exported One-Liner DOCX', 'success');
-            }
-            else if (format === 'oneliner-csv') {
-                setWarnings([]);
-                const csv = exportOneLinerCsv(data.scenes);
-                download(`${baseName}_one_liner${reportSuffix}.csv`, csv, 'text/csv');
-                showToast('Exported One-Liner CSV', 'success');
-            }
-            else if (format === 'shotlist-docx') {
-                setWarnings([]);
-                const blob = await exportShotListDocx(data.scenes);
-                downloadBlob(`${baseName}_shot_list${reportSuffix}.docx`, blob);
-                showToast('Exported Shot List DOCX', 'success');
-            }
-            else if (format === 'shotlist-csv') {
-                setWarnings([]);
-                const csv = exportShotListCsv(data.scenes);
-                download(`${baseName}_shot_list${reportSuffix}.csv`, csv, 'text/csv');
-                showToast('Exported Shot List CSV', 'success');
-            }
-            else if (format === 'cast-docx') {
-                setWarnings([]);
-                const blob = await exportCastReportDocx(data.characters);
-                downloadBlob(`${baseName}_cast_report${reportSuffix}.docx`, blob);
-                showToast('Exported Cast Report DOCX', 'success');
-            }
-            else if (format === 'cast-csv') {
-                setWarnings([]);
-                const csv = exportCastReportCsv(data.characters);
-                download(`${baseName}_cast_report${reportSuffix}.csv`, csv, 'text/csv');
-                showToast('Exported Cast Report CSV', 'success');
-            }
+            const ctx = exportContext(selected);
+            // Called before any await: print previews must open inside the click.
+            const output = await selected.run(ctx);
+            const blob = output instanceof Blob ? output : output?.blob;
+            setWarnings(output && !(output instanceof Blob) ? output.warnings ?? [] : []);
+            if (blob)
+                downloadBlob(selected.fileName(ctx), blob);
+            showToast(selected.successMessage ?? `Exported ${selected.label}`, blob ? 'success' : 'info');
         }
         catch (err) {
             console.error('Export failed', err);
@@ -121,11 +91,6 @@ export function ExportDialog() {
             setIsExporting(false);
         }
     }
-    function download(filename, content, mimeType) {
-        const data = mimeType === 'text/csv' ? ['\uFEFF', content] : [content];
-        const blob = new Blob(data, { type: `${mimeType};charset=utf-8` });
-        downloadBlob(filename, blob);
-    }
     function downloadBlob(filename, blob) {
         const url = URL.createObjectURL(blob);
         const a = document.createElement('a');
@@ -139,14 +104,12 @@ export function ExportDialog() {
                 setExportVisible(false);
         }, children: _jsxs("div", { className: "cs-export-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "cs-export-title", style: { maxHeight: '90vh', maxWidth: '540px', width: '92%', display: 'flex', flexDirection: 'column' }, children: [_jsxs("div", { className: "cs-panel-header", children: [_jsx("span", { id: "cs-export-title", className: "cs-panel-title", children: t('export.title') }), _jsx("button", { className: "cs-panel-close", onClick: () => setExportVisible(false), "aria-label": "Close", children: "\u00D7" })] }), _jsxs("div", { className: "cs-panel-body", style: { overflowY: 'auto', flex: 1, padding: '16px' }, children: [_jsxs("div", { className: "cs-export-segmented", role: "tablist", "aria-label": "Export category", children: [_jsx("button", { type: "button", role: "tab", "aria-selected": tab === 'screenplay', className: `cs-export-seg-btn${tab === 'screenplay' ? ' cs-export-seg-btn-active' : ''}`, onClick: () => {
                                         setTab('screenplay');
-                                        if (!['fountain', 'docx', 'pdf'].includes(format))
-                                            setFormat('pdf');
-                                    }, children: "Screenplay Formats" }), _jsx("button", { type: "button", role: "tab", "aria-selected": tab === 'reports', className: `cs-export-seg-btn${tab === 'reports' ? ' cs-export-seg-btn-active' : ''}`, onClick: () => {
+                                        if (selected?.group !== 'screenplay')
+                                            setFormatId(screenplayFormats[0]?.id ?? '');
+                                    }, children: "Screenplay Formats" }), reportFormats.length > 0 && _jsx("button", { type: "button", role: "tab", "aria-selected": tab === 'reports', className: `cs-export-seg-btn${tab === 'reports' ? ' cs-export-seg-btn-active' : ''}`, onClick: () => {
                                         setTab('reports');
-                                        if (['fountain', 'docx', 'pdf'].includes(format))
-                                            setFormat('oneliner-print');
-                                    }, children: "Production Reports" })] }), tab === 'screenplay' ? (_jsxs("div", { children: [_jsxs("div", { className: "cs-export-card-grid", children: [_jsxs("div", { className: `cs-export-format-card${format === 'pdf' ? ' cs-export-format-card-selected' : ''}`, onClick: () => setFormat('pdf'), role: "radio", "aria-checked": format === 'pdf', tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter' || e.key === ' ')
-                                                setFormat('pdf'); }, children: [_jsx("input", { type: "radio", name: "format", value: "pdf", checked: format === 'pdf', onChange: () => setFormat('pdf'), style: { marginTop: '2px' } }), _jsxs("div", { children: [_jsx("strong", { style: { fontSize: '13px', display: 'block', color: 'var(--cs-ui-text-light-primary, #1c1b18)' }, children: "PDF / Print Preview" }), _jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "Print-ready industry screenplay layout styled according to your active visual template." })] })] }), _jsxs("div", { className: `cs-export-format-card${format === 'docx' ? ' cs-export-format-card-selected' : ''}`, onClick: () => setFormat('docx'), role: "radio", "aria-checked": format === 'docx', tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter' || e.key === ' ')
-                                                setFormat('docx'); }, children: [_jsx("input", { type: "radio", name: "format", value: "docx", checked: format === 'docx', onChange: () => setFormat('docx'), style: { marginTop: '2px' } }), _jsxs("div", { children: [_jsx("strong", { style: { fontSize: '13px', display: 'block', color: 'var(--cs-ui-text-light-primary, #1c1b18)' }, children: "Microsoft Word (.docx)" }), _jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: t('export.docxDesc') })] })] }), _jsxs("div", { className: `cs-export-format-card${format === 'fountain' ? ' cs-export-format-card-selected' : ''}`, onClick: () => setFormat('fountain'), role: "radio", "aria-checked": format === 'fountain', tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter' || e.key === ' ')
-                                                setFormat('fountain'); }, children: [_jsx("input", { type: "radio", name: "format", value: "fountain", checked: format === 'fountain', onChange: () => setFormat('fountain'), style: { marginTop: '2px' } }), _jsxs("div", { children: [_jsx("strong", { style: { fontSize: '13px', display: 'block', color: 'var(--cs-ui-text-light-primary, #1c1b18)' }, children: "Fountain (.fountain)" }), _jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: t('export.fountainDesc') })] })] })] }), showStylePicker && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '14px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-style-select", style: { fontSize: '12px' }, children: t('export.style') }), _jsxs("select", { id: "cs-export-style-select", className: "cs-settings-select", value: styleOverride, onChange: e => setStyleOverride(e.target.value), children: [_jsxs("option", { value: "", children: [t('export.styleDefault'), " (", resolvedStyle.name, ")"] }), styleChoices.map(s => (_jsx("option", { value: s.id, children: s.name }, s.id)))] })] })), showStylePicker && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("input", { id: "cs-export-skip-notes", type: "checkbox", checked: skipNotes, onChange: e => setSkipNotes(e.target.checked) }), _jsx("label", { htmlFor: "cs-export-skip-notes", className: "cs-settings-label", style: { fontSize: '12px', margin: 0 }, children: "Skip notes ([[ ]])" })] })), showStylePicker && hasIndicText && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', flexWrap: 'wrap', gap: '8px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-romanize-select", style: { fontSize: '12px' }, children: "Romanized copy (ISO 15919)" }), _jsxs("select", { id: "cs-export-romanize-select", className: "cs-settings-select", value: romanizeScope, onChange: e => setRomanizeScope(e.target.value), children: [_jsx("option", { value: "off", children: "Off (native script)" }), _jsx("option", { value: "all", children: "All text" }), _jsx("option", { value: "dialogue", children: "Dialogue only" })] }), romanizeScope !== 'off' && (_jsxs("select", { "aria-label": "Romanization variant", className: "cs-settings-select", value: romanizeVariant, onChange: e => setRomanizeVariant(e.target.value), children: [_jsx("option", { value: "strict", children: "Strict ISO 15919" }), _jsx("option", { value: "colloquial", children: "Casual (no diacritics)" })] })), romanizeScope !== 'off' && (_jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)', flexBasis: '100%' }, children: "Your script is not changed. Page numbers in the romanized copy differ from the original." }))] }))] })) : (_jsxs("div", { children: [_jsxs("div", { className: "cs-export-report-box", children: [_jsxs("div", { className: "cs-export-report-header", children: [_jsx("span", { className: "cs-export-report-title", children: "One-Liner Schedule" }), _jsxs("div", { className: "cs-export-chips", children: [_jsx("button", { type: "button", className: `cs-export-chip${format === 'oneliner-print' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('oneliner-print'), children: "Print View" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'oneliner-docx' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('oneliner-docx'), children: "Word (.docx)" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'oneliner-csv' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('oneliner-csv'), children: "Spreadsheet (.csv)" })] })] }), _jsx("div", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "A scene-by-scene production stripboard breakdown with locations, cast, and timings." })] }), _jsxs("div", { className: "cs-export-report-box", children: [_jsxs("div", { className: "cs-export-report-header", children: [_jsx("span", { className: "cs-export-report-title", children: "Shot List" }), _jsxs("div", { className: "cs-export-chips", children: [_jsx("button", { type: "button", className: `cs-export-chip${format === 'shotlist-docx' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('shotlist-docx'), children: "Word (.docx)" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'shotlist-csv' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('shotlist-csv'), children: "Spreadsheet (.csv)" })] })] }), _jsx("div", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "Camera shot specifications extracted from scene headings and production notes." })] }), _jsxs("div", { className: "cs-export-report-box", children: [_jsxs("div", { className: "cs-export-report-header", children: [_jsx("span", { className: "cs-export-report-title", children: "Cast Breakdown" }), _jsxs("div", { className: "cs-export-chips", children: [_jsx("button", { type: "button", className: `cs-export-chip${format === 'cast-docx' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('cast-docx'), children: "Word (.docx)" }), _jsx("button", { type: "button", className: `cs-export-chip${format === 'cast-csv' ? ' cs-export-chip-active' : ''}`, onClick: () => setFormat('cast-csv'), children: "Spreadsheet (.csv)" })] })] }), _jsx("div", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: "Character occurrences, dialogue counts, and assigned actors list." })] }), hasIndicText && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', flexWrap: 'wrap', gap: '8px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-romanize-reports", style: { fontSize: '12px' }, children: "Romanized copy (ISO 15919)" }), _jsxs("select", { id: "cs-export-romanize-reports", className: "cs-settings-select", value: romanizeReports ? 'on' : 'off', onChange: e => setRomanizeReports(e.target.value === 'on'), children: [_jsx("option", { value: "off", children: "Off (native script)" }), _jsx("option", { value: "on", children: "Romanize all text" })] }), romanizeReports && (_jsxs("select", { "aria-label": "Romanization variant", className: "cs-settings-select", value: romanizeVariant, onChange: e => setRomanizeVariant(e.target.value), children: [_jsx("option", { value: "strict", children: "Strict ISO 15919" }), _jsx("option", { value: "colloquial", children: "Casual (no diacritics)" })] }))] }))] })), warnings.length > 0 && (_jsxs("div", { className: "cs-export-warnings", style: { background: '#fffbeb', border: '1px solid #fcd34d', padding: '10px', borderRadius: '4px', marginTop: '14px' }, children: [_jsx("div", { className: "cs-export-warn-title", style: { fontWeight: 600, color: '#b45309', fontSize: '12px', marginBottom: '4px' }, children: t('export.warnings') }), warnings.map((w, i) => (_jsxs("div", { className: "cs-export-warn-item", style: { fontSize: '11px', color: '#59574f' }, children: ["\u2022 ", w] }, i)))] }))] }), _jsxs("div", { className: "cs-export-actions", style: { borderTop: '1px solid var(--cs-ui-border-light-subtle, #eeece4)', padding: '12px 16px', display: 'flex', justifyContent: 'flex-end', gap: '8px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)' }, children: [_jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => setExportVisible(false), children: t('export.cancel') }), _jsx("button", { type: "button", className: "cs-confirm-btn-primary", onClick: doExport, disabled: isExporting, children: isExporting ? 'Exporting...' : t('export.download') })] })] }) }));
+                                        if (selected?.group !== 'report')
+                                            setFormatId(reportFormats[0]?.id ?? '');
+                                    }, children: "Production Reports" })] }), tab === 'screenplay' ? (_jsxs("div", { children: [_jsx("div", { className: "cs-export-card-grid", children: screenplayFormats.map(f => (_jsxs("div", { className: `cs-export-format-card${selected?.id === f.id ? ' cs-export-format-card-selected' : ''}`, onClick: () => setFormatId(f.id), role: "radio", "aria-checked": selected?.id === f.id, tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter' || e.key === ' ')
+                                            setFormatId(f.id); }, children: [_jsx("input", { type: "radio", name: "format", value: f.id, checked: selected?.id === f.id, onChange: () => setFormatId(f.id), style: { marginTop: '2px' } }), _jsxs("div", { children: [_jsx("strong", { style: { fontSize: '13px', display: 'block', color: 'var(--cs-ui-text-light-primary, #1c1b18)' }, children: f.label }), f.description && (_jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: f.description }))] })] }, f.id))) }), showStylePicker && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '14px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-style-select", style: { fontSize: '12px' }, children: t('export.style') }), _jsxs("select", { id: "cs-export-style-select", className: "cs-settings-select", value: styleOverride, onChange: e => setStyleOverride(e.target.value), children: [_jsxs("option", { value: "", children: [t('export.styleDefault'), " (", resolvedStyle.name, ")"] }), styleChoices.map(s => (_jsx("option", { value: s.id, children: s.name }, s.id)))] })] })), showSkipNotes && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("input", { id: "cs-export-skip-notes", type: "checkbox", checked: skipNotes, onChange: e => setSkipNotes(e.target.checked) }), _jsx("label", { htmlFor: "cs-export-skip-notes", className: "cs-settings-label", style: { fontSize: '12px', margin: 0 }, children: "Skip notes ([[ ]])" })] })), showRomanize && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', flexWrap: 'wrap', gap: '8px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-romanize-select", style: { fontSize: '12px' }, children: "Romanized copy (ISO 15919)" }), _jsxs("select", { id: "cs-export-romanize-select", className: "cs-settings-select", value: romanizeScope, onChange: e => setRomanizeScope(e.target.value), children: [_jsx("option", { value: "off", children: "Off (native script)" }), _jsx("option", { value: "all", children: "All text" }), _jsx("option", { value: "dialogue", children: "Dialogue only" })] }), romanizeScope !== 'off' && (_jsxs("select", { "aria-label": "Romanization variant", className: "cs-settings-select", value: romanizeVariant, onChange: e => setRomanizeVariant(e.target.value), children: [_jsx("option", { value: "strict", children: "Strict ISO 15919" }), _jsx("option", { value: "colloquial", children: "Casual (no diacritics)" })] })), romanizeScope !== 'off' && (_jsx("span", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)', flexBasis: '100%' }, children: "Your script is not changed. Page numbers in the romanized copy differ from the original." }))] }))] })) : (_jsxs("div", { children: [reportFamilies.map(([family, formats]) => (_jsxs("div", { className: "cs-export-report-box", children: [_jsxs("div", { className: "cs-export-report-header", children: [_jsx("span", { className: "cs-export-report-title", children: family }), _jsx("div", { className: "cs-export-chips", children: formats.map(f => (_jsx("button", { type: "button", className: `cs-export-chip${selected?.id === f.id ? ' cs-export-chip-active' : ''}`, onClick: () => setFormatId(f.id), children: f.formatLabel ?? f.label }, f.id))) })] }), formats[0].description && (_jsx("div", { style: { fontSize: '11px', color: 'var(--cs-ui-text-light-secondary, #59574f)' }, children: formats[0].description }))] }, family))), showReportRomanize && (_jsxs("div", { className: "cs-settings-row", style: { marginTop: '8px', padding: '10px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)', borderRadius: '6px', flexWrap: 'wrap', gap: '8px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-export-romanize-reports", style: { fontSize: '12px' }, children: "Romanized copy (ISO 15919)" }), _jsxs("select", { id: "cs-export-romanize-reports", className: "cs-settings-select", value: romanizeReports ? 'on' : 'off', onChange: e => setRomanizeReports(e.target.value === 'on'), children: [_jsx("option", { value: "off", children: "Off (native script)" }), _jsx("option", { value: "on", children: "Romanize all text" })] }), romanizeReports && (_jsxs("select", { "aria-label": "Romanization variant", className: "cs-settings-select", value: romanizeVariant, onChange: e => setRomanizeVariant(e.target.value), children: [_jsx("option", { value: "strict", children: "Strict ISO 15919" }), _jsx("option", { value: "colloquial", children: "Casual (no diacritics)" })] }))] }))] })), warnings.length > 0 && (_jsxs("div", { className: "cs-export-warnings", style: { background: '#fffbeb', border: '1px solid #fcd34d', padding: '10px', borderRadius: '4px', marginTop: '14px' }, children: [_jsx("div", { className: "cs-export-warn-title", style: { fontWeight: 600, color: '#b45309', fontSize: '12px', marginBottom: '4px' }, children: t('export.warnings') }), warnings.map((w, i) => (_jsxs("div", { className: "cs-export-warn-item", style: { fontSize: '11px', color: '#59574f' }, children: ["\u2022 ", w] }, i)))] }))] }), _jsxs("div", { className: "cs-export-actions", style: { borderTop: '1px solid var(--cs-ui-border-light-subtle, #eeece4)', padding: '12px 16px', display: 'flex', justifyContent: 'flex-end', gap: '8px', background: 'var(--cs-ui-bg-panel-subtle, #f4f2ea)' }, children: [_jsx("button", { type: "button", className: "cs-confirm-btn-cancel", onClick: () => setExportVisible(false), children: t('export.cancel') }), _jsx("button", { type: "button", className: "cs-confirm-btn-primary", onClick: doExport, disabled: isExporting || !selected, children: isExporting ? 'Exporting...' : t('export.download') })] })] }) }));
 }

package/dist/titlepage/frontmatter-form.js

@@ -87,7 +87,7 @@ export function readTitlePage(data) {
     f.watermark = str(data['watermark']);
     const managed = new Set(MANAGED_KEYS);
     for (const [key, value] of Object.entries(data)) {
-        if (managed.has(key) || HIDDEN_KEYS.has(key))
+        if (managed.has(key) || HIDDEN_KEYS.has(key) || key.startsWith('x-'))
             continue;
         if (typeof value === 'string' && !value.includes('\n'))
             f.custom.push({ key, value });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sutrata/editor",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "description": "React + ProseMirror screenplay editor for Sutra, with first-class support for Indic and other complex scripts.",
   "license": "GPL-3.0-or-later",
   "keywords": [
@@ -46,7 +46,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.9.0",
     "prosemirror-view": "^1.33.0",
-    "@sutrata/parser": "0.1.1"
+    "@sutrata/parser": "0.3.0"
   },
   "peerDependencies": {
     "react": "^18.3.0",
@@ -59,6 +59,7 @@
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
+    "fast-check": "^4.10.2",
     "jsdom": "^29.1.1",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
@@ -66,8 +67,7 @@
     "vitest": "^1.6.0"
   },
   "scripts": {
-    "build": "node scripts/generate-providers.mjs && tsc && node scripts/copy-assets.mjs",
-    "generate:providers": "node scripts/generate-providers.mjs",
+    "build": "node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\" && tsc && node scripts/copy-assets.mjs",
     "test": "vitest run",
     "test:watch": "vitest"
   }

package/dist/ai/OnboardingDialog.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface Props {
-    onClose: () => void;
-}
-export declare function OnboardingDialog({ onClose }: Props): React.JSX.Element;
-export {};

package/dist/ai/OnboardingDialog.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import { getApiKey, setApiKey, deleteApiKey, getAIConfig, saveAIConfig, fetchProviders, testConnection, listModels } from './ai-client';
-import { SparklesIcon } from '../shell/icons';
-export function OnboardingDialog({ onClose }) {
-    const [activeTab, setActiveTab] = useState('intro');
-    const [providers, setProviders] = useState([]);
-    const [providerId, setProviderId] = useState('anthropic');
-    const [keyInput, setKeyInput] = useState('');
-    const [showKey, setShowKey] = useState(false);
-    const [testStatus, setTestStatus] = useState('idle');
-    const [testError, setTestError] = useState('');
-    const [config, setConfig] = useState(getAIConfig);
-    // Custom provider state
-    const [customId, setCustomId] = useState('');
-    const [customName, setCustomName] = useState('');
-    const [customBaseUrl, setCustomBaseUrl] = useState('');
-    const [customModels, setCustomModels] = useState('');
-    const dialogRef = useRef(null);
-    useEffect(() => {
-        void fetchProviders(config).then(setProviders);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [config.customProviders]);
-    useEffect(() => {
-        dialogRef.current?.focus();
-        void loadKeyForProvider(providerId);
-    }, [providerId]);
-    const loadKeyForProvider = async (pid) => {
-        setTestStatus('idle');
-        setTestError('');
-        const key = await getApiKey(pid);
-        setKeyInput(key || '');
-    };
-    const handleTestKey = async () => {
-        if (!keyInput.trim()) {
-            setTestStatus('error');
-            setTestError('Please enter an API key to test.');
-            return;
-        }
-        setTestStatus('testing');
-        setTestError('');
-        try {
-            const ok = await testConnection(providerId, keyInput.trim(), config);
-            if (ok) {
-                setTestStatus('success');
-            }
-            else {
-                setTestStatus('error');
-                setTestError('Connection failed: empty or invalid response from endpoint.');
-            }
-        }
-        catch (e) {
-            setTestStatus('error');
-            setTestError(e.message || String(e));
-        }
-    };
-    const handleSaveKey = async () => {
-        const trimmed = keyInput.trim();
-        if (trimmed) {
-            await setApiKey(providerId, trimmed);
-            const provider = providers.find(p => p.id === providerId);
-            let preferredModel = provider?.models[0]?.id || '';
-            if (provider) {
-                const liveModels = await listModels(provider, trimmed);
-                preferredModel = liveModels[0]?.id || preferredModel;
-            }
-            const updated = { ...config, preferredProvider: providerId, preferredModel };
-            setConfig(updated);
-            saveAIConfig(updated);
-            setTestStatus('success');
-        }
-        else {
-            await deleteApiKey(providerId);
-            setTestStatus('idle');
-        }
-    };
-    const handleAddCustomProvider = () => {
-        if (!customId || !customName || !customBaseUrl || !customModels) {
-            alert('Please fill out all custom provider fields.');
-            return;
-        }
-        const modelsList = customModels.split(',').map(m => {
-            const parts = m.trim().split(':');
-            const id = parts[0]?.trim() || '';
-            const name = parts[1]?.trim() || id;
-            return { id, name };
-        }).filter(m => m.id);
-        const newCustom = {
-            id: customId.trim().toLowerCase(),
-            name: customName.trim(),
-            baseUrl: customBaseUrl.trim(),
-            models: modelsList,
-        };
-        const updated = { ...config };
-        const index = updated.customProviders.findIndex(p => p.id === newCustom.id);
-        if (index >= 0) {
-            updated.customProviders[index] = newCustom;
-        }
-        else {
-            updated.customProviders.push(newCustom);
-        }
-        setConfig(updated);
-        saveAIConfig(updated);
-        setCustomId('');
-        setCustomName('');
-        setCustomBaseUrl('');
-        setCustomModels('');
-        alert(`Custom provider "${newCustom.name}" added. You can now configure its key in the API Keys tab.`);
-    };
-    const handleFinish = () => {
-        localStorage.setItem('sutrata_onboarding_completed', 'true');
-        onClose();
-    };
-    return (_jsx("div", { className: "cs-dialog-overlay", onClick: onClose, style: { zIndex: 300 }, children: _jsxs("div", { ref: dialogRef, className: "cs-dialog cs-onboarding-dialog", role: "dialog", "aria-modal": "true", "aria-label": "Intelligence Setup", onClick: e => e.stopPropagation(), tabIndex: -1, children: [_jsxs("div", { className: "cs-dialog-header", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx(SparklesIcon, { size: 16 }), _jsx("span", { className: "cs-dialog-title", children: "Intelligence & Dictation Setup" })] }), _jsx("button", { type: "button", className: "cs-fr-close", onClick: onClose, "aria-label": "Close", children: "\u00D7" })] }), _jsxs("div", { className: "cs-tabs-header", children: [_jsx("button", { type: "button", className: `cs-tab-btn ${activeTab === 'intro' ? 'active' : ''}`, onClick: () => setActiveTab('intro'), children: "Overview" }), _jsx("button", { type: "button", className: `cs-tab-btn ${activeTab === 'keys' ? 'active' : ''}`, onClick: () => setActiveTab('keys'), children: "API Keys" }), _jsx("button", { type: "button", className: `cs-tab-btn ${activeTab === 'custom' ? 'active' : ''}`, onClick: () => setActiveTab('custom'), children: "Custom Endpoints" })] }), _jsxs("div", { className: "cs-onboarding-body", children: [activeTab === 'intro' && (_jsxs("div", { className: "cs-onboarding-section", children: [_jsx("h3", { className: "cs-onboarding-h3", children: "Client-Side AI Formatting & Voice" }), _jsx("p", { className: "cs-onboarding-desc", children: "Sutrata connects directly from your device to high-performance inference APIs. Your screenplays and audio transcripts are processed strictly with your own API credentials." }), _jsxs("div", { className: "cs-onboarding-card", children: [_jsxs("div", { className: "cs-onboarding-step", children: [_jsx("div", { className: "cs-onboarding-step-num", children: "1" }), _jsxs("div", { children: [_jsx("strong", { children: "Get a Free-Tier Key:" }), " Obtain a free API key from Google AI Studio (Gemini/Gemma) or Groq (Llama 3.3)."] })] }), _jsxs("div", { className: "cs-onboarding-step", children: [_jsx("div", { className: "cs-onboarding-step-num", children: "2" }), _jsxs("div", { children: [_jsx("strong", { children: "Enter Your Key:" }), " Save the key in the API Keys tab. It is encrypted in your local OS keyring or stored securely in your browser session."] })] }), _jsxs("div", { className: "cs-onboarding-step", children: [_jsx("div", { className: "cs-onboarding-step-num", children: "3" }), _jsxs("div", { children: [_jsx("strong", { children: "Start Dictating:" }), " Speak naturally into Sutrata; the formatting engine parses characters, dialogue, and scenes automatically."] })] })] }), _jsx("div", { className: "cs-dialog-actions", style: { display: 'flex', justifyContent: 'flex-end', marginTop: '16px' }, children: _jsx("button", { type: "button", className: "cs-voice-btn-primary", onClick: () => setActiveTab('keys'), children: "Configure API Keys \u2192" }) })] })), activeTab === 'keys' && (_jsxs("div", { className: "cs-onboarding-section", children: [_jsxs("div", { className: "cs-settings-row", style: { marginBottom: '12px' }, children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-ob-provider", children: "Active Provider:" }), _jsx("select", { id: "cs-ob-provider", className: "cs-settings-select", value: providerId, onChange: e => setProviderId(e.target.value), children: providers.map(p => (_jsx("option", { value: p.id, children: p.name }, p.id))) })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '6px', marginBottom: '16px' }, children: [_jsxs("label", { className: "cs-settings-label", htmlFor: "cs-ob-key", children: ["API Key for ", providerId, ":"] }), _jsxs("div", { style: { display: 'flex', gap: '8px' }, children: [_jsx("input", { id: "cs-ob-key", type: showKey ? 'text' : 'password', className: "cs-voice-textarea", style: { flex: 1, minHeight: '34px', padding: '6px 10px', height: '34px' }, value: keyInput, onChange: e => setKeyInput(e.target.value), placeholder: `Enter ${providerId} API key...` }), _jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: () => setShowKey(!showKey), style: { padding: '0 10px', height: '34px' }, children: showKey ? 'Hide' : 'Show' })] })] }), _jsxs("div", { style: { display: 'flex', gap: '8px', alignItems: 'center', marginBottom: '16px' }, children: [_jsx("button", { type: "button", className: "cs-voice-btn-primary", onClick: handleSaveKey, children: "Save Key" }), _jsx("button", { type: "button", className: "cs-voice-btn-secondary", onClick: handleTestKey, disabled: testStatus === 'testing', children: testStatus === 'testing' ? 'Testing...' : 'Test Connection' }), testStatus === 'success' && (_jsx("span", { style: { color: '#10b981', fontSize: '13px', fontWeight: 500 }, children: "\u2713 Verified connection" })), testStatus === 'error' && (_jsx("span", { style: { color: '#ef4444', fontSize: '12px' }, children: testError }))] }), _jsxs("div", { className: "cs-dialog-actions", style: { display: 'flex', justifyContent: 'space-between', marginTop: '20px' }, children: [_jsx("button", { type: "button", className: "cs-voice-btn-ghost", onClick: () => setActiveTab('intro'), children: "\u2190 Back" }), _jsx("button", { type: "button", className: "cs-voice-btn-primary", onClick: handleFinish, children: "Done & Close" })] })] })), activeTab === 'custom' && (_jsxs("div", { className: "cs-onboarding-section", children: [_jsx("p", { className: "cs-onboarding-desc", children: "Connect to local OpenAI-compatible endpoints such as Ollama, vLLM, or LM Studio." }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px', marginBottom: '16px' }, children: [_jsxs("div", { children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-ob-custom-id", children: "Provider ID (e.g. ollama):" }), _jsx("input", { id: "cs-ob-custom-id", type: "text", className: "cs-voice-textarea", style: { width: '100%', height: '34px', minHeight: '34px', padding: '6px 10px' }, value: customId, onChange: e => setCustomId(e.target.value), placeholder: "ollama" })] }), _jsxs("div", { children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-ob-custom-name", children: "Display Name:" }), _jsx("input", { id: "cs-ob-custom-name", type: "text", className: "cs-voice-textarea", style: { width: '100%', height: '34px', minHeight: '34px', padding: '6px 10px' }, value: customName, onChange: e => setCustomName(e.target.value), placeholder: "Local Ollama" })] }), _jsxs("div", { children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-ob-custom-url", children: "Base URL:" }), _jsx("input", { id: "cs-ob-custom-url", type: "text", className: "cs-voice-textarea", style: { width: '100%', height: '34px', minHeight: '34px', padding: '6px 10px' }, value: customBaseUrl, onChange: e => setCustomBaseUrl(e.target.value), placeholder: "http://localhost:11434/v1" })] }), _jsxs("div", { children: [_jsx("label", { className: "cs-settings-label", htmlFor: "cs-ob-custom-models", children: "Models (id:name comma-separated):" }), _jsx("input", { id: "cs-ob-custom-models", type: "text", className: "cs-voice-textarea", style: { width: '100%', height: '34px', minHeight: '34px', padding: '6px 10px' }, value: customModels, onChange: e => setCustomModels(e.target.value), placeholder: "llama3:Llama 3, mistral:Mistral 7B" })] })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', marginTop: '16px' }, children: [_jsx("button", { type: "button", className: "cs-voice-btn-secondary", onClick: handleAddCustomProvider, children: "Register Endpoint" }), _jsx("button", { type: "button", className: "cs-voice-btn-primary", onClick: () => setActiveTab('keys'), children: "Go to API Keys \u2192" })] })] }))] })] }) }));
-}

package/dist/ai/ai-client.d.ts

@@ -1,71 +0,0 @@
-export interface AIConfig {
-    preferredProvider: string;
-    preferredModel: string;
-    customProviders: CustomProvider[];
-}
-export interface CustomProvider {
-    id: string;
-    name: string;
-    baseUrl: string;
-    models: {
-        id: string;
-        name: string;
-    }[];
-}
-export interface ModelConfig {
-    id: string;
-    name: string;
-}
-export interface ProviderConfig {
-    id: string;
-    name: string;
-    baseUrl: string;
-    models: ModelConfig[];
-}
-/** Opaque JSON Schema object — forwarded into provider request bodies and/or
- * embedded in the prompt text; see callAIStructured. */
-export type JsonSchema = Record<string, unknown>;
-export declare function getApiKey(provider: string): Promise<string | null>;
-export declare function setApiKey(provider: string, key: string): Promise<void>;
-export declare function deleteApiKey(provider: string): Promise<void>;
-export declare function getAIConfig(): AIConfig;
-export declare function saveAIConfig(config: AIConfig): void;
-export declare function fetchProviders(config?: AIConfig): Promise<ProviderConfig[]>;
-/**
- * Parses a structured AI response into T, tolerating a model that wraps the
- * JSON in a markdown fence or adds stray text around it despite being asked
- * not to (some providers don't strictly honor response_format hints).
- */
-export declare function extractJson<T>(raw: string): T;
-export declare function cleanVoiceResponse(text: string): string;
-export declare function subscribeToAICalls(callback: (calls: {
-    providerName: string;
-    model: string;
-}[]) => void): () => void;
-export declare function formatActiveCalls(calls: {
-    providerName: string;
-    model: string;
-}[]): string;
-export declare function callAI(prompt: string, systemPrompt: string, config: AIConfig, options?: {
-    clean?: 'voice';
-}): Promise<string>;
-/**
- * Like callAI, but requests and validates a JSON response matching `schema`
- * instead of returning free text — the explicit contract that replaced
- * sniffing the system prompt for keywords like "duration"/"synopsis".
- */
-export declare function callAIStructured<T = unknown>(prompt: string, systemPrompt: string, config: AIConfig, schema: JsonSchema): Promise<T>;
-/** Any provider (from the fetched + custom list) with a stored API key. */
-export declare function hasConfiguredApiKey(config: AIConfig): Promise<boolean>;
-/**
- * Fetches the provider's live model list so Settings/Onboarding show
- * current models instead of a potentially stale static one. Never throws —
- * falls back to `provider.models` on any error (missing endpoint, bad key,
- * network failure), since this is a progressive enhancement.
- */
-export declare function listModels(provider: ProviderConfig, apiKey: string): Promise<ModelConfig[]>;
-export declare function testConnection(providerId: string, apiKey: string, config: AIConfig): Promise<boolean>;
-export declare function mockActiveCallsList(calls: {
-    providerName: string;
-    model: string;
-}[]): void;