Socket
Socket
Sign inDemoInstall

@lexical/react

Package Overview
Dependencies
Maintainers
5
Versions
181
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lexical/react - npm Package Compare versions

Comparing version 0.17.2-nightly.20240919.0 to 0.17.2-nightly.20240920.0

33

LexicalCollaborationPlugin.dev.js

@@ -108,5 +108,14 @@ /**

if (isReloadingDoc.current === false) {
Promise.resolve(connectionPromise).then(() => {
if (connectionPromise) {
connectionPromise.then(disconnect);
} else {
// Workaround for race condition in StrictMode. It's possible there
// is a different race for the above case where connect returns a
// promise, but we don't have an example of that in-repo.
// It's possible that there is a similar issue with
// TOGGLE_CONNECT_COMMAND below when the provider connect returns a
// promise.
// https://github.com/facebook/lexical/issues/6640
disconnect();
});
}
}

@@ -132,13 +141,11 @@ provider.off('sync', onSync);

return editor.registerCommand(yjs.TOGGLE_CONNECT_COMMAND, payload => {
if (connect !== undefined && disconnect !== undefined) {
const shouldConnect = payload;
if (shouldConnect) {
// eslint-disable-next-line no-console
console.log('Collaboration connected!');
connect();
} else {
// eslint-disable-next-line no-console
console.log('Collaboration disconnected!');
disconnect();
}
const shouldConnect = payload;
if (shouldConnect) {
// eslint-disable-next-line no-console
console.log('Collaboration connected!');
connect();
} else {
// eslint-disable-next-line no-console
console.log('Collaboration disconnected!');
disconnect();
}

@@ -145,0 +152,0 @@ return true;

20

LexicalCollaborationPlugin.prod.js

@@ -9,13 +9,13 @@ /**

'use strict';var e=require("@lexical/react/LexicalCollaborationContext"),g=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/yjs"),D=require("react"),H=require("@lexical/utils"),I=require("lexical"),J=require("react-dom"),L=require("yjs"),M=require("react/jsx-runtime"),N=Object.create(null);if(D)for(var O in D)N[O]=D[O];N.default=D;
function P(b,c,a,d,f,t,y,k,z,q,u,m){let l=D.useRef(!1),v=D.useCallback(()=>a.connect(),[a]),w=D.useCallback(()=>{try{a.disconnect()}catch(h){}},[a]);D.useEffect(()=>{let {root:h}=k,{awareness:E}=a,B=({status:p})=>{b.dispatchCommand(n.CONNECTED_COMMAND,"connected"===p)},F=p=>{y&&p&&h.isEmpty()&&0===h._xmlText._length&&!1===l.current&&Q(b,u);l.current=!1},C=()=>{n.syncCursorPositions(k,a)},G=(p,A)=>{A=A.origin;A!==k&&n.syncYjsChangesToLexical(k,a,p,A instanceof L.UndoManager)};n.initLocalState(a,f,
t,document.activeElement===b.getRootElement(),m||{});let r=p=>{R(b,k);z(p);d.set(c,p);l.current=!0};a.on("reload",r);a.on("status",B);a.on("sync",F);E.on("update",C);h.getSharedType().observeDeep(G);let V=b.registerUpdateListener(({prevEditorState:p,editorState:A,dirtyLeaves:S,dirtyElements:T,normalizedNodes:U,tags:K})=>{!1===K.has("skip-collab")&&n.syncLexicalUpdateToYjs(k,a,p,A,T,S,U,K)}),W=v();return()=>{!1===l.current&&Promise.resolve(W).then(()=>{w()});a.off("sync",F);a.off("status",B);a.off("reload",
r);E.off("update",C);h.getSharedType().unobserveDeep(G);d.delete(c);V()}},[k,t,v,w,d,b,c,u,f,a,y,m,z]);let x=D.useMemo(()=>J.createPortal(M.jsx("div",{ref:h=>{k.cursorsContainer=h}}),q&&q.current||document.body),[k,q]);D.useEffect(()=>b.registerCommand(n.TOGGLE_CONNECT_COMMAND,h=>{void 0!==v&&void 0!==w&&(h?(console.log("Collaboration connected!"),v()):(console.log("Collaboration disconnected!"),w()));return!0},I.COMMAND_PRIORITY_EDITOR),[v,w,b]);return x}
'use strict';var e=require("@lexical/react/LexicalCollaborationContext"),g=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/yjs"),D=require("react"),H=require("@lexical/utils"),I=require("lexical"),J=require("react-dom"),M=require("yjs"),N=require("react/jsx-runtime"),O=Object.create(null);if(D)for(var P in D)O[P]=D[P];O.default=D;
function Q(b,c,a,d,f,t,x,k,y,q,u,m){let l=D.useRef(!1),z=D.useCallback(()=>a.connect(),[a]),v=D.useCallback(()=>{try{a.disconnect()}catch(h){}},[a]);D.useEffect(()=>{let {root:h}=k,{awareness:E}=a,B=({status:p})=>{b.dispatchCommand(n.CONNECTED_COMMAND,"connected"===p)},F=p=>{x&&p&&h.isEmpty()&&0===h._xmlText._length&&!1===l.current&&R(b,u);l.current=!1},C=()=>{n.syncCursorPositions(k,a)},G=(p,A)=>{A=A.origin;A!==k&&n.syncYjsChangesToLexical(k,a,p,A instanceof M.UndoManager)};n.initLocalState(a,f,
t,document.activeElement===b.getRootElement(),m||{});let r=p=>{S(b,k);y(p);d.set(c,p);l.current=!0};a.on("reload",r);a.on("status",B);a.on("sync",F);E.on("update",C);h.getSharedType().observeDeep(G);let W=b.registerUpdateListener(({prevEditorState:p,editorState:A,dirtyLeaves:T,dirtyElements:U,normalizedNodes:V,tags:K})=>{!1===K.has("skip-collab")&&n.syncLexicalUpdateToYjs(k,a,p,A,U,T,V,K)}),L=z();return()=>{!1===l.current&&(L?L.then(v):v());a.off("sync",F);a.off("status",B);a.off("reload",r);E.off("update",
C);h.getSharedType().unobserveDeep(G);d.delete(c);W()}},[k,t,z,v,d,b,c,u,f,a,x,m,y]);let w=D.useMemo(()=>J.createPortal(N.jsx("div",{ref:h=>{k.cursorsContainer=h}}),q&&q.current||document.body),[k,q]);D.useEffect(()=>b.registerCommand(n.TOGGLE_CONNECT_COMMAND,h=>{h?(console.log("Collaboration connected!"),z()):(console.log("Collaboration disconnected!"),v());return!0},I.COMMAND_PRIORITY_EDITOR),[z,v,b]);return w}
function X(b,c,a,d,f){D.useEffect(()=>H.mergeRegister(b.registerCommand(I.FOCUS_COMMAND,()=>{n.setLocalStateFocus(c,a,d,!0,f||{});return!1},I.COMMAND_PRIORITY_EDITOR),b.registerCommand(I.BLUR_COMMAND,()=>{n.setLocalStateFocus(c,a,d,!1,f||{});return!1},I.COMMAND_PRIORITY_EDITOR)),[d,b,a,c,f])}
function Y(b,c){let a=D.useMemo(()=>n.createUndoManager(c,c.root.getSharedType()),[c]);D.useEffect(()=>H.mergeRegister(b.registerCommand(I.UNDO_COMMAND,()=>{a.undo();return!0},I.COMMAND_PRIORITY_EDITOR),b.registerCommand(I.REDO_COMMAND,()=>{a.redo();return!0},I.COMMAND_PRIORITY_EDITOR)));let d=D.useCallback(()=>{a.clear()},[a]);N.useEffect(()=>{let f=()=>{b.dispatchCommand(I.CAN_UNDO_COMMAND,0<a.undoStack.length);b.dispatchCommand(I.CAN_REDO_COMMAND,0<a.redoStack.length)};a.on("stack-item-added",
function Y(b,c){let a=D.useMemo(()=>n.createUndoManager(c,c.root.getSharedType()),[c]);D.useEffect(()=>H.mergeRegister(b.registerCommand(I.UNDO_COMMAND,()=>{a.undo();return!0},I.COMMAND_PRIORITY_EDITOR),b.registerCommand(I.REDO_COMMAND,()=>{a.redo();return!0},I.COMMAND_PRIORITY_EDITOR)));let d=D.useCallback(()=>{a.clear()},[a]);O.useEffect(()=>{let f=()=>{b.dispatchCommand(I.CAN_UNDO_COMMAND,0<a.undoStack.length);b.dispatchCommand(I.CAN_REDO_COMMAND,0<a.redoStack.length)};a.on("stack-item-added",
f);a.on("stack-item-popped",f);a.on("stack-cleared",f);return()=>{a.off("stack-item-added",f);a.off("stack-item-popped",f);a.off("stack-cleared",f)}},[b,a]);return d}
function Q(b,c){b.update(()=>{var a=I.$getRoot();if(a.isEmpty())if(c)switch(typeof c){case "string":var d=b.parseEditorState(c);b.setEditorState(d,{tag:"history-merge"});break;case "object":b.setEditorState(c,{tag:"history-merge"});break;case "function":b.update(()=>{I.$getRoot().isEmpty()&&c(b)},{tag:"history-merge"})}else d=I.$createParagraphNode(),a.append(d),{activeElement:a}=document,(null!==I.$getSelection()||null!==a&&a===b.getRootElement())&&d.select()},{tag:"history-merge"})}
function R(b,c){b.update(()=>{let d=I.$getRoot();d.clear();d.select()},{tag:"skip-collab"});if(null!=c.cursors&&(b=c.cursors,null!=b&&(c=c.cursorsContainer,null!=c))){b=Array.from(b.values());for(let d=0;d<b.length;d++){var a=b[d].selection;if(a&&null!=a.selections){a=a.selections;for(let f=0;f<a.length;f++)c.removeChild(a[d])}}}}
function Z({editor:b,id:c,provider:a,yjsDocMap:d,name:f,color:t,shouldBootstrap:y,cursorsContainerRef:k,initialEditorState:z,awarenessData:q,collabContext:u,binding:m,setDoc:l}){c=P(b,c,a,d,f,t,y,m,l,k,z,q);u.clientID=m.clientID;Y(b,m);X(b,a,f,t,q);return c}
exports.CollaborationPlugin=function({id:b,providerFactory:c,shouldBootstrap:a,username:d,cursorColor:f,cursorsContainerRef:t,initialEditorState:y,excludedProperties:k,awarenessData:z}){let q=D.useRef(!1),u=D.useRef(!1),m=e.useCollaborationContext(d,f),{yjsDocMap:l,name:v,color:w}=m,[x]=g.useLexicalComposerContext();D.useEffect(()=>{m.isCollabActive=!0;return()=>{null==x._parentEditor&&(m.isCollabActive=!1)}},[m,x]);let [h,E]=D.useState();D.useEffect(()=>{if(!u.current){u.current=!0;var r=c(b,l);
E(r);return()=>{r.disconnect()}}},[b,c,l]);let [B,F]=D.useState(l.get(b)),[C,G]=D.useState();D.useEffect(()=>{if(h&&!q.current){q.current=!0;var r=n.createBinding(x,h,b,B||l.get(b),l,k);G(r);return()=>{r.root.destroy(r)}}},[x,h,b,l,B,k]);return h&&C?M.jsx(Z,{awarenessData:z,binding:C,collabContext:m,color:w,cursorsContainerRef:t,editor:x,id:b,initialEditorState:y,name:v,provider:h,setDoc:F,shouldBootstrap:a,yjsDocMap:l}):M.jsx(M.Fragment,{})}
function R(b,c){b.update(()=>{var a=I.$getRoot();if(a.isEmpty())if(c)switch(typeof c){case "string":var d=b.parseEditorState(c);b.setEditorState(d,{tag:"history-merge"});break;case "object":b.setEditorState(c,{tag:"history-merge"});break;case "function":b.update(()=>{I.$getRoot().isEmpty()&&c(b)},{tag:"history-merge"})}else d=I.$createParagraphNode(),a.append(d),{activeElement:a}=document,(null!==I.$getSelection()||null!==a&&a===b.getRootElement())&&d.select()},{tag:"history-merge"})}
function S(b,c){b.update(()=>{let d=I.$getRoot();d.clear();d.select()},{tag:"skip-collab"});if(null!=c.cursors&&(b=c.cursors,null!=b&&(c=c.cursorsContainer,null!=c))){b=Array.from(b.values());for(let d=0;d<b.length;d++){var a=b[d].selection;if(a&&null!=a.selections){a=a.selections;for(let f=0;f<a.length;f++)c.removeChild(a[d])}}}}
function Z({editor:b,id:c,provider:a,yjsDocMap:d,name:f,color:t,shouldBootstrap:x,cursorsContainerRef:k,initialEditorState:y,awarenessData:q,collabContext:u,binding:m,setDoc:l}){c=Q(b,c,a,d,f,t,x,m,l,k,y,q);u.clientID=m.clientID;Y(b,m);X(b,a,f,t,q);return c}
exports.CollaborationPlugin=function({id:b,providerFactory:c,shouldBootstrap:a,username:d,cursorColor:f,cursorsContainerRef:t,initialEditorState:x,excludedProperties:k,awarenessData:y}){let q=D.useRef(!1),u=D.useRef(!1),m=e.useCollaborationContext(d,f),{yjsDocMap:l,name:z,color:v}=m,[w]=g.useLexicalComposerContext();D.useEffect(()=>{m.isCollabActive=!0;return()=>{null==w._parentEditor&&(m.isCollabActive=!1)}},[m,w]);let [h,E]=D.useState();D.useEffect(()=>{if(!u.current){u.current=!0;var r=c(b,l);
E(r);return()=>{r.disconnect()}}},[b,c,l]);let [B,F]=D.useState(l.get(b)),[C,G]=D.useState();D.useEffect(()=>{if(h&&!q.current){q.current=!0;var r=n.createBinding(w,h,b,B||l.get(b),l,k);G(r);return()=>{r.root.destroy(r)}}},[w,h,b,l,B,k]);return h&&C?N.jsx(Z,{awarenessData:y,binding:C,collabContext:m,color:v,cursorsContainerRef:t,editor:w,id:b,initialEditorState:x,name:z,provider:h,setDoc:F,shouldBootstrap:a,yjsDocMap:l}):N.jsx(N.Fragment,{})}

40

package.json

@@ -11,23 +11,23 @@ {

"license": "MIT",
"version": "0.17.2-nightly.20240919.0",
"version": "0.17.2-nightly.20240920.0",
"dependencies": {
"@lexical/clipboard": "0.17.2-nightly.20240919.0",
"@lexical/code": "0.17.2-nightly.20240919.0",
"@lexical/devtools-core": "0.17.2-nightly.20240919.0",
"@lexical/dragon": "0.17.2-nightly.20240919.0",
"@lexical/hashtag": "0.17.2-nightly.20240919.0",
"@lexical/history": "0.17.2-nightly.20240919.0",
"@lexical/link": "0.17.2-nightly.20240919.0",
"@lexical/list": "0.17.2-nightly.20240919.0",
"@lexical/mark": "0.17.2-nightly.20240919.0",
"@lexical/markdown": "0.17.2-nightly.20240919.0",
"@lexical/overflow": "0.17.2-nightly.20240919.0",
"@lexical/plain-text": "0.17.2-nightly.20240919.0",
"@lexical/rich-text": "0.17.2-nightly.20240919.0",
"@lexical/selection": "0.17.2-nightly.20240919.0",
"@lexical/table": "0.17.2-nightly.20240919.0",
"@lexical/text": "0.17.2-nightly.20240919.0",
"@lexical/utils": "0.17.2-nightly.20240919.0",
"@lexical/yjs": "0.17.2-nightly.20240919.0",
"lexical": "0.17.2-nightly.20240919.0",
"@lexical/clipboard": "0.17.2-nightly.20240920.0",
"@lexical/code": "0.17.2-nightly.20240920.0",
"@lexical/devtools-core": "0.17.2-nightly.20240920.0",
"@lexical/dragon": "0.17.2-nightly.20240920.0",
"@lexical/hashtag": "0.17.2-nightly.20240920.0",
"@lexical/history": "0.17.2-nightly.20240920.0",
"@lexical/link": "0.17.2-nightly.20240920.0",
"@lexical/list": "0.17.2-nightly.20240920.0",
"@lexical/mark": "0.17.2-nightly.20240920.0",
"@lexical/markdown": "0.17.2-nightly.20240920.0",
"@lexical/overflow": "0.17.2-nightly.20240920.0",
"@lexical/plain-text": "0.17.2-nightly.20240920.0",
"@lexical/rich-text": "0.17.2-nightly.20240920.0",
"@lexical/selection": "0.17.2-nightly.20240920.0",
"@lexical/table": "0.17.2-nightly.20240920.0",
"@lexical/text": "0.17.2-nightly.20240920.0",
"@lexical/utils": "0.17.2-nightly.20240920.0",
"@lexical/yjs": "0.17.2-nightly.20240920.0",
"lexical": "0.17.2-nightly.20240920.0",
"react-error-boundary": "^3.1.4"

@@ -34,0 +34,0 @@ },

LexicalCollaborationPlugin.dev.mjs

Sorry, the diff of this file is not supported yet

LexicalCollaborationPlugin.prod.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc