@infonomic/payload-alternative-lexical-editor 1.0.0

package/dist/field/plugins/auto-embed-plugin/index.js

@@ -0,0 +1,191 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { AutoEmbedOption, LexicalAutoEmbedPlugin, URL_MATCHER, } from '@lexical/react/LexicalAutoEmbedPlugin';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import * as ReactDOM from 'react-dom';
+import useModal from '../../hooks/useModal';
+import Button from '../../ui/button';
+import { DialogActions } from '../../ui/dialog';
+import { INSERT_VIMEO_COMMAND } from '../vimeo-plugin';
+// import { INSERT_FIGMA_COMMAND } from '../FigmaPlugin'
+// import { INSERT_TWEET_COMMAND } from '../TwitterPlugin'
+import { INSERT_YOUTUBE_COMMAND } from '../youtube-plugin';
+export const YoutubeEmbedConfig = {
+    contentName: 'Youtube Video',
+    exampleUrl: 'https://www.youtube.com/watch?v=jNQXAC9IVRw',
+    // Icon for display.
+    icon: _jsx("i", { className: "icon youtube" }),
+    insertNode: (editor, result) => {
+        editor.dispatchCommand(INSERT_YOUTUBE_COMMAND, result.id);
+    },
+    keywords: ['youtube', 'video'],
+    // Determine if a given URL is a match and return url data.
+    parseUrl: async (url) => {
+        const match = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/.exec(url);
+        const id = match != null ? (match?.[2].length === 11 ? match[2] : null) : null;
+        if (id != null) {
+            return {
+                id,
+                url,
+            };
+        }
+        return null;
+    },
+    type: 'youtube-video',
+};
+export const VimeoEmbedConfig = {
+    contentName: 'Vimeo Video',
+    exampleUrl: 'https://vimeo.com/584985260',
+    // Icon for display.
+    icon: _jsx("i", { className: "icon vimeo" }),
+    insertNode: (editor, result) => {
+        editor.dispatchCommand(INSERT_VIMEO_COMMAND, result.id);
+    },
+    keywords: ['vimeo', 'video'],
+    // Determine if a given URL is a match and return url data.
+    parseUrl: async (url) => {
+        const match = /https:\/\/vimeo\.com\/(\d{5,10})/.exec(url);
+        const id = match != null ? match[1] : null;
+        if (id != null) {
+            return {
+                id,
+                url,
+            };
+        }
+        return null;
+    },
+    type: 'vimeo-video',
+};
+// export const TwitterEmbedConfig: PlaygroundEmbedConfig = {
+//   // e.g. Tweet or Google Map.
+//   contentName: 'Tweet',
+//   exampleUrl: 'https://twitter.com/jack/status/20',
+//   // Icon for display.
+//   icon: <i className="icon tweet" />,
+//   // Create the Lexical embed node from the url data.
+//   insertNode: (editor: LexicalEditor, result: EmbedMatchResult) => {
+//     editor.dispatchCommand(INSERT_TWEET_COMMAND, result.id)
+//   },
+//   // For extra searching.
+//   keywords: ['tweet', 'twitter'],
+//   // Determine if a given URL is a match and return url data.
+//   parseUrl: (text: string) => {
+//     const match = /^https:\/\/(twitter|x)\.com\/(#!\/)?(\w+)\/status(es)*\/(\d+)/.exec(text)
+//     if (match != null) {
+//       return {
+//         id: match[5],
+//         url: match[1]
+//       }
+//     }
+//     return null
+//   },
+//   type: 'tweet'
+// }
+// export const FigmaEmbedConfig: PlaygroundEmbedConfig = {
+//   contentName: 'Figma Document',
+//   exampleUrl: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',
+//   icon: <i className="icon figma" />,
+//   insertNode: (editor: LexicalEditor, result: EmbedMatchResult) => {
+//     editor.dispatchCommand(INSERT_FIGMA_COMMAND, result.id)
+//   },
+//   keywords: ['figma', 'figma.com', 'mock-up'],
+//   // Determine if a given URL is a match and return url data.
+//   parseUrl: (text: string) => {
+//     const match =
+//       /https:\/\/([\w.-]+\.)?figma.com\/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/.exec(text)
+//     if (match != null) {
+//       return {
+//         id: match[3],
+//         url: match[0]
+//       }
+//     }
+//     return null
+//   },
+//   type: 'figma'
+// }
+// export const EmbedConfigs = [TwitterEmbedConfig, YoutubeEmbedConfig, FigmaEmbedConfig]
+export const EmbedConfigs = [YoutubeEmbedConfig, VimeoEmbedConfig];
+function AutoEmbedMenuItem({ index, isSelected, onClick, onMouseEnter, option, }) {
+    let className = 'item';
+    if (isSelected) {
+        className += ' selected';
+    }
+    return (_jsx("div", { tabIndex: -1, role: "option", className: className, ref: option.setRefElement, "aria-selected": isSelected, id: `typeahead-item-${index}`, onMouseEnter: onMouseEnter, onClick: onClick, onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onClick();
+            }
+        }, children: _jsx("span", { className: "text", children: option.title }) }));
+}
+function AutoEmbedMenu({ options, selectedItemIndex, onOptionClick, onOptionMouseEnter, }) {
+    return (_jsx("div", { className: "typeahead-popover", children: _jsx("div", { role: "listbox", "aria-label": "Auto embed options", children: options.map((option, i) => (_jsx(AutoEmbedMenuItem, { index: i, isSelected: selectedItemIndex === i, onClick: () => {
+                    onOptionClick(option, i);
+                }, onMouseEnter: () => {
+                    onOptionMouseEnter(i);
+                }, option: option }, option.key))) }) }));
+}
+const debounce = (callback, delay) => {
+    let timeoutId;
+    return (text) => {
+        window.clearTimeout(timeoutId);
+        timeoutId = window.setTimeout(() => {
+            callback(text);
+        }, delay);
+    };
+};
+export function AutoEmbedDialog({ embedConfig, onClose, }) {
+    const [text, setText] = useState('');
+    const [editor] = useLexicalComposerContext();
+    const [embedResult, setEmbedResult] = useState(null);
+    const validateText = useMemo(() => debounce((inputText) => {
+        const urlMatch = URL_MATCHER.exec(inputText);
+        if (embedConfig != null && inputText != null && urlMatch != null) {
+            void Promise.resolve(embedConfig.parseUrl(inputText)).then((parseResult) => {
+                setEmbedResult(parseResult);
+            });
+        }
+        else if (embedResult == null) {
+            setEmbedResult(null);
+        }
+    }, 200), [embedConfig, embedResult]);
+    const onClick = () => {
+        if (embedResult != null) {
+            embedConfig.insertNode(editor, embedResult);
+            onClose();
+        }
+    };
+    return (_jsxs("div", { style: { width: '600px' }, children: [_jsx("div", { className: "Input__wrapper", children: _jsx("input", { type: "text", className: "Input__input", placeholder: embedConfig.exampleUrl, value: text, "data-test-id": `${embedConfig.type}-embed-modal-url`, onChange: (e) => {
+                        const { value } = e.target;
+                        setText(value);
+                        validateText(value);
+                    } }) }), _jsx(DialogActions, { children: _jsx(Button, { disabled: embedResult == null, onClick: onClick, "data-test-id": `${embedConfig.type}-embed-modal-submit-btn`, children: "Embed" }) })] }));
+}
+export function AutoEmbedPlugin() {
+    const [modal, showModal] = useModal();
+    const openEmbedModal = (embedConfig) => {
+        showModal(`Embed ${embedConfig.contentName}`, (onClose) => (_jsx(AutoEmbedDialog, { embedConfig: embedConfig, onClose: onClose })));
+    };
+    const getMenuOptions = (activeEmbedConfig, embedFn, dismissFn) => {
+        return [
+            new AutoEmbedOption('Dismiss', {
+                onSelect: dismissFn,
+            }),
+            new AutoEmbedOption(`Embed ${activeEmbedConfig.contentName}`, {
+                onSelect: embedFn,
+            }),
+        ];
+    };
+    return (_jsxs(_Fragment, { children: [modal, _jsx(LexicalAutoEmbedPlugin, { embedConfigs: EmbedConfigs, onOpenEmbedModalForConfig: openEmbedModal, getMenuOptions: getMenuOptions, menuRenderFn: (anchorElementRef, { selectedIndex, options, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current != null
+                    ? ReactDOM.createPortal(_jsx("div", { className: "typeahead-popover auto-embed-menu", style: {
+                            marginLeft: anchorElementRef.current.style.width,
+                            width: 200,
+                        }, children: _jsx(AutoEmbedMenu, { options: options, selectedItemIndex: selectedIndex, onOptionClick: (option, index) => {
+                                setHighlightedIndex(index);
+                                selectOptionAndCleanUp(option);
+                            }, onOptionMouseEnter: (index) => {
+                                setHighlightedIndex(index);
+                            } }) }), anchorElementRef.current)
+                    : null })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/field/plugins/auto-embed-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/field/plugins/auto-embed-plugin/index.tsx"],"names":[],"mappings":"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"}

package/dist/field/plugins/code-highlight-plugin/index.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 type * as React from 'react';
+export declare function CodeHighlightPlugin(): React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/plugins/code-highlight-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/code-highlight-plugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,wBAAgB,mBAAmB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAQ9D"}

package/dist/field/plugins/code-highlight-plugin/index.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+import { registerCodeHighlighting } from '@lexical/code';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+export function CodeHighlightPlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return registerCodeHighlighting(editor);
+    }, [editor]);
+    return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/field/plugins/code-highlight-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/field/plugins/code-highlight-plugin/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAEjF,MAAM,UAAU,mBAAmB;IACjC,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,wBAAwB,CAAC,MAAM,CAAC,CAAA;IACzC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/field/plugins/drag-drop-paste-plugin/index.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.
+ *
+ */
+export declare function DragDropPaste(): null;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/plugins/drag-drop-paste-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/drag-drop-paste-plugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAaH,wBAAgB,aAAa,IAAI,IAAI,CAyBpC"}

package/dist/field/plugins/drag-drop-paste-plugin/index.js

@@ -0,0 +1,37 @@
+/**
+ * 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 } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { DRAG_DROP_PASTE } from '@lexical/rich-text';
+import { isMimeType, mediaFileReader } from '@lexical/utils';
+import { COMMAND_PRIORITY_LOW } from 'lexical';
+import { INSERT_INLINE_IMAGE_COMMAND } from '../inline-image-plugin';
+const ACCEPTABLE_IMAGE_TYPES = ['image/', 'image/heic', 'image/heif', 'image/gif', 'image/webp'];
+export function DragDropPaste() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return editor.registerCommand(DRAG_DROP_PASTE, (files) => {
+            void (async () => {
+                const filesResult = await mediaFileReader(files, [ACCEPTABLE_IMAGE_TYPES].flat());
+                for (const { file, result } of filesResult) {
+                    if (isMimeType(file, ACCEPTABLE_IMAGE_TYPES)) {
+                        editor.dispatchCommand(INSERT_INLINE_IMAGE_COMMAND, {
+                            id: '',
+                            collection: '',
+                            src: result,
+                            altText: file.name,
+                        });
+                    }
+                }
+            })();
+            return true;
+        }, COMMAND_PRIORITY_LOW);
+    }, [editor]);
+    return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/field/plugins/drag-drop-paste-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/field/plugins/drag-drop-paste-plugin/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAA;AAEpE,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AAEhG,MAAM,UAAU,aAAa;IAC3B,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,eAAe,CAC3B,eAAe,EACf,CAAC,KAAK,EAAE,EAAE;YACR,KAAK,CAAC,KAAK,IAAI,EAAE;gBACf,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,KAAK,EAAE,CAAC,sBAAsB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;gBACjF,KAAK,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,WAAW,EAAE,CAAC;oBAC3C,IAAI,UAAU,CAAC,IAAI,EAAE,sBAAsB,CAAC,EAAE,CAAC;wBAC7C,MAAM,CAAC,eAAe,CAAC,2BAA2B,EAAE;4BAClD,EAAE,EAAE,EAAE;4BACN,UAAU,EAAE,EAAE;4BACd,GAAG,EAAE,MAAM;4BACX,OAAO,EAAE,IAAI,CAAC,IAAI;yBACnB,CAAC,CAAA;oBACJ,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,EAAE,CAAA;YACJ,OAAO,IAAI,CAAA;QACb,CAAC,EACD,oBAAoB,CACrB,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IACZ,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/field/plugins/floating-text-format-toolbar-plugin/index.css

@@ -0,0 +1,150 @@
+.floating-text-format-popup {
+  display: flex;
+  background: #fff;
+  padding: 4px;
+  vertical-align: middle;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  opacity: 0;
+  background-color: #fff;
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  transition: opacity 0.5s;
+  height: 35px;
+  will-change: transform;
+}
+
+.floating-text-format-popup button.popup-item {
+  border: 0;
+  display: flex;
+  background: none;
+  border-radius: 6px;
+  cursor: pointer;
+  vertical-align: middle;
+}
+
+.floating-text-format-popup button.popup-item:disabled {
+  cursor: not-allowed;
+}
+
+.floating-text-format-popup button.popup-item.spaced {
+  margin-right: 2px;
+}
+
+.floating-text-format-popup button.popup-item i.format {
+  background-size: contain;
+  display: inline-block;
+  height: 18px;
+  width: 18px;
+  margin-top: 3px;
+  vertical-align: -0.25em;
+  display: flex;
+  opacity: 0.6;
+}
+
+.floating-text-format-popup button.popup-item:disabled i.format {
+  opacity: 0.2;
+}
+
+.floating-text-format-popup button.popup-item.active {
+  background-color: rgba(223, 232, 250, 0.3);
+}
+
+.floating-text-format-popup button.popup-item.active i {
+  opacity: 1;
+}
+
+.floating-text-format-popup .popup-item:hover:not([disabled]) {
+  background-color: #eee;
+}
+
+.floating-text-format-popup select.popup-item {
+  border: 0;
+  display: flex;
+  background: none;
+  border-radius: 6px;
+  padding: 8px;
+  vertical-align: middle;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  width: 70px;
+  font-size: 14px;
+  color: #777;
+  text-overflow: ellipsis;
+}
+
+.floating-text-format-popup select.code-language {
+  text-transform: capitalize;
+  width: 130px;
+}
+
+.floating-text-format-popup .popup-item .text {
+  display: flex;
+  line-height: 20px;
+  width: 200px;
+  vertical-align: middle;
+  font-size: 14px;
+  color: #777;
+  text-overflow: ellipsis;
+  width: 70px;
+  overflow: hidden;
+  height: 20px;
+  text-align: left;
+}
+
+.floating-text-format-popup .popup-item .icon {
+  display: flex;
+  width: 20px;
+  height: 20px;
+  user-select: none;
+  margin-right: 8px;
+  line-height: 16px;
+  background-size: contain;
+}
+
+.floating-text-format-popup i.chevron-down {
+  margin-top: 3px;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  user-select: none;
+}
+
+.floating-text-format-popup i.chevron-down.inside {
+  width: 16px;
+  height: 16px;
+  display: flex;
+  margin-left: -25px;
+  margin-top: 11px;
+  margin-right: 10px;
+  pointer-events: none;
+}
+
+.floating-text-format-popup .divider {
+  width: 1px;
+  background-color: #eee;
+  margin: 0 4px;
+}
+
+@media (max-width: 1024px) {
+  .floating-text-format-popup button.insert-comment {
+    display: none;
+  }
+}
+
+html[data-theme="dark"] {
+  .floating-text-format-popup {
+    background-color: var(--theme-elevation-100);
+    border: 1px solid var(--theme-elevation-150);
+  }
+
+  .floating-text-format-popup i {
+    filter: invert(1);
+  }
+
+  .floating-text-format-popup .popup-item:hover:not([disabled]) {
+    background-color: #1c1c1c;
+  }
+}

package/dist/field/plugins/floating-text-format-toolbar-plugin/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 type * as React from 'react';
+export declare function FloatingTextFormatToolbarPlugin({ anchorElem, }: {
+    anchorElem?: HTMLElement;
+}): React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/plugins/floating-text-format-toolbar-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/floating-text-format-toolbar-plugin/index.tsx"],"names":[],"mappings":"AACA;;;;;;GAMG;AAEH,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAsYnC,wBAAgB,+BAA+B,CAAC,EAC9C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAG3B"}