@getdraft/plugin 1.14.0 → 1.15.0

package/dist/index.es.js

@@ -1,46 +1,55 @@
-var E = Object.defineProperty;
-var v = (t, e, o) => e in t ? E(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var a = (t, e, o) => v(t, typeof e != "symbol" ? e + "" : e, o);
-const k = "http://localhost:5174", P = "https://seplugin.sendsay.ru", L = async (t) => {
+var O = Object.defineProperty;
+var T = (o, t, e) => t in o ? O(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var a = (o, t, e) => T(o, typeof t != "symbol" ? t + "" : t, e);
+const b = "http://localhost:5174", D = "https://seplugin.sendsay.ru";
+class k extends Error {
+  constructor(e, i) {
+    super(i);
+    a(this, "code");
+    this.name = "DraftError", this.code = e;
+  }
+}
+var H = /* @__PURE__ */ ((o) => (o.Audit = "audit", o.Guide = "guide", o.Style = "style", o.Blocks = "blocks", o))(H || {}), C = /* @__PURE__ */ ((o) => (o.Desktop = "desktop", o.Mobile = "mobile", o))(C || {});
+const x = async (o) => {
   try {
-    const e = await fetch(t, { method: "HEAD" });
-    if (!e.ok)
+    const t = await fetch(o, { method: "HEAD" });
+    if (!t.ok)
       return null;
-    const o = e.headers.get("Content-Length");
-    return o ? parseInt(o, 10) : null;
+    const e = t.headers.get("Content-Length");
+    return e ? parseInt(e, 10) : null;
   } catch {
     return null;
   }
-}, g = (t) => new Promise((e, o) => {
-  const n = new Image();
-  n.onload = async () => {
-    const i = await L(t) ?? 0;
-    e({
-      originalWidth: n.width,
-      originalHeight: n.height,
-      ratio: n.width / n.height,
-      fileSize: i
+}, P = (o) => new Promise((t, e) => {
+  const i = new Image();
+  i.onload = async () => {
+    const n = await x(o) ?? 0;
+    t({
+      originalWidth: i.width,
+      originalHeight: i.height,
+      ratio: i.width / i.height,
+      fileSize: n
     });
-  }, n.onerror = (i) => {
-    o(i);
-  }, n.src = t;
-}), p = (t, e) => {
-  if (t.length !== 1)
-    return t;
-  if (t.charCodeAt(0) >= 880) {
-    if (e.indexOf("Key") === 0 && e.length === 4)
-      return e.charAt(3);
-    if (e.indexOf("Digit") === 0 && e.length === 6)
-      return e.charAt(5);
+  }, i.onerror = (n) => {
+    e(n);
+  }, i.src = o;
+}), A = (o, t) => {
+  if (o.length !== 1)
+    return o;
+  if (o.charCodeAt(0) >= 880) {
+    if (t.indexOf("Key") === 0 && t.length === 4)
+      return t.charAt(3);
+    if (t.indexOf("Digit") === 0 && t.length === 6)
+      return t.charAt(5);
   }
-  return t;
-}, I = (t) => {
-  let e = `${p(t.key, t.code)}`.toLowerCase() || t.key;
-  const o = navigator.userAgent.includes("Mac OS");
-  e === "backspace" && o && (e = "delete");
-  const n = [];
-  return (o && t.metaKey || !o && t.ctrlKey) && n.push("mod"), t.shiftKey && n.push("shift"), n.length > 0 && (e = `${n.join("-")}-${p(e, t.code)}`), e;
-}, b = /* @__PURE__ */ new Set([
+  return o;
+}, z = (o) => {
+  let t = `${A(o.key, o.code)}`.toLowerCase() || o.key;
+  const e = navigator.userAgent.includes("Mac OS");
+  t === "backspace" && e && (t = "delete");
+  const i = [];
+  return (e && o.metaKey || !e && o.ctrlKey) && i.push("mod"), o.shiftKey && i.push("shift"), i.length > 0 && (t = `${i.join("-")}-${A(t, o.code)}`), t;
+}, U = /* @__PURE__ */ new Set([
   "escape",
   "mod-c",
   "mod-d",
@@ -52,199 +61,234 @@ const k = "http://localhost:5174", P = "https://seplugin.sendsay.ru", L = async
   "mod-g",
   "mod-p",
   "mod-s"
-]), A = "1.14.0", C = {
-  version: A
-}, H = () => {
-  var s, r;
-  const t = new RegExp("(^| )seplugin-dev=([^;]+)"), e = document.cookie.match(t), o = (r = e == null ? void 0 : (s = e[2]).toLowerCase) == null ? void 0 : r.call(s);
-  if (o === "true")
-    return k;
-  if (o != null && o.startsWith("https://"))
-    return o;
-  const [n, i] = C.version.split(".");
-  return `${P}/v${n}.${i}`;
-}, D = ({ token: t, pluginId: e, apiUrl: o }) => {
-  if (!t)
+]), L = "1.15.0", M = {
+  version: L
+}, K = () => {
+  var r, s;
+  const o = new RegExp("(^| )seplugin-dev=([^;]+)"), t = document.cookie.match(o), e = (s = t == null ? void 0 : (r = t[2]).toLowerCase) == null ? void 0 : s.call(r);
+  if (e === "true")
+    return b;
+  if (e != null && e.startsWith("https://"))
+    return e;
+  const [i, n] = M.version.split(".");
+  return `${D}/v${i}.${n}`;
+}, N = ({ token: o, pluginId: t, apiUrl: e }) => {
+  if (!o)
     throw new Error("No [token] was provided");
-  if (!e)
+  if (!t)
     throw new Error("No [pluginId] was provided");
-  if (!o)
+  if (!e)
     throw new Error("No [apiUrl] was provided");
-}, O = () => {
-  const t = document.createElement("iframe");
-  return t.src = H(), t.setAttribute(
+}, W = (o) => {
+  const t = document.createElement("iframe"), e = new URL(K());
+  return e.searchParams.set("parentOrigin", o), t.src = e.toString(), t.setAttribute(
     "style",
-    "height:100%;width:100%;min-width:960px;border:0px"
+    "height:100%;width:100%;min-width:960px;border:0px;"
   ), t.setAttribute("allow", "clipboard-read; clipboard-write"), t.setAttribute(
     "sandbox",
-    "allow-scripts allow-same-origin allow-forms allow-popups"
+    "allow-scripts allow-same-origin allow-forms allow-popups allow-downloads"
   ), t;
-};
-class x {
-  constructor(e) {
+}, f = class f {
+  constructor(t) {
     a(this, "iframe", null);
     a(this, "hotkeysAttached", !1);
-    a(this, "onHostHotkey", (e) => {
-      var c;
-      if (!this.captureHotkeysEnabled() || !((c = this.iframe) != null && c.contentWindow))
+    a(this, "iframeOrigin", null);
+    a(this, "onHostHotkey", (t) => {
+      var l;
+      if (!this.captureHotkeysEnabled() || !((l = this.iframe) != null && l.contentWindow))
         return;
-      const o = I(e);
-      if (!b.has(o))
+      const e = z(t);
+      if (!U.has(e))
         return;
-      const n = e.target;
-      if (n && (n.isContentEditable || ["INPUT", "TEXTAREA", "SELECT"].includes(n.tagName)))
+      const i = t.target;
+      if (i && (i.isContentEditable || ["INPUT", "TEXTAREA", "SELECT"].includes(i.tagName)))
         return;
-      e.preventDefault();
-      const { key: i, ctrlKey: s, metaKey: r, shiftKey: l, altKey: d } = e;
+      t.preventDefault();
+      const { key: n, ctrlKey: r, metaKey: s, shiftKey: c, altKey: h } = t;
       this.postEvent("hostHotkey", {
-        key: i,
-        code: e.code,
-        metaKey: r,
-        ctrlKey: s,
-        shiftKey: l,
-        altKey: d,
-        keyCode: o
+        key: n,
+        code: t.code,
+        metaKey: s,
+        ctrlKey: r,
+        shiftKey: c,
+        altKey: h,
+        keyCode: e
       });
     });
     a(this, "onImageUpload", async ({
-      id: e,
-      ...o
+      id: t,
+      ...e
     }) => {
-      var n, i;
+      var i, n;
       try {
-        const s = await ((i = (n = this.config.on).uploadImage) == null ? void 0 : i.call(n, o));
-        let r = {};
-        s && (r = await g(s)), this.postEvent("imageUploaded", { id: e, img: { ...r, url: s } });
+        const r = await ((n = (i = this.config.on).uploadImage) == null ? void 0 : n.call(i, e));
+        let s = {};
+        r && (s = await P(r)), this.postEvent("imageUploaded", { id: t, img: { ...s, url: r } });
       } catch {
-        this.postEvent("imageUploaded", { id: e });
+        this.postEvent("imageUploaded", { id: t });
       }
     });
     a(this, "onLoadPersonalization", async () => {
       try {
         if (!this.config.on.loadPersonalization)
           throw new Error("No personalization loader provided");
-        const e = await this.config.on.loadPersonalization();
+        const t = await this.config.on.loadPersonalization();
         this.postEvent("loadPersonalization", {
-          items: e
+          items: t
         });
       } catch {
         this.postEvent("loadPersonalization", {});
       }
     });
-    a(this, "onGalleryOpen", async ({ id: e }) => {
-      var n, i;
-      const o = async (s) => {
-        const r = { url: s };
-        if (s) {
-          const l = await g(s);
-          Object.assign(r, l);
+    a(this, "onGalleryOpen", async ({ id: t }) => {
+      var i, n;
+      const e = async (r) => {
+        const s = { url: r };
+        if (r) {
+          const c = await P(r);
+          Object.assign(s, c);
         }
         this.postEvent("imageUploaded", {
-          id: e,
-          img: r
+          id: t,
+          img: s
         });
       };
-      (i = (n = this.config.on).openGallery) == null || i.call(n, o);
+      (n = (i = this.config.on).openGallery) == null || n.call(i, e);
     });
-    a(this, "onMessage", (e) => {
+    a(this, "onMessage", (t) => {
+      var r;
+      if (t.source !== ((r = this.iframe) == null ? void 0 : r.contentWindow))
+        return;
       const {
-        data: { source: o, event: n, ...i }
-      } = e;
-      o === "DraftPlugin" && (n === "openGallery" ? this.onGalleryOpen(i) : n === "uploadImage" ? this.onImageUpload(i) : n === "loadPersonalization" ? this.onLoadPersonalization() : this.triggerEvent(
-        this.config.on[n],
-        i
+        data: { source: e, event: i, ...n }
+      } = t;
+      e === "DraftPlugin" && (i === "openGallery" ? this.onGalleryOpen(n) : i === "uploadImage" ? this.onImageUpload(n) : i === "loadPersonalization" ? this.onLoadPersonalization() : this.triggerEvent(
+        this.config.on[i],
+        n
       ));
     });
     a(this, "destroy", () => {
-      var e;
-      (e = this.iframe) == null || e.remove(), this.iframe = null, window.removeEventListener("message", this.onMessage), this.hotkeysAttached && (window.removeEventListener("keydown", this.onHostHotkey), this.hotkeysAttached = !1);
+      var t;
+      (t = this.iframe) == null || t.remove(), this.iframe = null, window.removeEventListener("message", this.onMessage), this.hotkeysAttached && (window.removeEventListener("keydown", this.onHostHotkey), this.hotkeysAttached = !1);
     });
-    this.config = e;
+    this.config = t;
   }
   captureHotkeysEnabled() {
     return this.config.disableHotkeysPassing !== !0;
   }
-  promisedIframeMethod(e) {
-    let o = null;
-    const n = new Promise((i, s) => {
-      const r = (l) => {
-        const {
-          data: { source: d, event: c, ...h }
-        } = l;
-        d === "DraftPlugin" && c === e && (l.stopPropagation(), o && (clearTimeout(o), o = null), i(h), window.removeEventListener("message", r, !0));
+  promisedIframeMethod(t) {
+    let e = null, i = null;
+    const n = () => {
+      e && (clearTimeout(e), e = null), i && (window.removeEventListener("message", i, !0), i = null);
+    }, r = new Promise((s, c) => {
+      const h = () => {
+        e && clearTimeout(e), e = setTimeout(() => {
+          n(), c(
+            new k("timeout_error", `Action "${t}" timed out`)
+          );
+        }, f.HEARTBEAT_TIMEOUT);
       };
-      window.addEventListener("message", r, !0), o = setTimeout(() => {
-        window.removeEventListener("message", r, !0), s("Request timed out"), o = null;
-      }, 2e3);
+      i = (l) => {
+        var g;
+        if (l.source !== ((g = this.iframe) == null ? void 0 : g.contentWindow)) return;
+        const { data: d } = l;
+        if (d.source === "DraftPlugin") {
+          if (d.event === "actionPing" && d.action === t) {
+            l.stopPropagation(), h();
+            return;
+          }
+          if (d.event === t) {
+            l.stopPropagation(), n();
+            const { source: y, event: v, ok: u, code: p, message: m, ...w } = d;
+            u === !1 ? c(
+              new k(
+                p || "unknown_error",
+                m || "Unknown error"
+              )
+            ) : s(w);
+          }
+        }
+      }, window.addEventListener("message", i, !0), h();
     });
-    return this.postEvent(e), n;
+    return this.postEvent(t), r;
   }
-  postEvent(e, o = {}) {
-    this.iframe && this.iframe.contentWindow && this.iframe.contentWindow.postMessage(
-      {
-        ...o,
-        event: e,
-        source: "DraftPlugin"
-      },
-      "*"
-    );
+  postEvent(t, e = {}) {
+    if (this.iframe && this.iframe.contentWindow && this.iframeOrigin)
+      this.iframe.contentWindow.postMessage(
+        {
+          ...e,
+          event: t,
+          source: "DraftPlugin"
+        },
+        this.iframeOrigin
+      );
+    else if (!this.iframeOrigin)
+      throw new Error("Iframe origin is not initialized");
   }
-  triggerEvent(e, o) {
-    if (e)
-      return e(o);
+  triggerEvent(t, e) {
+    if (t)
+      return t(e);
   }
   start({
-    template: e,
-    templateName: o,
-    uid: n
+    template: t,
+    templateName: e,
+    uid: i
   }) {
-    const i = document.querySelector(this.config.container);
-    if (i) {
-      const s = ({ data: { source: r, event: l } }) => {
-        if (r === "DraftPlugin" && l === "loaded") {
+    const n = document.querySelector(this.config.container);
+    if (n) {
+      const r = (s) => {
+        var l;
+        const {
+          data: { source: c, event: h }
+        } = s;
+        if (c === "DraftPlugin" && h === "loaded") {
+          if (s.source !== ((l = this.iframe) == null ? void 0 : l.contentWindow)) return;
+          this.iframeOrigin = s.origin;
           const {
             on: d,
-            container: c,
-            locale: h,
-            autosave: u,
-            token: f,
-            apiUrl: m,
-            pluginId: w,
-            __config: y
+            container: g,
+            locale: y,
+            autosave: v,
+            token: u,
+            apiUrl: p,
+            pluginId: m,
+            authData: w,
+            __config: I
           } = this.config;
-          D(this.config), this.iframe && this.iframe.contentWindow && this.postEvent("init", {
-            container: c,
-            locale: h,
-            uid: n,
-            autosave: u,
-            token: f,
-            pluginId: w,
-            apiUrl: m,
-            __config: y,
+          N(this.config), this.iframe && this.iframe.contentWindow && this.postEvent("init", {
+            container: g,
+            locale: y,
+            uid: i,
+            autosave: v,
+            token: u,
+            pluginId: m,
+            authData: w,
+            apiUrl: p,
+            __config: I,
             enabledListeners: Object.keys(d),
-            template: e,
-            templateName: o
-          }), window.addEventListener("message", this.onMessage), window.removeEventListener("message", s);
+            template: t,
+            templateName: e
+          }), window.addEventListener("message", this.onMessage), window.removeEventListener("message", r);
         }
       };
-      this.iframe = O(), window.addEventListener("message", s), i.appendChild(this.iframe), this.captureHotkeysEnabled() && !this.hotkeysAttached && (window.addEventListener("keydown", this.onHostHotkey), this.hotkeysAttached = !0);
+      this.iframe = W(window.location.origin), window.addEventListener("message", r), n.appendChild(this.iframe), this.captureHotkeysEnabled() && !this.hotkeysAttached && (window.addEventListener("keydown", this.onHostHotkey), this.hotkeysAttached = !0);
     } else
       throw new Error("Specified container not found");
   }
-  changeTemplate(e, o = {}) {
-    this.postEvent("changeTemplate", { ...o, template: e });
+  changeTemplate(t, e = {}) {
+    this.postEvent("changeTemplate", { ...e, template: t });
   }
-  toggleGrid(e) {
-    this.postEvent("toggleGrid", { state: e });
+  toggleGrid(t) {
+    this.postEvent("toggleGrid", { state: t });
   }
-  togglePreview(e) {
-    this.postEvent("togglePreview", { state: e });
+  togglePreview(t) {
+    this.postEvent("togglePreview", { state: t });
   }
-  toggleMenu(e = null) {
-    this.postEvent("toggleMenu", { menu: e });
+  toggleMenu(t = null) {
+    this.postEvent("toggleMenu", { menu: t });
   }
-  toggleViewMode(e) {
-    this.postEvent("toggleViewMode", { viewMode: e });
+  toggleViewMode(t) {
+    this.postEvent("toggleViewMode", { viewMode: t });
   }
   undo() {
     this.postEvent("undo");
@@ -261,27 +305,35 @@ class x {
   exportContent() {
     return this.promisedIframeMethod("exportContent");
   }
-}
-var z = /* @__PURE__ */ ((t) => (t.Audit = "audit", t.Guide = "guide", t.Style = "style", t.Blocks = "blocks", t))(z || {}), N = /* @__PURE__ */ ((t) => (t.Desktop = "desktop", t.Mobile = "mobile", t))(N || {});
-const T = {
+  exportAsFile() {
+    return this.promisedIframeMethod("exportAsFile");
+  }
+};
+a(f, "HEARTBEAT_TIMEOUT", 4e3);
+let E = f;
+const _ = {
   container: "#draft-plugin-container",
   disableHotkeysPassing: !1,
   locale: "ru",
   on: {}
 };
-class K {
-  create(e) {
-    return new x({
-      ...T,
-      ...e
+class S {
+  constructor() {
+    a(this, "version", L);
+  }
+  create(t) {
+    return new E({
+      ..._,
+      ...t
     });
   }
 }
-const M = new K();
-window.DraftPlugin = M;
+const G = new S();
+window.DraftPlugin = G;
 export {
-  z as EditorMenu,
-  N as ViewMode,
-  M as default
+  k as DraftError,
+  H as EditorMenu,
+  C as ViewMode,
+  G as default
 };
 //# sourceMappingURL=index.es.js.map