@lexical/react 0.13.0 → 0.14.0

package/LexicalCheckListPlugin.dev.esm.js

@@ -0,0 +1,203 @@
+/**
+ * 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 { INSERT_CHECK_LIST_COMMAND, insertList, $isListItemNode, $isListNode } from '@lexical/list';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister, $findMatchingParent, isHTMLElement } from '@lexical/utils';
+import { COMMAND_PRIORITY_LOW, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ESCAPE_COMMAND, KEY_SPACE_COMMAND, $getNearestNodeFromDOMNode, KEY_ARROW_LEFT_COMMAND, $getSelection, $isRangeSelection, $isElementNode } from 'lexical';
+import { useEffect } from '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.
+ *
+ */
+function CheckListPlugin() {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(INSERT_CHECK_LIST_COMMAND, () => {
+      insertList(editor, 'check');
+      return true;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_DOWN_COMMAND, event => {
+      return handleArrownUpOrDown(event, editor, false);
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_UP_COMMAND, event => {
+      return handleArrownUpOrDown(event, editor, true);
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, event => {
+      const activeItem = getActiveCheckListItem();
+      if (activeItem != null) {
+        const rootElement = editor.getRootElement();
+        if (rootElement != null) {
+          rootElement.focus();
+        }
+        return true;
+      }
+      return false;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_SPACE_COMMAND, event => {
+      const activeItem = getActiveCheckListItem();
+      if (activeItem != null && editor.isEditable()) {
+        editor.update(() => {
+          const listItemNode = $getNearestNodeFromDOMNode(activeItem);
+          if ($isListItemNode(listItemNode)) {
+            event.preventDefault();
+            listItemNode.toggleChecked();
+          }
+        });
+        return true;
+      }
+      return false;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_LEFT_COMMAND, event => {
+      return editor.getEditorState().read(() => {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection) && selection.isCollapsed()) {
+          const {
+            anchor
+          } = selection;
+          const isElement = anchor.type === 'element';
+          if (isElement || anchor.offset === 0) {
+            const anchorNode = anchor.getNode();
+            const elementNode = $findMatchingParent(anchorNode, node => $isElementNode(node) && !node.isInline());
+            if ($isListItemNode(elementNode)) {
+              const parent = elementNode.getParent();
+              if ($isListNode(parent) && parent.getListType() === 'check' && (isElement || elementNode.getFirstDescendant() === anchorNode)) {
+                const domNode = editor.getElementByKey(elementNode.__key);
+                if (domNode != null && document.activeElement !== domNode) {
+                  domNode.focus();
+                  event.preventDefault();
+                  return true;
+                }
+              }
+            }
+          }
+        }
+        return false;
+      });
+    }, COMMAND_PRIORITY_LOW), editor.registerRootListener((rootElement, prevElement) => {
+      if (rootElement !== null) {
+        rootElement.addEventListener('click', handleClick);
+        rootElement.addEventListener('pointerdown', handlePointerDown);
+      }
+      if (prevElement !== null) {
+        prevElement.removeEventListener('click', handleClick);
+        prevElement.removeEventListener('pointerdown', handlePointerDown);
+      }
+    }));
+  });
+  return null;
+}
+function handleCheckItemEvent(event, callback) {
+  const target = event.target;
+  if (target === null || !isHTMLElement(target)) {
+    return;
+  }
+
+  // Ignore clicks on LI that have nested lists
+  const firstChild = target.firstChild;
+  if (firstChild != null && isHTMLElement(firstChild) && (firstChild.tagName === 'UL' || firstChild.tagName === 'OL')) {
+    return;
+  }
+  const parentNode = target.parentNode;
+
+  // @ts-ignore internal field
+  if (!parentNode || parentNode.__lexicalListType !== 'check') {
+    return;
+  }
+  const pageX = event.pageX;
+  const rect = target.getBoundingClientRect();
+  if (target.dir === 'rtl' ? pageX < rect.right && pageX > rect.right - 20 : pageX > rect.left && pageX < rect.left + 20) {
+    callback();
+  }
+}
+function handleClick(event) {
+  handleCheckItemEvent(event, () => {
+    const domNode = event.target;
+    const editor = findEditor(domNode);
+    if (editor != null && editor.isEditable()) {
+      editor.update(() => {
+        if (event.target) {
+          const node = $getNearestNodeFromDOMNode(domNode);
+          if ($isListItemNode(node)) {
+            domNode.focus();
+            node.toggleChecked();
+          }
+        }
+      });
+    }
+  });
+}
+function handlePointerDown(event) {
+  handleCheckItemEvent(event, () => {
+    // Prevents caret moving when clicking on check mark
+    event.preventDefault();
+  });
+}
+function findEditor(target) {
+  let node = target;
+  while (node) {
+    // @ts-ignore internal field
+    if (node.__lexicalEditor) {
+      // @ts-ignore internal field
+      return node.__lexicalEditor;
+    }
+    node = node.parentNode;
+  }
+  return null;
+}
+function getActiveCheckListItem() {
+  const activeElement = document.activeElement;
+  return activeElement != null && activeElement.tagName === 'LI' && activeElement.parentNode != null &&
+  // @ts-ignore internal field
+  activeElement.parentNode.__lexicalListType === 'check' ? activeElement : null;
+}
+function findCheckListItemSibling(node, backward) {
+  let sibling = backward ? node.getPreviousSibling() : node.getNextSibling();
+  let parent = node;
+
+  // Going up in a tree to get non-null sibling
+  while (sibling == null && $isListItemNode(parent)) {
+    // Get li -> parent ul/ol -> parent li
+    parent = parent.getParentOrThrow().getParent();
+    if (parent != null) {
+      sibling = backward ? parent.getPreviousSibling() : parent.getNextSibling();
+    }
+  }
+
+  // Going down in a tree to get first non-nested list item
+  while ($isListItemNode(sibling)) {
+    const firstChild = backward ? sibling.getLastChild() : sibling.getFirstChild();
+    if (!$isListNode(firstChild)) {
+      return sibling;
+    }
+    sibling = backward ? firstChild.getLastChild() : firstChild.getFirstChild();
+  }
+  return null;
+}
+function handleArrownUpOrDown(event, editor, backward) {
+  const activeItem = getActiveCheckListItem();
+  if (activeItem != null) {
+    editor.update(() => {
+      const listItem = $getNearestNodeFromDOMNode(activeItem);
+      if (!$isListItemNode(listItem)) {
+        return;
+      }
+      const nextListItem = findCheckListItemSibling(listItem, backward);
+      if (nextListItem != null) {
+        nextListItem.selectStart();
+        const dom = editor.getElementByKey(nextListItem.__key);
+        if (dom != null) {
+          event.preventDefault();
+          setTimeout(() => {
+            dom.focus();
+          }, 0);
+        }
+      }
+    });
+  }
+  return false;
+}
+
+export { CheckListPlugin };

package/LexicalCheckListPlugin.esm.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 * as modDev from './LexicalCheckListPlugin.dev.esm.js';
+import * as modProd from './LexicalCheckListPlugin.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const CheckListPlugin = mod.CheckListPlugin;

package/LexicalCheckListPlugin.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict'
-const LexicalCheckListPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalCheckListPlugin.dev.js') : require('./LexicalCheckListPlugin.prod.js')
+const LexicalCheckListPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalCheckListPlugin.dev.js') : require('./LexicalCheckListPlugin.prod.js');
 module.exports = LexicalCheckListPlugin;

package/LexicalCheckListPlugin.prod.esm.js

@@ -0,0 +1,7 @@
+/**
+ * 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{INSERT_CHECK_LIST_COMMAND as e,insertList as t,$isListItemNode as n,$isListNode as r}from"@lexical/list";import{useLexicalComposerContext as i}from"@lexical/react/LexicalComposerContext";import{mergeRegister as l,$findMatchingParent as o,isHTMLElement as c}from"@lexical/utils";import{COMMAND_PRIORITY_LOW as u,KEY_ARROW_DOWN_COMMAND as s,KEY_ARROW_UP_COMMAND as a,KEY_ESCAPE_COMMAND as g,KEY_SPACE_COMMAND as f,$getNearestNodeFromDOMNode as d,KEY_ARROW_LEFT_COMMAND as m,$getSelection as p,$isRangeSelection as C,$isElementNode as h}from"lexical";import{useEffect as v}from"react";function E(){const[c]=i();return v((()=>l(c.registerCommand(e,(()=>(t(c,"check"),!0)),u),c.registerCommand(s,(e=>y(e,c,!1)),u),c.registerCommand(a,(e=>y(e,c,!0)),u),c.registerCommand(g,(e=>{if(null!=k()){const e=c.getRootElement();return null!=e&&e.focus(),!0}return!1}),u),c.registerCommand(f,(e=>{const t=k();return!(null==t||!c.isEditable())&&(c.update((()=>{const r=d(t);n(r)&&(e.preventDefault(),r.toggleChecked())})),!0)}),u),c.registerCommand(m,(e=>c.getEditorState().read((()=>{const t=p();if(C(t)&&t.isCollapsed()){const{anchor:i}=t,l="element"===i.type;if(l||0===i.offset){const t=i.getNode(),u=o(t,(e=>h(e)&&!e.isInline()));if(n(u)){const n=u.getParent();if(r(n)&&"check"===n.getListType()&&(l||u.getFirstDescendant()===t)){const t=c.getElementByKey(u.__key);if(null!=t&&document.activeElement!==t)return t.focus(),e.preventDefault(),!0}}}}return!1}))),u),c.registerRootListener(((e,t)=>{null!==e&&(e.addEventListener("click",x),e.addEventListener("pointerdown",_)),null!==t&&(t.removeEventListener("click",x),t.removeEventListener("pointerdown",_))}))))),null}function L(e,t){const n=e.target;if(null===n||!c(n))return;const r=n.firstChild;if(null!=r&&c(r)&&("UL"===r.tagName||"OL"===r.tagName))return;const i=n.parentNode;if(!i||"check"!==i.__lexicalListType)return;const l=e.pageX,o=n.getBoundingClientRect();("rtl"===n.dir?l<o.right&&l>o.right-20:l>o.left&&l<o.left+20)&&t()}function x(e){L(e,(()=>{const t=e.target,r=function(e){let t=e;for(;t;){if(t.__lexicalEditor)return t.__lexicalEditor;t=t.parentNode}return null}(t);null!=r&&r.isEditable()&&r.update((()=>{if(e.target){const e=d(t);n(e)&&(t.focus(),e.toggleChecked())}}))}))}function _(e){L(e,(()=>{e.preventDefault()}))}function k(){const e=document.activeElement;return null!=e&&"LI"===e.tagName&&null!=e.parentNode&&"check"===e.parentNode.__lexicalListType?e:null}function y(e,t,i){const l=k();return null!=l&&t.update((()=>{const o=d(l);if(!n(o))return;const c=function(e,t){let i=t?e.getPreviousSibling():e.getNextSibling(),l=e;for(;null==i&&n(l);)l=l.getParentOrThrow().getParent(),null!=l&&(i=t?l.getPreviousSibling():l.getNextSibling());for(;n(i);){const e=t?i.getLastChild():i.getFirstChild();if(!r(e))return i;i=t?e.getLastChild():e.getFirstChild()}return null}(o,i);if(null!=c){c.selectStart();const n=t.getElementByKey(c.__key);null!=n&&(e.preventDefault(),setTimeout((()=>{n.focus()}),0))}})),!1}export{E as CheckListPlugin};

package/LexicalClearEditorPlugin.dev.esm.js

@@ -0,0 +1,64 @@
+/**
+ * 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 { CLEAR_EDITOR_COMMAND, $getRoot, $getSelection, $createParagraphNode, COMMAND_PRIORITY_EDITOR } from 'lexical';
+import { useLayoutEffect as useLayoutEffect$1, useEffect } from '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.
+ *
+ */
+
+const CAN_USE_DOM = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined';
+
+/**
+ * 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 useLayoutEffectImpl = CAN_USE_DOM ? useLayoutEffect$1 : useEffect;
+var useLayoutEffect = useLayoutEffectImpl;
+
+/**
+ * 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.
+ *
+ */
+function ClearEditorPlugin({
+  onClear
+}) {
+  const [editor] = useLexicalComposerContext();
+  useLayoutEffect(() => {
+    return editor.registerCommand(CLEAR_EDITOR_COMMAND, payload => {
+      editor.update(() => {
+        if (onClear == null) {
+          const root = $getRoot();
+          const selection = $getSelection();
+          const paragraph = $createParagraphNode();
+          root.clear();
+          root.append(paragraph);
+          if (selection !== null) {
+            paragraph.select();
+          }
+        } else {
+          onClear();
+        }
+      });
+      return true;
+    }, COMMAND_PRIORITY_EDITOR);
+  }, [editor, onClear]);
+  return null;
+}
+
+export { ClearEditorPlugin };

package/LexicalClearEditorPlugin.esm.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 * as modDev from './LexicalClearEditorPlugin.dev.esm.js';
+import * as modProd from './LexicalClearEditorPlugin.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const ClearEditorPlugin = mod.ClearEditorPlugin;

package/LexicalClearEditorPlugin.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict'
-const LexicalClearEditorPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalClearEditorPlugin.dev.js') : require('./LexicalClearEditorPlugin.prod.js')
+const LexicalClearEditorPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalClearEditorPlugin.dev.js') : require('./LexicalClearEditorPlugin.prod.js');
 module.exports = LexicalClearEditorPlugin;

package/LexicalClearEditorPlugin.prod.esm.js

@@ -0,0 +1,7 @@
+/**
+ * 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 as e}from"@lexical/react/LexicalComposerContext";import{CLEAR_EDITOR_COMMAND as o,$getRoot as t,$getSelection as n,$createParagraphNode as r,COMMAND_PRIORITY_EDITOR as l}from"lexical";import{useLayoutEffect as i,useEffect as a}from"react";var c="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?i:a;function d({onClear:i}){const[a]=e();return c((()=>a.registerCommand(o,(e=>(a.update((()=>{if(null==i){const e=t(),o=n(),l=r();e.clear(),e.append(l),null!==o&&l.select()}else i()})),!0)),l)),[a,i]),null}export{d as ClearEditorPlugin};

package/LexicalClickableLinkPlugin.dev.esm.js

@@ -0,0 +1,95 @@
+/**
+ * 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 { $isLinkNode } from '@lexical/link';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $findMatchingParent, isHTMLAnchorElement } from '@lexical/utils';
+import { getNearestEditorFromDOMNode, $getNearestNodeFromDOMNode, $isElementNode, $getSelection, $isRangeSelection } from 'lexical';
+import { useEffect } from '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.
+ *
+ */
+function findMatchingDOM(startNode, predicate) {
+  let node = startNode;
+  while (node != null) {
+    if (predicate(node)) {
+      return node;
+    }
+    node = node.parentNode;
+  }
+  return null;
+}
+function LexicalClickableLinkPlugin({
+  newTab = true
+}) {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    const onClick = event => {
+      const target = event.target;
+      if (!(target instanceof Node)) {
+        return;
+      }
+      const nearestEditor = getNearestEditorFromDOMNode(target);
+      if (nearestEditor === null) {
+        return;
+      }
+      let url = null;
+      let urlTarget = null;
+      nearestEditor.update(() => {
+        const clickedNode = $getNearestNodeFromDOMNode(target);
+        if (clickedNode !== null) {
+          const maybeLinkNode = $findMatchingParent(clickedNode, $isElementNode);
+          if ($isLinkNode(maybeLinkNode)) {
+            url = maybeLinkNode.sanitizeUrl(maybeLinkNode.getURL());
+            urlTarget = maybeLinkNode.getTarget();
+          } else {
+            const a = findMatchingDOM(target, isHTMLAnchorElement);
+            if (a !== null) {
+              url = a.href;
+              urlTarget = a.target;
+            }
+          }
+        }
+      });
+      if (url === null || url === '') {
+        return;
+      }
+
+      // Allow user to select link text without follwing url
+      const selection = editor.getEditorState().read($getSelection);
+      if ($isRangeSelection(selection) && !selection.isCollapsed()) {
+        event.preventDefault();
+        return;
+      }
+      const isMiddle = event.type === 'auxclick' && event.button === 1;
+      window.open(url, newTab || isMiddle || event.metaKey || event.ctrlKey || urlTarget === '_blank' ? '_blank' : '_self');
+      event.preventDefault();
+    };
+    const onMouseUp = event => {
+      if (event.button === 1 && editor.isEditable()) {
+        onClick(event);
+      }
+    };
+    return editor.registerRootListener((rootElement, prevRootElement) => {
+      if (prevRootElement !== null) {
+        prevRootElement.removeEventListener('click', onClick);
+        prevRootElement.removeEventListener('mouseup', onMouseUp);
+      }
+      if (rootElement !== null) {
+        rootElement.addEventListener('click', onClick);
+        rootElement.addEventListener('mouseup', onMouseUp);
+      }
+    });
+  }, [editor, newTab]);
+  return null;
+}
+
+export { LexicalClickableLinkPlugin as default };

package/LexicalClickableLinkPlugin.esm.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 * as modDev from './LexicalClickableLinkPlugin.dev.esm.js';
+import * as modProd from './LexicalClickableLinkPlugin.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export default mod.default;

package/LexicalClickableLinkPlugin.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict'
-const LexicalClickableLinkPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalClickableLinkPlugin.dev.js') : require('./LexicalClickableLinkPlugin.prod.js')
+const LexicalClickableLinkPlugin = process.env.NODE_ENV === 'development' ? require('./LexicalClickableLinkPlugin.dev.js') : require('./LexicalClickableLinkPlugin.prod.js');
 module.exports = LexicalClickableLinkPlugin;

package/LexicalClickableLinkPlugin.prod.esm.js

@@ -0,0 +1,7 @@
+/**
+ * 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{$isLinkNode as e}from"@lexical/link";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{$findMatchingParent as n,isHTMLAnchorElement as r}from"@lexical/utils";import{getNearestEditorFromDOMNode as l,$getNearestNodeFromDOMNode as o,$isElementNode as i,$getSelection as u,$isRangeSelection as a}from"lexical";import{useEffect as s}from"react";function c({newTab:c=!0}){const[f]=t();return s((()=>{const t=t=>{const s=t.target;if(!(s instanceof Node))return;const m=l(s);if(null===m)return;let p=null,d=null;if(m.update((()=>{const t=o(s);if(null!==t){const l=n(t,i);if(e(l))p=l.sanitizeUrl(l.getURL()),d=l.getTarget();else{const e=function(e,t){let n=e;for(;null!=n;){if(t(n))return n;n=n.parentNode}return null}(s,r);null!==e&&(p=e.href,d=e.target)}}})),null===p||""===p)return;const v=f.getEditorState().read(u);if(a(v)&&!v.isCollapsed())return void t.preventDefault();const x="auxclick"===t.type&&1===t.button;window.open(p,c||x||t.metaKey||t.ctrlKey||"_blank"===d?"_blank":"_self"),t.preventDefault()},s=e=>{1===e.button&&f.isEditable()&&t(e)};return f.registerRootListener(((e,n)=>{null!==n&&(n.removeEventListener("click",t),n.removeEventListener("mouseup",s)),null!==e&&(e.addEventListener("click",t),e.addEventListener("mouseup",s))}))}),[f,c]),null}export{c as default};

package/LexicalCollaborationContext.dev.esm.js

@@ -0,0 +1,36 @@
+/**
+ * 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 { createContext, useContext } from '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.
+ *
+ */
+const entries = [['Cat', 'rgb(125, 50, 0)'], ['Dog', 'rgb(100, 0, 0)'], ['Rabbit', 'rgb(150, 0, 0)'], ['Frog', 'rgb(200, 0, 0)'], ['Fox', 'rgb(200, 75, 0)'], ['Hedgehog', 'rgb(0, 75, 0)'], ['Pigeon', 'rgb(0, 125, 0)'], ['Squirrel', 'rgb(75, 100, 0)'], ['Bear', 'rgb(125, 100, 0)'], ['Tiger', 'rgb(0, 0, 150)'], ['Leopard', 'rgb(0, 0, 200)'], ['Zebra', 'rgb(0, 0, 250)'], ['Wolf', 'rgb(0, 100, 150)'], ['Owl', 'rgb(0, 100, 100)'], ['Gull', 'rgb(100, 0, 100)'], ['Squid', 'rgb(150, 0, 150)']];
+const randomEntry = entries[Math.floor(Math.random() * entries.length)];
+const CollaborationContext = /*#__PURE__*/createContext({
+  clientID: 0,
+  color: randomEntry[1],
+  isCollabActive: false,
+  name: randomEntry[0],
+  yjsDocMap: new Map()
+});
+function useCollaborationContext(username, color) {
+  const collabContext = useContext(CollaborationContext);
+  if (username != null) {
+    collabContext.name = username;
+  }
+  if (color != null) {
+    collabContext.color = color;
+  }
+  return collabContext;
+}
+
+export { CollaborationContext, useCollaborationContext };

package/LexicalCollaborationContext.esm.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 * as modDev from './LexicalCollaborationContext.dev.esm.js';
+import * as modProd from './LexicalCollaborationContext.prod.esm.js';
+const mod = process.env.NODE_ENV === 'development' ? modDev : modProd;
+export const CollaborationContext = mod.CollaborationContext;
+export const useCollaborationContext = mod.useCollaborationContext;

package/LexicalCollaborationContext.js

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict'
-const LexicalCollaborationContext = process.env.NODE_ENV === 'development' ? require('./LexicalCollaborationContext.dev.js') : require('./LexicalCollaborationContext.prod.js')
+const LexicalCollaborationContext = process.env.NODE_ENV === 'development' ? require('./LexicalCollaborationContext.dev.js') : require('./LexicalCollaborationContext.prod.js');
 module.exports = LexicalCollaborationContext;

package/LexicalCollaborationContext.prod.esm.js

@@ -0,0 +1,7 @@
+/**
+ * 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{createContext as r,useContext as g}from"react";const o=[["Cat","rgb(125, 50, 0)"],["Dog","rgb(100, 0, 0)"],["Rabbit","rgb(150, 0, 0)"],["Frog","rgb(200, 0, 0)"],["Fox","rgb(200, 75, 0)"],["Hedgehog","rgb(0, 75, 0)"],["Pigeon","rgb(0, 125, 0)"],["Squirrel","rgb(75, 100, 0)"],["Bear","rgb(125, 100, 0)"],["Tiger","rgb(0, 0, 150)"],["Leopard","rgb(0, 0, 200)"],["Zebra","rgb(0, 0, 250)"],["Wolf","rgb(0, 100, 150)"],["Owl","rgb(0, 100, 100)"],["Gull","rgb(100, 0, 100)"],["Squid","rgb(150, 0, 150)"]],b=o[Math.floor(Math.random()*o.length)],e=r({clientID:0,color:b[1],isCollabActive:!1,name:b[0],yjsDocMap:new Map});function l(r,o){const b=g(e);return null!=r&&(b.name=r),null!=o&&(b.color=o),b}export{e as CollaborationContext,l as useCollaborationContext};