@seyamali/aurelia-editor 0.1.1 → 0.1.3

package/dist/code-block-popover-ui-u3iuYqYp.js

@@ -0,0 +1,79 @@
+import { $getSelection as s, $isRangeSelection as r, $getNodeByKey as g } from "lexical";
+import { a as p, S as u, b as h } from "./index-BrE44rnx.js";
+function k(e) {
+  const t = w();
+  document.body.appendChild(t), e.registerUpdateListener(({ editorState: i }) => {
+    i.read(() => {
+      const c = s();
+      if (!r(c)) {
+        a(t);
+        return;
+      }
+      const o = c.anchor.getNode().getParent();
+      if (p(o)) {
+        const n = o.getLanguage();
+        b(t, o.getKey(), n, e);
+      } else
+        a(t);
+    });
+  }), document.addEventListener("click", (i) => {
+    const c = i.target;
+    !t.contains(c) && !c.closest(".code-block-wrapper") && a(t);
+  });
+}
+function w() {
+  const e = document.createElement("div");
+  return e.id = "code-block-popover", e.className = "code-block-popover hidden", e.innerHTML = `
+        <div class="code-block-popover-content">
+            <label class="code-block-label">
+                <span>Language:</span>
+                <select id="code-language-select" class="code-language-select">
+                    ${u.map(
+    (t) => `<option value="${t.value}">${t.label}</option>`
+  ).join("")}
+                </select>
+            </label>
+            <button id="code-block-delete-btn" class="code-block-delete-btn" title="Delete Code Block">
+                🗑️ Delete
+            </button>
+        </div>
+    `, e;
+}
+function b(e, t, i, c) {
+  e.classList.remove("hidden");
+  const l = e.querySelector("#code-language-select");
+  if (l) {
+    const n = l.cloneNode(!0);
+    l.parentNode?.replaceChild(n, l), n.value = i || "plaintext", n.addEventListener("change", () => {
+      const d = n.value;
+      c.dispatchCommand(h, {
+        nodeKey: t,
+        language: d
+      });
+    });
+  }
+  const o = e.querySelector("#code-block-delete-btn");
+  if (o) {
+    const n = o.cloneNode(!0);
+    o.parentNode?.replaceChild(n, o), n.addEventListener("click", () => {
+      c.update(() => {
+        const d = g(t);
+        d && d.remove();
+      }), a(e);
+    });
+  }
+  f(e, t, c);
+}
+function a(e) {
+  e.classList.add("hidden");
+}
+function f(e, t, i) {
+  const c = i.getElementByKey(t);
+  if (!c) return;
+  const l = c.getBoundingClientRect(), o = e.getBoundingClientRect();
+  let n = l.bottom + window.scrollY + 8, d = l.left + window.scrollX;
+  d + o.width > window.innerWidth && (d = window.innerWidth - o.width - 20), n + o.height > window.innerHeight + window.scrollY && (n = l.top + window.scrollY - o.height - 8), e.style.top = `${n}px`, e.style.left = `${d}px`;
+}
+export {
+  k as setupCodeBlockPopover
+};

package/dist/core/engine.d.ts

@@ -3,6 +3,11 @@ import { EditorPlugin } from './registry';
 export declare class AureliaEditor {
     private editor;
     private registry;
+    /**
+     * Static factory method to create a full-featured editor with toolbar and UI.
+     * This is the recommended way to initialize the editor in frameworks like Angular/React.
+     */
+    static create(container: HTMLElement): Promise<AureliaEditor>;
     constructor(element: HTMLDivElement);
     use(plugin: EditorPlugin): void;
     execute(command: any, payload?: any): void;

package/dist/{horizontal-rule-plugin-DdpCd1us.js → horizontal-rule-plugin-Ct8iq55t.js}

@@ -1,4 +1,4 @@
-import { J as r, f as i } from "./index-C9G087KG.js";
+import { J as r, f as i } from "./index-BrE44rnx.js";
 import { $getSelection as n, COMMAND_PRIORITY_EDITOR as a } from "lexical";
 import { $insertNodeToNearestRoot as l } from "@lexical/utils";
 const d = {