@lyfie/luthor 2.1.0 → 2.3.0

package/dist/index.d.ts

@@ -1,56 +1,210 @@
-import * as _lyfie_luthor_headless from '@lyfie/luthor-headless';
-import { LinkExtension, TableExtension, ImageExtension, MarkdownExtension, HTMLEmbedExtension, FloatingToolbarExtension, ContextMenuExtension, CommandPaletteExtension, DraggableBlockExtension, Extension, EditorConfig, LuthorTheme } from '@lyfie/luthor-headless';
-import React from 'react';
-
-declare const blogPreset: EditorPreset;
-
-declare const chatPreset: EditorPreset;
-
-declare const classicPreset: EditorPreset;
-
-declare const cmsPreset: EditorPreset;
-
-declare const codePreset: EditorPreset;
-
-declare const defaultPreset: EditorPreset;
-
-declare const docsPreset: EditorPreset;
-
-declare const emailPreset: EditorPreset;
-
-declare const extensivePreset: EditorPreset;
-
-declare const extensiveExtensions: readonly [_lyfie_luthor_headless.BoldExtension, _lyfie_luthor_headless.ItalicExtension, _lyfie_luthor_headless.UnderlineExtension, _lyfie_luthor_headless.StrikethroughExtension, LinkExtension, _lyfie_luthor_headless.HorizontalRuleExtension, TableExtension, _lyfie_luthor_headless.ListExtension, _lyfie_luthor_headless.HistoryExtension, ImageExtension, _lyfie_luthor_headless.BlockFormatExtension, _lyfie_luthor_headless.HTMLExtension, MarkdownExtension, _lyfie_luthor_headless.CodeExtension, _lyfie_luthor_headless.CodeFormatExtension, HTMLEmbedExtension, FloatingToolbarExtension<any, any>, ContextMenuExtension, CommandPaletteExtension, DraggableBlockExtension];
+export { E as EditorPreset, p as presetRegistry } from './index-BtdZVw3X.js';
+import { C as CoreEditorCommands, a as CoreEditorActiveStates, b as CoreTheme, c as CoreEditorMode, d as CoreToolbarClassNames, T as ToolbarStyleVars, e as ToolbarLayout, f as ToolbarVisibility, B as BlockHeadingLevel, g as ToolbarItemType, D as DefaultSettings } from './ExtensiveEditor-Cn84lsVT.js';
+export { h as BLOCK_HEADING_LEVELS, i as BlockFormat, j as CommandConfig, k as CommandGenerationOptions, l as DEFAULT_TOOLBAR_LAYOUT, E as EditorThemeOverrides, m as ExtensiveEditor, n as ExtensiveEditorMode, o as ExtensiveEditorProps, p as ExtensiveEditorRef, q as ExtensiveExtensionsConfig, F as FeatureFlag, r as FeatureFlagOverrides, s as FeatureFlags, I as ImageAlignment, t as InsertImageConfig, u as InsertTableConfig, K as KeyboardShortcut, Q as QuoteStyleVars, S as ShortcutBindingOverride, v as ShortcutConfig, w as SlashCommandVisibility, x as SlashCommandVisibilityFilters, y as SlashCommandVisibilitySelection, z as TRADITIONAL_TOOLBAR_LAYOUT, A as TextAlignment, G as ToolbarAlignment, H as ToolbarPosition, J as ToolbarSection, L as commandsToCommandPaletteItems, M as commandsToSlashCommandItems, N as createExtensiveExtensions, O as extensiveExtensions, P as generateCommands, R as registerKeyboardShortcuts } from './ExtensiveEditor-Cn84lsVT.js';
+import { CommandPaletteItem, EmojiCatalogItem, SlashCommandItem, FloatingToolbarExtension, LexicalEditor, EditorConfig } from '@lyfie/luthor-headless';
+import * as luthorHeadless from '@lyfie/luthor-headless';
+export { luthorHeadless as headless };
+export { CodeIntelligenceCommands, CodeIntelligenceConfig, CodeIntelligenceExtension, codeIntelligenceExtension } from '@lyfie/luthor-headless';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as lucide_react from 'lucide-react';
+export { ChatWindowEditor, ChatWindowEditorProps, ChatWindowEditorSendPayload, chatWindowPreset } from './presets/chat-window/index.js';
+export { EmailComposeEditor, EmailComposeEditorProps, emailComposePreset } from './presets/email-compose/index.js';
+import { S as StyleVarRecord, a as StyleVarValueRecord, F as FeatureFlagsLike, b as FeatureShortcutSpec, T as ToolbarFeatureMap, P as PresetModeCache } from './index-DFnca6tP.js';
+export { E as ExtensivePresetConfig, c as createExtensivePreset, e as extensivePreset } from './index-DFnca6tP.js';
+export { HeadlessEditorPreset, HeadlessEditorPresetProps, headlessEditorPreset } from './presets/headless-editor/index.js';
+export { MDTextEditor, MDTextEditorMode, MDTextEditorProps, mdTextPreset } from './presets/md-text/index.js';
+export { NotesEditor, NotesEditorProps, notesPreset } from './presets/notes/index.js';
+export { NotionLikeEditor, NotionLikeEditorProps, notionLikePreset } from './presets/notion-like/index.js';
+export { RichTextBoxEditor, RichTextBoxEditorProps, richTextBoxPreset } from './presets/rich-text-box/index.js';
+export { SimpleTextEditor, SimpleTextEditorProps, simpleTextPreset } from './presets/simple-text/index.js';
+
+declare function CommandPalette({ isOpen, onClose, commands, }: {
+    isOpen: boolean;
+    onClose: () => void;
+    commands: CommandPaletteItem[];
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function EmojiSuggestionMenu({ isOpen, query, position, suggestions, onClose, onExecute, }: {
+    isOpen: boolean;
+    query: string;
+    position: {
+        x: number;
+        y: number;
+    } | null;
+    suggestions: EmojiCatalogItem[];
+    onClose: () => void;
+    onExecute: (emoji: string) => void;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function SlashCommandMenu({ isOpen, query, position, commands, onClose, onExecute, }: {
+    isOpen: boolean;
+    query: string;
+    position: {
+        x: number;
+        y: number;
+    } | null;
+    commands: SlashCommandItem[];
+    onClose: () => void;
+    onExecute: (commandId: string) => void;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function setFloatingToolbarContext(commands: CoreEditorCommands, activeStates: CoreEditorActiveStates, editorTheme: CoreTheme, isFeatureEnabled?: (feature: string) => boolean): void;
+declare function createFloatingToolbarExtension(): FloatingToolbarExtension<any, any>;
+
+type FloatingSelectionRect = {
+    y: number;
+    x: number;
+    positionFromRight?: boolean;
+};
+interface FloatingToolbarProps {
+    isVisible: boolean;
+    selectionRect?: FloatingSelectionRect;
+    commands: CoreEditorCommands;
+    activeStates: CoreEditorActiveStates;
+    editorTheme?: CoreTheme;
+    hide?: () => void;
+    isFeatureEnabled?: (feature: string) => boolean;
+}
+declare function FloatingToolbar({ isVisible, selectionRect, commands, activeStates, editorTheme, hide, isFeatureEnabled, }: FloatingToolbarProps): react_jsx_runtime.JSX.Element | null;
 
-interface ExtensiveEditorRef {
-    injectMarkdown: (content: string) => void;
-    injectHTML: (content: string) => void;
-    getMarkdown: () => string;
-    getHTML: () => string;
+interface LinkHoverBubbleProps {
+    editor: LexicalEditor | null;
+    commands: CoreEditorCommands;
+    editorTheme?: CoreTheme;
+    disabled?: boolean;
 }
-interface ExtensiveEditorProps {
+declare function LinkHoverBubble({ editor, commands, editorTheme, disabled, }: LinkHoverBubbleProps): react.ReactPortal | null;
+
+declare const BoldIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const ItalicIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const UnderlineIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const StrikethroughIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const CodeIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const CodeBlockIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const LinkIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const UnlinkIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const ListIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const ListCheckIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const ListOrderedIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const UndoIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const RedoIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const ImageIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const AlignLeftIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const AlignCenterIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const AlignJustifyIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const AlignRightIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const UploadIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const MinusIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const TableIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const FileCodeIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const EyeIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const HighlighterIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const PencilIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const CommandIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const PaletteIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const TypeIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const QuoteIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const IndentIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const OutdentIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const SunIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const MoonIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const SearchIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const EmojiIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const SubscriptIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const SuperscriptIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronDownIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+declare const CloseIcon: react.ForwardRefExoticComponent<Omit<lucide_react.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+declare function ModeTabs({ mode, onModeChange, labels, availableModes, isConverting, }: {
+    mode: CoreEditorMode;
+    onModeChange: (mode: CoreEditorMode) => void;
+    labels?: Partial<Record<CoreEditorMode, string>>;
+    availableModes?: readonly CoreEditorMode[];
+    isConverting?: CoreEditorMode | null;
+}): react_jsx_runtime.JSX.Element;
+declare function SourceView({ value, onChange, placeholder, className, }: {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder: string;
     className?: string;
-    onReady?: (methods: ExtensiveEditorRef) => void;
-    initialTheme?: "light" | "dark";
-}
-declare const ExtensiveEditor: React.ForwardRefExoticComponent<ExtensiveEditorProps & React.RefAttributes<ExtensiveEditorRef>>;
-
-declare const markdownPreset: EditorPreset;
-
-declare const minimalPreset: EditorPreset;
-
-interface EditorPreset {
-    id: string;
-    label: string;
-    description?: string;
-    extensions?: Extension[];
-    config?: EditorConfig;
-    theme?: LuthorTheme;
-    toolbar?: string[];
-    components?: Record<string, unknown>;
-    css?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function createPresetEditorConfig(presetId: string, placeholder: string): EditorConfig;
+
+declare function formatJSONBSource(input: string): string;
+declare function formatMarkdownSource(input: string): string;
+
+declare function isToolbarItemSupported(itemType: ToolbarItemType, hasExtension: (name: string) => boolean): boolean;
+declare function isToolbarItemVisible(itemType: ToolbarItemType, hasExtension: (name: string) => boolean, toolbarVisibility?: ToolbarVisibility): boolean;
+declare function filterToolbarLayout(layout: ToolbarLayout, hasExtension: (name: string) => boolean, toolbarVisibility?: ToolbarVisibility): ToolbarLayout;
+interface ToolbarProps {
+    commands: CoreEditorCommands;
+    hasExtension: (name: string) => boolean;
+    activeStates: CoreEditorActiveStates;
+    isDark: boolean;
+    toggleTheme: () => void;
+    onCommandPaletteOpen?: () => void;
+    imageUploadHandler?: (file: File) => Promise<string>;
+    classNames?: CoreToolbarClassNames;
+    toolbarStyleVars?: ToolbarStyleVars;
+    layout?: ToolbarLayout;
+    toolbarVisibility?: ToolbarVisibility;
+    headingOptions?: readonly BlockHeadingLevel[];
+    paragraphLabel?: string;
 }
-
-declare const presetRegistry: Record<string, EditorPreset>;
-
-export { type EditorPreset, ExtensiveEditor, blogPreset, chatPreset, classicPreset, cmsPreset, codePreset, defaultPreset, docsPreset, emailPreset, extensiveExtensions, extensivePreset, markdownPreset, minimalPreset, presetRegistry };
+declare function Toolbar({ commands, hasExtension, activeStates, isDark, toggleTheme, onCommandPaletteOpen, imageUploadHandler, classNames, toolbarStyleVars, layout, toolbarVisibility, headingOptions, paragraphLabel, }: ToolbarProps): react_jsx_runtime.JSX.Element;
+
+declare function IconButton({ children, onClick, title, active, disabled, className, type, }: {
+    children: ReactNode;
+    onClick?: () => void;
+    title?: string;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+    type?: "button" | "submit" | "reset";
+}): react_jsx_runtime.JSX.Element;
+declare function Button({ children, onClick, variant, type, className, }: {
+    children: ReactNode;
+    onClick?: () => void;
+    variant?: "primary" | "secondary";
+    type?: "button" | "submit" | "reset";
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function Select({ value, onValueChange, options, placeholder, }: {
+    value: string;
+    onValueChange: (value: string) => void;
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    placeholder?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function Dropdown({ trigger, children, isOpen, onOpenChange, }: {
+    trigger: ReactNode;
+    children: ReactNode;
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function Dialog({ isOpen, onClose, title, children, }: {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare function normalizeStyleVarsKey(styleVars?: StyleVarValueRecord): string;
+declare function createDefaultSettingsStyleVarRecord(defaultSettings?: DefaultSettings): StyleVarRecord | undefined;
+
+declare function isEditableCommandTarget(target: EventTarget | null): boolean;
+declare function isShortcutMatch<TFeature extends string>(event: KeyboardEvent, shortcut: FeatureShortcutSpec<TFeature>): boolean;
+declare function mergeToolbarVisibilityWithFeatures<TFeature extends string>(toolbarVisibility: ToolbarVisibility | undefined, featureFlags: FeatureFlagsLike<TFeature>, toolbarFeatureMap: ToolbarFeatureMap<TFeature>): ToolbarVisibility;
+declare function createFeatureGuardedCommands<TFeature extends string>(commands: CoreEditorCommands, featureFlags: FeatureFlagsLike<TFeature>, isInCodeBlock: boolean): CoreEditorCommands;
+
+declare function createModeCache<TMode extends string>(initialValidModes: readonly TMode[]): PresetModeCache<TMode>;
+declare function invalidateModeCache<TMode extends string>(cache: PresetModeCache<TMode>, alwaysValidModes: readonly TMode[]): void;
+declare function isModeCached<TMode extends string>(cache: PresetModeCache<TMode>, mode: TMode): boolean;
+declare function markModeCached<TMode extends string>(cache: PresetModeCache<TMode>, mode: TMode): void;
+
+export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BlockHeadingLevel, BoldIcon, Button, ChevronDownIcon, CloseIcon, CodeBlockIcon, CodeIcon, CommandIcon, CommandPalette, CoreEditorActiveStates, CoreEditorCommands, CoreEditorMode, CoreTheme, CoreToolbarClassNames, DefaultSettings, Dialog, Dropdown, EmojiIcon, EmojiSuggestionMenu, EyeIcon, FeatureFlagsLike, FeatureShortcutSpec, FileCodeIcon, FloatingToolbar, type FloatingToolbarProps, HighlighterIcon, IconButton, ImageIcon, IndentIcon, ItalicIcon, LinkHoverBubble, type LinkHoverBubbleProps, LinkIcon, ListCheckIcon, ListIcon, ListOrderedIcon, MinusIcon, ModeTabs, MoonIcon, OutdentIcon, PaletteIcon, PencilIcon, PresetModeCache, QuoteIcon, RedoIcon, SearchIcon, Select, SlashCommandMenu, SourceView, StrikethroughIcon, StyleVarRecord, StyleVarValueRecord, SubscriptIcon, SunIcon, SuperscriptIcon, TableIcon, Toolbar, ToolbarFeatureMap, ToolbarItemType, ToolbarLayout, type ToolbarProps, ToolbarStyleVars, ToolbarVisibility, TypeIcon, UnderlineIcon, UndoIcon, UnlinkIcon, UploadIcon, createDefaultSettingsStyleVarRecord, createFeatureGuardedCommands, createFloatingToolbarExtension, createModeCache, createPresetEditorConfig, filterToolbarLayout, formatJSONBSource, formatMarkdownSource, invalidateModeCache, isEditableCommandTarget, isModeCached, isShortcutMatch, isToolbarItemSupported, isToolbarItemVisible, markModeCached, mergeToolbarVisibilityWithFeatures, normalizeStyleVarsKey, setFloatingToolbarContext };