@composable-svelte/code/dist/code-highlight/code-highlight.types.d.ts

Code editor, syntax highlighting, and node-based canvas components for Composable Svelte - Built with Prism.js, CodeMirror, and SvelteFlow

/**
 * CodeHighlight component types
 *
 * Read-only syntax highlighting component using Prism.js
 */
/**
 * Supported programming languages for syntax highlighting
 */
export type SupportedLanguage = 'typescript' | 'javascript' | 'svelte' | 'html' | 'css' | 'json' | 'markdown' | 'bash' | 'sql' | 'python' | 'rust';
/**
 * State for the CodeHighlight component
 *
 * ALL application state lives here - no component $state
 */
export interface CodeHighlightState {
    /** Source code to highlight */
    code: string;
    /** Language for syntax highlighting */
    language: SupportedLanguage;
    /** Theme mode */
    theme: 'light' | 'dark' | 'auto';
    /** Display line numbers */
    showLineNumbers: boolean;
    /** HTML output from Prism */
    highlightedCode: string | null;
    /** Copy button state */
    copyStatus: 'idle' | 'copying' | 'copied' | 'failed';
    /** Line number offset */
    startLine: number;
    /** Lines to highlight */
    highlightLines: number[];
    /** Highlighting operation in progress */
    isHighlighting: boolean;
    /** Highlighting error */
    error: string | null;
}
/**
 * Actions for the CodeHighlight component
 *
 * Discriminated union for type-safe action handling
 */
export type CodeHighlightAction = {
    type: 'init';
} | {
    type: 'codeChanged';
    code: string;
} | {
    type: 'languageChanged';
    language: SupportedLanguage;
} | {
    type: 'themeChanged';
    theme: 'light' | 'dark' | 'auto';
} | {
    type: 'copyCode';
} | {
    type: 'copyCompleted';
} | {
    type: 'copyFailed';
    error: string;
} | {
    type: 'resetCopyStatus';
} | {
    type: 'toggleLineNumbers';
} | {
    type: 'highlightLinesChanged';
    lines: number[];
} | {
    type: 'highlighted';
    html: string;
} | {
    type: 'highlightFailed';
    error: string;
};
/**
 * Dependencies for the CodeHighlight reducer
 *
 * All external functionality injected as dependencies for testability
 */
export interface CodeHighlightDependencies {
    /**
     * Highlight code using Prism.js
     *
     * @param code - Source code to highlight
     * @param language - Programming language
     * @returns HTML string with syntax highlighting
     */
    highlightCode: (code: string, language: SupportedLanguage) => Promise<string>;
}
/**
 * Initial state factory for CodeHighlight
 */
export declare function createInitialState(config?: Partial<CodeHighlightState>): CodeHighlightState;
//# sourceMappingURL=code-highlight.types.d.ts.map