@getdraft/plugin 1.15.1 → 1.16.0

package/dist/index.es.js

@@ -1,339 +1,314 @@
-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 t = await fetch(o, { method: "HEAD" });
-    if (!t.ok)
-      return null;
-    const e = t.headers.get("Content-Length");
-    return e ? parseInt(e, 10) : null;
-  } catch {
-    return null;
-  }
-}, 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
-    });
-  }, 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 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",
-  "mod-z",
-  "mod-y",
-  "mod-shift-z",
-  "mod-v",
-  "delete",
-  "mod-g",
-  "mod-p",
-  "mod-s"
-]), L = "1.15.1", 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 (!t)
-    throw new Error("No [pluginId] was provided");
-  if (!e)
-    throw new Error("No [apiUrl] was provided");
-}, 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;"
-  ), t.setAttribute("allow", "clipboard-read; clipboard-write"), t.setAttribute(
-    "sandbox",
-    "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, "iframeOrigin", null);
-    a(this, "onHostHotkey", (t) => {
-      var l;
-      if (!this.captureHotkeysEnabled() || !((l = this.iframe) != null && l.contentWindow))
-        return;
-      const e = z(t);
-      if (!U.has(e))
-        return;
-      const i = t.target;
-      if (i && (i.isContentEditable || ["INPUT", "TEXTAREA", "SELECT"].includes(i.tagName)))
-        return;
-      t.preventDefault();
-      const { key: n, ctrlKey: r, metaKey: s, shiftKey: c, altKey: h } = t;
-      this.postEvent("hostHotkey", {
-        key: n,
-        code: t.code,
-        metaKey: s,
-        ctrlKey: r,
-        shiftKey: c,
-        altKey: h,
-        keyCode: e
-      });
-    });
-    a(this, "onImageUpload", async ({
-      id: t,
-      ...e
-    }) => {
-      var i, n;
-      try {
-        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: t });
-      }
-    });
-    a(this, "onLoadPersonalization", async () => {
-      try {
-        if (!this.config.on.loadPersonalization)
-          throw new Error("No personalization loader provided");
-        const t = await this.config.on.loadPersonalization();
-        this.postEvent("loadPersonalization", {
-          items: t
-        });
-      } catch {
-        this.postEvent("loadPersonalization", {});
-      }
-    });
-    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: t,
-          img: s
-        });
-      };
-      (n = (i = this.config.on).openGallery) == null || n.call(i, e);
-    });
-    a(this, "onMessage", (t) => {
-      var r;
-      if (t.source !== ((r = this.iframe) == null ? void 0 : r.contentWindow))
-        return;
-      const {
-        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 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 = t;
-  }
-  captureHotkeysEnabled() {
-    return this.config.disableHotkeysPassing !== !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);
-      };
-      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(t), r;
-  }
-  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(t, e) {
-    if (t)
-      return t(e);
-  }
-  start({
-    template: t,
-    templateName: e,
-    uid: i
-  }) {
-    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: g,
-            locale: y,
-            autosave: v,
-            token: u,
-            apiUrl: p,
-            pluginId: m,
-            authData: w,
-            __config: I
-          } = this.config;
-          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: t,
-            templateName: e
-          }), window.addEventListener("message", this.onMessage), window.removeEventListener("message", r);
-        }
-      };
-      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(t, e = {}) {
-    this.postEvent("changeTemplate", { ...e, template: t });
-  }
-  toggleGrid(t) {
-    this.postEvent("toggleGrid", { state: t });
-  }
-  togglePreview(t) {
-    this.postEvent("togglePreview", { state: t });
-  }
-  toggleMenu(t = null) {
-    this.postEvent("toggleMenu", { menu: t });
-  }
-  toggleViewMode(t) {
-    this.postEvent("toggleViewMode", { viewMode: t });
-  }
-  undo() {
-    this.postEvent("undo");
-  }
-  redo() {
-    this.postEvent("redo");
-  }
-  save() {
-    return this.promisedIframeMethod("saveAction");
-  }
-  exit() {
-    return this.promisedIframeMethod("exitAction");
-  }
-  exportContent() {
-    return this.promisedIframeMethod("exportContent");
-  }
-  exportAsFile() {
-    return this.promisedIframeMethod("exportAsFile");
-  }
-};
-a(f, "HEARTBEAT_TIMEOUT", 4e3);
-let E = f;
-const _ = {
-  container: "#draft-plugin-container",
-  disableHotkeysPassing: !1,
-  locale: "ru",
-  on: {}
-};
-class S {
-  constructor() {
-    a(this, "version", L);
-  }
-  create(t) {
-    return new E({
-      ..._,
-      ...t
-    });
-  }
-}
-const G = new S();
-window.DraftPlugin = G;
-export {
-  k as DraftError,
-  H as EditorMenu,
-  C as ViewMode,
-  G as default
-};
-//# sourceMappingURL=index.es.js.map
+//#region src/routes.ts
+var e = "http://localhost:5174", t = "https://seplugin.sendsay.ru", n;
+(function(e) {
+	e.Section = "section", e.Root = "root", e.Column = "column", e.Element = "element";
+})(n ||= {});
+var r;
+(function(e) {
+	e.Idle = "idle", e.Hovered = "hovered", e.Faded = "faded", e.Selected = "selected", e.Engaged = "engaged", e.Dragged = "dragged";
+})(r ||= {});
+var i;
+(function(e) {
+	e.Audit = "audit", e.Guide = "guide", e.Style = "style", e.Blocks = "blocks";
+})(i ||= {});
+var a;
+(function(e) {
+	e.Desktop = "desktop", e.Mobile = "mobile";
+})(a ||= {});
+var o;
+(function(e) {
+	e.Normal = "normal", e.Reverse = "reverse", e.Keep = "keep";
+})(o ||= {});
+//#endregion
+//#region src/types.ts
+var s = class extends Error {
+	code;
+	constructor(e, t) {
+		super(t), this.name = "DraftError", this.code = e;
+	}
+}, c = async (e) => {
+	try {
+		let t = await fetch(e, { method: "HEAD" });
+		if (!t.ok) return null;
+		let n = t.headers.get("Content-Length");
+		return n ? parseInt(n, 10) : null;
+	} catch {
+		return null;
+	}
+}, l = (e) => new Promise((t, n) => {
+	let r = new Image();
+	r.onload = async () => {
+		let n = await c(e) ?? 0;
+		t({
+			originalWidth: r.width,
+			originalHeight: r.height,
+			ratio: r.width / r.height,
+			fileSize: n
+		});
+	}, r.onerror = (e) => {
+		n(e);
+	}, r.src = e;
+}), u = (e, t) => {
+	if (e.length !== 1) return e;
+	if (e.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 e;
+}, d = (e) => {
+	let t = `${u(e.key, e.code)}`.toLowerCase() || e.key, n = navigator.userAgent.includes("Mac OS");
+	t === "backspace" && n && (t = "delete");
+	let r = [];
+	return (n && e.metaKey || !n && e.ctrlKey) && r.push("mod"), e.shiftKey && r.push("shift"), r.length > 0 && (t = `${r.join("-")}-${u(t, e.code)}`), t;
+}, f = new Set([
+	"escape",
+	"mod-c",
+	"mod-d",
+	"mod-z",
+	"mod-y",
+	"mod-shift-z",
+	"mod-v",
+	"delete",
+	"mod-g",
+	"mod-p",
+	"mod-s"
+]), p = "@getdraft/plugin", m = "1.16.0", h = {
+	name: p,
+	version: m,
+	main: "dist/index.cjs.js",
+	module: "dist/index.es.js",
+	types: "dist/types/index.d.ts",
+	exports: { ".": {
+		types: "./dist/types/index.d.ts",
+		import: "./dist/index.es.js",
+		require: "./dist/index.cjs.js"
+	} },
+	scripts: {
+		prebuild: "rm -rf dist",
+		build: "vite build",
+		"dev-tsc": "tsc-check",
+		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"
+	},
+	dependencies: { "@getdraft/types": "workspace:^" },
+	devDependencies: {
+		"@getdraft/eslint-config-ts": "workspace:^",
+		"@getdraft/prettier": "workspace:^",
+		"vite-plugin-dts": "4.5.4"
+	},
+	license: "MIT"
+}, g = () => {
+	let n = RegExp("(^| )seplugin-dev=([^;]+)"), r = document.cookie.match(n)?.[2].toLowerCase?.();
+	if (r === "true") return e;
+	if (r?.startsWith("https://")) return r;
+	let [i, a] = h.version.split(".");
+	return `${t}/v${i}.${a}`;
+}, _ = ({ token: e, pluginId: t, apiUrl: n }) => {
+	if (!e) throw Error("No [token] was provided");
+	if (!t) throw Error("No [pluginId] was provided");
+	if (!n) throw Error("No [apiUrl] was provided");
+}, v = (e) => {
+	let t = document.createElement("iframe"), n = new URL(g());
+	return n.searchParams.set("parentOrigin", e), t.src = n.toString(), t.setAttribute("style", "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-downloads"), t;
+}, y = class e {
+	iframe = null;
+	hotkeysAttached = !1;
+	iframeOrigin = null;
+	constructor(e) {
+		this.config = e;
+	}
+	captureHotkeysEnabled() {
+		return this.config.disableHotkeysPassing !== !0;
+	}
+	onHostHotkey = (e) => {
+		if (!this.captureHotkeysEnabled() || !this.iframe?.contentWindow) return;
+		let t = d(e);
+		if (!f.has(t)) return;
+		let n = e.target;
+		if (n && (n.isContentEditable || [
+			"INPUT",
+			"TEXTAREA",
+			"SELECT"
+		].includes(n.tagName))) return;
+		e.preventDefault();
+		let { key: r, ctrlKey: i, metaKey: a, shiftKey: o, altKey: s } = e;
+		this.postEvent("hostHotkey", {
+			key: r,
+			code: e.code,
+			metaKey: a,
+			ctrlKey: i,
+			shiftKey: o,
+			altKey: s,
+			keyCode: t
+		});
+	};
+	static HEARTBEAT_TIMEOUT = 4e3;
+	promisedIframeMethod(t) {
+		let n = null, r = null, i = () => {
+			n &&= (clearTimeout(n), null), r &&= (window.removeEventListener("message", r, !0), null);
+		}, a = new Promise((a, o) => {
+			let c = () => {
+				n && clearTimeout(n), n = setTimeout(() => {
+					i(), o(new s("timeout_error", `Action "${t}" timed out`));
+				}, e.HEARTBEAT_TIMEOUT);
+			};
+			r = (e) => {
+				if (e.source !== this.iframe?.contentWindow) return;
+				let { data: n } = e;
+				if (n.source === "DraftPlugin") {
+					if (n.event === "actionPing" && n.action === t) {
+						e.stopPropagation(), c();
+						return;
+					}
+					if (n.event === t) {
+						e.stopPropagation(), i();
+						let { source: t, event: r, ok: c, code: l, message: u, ...d } = n;
+						c === !1 ? o(new s(l || "unknown_error", u || "Unknown error")) : a(d);
+					}
+				}
+			}, window.addEventListener("message", r, !0), c();
+		});
+		return this.postEvent(t), a;
+	}
+	postEvent(e, t = {}) {
+		if (this.iframe && this.iframe.contentWindow && this.iframeOrigin) this.iframe.contentWindow.postMessage({
+			...t,
+			event: e,
+			source: "DraftPlugin"
+		}, this.iframeOrigin);
+		else if (!this.iframeOrigin) throw Error("Iframe origin is not initialized");
+	}
+	onImageUpload = async ({ id: e, ...t }) => {
+		try {
+			let n = await this.config.on.uploadImage?.(t), r = {};
+			n && (r = await l(n)), this.postEvent("imageUploaded", {
+				id: e,
+				img: {
+					...r,
+					url: n
+				}
+			});
+		} catch {
+			this.postEvent("imageUploaded", { id: e });
+		}
+	};
+	onLoadPersonalization = async () => {
+		try {
+			if (!this.config.on.loadPersonalization) throw Error("No personalization loader provided");
+			let e = await this.config.on.loadPersonalization();
+			this.postEvent("loadPersonalization", { items: e });
+		} catch {
+			this.postEvent("loadPersonalization", {});
+		}
+	};
+	onGalleryOpen = async ({ id: e }) => {
+		this.config.on.openGallery?.(async (t) => {
+			let n = { url: t };
+			if (t) {
+				let e = await l(t);
+				Object.assign(n, e);
+			}
+			this.postEvent("imageUploaded", {
+				id: e,
+				img: n
+			});
+		});
+	};
+	triggerEvent(e, t) {
+		if (e) return e(t);
+	}
+	onMessage = (e) => {
+		if (e.source !== this.iframe?.contentWindow) return;
+		let { data: { source: t, event: n, ...r } } = e;
+		t === "DraftPlugin" && (n === "openGallery" ? this.onGalleryOpen(r) : n === "uploadImage" ? this.onImageUpload(r) : n === "loadPersonalization" ? this.onLoadPersonalization() : this.triggerEvent(this.config.on[n], r));
+	};
+	start({ template: e, templateName: t, uid: n }) {
+		let r = document.querySelector(this.config.container);
+		if (r) {
+			let i = (r) => {
+				let { data: { source: a, event: o } } = r;
+				if (a === "DraftPlugin" && o === "loaded") {
+					if (r.source !== this.iframe?.contentWindow) return;
+					this.iframeOrigin = r.origin;
+					let { on: a, container: o, locale: s, autosave: c, token: l, apiUrl: u, pluginId: d, authData: f, __config: p } = this.config;
+					_(this.config), this.iframe && this.iframe.contentWindow && this.postEvent("init", {
+						container: o,
+						locale: s,
+						uid: n,
+						autosave: c,
+						token: l,
+						pluginId: d,
+						authData: f,
+						apiUrl: u,
+						__config: p,
+						enabledListeners: Object.keys(a),
+						template: e,
+						templateName: t
+					}), window.addEventListener("message", this.onMessage), window.removeEventListener("message", i);
+				}
+			};
+			this.iframe = v(window.location.origin), window.addEventListener("message", i), r.appendChild(this.iframe), this.captureHotkeysEnabled() && !this.hotkeysAttached && (window.addEventListener("keydown", this.onHostHotkey), this.hotkeysAttached = !0);
+		} else throw Error("Specified container not found");
+	}
+	destroy = () => {
+		this.iframe?.remove(), this.iframe = null, window.removeEventListener("message", this.onMessage), this.hotkeysAttached &&= (window.removeEventListener("keydown", this.onHostHotkey), !1);
+	};
+	changeTemplate(e, t = {}) {
+		this.postEvent("changeTemplate", {
+			...t,
+			template: e
+		});
+	}
+	toggleGrid(e) {
+		this.postEvent("toggleGrid", { state: e });
+	}
+	togglePreview(e) {
+		this.postEvent("togglePreview", { state: e });
+	}
+	toggleMenu(e = null) {
+		this.postEvent("toggleMenu", { menu: e });
+	}
+	toggleViewMode(e) {
+		this.postEvent("toggleViewMode", { viewMode: e });
+	}
+	undo() {
+		this.postEvent("undo");
+	}
+	redo() {
+		this.postEvent("redo");
+	}
+	save() {
+		return this.promisedIframeMethod("saveAction");
+	}
+	exit() {
+		return this.promisedIframeMethod("exitAction");
+	}
+	exportContent() {
+		return this.promisedIframeMethod("exportContent");
+	}
+	exportAsFile() {
+		return this.promisedIframeMethod("exportAsFile");
+	}
+}, b = {
+	container: "#draft-plugin-container",
+	disableHotkeysPassing: !1,
+	locale: "ru",
+	on: {}
+}, x = new class {
+	version = m;
+	create(e) {
+		return new y({
+			...b,
+			...e
+		});
+	}
+}();
+window.DraftPlugin = x;
+//#endregion
+export { s as DraftError, i as EditorMenu, a as ViewMode, x as default };
+
+//# sourceMappingURL=index.es.js.map