@sutrata/editor 0.1.1 → 0.2.0

package/package.json

@@ -1,10 +1,33 @@
 {
   "name": "@sutrata/editor",
-  "version": "0.1.1",
+  "version": "0.2.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": [
+    "sutra",
+    "screenplay",
+    "editor",
+    "prosemirror",
+    "react",
+    "indic",
+    "unicode",
+    "fountain"
+  ],
+  "homepage": "https://github.com/sutrata/sutrata/tree/main/packages/editor#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sutrata/sutrata.git",
+    "directory": "packages/editor"
+  },
+  "bugs": {
+    "url": "https://github.com/sutrata/sutrata/issues"
+  },
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@codemirror/commands": "^6.10.3",
     "@codemirror/language": "^6.12.3",
@@ -23,9 +46,11 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-transform": "^1.9.0",
     "prosemirror-view": "^1.33.0",
+    "@sutrata/parser": "0.2.0"
+  },
+  "peerDependencies": {
     "react": "^18.3.0",
-    "react-dom": "^18.3.0",
-    "@sutrata/parser": "0.1.0"
+    "react-dom": "^18.3.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -34,13 +59,15 @@
     "@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",
     "typescript": "^5.4.0",
     "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;