@datalayer/jupyter-lexical 0.0.1

package/lib/nodes/ImageNode.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedEditor, SerializedLexicalNode, Spread } from 'lexical';
+import './ImageNode.css';
+import { DecoratorNode } from 'lexical';
+import './ImageNode.css';
+export interface ImagePayload {
+    altText: string;
+    caption?: LexicalEditor;
+    height?: number;
+    key?: NodeKey;
+    maxWidth?: number;
+    showCaption?: boolean;
+    src: string;
+    width?: number;
+}
+export type SerializedImageNode = Spread<{
+    altText: string;
+    caption: SerializedEditor;
+    height?: number;
+    maxWidth: number;
+    showCaption: boolean;
+    src: string;
+    width?: number;
+    type: 'image';
+    version: 1;
+}, SerializedLexicalNode>;
+export declare class ImageNode extends DecoratorNode<JSX.Element> {
+    __src: string;
+    __altText: string;
+    __width: 'inherit' | number;
+    __height: 'inherit' | number;
+    __maxWidth: number;
+    __showCaption: boolean;
+    __caption: LexicalEditor;
+    static getType(): string;
+    static clone(node: ImageNode): ImageNode;
+    static importJSON(serializedNode: SerializedImageNode): ImageNode;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    constructor(src: string, altText: string, maxWidth: number, width?: 'inherit' | number, height?: 'inherit' | number, showCaption?: boolean, caption?: LexicalEditor, key?: NodeKey);
+    exportJSON(): SerializedImageNode;
+    setWidthAndHeight(width: 'inherit' | number, height: 'inherit' | number): void;
+    setShowCaption(showCaption: boolean): void;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): false;
+    getSrc(): string;
+    getAltText(): string;
+    decorate(): JSX.Element;
+}
+export declare function $createImageNode({ altText, height, maxWidth, src, width, showCaption, caption, key, }: ImagePayload): ImageNode;
+export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;

package/lib/nodes/ImageNode.js

@@ -0,0 +1,275 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import './ImageNode.css';
+import { AutoFocusPlugin } from '@lexical/react/LexicalAutoFocusPlugin';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { HashtagPlugin } from '@lexical/react/LexicalHashtagPlugin';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import { LexicalNestedComposer } from '@lexical/react/LexicalNestedComposer';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
+import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
+import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection';
+import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
+import { mergeRegister } from '@lexical/utils';
+import { $createNodeSelection, $getNodeByKey, $getSelection, $isNodeSelection, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, createEditor, DecoratorNode, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
+import { Suspense, useCallback, useEffect, useRef, useState } from 'react';
+import ImagesPlugin from '../plugins/ImagesPlugin';
+import ContentEditable from '../ui/ContentEditable';
+import ImageResizer from '../ui/ImageResizer';
+import Placeholder from '../ui/Placeholder';
+import './ImageNode.css';
+const imageCache = new Set();
+function useSuspenseImage(src) {
+    if (!imageCache.has(src)) {
+        throw new Promise((resolve) => {
+            const img = new Image();
+            img.src = src;
+            img.onload = () => {
+                imageCache.add(src);
+                resolve(null);
+            };
+        });
+    }
+}
+function convertImageElement(domNode) {
+    if (domNode instanceof HTMLImageElement) {
+        const { alt: altText, src } = domNode;
+        const node = $createImageNode({ altText, src });
+        return { node };
+    }
+    return null;
+}
+function LazyImage({ altText, className, imageRef, src, width, height, maxWidth, }) {
+    useSuspenseImage(src);
+    return (_jsx("img", { className: className || undefined, src: src, alt: altText, ref: imageRef, style: {
+            height,
+            maxWidth,
+            width,
+        }, draggable: "false" }));
+}
+function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, }) {
+    const imageRef = useRef(null);
+    const buttonRef = useRef(null);
+    const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
+    const [isResizing, setIsResizing] = useState(false);
+    const [editor] = useLexicalComposerContext();
+    const [selection, setSelection] = useState(null);
+    const activeEditorRef = useRef(null);
+    const onDelete = useCallback((payload) => {
+        if (isSelected && $isNodeSelection($getSelection())) {
+            const event = payload;
+            event.preventDefault();
+            const node = $getNodeByKey(nodeKey);
+            if ($isImageNode(node)) {
+                node.remove();
+            }
+            setSelected(false);
+        }
+        return false;
+    }, [isSelected, nodeKey, setSelected]);
+    const onEnter = useCallback((event) => {
+        const latestSelection = $getSelection();
+        const buttonElem = buttonRef.current;
+        if (isSelected &&
+            $isNodeSelection(latestSelection) &&
+            latestSelection.getNodes().length === 1) {
+            if (showCaption) {
+                // Move focus into nested editor
+                $setSelection(null);
+                event.preventDefault();
+                caption.focus();
+                return true;
+            }
+            else if (buttonElem !== null &&
+                buttonElem !== document.activeElement) {
+                event.preventDefault();
+                buttonElem.focus();
+                return true;
+            }
+        }
+        return false;
+    }, [caption, isSelected, showCaption]);
+    const onEscape = useCallback((event) => {
+        if (activeEditorRef.current === caption ||
+            buttonRef.current === event.target) {
+            $setSelection(null);
+            editor.update(() => {
+                const nodeSelection = $createNodeSelection();
+                nodeSelection.add(nodeKey);
+                const parentRootElement = editor.getRootElement();
+                if (parentRootElement !== null) {
+                    parentRootElement.focus();
+                }
+                $setSelection(nodeSelection);
+            });
+            return true;
+        }
+        return false;
+    }, [caption, editor, nodeKey]);
+    useEffect(() => {
+        return mergeRegister(editor.registerUpdateListener(({ editorState }) => {
+            setSelection(editorState.read(() => $getSelection()));
+        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, (_, activeEditor) => {
+            activeEditorRef.current = activeEditor;
+            return false;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(CLICK_COMMAND, (payload) => {
+            const event = payload;
+            if (isResizing) {
+                return true;
+            }
+            if (event.target === imageRef.current) {
+                if (!event.shiftKey) {
+                    clearSelection();
+                }
+                setSelected(!isSelected);
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ENTER_COMMAND, onEnter, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, onEscape, COMMAND_PRIORITY_LOW));
+    }, [
+        clearSelection,
+        editor,
+        isResizing,
+        isSelected,
+        nodeKey,
+        onDelete,
+        onEnter,
+        onEscape,
+        setSelected,
+    ]);
+    const setShowCaption = () => {
+        editor.update(() => {
+            const node = $getNodeByKey(nodeKey);
+            if ($isImageNode(node)) {
+                node.setShowCaption(true);
+            }
+        });
+    };
+    const onResizeEnd = (nextWidth, nextHeight) => {
+        // Delay hiding the resize bars for click case
+        setTimeout(() => {
+            setIsResizing(false);
+        }, 200);
+        editor.update(() => {
+            const node = $getNodeByKey(nodeKey);
+            if ($isImageNode(node)) {
+                node.setWidthAndHeight(nextWidth, nextHeight);
+            }
+        });
+    };
+    const onResizeStart = () => {
+        setIsResizing(true);
+    };
+    const draggable = isSelected && $isNodeSelection(selection);
+    const isFocused = isSelected || isResizing;
+    return (_jsx(Suspense, { fallback: null, children: _jsxs(_Fragment, { children: [_jsx("div", { draggable: draggable, children: _jsx(LazyImage, { className: isFocused
+                            ? `focused ${$isNodeSelection(selection) ? 'draggable' : ''}`
+                            : null, src: src, altText: altText, imageRef: imageRef, width: width, height: height, maxWidth: maxWidth }) }), showCaption && (_jsx("div", { className: "image-caption-container", children: _jsxs(LexicalNestedComposer, { initialEditor: caption, children: [_jsx(AutoFocusPlugin, {}), _jsx(TablePlugin, {}), _jsx(ImagesPlugin, {}), _jsx(LinkPlugin, {}), _jsx(HashtagPlugin, {}), _jsx(HistoryPlugin, {}), _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "ImageNode__contentEditable" }), placeholder: _jsx(Placeholder, { className: "ImageNode__placeholder", children: "Enter a caption..." }), ErrorBoundary: LexicalErrorBoundary })] }) })), resizable && $isNodeSelection(selection) && isFocused && (_jsx(ImageResizer, { showCaption: showCaption, setShowCaption: setShowCaption, editor: editor, buttonRef: buttonRef, imageRef: imageRef, maxWidth: maxWidth, onResizeStart: onResizeStart, onResizeEnd: onResizeEnd }))] }) }));
+}
+export class ImageNode extends DecoratorNode {
+    __src;
+    __altText;
+    __width;
+    __height;
+    __maxWidth;
+    __showCaption;
+    __caption;
+    static getType() {
+        return 'image';
+    }
+    static clone(node) {
+        return new ImageNode(node.__src, node.__altText, node.__maxWidth, node.__width, node.__height, node.__showCaption, node.__caption, node.__key);
+    }
+    static importJSON(serializedNode) {
+        const { altText, height, width, maxWidth, caption, src, showCaption } = serializedNode;
+        const node = $createImageNode({
+            altText,
+            height,
+            maxWidth,
+            showCaption,
+            src,
+            width,
+        });
+        const nestedEditor = node.__caption;
+        const editorState = nestedEditor.parseEditorState(caption.editorState);
+        if (!editorState.isEmpty()) {
+            nestedEditor.setEditorState(editorState);
+        }
+        return node;
+    }
+    exportDOM() {
+        const element = document.createElement('img');
+        element.setAttribute('src', this.__src);
+        element.setAttribute('alt', this.__altText);
+        return { element };
+    }
+    static importDOM() {
+        return {
+            img: (node) => ({
+                conversion: convertImageElement,
+                priority: 0,
+            }),
+        };
+    }
+    constructor(src, altText, maxWidth, width, height, showCaption, caption, key) {
+        super(key);
+        this.__src = src;
+        this.__altText = altText;
+        this.__maxWidth = maxWidth;
+        this.__width = width || 'inherit';
+        this.__height = height || 'inherit';
+        this.__showCaption = showCaption || false;
+        this.__caption = caption || createEditor();
+    }
+    exportJSON() {
+        return {
+            altText: this.getAltText(),
+            caption: this.__caption.toJSON(),
+            height: this.__height === 'inherit' ? 0 : this.__height,
+            maxWidth: this.__maxWidth,
+            showCaption: this.__showCaption,
+            src: this.getSrc(),
+            type: 'image',
+            version: 1,
+            width: this.__width === 'inherit' ? 0 : this.__width,
+        };
+    }
+    setWidthAndHeight(width, height) {
+        const writable = this.getWritable();
+        writable.__width = width;
+        writable.__height = height;
+    }
+    setShowCaption(showCaption) {
+        const writable = this.getWritable();
+        writable.__showCaption = showCaption;
+    }
+    // View
+    createDOM(config) {
+        const span = document.createElement('span');
+        const theme = config.theme;
+        const className = theme.image;
+        if (className !== undefined) {
+            span.className = className;
+        }
+        return span;
+    }
+    updateDOM() {
+        return false;
+    }
+    getSrc() {
+        return this.__src;
+    }
+    getAltText() {
+        return this.__altText;
+    }
+    decorate() {
+        return (_jsx(ImageComponent, { src: this.__src, altText: this.__altText, width: this.__width, height: this.__height, maxWidth: this.__maxWidth, nodeKey: this.getKey(), showCaption: this.__showCaption, caption: this.__caption, resizable: true }));
+    }
+}
+export function $createImageNode({ altText, height, maxWidth = 500, src, width, showCaption, caption, key, }) {
+    return new ImageNode(src, altText, maxWidth, width, height, showCaption, caption, key);
+}
+export function $isImageNode(node) {
+    return node instanceof ImageNode;
+}
+//# sourceMappingURL=ImageNode.js.map

package/lib/nodes/ImageNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageNode.js","sourceRoot":"","sources":["../../src/nodes/ImageNode.tsx"],"names":[],"mappings":"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"}

package/lib/nodes/JupyterCodeHighlightNode.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { EditorConfig, LexicalNode, NodeKey, SerializedTextNode, Spread, TextNode } from 'lexical';
+import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-objectivec';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-swift';
+export declare const DEFAULT_CODE_LANGUAGE = "javascript";
+type SerializedCodeHighlightNode = Spread<{
+    highlightType: string | null | undefined;
+    type: 'jupyter-code-highlight';
+    version: 1;
+}, SerializedTextNode>;
+export declare const CODE_LANGUAGE_FRIENDLY_NAME_MAP: Record<string, string>;
+export declare const CODE_LANGUAGE_MAP: Record<string, string>;
+export declare function normalizeCodeLang(lang: string): string;
+export declare function getLanguageFriendlyName(lang: string): string;
+export declare const getDefaultCodeLanguage: () => string;
+export declare const getCodeLanguages: () => Array<string>;
+/** @noInheritDoc */
+export declare class JupyterCodeHighlightNode extends TextNode {
+    /** @internal */
+    __highlightType: string | null | undefined;
+    constructor(text: string, highlightType?: string | null | undefined, key?: NodeKey);
+    static getType(): string;
+    static clone(node: JupyterCodeHighlightNode): JupyterCodeHighlightNode;
+    getHighlightType(): string | null | undefined;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: JupyterCodeHighlightNode, dom: HTMLElement, config: EditorConfig): boolean;
+    static importJSON(serializedNode: SerializedCodeHighlightNode): JupyterCodeHighlightNode;
+    exportJSON(): SerializedCodeHighlightNode;
+    setFormat(format: number): this;
+}
+export declare function $createJupyterCodeHighlightNode(text: string, highlightType?: string | null | undefined): JupyterCodeHighlightNode;
+export declare function $isJupyterCodeHighlightNode(node: LexicalNode | JupyterCodeHighlightNode | null | undefined): node is JupyterCodeHighlightNode;
+export declare function getFirstJupyterCodeHighlightNodeOfLine(anchor: LexicalNode): JupyterCodeHighlightNode | null | undefined;
+export declare function getLastJupyterCodeHighlightNodeOfLine(anchor: LexicalNode): JupyterCodeHighlightNode | null | undefined;
+export {};

package/lib/nodes/JupyterCodeHighlightNode.js

@@ -0,0 +1,165 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// eslint-disable-next-line simple-import-sort/imports
+import { $isLineBreakNode, TextNode, } from 'lexical';
+import * as Prism from 'prismjs';
+import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-objectivec';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-swift';
+import { addClassNamesToElement, removeClassNamesFromElement, } from '@lexical/utils';
+export const DEFAULT_CODE_LANGUAGE = 'javascript';
+export const CODE_LANGUAGE_FRIENDLY_NAME_MAP = {
+    c: 'C',
+    clike: 'C-like',
+    css: 'CSS',
+    html: 'HTML',
+    js: 'JavaScript',
+    markdown: 'Markdown',
+    objc: 'Objective-C',
+    plain: 'Plain Text',
+    py: 'Python',
+    rust: 'Rust',
+    sql: 'SQL',
+    swift: 'Swift',
+    xml: 'XML',
+};
+export const CODE_LANGUAGE_MAP = {
+    javascript: 'js',
+    md: 'markdown',
+    plaintext: 'plain',
+    python: 'py',
+    text: 'plain',
+};
+export function normalizeCodeLang(lang) {
+    return CODE_LANGUAGE_MAP[lang] || lang;
+}
+export function getLanguageFriendlyName(lang) {
+    const _lang = normalizeCodeLang(lang);
+    return CODE_LANGUAGE_FRIENDLY_NAME_MAP[_lang] || _lang;
+}
+export const getDefaultCodeLanguage = () => DEFAULT_CODE_LANGUAGE;
+export const getCodeLanguages = () => Object.keys(Prism.languages)
+    .filter(
+// Prism has several language helpers mixed into languages object
+// so filtering them out here to get langs list
+(language) => typeof Prism.languages[language] !== 'function')
+    .sort();
+/** @noInheritDoc */
+export class JupyterCodeHighlightNode extends TextNode {
+    /** @internal */
+    __highlightType;
+    constructor(text, highlightType, key) {
+        super(text, key);
+        this.__highlightType = highlightType;
+    }
+    static getType() {
+        return 'jupyter-code-highlight';
+    }
+    static clone(node) {
+        return new JupyterCodeHighlightNode(node.__text, node.__highlightType || undefined, node.__key);
+    }
+    getHighlightType() {
+        const self = this.getLatest();
+        return self.__highlightType;
+    }
+    createDOM(config) {
+        const element = super.createDOM(config);
+        const className = getHighlightThemeClass(config.theme, this.__highlightType);
+        addClassNamesToElement(element, className);
+        return element;
+    }
+    updateDOM(prevNode, dom, config) {
+        const update = super.updateDOM(prevNode, dom, config);
+        const prevClassName = getHighlightThemeClass(config.theme, prevNode.__highlightType);
+        const nextClassName = getHighlightThemeClass(config.theme, this.__highlightType);
+        if (prevClassName !== nextClassName) {
+            if (prevClassName) {
+                removeClassNamesFromElement(dom, prevClassName);
+            }
+            if (nextClassName) {
+                addClassNamesToElement(dom, nextClassName);
+            }
+        }
+        return update;
+    }
+    static importJSON(serializedNode) {
+        const node = $createJupyterCodeHighlightNode(serializedNode.text, serializedNode.highlightType);
+        node.setFormat(serializedNode.format);
+        node.setDetail(serializedNode.detail);
+        node.setMode(serializedNode.mode);
+        node.setStyle(serializedNode.style);
+        return node;
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            highlightType: this.getHighlightType(),
+            type: 'jupyter-code-highlight',
+            version: 1,
+        };
+    }
+    // Prevent formatting (bold, underline, etc)
+    setFormat(format) {
+        return this;
+    }
+}
+function getHighlightThemeClass(theme, highlightType) {
+    return (highlightType &&
+        theme &&
+        theme.codeHighlight &&
+        theme.codeHighlight[highlightType]);
+}
+export function $createJupyterCodeHighlightNode(text, highlightType) {
+    return new JupyterCodeHighlightNode(text, highlightType);
+}
+export function $isJupyterCodeHighlightNode(node) {
+    return node instanceof JupyterCodeHighlightNode;
+}
+export function getFirstJupyterCodeHighlightNodeOfLine(anchor) {
+    let currentNode = null;
+    const previousSiblings = anchor.getPreviousSiblings();
+    previousSiblings.push(anchor);
+    while (previousSiblings.length > 0) {
+        const node = previousSiblings.pop();
+        if ($isJupyterCodeHighlightNode(node)) {
+            currentNode = node;
+        }
+        if ($isLineBreakNode(node)) {
+            break;
+        }
+    }
+    return currentNode;
+}
+export function getLastJupyterCodeHighlightNodeOfLine(anchor) {
+    let currentNode = null;
+    const nextSiblings = anchor.getNextSiblings();
+    nextSiblings.unshift(anchor);
+    while (nextSiblings.length > 0) {
+        const node = nextSiblings.shift();
+        if ($isJupyterCodeHighlightNode(node)) {
+            currentNode = node;
+        }
+        if ($isLineBreakNode(node)) {
+            break;
+        }
+    }
+    return currentNode;
+}
+//# sourceMappingURL=JupyterCodeHighlightNode.js.map

package/lib/nodes/JupyterCodeHighlightNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JupyterCodeHighlightNode.js","sourceRoot":"","sources":["../../src/nodes/JupyterCodeHighlightNode.ts"],"names":[],"mappings":"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"}

package/lib/nodes/JupyterCodeHighlighter.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { LexicalEditor, LexicalNode } from 'lexical';
+import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-objectivec';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-swift';
+import { TextNode } from 'lexical';
+export declare function getStartOfCodeInLine(anchor: LexicalNode): {
+    node: TextNode | null;
+    offset: number;
+};
+export declare function getEndOfJupyterCodeInLine(anchor: LexicalNode): {
+    node: TextNode | null;
+    offset: number;
+};
+export declare function registerCodeHighlighting(editor: LexicalEditor): () => void;