@prosekit/svelte/dist/build/hooks/use-editor.js

Svelte components and utilities for ProseKit

import { defineMountHandler, defineUpdateHandler, ProseKitError, union, } from '@prosekit/core';
import { onMount } from 'svelte';
import { readonly, writable, } from 'svelte/store';
import { useEditorContext } from '../contexts/editor-context';
/**
 * Retrieves the editor instance from the nearest ProseKit component.
 *
 * @public
 */
export function useEditor(options) {
    const update = options?.update ?? false;
    const editor = useEditorContext();
    if (!editor) {
        throw new ProseKitError('useEditor must be used within the ProseKit component');
    }
    const editorStore = writable(editor);
    if (update) {
        onMount(() => {
            const forceUpdate = () => {
                editorStore.set(editor);
            };
            const extension = union(defineMountHandler(forceUpdate), defineUpdateHandler(forceUpdate));
            return editor.use(extension);
        });
    }
    return readonly(editorStore);
}