@lexical/code 0.3.7 → 0.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LexicalCode.dev.js +40 -4
- package/LexicalCode.prod.js +25 -23
- package/index.d.ts +3 -0
- package/package.json +3 -3
package/LexicalCode.dev.js
CHANGED
|
@@ -29,6 +29,33 @@ var lexical = require('lexical');
|
|
|
29
29
|
*
|
|
30
30
|
*/
|
|
31
31
|
const DEFAULT_CODE_LANGUAGE = 'javascript';
|
|
32
|
+
const CODE_LANGUAGE_FRIENDLY_NAME_MAP = {
|
|
33
|
+
c: 'C',
|
|
34
|
+
clike: 'C-like',
|
|
35
|
+
css: 'CSS',
|
|
36
|
+
html: 'HTML',
|
|
37
|
+
js: 'JavaScript',
|
|
38
|
+
markdown: 'Markdown',
|
|
39
|
+
objc: 'Objective-C',
|
|
40
|
+
plain: 'Plain Text',
|
|
41
|
+
py: 'Python',
|
|
42
|
+
rust: 'Rust',
|
|
43
|
+
sql: 'SQL',
|
|
44
|
+
swift: 'Swift',
|
|
45
|
+
xml: 'XML'
|
|
46
|
+
};
|
|
47
|
+
const CODE_LANGUAGE_MAP = {
|
|
48
|
+
javascript: 'js',
|
|
49
|
+
md: 'markdown',
|
|
50
|
+
plaintext: 'plain',
|
|
51
|
+
python: 'py',
|
|
52
|
+
text: 'plain'
|
|
53
|
+
};
|
|
54
|
+
function getLanguageFriendlyName(lang) {
|
|
55
|
+
const _lang = CODE_LANGUAGE_MAP[lang] || lang;
|
|
56
|
+
|
|
57
|
+
return CODE_LANGUAGE_FRIENDLY_NAME_MAP[_lang] || _lang;
|
|
58
|
+
}
|
|
32
59
|
|
|
33
60
|
const mapToPrismLanguage = language => {
|
|
34
61
|
// eslint-disable-next-line no-prototype-builtins
|
|
@@ -163,10 +190,16 @@ class CodeNode extends lexical.ElementNode {
|
|
|
163
190
|
|
|
164
191
|
static importDOM() {
|
|
165
192
|
return {
|
|
166
|
-
code
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
193
|
+
// Typically <pre> is used for code blocks, and <code> for inline code styles
|
|
194
|
+
// but if it's a multi line <code> we'll create a block. Pass through to
|
|
195
|
+
// inline format handled by TextNode otherwise
|
|
196
|
+
code: node => {
|
|
197
|
+
const isMultiLine = node.textContent != null && /\r?\n/.test(node.textContent);
|
|
198
|
+
return isMultiLine ? {
|
|
199
|
+
conversion: convertPreElement,
|
|
200
|
+
priority: 1
|
|
201
|
+
} : null;
|
|
202
|
+
},
|
|
170
203
|
div: node => ({
|
|
171
204
|
conversion: convertDivElement,
|
|
172
205
|
priority: 1
|
|
@@ -1028,12 +1061,15 @@ exports.$createCodeHighlightNode = $createCodeHighlightNode;
|
|
|
1028
1061
|
exports.$createCodeNode = $createCodeNode;
|
|
1029
1062
|
exports.$isCodeHighlightNode = $isCodeHighlightNode;
|
|
1030
1063
|
exports.$isCodeNode = $isCodeNode;
|
|
1064
|
+
exports.CODE_LANGUAGE_FRIENDLY_NAME_MAP = CODE_LANGUAGE_FRIENDLY_NAME_MAP;
|
|
1065
|
+
exports.CODE_LANGUAGE_MAP = CODE_LANGUAGE_MAP;
|
|
1031
1066
|
exports.CodeHighlightNode = CodeHighlightNode;
|
|
1032
1067
|
exports.CodeNode = CodeNode;
|
|
1033
1068
|
exports.getCodeLanguages = getCodeLanguages;
|
|
1034
1069
|
exports.getDefaultCodeLanguage = getDefaultCodeLanguage;
|
|
1035
1070
|
exports.getEndOfCodeInLine = getEndOfCodeInLine;
|
|
1036
1071
|
exports.getFirstCodeHighlightNodeOfLine = getFirstCodeHighlightNodeOfLine;
|
|
1072
|
+
exports.getLanguageFriendlyName = getLanguageFriendlyName;
|
|
1037
1073
|
exports.getLastCodeHighlightNodeOfLine = getLastCodeHighlightNodeOfLine;
|
|
1038
1074
|
exports.getStartOfCodeInLine = getStartOfCodeInLine;
|
|
1039
1075
|
exports.registerCodeHighlighting = registerCodeHighlighting;
|
package/LexicalCode.prod.js
CHANGED
|
@@ -5,27 +5,29 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
'use strict';var e=require("prismjs");require("prismjs/components/prism-clike");require("prismjs/components/prism-javascript");require("prismjs/components/prism-markup");require("prismjs/components/prism-markdown");require("prismjs/components/prism-c");require("prismjs/components/prism-css");require("prismjs/components/prism-objectivec");require("prismjs/components/prism-sql");require("prismjs/components/prism-python");require("prismjs/components/prism-rust");require("prismjs/components/prism-swift");
|
|
8
|
-
var m=require("@lexical/utils"),r=require("lexical");let t=a=>null!=a&&e.languages.hasOwnProperty(a)?a:void 0;
|
|
9
|
-
class
|
|
10
|
-
a),c&&m.addClassNamesToElement(b,c));return d}static importJSON(a){let b=
|
|
11
|
-
class
|
|
12
|
-
return!1}static importDOM(){return{code:()
|
|
13
|
-
return b}exportJSON(){return{...super.exportJSON(),language:this.getLanguage(),type:"code",version:1}}insertNewAfter(a){var b=this.getChildren(),c=b.length;if(2<=c&&"\n"===b[c-1].getTextContent()&&"\n"===b[c-2].getTextContent()&&a.isCollapsed()&&a.anchor.key===this.__key&&a.anchor.offset===c)return b[c-1].remove(),b[c-2].remove(),a=r.$createParagraphNode(),this.insertAfter(a),a;b=a.anchor.getNode();var d=
|
|
14
|
-
d.substring(0,c),c=
|
|
15
|
-
function
|
|
16
|
-
function N(a){let
|
|
17
|
-
function O(a){let b=null,c=-1;var d=a.
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
function Q(a,b){
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
exports.
|
|
30
|
-
|
|
8
|
+
var m=require("@lexical/utils"),r=require("lexical");let t={c:"C",clike:"C-like",css:"CSS",html:"HTML",js:"JavaScript",markdown:"Markdown",objc:"Objective-C",plain:"Plain Text",py:"Python",rust:"Rust",sql:"SQL",swift:"Swift",xml:"XML"},u={javascript:"js",md:"markdown",plaintext:"plain",python:"py",text:"plain"},v=a=>null!=a&&e.languages.hasOwnProperty(a)?a:void 0;
|
|
9
|
+
class y extends r.TextNode{constructor(a,b,c){super(a,c);this.__highlightType=b}static getType(){return"code-highlight"}static clone(a){return new y(a.__text,a.__highlightType||void 0,a.__key)}getHighlightType(){return this.getLatest().__highlightType}createDOM(a){let b=super.createDOM(a);a=z(a.theme,this.__highlightType);m.addClassNamesToElement(b,a);return b}updateDOM(a,b,c){let d=super.updateDOM(a,b,c);a=z(c.theme,a.__highlightType);c=z(c.theme,this.__highlightType);a!==c&&(a&&m.removeClassNamesFromElement(b,
|
|
10
|
+
a),c&&m.addClassNamesToElement(b,c));return d}static importJSON(a){let b=A(a.text,a.highlightType);b.setFormat(a.format);b.setDetail(a.detail);b.setMode(a.mode);b.setStyle(a.style);return b}exportJSON(){return{...super.exportJSON(),highlightType:this.getHighlightType(),type:"code-highlight",version:1}}setFormat(){return this}}function z(a,b){return b&&a&&a.codeHighlight&&a.codeHighlight[b]}function A(a,b){return new y(a,b)}function C(a){return a instanceof y}
|
|
11
|
+
class D extends r.ElementNode{static getType(){return"code"}static clone(a){return new D(a.__language,a.__key)}constructor(a,b){super(b);this.__language=v(a)}createDOM(a){let b=document.createElement("code");m.addClassNamesToElement(b,a.theme.code);b.setAttribute("spellcheck","false");(a=this.getLanguage())&&b.setAttribute("data-highlight-language",a);return b}updateDOM(a,b){let c=this.__language;a=a.__language;c?c!==a&&b.setAttribute("data-highlight-language",c):a&&b.removeAttribute("data-highlight-language");
|
|
12
|
+
return!1}static importDOM(){return{code:a=>null!=a.textContent&&/\r?\n/.test(a.textContent)?{conversion:E,priority:1}:null,div:()=>({conversion:F,priority:1}),pre:()=>({conversion:E,priority:0}),table:a=>G(a)?{conversion:H,priority:4}:null,td:a=>{let b=a.closest("table");return a.classList.contains("js-file-line")?{conversion:aa,priority:4}:b&&G(b)?{conversion:I,priority:4}:null},tr:a=>(a=a.closest("table"))&&G(a)?{conversion:I,priority:4}:null}}static importJSON(a){let b=J(a.language);b.setFormat(a.format);
|
|
13
|
+
b.setIndent(a.indent);b.setDirection(a.direction);return b}exportJSON(){return{...super.exportJSON(),language:this.getLanguage(),type:"code",version:1}}insertNewAfter(a){var b=this.getChildren(),c=b.length;if(2<=c&&"\n"===b[c-1].getTextContent()&&"\n"===b[c-2].getTextContent()&&a.isCollapsed()&&a.anchor.key===this.__key&&a.anchor.offset===c)return b[c-1].remove(),b[c-2].remove(),a=r.$createParagraphNode(),this.insertAfter(a),a;b=a.anchor.getNode();var d=K(b);if(null!=d){c=0;for(d=d.getTextContent();c<
|
|
14
|
+
d.length&&/[\t ]/.test(d[c]);)c+=1;if(0<c)return c=d.substring(0,c),c=A(c),b.insertAfter(c),a.insertNodes([r.$createLineBreakNode()]),c.select(),c}return null}canInsertTab(){let a=r.$getSelection();return r.$isRangeSelection(a)&&a.isCollapsed()?!0:!1}canIndent(){return!1}collapseAtStart(){let a=r.$createParagraphNode();this.getChildren().forEach(b=>a.append(b));this.replace(a);return!0}setLanguage(a){this.getWritable().__language=v(a)}getLanguage(){return this.getLatest().__language}}
|
|
15
|
+
function J(a){return new D(a)}function L(a){return a instanceof D}function K(a){let b=null,c=a.getPreviousSiblings();for(c.push(a);0<c.length&&(a=c.pop(),C(a)&&(b=a),!r.$isLineBreakNode(a)););return b}function M(a){let b=null,c=a.getNextSiblings();for(c.unshift(a);0<c.length&&(a=c.shift(),C(a)&&(b=a),!r.$isLineBreakNode(a)););return b}
|
|
16
|
+
function N(a,b){var c=a.length;let d=-1;if(b)for(b=0;b<c;b++){let f=a[b];if(" "!==f&&"\t"!==f){d=b;break}}else for(--c;-1<c;c--)if(b=a[c]," "!==b&&"\t"!==b){d=c;break}return d}
|
|
17
|
+
function O(a){let b=null,c=-1;var d=a.getPreviousSiblings();for(d.push(a);0<d.length;){var f=d.pop();if(C(f)){var g=f.getTextContent();g=N(g,!0);-1!==g&&(b=f,c=g)}if(r.$isLineBreakNode(f))break}if(null===b)for(a=a.getNextSiblings();0<a.length;){d=a.shift();if(C(d)&&(f=d.getTextContent(),f=N(f,!0),-1!==f)){b=d;c=f;break}if(r.$isLineBreakNode(d))break}return{node:b,offset:c}}
|
|
18
|
+
function P(a){let b=null,c=-1;var d=a.getNextSiblings();for(d.unshift(a);0<d.length;){var f=d.shift();if(C(f)){var g=f.getTextContent();g=N(g,!1);-1!==g&&(b=f,c=g+1)}if(r.$isLineBreakNode(f))break}if(null===b)for(a=a.getPreviousSiblings();0<a.length;){d=a.pop();if(C(d)&&(f=d.getTextContent(),f=N(f,!1),-1!==f)){b=d;c=f+1;break}if(r.$isLineBreakNode(d))break}return{node:b,offset:c}}function E(){return{node:J()}}
|
|
19
|
+
function F(a){return{after:b=>{let c=a.parentNode;null!=c&&a!==c.lastChild&&b.push(r.$createLineBreakNode());return b},node:null!==a.style.fontFamily.match("monospace")?J():null}}function H(){return{node:J()}}function I(){return{node:null}}function aa(a){return{after:b=>{a.parentNode&&a.parentNode.nextSibling&&b.push(r.$createLineBreakNode());return b},node:null}}function G(a){return a.classList.contains("js-file-line-container")}
|
|
20
|
+
function Q(a,b){let c=a.getParent();L(c)?R(c,b):C(a)&&a.replace(r.$createTextNode(a.__text))}let S=!1;
|
|
21
|
+
function R(a,b){S||(S=!0,void 0===a.getLanguage()&&a.setLanguage("javascript"),b.update(()=>{ba(a,()=>{var c=a.getTextContent();c=e.tokenize(c,e.languages[a.getLanguage()||""]||e.languages.javascript);c=T(c);var d=a.getChildren();let f=0;for(;f<d.length&&U(d[f],c[f]);)f++;var g=d.length;let l=c.length,h=Math.min(g,l)-f,k=0;for(;k<h;)if(k++,!U(d[g-k],c[l-k])){k--;break}d=f;g-=k;c=c.slice(f,l-k);let {from:n,to:p,nodesForReplacement:w}={from:d,nodesForReplacement:c,to:g};return n!==p||w.length?(a.splice(n,
|
|
22
|
+
p-n,w),!0):!1})},{onUpdate:()=>{S=!1},skipTransforms:!0}))}function T(a){let b=[];a.forEach(c=>{if("string"===typeof c){c=c.split("\n");for(var d=0;d<c.length;d++){let f=c[d];f.length&&b.push(A(f));d<c.length-1&&b.push(r.$createLineBreakNode())}}else({content:d}=c),"string"===typeof d?b.push(A(d,c.type)):Array.isArray(d)&&1===d.length&&"string"===typeof d[0]?b.push(A(d[0],c.type)):Array.isArray(d)&&b.push(...T(d))});return b}
|
|
23
|
+
function ba(a,b){var c=r.$getSelection();if(r.$isRangeSelection(c)&&c.anchor){c=c.anchor;var d=c.offset,f="element"===c.type&&r.$isLineBreakNode(a.getChildAtIndex(c.offset-1)),g=0;if(!f){let l=c.getNode();g=d+l.getPreviousSiblings().reduce((h,k)=>h+(r.$isLineBreakNode(k)?0:k.getTextContentSize()),0)}b()&&(f?c.getNode().select(d,d):a.getChildren().some(l=>{if(r.$isTextNode(l)){let h=l.getTextContentSize();if(h>=g)return l.select(g,g),!0;g-=h}return!1}))}}
|
|
24
|
+
function U(a,b){return C(a)&&C(b)?a.__text===b.__text&&a.__highlightType===b.__highlightType:r.$isLineBreakNode(a)&&r.$isLineBreakNode(b)?!0:!1}function V(a){var b=r.$getSelection();if(!r.$isRangeSelection(b)||b.isCollapsed())return!1;b=b.getNodes();for(var c=0;c<b.length;c++){var d=b[c];if(!C(d)&&!r.$isLineBreakNode(d))return!1}c=K(b[0]);null!=c&&X(c,a);for(c=1;c<b.length;c++)d=b[c],r.$isLineBreakNode(b[c-1])&&C(d)&&X(d,a);return!0}
|
|
25
|
+
function X(a,b){let c=a.getTextContent();b===r.INDENT_CONTENT_COMMAND?0<c.length&&/\s/.test(c[0])?a.setTextContent("\t"+c):(b=A("\t"),a.insertBefore(b)):0===c.indexOf("\t")&&(1===c.length?a.remove():a.setTextContent(c.substring(1)))}
|
|
26
|
+
function Y(a,b){let c=r.$getSelection();if(!r.$isRangeSelection(c))return!1;let {anchor:d,focus:f}=c,g=d.offset,l=f.offset,h=d.getNode(),k=f.getNode();var n=a===r.KEY_ARROW_UP_COMMAND;if(!C(h)||!C(k))return!1;if(!b.altKey){if(c.isCollapsed())if(a=h.getParentOrThrow(),n&&0===g&&null===h.getPreviousSibling()){if(null===a.getPreviousSibling())return a.selectPrevious(),b.preventDefault(),!0}else if(!n&&g===h.getTextContentSize()&&null===h.getNextSibling()&&null===a.getNextSibling())return a.selectNext(),
|
|
27
|
+
b.preventDefault(),!0;return!1}var p=K(h);let w=M(k);if(null==p||null==w)return!1;let B=p.getNodesBetween(w);for(let q=0;q<B.length;q++){let W=B[q];if(!C(W)&&!r.$isLineBreakNode(W))return!1}b.preventDefault();b.stopPropagation();b=n?p.getPreviousSibling():w.getNextSibling();if(!r.$isLineBreakNode(b))return!0;p=n?b.getPreviousSibling():b.getNextSibling();if(null==p)return!0;n=n?K(p):M(p);let x=null!=n?n:p;b.remove();B.forEach(q=>q.remove());a===r.KEY_ARROW_UP_COMMAND?(B.forEach(q=>x.insertBefore(q)),
|
|
28
|
+
x.insertBefore(b)):(x.insertAfter(b),x=b,B.forEach(q=>{x.insertAfter(q);x=q}));c.setTextNodeRange(h,g,k,l);return!0}function Z(a,b){let c=r.$getSelection();if(!r.$isRangeSelection(c))return!1;let {anchor:d,focus:f}=c,g=d.getNode(),l=f.getNode();a=a===r.MOVE_TO_START;if(!C(g)||!C(l))return!1;let h,k;a?{node:h,offset:k}=O(l):{node:h,offset:k}=P(l);null!==h&&-1!==k&&c.setTextNodeRange(h,k,h,k);b.preventDefault();b.stopPropagation();return!0}exports.$createCodeHighlightNode=A;
|
|
29
|
+
exports.$createCodeNode=J;exports.$isCodeHighlightNode=C;exports.$isCodeNode=L;exports.CODE_LANGUAGE_FRIENDLY_NAME_MAP=t;exports.CODE_LANGUAGE_MAP=u;exports.CodeHighlightNode=y;exports.CodeNode=D;exports.getCodeLanguages=()=>Object.keys(e.languages).filter(a=>"function"!==typeof e.languages[a]).sort();exports.getDefaultCodeLanguage=()=>"javascript";exports.getEndOfCodeInLine=P;exports.getFirstCodeHighlightNodeOfLine=K;exports.getLanguageFriendlyName=function(a){a=u[a]||a;return t[a]||a};
|
|
30
|
+
exports.getLastCodeHighlightNodeOfLine=M;exports.getStartOfCodeInLine=O;
|
|
31
|
+
exports.registerCodeHighlighting=function(a){if(!a.hasNodes([D,y]))throw Error("CodeHighlightPlugin: CodeNode or CodeHighlightNode not registered on editor");return m.mergeRegister(a.registerMutationListener(D,b=>{a.update(()=>{for(let [f,g]of b)if("destroyed"!==g){var c=r.$getNodeByKey(f);if(null!==c)a:{var d=c;c=a.getElementByKey(d.getKey());if(null===c)break a;d=d.getChildren();let l=d.length;if(l===c.__cachedChildrenLength)break a;c.__cachedChildrenLength=l;let h="1",k=1;for(let n=0;n<l;n++)r.$isLineBreakNode(d[n])&&
|
|
32
|
+
(h+="\n"+ ++k);c.setAttribute("data-gutter",h)}}})}),a.registerNodeTransform(D,b=>R(b,a)),a.registerNodeTransform(r.TextNode,b=>Q(b,a)),a.registerNodeTransform(y,b=>Q(b,a)),a.registerCommand(r.INDENT_CONTENT_COMMAND,()=>V(r.INDENT_CONTENT_COMMAND),r.COMMAND_PRIORITY_LOW),a.registerCommand(r.OUTDENT_CONTENT_COMMAND,()=>V(r.OUTDENT_CONTENT_COMMAND),r.COMMAND_PRIORITY_LOW),a.registerCommand(r.KEY_ARROW_UP_COMMAND,b=>Y(r.KEY_ARROW_UP_COMMAND,b),r.COMMAND_PRIORITY_LOW),a.registerCommand(r.KEY_ARROW_DOWN_COMMAND,
|
|
31
33
|
b=>Y(r.KEY_ARROW_DOWN_COMMAND,b),r.COMMAND_PRIORITY_LOW),a.registerCommand(r.MOVE_TO_END,b=>Z(r.MOVE_TO_END,b),r.COMMAND_PRIORITY_LOW),a.registerCommand(r.MOVE_TO_START,b=>Z(r.MOVE_TO_START,b),r.COMMAND_PRIORITY_LOW))}
|
package/index.d.ts
CHANGED
|
@@ -28,6 +28,9 @@ declare type SerializedCodeHighlightNode = Spread<{
|
|
|
28
28
|
type: 'code-highlight';
|
|
29
29
|
version: 1;
|
|
30
30
|
}, SerializedTextNode>;
|
|
31
|
+
export declare const CODE_LANGUAGE_FRIENDLY_NAME_MAP: Record<string, string>;
|
|
32
|
+
export declare const CODE_LANGUAGE_MAP: Record<string, string>;
|
|
33
|
+
export declare function getLanguageFriendlyName(lang: string): string;
|
|
31
34
|
export declare const getDefaultCodeLanguage: () => string;
|
|
32
35
|
export declare const getCodeLanguages: () => Array<string>;
|
|
33
36
|
export declare class CodeHighlightNode extends TextNode {
|
package/package.json
CHANGED
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
"code"
|
|
9
9
|
],
|
|
10
10
|
"license": "MIT",
|
|
11
|
-
"version": "0.3.
|
|
11
|
+
"version": "0.3.8",
|
|
12
12
|
"main": "LexicalCode.js",
|
|
13
13
|
"peerDependencies": {
|
|
14
|
-
"lexical": "0.3.
|
|
14
|
+
"lexical": "0.3.8"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@lexical/utils": "0.3.
|
|
17
|
+
"@lexical/utils": "0.3.8",
|
|
18
18
|
"prismjs": "^1.27.0"
|
|
19
19
|
},
|
|
20
20
|
"repository": {
|