ckeditor5-blazor 1.1.0 → 1.2.0

package/dist/index.mjs

@@ -3,7 +3,7 @@ class b extends Error {
     super(t), this.name = "CKEditor5BlazorError";
   }
 }
-class j {
+class _ {
   /**
    * Map of registered items.
    */
@@ -273,7 +273,7 @@ function M(r) {
     disconnect: () => t?.disconnect()
   };
 }
-function D(r) {
+function O(r) {
   r.setAttribute("data-cke-interactive", "true");
 }
 const x = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
@@ -301,7 +301,7 @@ async function nt({ element: r, context: t, creator: e, config: i }) {
 function ot(r) {
   return x in r ? r[x] : null;
 }
-function H(r) {
+function j(r) {
   return Array.from(r.model.document.getRoots()).reduce((t, e) => (e.rootName === "$graveyard" || (t[e.rootName] = r.getData({ rootName: e.rootName })), t), /* @__PURE__ */ Object.create({}));
 }
 function A(r) {
@@ -319,8 +319,8 @@ async function L(r) {
     throw new b(`Unsupported editor type: ${r}`);
   return i;
 }
-class $ {
-  static the = new $();
+class R {
+  static the = new R();
   /**
    * Map of registered custom plugins.
    */
@@ -379,11 +379,11 @@ class $ {
     return this.plugins.has(t);
   }
 }
-async function J(r) {
+async function H(r) {
   const t = await import("ckeditor5");
   let e = null;
   const i = r.map(async (a) => {
-    const n = await $.the.get(a);
+    const n = await R.the.get(a);
     if (n)
       return n;
     const { [a]: o } = t;
@@ -405,17 +405,17 @@ async function J(r) {
     hasPremium: !!e
   };
 }
-async function U(r, t) {
+async function J(r, t) {
   const e = [r.ui, r.content];
   return await Promise.all(
     [
-      F("ckeditor5", e),
+      q("ckeditor5", e),
       /* v8 ignore next -- @preserve */
-      t && F("ckeditor5-premium-features", e)
+      t && q("ckeditor5-premium-features", e)
     ].filter((a) => !!a)
   ).then((a) => a.flat());
 }
-async function F(r, t) {
+async function q(r, t) {
   return await Promise.all(
     t.filter((e) => e !== "en").map(async (e) => {
       const i = await st(r, e);
@@ -735,7 +735,7 @@ function Y(r) {
   const t = X(r);
   return V(t, ({ element: e }) => e);
 }
-function _(r) {
+function U(r) {
   const t = X(r), e = V(t, ({ content: i }) => i);
   return et(e, (i) => typeof i == "string");
 }
@@ -823,7 +823,7 @@ async function lt(r) {
 function dt(r) {
   return N in r ? r[N] : null;
 }
-class v extends j {
+class v extends _ {
   static the = new v();
 }
 class mt extends HTMLElement {
@@ -845,8 +845,8 @@ class mt extends HTMLElement {
    * Initializes the context component.
    */
   async initializeContext() {
-    const t = this.getAttribute("data-cke-context-id"), e = JSON.parse(this.getAttribute("data-cke-language")), i = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: a, watchdogConfig: n, config: { plugins: o, ...c } } = i, { loadedPlugins: u, hasPremium: s } = await J(o ?? []), p = [
-      ...await U(e, s),
+    const t = this.getAttribute("data-cke-context-id"), e = JSON.parse(this.getAttribute("data-cke-language")), i = JSON.parse(this.getAttribute("data-cke-context")), { customTranslations: a, watchdogConfig: n, config: { plugins: o, ...c } } = i, { loadedPlugins: u, hasPremium: s } = await H(o ?? []), p = [
+      ...await J(e, s),
       K(a || {})
     ].filter((f) => !B(f));
     this.contextPromise = (async () => {
@@ -862,8 +862,8 @@ class mt extends HTMLElement {
         ...p.length && {
           translations: p
         }
-      }), h.on("itemError", (...O) => {
-        console.error("Context item error:", ...O);
+      }), h.on("itemError", (...D) => {
+        console.error("Context item error:", ...D);
       }), h;
     })();
     const E = await this.contextPromise;
@@ -883,7 +883,7 @@ class mt extends HTMLElement {
     }
   }
 }
-class m extends j {
+class m extends _ {
   static the = new m();
 }
 class ht extends HTMLElement {
@@ -1006,7 +1006,7 @@ async function pt({
         new g({
           editorId: t,
           editor: n,
-          roots: H(n)
+          roots: j(n)
         })
       );
     };
@@ -1128,7 +1128,7 @@ class ft extends HTMLElement {
         this.editorPromise = Promise.resolve(k), m.the.register(t, k);
       });
     }
-    const { loadedPlugins: y, hasPremium: O } = await J(E);
+    const { loadedPlugins: y, hasPremium: D } = await H(E);
     y.push(
       await pt({
         saveDebounceMs: n,
@@ -1139,21 +1139,21 @@ class ft extends HTMLElement {
       await wt(n)
     );
     const S = [
-      ...await U(o, O),
+      ...await J(o, D),
       K(s || {})
     ].filter((d) => !B(d));
     let C = {
       ...u,
-      ..._(t)
+      ...U(t)
     };
     A(l) && (C = C.main || "");
-    const R = await (async () => {
+    const $ = await (async () => {
       let d = Y(t);
       if (!d.main) {
-        const q = A(l) ? ["main"] : Object.keys(C);
-        Q(d, q) || (d = await gt(t, q), C = {
+        const F = A(l) ? ["main"] : Object.keys(C);
+        Q(d, F) || (d = await gt(t, F), C = {
           ...u,
-          ..._(t)
+          ...U(t)
         });
       }
       A(l) && "main" in d && (d = d.main);
@@ -1176,7 +1176,7 @@ class ft extends HTMLElement {
         config: W
       })).editor;
     })();
-    return A(l) && a && ut(R, a), R;
+    return A(l) && a && ut($, a), $;
   }
 }
 function Q(r, t) {
@@ -1246,8 +1246,8 @@ function kt() {
   for (const [r, t] of Object.entries(Et))
     window.customElements.get(r) || window.customElements.define(r, t);
 }
-function Tt(r) {
-  return D(r), {
+function Ot(r) {
+  return O(r), {
     unmount() {
     }
   };
@@ -1309,7 +1309,7 @@ function tt() {
     }
   };
 }
-function It(r, t) {
+function Dt(r, t) {
   const e = r.getAttribute("data-cke-editor-id"), i = r.getAttribute("data-cke-root-name") ?? "main";
   let a = !1, n = tt(), o = null;
   const c = (s) => {
@@ -1325,7 +1325,7 @@ function It(r, t) {
       applyValue: (l) => s.setData({ [i]: l }),
       isEqual: (l, p) => l === p
     });
-  })(), document.body.addEventListener(g.EVENT_NAME, c), D(r), {
+  })(), document.body.addEventListener(g.EVENT_NAME, c), O(r), {
     /**
      * Cleans up all event listeners when the Blazor component is disposed.
      */
@@ -1341,7 +1341,7 @@ function It(r, t) {
     }
   };
 }
-function Dt(r, t) {
+function St(r, t) {
   const e = r.getAttribute("data-cke-editor-id");
   let i = !1, a = null, n = tt(), o = null;
   const c = (s) => {
@@ -1350,7 +1350,7 @@ function Dt(r, t) {
   return (async () => {
     const s = await m.the.waitFor(e);
     o = globalThis.DotNet.createJSObjectReference(s), n = Z(s, {
-      getCurrentValue: () => H(s),
+      getCurrentValue: () => j(s),
       applyValue: (p) => s.setData(p),
       isEqual: rt
     });
@@ -1361,7 +1361,7 @@ function Dt(r, t) {
     s.ui.focusTracker.on("change:isFocused", l), t.invokeMethodAsync("OnEditorReady", o), a = () => {
       s.ui.focusTracker.off("change:isFocused", l);
     };
-  })(), document.body.addEventListener(g.EVENT_NAME, c), kt(), D(r), {
+  })(), document.body.addEventListener(g.EVENT_NAME, c), kt(), O(r), {
     /**
      * Updates the editor data from Blazor. If the editor is focused, the update is deferred until blur to avoid interrupting the user.
      */
@@ -1373,11 +1373,59 @@ function Dt(r, t) {
      */
     unmount() {
       i || (document.body.removeEventListener(g.EVENT_NAME, c), n.unmount(), a?.(), o && (globalThis.DotNet.disposeJSObjectReference(o), o = null), i = !0);
+    },
+    /**
+     * Installs the custom image upload adapter that delegates uploads to Blazor.
+     * This is called lazily from Blazor when the consumer sets the `OnImageUpload` callback
+     * to avoid unnecessary overhead for consumers that don't use this feature.
+     */
+    attachImageUploadAdapter: async () => {
+      if (i)
+        return;
+      const s = await m.the.waitFor(e);
+      vt(s, t);
     }
   };
 }
-function Ot(r) {
-  return D(r), {
+function vt(r, t) {
+  if (!r.plugins.has("FileRepository"))
+    return;
+  const e = r.plugins.get("FileRepository");
+  e.createUploadAdapter = (i) => {
+    let a = !1;
+    return {
+      async upload() {
+        const n = await i.file;
+        if (a)
+          throw new Error("Upload aborted.");
+        const o = await Ct(n), c = await t.invokeMethodAsync("OnEditorImageUpload", {
+          fileName: n.name,
+          mimeType: n.type,
+          payload: o
+        });
+        if (!c)
+          throw new Error(
+            "OnImageUpload handler returned null. Make sure the OnImageUpload parameter is set on the <CKE5Editor> component."
+          );
+        return { default: c };
+      },
+      abort() {
+        a = !0;
+      }
+    };
+  };
+}
+function Ct(r) {
+  return new Promise((t, e) => {
+    const i = new FileReader();
+    i.onload = () => {
+      const a = i.result, n = a.split(",")[1] ?? a;
+      t(n);
+    }, i.onerror = () => e(i.error), i.readAsDataURL(r);
+  });
+}
+function xt(r) {
+  return O(r), {
     unmount() {
     }
   };
@@ -1386,15 +1434,15 @@ export {
   b as CKEditor5BlazorError,
   g as CKEditor5ChangeDataEvent,
   v as ContextsRegistry,
-  $ as CustomEditorPluginsRegistry,
+  R as CustomEditorPluginsRegistry,
   ht as EditableComponentElement,
   ft as EditorComponentElement,
   m as EditorsRegistry,
   yt as UIPartComponentElement,
-  Tt as createContextBlazorInterop,
-  It as createEditableBlazorInterop,
-  Dt as createEditorBlazorInterop,
-  Ot as createUIPartBlazorInterop,
+  Ot as createContextBlazorInterop,
+  Dt as createEditableBlazorInterop,
+  St as createEditorBlazorInterop,
+  xt as createUIPartBlazorInterop,
   kt as ensureEditorElementsRegistered
 };
 //# sourceMappingURL=index.mjs.map