@blocklet/editor-lite 2.6.0

package/lib/main/utils/rect.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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 { Point } from './point';
+type ContainsPointReturn = {
+    result: boolean;
+    reason: {
+        isOnTopSide: boolean;
+        isOnBottomSide: boolean;
+        isOnLeftSide: boolean;
+        isOnRightSide: boolean;
+    };
+};
+export declare class Rect {
+    private readonly _left;
+    private readonly _top;
+    private readonly _right;
+    private readonly _bottom;
+    constructor(left: number, top: number, right: number, bottom: number);
+    get top(): number;
+    get right(): number;
+    get bottom(): number;
+    get left(): number;
+    get width(): number;
+    get height(): number;
+    equals({ top, left, bottom, right }: Rect): boolean;
+    contains({ x, y }: Point): ContainsPointReturn;
+    contains({ top, left, bottom, right }: Rect): boolean;
+    intersectsWith(rect: Rect): boolean;
+    generateNewRect({ left, top, right, bottom }: {
+        left?: number | undefined;
+        top?: number | undefined;
+        right?: number | undefined;
+        bottom?: number | undefined;
+    }): Rect;
+    static fromLTRB(left: number, top: number, right: number, bottom: number): Rect;
+    static fromLWTH(left: number, width: number, top: number, height: number): Rect;
+    static fromPoints(startPoint: Point, endPoint: Point): Rect;
+    static fromDOM(dom: HTMLElement): Rect;
+}
+export {};

package/lib/main/utils/rect.js

@@ -0,0 +1,98 @@
+/**
+ * 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 { isPoint } from './point';
+export class Rect {
+    _left;
+    _top;
+    _right;
+    _bottom;
+    constructor(left, top, right, bottom) {
+        const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];
+        const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];
+        this._top = physicTop;
+        this._right = physicRight;
+        this._left = physicLeft;
+        this._bottom = physicBottom;
+    }
+    get top() {
+        return this._top;
+    }
+    get right() {
+        return this._right;
+    }
+    get bottom() {
+        return this._bottom;
+    }
+    get left() {
+        return this._left;
+    }
+    get width() {
+        return Math.abs(this._left - this._right);
+    }
+    get height() {
+        return Math.abs(this._bottom - this._top);
+    }
+    equals({ top, left, bottom, right }) {
+        return top === this._top && bottom === this._bottom && left === this._left && right === this._right;
+    }
+    contains(target) {
+        if (isPoint(target)) {
+            const { x, y } = target;
+            const isOnTopSide = y < this._top;
+            const isOnBottomSide = y > this._bottom;
+            const isOnLeftSide = x < this._left;
+            const isOnRightSide = x > this._right;
+            const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;
+            return {
+                reason: {
+                    isOnBottomSide,
+                    isOnLeftSide,
+                    isOnRightSide,
+                    isOnTopSide,
+                },
+                result,
+            };
+        }
+        const { top, left, bottom, right } = target;
+        return (top >= this._top &&
+            top <= this._bottom &&
+            bottom >= this._top &&
+            bottom <= this._bottom &&
+            left >= this._left &&
+            left <= this._right &&
+            right >= this._left &&
+            right <= this._right);
+    }
+    intersectsWith(rect) {
+        const { left: x1, top: y1, width: w1, height: h1 } = rect;
+        const { left: x2, top: y2, width: w2, height: h2 } = this;
+        const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;
+        const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;
+        const minX = x1 <= x2 ? x1 : x2;
+        const minY = y1 <= y2 ? y1 : y2;
+        return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;
+    }
+    generateNewRect({ left = this.left, top = this.top, right = this.right, bottom = this.bottom }) {
+        return new Rect(left, top, right, bottom);
+    }
+    static fromLTRB(left, top, right, bottom) {
+        return new Rect(left, top, right, bottom);
+    }
+    static fromLWTH(left, width, top, height) {
+        return new Rect(left, top, left + width, top + height);
+    }
+    static fromPoints(startPoint, endPoint) {
+        const { y: top, x: left } = startPoint;
+        const { y: bottom, x: right } = endPoint;
+        return Rect.fromLTRB(left, top, right, bottom);
+    }
+    static fromDOM(dom) {
+        const { top, width, left, height } = dom.getBoundingClientRect();
+        return Rect.fromLWTH(left, width, top, height);
+    }
+}

package/lib/main/utils/sanitizeUrl.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ *
+ */
+export declare const sanitizeUrl: (url: string) => string;

package/lib/main/utils/sanitizeUrl.js

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ *
+ */
+export const sanitizeUrl = (url) => {
+    /** A pattern that matches safe  URLs. */
+    const SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi;
+    /** A pattern that matches safe data URLs. */
+    const DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;
+    url = String(url).trim();
+    if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN))
+        return url;
+    return 'https://';
+};

package/lib/main/utils/setFloatingElemPosition.d.ts

@@ -0,0 +1 @@
+export declare function setFloatingElemPosition(targetRect: DOMRect | null, floatingElem: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number): void;

package/lib/main/utils/setFloatingElemPosition.js

@@ -0,0 +1,32 @@
+/**
+ * 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.
+ *
+ */
+const VERTICAL_GAP = 10;
+const HORIZONTAL_OFFSET = 5;
+export function setFloatingElemPosition(targetRect, floatingElem, anchorElem, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET) {
+    const scrollerElem = anchorElem.parentElement;
+    if (targetRect === null || !scrollerElem) {
+        floatingElem.style.opacity = '0';
+        floatingElem.style.transform = 'translate(-10000px, -10000px)';
+        return;
+    }
+    const floatingElemRect = floatingElem.getBoundingClientRect();
+    const anchorElementRect = anchorElem.getBoundingClientRect();
+    const editorScrollerRect = scrollerElem.getBoundingClientRect();
+    let top = targetRect.top - floatingElemRect.height - verticalGap;
+    let left = targetRect.left - horizontalOffset;
+    if (top < editorScrollerRect.top + 36) {
+        top += floatingElemRect.height + targetRect.height + verticalGap * 2;
+    }
+    if (left + floatingElemRect.width > editorScrollerRect.right) {
+        left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
+    }
+    top -= anchorElementRect.top;
+    left -= anchorElementRect.left;
+    floatingElem.style.opacity = '1';
+    floatingElem.style.transform = `translate(${left}px, ${top}px)`;
+}

package/lib/main/utils/swipe.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ *
+ */
+export declare function addSwipeLeftListener(element: HTMLElement, cb: (_force: number, e: TouchEvent) => void): () => void;
+export declare function addSwipeRightListener(element: HTMLElement, cb: (_force: number, e: TouchEvent) => void): () => void;
+export declare function addSwipeUpListener(element: HTMLElement, cb: (_force: number, e: TouchEvent) => void): () => void;
+export declare function addSwipeDownListener(element: HTMLElement, cb: (_force: number, e: TouchEvent) => void): () => void;

package/lib/main/utils/swipe.js

@@ -0,0 +1,98 @@
+/* eslint-disable no-unused-vars */
+/**
+ * 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.
+ *
+ */
+const elements = new WeakMap();
+function readTouch(e) {
+    const touch = e.changedTouches[0];
+    if (touch === undefined) {
+        return null;
+    }
+    return [touch.clientX, touch.clientY];
+}
+function addListener(element, cb) {
+    let elementValues = elements.get(element);
+    if (elementValues === undefined) {
+        const listeners = new Set();
+        const handleTouchstart = (e) => {
+            if (elementValues !== undefined) {
+                elementValues.start = readTouch(e);
+            }
+        };
+        const handleTouchend = (e) => {
+            if (elementValues === undefined) {
+                return;
+            }
+            const { start } = elementValues;
+            if (start === null) {
+                return;
+            }
+            const end = readTouch(e);
+            for (const listener of listeners) {
+                if (end !== null) {
+                    listener([end[0] - start[0], end[1] - start[1]], e);
+                }
+            }
+        };
+        element.addEventListener('touchstart', handleTouchstart);
+        element.addEventListener('touchend', handleTouchend);
+        elementValues = {
+            handleTouchend,
+            handleTouchstart,
+            listeners,
+            start: null,
+        };
+        elements.set(element, elementValues);
+    }
+    elementValues.listeners.add(cb);
+    return () => deleteListener(element, cb);
+}
+function deleteListener(element, cb) {
+    const elementValues = elements.get(element);
+    if (elementValues === undefined) {
+        return;
+    }
+    const { listeners } = elementValues;
+    listeners.delete(cb);
+    if (listeners.size === 0) {
+        elements.delete(element);
+        element.removeEventListener('touchstart', elementValues.handleTouchstart);
+        element.removeEventListener('touchend', elementValues.handleTouchend);
+    }
+}
+export function addSwipeLeftListener(element, cb) {
+    return addListener(element, (force, e) => {
+        const [x, y] = force;
+        if (x < 0 && -x > Math.abs(y)) {
+            cb(x, e);
+        }
+    });
+}
+export function addSwipeRightListener(element, cb) {
+    return addListener(element, (force, e) => {
+        const [x, y] = force;
+        if (x > 0 && x > Math.abs(y)) {
+            cb(x, e);
+        }
+    });
+}
+export function addSwipeUpListener(element, cb) {
+    return addListener(element, (force, e) => {
+        const [x, y] = force;
+        if (y < 0 && -y > Math.abs(x)) {
+            cb(x, e);
+        }
+    });
+}
+export function addSwipeDownListener(element, cb) {
+    return addListener(element, (force, e) => {
+        const [x, y] = force;
+        if (y > 0 && y > Math.abs(x)) {
+            cb(x, e);
+        }
+    });
+}

package/lib/main/viewer/index.d.ts

@@ -0,0 +1,5 @@
+import '../index.css';
+import { type JSX } from 'react';
+import { EditorViewerProps } from './types';
+export declare function BlockletEditorViewer({ editorState, markdown, ...props }: EditorViewerProps): JSX.Element;
+export type { EditorViewerProps };

package/lib/main/viewer/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../index.css';
+import { cx } from '@emotion/css';
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { useTheme } from '@mui/material';
+import PlaygroundNodes from '../nodes/PlaygroundNodes';
+import { useCustomTheme } from '../themes/customTheme';
+import { EditorViewer } from './viewer';
+import { EditorRoot } from '../editor-root';
+import { getInitialEditorState } from '../../lexical-utils';
+export function BlockletEditorViewer({ editorState, markdown, ...props }) {
+    const muiTheme = useTheme();
+    const theme = useCustomTheme();
+    const initialConfig = {
+        namespace: 'Playground',
+        editorState: getInitialEditorState(editorState ?? '', markdown),
+        nodes: PlaygroundNodes,
+        editable: false,
+        onError: (error) => {
+            throw error;
+        },
+        theme,
+    };
+    return (_jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorRoot, { className: cx(props.className, 'be-shell'), "data-mode": muiTheme.palette.mode, children: _jsx(EditorViewer, { ...props }) }) }));
+}

package/lib/main/viewer/types.d.ts

@@ -0,0 +1,14 @@
+import { EditorState, LexicalEditor } from 'lexical';
+import { MutableRefObject, ReactNode } from 'react';
+export interface EditorViewerProps {
+    editorState?: string;
+    markdown?: boolean;
+    children?: ReactNode;
+    prepend?: ReactNode;
+    onChange?: (editorState: EditorState, editor: LexicalEditor) => void;
+    editorRef?: React.RefCallback<LexicalEditor> | MutableRefObject<LexicalEditor | null>;
+    onReady?: () => void;
+    enableHeadingsIdPlugin?: boolean;
+    onCheckboxChange?: (content: string) => Promise<any>;
+    className?: string;
+}

package/lib/main/viewer/types.js

@@ -0,0 +1 @@
+export {};

package/lib/main/viewer/viewer.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from 'react';
+import { EditorViewerProps } from './types';
+export declare function EditorViewer({ children, prepend, onChange, editorRef, onReady, enableHeadingsIdPlugin, onCheckboxChange, }: EditorViewerProps): JSX.Element;

package/lib/main/viewer/viewer.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '@emotion/css';
+import { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import { ListPlugin } from '@lexical/react/LexicalListPlugin';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
+import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
+import useHasNodes from '../hooks/useHasNodes';
+import ClickableLinkPlugin from '../plugins/ClickableLinkPlugin';
+import CodeHighlightPlugin from '../plugins/CodeHighlightPlugin';
+import CollapsiblePlugin from '../plugins/CollapsiblePlugin';
+import MarkdownShortcutPlugin from '../plugins/MarkdownShortcutPlugin';
+import TabFocusPlugin from '../plugins/TabFocusPlugin';
+import ContentEditable from '../ui/ContentEditable';
+import { EditorRefPlugin } from '../../ext/LexicalEditorRefPlugin';
+import { HeadingsIdPlugin } from '../../ext/HeadingsIdPlugin';
+import { EditorReadyPlugin } from '../../ext/EditorReadyPlugin';
+import { EditorHolderPlugin } from '../../ext/EditorHolderPlugin';
+import { StyledEditorContent } from '../styled-editor-content';
+// import { CodeCopyPlugin } from '../../ext/CodeCopyPlugin';
+import CheckboxPlugin from '../../ext/CheckboxPlugin';
+import { VideoPathFixerPlugin } from '../../ext/VideoPathFixerPlugin';
+import ImagePathFixerPlugin from '../../ext/ImagePathFixerPlugin';
+import { useFixInvalidPostLinkNodes } from '../../ext/PostLinkEmbedPlugin/fixInvalidPostLinkNodes';
+export function EditorViewer({ children, prepend, onChange, editorRef, onReady, enableHeadingsIdPlugin, onCheckboxChange, }) {
+    const hasNodes = useHasNodes();
+    useFixInvalidPostLinkNodes();
+    return (_jsxs(_Fragment, { children: [prepend, _jsx(VideoPathFixerPlugin, {}), _jsx(ImagePathFixerPlugin, {}), _jsx(StyledEditorContent, { className: "be-content", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(MarkdownShortcutPlugin, {}), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), _jsx(TabFocusPlugin, {}), hasNodes('table', 'tablerow', 'tablecell') && (_jsx(TablePlugin, { hasCellMerge: true, hasCellBackgroundColor: true, hasHorizontalScroll: true })), hasNodes('collapsible-container', 'collapsible-content', 'collapsible-title') && _jsx(CollapsiblePlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {}), _jsx(EditorHolderPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), _jsx(CheckboxPlugin, { send: onCheckboxChange }), children] }));
+}

package/lib/shared/canUseDOM.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ *
+ */
+export declare const CAN_USE_DOM: boolean;

package/lib/shared/canUseDOM.js

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ *
+ */
+export const CAN_USE_DOM = typeof window !== 'undefined' &&
+    typeof window.document !== 'undefined' &&
+    typeof window.document.createElement !== 'undefined';

package/lib/shared/environment.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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.
+ *
+ */
+declare global {
+    interface Document {
+        documentMode?: unknown;
+    }
+    interface Window {
+        MSStream?: unknown;
+    }
+}
+export declare const IS_APPLE: boolean;
+export declare const IS_FIREFOX: boolean;
+export declare const CAN_USE_BEFORE_INPUT: boolean;
+export declare const IS_SAFARI: boolean;
+export declare const IS_IOS: boolean;
+export declare const IS_ANDROID: boolean;
+export declare const IS_CHROME: boolean;
+export declare const IS_ANDROID_CHROME: boolean;
+export declare const IS_APPLE_WEBKIT: boolean;

package/lib/shared/environment.js

@@ -0,0 +1,21 @@
+/**
+ * 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 { CAN_USE_DOM } from './canUseDOM';
+const documentMode = CAN_USE_DOM && 'documentMode' in document ? document.documentMode : null;
+export const IS_APPLE = CAN_USE_DOM && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+export const IS_FIREFOX = CAN_USE_DOM && /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
+export const CAN_USE_BEFORE_INPUT = CAN_USE_DOM && 'InputEvent' in window && !documentMode ? 'getTargetRanges' in new window.InputEvent('input') : false;
+export const IS_SAFARI = CAN_USE_DOM && /Version\/[\d.]+.*Safari/.test(navigator.userAgent);
+export const IS_IOS = CAN_USE_DOM && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+export const IS_ANDROID = CAN_USE_DOM && /Android/.test(navigator.userAgent);
+// Keep these in case we need to use them in the future.
+// export const IS_WINDOWS: boolean = CAN_USE_DOM && /Win/.test(navigator.platform);
+export const IS_CHROME = CAN_USE_DOM && /^(?=.*Chrome).*/i.test(navigator.userAgent);
+// export const canUseTextInputEvent: boolean = CAN_USE_DOM && 'TextEvent' in window && !documentMode;
+export const IS_ANDROID_CHROME = CAN_USE_DOM && IS_ANDROID && IS_CHROME;
+export const IS_APPLE_WEBKIT = CAN_USE_DOM && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !IS_CHROME;

package/lib/shared/getDOMSelection.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ *
+ */
+declare const getSelection: () => Selection | null;
+export default getSelection;

package/lib/shared/getDOMSelection.js

@@ -0,0 +1,10 @@
+/**
+ * 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 { CAN_USE_DOM } from './canUseDOM';
+const getSelection = () => (CAN_USE_DOM ? window.getSelection() : null);
+export default getSelection;

package/lib/shared/invariant.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ *
+ */
+export default function invariant(cond?: boolean, message?: string, ...args: string[]): asserts cond;

package/lib/shared/invariant.js

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ *
+ */
+// invariant(condition, message) will refine types based on "condition", and
+// if "condition" is false will throw an error. This function is special-cased
+// in flow itself, so we can't name it anything else.
+export default function invariant(cond, message, ...args) {
+    if (cond) {
+        return;
+    }
+    throw new Error('Internal Lexical error: invariant() is meant to be replaced at compile time. There is no runtime version.');
+}

package/lib/shared/useLayoutEffect.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 { useLayoutEffect } from 'react';
+declare const useLayoutEffectImpl: typeof useLayoutEffect;
+export default useLayoutEffectImpl;

package/lib/shared/useLayoutEffect.js

@@ -0,0 +1,11 @@
+/**
+ * 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, useLayoutEffect } from 'react';
+import { CAN_USE_DOM } from './canUseDOM';
+const useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect : useEffect;
+export default useLayoutEffectImpl;

package/lib/types.d.ts

@@ -0,0 +1,19 @@
+import type { Completions, FetchTemplateTags, FetchTemplates } from './ext/Aide/types';
+export type { EditorState } from 'lexical';
+export * from './ext/Aide/types';
+export interface User {
+    did: string;
+    fullName: string;
+    avatar: string;
+}
+export interface UserService {
+    search: (keyword: string) => Promise<User[]>;
+    getCurrentUserDid?: () => string;
+}
+export interface AI {
+    fetchTemplateTags?: FetchTemplateTags;
+    fetchTemplates?: FetchTemplates;
+    completions: Completions;
+    checkAvailable: () => Promise<boolean> | boolean;
+}
+export type ImageSizeMode = 'small' | 'best-fit' | 'original';

package/lib/types.js

@@ -0,0 +1 @@
+export * from './ext/Aide/types';

package/lib/vendor/LexicalCharacterLimitPlugin/LexicalCharacterLimitPlugin.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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 { JSX } from 'react';
+export declare function CharacterLimitPlugin({ charset, maxLength, renderer, }: {
+    charset: 'UTF-8' | 'UTF-16';
+    maxLength: number;
+    renderer?: ({ remainingCharacters }: {
+        remainingCharacters: number;
+    }) => JSX.Element;
+}): JSX.Element;

package/lib/vendor/LexicalCharacterLimitPlugin/LexicalCharacterLimitPlugin.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { useMemo, useState } from 'react';
+import { useCharacterLimit } from './useCharacterLimit';
+const CHARACTER_LIMIT = 5;
+let textEncoderInstance = null;
+function textEncoder() {
+    if (window.TextEncoder === undefined) {
+        return null;
+    }
+    if (textEncoderInstance === null) {
+        textEncoderInstance = new window.TextEncoder();
+    }
+    return textEncoderInstance;
+}
+function utf8Length(text) {
+    const currentTextEncoder = textEncoder();
+    if (currentTextEncoder === null) {
+        // http://stackoverflow.com/a/5515960/210370
+        const m = encodeURIComponent(text).match(/%[89ABab]/g);
+        return text.length + (m ? m.length : 0);
+    }
+    return currentTextEncoder.encode(text).length;
+}
+function DefaultRenderer({ remainingCharacters }) {
+    return (_jsx("span", { className: `characters-limit ${remainingCharacters < 0 ? 'characters-limit-exceeded' : ''}`, children: remainingCharacters }));
+}
+export function CharacterLimitPlugin({ charset = 'UTF-16', maxLength = CHARACTER_LIMIT, renderer = DefaultRenderer, }) {
+    const [editor] = useLexicalComposerContext();
+    const [remainingCharacters, setRemainingCharacters] = useState(maxLength);
+    const characterLimitProps = useMemo(() => ({
+        remainingCharacters: setRemainingCharacters,
+        strlen: (text) => {
+            if (charset === 'UTF-8') {
+                return utf8Length(text);
+            }
+            if (charset === 'UTF-16') {
+                return text.length;
+            }
+            throw new Error('Unrecognized charset');
+        },
+    }), [charset]);
+    useCharacterLimit(editor, maxLength, characterLimitProps);
+    return renderer({ remainingCharacters });
+}

package/lib/vendor/LexicalCharacterLimitPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from './LexicalCharacterLimitPlugin';

package/lib/vendor/LexicalCharacterLimitPlugin/index.js

@@ -0,0 +1 @@
+export * from './LexicalCharacterLimitPlugin';