@getdraft/plugin 1.13.0 → 1.15.0

package/dist/index.es.js

@@ -1,46 +1,55 @@
-var v = Object.defineProperty;
-var k = (n, e, t) => e in n ? v(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var a = (n, e, t) => k(n, typeof e != "symbol" ? e + "" : e, t);
-const P = "http://localhost:5174", h = "https://seplugin.sendsay.ru", b = async (n) => {
+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(n, { method: "HEAD" });
-    if (!e.ok)
+    const t = await fetch(o, { method: "HEAD" });
+    if (!t.ok)
       return null;
-    const t = e.headers.get("Content-Length");
-    return t ? parseInt(t, 10) : null;
+    const e = t.headers.get("Content-Length");
+    return e ? parseInt(e, 10) : null;
   } catch {
     return null;
   }
-}, g = (n) => new Promise((e, t) => {
-  const o = new Image();
-  o.onload = async () => {
-    const i = await b(n) ?? 0;
-    e({
-      originalWidth: o.width,
-      originalHeight: o.height,
-      ratio: o.width / o.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
     });
-  }, o.onerror = (i) => {
-    t(i);
-  }, o.src = n;
-}), u = (n, e) => {
-  if (n.length !== 1)
-    return n;
-  if (n.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 n;
-}, L = (n) => {
-  let e = `${u(n.key, n.code)}`.toLowerCase() || n.key;
-  const t = navigator.userAgent.includes("Mac OS");
-  e === "backspace" && t && (e = "delete");
-  const o = [];
-  return (t && n.metaKey || !t && n.ctrlKey) && o.push("mod"), n.shiftKey && o.push("shift"), o.length > 0 && (e = `${o.join("-")}-${u(e, n.code)}`), e;
-}, I = /* @__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,225 +61,234 @@ const P = "http://localhost:5174", h = "https://seplugin.sendsay.ru", b = async
   "mod-g",
   "mod-p",
   "mod-s"
-]), x = "@getdraft/plugin", A = "1.13.0", D = "dist/index.cjs.js", C = "dist/index.es.js", H = "src", O = {
-  prebuild: "rm -rf dist",
-  build: "vite build",
-  "dev-tsc": "npx tsc --noEmit",
-  eslint: "npx eslint src",
-  "eslint:fix": "pnpm eslint --fix",
-  prettify: "npx prettier -w ./",
-  prepublish: "pnpm build",
-  watch: "NODE_ENV=development vite build --watch",
-  start: "NODE_ENV=development npx vite"
-}, N = {}, z = {
-  "@types/letty": "workspace:^",
-  "@vitejs/plugin-legacy": "5.4.1",
-  rollup: "4.22.4",
-  terser: "5.31.3",
-  "rollup-plugin-dts": "6.1.1",
-  "@letty/eslint-config-ts": "workspace:^",
-  "@letty/prettier": "workspace:^"
-}, T = "MIT", K = {
-  name: x,
-  version: A,
-  main: D,
-  module: C,
-  types: H,
-  scripts: O,
-  dependencies: N,
-  devDependencies: z,
-  license: T
-}, M = () => {
-  var s, r;
-  const n = new RegExp("(^| )seplugin-dev=([^;]+)"), e = document.cookie.match(n), t = (r = e == null ? void 0 : (s = e[2]).toLowerCase) == null ? void 0 : r.call(s);
-  if (t === "true")
-    return P;
-  if (t === "stage" || t != null && t.includes("https://") || window.location.pathname.includes("netlify"))
-    return t != null && t.includes("https://") ? t : `${h}/stage`;
-  const [o, i] = K.version.split(".");
-  return `${h}/v${o}.${i}`;
-}, U = ({ token: n, pluginId: e, apiUrl: t }) => {
-  if (!n)
+]), 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)
-    throw new Error("No [pluginId] was provided");
   if (!t)
+    throw new Error("No [pluginId] was provided");
+  if (!e)
     throw new Error("No [apiUrl] was provided");
-}, j = () => {
-  const n = document.createElement("iframe");
-  return n.src = M(), n.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"
-  ), n.setAttribute("allow", "clipboard-read; clipboard-write"), n.setAttribute(
+    "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"
-  ), n;
-};
-class G {
-  constructor(e) {
+    "allow-scripts allow-same-origin allow-forms allow-popups allow-downloads"
+  ), t;
+}, 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 t = L(e);
-      if (!I.has(t))
+      const e = z(t);
+      if (!U.has(e))
         return;
-      const o = e.target;
-      if (o && (o.isContentEditable || ["INPUT", "TEXTAREA", "SELECT"].includes(o.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: t
+        key: n,
+        code: t.code,
+        metaKey: s,
+        ctrlKey: r,
+        shiftKey: c,
+        altKey: h,
+        keyCode: e
       });
     });
     a(this, "onImageUpload", async ({
-      id: e,
-      ...t
+      id: t,
+      ...e
     }) => {
-      var o, i;
+      var i, n;
       try {
-        const s = await ((i = (o = this.config.on).uploadImage) == null ? void 0 : i.call(o, t));
-        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 o, i;
-      const t = 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 = (o = this.config.on).openGallery) == null || i.call(o, t);
+      (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: t, event: o, ...i }
-      } = e;
-      t === "DraftPlugin" && (o === "openGallery" ? this.onGalleryOpen(i) : o === "uploadImage" ? this.onImageUpload(i) : o === "loadPersonalization" ? this.onLoadPersonalization() : this.triggerEvent(
-        this.config.on[o],
-        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 t = null;
-    const o = new Promise((i, s) => {
-      const r = (l) => {
-        const {
-          data: { source: d, event: c, ...p }
-        } = l;
-        d === "DraftPlugin" && c === e && (l.stopPropagation(), t && (clearTimeout(t), t = null), i(p), 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), t = setTimeout(() => {
-        window.removeEventListener("message", r, !0), s("Request timed out"), t = 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), o;
+    return this.postEvent(t), r;
   }
-  postEvent(e, t = {}) {
-    this.iframe && this.iframe.contentWindow && this.iframe.contentWindow.postMessage(
-      {
-        ...t,
-        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, t) {
-    if (e)
-      return e(t);
+  triggerEvent(t, e) {
+    if (t)
+      return t(e);
   }
   start({
-    template: e,
-    templateName: t,
-    uid: o
+    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: p,
-            autosave: m,
-            token: f,
-            apiUrl: w,
-            pluginId: y,
-            __config: E
+            container: g,
+            locale: y,
+            autosave: v,
+            token: u,
+            apiUrl: p,
+            pluginId: m,
+            authData: w,
+            __config: I
           } = this.config;
-          U(this.config), this.iframe && this.iframe.contentWindow && this.postEvent("init", {
-            container: c,
-            locale: p,
-            uid: o,
-            autosave: m,
-            token: f,
-            pluginId: y,
-            apiUrl: w,
-            __config: E,
+          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: t
-          }), window.addEventListener("message", this.onMessage), window.removeEventListener("message", s);
+            template: t,
+            templateName: e
+          }), window.addEventListener("message", this.onMessage), window.removeEventListener("message", r);
         }
       };
-      this.iframe = j(), 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, t = {}) {
-    this.postEvent("changeTemplate", { ...t, 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");
@@ -287,27 +305,35 @@ class G {
   exportContent() {
     return this.promisedIframeMethod("exportContent");
   }
-}
-var S = /* @__PURE__ */ ((n) => (n.Audit = "audit", n.Guide = "guide", n.Style = "style", n.Blocks = "blocks", n))(S || {}), _ = /* @__PURE__ */ ((n) => (n.Desktop = "desktop", n.Mobile = "mobile", n))(_ || {});
-const $ = {
+  exportAsFile() {
+    return this.promisedIframeMethod("exportAsFile");
+  }
+};
+a(f, "HEARTBEAT_TIMEOUT", 4e3);
+let E = f;
+const _ = {
   container: "#draft-plugin-container",
   disableHotkeysPassing: !1,
   locale: "ru",
   on: {}
 };
-class W {
-  create(e) {
-    return new G({
-      ...$,
-      ...e
+class S {
+  constructor() {
+    a(this, "version", L);
+  }
+  create(t) {
+    return new E({
+      ..._,
+      ...t
     });
   }
 }
-const F = new W();
-window.DraftPlugin = F;
+const G = new S();
+window.DraftPlugin = G;
 export {
-  S as EditorMenu,
-  _ as ViewMode,
-  F as default
+  k as DraftError,
+  H as EditorMenu,
+  C as ViewMode,
+  G as default
 };
 //# sourceMappingURL=index.es.js.map