@lexical/code 0.3.3 → 0.3.4

package/LexicalCode.dev.js

@@ -95,7 +95,8 @@ class CodeHighlightNode extends lexical.TextNode {
   exportJSON() {
     return { ...super.exportJSON(),
       highlightType: this.getHighlightType(),
-      type: 'code-highlight'
+      type: 'code-highlight',
+      version: 1
     };
   } // Prevent formatting (bold, underline, etc)
 
@@ -237,7 +238,8 @@ class CodeNode extends lexical.ElementNode {
   exportJSON() {
     return { ...super.exportJSON(),
       language: this.getLanguage(),
-      type: 'code'
+      type: 'code',
+      version: 1
     };
   } // Mutation
 

package/LexicalCode.prod.js

@@ -7,12 +7,12 @@
 '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");
 var m=require("@lexical/utils"),r=require("lexical");let t=a=>null!=a&&e.languages.hasOwnProperty(a)?a:void 0;
 class u extends r.TextNode{constructor(a,b,c){super(a,c);this.__highlightType=b}static getType(){return"code-highlight"}static clone(a){return new u(a.__text,a.__highlightType||void 0,a.__key)}getHighlightType(){return this.getLatest().__highlightType}createDOM(a){let b=super.createDOM(a);a=v(a.theme,this.__highlightType);m.addClassNamesToElement(b,a);return b}updateDOM(a,b,c){let d=super.updateDOM(a,b,c);a=v(c.theme,a.__highlightType);c=v(c.theme,this.__highlightType);a!==c&&(a&&m.removeClassNamesFromElement(b,
-a),c&&m.addClassNamesToElement(b,c));return d}static importJSON(a){let b=y(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"}}setFormat(){return this}}function v(a,b){return b&&a&&a.codeHighlight&&a.codeHighlight[b]}function y(a,b){return new u(a,b)}function z(a){return a instanceof u}
+a),c&&m.addClassNamesToElement(b,c));return d}static importJSON(a){let b=y(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 v(a,b){return b&&a&&a.codeHighlight&&a.codeHighlight[b]}function y(a,b){return new u(a,b)}function z(a){return a instanceof u}
 class A extends r.ElementNode{static getType(){return"code"}static clone(a){return new A(a.__language,a.__key)}constructor(a,b){super(b);this.__language=t(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");
 return!1}static importDOM(){return{code:()=>({conversion:C,priority:0}),div:()=>({conversion:D,priority:1}),pre:()=>({conversion:C,priority:0}),table:a=>E(a)?{conversion:F,priority:4}:null,td:a=>{let b=a.closest("table");return a.classList.contains("js-file-line")?{conversion:G,priority:4}:b&&E(b)?{conversion:H,priority:4}:null},tr:a=>(a=a.closest("table"))&&E(a)?{conversion:H,priority:4}:null}}static importJSON(a){let b=I(a.language);b.setFormat(a.format);b.setIndent(a.indent);b.setDirection(a.direction);
-return b}exportJSON(){return{...super.exportJSON(),language:this.getLanguage(),type:"code"}}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=J(b);if(null!=d){c=0;for(d=d.getTextContent();c<d.length&&/[\t ]/.test(d[c]);)c+=1;if(0<c)return c=d.substring(0,
-c),c=y(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=t(a)}getLanguage(){return this.getLatest().__language}}function I(a){return new A(a)}function K(a){return a instanceof A}
-function J(a){let b=null,c=a.getPreviousSiblings();for(c.push(a);0<c.length&&(a=c.pop(),z(a)&&(b=a),!r.$isLineBreakNode(a)););return b}function L(a){let b=null,c=a.getNextSiblings();for(c.unshift(a);0<c.length&&(a=c.shift(),z(a)&&(b=a),!r.$isLineBreakNode(a)););return b}function M(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}
+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=J(b);if(null!=d){c=0;for(d=d.getTextContent();c<d.length&&/[\t ]/.test(d[c]);)c+=1;if(0<c)return c=
+d.substring(0,c),c=y(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=t(a)}getLanguage(){return this.getLatest().__language}}function I(a){return new A(a)}
+function K(a){return a instanceof A}function J(a){let b=null,c=a.getPreviousSiblings();for(c.push(a);0<c.length&&(a=c.pop(),z(a)&&(b=a),!r.$isLineBreakNode(a)););return b}function L(a){let b=null,c=a.getNextSiblings();for(c.unshift(a);0<c.length&&(a=c.shift(),z(a)&&(b=a),!r.$isLineBreakNode(a)););return b}function M(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}
 function N(a){let b=null,c=-1;var d=a.getPreviousSiblings();for(d.push(a);0<d.length;){var f=d.pop();if(z(f)){var g=f.getTextContent();g=M(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(z(d)&&(f=d.getTextContent(),f=M(f,!0),-1!==f)){b=d;c=f;break}if(r.$isLineBreakNode(d))break}return{node:b,offset:c}}
 function O(a){let b=null,c=-1;var d=a.getNextSiblings();for(d.unshift(a);0<d.length;){var f=d.shift();if(z(f)){var g=f.getTextContent();g=M(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(z(d)&&(f=d.getTextContent(),f=M(f,!1),-1!==f)){b=d;c=f+1;break}if(r.$isLineBreakNode(d))break}return{node:b,offset:c}}function C(){return{node:I()}}
 function D(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")?I():null}}function F(){return{node:I()}}function H(){return{node:null}}function G(a){return{after:b=>{a.parentNode&&a.parentNode.nextSibling&&b.push(r.$createLineBreakNode());return b},node:null}}function E(a){return a.classList.contains("js-file-line-container")}

package/index.d.ts

@@ -0,0 +1,77 @@
+/**
+ * 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 { DOMConversionMap, EditorConfig, LexicalEditor, LexicalNode, NodeKey, ParagraphNode, RangeSelection, SerializedElementNode, SerializedTextNode, Spread } from 'lexical';
+import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-objectivec';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-swift';
+import { ElementNode, TextNode } from 'lexical';
+declare type SerializedCodeNode = Spread<{
+    language: string | null | undefined;
+    type: 'code';
+    version: 1;
+}, SerializedElementNode>;
+declare type SerializedCodeHighlightNode = Spread<{
+    highlightType: string | null | undefined;
+    type: 'code-highlight';
+    version: 1;
+}, SerializedTextNode>;
+export declare const getDefaultCodeLanguage: () => string;
+export declare const getCodeLanguages: () => Array<string>;
+export declare class CodeHighlightNode extends TextNode {
+    __highlightType: string | null | undefined;
+    constructor(text: string, highlightType?: string, key?: NodeKey);
+    static getType(): string;
+    static clone(node: CodeHighlightNode): CodeHighlightNode;
+    getHighlightType(): string | null | undefined;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: CodeHighlightNode, dom: HTMLElement, config: EditorConfig): boolean;
+    static importJSON(serializedNode: SerializedCodeHighlightNode): CodeHighlightNode;
+    exportJSON(): SerializedCodeHighlightNode;
+    setFormat(format: number): this;
+}
+export declare function $createCodeHighlightNode(text: string, highlightType?: string): CodeHighlightNode;
+export declare function $isCodeHighlightNode(node: LexicalNode | CodeHighlightNode | null | undefined): node is CodeHighlightNode;
+export declare class CodeNode extends ElementNode {
+    __language: string | null | undefined;
+    static getType(): string;
+    static clone(node: CodeNode): CodeNode;
+    constructor(language?: string | null | undefined, key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: CodeNode, dom: HTMLElement): boolean;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedCodeNode): CodeNode;
+    exportJSON(): SerializedCodeNode;
+    insertNewAfter(selection: RangeSelection): null | ParagraphNode | CodeHighlightNode;
+    canInsertTab(): boolean;
+    canIndent(): false;
+    collapseAtStart(): true;
+    setLanguage(language: string): void;
+    getLanguage(): string | null | undefined;
+}
+export declare function $createCodeNode(language?: string): CodeNode;
+export declare function $isCodeNode(node: LexicalNode | null | undefined): node is CodeNode;
+export declare function getFirstCodeHighlightNodeOfLine(anchor: LexicalNode): CodeHighlightNode | null | undefined;
+export declare function getLastCodeHighlightNodeOfLine(anchor: LexicalNode): CodeHighlightNode | null | undefined;
+export declare function getStartOfCodeInLine(anchor: LexicalNode): {
+    node: TextNode | null;
+    offset: number;
+};
+export declare function getEndOfCodeInLine(anchor: LexicalNode): {
+    node: TextNode | null;
+    offset: number;
+};
+export declare function registerCodeHighlighting(editor: LexicalEditor): () => void;
+export {};

package/package.json

@@ -8,13 +8,13 @@
     "code"
   ],
   "license": "MIT",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "main": "LexicalCode.js",
   "peerDependencies": {
-    "lexical": "0.3.3"
+    "lexical": "0.3.4"
   },
   "dependencies": {
-    "@lexical/utils": "0.3.3",
+    "@lexical/utils": "0.3.4",
     "prismjs": "^1.27.0"
   },
   "repository": {

package/LexicalCode.d.ts

@@ -1,99 +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 type {
-  EditorConfig,
-  LexicalNode,
-  NodeKey,
-  ParagraphNode,
-  RangeSelection,
-  EditorThemeClasses,
-  LexicalEditor,
-  SerializedElementNode,
-  SerializedTextNode,
-} from 'lexical';
-
-import {ElementNode, TextNode} from 'lexical';
-import type {Spread} from 'lexical';
-
-declare class CodeNode extends ElementNode {
-  static getType(): string;
-  static clone(node: CodeNode): CodeNode;
-  constructor(key?: NodeKey);
-  createDOM(config: EditorConfig): HTMLElement;
-  updateDOM(prevNode: CodeNode, dom: HTMLElement): boolean;
-  insertNewAfter(
-    selection: RangeSelection,
-  ): null | ParagraphNode | CodeHighlightNode;
-  canInsertTab(): boolean;
-  collapseAtStart(): true;
-  setLanguage(language: string): void;
-  getLanguage(): string | void;
-  importJSON(serializedNode: SerializedCodeNode): CodeNode;
-  exportJSON(): SerializedElementNode;
-}
-declare function $createCodeNode(language?: string): CodeNode;
-declare function $isCodeNode(
-  node: null | undefined | LexicalNode,
-): node is CodeNode;
-
-declare function getFirstCodeHighlightNodeOfLine(
-  anchor: LexicalNode,
-): null | undefined | CodeHighlightNode;
-
-declare function getLastCodeHighlightNodeOfLine(
-  anchor: LexicalNode,
-): null | undefined | CodeHighlightNode;
-
-declare function getDefaultCodeLanguage(): string;
-declare function getCodeLanguages(): Array<string>;
-
-declare class CodeHighlightNode extends TextNode {
-  __highlightType: null | undefined | string;
-  constructor(text: string, highlightType?: string, key?: NodeKey);
-  static getType(): string;
-  static clone(node: CodeHighlightNode): CodeHighlightNode;
-  createDOM(config: EditorConfig): HTMLElement;
-  updateDOM(
-    prevNode: CodeHighlightNode,
-    dom: HTMLElement,
-    config: EditorConfig,
-  ): boolean;
-  setFormat(format: number): this;
-}
-declare function getHighlightThemeClass(
-  theme: EditorThemeClasses,
-  highlightType: null | undefined | string,
-): null | undefined | string;
-declare function $createCodeHighlightNode(
-  text: string,
-  highlightType?: string,
-): CodeHighlightNode;
-declare function $isCodeHighlightNode(
-  node: LexicalNode | null | undefined,
-): node is CodeHighlightNode;
-
-declare function registerCodeHighlighting(editor: LexicalEditor): () => void;
-
-type SerializedCodeNode = Spread<
-  {
-    language: string | null | undefined;
-    type: 'code';
-    version: 1;
-  },
-  SerializedElementNode
->;
-
-type SerializedCodeHighlightNode = Spread<
-  {
-    highlightType: string | null | undefined;
-    type: 'code-highlight';
-    version: 1;
-  },
-  SerializedTextNode
->;