@37signals/lexxy 0.9.5-beta → 0.9.6-beta.bc0

package/dist/lexxy.esm.js

@@ -18,14 +18,28 @@ import { marked } from 'marked';
 import { $insertDataTransferForRichText } from '@lexical/clipboard';
 import 'prismjs';
 import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-diff';
+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-powershell';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-swift';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-cpp';
 import 'prismjs/components/prism-markup-templating';
 import 'prismjs/components/prism-ruby';
 import 'prismjs/components/prism-php';
 import 'prismjs/components/prism-go';
 import 'prismjs/components/prism-bash';
 import 'prismjs/components/prism-json';
-import 'prismjs/components/prism-diff';
+import 'prismjs/components/prism-kotlin';
 
 const ALLOWED_HTML_ATTRIBUTES = [ "class", "contenteditable", "href", "src", "style", "title" ];
 
@@ -58,7 +72,7 @@ DOMPurify.addHook("uponSanitizeElement", (node, data) => {
   }
 });
 
-function buildConfig(allowedElements) {
+function buildConfig(allowedElements ) {
   const tagAttributes = {};
 
   for (const element of allowedElements) {
@@ -1158,15 +1172,12 @@ var Lexxy = {
   }
 };
 
-function sanitize(html, allowedElements) {
-  return DOMPurify.sanitize(html, buildConfig(allowedElements))
+function setSanitizerConfig(allowedTags) {
+  DOMPurify.clearConfig();
+  DOMPurify.setConfig(buildConfig(allowedTags));
 }
 
-// Sanitize HTML for custom attachment content (mentions, cards, etc.).
-// Uses DOMPurify defaults to strip XSS vectors (scripts, event handlers)
-// while preserving the richer tag set that server-rendered attachment
-// content legitimately uses (e.g. <span>, <div>, <img>).
-function sanitizeAttachmentContent(html) {
+function sanitize(html) {
   return DOMPurify.sanitize(html)
 }
 
@@ -1262,7 +1273,7 @@ class CustomActionTextAttachmentNode extends DecoratorNode {
   createDOM() {
     const figure = createElement(this.tagName, { "content-type": this.contentType, "data-lexxy-decorator": true });
 
-    figure.insertAdjacentHTML("beforeend", sanitizeAttachmentContent(this.innerHtml));
+    figure.insertAdjacentHTML("beforeend", sanitize(this.innerHtml));
 
     const deleteButton = createElement("lexxy-node-delete-button");
     figure.appendChild(deleteButton);
@@ -6350,6 +6361,11 @@ class EarlyEscapeCodeNode extends CodeNode {
   insertNewAfter(selection, restoreSelection) {
     if (!selection.isCollapsed()) return super.insertNewAfter(selection, restoreSelection)
 
+    if (this.#isCursorAtStart(selection)) {
+      this.insertBefore($createParagraphNode());
+      return null
+    }
+
     if (this.#isCursorOnEmptyLastLine(selection)) {
       $trimTrailingBlankNodes(this);
 
@@ -6361,6 +6377,14 @@ class EarlyEscapeCodeNode extends CodeNode {
     return super.insertNewAfter(selection, restoreSelection)
   }
 
+  #isCursorAtStart(selection) {
+    const { anchor } = selection;
+    if (!$isAtNodeStart(anchor)) return false
+
+    const anchorNode = anchor.getNode();
+    return this.is(anchorNode) || this.getFirstChild()?.is(anchorNode)
+  }
+
   #isCursorOnEmptyLastLine(selection) {
     if (!$isCursorOnLastLine(selection)) return false
 
@@ -6698,7 +6722,7 @@ class LexicalEditorElement extends HTMLElement {
   get value() {
     if (!this.cachedValue) {
       this.editor?.getEditorState().read(() => {
-        this.cachedValue = sanitize($generateHtmlFromNodes(this.editor, null), this.#allowedElements);
+        this.cachedValue = sanitize($generateHtmlFromNodes(this.editor, null));
       });
     }
 
@@ -6757,6 +6781,7 @@ class LexicalEditorElement extends HTMLElement {
     this.#registerFocusEvents();
     this.#attachDebugHooks();
     this.#attachToolbar();
+    this.#configureSanitizer();
     this.#loadInitialValue();
     this.#resetBeforeTurboCaches();
   }
@@ -7033,6 +7058,10 @@ class LexicalEditorElement extends HTMLElement {
     }
   }
 
+  #configureSanitizer() {
+    setSanitizerConfig(this.#allowedElements);
+  }
+
   get #allowedElements() {
     return this.#importableTags.concat(this.extensions.allowedElements)
   }
@@ -8123,6 +8152,8 @@ class CodeLanguagePicker extends HTMLElement {
     languages.bash ||= "Bash";
     languages.json ||= "JSON";
     languages.diff ||= "Diff";
+    languages.kotlin ||= "Kotlin";
+
 
     // Place the "plain" entry first, then the rest of language sorted alphabetically
     delete languages.plain;

package/dist/lexxy_helpers.esm.js

@@ -1,13 +1,27 @@
 import Prism from 'prismjs';
 import 'prismjs/components/prism-clike';
+import 'prismjs/components/prism-diff';
+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-powershell';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-swift';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-cpp';
 import 'prismjs/components/prism-markup-templating';
 import 'prismjs/components/prism-ruby';
 import 'prismjs/components/prism-php';
 import 'prismjs/components/prism-go';
 import 'prismjs/components/prism-bash';
 import 'prismjs/components/prism-json';
-import 'prismjs/components/prism-diff';
+import 'prismjs/components/prism-kotlin';
 
 // Configure Prism for manual highlighting mode
 // This must be set before importing prismjs

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@37signals/lexxy",
-  "version": "0.9.5-beta",
+  "version": "0.9.6-beta.bc0",
   "description": "Lexxy - A modern rich text editor for Rails.",
   "module": "dist/lexxy.esm.js",
   "type": "module",