okno 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/index-B1PShnsc.js

@@ -0,0 +1,132 @@
+import { N as g, n as b, m as f, R as w } from "./index-B2WzdTzI.js";
+var y = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, v = g.create({
+  name: "image",
+  addOptions() {
+    return {
+      inline: !1,
+      allowBase64: !1,
+      HTMLAttributes: {},
+      resize: !1
+    };
+  },
+  inline() {
+    return this.options.inline;
+  },
+  group() {
+    return this.options.inline ? "inline" : "block";
+  },
+  draggable: !0,
+  addAttributes() {
+    return {
+      src: {
+        default: null
+      },
+      alt: {
+        default: null
+      },
+      title: {
+        default: null
+      },
+      width: {
+        default: null
+      },
+      height: {
+        default: null
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: this.options.allowBase64 ? "img[src]" : 'img[src]:not([src^="data:"])'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["img", f(this.options.HTMLAttributes, t)];
+  },
+  parseMarkdown: (t, e) => e.createNode("image", {
+    src: t.href,
+    title: t.title,
+    alt: t.text
+  }),
+  renderMarkdown: (t) => {
+    var e, s, l, o, u, d;
+    const c = (s = (e = t.attrs) == null ? void 0 : e.src) != null ? s : "", i = (o = (l = t.attrs) == null ? void 0 : l.alt) != null ? o : "", a = (d = (u = t.attrs) == null ? void 0 : u.title) != null ? d : "";
+    return a ? `![${i}](${c} "${a}")` : `![${i}](${c})`;
+  },
+  addNodeView() {
+    if (!this.options.resize || !this.options.resize.enabled || typeof document > "u")
+      return null;
+    const { directions: t, minWidth: e, minHeight: s, alwaysPreserveAspectRatio: l } = this.options.resize;
+    return ({ node: o, getPos: u, HTMLAttributes: d, editor: c }) => {
+      const i = document.createElement("img");
+      i.draggable = !1;
+      const a = f(this.options.HTMLAttributes, d);
+      Object.entries(a).forEach(([n, r]) => {
+        if (r != null)
+          switch (n) {
+            case "width":
+            case "height":
+              break;
+            default:
+              i.setAttribute(n, r);
+              break;
+          }
+      }), a.src !== null && (i.src = a.src);
+      const m = new w({
+        element: i,
+        editor: c,
+        node: o,
+        getPos: u,
+        onResize: (n, r) => {
+          i.style.width = `${n}px`, i.style.height = `${r}px`;
+        },
+        onCommit: (n, r) => {
+          const h = u();
+          h !== void 0 && this.editor.chain().setNodeSelection(h).updateAttributes(this.name, {
+            width: n,
+            height: r
+          }).run();
+        },
+        onUpdate: (n, r, h) => n.type === o.type,
+        options: {
+          directions: t,
+          min: {
+            width: e,
+            height: s
+          },
+          preserveAspectRatio: l === !0
+        }
+      }), p = m.dom;
+      return p.style.visibility = "hidden", p.style.pointerEvents = "none", i.onload = () => {
+        p.style.visibility = "", p.style.pointerEvents = "";
+      }, m;
+    };
+  },
+  addCommands() {
+    return {
+      setImage: (t) => ({ commands: e }) => e.insertContent({
+        type: this.name,
+        attrs: t
+      })
+    };
+  },
+  addInputRules() {
+    return [
+      b({
+        find: y,
+        type: this.type,
+        getAttributes: (t) => {
+          const [, , e, s, l] = t;
+          return { src: s, alt: e, title: l };
+        }
+      })
+    ];
+  }
+}), _ = v;
+export {
+  v as Image,
+  _ as default,
+  y as inputRegex
+};