@editora/plugins 1.0.2 → 1.0.4

package/dist/code.esm.js

@@ -0,0 +1,2034 @@
+class H {
+  constructor(e = "") {
+    this._lines = [], this._version = 0, this.setText(e);
+  }
+  // Get line at index
+  getLine(e) {
+    return this._lines[e] || "";
+  }
+  // Get all lines
+  getLines() {
+    return [...this._lines];
+  }
+  // Get total number of lines
+  getLineCount() {
+    return this._lines.length;
+  }
+  // Get total text content
+  getText() {
+    return this._lines.join(`
+`);
+  }
+  // Set entire text content
+  setText(e) {
+    this._lines = e.split(`
+`), this._version++;
+  }
+  // Get text in a range
+  getTextInRange(e) {
+    if (e.start.line === e.end.line)
+      return this.getLine(e.start.line).substring(e.start.column, e.end.column);
+    const t = [];
+    t.push(this.getLine(e.start.line).substring(e.start.column));
+    for (let s = e.start.line + 1; s < e.end.line; s++)
+      t.push(this.getLine(s));
+    return e.end.line < this.getLineCount() && t.push(this.getLine(e.end.line).substring(0, e.end.column)), t.join(`
+`);
+  }
+  // Replace text in range
+  replaceRange(e, t) {
+    const s = this.getTextInRange(e);
+    if (e.start.line === e.end.line) {
+      const i = this.getLine(e.start.line), r = i.substring(0, e.start.column) + t + i.substring(e.end.column);
+      this._lines[e.start.line] = r;
+    } else {
+      const i = this.getLine(e.start.line), r = this.getLine(e.end.line), n = i.substring(0, e.start.column) + t, o = r.substring(e.end.column), a = t.split(`
+`);
+      a[0] = n + a[0], a[a.length - 1] = a[a.length - 1] + o, this._lines.splice(e.start.line, e.end.line - e.start.line + 1, ...a);
+    }
+    return this._version++, { range: e, text: t, oldText: s };
+  }
+  // Insert text at position
+  insertText(e, t) {
+    const s = { start: e, end: e };
+    return this.replaceRange(s, t);
+  }
+  // Delete text in range
+  deleteRange(e) {
+    return this.replaceRange(e, "");
+  }
+  // Convert position to offset
+  positionToOffset(e) {
+    let t = 0;
+    for (let s = 0; s < e.line; s++)
+      t += this.getLine(s).length + 1;
+    return t += e.column, t;
+  }
+  // Convert offset to position
+  offsetToPosition(e) {
+    let t = e;
+    for (let s = 0; s < this.getLineCount(); s++) {
+      const i = this.getLine(s).length;
+      if (t <= i)
+        return { line: s, column: t };
+      t -= i + 1;
+    }
+    return {
+      line: this.getLineCount() - 1,
+      column: this.getLine(this.getLineCount() - 1).length
+    };
+  }
+  // Validate position
+  isValidPosition(e) {
+    return !(e.line < 0 || e.line >= this.getLineCount() || e.column < 0 || e.column > this.getLine(e.line).length);
+  }
+  // Validate range
+  isValidRange(e) {
+    return this.isValidPosition(e.start) && this.isValidPosition(e.end);
+  }
+  // Get version for change tracking
+  getVersion() {
+    return this._version;
+  }
+  // Clone the model
+  clone() {
+    const e = new H();
+    return e._lines = [...this._lines], e._version = this._version, e;
+  }
+}
+class R {
+  constructor(e) {
+    this.gutterWidth = 50, this.lineHeight = 21, this.container = e, this.createDOM();
+  }
+  createDOM() {
+    this.container.innerHTML = "";
+    const e = document.createElement("div");
+    this.editorContainer = e, e.style.cssText = `
+      position: relative;
+      display: flex;
+      width: 100%;
+      height: 100%;
+      background: var(--editor-background, #1e1e1e);
+      color: var(--editor-foreground, #f8f9fa);
+      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+      font-size: 14px;
+      line-height: ${this.lineHeight}px;
+      /* make the outer container the single scrollable element so gutter and content scroll together */
+      overflow: auto;
+    `, this.lineNumbersElement = document.createElement("div"), this.lineNumbersElement.setAttribute("data-editor-gutter", "true"), this.lineNumbersElement.style.cssText = `
+      display: table-cell;
+      vertical-align: top;
+      width: ${this.gutterWidth}px;
+      background: var(--editor-gutter-background, #252526);
+      color: var(--editor-gutter-foreground, #858585);
+      padding: 0 8px 0 0;
+      text-align: right;
+      border-right: 1px solid var(--editor-gutter-border, #3e3e42);
+      user-select: none;
+      z-index: 1;
+    `, this.contentElement = document.createElement("div"), this.contentElement.style.cssText = `
+      display: table-cell;
+      vertical-align: top;
+      padding: 0 12px;
+      background: transparent;
+      border: none;
+      outline: none;
+      white-space: pre;
+      overflow-x: auto;
+      overflow-y: visible;
+      min-height: 400px;
+      font-family: inherit;
+      font-size: inherit;
+      line-height: inherit;
+      color: inherit;
+      tab-size: 2;
+      -moz-tab-size: 2;
+    `, this.contentElement.contentEditable = "true", this.contentElement.spellcheck = !1;
+    const t = document.createElement("div");
+    t.setAttribute("data-editora-editor", "true"), t.style.cssText = "display: table; table-layout: fixed; width: 100%; height: 100%;", t.appendChild(this.lineNumbersElement), t.appendChild(this.contentElement), e.appendChild(t), this.container.appendChild(e), this.updateLineNumbers(1);
+  }
+  // Update line numbers
+  updateLineNumbers(e) {
+    const t = Math.max(e, 20), s = Array.from({ length: t }, (i, r) => r + 1);
+    this.lineNumbersElement.innerHTML = s.map((i) => `<div style="height: ${this.lineHeight}px; line-height: ${this.lineHeight}px; padding-right: 12px;">${i}</div>`).join("");
+  }
+  // Get content element
+  getContentElement() {
+    return this.contentElement;
+  }
+  // Get line numbers element
+  getLineNumbersElement() {
+    return this.lineNumbersElement;
+  }
+  // Get text content
+  getText() {
+    return this.contentElement.textContent || "";
+  }
+  // Set text content
+  setText(e) {
+    this.contentElement.textContent = e;
+    const t = e.split(`
+`).length;
+    this.updateLineNumbers(t);
+  }
+  // Set inner HTML (used for syntax highlighted content)
+  setHTML(e) {
+    const t = /&lt;|&gt;/.test(e), s = /<span\b/i.test(e), i = /<[^>]+>/.test(e);
+    t && s ? this.contentElement.innerHTML = e : i && !t ? this.contentElement.textContent = e : this.contentElement.innerHTML = e;
+    const r = (this.contentElement.textContent || "").split(`
+`).length;
+    this.updateLineNumbers(r);
+  }
+  // Get cursor position from DOM selection
+  getCursorPosition() {
+    const e = window.getSelection();
+    if (!e || e.rangeCount === 0)
+      return { line: 0, column: 0 };
+    const t = e.getRangeAt(0), s = t.cloneRange();
+    s.selectNodeContents(this.contentElement), s.setEnd(t.endContainer, t.endOffset);
+    const i = s.toString().split(`
+`);
+    return {
+      line: i.length - 1,
+      column: i[i.length - 1].length
+    };
+  }
+  // Set cursor position
+  setCursorPosition(e) {
+    const t = this.getText().split(`
+`), s = Math.min(e.line, t.length - 1), i = Math.min(e.column, t[s]?.length || 0);
+    let r = 0;
+    for (let u = 0; u < s; u++)
+      r += t[u].length + 1;
+    r += i;
+    const n = document.createRange(), o = window.getSelection();
+    let a = 0, l = null, c = 0;
+    const g = document.createTreeWalker(
+      this.contentElement,
+      NodeFilter.SHOW_TEXT,
+      null
+    );
+    let d;
+    for (; d = g.nextNode(); ) {
+      const u = d.textContent?.length || 0;
+      if (a + u >= r) {
+        l = d, c = r - a;
+        break;
+      }
+      a += u;
+    }
+    if (l)
+      try {
+        n.setStart(l, c), n.setEnd(l, c), o?.removeAllRanges(), o?.addRange(n);
+      } catch (u) {
+        console.warn("Could not set cursor position:", u);
+      }
+  }
+  // Get selection range
+  getSelectionRange() {
+    const e = window.getSelection();
+    if (!e || e.rangeCount === 0 || e.isCollapsed)
+      return;
+    const t = e.getRangeAt(0), s = t.cloneRange();
+    s.selectNodeContents(this.contentElement), s.setEnd(t.startContainer, t.startOffset);
+    const i = s.toString().split(`
+`), r = t.cloneRange();
+    r.selectNodeContents(this.contentElement), r.setEnd(t.endContainer, t.endOffset);
+    const n = r.toString().split(`
+`);
+    return {
+      start: {
+        line: i.length - 1,
+        column: i[i.length - 1].length
+      },
+      end: {
+        line: n.length - 1,
+        column: n[n.length - 1].length
+      }
+    };
+  }
+  // Set selection range
+  setSelectionRange(e) {
+    this.setCursorPosition(e.start);
+  }
+  // Focus the editor
+  focus() {
+    this.contentElement.focus();
+  }
+  // Blur the editor
+  blur() {
+    this.contentElement.blur();
+  }
+  // Set read-only mode
+  setReadOnly(e) {
+    this.contentElement.contentEditable = e ? "false" : "true";
+  }
+  // Apply theme
+  applyTheme(e) {
+    Object.entries(e).forEach(([t, s]) => {
+      this.container.style.setProperty(`--${t}`, s);
+    });
+  }
+  // Scroll to position
+  scrollToPosition(e) {
+    const t = this.lineNumbersElement.children[e.line];
+    t && t.scrollIntoView({ block: "center", behavior: "smooth" });
+  }
+  // Get scroll position
+  getScrollTop() {
+    return this.editorContainer.scrollTop;
+  }
+  // Set scroll position
+  setScrollTop(e) {
+    this.editorContainer.scrollTop = e;
+  }
+  // Destroy the view
+  destroy() {
+    this.container && this.container.parentNode && this.container.parentNode.removeChild(this.container), this._rafId && (cancelAnimationFrame(this._rafId), this._rafId = void 0);
+  }
+}
+class I {
+  constructor(e, t = {}) {
+    this.extensions = /* @__PURE__ */ new Map(), this.commands = /* @__PURE__ */ new Map(), this.eventListeners = /* @__PURE__ */ new Map(), this.folds = [], this.currentTheme = "default", this.isDestroyed = !1, this.undoStack = [], this.redoStack = [], this.suppressHistory = !1, this.expectingProgrammaticCursor = !1, this.config = {
+      value: "",
+      theme: "default",
+      readOnly: !1,
+      tabSize: 2,
+      lineWrapping: !1,
+      lineNumbers: !0,
+      ...t
+    }, this.textModel = new H(this.config.value), this.view = new R(e), this.setupEventHandlers(), this.config.extensions && this.config.extensions.forEach((s) => this.addExtension(s)), this.setTheme(this.config.theme), this.view.setReadOnly(this.config.readOnly || !1), this.renderTextWithHighlight(this.textModel.getText()), this.registerBuiltInCommands();
+  }
+  // Public accessors for extensions
+  getTextModel() {
+    return this.textModel;
+  }
+  getView() {
+    return this.view;
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+  // Register built-in editor commands like undo/redo/insertTab
+  registerBuiltInCommands() {
+    this.registerCommand("undo", () => this.undo()), this.registerCommand("redo", () => this.redo()), this.registerCommand("insertTab", () => this.insertTab()), this.registerCommand("save", () => {
+      this.emit("save");
+    });
+  }
+  // Get keymap extension if available
+  getKeymapExtension() {
+    return this.extensions.get("keymap");
+  }
+  // Setup DOM event handlers
+  setupEventHandlers() {
+    const e = this.view.getContentElement();
+    e.addEventListener("input", () => {
+      const t = this.view.getText(), s = this.textModel.getText();
+      if (t !== s) {
+        if (!this.suppressHistory) {
+          const i = this.getCursor().position, r = this.textModel.positionToOffset(i), n = this.getSelection();
+          let o, a;
+          n && (o = this.textModel.positionToOffset(n.start), a = this.textModel.positionToOffset(n.end)), this.undoStack.push({ text: s, cursorOffset: r, anchorOffset: o, focusOffset: a }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0;
+        }
+        this.textModel.setText(t), this.highlightTimeout && clearTimeout(this.highlightTimeout), this.highlightTimeout = setTimeout(() => {
+          this.renderTextWithHighlight(this.textModel.getText(), !1), this.highlightTimeout = null;
+        }, 300), this.updateLineNumbers(), this.emit("change", [{ range: this.getFullRange(), text: t, oldText: s }]);
+      }
+    }), e.addEventListener("selectionchange", () => {
+      const t = this.getCursor(), s = this.getSelection();
+      this.emit("cursor", t), s && this.emit("selection", s);
+    }), e.addEventListener("keydown", (t) => {
+      if (this.emit("keydown", t), t.key === "Tab") {
+        this.config.readOnly || this.insertTab(), t.preventDefault(), t.stopPropagation();
+        return;
+      }
+      if (t.key === "Enter") {
+        if (!this.config.readOnly) {
+          const s = window.getSelection();
+          if (s && s.rangeCount > 0) {
+            const i = this.getCursor().position, r = this.textModel.positionToOffset(i), n = this.getSelection();
+            let o, a;
+            n && (o = this.textModel.positionToOffset(n.start), a = this.textModel.positionToOffset(n.end)), this.suppressHistory || (this.undoStack.push({ text: this.textModel.getText(), cursorOffset: r, anchorOffset: o, focusOffset: a }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0);
+            const l = s.getRangeAt(0);
+            l.deleteContents();
+            const c = document.createTextNode(`
+`);
+            l.insertNode(c), l.setStartAfter(c), l.collapse(!0), s.removeAllRanges(), s.addRange(l);
+            const g = this.getCursor().position, d = this.textModel.positionToOffset(g), u = this.getSelection();
+            let h, f;
+            u && (h = this.textModel.positionToOffset(u.start), f = this.textModel.positionToOffset(u.end));
+            const m = this.view.getText();
+            this.textModel.setText(m), this.highlightTimeout && clearTimeout(this.highlightTimeout), this.highlightTimeout = setTimeout(() => {
+              this.renderTextWithHighlight(this.textModel.getText(), !1), requestAnimationFrame(() => {
+                try {
+                  if (u && (h !== void 0 || f !== void 0)) {
+                    const x = h !== void 0 ? h : d, k = f !== void 0 ? f : d, y = Math.min(x, k), C = Math.max(x, k), L = this.textModel.offsetToPosition(y), w = this.textModel.offsetToPosition(C);
+                    this.setSelection({ start: L, end: w });
+                  } else {
+                    const x = this.textModel.offsetToPosition(d);
+                    this.setCursor(x);
+                  }
+                } catch {
+                }
+              }), this.highlightTimeout = null;
+            }, 300), this.updateLineNumbers(), this.emit("change", [{ range: this.getFullRange(), text: this.getValue(), oldText: "" }]);
+          }
+        }
+        t.preventDefault(), t.stopPropagation();
+        return;
+      }
+      for (const s of this.extensions.values())
+        if (s.onKeyDown && s.onKeyDown(t) === !1) {
+          t.preventDefault(), t.stopPropagation();
+          return;
+        }
+    }), e.addEventListener("mousedown", (t) => {
+      this.emit("mousedown", t);
+      for (const s of this.extensions.values())
+        if (s.onMouseDown && s.onMouseDown(t) === !1) {
+          t.preventDefault(), t.stopPropagation();
+          return;
+        }
+    }), e.addEventListener("focus", () => {
+      this.emit("focus");
+    }), e.addEventListener("blur", () => {
+      this.emit("blur");
+    });
+  }
+  // Update line numbers display
+  updateLineNumbers() {
+    const e = this.textModel.getLineCount();
+    this.view.updateLineNumbers(e);
+  }
+  // Get full range of document
+  getFullRange() {
+    return {
+      start: { line: 0, column: 0 },
+      end: {
+        line: this.textModel.getLineCount() - 1,
+        column: this.textModel.getLine(this.textModel.getLineCount() - 1).length
+      }
+    };
+  }
+  // Emit events to listeners
+  emit(e, ...t) {
+    const s = this.eventListeners.get(e);
+    s && s.forEach((i) => i(...t));
+  }
+  // State management
+  getValue() {
+    return this.textModel.getText();
+  }
+  setValue(e) {
+    const t = this.textModel.getText();
+    this.textModel.setText(e), this.renderTextWithHighlight(e, !1), this.updateLineNumbers(), this.emit("change", [{ range: this.getFullRange(), text: e, oldText: t }]);
+  }
+  getState() {
+    return {
+      text: this.getValue(),
+      cursor: this.getCursor(),
+      selection: this.getSelection(),
+      readOnly: this.config.readOnly || !1,
+      theme: this.currentTheme
+    };
+  }
+  // Cursor & Selection
+  getCursor() {
+    const e = this.view.getCursorPosition();
+    return {
+      position: e,
+      anchor: e
+      // For now, cursor and anchor are the same
+    };
+  }
+  setCursor(e) {
+    this.view.setCursorPosition(e), this.emit("cursor", this.getCursor());
+  }
+  getSelection() {
+    return this.view.getSelectionRange();
+  }
+  setSelection(e) {
+    this.view.setSelectionRange(e), this.emit("selection", e);
+  }
+  // Configuration
+  setTheme(e) {
+    this.currentTheme = e;
+    const t = {
+      "editor-background": e === "dark" ? "#1e1e1e" : "#ffffff",
+      "editor-foreground": e === "dark" ? "#f8f9fa" : "#1a1a1a",
+      "editor-gutter-background": e === "dark" ? "#252526" : "#f8f9fa",
+      "editor-gutter-foreground": e === "dark" ? "#858585" : "#666666",
+      "editor-gutter-border": e === "dark" ? "#3e3e42" : "#e1e5e9"
+    };
+    this.view.applyTheme(t);
+    const s = this.extensions.get("syntax-highlighting");
+    if (s && typeof s.setTheme == "function")
+      try {
+        s.setTheme(e === "dark" ? "dark" : "light"), this.renderTextWithHighlight(this.textModel.getText());
+      } catch (i) {
+        console.warn("Error applying theme to syntax-highlighting extension", i);
+      }
+  }
+  setReadOnly(e) {
+    this.config.readOnly = e, this.view.setReadOnly(e);
+  }
+  // Extensions & Commands
+  addExtension(e) {
+    if (this.extensions.has(e.name))
+      throw new Error(`Extension '${e.name}' already exists`);
+    this.extensions.set(e.name, e), e.setup(this), e.name === "syntax-highlighting" && typeof e.highlightHTML == "function" && this.renderTextWithHighlight(this.textModel.getText());
+  }
+  removeExtension(e) {
+    const t = this.extensions.get(e);
+    t && t.destroy && t.destroy(), this.extensions.delete(e);
+  }
+  executeCommand(e, ...t) {
+    const s = this.commands.get(e);
+    s ? s(this, ...t) : console.warn(`Command '${e}' not found`);
+  }
+  // Register a command
+  registerCommand(e, t) {
+    this.commands.set(e, t);
+  }
+  // Search & Navigation
+  search(e, t = {}) {
+    const s = {
+      caseSensitive: !1,
+      regex: !1,
+      ...t
+    }, i = [], r = this.getValue();
+    r.split(`
+`);
+    let n = s.caseSensitive ? r : r.toLowerCase(), o = s.caseSensitive ? e : e.toLowerCase();
+    if (s.regex) {
+      const a = new RegExp(o, s.caseSensitive ? "g" : "gi");
+      let l;
+      for (; (l = a.exec(n)) !== null; ) {
+        const c = this.textModel.offsetToPosition(l.index), g = this.textModel.offsetToPosition(l.index + l[0].length);
+        i.push({
+          range: { start: c, end: g },
+          match: l[0]
+        });
+      }
+    } else {
+      let a = 0, l = n.indexOf(o, a);
+      for (; l !== -1; ) {
+        const c = l + e.length, g = this.textModel.offsetToPosition(l), d = this.textModel.offsetToPosition(c);
+        i.push({
+          range: { start: g, end: d },
+          match: r.substring(l, c)
+        }), a = c, l = n.indexOf(o, a);
+      }
+    }
+    return i;
+  }
+  replace(e, t) {
+    const s = this.getValue();
+    if (!this.suppressHistory) {
+      const r = this.getCursor().position, n = this.textModel.positionToOffset(r), o = this.getSelection();
+      let a, l;
+      o && (a = this.textModel.positionToOffset(o.start), l = this.textModel.positionToOffset(o.end)), this.undoStack.push({ text: s, cursorOffset: n, anchorOffset: a, focusOffset: l }), this.undoStack.length > 100 && this.undoStack.shift(), this.redoStack.length = 0;
+    }
+    const i = this.textModel.replaceRange(e, t);
+    this.renderTextWithHighlight(this.getValue(), !1), this.emit("change", [i]);
+  }
+  replaceAll(e, t, s = {}) {
+    const i = this.search(e, s);
+    let r = 0;
+    for (let n = i.length - 1; n >= 0; n--)
+      this.replace(i[n].range, t), r++;
+    return r;
+  }
+  // Folding (basic implementation)
+  fold(e) {
+    const t = {
+      start: e.start,
+      end: e.end,
+      collapsed: !0,
+      level: 0
+    };
+    this.folds.push(t);
+  }
+  unfold(e) {
+    this.folds = this.folds.filter(
+      (t) => !(t.start.line === e.start.line && t.end.line === e.end.line)
+    );
+  }
+  getFolds() {
+    return [...this.folds];
+  }
+  // Utilities
+  focus() {
+    this.view.focus();
+  }
+  blur() {
+    this.view.blur();
+  }
+  // Render text using syntax highlighting extension if available
+  // If `restoreSelection` is true (default), the method captures current selection/caret
+  // and restores it after updating the DOM. Callers that will explicitly set the caret
+  // should pass `false` to avoid stomping programmatic cursor changes.
+  renderTextWithHighlight(e, t = !0) {
+    const s = this.extensions.get("syntax-highlighting");
+    if (s && typeof s.highlightHTML == "function")
+      try {
+        const i = !t && !this.expectingProgrammaticCursor;
+        let r, n, o, a;
+        if (t || i) {
+          r = this.getSelection();
+          const c = this.getCursor().position;
+          n = this.textModel.positionToOffset(c), r && (o = this.textModel.positionToOffset(r.start), a = this.textModel.positionToOffset(r.end));
+        }
+        const l = s.highlightHTML(e);
+        typeof this.view.setHighlightHTML == "function" ? this.view.setHighlightHTML(l) : this.view.setHTML(l), (t || i) && requestAnimationFrame(() => {
+          try {
+            if (r && (o !== void 0 || a !== void 0)) {
+              const c = o !== void 0 ? o : n, g = a !== void 0 ? a : n, d = Math.min(c, g), u = Math.max(c, g), h = this.textModel.offsetToPosition(d), f = this.textModel.offsetToPosition(u);
+              this.view.setSelectionRange({ start: h, end: f });
+            } else if (n !== void 0) {
+              const c = this.textModel.offsetToPosition(n);
+              this.view.setCursorPosition(c);
+            }
+          } catch {
+          }
+        });
+        return;
+      } catch (i) {
+        console.warn("Syntax highlighting failed, falling back to plain text", i);
+      }
+    this.view.setText(e);
+  }
+  destroy() {
+    if (!this.isDestroyed) {
+      this.isDestroyed = !0;
+      for (const e of this.extensions.values())
+        e.destroy && e.destroy();
+      this.extensions.clear(), this.view.destroy(), this.commands.clear(), this.eventListeners.clear();
+    }
+  }
+  // History: undo/redo
+  undo() {
+    if (this.undoStack.length === 0) return;
+    const e = this.undoStack.pop(), t = { text: this.getValue(), cursorOffset: this.textModel.positionToOffset(this.getCursor().position) };
+    this.redoStack.push(t);
+    try {
+      this.suppressHistory = !0, this.expectingProgrammaticCursor = !0;
+      let s, i;
+      typeof e == "string" ? s = e : (s = e.text, i = e.cursorOffset), this.setValue(s), requestAnimationFrame(() => {
+        try {
+          if (i != null)
+            if (typeof e != "string" && (e.anchorOffset !== void 0 || e.focusOffset !== void 0)) {
+              const r = e.anchorOffset !== void 0 ? e.anchorOffset : i, n = e.focusOffset !== void 0 ? e.focusOffset : i, o = Math.min(r, n), a = Math.max(r, n), l = this.textModel.offsetToPosition(o), c = this.textModel.offsetToPosition(a);
+              this.setSelection({ start: l, end: c });
+            } else {
+              const r = this.textModel.offsetToPosition(i);
+              this.setCursor(r);
+            }
+        } catch {
+        }
+      }), setTimeout(() => {
+        this.expectingProgrammaticCursor = !1;
+      }, 30);
+    } finally {
+      this.suppressHistory = !1;
+    }
+  }
+  redo() {
+    if (this.redoStack.length === 0) return;
+    const e = this.redoStack.pop(), t = { text: this.getValue(), cursorOffset: this.textModel.positionToOffset(this.getCursor().position) };
+    this.undoStack.push(t);
+    try {
+      this.suppressHistory = !0, this.expectingProgrammaticCursor = !0;
+      let s, i;
+      typeof e == "string" ? s = e : (s = e.text, i = e.cursorOffset), this.setValue(s), requestAnimationFrame(() => {
+        try {
+          if (i != null)
+            if (typeof e != "string" && (e.anchorOffset !== void 0 || e.focusOffset !== void 0)) {
+              const r = e.anchorOffset !== void 0 ? e.anchorOffset : i, n = e.focusOffset !== void 0 ? e.focusOffset : i, o = Math.min(r, n), a = Math.max(r, n), l = this.textModel.offsetToPosition(o), c = this.textModel.offsetToPosition(a);
+              this.setSelection({ start: l, end: c });
+            } else {
+              const r = this.textModel.offsetToPosition(i);
+              this.setCursor(r);
+            }
+        } catch {
+        }
+      }), setTimeout(() => {
+        this.expectingProgrammaticCursor = !1;
+      }, 30);
+    } finally {
+      this.suppressHistory = !1;
+    }
+  }
+  // Insert a tab character or spaces at current cursor
+  insertTab() {
+    if (this.config.readOnly) return;
+    const e = this.getCursor().position, t = this.textModel.positionToOffset(e), s = " ".repeat(this.config.tabSize || 2), i = this.textModel.insertText(e, s), r = this.textModel.offsetToPosition(this.textModel.positionToOffset(e) + s.length);
+    if (!this.suppressHistory) {
+      const n = this.getSelection();
+      let o, a;
+      n && (o = this.textModel.positionToOffset(n.start), a = this.textModel.positionToOffset(n.end)), this.undoStack.push({ text: this.getValue(), cursorOffset: t, anchorOffset: o, focusOffset: a }), this.redoStack.length = 0;
+    }
+    this.expectingProgrammaticCursor = !0, this.renderTextWithHighlight(this.getValue(), !1), this.setCursor(r), setTimeout(() => {
+      this.expectingProgrammaticCursor = !1;
+    }, 20), this.emit("change", [i]);
+  }
+  // Insert a newline at current cursor position
+  insertNewLine() {
+    if (this.config.readOnly) return;
+    const e = this.getCursor().position, t = this.textModel.positionToOffset(e), s = this.textModel.insertText(e, `
+`), i = this.textModel.offsetToPosition(this.textModel.positionToOffset(e) + 1);
+    if (!this.suppressHistory) {
+      const r = this.getSelection();
+      let n, o;
+      r && (n = this.textModel.positionToOffset(r.start), o = this.textModel.positionToOffset(r.end)), this.undoStack.push({ text: this.getValue(), cursorOffset: t, anchorOffset: n, focusOffset: o }), this.redoStack.length = 0;
+    }
+    this.expectingProgrammaticCursor = !0, this.renderTextWithHighlight(this.getValue(), !1), this.setCursor(i), setTimeout(() => {
+      this.expectingProgrammaticCursor = !1;
+    }, 20), this.emit("change", [s]);
+  }
+  // Events
+  on(e, t) {
+    this.eventListeners.has(e) || this.eventListeners.set(e, []), this.eventListeners.get(e).push(t);
+  }
+  off(e, t) {
+    if (!this.eventListeners.has(e)) return;
+    const s = this.eventListeners.get(e);
+    if (t) {
+      const i = s.indexOf(t);
+      i !== -1 && s.splice(i, 1);
+    } else
+      s.length = 0;
+  }
+}
+class N {
+  constructor(e) {
+    this.name = "keymap", this.editor = null, this.keymap = {}, this.isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0, this.keymap = e || this.getDefaultKeymap();
+  }
+  setup(e) {
+    this.editor = e;
+  }
+  handleKeyDown(e) {
+    if (!this.editor) return;
+    const t = this.findMatchingBinding(e);
+    if (t)
+      return this.editor.executeCommand(t.command), e.preventDefault(), e.stopPropagation(), !1;
+  }
+  findMatchingBinding(e) {
+    const { key: t, ctrlKey: s, altKey: i, shiftKey: r, metaKey: n } = e, o = String(t).toLowerCase(), a = this.keymap[o];
+    if (!a) return null;
+    for (const l of a) {
+      const c = l.ctrlKey === void 0 || l.ctrlKey === s, g = l.altKey === void 0 || l.altKey === i, d = l.shiftKey === void 0 || l.shiftKey === r, u = l.metaKey === void 0 || l.metaKey === n;
+      if (c && g && d && u)
+        return l;
+    }
+    return null;
+  }
+  // Allow EditorCore to call this directly when checking extension.onKeyDown
+  onKeyDown(e) {
+    return this.handleKeyDown(e);
+  }
+  getDefaultKeymap() {
+    const e = {};
+    return this.addBinding(e, "f", { ctrlKey: !this.isMac, metaKey: this.isMac }, "find"), this.addBinding(e, "h", { ctrlKey: !this.isMac, metaKey: this.isMac }, "replace"), this.addBinding(e, "f3", {}, "findNext"), this.addBinding(e, "f3", { shiftKey: !0 }, "findPrev"), this.addBinding(e, "g", { ctrlKey: !this.isMac, metaKey: this.isMac }, "findNext"), this.addBinding(e, "[", { ctrlKey: !this.isMac, metaKey: this.isMac, shiftKey: !0 }, "fold"), this.addBinding(e, "]", { ctrlKey: !this.isMac, metaKey: this.isMac, shiftKey: !0 }, "unfold"), this.addBinding(e, "s", { ctrlKey: !0 }, "save"), this.addBinding(e, "s", { metaKey: !0 }, "save"), this.addBinding(e, "z", { ctrlKey: !0 }, "undo"), this.addBinding(e, "z", { metaKey: !0 }, "undo"), this.addBinding(e, "y", { ctrlKey: !0 }, "redo"), this.addBinding(e, "y", { metaKey: !0 }, "redo"), this.addBinding(e, "z", { ctrlKey: !0, shiftKey: !0 }, "redo"), this.addBinding(e, "z", { metaKey: !0, shiftKey: !0 }, "redo"), this.addBinding(e, "tab", {}, "insertTab"), this.addBinding(e, "t", { ctrlKey: !this.isMac, metaKey: this.isMac, shiftKey: !0 }, "toggleTheme"), e;
+  }
+  addBinding(e, t, s, i) {
+    const r = t.toLowerCase();
+    e[r] || (e[r] = []), e[r].push({
+      key: r,
+      command: i,
+      ...s
+    });
+  }
+  // Public API for customizing keymap
+  setKeymap(e) {
+    this.keymap = { ...e };
+  }
+  addKeyBinding(e) {
+    const t = e.key.toLowerCase();
+    this.keymap[t] || (this.keymap[t] = []), this.keymap[t] = this.keymap[t].filter((s) => s.command !== e.command), this.keymap[t].push({
+      ...e,
+      key: t
+    });
+  }
+  removeKeyBinding(e, t) {
+    const s = e.toLowerCase();
+    t ? this.keymap[s] && (this.keymap[s] = this.keymap[s].filter((i) => i.command !== t), this.keymap[s].length === 0 && delete this.keymap[s]) : delete this.keymap[s];
+  }
+  getKeymap() {
+    return { ...this.keymap };
+  }
+  getBindingsForCommand(e) {
+    const t = [];
+    for (const s in this.keymap)
+      for (const i of this.keymap[s])
+        i.command === e && t.push({ ...i });
+    return t;
+  }
+  getPlatformInfo() {
+    return {
+      isMac: this.isMac,
+      platform: navigator.platform
+    };
+  }
+  destroy() {
+    this.keymap = {}, this.editor = null;
+  }
+}
+class B {
+  constructor() {
+    this.name = "transaction", this.transactions = [];
+  }
+  setup(e) {
+    e.on("change", (t) => {
+      const s = {
+        changes: [t],
+        selection: e.getSelection(),
+        effects: [],
+        annotations: []
+      };
+      this.transactions.push(s);
+    });
+  }
+  getTransactions() {
+    return this.transactions;
+  }
+  destroy() {
+    this.transactions = [];
+  }
+}
+class K {
+  constructor() {
+    this.name = "line-numbers", this.editor = null, this.lineNumbersElement = null, this.isEnabled = !0;
+  }
+  setup(e) {
+    this.editor = e, this.createLineNumbers(), e.registerCommand("toggleLineNumbers", () => {
+      this.toggle();
+    }), e.on("change", () => {
+      this.updateLineNumbers();
+    }), this.updateLineNumbers();
+  }
+  createLineNumbers() {
+    if (!this.editor) return;
+    const e = this.editor.getView().getLineNumbersElement();
+    e && (this.lineNumbersElement = e);
+  }
+  updateLineNumbers() {
+    if (!this.lineNumbersElement || !this.editor || !this.isEnabled) return;
+    const e = this.editor.getValue().split(`
+`).length, t = Array.from({ length: Math.max(e, 20) }, (s, i) => i + 1);
+    this.lineNumbersElement.innerHTML = t.map((s) => `<div style="height: 21px; line-height: 21px; padding-right: 12px;">${s}</div>`).join("");
+  }
+  toggle() {
+    this.isEnabled = !this.isEnabled, this.lineNumbersElement && (this.lineNumbersElement.style.display = this.isEnabled ? "block" : "none");
+    const e = this.editor.getView().getContentElement();
+    e && (e.style.marginLeft = this.isEnabled ? "60px" : "0"), this.updateLineNumbers();
+  }
+  destroy() {
+    this.lineNumbersElement = null, this.editor = null;
+  }
+}
+class A {
+  constructor() {
+    this.name = "theme", this.editor = null, this.currentTheme = "dark";
+  }
+  setup(e) {
+    this.editor = e, e.registerCommand("setTheme", (t) => {
+      this.setTheme(t);
+    }), e.registerCommand("toggleTheme", () => {
+      this.toggleTheme();
+    }), this.setTheme(this.currentTheme);
+  }
+  setTheme(e) {
+    this.editor && (this.currentTheme = e, this.editor.setTheme(e));
+  }
+  toggleTheme() {
+    const e = this.currentTheme === "dark" ? "light" : "dark";
+    this.setTheme(e);
+  }
+  getCurrentTheme() {
+    return this.currentTheme;
+  }
+  destroy() {
+    this.editor = null;
+  }
+}
+class V {
+  constructor() {
+    this.name = "read-only", this.editor = null, this.isReadOnly = !1;
+  }
+  setup(e) {
+    this.editor = e, e.registerCommand("setReadOnly", (t) => {
+      this.setReadOnly(t);
+    }), e.registerCommand("toggleReadOnly", () => {
+      this.toggleReadOnly();
+    }), e.on("keydown", (t) => {
+      if (t.ctrlKey && t.key === "r")
+        return t.preventDefault(), this.toggleReadOnly(), !1;
+    });
+  }
+  setReadOnly(e) {
+    this.editor && (this.isReadOnly = e, this.editor.setReadOnly(e));
+  }
+  toggleReadOnly() {
+    this.setReadOnly(!this.isReadOnly);
+  }
+  isCurrentlyReadOnly() {
+    return this.isReadOnly;
+  }
+  destroy() {
+    this.editor = null;
+  }
+}
+class U {
+  constructor() {
+    this.name = "search", this.editor = null, this.searchUI = null, this.isVisible = !1, this.currentResults = [], this.currentIndex = -1;
+  }
+  setup(e) {
+    this.editor = e, e.registerCommand("find", () => {
+      this.showSearch();
+    }), e.registerCommand("findNext", () => {
+      this.findNext();
+    }), e.registerCommand("findPrev", () => {
+      this.findPrev();
+    }), e.registerCommand("replace", () => {
+      this.showReplace();
+    }), e.registerCommand("replaceAll", (t, s) => {
+      this.replaceAll(t, s);
+    });
+  }
+  showSearch() {
+    if (this.editor && (this.searchUI || this.createSearchUI(), this.isVisible = !0, this.searchUI)) {
+      this.searchUI.style.display = "block";
+      const e = this.searchUI.querySelector("input");
+      e && (e.focus(), e.select());
+    }
+  }
+  showReplace() {
+    this.showSearch();
+    const e = this.searchUI?.querySelector(".search-replace-input");
+    e && (e.style.display = "block", e.focus());
+    const t = this.searchUI?.querySelector(".search-status");
+    t && (t.textContent = "Replace mode - Enter to replace, Shift+Enter to replace all");
+  }
+  hideSearch() {
+    this.isVisible = !1, this.searchUI && (this.searchUI.style.display = "none"), this.clearHighlights();
+  }
+  createSearchUI() {
+    if (!this.editor) return;
+    const e = document.querySelector(".rte-source-editor-modal");
+    if (!e) return;
+    this.searchUI = document.createElement("div"), this.searchUI.style.cssText = `
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      background: var(--editor-background, #1e1e1e);
+      border: 1px solid var(--editor-gutter-border, #3e3e42);
+      border-radius: 4px;
+      padding: 8px;
+      z-index: 1000;
+      display: none;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+      min-width: 250px;
+    `, this.searchUI.innerHTML = `
+      <div style="display: flex; align-items: center; gap: 4px; margin-bottom: 4px;">
+        <input type="text" placeholder="Find..." style="
+          flex: 1;
+          padding: 4px 8px;
+          background: var(--editor-gutter-background, #252526);
+          color: var(--editor-foreground, #f8f9fa);
+          border: 1px solid var(--editor-gutter-border, #3e3e42);
+          border-radius: 3px;
+          font-size: 12px;
+          outline: none;
+        " />
+        <button class="search-prev" style="
+          padding: 2px 6px;
+          background: var(--editor-gutter-background, #252526);
+          color: var(--editor-gutter-foreground, #858585);
+          border: 1px solid var(--editor-gutter-border, #3e3e42);
+          border-radius: 3px;
+          cursor: pointer;
+          font-size: 11px;
+        ">↑</button>
+        <button class="search-next" style="
+          padding: 2px 6px;
+          background: var(--editor-gutter-background, #252526);
+          color: var(--editor-gutter-foreground, #858585);
+          border: 1px solid var(--editor-gutter-border, #3e3e42);
+          border-radius: 3px;
+          cursor: pointer;
+          font-size: 11px;
+        ">↓</button>
+        <button class="search-close" style="
+          padding: 2px 6px;
+          background: var(--editor-gutter-background, #252526);
+          color: var(--editor-gutter-foreground, #858585);
+          border: 1px solid var(--editor-gutter-border, #3e3e42);
+          border-radius: 3px;
+          cursor: pointer;
+          font-size: 11px;
+        ">×</button>
+      </div>
+      <div class="search-status" style="
+        font-size: 11px;
+        color: var(--editor-gutter-foreground, #858585);
+        text-align: center;
+      "></div>
+      <input type="text" class="search-replace-input" placeholder="Replace with..." style="
+        width: 100%;
+        padding: 4px 8px;
+        background: var(--editor-gutter-background, #252526);
+        color: var(--editor-foreground, #f8f9fa);
+        border: 1px solid var(--editor-gutter-border, #3e3e42);
+        border-radius: 3px;
+        font-size: 12px;
+        outline: none;
+        display: none;
+        margin-top: 4px;
+      " />
+    `;
+    const t = this.searchUI.querySelector("input"), s = this.searchUI.querySelector(".search-replace-input"), i = this.searchUI.querySelector(".search-prev"), r = this.searchUI.querySelector(".search-next"), n = this.searchUI.querySelector(".search-close");
+    t.addEventListener("input", () => {
+      this.performSearch(t.value);
+    }), t.addEventListener("keydown", (o) => {
+      o.key === "Enter" && (o.preventDefault(), o.shiftKey ? this.findPrev() : this.findNext());
+    }), s.addEventListener("keydown", (o) => {
+      o.key === "Enter" && (o.preventDefault(), o.shiftKey ? this.replaceAll(t.value, s.value) : this.replaceCurrent(t.value, s.value));
+    }), i.addEventListener("click", () => this.findPrev()), r.addEventListener("click", () => this.findNext()), n.addEventListener("click", () => this.hideSearch()), e.appendChild(this.searchUI);
+  }
+  performSearch(e) {
+    if (!this.editor || !e.trim()) {
+      this.clearHighlights(), this.updateStatus("");
+      return;
+    }
+    const t = this.editor.getValue(), s = [];
+    let i = t.toLowerCase().indexOf(e.toLowerCase());
+    for (; i !== -1; ) {
+      const r = this.getPositionFromOffset(t, i), n = this.getPositionFromOffset(t, i + e.length);
+      s.push({
+        range: { start: r, end: n },
+        match: t.substring(i, i + e.length)
+      }), i = t.toLowerCase().indexOf(e.toLowerCase(), i + 1);
+    }
+    this.currentResults = s, this.currentIndex = this.currentResults.length > 0 ? 0 : -1, this.updateHighlights(), this.updateStatus(`${this.currentResults.length} matches`);
+  }
+  getPositionFromOffset(e, t) {
+    const s = e.substring(0, t).split(`
+`), i = s.length - 1, r = s[s.length - 1].length;
+    return { line: i, column: r };
+  }
+  findNext() {
+    this.currentResults.length !== 0 && (this.currentIndex = (this.currentIndex + 1) % this.currentResults.length, this.updateHighlights());
+  }
+  findPrev() {
+    this.currentResults.length !== 0 && (this.currentIndex = this.currentIndex <= 0 ? this.currentResults.length - 1 : this.currentIndex - 1, this.updateHighlights());
+  }
+  replaceCurrent(e, t) {
+    if (!this.editor || !e.trim() || this.currentIndex === -1) return;
+    const s = this.currentResults[this.currentIndex];
+    if (!s) return;
+    const i = this.editor.getValue(), r = this.getOffsetFromPosition(i, s.range.start), n = i.substring(0, r), o = i.substring(r + e.length), a = n + t + o;
+    this.editor.setValue(a), this.performSearch(e), this.updateStatus("Replaced current occurrence");
+  }
+  replaceAll(e, t) {
+    if (!this.editor || !e.trim()) return;
+    let s = this.editor.getValue(), i = 0, r = s.toLowerCase().indexOf(e.toLowerCase());
+    for (; r !== -1; )
+      s = s.substring(0, r) + t + s.substring(r + e.length), i++, r = s.toLowerCase().indexOf(e.toLowerCase(), r + t.length);
+    i > 0 && (this.editor.setValue(s), this.updateStatus(`Replaced ${i} occurrences`));
+  }
+  getOffsetFromPosition(e, t) {
+    const s = e.split(`
+`);
+    let i = 0;
+    for (let r = 0; r < t.line; r++)
+      i += s[r].length + 1;
+    return i += t.column, i;
+  }
+  updateHighlights() {
+    this.clearHighlights(), !(this.currentResults.length === 0 || this.currentIndex === -1) && (this.currentResults[this.currentIndex], this.updateStatus(`${this.currentResults.length} matches (showing ${this.currentIndex + 1}/${this.currentResults.length})`));
+  }
+  clearHighlights() {
+  }
+  updateStatus(e) {
+    const t = this.searchUI?.querySelector(".search-status");
+    t && (t.textContent = e);
+  }
+  destroy() {
+    this.searchUI && this.searchUI.parentNode && this.searchUI.parentNode.removeChild(this.searchUI), this.searchUI = null, this.editor = null;
+  }
+}
+class z {
+  constructor() {
+    this.name = "bracket-matching", this.editor = null, this.bracketPairs = {
+      "(": ")",
+      "[": "]",
+      "{": "}",
+      "<": ">"
+    }, this.reverseBracketPairs = {
+      ")": "(",
+      "]": "[",
+      "}": "{",
+      ">": "<"
+    }, this.currentMatch = null;
+  }
+  setup(e) {
+    this.editor = e, e.on("cursor", () => {
+      this.updateBracketMatching();
+    }), e.on("change", () => {
+      this.updateBracketMatching();
+    });
+  }
+  updateBracketMatching() {
+    if (!this.editor) return;
+    const e = this.editor.getCursor(), t = this.editor.getValue();
+    this.clearBracketHighlighting();
+    const s = this.getBracketAtPosition(t, e.position);
+    if (!s) return;
+    const i = this.findMatchingBracket(t, s);
+    i && (this.currentMatch = i, this.highlightBrackets(i));
+  }
+  getBracketAtPosition(e, t) {
+    const s = e.split(`
+`);
+    if (t.line >= s.length) return null;
+    const i = s[t.line];
+    if (t.column >= i.length) return null;
+    const r = i[t.column];
+    return this.bracketPairs[r] || this.reverseBracketPairs[r] ? { char: r, position: t } : null;
+  }
+  findMatchingBracket(e, t) {
+    const s = e.split(`
+`), i = t.position.line, r = t.position.column, n = t.char;
+    return this.bracketPairs[n] ? this.findClosingBracket(e, s, i, r, n) : this.reverseBracketPairs[n] ? this.findOpeningBracket(e, s, i, r, n) : null;
+  }
+  findClosingBracket(e, t, s, i, r) {
+    const n = this.bracketPairs[r];
+    let o = 0;
+    for (let a = s; a < t.length; a++) {
+      const l = t[a], c = a === s ? i : 0;
+      for (let g = c; g < l.length; g++) {
+        const d = l[g];
+        if (d === r)
+          o++;
+        else if (d === n && (o--, o === 0))
+          return {
+            open: { start: { line: s, column: i }, end: { line: s, column: i + 1 } },
+            close: { start: { line: a, column: g }, end: { line: a, column: g + 1 } },
+            type: r
+          };
+      }
+    }
+    return null;
+  }
+  findOpeningBracket(e, t, s, i, r) {
+    const n = this.reverseBracketPairs[r];
+    let o = 0;
+    for (let a = s; a >= 0; a--) {
+      const l = t[a], c = a === s ? i : l.length - 1;
+      for (let g = c; g >= 0; g--) {
+        const d = l[g];
+        if (d === r)
+          o++;
+        else if (d === n && (o--, o === 0))
+          return {
+            open: { start: { line: a, column: g }, end: { line: a, column: g + 1 } },
+            close: { start: { line: s, column: i }, end: { line: s, column: i + 1 } },
+            type: n
+          };
+      }
+    }
+    return null;
+  }
+  highlightBrackets(e) {
+  }
+  clearBracketHighlighting() {
+    this.currentMatch = null;
+  }
+  getCurrentMatch() {
+    return this.currentMatch;
+  }
+  destroy() {
+    this.clearBracketHighlighting(), this.editor = null;
+  }
+}
+class q {
+  constructor() {
+    this.name = "code-folding", this.editor = null, this.foldIndicators = [], this.foldingUI = null;
+  }
+  setup(e) {
+    this.editor = e, e.registerCommand("fold", () => {
+      this.foldAtCursor();
+    }), e.registerCommand("unfold", () => {
+      this.unfoldAtCursor();
+    }), e.registerCommand("foldAll", () => {
+      this.foldAll();
+    }), e.registerCommand("unfoldAll", () => {
+      this.unfoldAll();
+    }), e.on("change", () => {
+      this.updateFoldIndicators();
+    }), this.createFoldingUI(), this.updateFoldIndicators();
+  }
+  createFoldingUI() {
+    if (!this.editor) return;
+    const e = document.querySelector(".rte-source-editor-modal");
+    e && (this.foldingUI = document.createElement("div"), this.foldingUI.style.cssText = `
+      position: absolute;
+      left: 40px;
+      top: 0;
+      bottom: 0;
+      width: 20px;
+      pointer-events: none;
+      z-index: 2;
+    `, e.appendChild(this.foldingUI));
+  }
+  updateFoldIndicators() {
+    if (!this.editor || !this.foldingUI) return;
+    this.foldingUI.innerHTML = "", this.foldIndicators = [];
+    const e = this.editor.getValue().split(`
+`);
+    this.findFoldableLines(e).forEach((t) => {
+      this.createFoldIndicator(t);
+    });
+  }
+  findFoldableLines(e) {
+    const t = [];
+    for (let s = 0; s < e.length; s++) {
+      const i = e[s].trim();
+      (i.startsWith("{") || i.startsWith("function") || i.startsWith("class") || i.startsWith("if") || i.includes("=>") || i.startsWith("for") || i.startsWith("while") || i.startsWith("try")) && t.push(s);
+    }
+    return t;
+  }
+  createFoldIndicator(e) {
+    if (!this.foldingUI) return;
+    const t = document.createElement("div");
+    t.style.cssText = `
+      position: absolute;
+      left: 0;
+      top: ${e * 21}px;
+      width: 20px;
+      height: 21px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      pointer-events: auto;
+      color: var(--editor-gutter-foreground, #858585);
+      font-size: 10px;
+      user-select: none;
+    `, t.innerHTML = "▶", t.title = "Code folding not yet implemented - click shows fold indicators", t.addEventListener("click", () => {
+    }), this.foldingUI.appendChild(t), this.foldIndicators.push(t);
+  }
+  foldAtCursor() {
+  }
+  unfoldAtCursor() {
+  }
+  foldAll() {
+  }
+  unfoldAll() {
+  }
+  destroy() {
+    this.foldingUI && this.foldingUI.parentNode && this.foldingUI.parentNode.removeChild(this.foldingUI), this.foldingUI = null, this.foldIndicators = [], this.editor = null;
+  }
+}
+class _ {
+  constructor() {
+    this.name = "syntax-highlighting", this.editor = null, this.currentTheme = "dark", this.currentLanguage = null, this.modes = /* @__PURE__ */ new Map();
+  }
+  setup(e) {
+    this.editor = e, this.registerMode("html", { name: "html", highlight: (t, s) => this._highlightHTML(t, s) }), this.registerMode("javascript", { name: "javascript", highlight: (t, s) => this._highlightJS(t, s) }), this.registerMode("typescript", { name: "typescript", highlight: (t, s) => this._highlightJS(t, s) }), this.registerMode("php", { name: "php", highlight: (t, s) => this._highlightPHP(t, s) });
+  }
+  // Extension provides methods that can be called by the editor
+  setTheme(e) {
+    this.currentTheme = e;
+  }
+  setLanguage(e) {
+    this.currentLanguage = e;
+  }
+  registerMode(e, t) {
+    this.modes.set(e.toLowerCase(), t);
+  }
+  // Method to get syntax highlighting colors for a given theme
+  getSyntaxColors() {
+    return this.currentTheme === "dark" ? {
+      tag: "#569cd6",
+      // Blue
+      comment: "#6a9955",
+      // Green
+      attrName: "#9cdcfe",
+      // Light blue for attribute names
+      attrValue: "#ce9178",
+      // Orange for attribute values
+      styleProp: "#c586c0",
+      // Purple for CSS property names
+      styleVal: "#dcdcaa",
+      // Yellow-ish for CSS values
+      doctype: "#808080",
+      // Gray for doctype
+      text: "#d4d4d4",
+      // Light gray for normal text
+      keyword: "#c586c0",
+      // JS/PHP keywords (purple)
+      string: "#ce9178",
+      // JS strings
+      number: "#b5cea8",
+      // numbers
+      variable: "#9cdcfe"
+      // php variable color
+    } : {
+      tag: "#0000ff",
+      // Blue
+      comment: "#008000",
+      // Green
+      attrName: "#001080",
+      attrValue: "#a31515",
+      // Red
+      styleProp: "#6a00a8",
+      styleVal: "#804000",
+      doctype: "#444444",
+      text: "#000000",
+      // Black
+      keyword: "#000080",
+      string: "#a31515",
+      number: "#0086b3",
+      variable: "#001080"
+    };
+  }
+  // Public API: highlight a source string using the chosen mode (or detect html)
+  highlight(e, t) {
+    const s = this.getSyntaxColors(), i = (t || this.currentLanguage || "html").toLowerCase();
+    return (this.modes.get(i) || this.modes.get("html")).highlight(e, s);
+  }
+  // Backwards-compatible method
+  highlightHTML(e) {
+    return this.highlight(e, "html");
+  }
+  // --- Internal mode implementations ---
+  escapeHTML(e) {
+    return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
+  }
+  // Robustly unescape common HTML entities, repeating a few times to handle nested encoding like &amp;amp;...
+  unescapeEntitiesRepeated(e) {
+    let t = e || "";
+    for (let s = 0; s < 5; s++) {
+      const i = t;
+      if (t = t.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'"), t === i) break;
+    }
+    return t;
+  }
+  _highlightHTML(e, t) {
+    const s = t, i = (l) => this.escapeHTML(l);
+    let r = i(e);
+    const n = (l) => {
+      let c = l.replace(/&quot;/g, '"').replace(/&#39;/g, "'");
+      return c = c.replace(/(\/\*[\s\S]*?\*\/)/g, `<span style="color: ${s.comment};">$1</span>`), c = c.replace(/([a-zA-Z-]+)(\s*:\s*)([^;{]+)(;?)/g, (g, d, u, h, f) => {
+        const m = String(h).trim(), x = i(m);
+        return `<span style="color: ${s.styleProp};">${d}</span>${u}<span style="color: ${s.styleVal};">${x}</span>${f}`;
+      }), c;
+    }, o = [];
+    try {
+      e.replace(/<script\b([^>]*)>([\s\S]*?)<\/script>/gi, (l, c, g) => (o.push({ attrs: String(c || ""), inner: String(g || "") }), l));
+    } catch {
+    }
+    let a = 0;
+    return r = r.replace(/(&lt;script\b([^&>]*)&gt;)([\s\S]*?)(&lt;\/script&gt;)/gi, (l, c, g, d, u) => {
+      const h = o[a++]?.inner ?? this.unescapeEntitiesRepeated(d || "");
+      (o[a - 1]?.attrs || g || "").toLowerCase();
+      const f = this._highlightJS(h, s);
+      return `${c}${f}${u}`;
+    }), r = r.replace(/(&lt;style\b[^&]*&gt;)([\s\S]*?)(&lt;\/style&gt;)/gi, (l, c, g, d) => {
+      const u = n(g);
+      return `${c}${u}${d}`;
+    }), r = r.replace(/(&lt;!--[\s\S]*?--&gt;)/g, `<span style="color: ${s.comment};">$1</span>`), r = r.replace(/(&lt;!DOCTYPE[\s\S]*?&gt;)/i, `<span style="color: ${s.doctype};">$1</span>`), r = r.replace(/(&lt;\/?\s*)([^\s&>\/]+)([\s\S]*?)(\/?&gt;)/g, (l, c, g, d, u) => {
+      const h = `<span style="color: ${s.tag};">${g}</span>`;
+      let f = d;
+      return f = f.replace(/([\w:-]+)(\s*=\s*)((&quot;[\s\S]*?&quot;|&#39;[\s\S]*?&#39;|[^\s&>]+))/g, (m, x, k, y) => {
+        const C = String(x).toLowerCase(), L = `<span style="color: ${s.attrName};">${x}</span>`;
+        let w = y, b = "";
+        y.startsWith("&quot;") && y.endsWith("&quot;") ? (w = y.slice(6, -6), b = "&quot;") : y.startsWith("&#39;") && y.endsWith("&#39;") && (w = y.slice(5, -5), b = "&#39;");
+        let T = y;
+        if (C === "style") {
+          const S = w.replace(/([\w-]+)\s*:\s*([^;]+)(;?)/g, (E, p, M, $) => `<span style="color: ${s.styleProp};">${p}</span>:<span style="color: ${s.styleVal};">${M.trim()}</span>${$}`);
+          b ? T = `${b}${S}${b}` : T = S, T = `<span style="color: ${s.attrValue};">${T}</span>`;
+        } else
+          b && (T = `${b}${w}${b}`), T = `<span style="color: ${s.attrValue};">${T}</span>`;
+        return `${L}${k}${T}`;
+      }), `${c}${h}${f}${u}`;
+    }), r;
+  }
+  _highlightJS(e, t) {
+    const s = this.unescapeEntitiesRepeated(e);
+    this.escapeHTML(s);
+    const i = [], r = (d) => {
+      let u = "", h = d;
+      do
+        u = String.fromCharCode(97 + h % 26) + u, h = Math.floor(h / 26) - 1;
+      while (h >= 0);
+      return u || "a";
+    }, n = (d) => `\0${r(d)}\0`, o = (d) => {
+      const u = i.length;
+      return i.push(d), n(u);
+    };
+    let a;
+    const l = /(\/\*[\s\S]*?\*\/)|(\/\/[^\n\r]*)|("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|`(?:\\.|[^`\\])*`)/g;
+    let c = 0, g = "";
+    for (; a = l.exec(s); ) {
+      const d = a.index;
+      c < d && (g += this.escapeHTML(s.slice(c, d)));
+      const u = a[0];
+      /^\/\*/.test(u) || /^\/\//.test(u) ? g += o(`<span style="color: ${t.comment};">${this.escapeHTML(u)}</span>`) : g += o(`<span style="color: ${t.string};">${this.escapeHTML(u)}</span>`), c = l.lastIndex;
+    }
+    return c < s.length && (g += this.escapeHTML(s.slice(c))), g = g.replace(/\b(0x[0-9a-fA-F]+|\d+\.?\d*|\d*\.\d+)\b/g, (d, u, h) => {
+      const f = g[h - 1] || "", m = g[h + d.length] || "";
+      return f === "&" || f === "#" || m === ";" || m === "#" ? d : `<span style="color: ${t.number};">${d}</span>`;
+    }), g = g.replace(/\b(const|let|var|function|class|if|else|return|for|while|switch|case|break|import|from|export|extends|new|try|catch|finally|throw|await|async|interface|type)\b/g, `<span style="color: ${t.keyword};">$1</span>`), g.replace(/\u0000([a-z]+)\u0000/g, (d, u) => {
+      let h = 0;
+      for (let f = 0; f < u.length; f++)
+        h = h * 26 + (u.charCodeAt(f) - 97 + 1);
+      return h = h - 1, i[h] || "";
+    });
+  }
+  _highlightPHP(e, t) {
+    const s = this.unescapeEntitiesRepeated(e);
+    let i = this.escapeHTML(s);
+    const r = [], n = (h) => {
+      let f = "", m = h;
+      do
+        f = String.fromCharCode(97 + m % 26) + f, m = Math.floor(m / 26) - 1;
+      while (m >= 0);
+      return f || "a";
+    }, o = (h) => {
+      const f = r.length;
+      return r.push(h), `\0${n(f)}\0`;
+    }, a = (h, f) => {
+      const m = i.indexOf(h);
+      return m === -1 ? !1 : (i = i.slice(0, m) + f + i.slice(m + h.length), !0);
+    };
+    let l;
+    const c = /\/\*[\s\S]*?\*\//g, g = /\/\/[^\n\r]*/g, d = /\#([^\n\r]*)/g, u = /("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')/g;
+    for (; l = c.exec(s); ) {
+      const h = l[0];
+      a(this.escapeHTML(h), o(`<span style="color: ${t.comment};">${this.escapeHTML(h)}</span>`));
+    }
+    for (; l = g.exec(s); ) {
+      const h = l[0];
+      a(this.escapeHTML(h), o(`<span style="color: ${t.comment};">${this.escapeHTML(h)}</span>`));
+    }
+    for (; l = d.exec(s); ) {
+      const h = l[0];
+      a(this.escapeHTML(h), o(`<span style="color: ${t.comment};">${this.escapeHTML(h)}</span>`));
+    }
+    for (; l = u.exec(s); ) {
+      const h = l[0];
+      a(this.escapeHTML(h), o(`<span style="color: ${t.string};">${this.escapeHTML(h)}</span>`));
+    }
+    return i = i.replace(/(\$[a-zA-Z_\x80-\xff][a-zA-Z0-9_\x80-\xff]*)/g, `<span style="color: ${t.variable};">$1</span>`), i = i.replace(/\b(echo|print|function|class|if|else|elseif|foreach|as|return|namespace|use|new|extends|public|protected|private|static)\b/g, `<span style="color: ${t.keyword};">$1</span>`), i = i.replace(/\u0000([a-z]+)\u0000/g, (h, f) => {
+      let m = 0;
+      for (let x = 0; x < f.length; x++)
+        m = m * 26 + (f.charCodeAt(x) - 97 + 1);
+      return m = m - 1, r[m] || "";
+    }), i;
+  }
+  // Method to check if content contains syntax that should be highlighted
+  shouldHighlight(e) {
+    return /<\/?[\w:-]+|<!--/.test(e);
+  }
+  destroy() {
+    this.editor = null, this.modes.clear();
+  }
+}
+function F(v, e) {
+  const t = { ...e };
+  return t.extensions || (t.extensions = []), t.extensions.some((s) => s.name === "keymap") || t.extensions.unshift(new N(t.keymap)), t.extensions.some((s) => s.name === "transaction") || t.extensions.unshift(new B()), new I(v, t);
+}
+const O = '[data-theme="dark"], .dark, .editora-theme-dark', D = `/* Source Editor Dialog Styles */
+.rte-source-editor-overlay {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  background-color: rgba(0, 0, 0, 0.6) !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  z-index: 10000 !important;
+  padding: 20px !important;
+  box-sizing: border-box !important;
+  margin: 0 !important;
+}
+
+.rte-source-editor-overlay.fullscreen {
+  padding: 0 !important;
+}
+
+.rte-source-editor-modal {
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+  width: 100%;
+  max-width: 1200px;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+}
+
+.rte-source-editor-overlay.fullscreen .rte-source-editor-modal {
+  border-radius: 0;
+  max-width: 100%;
+  max-height: 100vh;
+  width: 100%;
+  height: 100vh;
+}
+
+.rte-source-editor-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e1e5e9;
+  background: #f8f9fa;
+  border-radius: 8px 8px 0 0;
+}
+
+.rte-source-editor-overlay.fullscreen .rte-source-editor-header {
+  border-radius: 0;
+}
+
+.rte-source-editor-header h2 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #1a1a1a;
+}
+
+.rte-source-editor-header-toolbar {
+  display: flex;
+  gap: 8px;
+  margin-left: auto;
+  margin-right: 16px;
+}
+
+.rte-source-editor-toolbar-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 4px;
+  font-size: 16px;
+  line-height: 1;
+  transition: all 0.2s ease;
+  color: #666;
+}
+
+.rte-source-editor-toolbar-btn:hover:not(:disabled) {
+  background: #e1e5e9;
+  color: #1a1a1a;
+}
+
+.rte-source-editor-toolbar-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.rte-source-editor-toolbar-btn.active {
+  background: #007acc;
+  color: white;
+}
+
+.rte-source-editor-toolbar-btn.active:hover {
+  background: #0056b3;
+}
+
+.rte-source-editor-header-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.rte-source-editor-fullscreen-btn,
+.rte-source-editor-close-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  color: #666;
+  font-size: 16px;
+  line-height: 1;
+  transition: all 0.2s ease;
+}
+
+.rte-source-editor-fullscreen-btn:hover,
+.rte-source-editor-close-btn:hover {
+  background: #e1e5e9;
+  color: #1a1a1a;
+}
+
+.rte-source-editor-body {
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.rte-source-editor-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px;
+  color: #666;
+  position: absolute;
+  z-index: 9;
+  margin: 0 auto;
+  width: 100%;
+  top: 44%;
+}
+
+.rte-source-editor-spinner {
+  width: 32px;
+  height: 32px;
+  border: 3px solid #e1e5e9;
+  border-top: 3px solid #007acc;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-bottom: 16px;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.rte-source-editor-error {
+  background: #fee;
+  color: #c53030;
+  padding: 12px 16px;
+  border-left: 4px solid #c53030;
+  margin: 16px;
+  border-radius: 4px;
+  font-size: 14px;
+}
+
+.rte-source-editor-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.rte-source-editor-warning {
+  background: #fefcbf;
+  color: #744210;
+  padding: 8px 16px;
+  font-size: 12px;
+  font-weight: 500;
+  border-bottom: 1px solid #f6e05e;
+}
+
+.rte-source-editor-codemirror {
+  flex: 1;
+  overflow: auto;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.rte-source-editor-codemirror .cm-editor {
+  height: 100%;
+}
+
+.rte-source-editor-codemirror .cm-focused {
+  outline: none;
+}
+
+.rte-source-editor-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-top: 1px solid #e1e5e9;
+  background: #f8f9fa;
+  border-radius: 0 0 8px 8px;
+}
+
+.rte-source-editor-overlay.fullscreen .rte-source-editor-footer {
+  border-radius: 0;
+}
+
+.rte-source-editor-footer-info {
+  font-size: 12px;
+  color: #666;
+}
+
+.unsaved-changes {
+  color: #d69e2e;
+  font-weight: 500;
+}
+
+.rte-source-editor-footer-actions {
+  display: flex;
+  gap: 12px;
+}
+
+.rte-source-editor-btn {
+  padding: 8px 16px;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  border: 1px solid transparent;
+  transition: all 0.2s ease;
+}
+
+.rte-source-editor-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.rte-source-editor-btn-cancel {
+  background: white;
+  border-color: #d1d5db;
+  color: #374151;
+}
+
+.rte-source-editor-btn-cancel:hover:not(:disabled) {
+  background: #f9fafb;
+  border-color: #9ca3af;
+}
+
+.rte-source-editor-btn-save {
+  background: #007acc;
+  color: white;
+}
+
+.rte-source-editor-btn-save:hover:not(:disabled) {
+  background: #0056b3;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-modal {
+  background: #1e1e1e;
+  color: #f8f9fa;
+  border: 1px solid #434d5f;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-header,
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-footer {
+  background: #2a3442;
+  border-color: #434d5f;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-header h2 {
+  color: #f8f9fa;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-toolbar-btn,
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-fullscreen-btn,
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-close-btn {
+  color: #c1cede;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-toolbar-btn:hover:not(:disabled),
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-fullscreen-btn:hover,
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-close-btn:hover {
+  background: #404a5a;
+  color: #f8fafc;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-toolbar-btn.active {
+  background: #3b82f6;
+  color: #ffffff;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-toolbar-btn.active:hover {
+  background: #2563eb;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-loading,
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-footer-info {
+  color: #cbd5e1;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-spinner {
+  border-color: #3f4b60;
+  border-top-color: #58a6ff;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-error {
+  background: #3f2124;
+  color: #fecaca;
+  border-color: #ef4444;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-warning {
+  background: #3b3220;
+  color: #fde68a;
+  border-color: #f59e0b;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-btn-cancel {
+  background: #334155;
+  border-color: #475569;
+  color: #f1f5f9;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-btn-cancel:hover:not(:disabled) {
+  background: #475569;
+  border-color: #64748b;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-btn-save {
+  background: #3b82f6;
+}
+
+.rte-source-editor-overlay.rte-theme-dark .rte-source-editor-btn-save:hover:not(:disabled) {
+  background: #2563eb;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+  .rte-source-editor-overlay {
+    padding: 10px;
+  }
+
+  .rte-source-editor-modal {
+    max-height: 95vh;
+  }
+
+  .rte-source-editor-header {
+    padding: 12px 16px;
+  }
+
+  .rte-source-editor-footer {
+    padding: 12px 16px;
+    flex-direction: column;
+    gap: 12px;
+    align-items: stretch;
+  }
+
+  .rte-source-editor-footer-actions {
+    justify-content: stretch;
+  }
+
+  .rte-source-editor-btn {
+    flex: 1;
+    text-align: center;
+  }
+}`, W = () => ({
+  name: "code",
+  // Toolbar button configuration
+  toolbar: [
+    {
+      label: "Source",
+      command: "toggleSourceView",
+      type: "button",
+      icon: "<>",
+      shortcut: "Mod-Shift-S"
+    }
+  ],
+  // Native command implementations
+  commands: {
+    /**
+     * Toggle HTML source view
+     * Opens a dialog to edit raw HTML
+     */
+    toggleSourceView: () => {
+      const e = (() => {
+        const r = window.getSelection();
+        if (r && r.anchorNode) {
+          let o = r.anchorNode instanceof HTMLElement ? r.anchorNode : r.anchorNode.parentElement;
+          for (; o; ) {
+            if (o.classList?.contains("rte-content"))
+              return o;
+            o = o.parentElement;
+          }
+        }
+        if (document.activeElement) {
+          let o = document.activeElement;
+          if (o.classList?.contains("rte-content"))
+            return o;
+          for (; o && o !== document.body; ) {
+            if (o.classList?.contains("rte-content"))
+              return o;
+            const a = o.querySelector(".rte-content");
+            if (a) return a;
+            o = o.parentElement;
+          }
+        }
+        const n = document.querySelector("[data-editora-editor]");
+        if (n) {
+          const o = n.querySelector(".rte-content");
+          if (o) return o;
+        }
+        return document.querySelector(".rte-content");
+      })();
+      if (!e)
+        return console.error("[CodePlugin] Editor content area not found"), alert("Editor content area not found. Please click inside the editor first."), !1;
+      const t = e.innerHTML, s = (r) => {
+        let n = "", o = 0;
+        const a = 2, l = r.split(/(<\/?[a-zA-Z][^>]*>)/);
+        for (const c of l)
+          c.trim() && (c.match(/^<\/[a-zA-Z]/) ? (o = Math.max(0, o - 1), n += `
+` + " ".repeat(o * a) + c) : c.match(/^<[a-zA-Z]/) && !c.match(/\/>$/) ? (n += `
+` + " ".repeat(o * a) + c, o++) : c.match(/^<[a-zA-Z].*\/>$/) ? n += `
+` + " ".repeat(o * a) + c : n += c.trim());
+        return n.trim();
+      };
+      return (() => {
+        let r = null, n = "dark", o = !1, a = !1, l = !1;
+        const c = t, g = !!e.closest(O) || document.body.matches(O) || document.documentElement.matches(O), d = document.createElement("div");
+        d.className = "rte-source-editor-overlay", g && d.classList.add("rte-theme-dark");
+        const u = document.createElement("div");
+        u.className = "rte-source-editor-modal", u.setAttribute("role", "dialog"), u.setAttribute("aria-modal", "true"), u.setAttribute("aria-labelledby", "source-editor-title");
+        const h = document.createElement("div");
+        h.className = "rte-source-editor-header", h.innerHTML = `
+          <h2 id="source-editor-title">Source Editor</h2>
+          <div class="rte-source-editor-header-toolbar">
+            <button class="rte-source-editor-toolbar-btn theme-toggle-btn" title="Switch theme">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="5"/>
+                <line x1="12" y1="1" x2="12" y2="3"/>
+                <line x1="12" y1="21" x2="12" y2="23"/>
+                <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
+                <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
+                <line x1="1" y1="12" x2="3" y2="12"/>
+                <line x1="21" y1="12" x2="23" y2="12"/>
+                <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
+                <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
+              </svg>
+            </button>
+            <button class="rte-source-editor-toolbar-btn readonly-toggle-btn" title="Toggle read-only">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+                <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+              </svg>
+            </button>
+          </div>
+          <div class="rte-source-editor-header-actions">
+            <button class="rte-source-editor-fullscreen-btn" title="Toggle fullscreen">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/>
+              </svg>
+            </button>
+            <button class="rte-source-editor-close-btn" aria-label="Close source editor">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <line x1="18" y1="6" x2="6" y2="18"/>
+                <line x1="6" y1="6" x2="18" y2="18"/>
+              </svg>
+            </button>
+          </div>
+        `;
+        const f = document.createElement("div");
+        f.className = "rte-source-editor-body";
+        const m = document.createElement("div");
+        m.className = "rte-source-editor-content";
+        const x = document.createElement("div");
+        x.className = "rte-source-editor-warning", x.textContent = "⚠️ Advanced users only. Invalid HTML may break the editor.";
+        const k = document.createElement("div");
+        k.className = "rte-source-editor-light-editor", k.style.height = "400px", m.appendChild(x), m.appendChild(k), f.appendChild(m);
+        const y = document.createElement("div");
+        if (y.className = "rte-source-editor-footer", y.innerHTML = `
+          <div class="rte-source-editor-footer-info">
+            <span class="unsaved-changes" style="display: none;">• Unsaved changes</span>
+          </div>
+          <div class="rte-source-editor-footer-actions">
+            <button class="rte-source-editor-btn rte-source-editor-btn-cancel">Cancel</button>
+            <button class="rte-source-editor-btn rte-source-editor-btn-save">Save</button>
+          </div>
+        `, u.appendChild(h), u.appendChild(f), u.appendChild(y), d.appendChild(u), !document.getElementById("rte-source-editor-styles")) {
+          const p = document.createElement("style");
+          p.id = "rte-source-editor-styles", p.textContent = D, document.head.appendChild(p);
+        }
+        document.body.appendChild(d);
+        try {
+          r = F(k, {
+            value: s(t),
+            theme: "dark",
+            readOnly: !1,
+            extensions: [
+              new K(),
+              new A(),
+              new V(),
+              new z(),
+              new U(),
+              new q(),
+              new _()
+            ]
+          }), r.on("change", () => {
+            l = (r?.getValue() || "") !== s(c);
+            const M = y.querySelector(".unsaved-changes");
+            M && (M.style.display = l ? "inline" : "none");
+          }), setTimeout(() => r?.focus(), 100);
+        } catch (p) {
+          console.error("Failed to initialize code editor:", p);
+        }
+        const C = () => {
+          n = n === "dark" ? "light" : "dark", r?.setTheme(n);
+          const p = h.querySelector(".theme-toggle-btn");
+          p && n === "light" && (p.innerHTML = `
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+              </svg>
+            `);
+        }, L = () => {
+          o = !o, r?.setReadOnly(o);
+          const p = h.querySelector(".readonly-toggle-btn");
+          p && (o ? (p.classList.add("active"), p.innerHTML = `
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
+                  <circle cx="12" cy="16" r="1"/>
+                  <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+                </svg>
+              `) : (p.classList.remove("active"), p.innerHTML = `
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
+                  <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
+                </svg>
+              `));
+        }, w = () => {
+          a = !a, a ? (d.classList.add("fullscreen"), k.style.height = "calc(100vh - 200px)") : (d.classList.remove("fullscreen"), k.style.height = "400px");
+          const p = h.querySelector(".rte-source-editor-fullscreen-btn");
+          p && (p.innerHTML = a ? `
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 0 2-2h3M3 16h3a2 2 0 0 0 2 2v3"/>
+              </svg>
+            ` : `
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/>
+              </svg>
+            `);
+        }, b = () => {
+          r && (r.destroy(), r = null), document.body.removeChild(d);
+        }, T = () => {
+          l && !confirm("You have unsaved changes. Are you sure you want to cancel?") || b();
+        }, S = () => {
+          try {
+            const p = r?.getValue() || "", M = document.createElement("div");
+            M.innerHTML = p, M.querySelectorAll('script, iframe[src^="javascript:"], object, embed').forEach((P) => P.remove()), e.innerHTML = M.innerHTML, l = !1, b();
+          } catch (p) {
+            alert("Failed to update HTML. Please check your syntax."), console.error("HTML update error:", p);
+          }
+        };
+        h.querySelector(".theme-toggle-btn")?.addEventListener("click", C), h.querySelector(".readonly-toggle-btn")?.addEventListener("click", L), h.querySelector(".rte-source-editor-fullscreen-btn")?.addEventListener("click", w), h.querySelector(".rte-source-editor-close-btn")?.addEventListener("click", b), y.querySelector(".rte-source-editor-btn-cancel")?.addEventListener("click", T), y.querySelector(".rte-source-editor-btn-save")?.addEventListener("click", S), d.addEventListener("click", (p) => {
+          p.target === d && b();
+        });
+        const E = (p) => {
+          p.key === "Escape" && (b(), document.removeEventListener("keydown", E));
+        };
+        document.addEventListener("keydown", E);
+      })(), !0;
+    }
+  },
+  // Keyboard shortcuts
+  keymap: {
+    "Mod-Shift-s": "toggleSourceView",
+    "Mod-Shift-S": "toggleSourceView"
+  }
+});
+export {
+  W as CodePlugin
+};