@datalayer/lexical-loro 0.1.0 → 0.2.1

package/lib/utils/getDOMRangeRect.d.ts

@@ -1,8 +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.
- *
- */
-export declare function getDOMRangeRect(nativeSelection: Selection, rootElement: HTMLElement): DOMRect;

package/lib/utils/getDOMRangeRect.js

@@ -1,22 +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.
- *
- */
-export function getDOMRangeRect(nativeSelection, rootElement) {
-    const domRange = nativeSelection.getRangeAt(0);
-    let rect;
-    if (nativeSelection.anchorNode === rootElement) {
-        let inner = rootElement;
-        while (inner.firstElementChild != null) {
-            inner = inner.firstElementChild;
-        }
-        rect = inner.getBoundingClientRect();
-    }
-    else {
-        rect = domRange.getBoundingClientRect();
-    }
-    return rect;
-}

package/lib/utils/getSelectedNode.d.ts

@@ -1,2 +0,0 @@
-import { ElementNode, RangeSelection, TextNode } from 'lexical';
-export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;

package/lib/utils/getSelectedNode.js

@@ -1,24 +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 { $isAtNodeEnd } from '@lexical/selection';
-export function getSelectedNode(selection) {
-    const anchor = selection.anchor;
-    const focus = selection.focus;
-    const anchorNode = selection.anchor.getNode();
-    const focusNode = selection.focus.getNode();
-    if (anchorNode === focusNode) {
-        return anchorNode;
-    }
-    const isBackward = selection.isBackward();
-    if (isBackward) {
-        return $isAtNodeEnd(focus) ? anchorNode : focusNode;
-    }
-    else {
-        return $isAtNodeEnd(anchor) ? anchorNode : focusNode;
-    }
-}

package/lib/utils/getThemeSelector.d.ts

@@ -1,2 +0,0 @@
-import { EditorThemeClasses } from 'lexical';
-export declare function getThemeSelector(getTheme: () => EditorThemeClasses | null | undefined, name: keyof EditorThemeClasses): string;

package/lib/utils/getThemeSelector.js

@@ -1,10 +0,0 @@
-export function getThemeSelector(getTheme, name) {
-    const className = getTheme()?.[name];
-    if (typeof className !== 'string') {
-        throw new Error(`getThemeClass: required theme property ${name} not defined`);
-    }
-    return className
-        .split(/\s+/g)
-        .map((cls) => `.${cls}`)
-        .join();
-}

package/lib/utils/isMobileWidth.d.ts

@@ -1,7 +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.
- *
- */

package/lib/utils/isMobileWidth.js

@@ -1,7 +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.
- *
- */

package/lib/utils/joinClasses.d.ts

@@ -1 +0,0 @@
-export default function joinClasses(...args: Array<string | boolean | null | undefined>): string;

package/lib/utils/joinClasses.js

@@ -1,3 +0,0 @@
-export default function joinClasses(...args) {
-    return args.filter(Boolean).join(' ');
-}

package/lib/utils/setFloatingElemPosition.d.ts

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

package/lib/utils/setFloatingElemPosition.js

@@ -1,55 +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.
- *
- */
-const VERTICAL_GAP = 10;
-const HORIZONTAL_OFFSET = 5;
-export function setFloatingElemPosition(targetRect, floatingElem, anchorElem, isLink = false, 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;
-    // Check if text is end-aligned
-    const selection = window.getSelection();
-    if (selection && selection.rangeCount > 0) {
-        const range = selection.getRangeAt(0);
-        const textNode = range.startContainer;
-        if (textNode.nodeType === Node.ELEMENT_NODE || textNode.parentElement) {
-            const textElement = textNode.nodeType === Node.ELEMENT_NODE
-                ? textNode
-                : textNode.parentElement;
-            const textAlign = window.getComputedStyle(textElement).textAlign;
-            if (textAlign === 'right' || textAlign === 'end') {
-                // For end-aligned text, position the toolbar relative to the text end
-                left = targetRect.right - floatingElemRect.width + horizontalOffset;
-            }
-        }
-    }
-    if (top < editorScrollerRect.top) {
-        // adjusted height for link element if the element is at top
-        top +=
-            floatingElemRect.height +
-                targetRect.height +
-                verticalGap * (isLink ? 9 : 2);
-    }
-    if (left + floatingElemRect.width > editorScrollerRect.right) {
-        left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
-    }
-    if (left < editorScrollerRect.left) {
-        left = editorScrollerRect.left + horizontalOffset;
-    }
-    top -= anchorElementRect.top;
-    left -= anchorElementRect.left;
-    floatingElem.style.opacity = '1';
-    floatingElem.style.transform = `translate(${left}px, ${top}px)`;
-}

package/lib/utils/setFloatingElemPositionForLinkEditor.d.ts

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

package/lib/utils/setFloatingElemPositionForLinkEditor.js

@@ -1,32 +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.
- *
- */
-const VERTICAL_GAP = 10;
-const HORIZONTAL_OFFSET = 5;
-export function setFloatingElemPositionForLinkEditor(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 - verticalGap;
-    let left = targetRect.left - horizontalOffset;
-    if (top < editorScrollerRect.top) {
-        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/utils/swipe.d.ts

@@ -1,4 +0,0 @@
-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/utils/swipe.js

@@ -1,90 +0,0 @@
-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.start;
-            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;
-    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/utils/url.d.ts

@@ -1,2 +0,0 @@
-export declare function sanitizeUrl(url: string): string;
-export declare function validateUrl(url: string): boolean;

package/lib/utils/url.js

@@ -1,27 +0,0 @@
-const SUPPORTED_URL_PROTOCOLS = new Set([
-    'http:',
-    'https:',
-    'mailto:',
-    'sms:',
-    'tel:',
-]);
-export function sanitizeUrl(url) {
-    try {
-        const parsedUrl = new URL(url);
-        // eslint-disable-next-line no-script-url
-        if (!SUPPORTED_URL_PROTOCOLS.has(parsedUrl.protocol)) {
-            return 'about:blank';
-        }
-    }
-    catch {
-        return url;
-    }
-    return url;
-}
-// Source: https://stackoverflow.com/a/8234912/2013580
-const urlRegExp = new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);
-export function validateUrl(url) {
-    // TODO Fix UI for link insertion; it should never default to an invalid URL such as https://.
-    // Maybe show a dialog where they user can type the URL before inserting it.
-    return url === 'https://' || urlRegExp.test(url);
-}