lexxy 0.9.21 → 0.9.22

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9a161b79f6c66266f236c0bae71c3ea540237a2a403fb2e047d43828e395bfda
-  data.tar.gz: '030840a6e183bc84837825ff7b8f646ebfb74fdd2d582c93c3475b38b88e633e'
+  metadata.gz: 3dd84ec12b2544306275e4c55775e2ef95770e6e9de65adb028663f51bd099e6
+  data.tar.gz: c3bc7b9f5834a80f1e40de9e2c82fec32ce590aba1cb2022eb13c320303dd92d
 SHA512:
-  metadata.gz: 1c03106f2eed700e7521b00a937ace2b854459633b99ee93f6ef99eb323fd017d95fd9d348d174decc8a5e9e3b028fe9b470f5943066563b3ba6a55d03871c2b
-  data.tar.gz: b1d3121c8bc34f2b560192523f0e9a5ec885d869df2b9bdf56da88bd16829b8a5b9c0b0e99fa95507c06b65a1ca381665678df5f74dca94501b81937c658189a
+  metadata.gz: 3a29b71559385f62b6b084731cc77baea92c67ebe10b0f588610de8d5d9cecba54403f7201c8bbc1143a0122402195b356d7c0b45bac6d176136dbefcb016b02
+  data.tar.gz: 05cac4466fc4374f1cfbe3e547a462e2cdceed094b2eb043e6a713ff165ff852ec39f08d8f15aed0ae4e24634376243cced2ca36e37e5657bb87faaac4991f8b

data/README.md

@@ -2,7 +2,7 @@
 
 A modern rich text editor for Rails.
 
-**[Try it out!](https://basecamp.github.io/lexxy/try-it)**
+[Documentation](https://basecamp.github.io/lexxy/docs/) | <mark>[Try it out!](https://basecamp.github.io/lexxy/sandbox/)</mark>
 
 ## Features
 
@@ -15,24 +15,7 @@ A modern rich text editor for Rails.
 - Preview attachments like PDFs and Videos in the editor.
 - Works seamlessly with Action Text, generating the same canonical HTML format it expects for attachments.
 
-![Lexxy editor screenshot](docs/images/home.screenshot.png)
-
-## Documentation
-
-Visit the **[documentation site](https://basecamp.github.io/lexxy)**.
-
-## Roadmap
-
-This is a beta. Here's what's coming next:
-
-- [x] Configurable editors in Action Text: Choose your editor like you choose your database.
-- [x] More editing features:
-    - [x] Tables
-    - [x] Text highlighting
-- [x] Configuration hooks.
-- [x] Standalone JS package: to use in non-Rails environments.
-- [x] Image galleries: The only remaining feature for full Action Text compatibility
-- [ ] Install task that generates the necessary JS and adds stylesheets.
+![Lexxy editor screenshot](home/docs/images/home.screenshot.png)
 
 ## Contributing
 

data/app/assets/javascript/lexxy.js

@@ -13469,6 +13469,26 @@ function $getAllProvisionalParagraphs(rootNode = Zo()) {
   return Ht$3(rootNode.getChildren(), $isProvisionalParagraphNode)
 }
 
+// Registers code highlighting through the extension system so its node
+// transforms exist before the initial editor state is applied. Registering
+// after editor creation misses code blocks loaded from the initial value:
+// their transform pass has already run, and Lexical's catch-up dirtying
+// only sees the committed (still empty) state.
+class CodeHighlightingExtension extends LexxyExtension {
+  get enabled() {
+    return this.editorElement.supportsRichText
+  }
+
+  get lexicalExtension() {
+    return dc({
+      name: "lexxy/code-highlighting",
+      register(editor) {
+        return L$1(editor)
+      }
+    })
+  }
+}
+
 const TRIX_LANGUAGE_ATTR = "language";
 
 class TrixContentExtension extends LexxyExtension {
@@ -14989,6 +15009,7 @@ class LexicalEditorElement extends HTMLElement {
   get baseExtensions() {
     return [
       ProvisionalParagraphExtension,
+      CodeHighlightingExtension,
       HighlightExtension,
       TrixContentExtension,
       TablesExtension,
@@ -15396,7 +15417,7 @@ class LexicalEditorElement extends HTMLElement {
         Ie$2(this.editor)
       );
       this.#registerTableComponents();
-      this.#registerCodeHiglightingComponents();
+      this.#registerCodeLanguagePicker();
       if (this.supportsMarkdown) {
         const transformers = [ ...te, HORIZONTAL_DIVIDER ];
         registered.push(
@@ -15418,8 +15439,7 @@ class LexicalEditorElement extends HTMLElement {
     this.#disposables.push(tableTools);
   }
 
-  #registerCodeHiglightingComponents() {
-    L$1(this.editor);
+  #registerCodeLanguagePicker() {
     let codeLanguagePicker = this.querySelector("lexxy-code-language-picker");
     codeLanguagePicker ??= createElement("lexxy-code-language-picker");
     this.append(codeLanguagePicker);