@37signals/lexxy 0.9.16 → 0.9.17

package/dist/lexxy.esm.js

@@ -7869,9 +7869,7 @@ class LexicalEditorElement extends HTMLElement {
   }
 
   get value() {
-    return this.cachedValue ??= this.editor?.read(() => {
-      return sanitize($generateHtmlFromNodes(this.editor, null))
-    }) ?? null
+    return this.cachedValue ??= this.#readSanitizedEditorValue()
   }
 
   set value(html) {
@@ -7900,6 +7898,12 @@ class LexicalEditorElement extends HTMLElement {
     return this.#historyState.redo
   }
 
+  #readSanitizedEditorValue(editor = this.editor) {
+    return editor?.read(() => {
+      return sanitize($generateHtmlFromNodes(this.editor, null))
+    }) ?? null
+  }
+
   #parseHtmlIntoLexicalNodes(html, { editor = this.editor } = {}) {
     if (!html) html = "<p></p>";
     const nodes = this.$generateNodesFromDOM(parseHtml(`${html}`), { editor });
@@ -7937,7 +7941,6 @@ class LexicalEditorElement extends HTMLElement {
     this.#registerFileAcceptFilter();
     this.#attachDebugHooks();
     this.#attachToolbar();
-    this.#configureSanitizer();
     this.#resetBeforeTurboCaches();
   }
 
@@ -7963,7 +7966,11 @@ class LexicalEditorElement extends HTMLElement {
       html: {
         export: new Map([ [ TextNode, exportTextNodeDOM ], [ CodeHighlightNode, exportTextNodeDOM ] ])
       },
-      $initialEditorState: (editor) => this.#loadInitialValue(editor)
+      $initialEditorState: (editor) => {
+        this.#configureSanitizer(editor);
+        this.#loadInitialValue(editor);
+        this.#setInternalFormValue(this.#readSanitizedEditorValue(editor));
+      },
     },
       ...this.extensions.lexicalExtensions
     );
@@ -8045,7 +8052,6 @@ class LexicalEditorElement extends HTMLElement {
     const initialHtml = this.valueBeforeDisconnect || this.getAttribute("value") || "<p><br></p>";
 
     this.#initialValue = initialHtml;
-    this.#setInternalFormValue(initialHtml);
     this.#setEditorHtml(initialHtml, { editor });
   }
 
@@ -8272,16 +8278,16 @@ class LexicalEditorElement extends HTMLElement {
     this.classList.toggle("lexxy-editor--empty", this.isEmpty);
   }
 
-  #configureSanitizer() {
-    setSanitizerConfig(this.#allowedElements);
+  #configureSanitizer(editor) {
+    setSanitizerConfig(this.#getAllowedElements(editor));
   }
 
-  get #allowedElements() {
-    return this.#importableTags.concat(this.extensions.allowedElements)
+  #getAllowedElements(editor) {
+    return this.#getImportableTags(editor).concat(this.extensions.allowedElements)
   }
 
-  get #importableTags() {
-    const tags = Array.from(this.editor._htmlConversions.keys());
+  #getImportableTags(editor) {
+    const tags = Array.from(editor._htmlConversions.keys());
     return tags.filter(tag => !tag.startsWith("#"))
   }
 

package/package.json

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