@blocklet/editor 2.2.47 → 2.3.0

package/lib/main/plugins/CodeActionMenuPlugin/components/PrettierButton/index.css

@@ -1,14 +0,0 @@
-.code-action-menu-container .prettier-wrapper {
-  position: relative;
-}
-
-.code-action-menu-container .prettier-wrapper .code-error-tips {
-  padding: 5px;
-  border-radius: 4px;
-  color: #fff;
-  background: #222;
-  margin-top: 4px;
-  position: absolute;
-  top: 26px;
-  right: 0;
-}

package/lib/main/plugins/CodeActionMenuPlugin/components/PrettierButton/index.d.ts

@@ -1,17 +0,0 @@
-/**
- * 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 './index.css';
-import { LexicalEditor } from 'lexical';
-interface Props {
-    lang: string;
-    editor: LexicalEditor;
-    getCodeDOMNode: () => HTMLElement | null;
-}
-export declare function canBePrettier(lang: string): boolean;
-export declare function PrettierButton({ lang, editor, getCodeDOMNode }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/main/plugins/CodeActionMenuPlugin/components/PrettierButton/index.js

@@ -1,95 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 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 './index.css';
-import { $isCodeNode } from '@lexical/code';
-import { $getNearestNodeFromDOMNode } from 'lexical';
-// import { Options } from 'prettier';
-// import * as babelParser from 'prettier/parser-babel';
-// import * as htmlParser from 'prettier/parser-html';
-// import * as markdownParser from 'prettier/parser-markdown';
-// import * as cssParser from 'prettier/parser-postcss';
-// import { format } from 'prettier/standalone';
-import { useState } from 'react';
-const PRETTIER_OPTIONS_BY_LANG = {
-    css: {
-        parser: 'css',
-        // plugins: [cssParser],
-    },
-    html: {
-        parser: 'html',
-        // plugins: [htmlParser],
-    },
-    js: {
-        parser: 'babel',
-        // plugins: [babelParser],
-    },
-    markdown: {
-        parser: 'markdown',
-        // plugins: [markdownParser],
-    },
-};
-const LANG_CAN_BE_PRETTIER = Object.keys(PRETTIER_OPTIONS_BY_LANG);
-export function canBePrettier(lang) {
-    return LANG_CAN_BE_PRETTIER.includes(lang);
-}
-function getPrettierOptions(lang) {
-    const options = PRETTIER_OPTIONS_BY_LANG[lang];
-    if (!options) {
-        throw new Error(`CodeActionMenuPlugin: Prettier does not support this language: ${lang}`);
-    }
-    return options;
-}
-export function PrettierButton({ lang, editor, getCodeDOMNode }) {
-    const [syntaxError, setSyntaxError] = useState('');
-    const [tipsVisible, setTipsVisible] = useState(false);
-    // eslint-disable-next-line require-await
-    async function handleClick() {
-        const codeDOMNode = getCodeDOMNode();
-        if (!codeDOMNode) {
-            return;
-        }
-        editor.update(() => {
-            const codeNode = $getNearestNodeFromDOMNode(codeDOMNode);
-            if ($isCodeNode(codeNode)) {
-                const content = codeNode.getTextContent();
-                const options = getPrettierOptions(lang);
-                const parsed = '';
-                try {
-                    // parsed = format(content, options);
-                }
-                catch (error) {
-                    if (error instanceof Error) {
-                        setSyntaxError(error.message);
-                        setTipsVisible(true);
-                    }
-                    else {
-                        console.error('Unexpected error: ', error);
-                    }
-                }
-                if (parsed !== '') {
-                    const selection = codeNode.select(0);
-                    selection.insertText(parsed);
-                    setSyntaxError('');
-                    setTipsVisible(false);
-                }
-            }
-        });
-    }
-    function handleMouseEnter() {
-        if (syntaxError !== '') {
-            setTipsVisible(true);
-        }
-    }
-    function handleMouseLeave() {
-        if (syntaxError !== '') {
-            setTipsVisible(false);
-        }
-    }
-    return (_jsxs("div", { className: "prettier-wrapper", children: [_jsx("button", { className: "menu-item", onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "aria-label": "prettier", children: syntaxError ? _jsx("i", { className: "format prettier-error" }) : _jsx("i", { className: "format prettier" }) }), tipsVisible ? _jsx("pre", { className: "code-error-tips", children: syntaxError }) : null] }));
-}

package/lib/main/plugins/EquationsPlugin/index.d.ts

@@ -1,21 +0,0 @@
-/**
- * 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.
- *
- */
-/// <reference types="react" />
-import 'katex/dist/katex.css';
-import { LexicalCommand, LexicalEditor } from 'lexical';
-type CommandPayload = {
-    equation: string;
-    inline: boolean;
-};
-export declare const INSERT_EQUATION_COMMAND: LexicalCommand<CommandPayload>;
-export declare function InsertEquationDialog({ activeEditor, onClose, }: {
-    activeEditor: LexicalEditor;
-    onClose: () => void;
-}): JSX.Element;
-export default function EquationsPlugin(): JSX.Element | null;
-export {};

package/lib/main/plugins/EquationsPlugin/index.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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 'katex/dist/katex.css';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $wrapNodeInElement } from '@lexical/utils';
-import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_EDITOR, createCommand, } from 'lexical';
-import { useCallback, useEffect } from 'react';
-import { lazyRetry as lazy } from '@arcblock/ux/lib/Util';
-import { $createEquationNode, EquationNode } from '../../nodes/EquationNode';
-const KatexEquationAlterer = lazy(() => import('../../ui/KatexEquationAlterer'));
-export const INSERT_EQUATION_COMMAND = createCommand('INSERT_EQUATION_COMMAND');
-export function InsertEquationDialog({ activeEditor, onClose, }) {
-    const onEquationConfirm = useCallback((equation, inline) => {
-        activeEditor.dispatchCommand(INSERT_EQUATION_COMMAND, { equation, inline });
-        onClose();
-    }, [activeEditor, onClose]);
-    return _jsx(KatexEquationAlterer, { onConfirm: onEquationConfirm });
-}
-export default function EquationsPlugin() {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        if (!editor.hasNodes([EquationNode])) {
-            throw new Error('EquationsPlugins: EquationsNode not registered on editor');
-        }
-        return editor.registerCommand(INSERT_EQUATION_COMMAND, (payload) => {
-            const { equation, inline } = payload;
-            const equationNode = $createEquationNode(equation, inline);
-            $insertNodes([equationNode]);
-            if ($isRootOrShadowRoot(equationNode.getParentOrThrow())) {
-                $wrapNodeInElement(equationNode, $createParagraphNode).selectEnd();
-            }
-            return true;
-        }, COMMAND_PRIORITY_EDITOR);
-    }, [editor]);
-    return null;
-}

package/lib/main/plugins/SpeechToTextPlugin/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * 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 { LexicalCommand } from 'lexical';
-export declare const SPEECH_TO_TEXT_COMMAND: LexicalCommand<boolean>;
-export declare const SUPPORT_SPEECH_RECOGNITION: boolean;
-declare const _default: () => null;
-export default _default;

package/lib/main/plugins/SpeechToTextPlugin/index.js

@@ -1,87 +0,0 @@
-/**
- * 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 { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand, REDO_COMMAND, UNDO_COMMAND, } from 'lexical';
-import { useEffect, useRef, useState } from 'react';
-import useReport from '../../hooks/useReport';
-export const SPEECH_TO_TEXT_COMMAND = createCommand('SPEECH_TO_TEXT_COMMAND');
-const VOICE_COMMANDS = {
-    '\n': ({ selection }) => {
-        selection.insertParagraph();
-    },
-    redo: ({ editor }) => {
-        editor.dispatchCommand(REDO_COMMAND, undefined);
-    },
-    undo: ({ editor }) => {
-        editor.dispatchCommand(UNDO_COMMAND, undefined);
-    },
-};
-export const SUPPORT_SPEECH_RECOGNITION = 'SpeechRecognition' in window || 'webkitSpeechRecognition' in window;
-function SpeechToTextPlugin() {
-    const [editor] = useLexicalComposerContext();
-    const [isEnabled, setIsEnabled] = useState(false);
-    const SpeechRecognition = 
-    // @ts-ignore
-    window.SpeechRecognition || window.webkitSpeechRecognition;
-    const recognition = useRef(null);
-    const report = useReport();
-    useEffect(() => {
-        if (isEnabled && recognition.current === null) {
-            recognition.current = new SpeechRecognition();
-            recognition.current.continuous = true;
-            recognition.current.interimResults = true;
-            recognition.current.addEventListener('result', (event) => {
-                const resultItem = event.results.item(event.resultIndex);
-                const { transcript } = resultItem.item(0);
-                report(transcript);
-                if (!resultItem.isFinal) {
-                    return;
-                }
-                editor.update(() => {
-                    const selection = $getSelection();
-                    if ($isRangeSelection(selection)) {
-                        const command = VOICE_COMMANDS[transcript.toLowerCase().trim()];
-                        if (command) {
-                            command({
-                                editor,
-                                selection,
-                            });
-                        }
-                        else if (transcript.match(/\s*\n\s*/)) {
-                            selection.insertParagraph();
-                        }
-                        else {
-                            selection.insertText(transcript);
-                        }
-                    }
-                });
-            });
-        }
-        if (recognition.current) {
-            if (isEnabled) {
-                recognition.current.start();
-            }
-            else {
-                recognition.current.stop();
-            }
-        }
-        return () => {
-            if (recognition.current !== null) {
-                recognition.current.stop();
-            }
-        };
-    }, [SpeechRecognition, editor, isEnabled, report]);
-    useEffect(() => {
-        return editor.registerCommand(SPEECH_TO_TEXT_COMMAND, (_isEnabled) => {
-            setIsEnabled(_isEnabled);
-            return true;
-        }, COMMAND_PRIORITY_EDITOR);
-    }, [editor]);
-    return null;
-}
-export default (SUPPORT_SPEECH_RECOGNITION ? SpeechToTextPlugin : () => null);

package/lib/main/ui/EquationEditor.css

@@ -1,38 +0,0 @@
-/**
- * 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.
- *
- *
- */
-
-.EquationEditor_inlineEditor {
-  padding: 0;
-  margin: 0;
-  border: 0;
-  outline: 0;
-  color: #8421a2;
-  background-color: inherit;
-  resize: none;
-}
-
-.EquationEditor_blockEditor {
-  padding: 0;
-  margin: 0;
-  border: 0;
-  outline: 0;
-  color: #8421a2;
-  background-color: inherit;
-  resize: none;
-  width: '100%';
-}
-
-.EquationEditor_inputBackground {
-  background-color: #eee;
-}
-
-.EquationEditor_dollarSign {
-  text-align: left;
-  color: #b0b0b0;
-}

package/lib/main/ui/EquationEditor.d.ts

@@ -1,19 +0,0 @@
-/**
- * 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.
- *
- */
-/// <reference types="react" />
-import './EquationEditor.css';
-type BaseEquationEditorProps = {
-    equation: string;
-    inline: boolean;
-    inputRef: {
-        current: null | HTMLInputElement | HTMLTextAreaElement;
-    };
-    setEquation: (equation: string) => void;
-};
-export default function EquationEditor({ equation, setEquation, inline, inputRef, }: BaseEquationEditorProps): JSX.Element;
-export {};

package/lib/main/ui/EquationEditor.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 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 './EquationEditor.css';
-export default function EquationEditor({ equation, setEquation, inline, inputRef, }) {
-    const onChange = (event) => {
-        setEquation(event.target.value);
-    };
-    const props = {
-        equation,
-        inputRef,
-        onChange,
-    };
-    return inline ? (_jsx(InlineEquationEditor, { ...props, inputRef: inputRef })) : (_jsx(BlockEquationEditor, { ...props, inputRef: inputRef }));
-}
-function InlineEquationEditor({ equation, onChange, inputRef }) {
-    return (_jsxs("span", { className: "EquationEditor_inputBackground", children: [_jsx("span", { className: "EquationEditor_dollarSign", children: "$" }), _jsx("input", { className: "EquationEditor_inlineEditor", value: equation, onChange: onChange, autoFocus: true, ref: inputRef }), _jsx("span", { className: "EquationEditor_dollarSign", children: "$" })] }));
-}
-function BlockEquationEditor({ equation, onChange, inputRef }) {
-    return (_jsxs("div", { className: "EquationEditor_inputBackground", children: [_jsx("span", { className: "EquationEditor_dollarSign", children: '$$\n' }), _jsx("textarea", { className: "EquationEditor_blockEditor", value: equation, onChange: onChange, ref: inputRef }), _jsx("span", { className: "EquationEditor_dollarSign", children: '\n$$' })] }));
-}

package/lib/main/ui/KatexEquationAlterer.css

@@ -1,41 +0,0 @@
-/**
- * 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.
- *
- *
- */
-
-.KatexEquationAlterer_defaultRow {
-  display: flex;
-  flex-direction: row;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  justify-content: space-between;
-  overflow: hidden;
-}
-
-.KatexEquationAlterer_dialogActions {
-  display: flex;
-  flex-direction: row;
-  overflow: hidden;
-  margin-top: 20px;
-  margin-bottom: 0;
-  justify-content: right;
-}
-
-.KatexEquationAlterer_centerRow {
-  display: flex;
-  flex-direction: 'row';
-  margin-top: 10px;
-  margin-bottom: 10px;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.KatexEquationAlterer_textArea {
-  width: 100%;
-  resize: none;
-  padding: 7px;
-}

package/lib/main/ui/KatexEquationAlterer.d.ts

@@ -1,15 +0,0 @@
-/**
- * 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.
- *
- */
-/// <reference types="react" />
-import './KatexEquationAlterer.css';
-type Props = {
-    initialEquation?: string;
-    onConfirm: (equation: string, inline: boolean) => void;
-};
-export default function KatexEquationAlterer({ onConfirm, initialEquation }: Props): JSX.Element;
-export {};

package/lib/main/ui/KatexEquationAlterer.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * 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 './KatexEquationAlterer.css';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { lazyRetry as lazy } from '@arcblock/ux/lib/Util';
-import Button from './Button';
-const KatexRenderer = lazy(() => import('./KatexRenderer'));
-export default function KatexEquationAlterer({ onConfirm, initialEquation = '' }) {
-    const [equation, setEquation] = useState(initialEquation);
-    const [inline, setInline] = useState(true);
-    const onClick = useCallback(() => {
-        onConfirm(equation, inline);
-    }, [onConfirm, equation, inline]);
-    const onCheckboxChange = useCallback(() => {
-        setInline(!inline);
-    }, [setInline, inline]);
-    const input = useRef(null);
-    useEffect(() => {
-        setTimeout(() => {
-            input.current?.focus();
-        });
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "KatexEquationAlterer_defaultRow", children: ["Inline", _jsx("input", { type: "checkbox", checked: inline, onChange: onCheckboxChange })] }), _jsx("div", { className: "KatexEquationAlterer_defaultRow", children: "Equation " }), _jsx("div", { className: "KatexEquationAlterer_centerRow", children: inline ? (_jsx("input", { ref: input, onChange: (event) => {
-                        setEquation(event.target.value);
-                    }, value: equation, className: "KatexEquationAlterer_textArea" })) : (_jsx("textarea", { ref: input, onChange: (event) => {
-                        setEquation(event.target.value);
-                    }, value: equation, className: "KatexEquationAlterer_textArea" })) }), _jsx("div", { className: "KatexEquationAlterer_defaultRow", children: "Visualization " }), _jsx("div", { className: "KatexEquationAlterer_centerRow", children: _jsx(KatexRenderer, { equation: equation, inline: false, onClick: () => null }) }), _jsx("div", { className: "KatexEquationAlterer_dialogActions", children: _jsx(Button, { onClick: onClick, children: "Confirm" }) })] }));
-}

package/lib/main/ui/KatexRenderer.d.ts

@@ -1,13 +0,0 @@
-/**
- * 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.
- *
- */
-/// <reference types="react" />
-export default function KatexRenderer({ equation, inline, onClick, }: Readonly<{
-    equation: string;
-    inline: boolean;
-    onClick: () => void;
-}>): JSX.Element;

package/lib/main/ui/KatexRenderer.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 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 { useEffect, useRef } from 'react';
-export default function KatexRenderer({ equation, inline, onClick, }) {
-    const katexElementRef = useRef(null);
-    useEffect(() => {
-        const katexElement = katexElementRef.current;
-        if (katexElement !== null) {
-            import('katex').then(({ default: katex }) => {
-                // @ts-ignore
-                katex.render(equation, katexElement, {
-                    displayMode: !inline,
-                    errorColor: '#cc0000',
-                    output: 'html',
-                    strict: 'warn',
-                    throwOnError: false,
-                    trust: false,
-                });
-            });
-        }
-    }, [equation, inline]);
-    return (
-    // We use spacers either side to ensure Android doesn't try and compose from the
-    // inner text from Katex. There didn't seem to be any other way of making this work,
-    // without having a physical space.
-    _jsxs(_Fragment, { children: [_jsx("span", { className: "spacer", children: " " }), _jsx("span", { role: "button", tabIndex: -1, onClick: onClick, ref: katexElementRef }), _jsx("span", { className: "spacer", children: " " })] }));
-}