@vizel/core 0.0.1-alpha.1

package/dist/index67.js

@@ -0,0 +1,57 @@
+import { keyName as c, base as n } from "./index70.js";
+const d = typeof navigator < "u" && /Mac|iP(hone|[oa]d)/.test(navigator.platform), y = typeof navigator < "u" && /Win/.test(navigator.platform);
+function h(e) {
+  let r = e.split(/-(?!$)/), t = r[r.length - 1];
+  t == "Space" && (t = " ");
+  let i, f, o, a;
+  for (let l = 0; l < r.length - 1; l++) {
+    let s = r[l];
+    if (/^(cmd|meta|m)$/i.test(s))
+      a = !0;
+    else if (/^a(lt)?$/i.test(s))
+      i = !0;
+    else if (/^(c|ctrl|control)$/i.test(s))
+      f = !0;
+    else if (/^s(hift)?$/i.test(s))
+      o = !0;
+    else if (/^mod$/i.test(s))
+      d ? a = !0 : f = !0;
+    else
+      throw new Error("Unrecognized modifier name: " + s);
+  }
+  return i && (t = "Alt-" + t), f && (t = "Ctrl-" + t), a && (t = "Meta-" + t), o && (t = "Shift-" + t), t;
+}
+function m(e) {
+  let r = /* @__PURE__ */ Object.create(null);
+  for (let t in e)
+    r[h(t)] = e[t];
+  return r;
+}
+function u(e, r, t = !0) {
+  return r.altKey && (e = "Alt-" + e), r.ctrlKey && (e = "Ctrl-" + e), r.metaKey && (e = "Meta-" + e), t && r.shiftKey && (e = "Shift-" + e), e;
+}
+function K(e) {
+  let r = m(e);
+  return function(t, i) {
+    let f = c(i), o, a = r[u(f, i)];
+    if (a && a(t.state, t.dispatch, t))
+      return !0;
+    if (f.length == 1 && f != " ") {
+      if (i.shiftKey) {
+        let l = r[u(f, i, !1)];
+        if (l && l(t.state, t.dispatch, t))
+          return !0;
+      }
+      if ((i.altKey || i.metaKey || i.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
+      !(y && i.ctrlKey && i.altKey) && (o = n[i.keyCode]) && o != f) {
+        let l = r[u(o, i)];
+        if (l && l(t.state, t.dispatch, t))
+          return !0;
+      }
+    }
+    return !1;
+  };
+}
+export {
+  K as keydownHandler
+};

package/dist/index68.js

@@ -0,0 +1,100 @@
+var l = 200, p = function() {
+};
+p.prototype.append = function(t) {
+  return t.length ? (t = p.from(t), !this.length && t || t.length < l && this.leafAppend(t) || this.length < l && t.leafPrepend(this) || this.appendInner(t)) : this;
+};
+p.prototype.prepend = function(t) {
+  return t.length ? p.from(t).append(this) : this;
+};
+p.prototype.appendInner = function(t) {
+  return new u(this, t);
+};
+p.prototype.slice = function(t, r) {
+  return t === void 0 && (t = 0), r === void 0 && (r = this.length), t >= r ? p.empty : this.sliceInner(Math.max(0, t), Math.min(this.length, r));
+};
+p.prototype.get = function(t) {
+  if (!(t < 0 || t >= this.length))
+    return this.getInner(t);
+};
+p.prototype.forEach = function(t, r, e) {
+  r === void 0 && (r = 0), e === void 0 && (e = this.length), r <= e ? this.forEachInner(t, r, e, 0) : this.forEachInvertedInner(t, r, e, 0);
+};
+p.prototype.map = function(t, r, e) {
+  r === void 0 && (r = 0), e === void 0 && (e = this.length);
+  var n = [];
+  return this.forEach(function(i, s) {
+    return n.push(t(i, s));
+  }, r, e), n;
+};
+p.from = function(t) {
+  return t instanceof p ? t : t && t.length ? new o(t) : p.empty;
+};
+var o = /* @__PURE__ */ (function(h) {
+  function t(e) {
+    h.call(this), this.values = e;
+  }
+  h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t;
+  var r = { length: { configurable: !0 }, depth: { configurable: !0 } };
+  return t.prototype.flatten = function() {
+    return this.values;
+  }, t.prototype.sliceInner = function(n, i) {
+    return n == 0 && i == this.length ? this : new t(this.values.slice(n, i));
+  }, t.prototype.getInner = function(n) {
+    return this.values[n];
+  }, t.prototype.forEachInner = function(n, i, s, f) {
+    for (var a = i; a < s; a++)
+      if (n(this.values[a], f + a) === !1)
+        return !1;
+  }, t.prototype.forEachInvertedInner = function(n, i, s, f) {
+    for (var a = i - 1; a >= s; a--)
+      if (n(this.values[a], f + a) === !1)
+        return !1;
+  }, t.prototype.leafAppend = function(n) {
+    if (this.length + n.length <= l)
+      return new t(this.values.concat(n.flatten()));
+  }, t.prototype.leafPrepend = function(n) {
+    if (this.length + n.length <= l)
+      return new t(n.flatten().concat(this.values));
+  }, r.length.get = function() {
+    return this.values.length;
+  }, r.depth.get = function() {
+    return 0;
+  }, Object.defineProperties(t.prototype, r), t;
+})(p);
+p.empty = new o([]);
+var u = /* @__PURE__ */ (function(h) {
+  function t(r, e) {
+    h.call(this), this.left = r, this.right = e, this.length = r.length + e.length, this.depth = Math.max(r.depth, e.depth) + 1;
+  }
+  return h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t, t.prototype.flatten = function() {
+    return this.left.flatten().concat(this.right.flatten());
+  }, t.prototype.getInner = function(e) {
+    return e < this.left.length ? this.left.get(e) : this.right.get(e - this.left.length);
+  }, t.prototype.forEachInner = function(e, n, i, s) {
+    var f = this.left.length;
+    if (n < f && this.left.forEachInner(e, n, Math.min(i, f), s) === !1 || i > f && this.right.forEachInner(e, Math.max(n - f, 0), Math.min(this.length, i) - f, s + f) === !1)
+      return !1;
+  }, t.prototype.forEachInvertedInner = function(e, n, i, s) {
+    var f = this.left.length;
+    if (n > f && this.right.forEachInvertedInner(e, n - f, Math.max(i, f) - f, s + f) === !1 || i < f && this.left.forEachInvertedInner(e, Math.min(n, f), i, s) === !1)
+      return !1;
+  }, t.prototype.sliceInner = function(e, n) {
+    if (e == 0 && n == this.length)
+      return this;
+    var i = this.left.length;
+    return n <= i ? this.left.slice(e, n) : e >= i ? this.right.slice(e - i, n - i) : this.left.slice(e, i).append(this.right.slice(0, n - i));
+  }, t.prototype.leafAppend = function(e) {
+    var n = this.right.leafAppend(e);
+    if (n)
+      return new t(this.left, n);
+  }, t.prototype.leafPrepend = function(e) {
+    var n = this.left.leafPrepend(e);
+    if (n)
+      return new t(n, this.right);
+  }, t.prototype.appendInner = function(e) {
+    return this.left.depth >= Math.max(this.right.depth, e.depth) + 1 ? new t(this.left, new t(this.right, e)) : new t(this, e);
+  }, t;
+})(p);
+export {
+  p as default
+};

package/dist/index69.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/index7.js

@@ -0,0 +1,456 @@
+import { Node as w, mergeAttributes as f } from "@tiptap/core";
+import { PluginKey as b, Plugin as v } from "./index41.js";
+const u = [
+  // Video - these providers support CORS on their oEmbed endpoints
+  {
+    name: "youtube",
+    patterns: [
+      /^https?:\/\/(www\.)?youtube\.com\/watch\?v=[\w-]+/,
+      /^https?:\/\/youtu\.be\/[\w-]+/,
+      /^https?:\/\/(www\.)?youtube\.com\/embed\/[\w-]+/,
+      /^https?:\/\/(www\.)?youtube\.com\/shorts\/[\w-]+/
+    ],
+    oEmbedEndpoint: "https://www.youtube.com/oembed",
+    supportsCors: !0
+  },
+  {
+    name: "vimeo",
+    patterns: [/^https?:\/\/(www\.)?vimeo\.com\/\d+/],
+    oEmbedEndpoint: "https://vimeo.com/api/oembed.json",
+    supportsCors: !0
+  },
+  {
+    name: "loom",
+    patterns: [/^https?:\/\/(www\.)?loom\.com\/share\/[\w-]+/],
+    oEmbedEndpoint: "https://www.loom.com/v1/oembed",
+    supportsCors: !0
+  },
+  {
+    name: "tiktok",
+    patterns: [/^https?:\/\/(www\.)?tiktok\.com\/@[\w.-]+\/video\/\d+/],
+    oEmbedEndpoint: "https://www.tiktok.com/oembed",
+    supportsCors: !0
+  },
+  // Social - these do NOT support CORS, require server-side proxy
+  {
+    name: "twitter",
+    patterns: [
+      /^https?:\/\/(twitter\.com|x\.com)\/\w+\/status\/\d+/,
+      /^https?:\/\/(twitter\.com|x\.com)\/\w+\/moments\/\d+/
+    ],
+    oEmbedEndpoint: "https://publish.twitter.com/oembed",
+    supportsCors: !1
+  },
+  {
+    name: "instagram",
+    patterns: [
+      /^https?:\/\/(www\.)?instagram\.com\/(p|reel)\/[\w-]+/,
+      /^https?:\/\/instagr\.am\/(p|reel)\/[\w-]+/
+    ],
+    oEmbedEndpoint: "https://graph.facebook.com/v10.0/instagram_oembed",
+    supportsCors: !1
+  },
+  // Dev - CodePen and CodeSandbox support CORS
+  {
+    name: "codepen",
+    patterns: [/^https?:\/\/(www\.)?codepen\.io\/[\w-]+\/pen\/[\w-]+/],
+    oEmbedEndpoint: "https://codepen.io/api/oembed",
+    supportsCors: !0
+  },
+  {
+    name: "codesandbox",
+    patterns: [/^https?:\/\/(www\.)?codesandbox\.io\/s\/[\w-]+/],
+    oEmbedEndpoint: "https://codesandbox.io/oembed",
+    supportsCors: !0
+  },
+  {
+    name: "github-gist",
+    patterns: [/^https?:\/\/gist\.github\.com\/[\w-]+\/[\w]+/],
+    supportsCors: !1
+  },
+  // Design
+  {
+    name: "figma",
+    patterns: [
+      /^https?:\/\/(www\.)?figma\.com\/(file|design)\/[\w-]+/,
+      /^https?:\/\/(www\.)?figma\.com\/proto\/[\w-]+/
+    ],
+    oEmbedEndpoint: "https://www.figma.com/api/oembed",
+    supportsCors: !0
+  },
+  {
+    name: "dribbble",
+    patterns: [/^https?:\/\/(www\.)?dribbble\.com\/shots\/[\w-]+/],
+    supportsCors: !1
+  },
+  // Music - Spotify and SoundCloud support CORS
+  {
+    name: "spotify",
+    patterns: [/^https?:\/\/open\.spotify\.com\/(track|album|playlist|episode|show)\/[\w]+/],
+    oEmbedEndpoint: "https://open.spotify.com/oembed",
+    supportsCors: !0
+  },
+  {
+    name: "soundcloud",
+    patterns: [/^https?:\/\/(www\.)?soundcloud\.com\/[\w-]+\/[\w-]+/],
+    oEmbedEndpoint: "https://soundcloud.com/oembed",
+    supportsCors: !0
+  },
+  // Other
+  {
+    name: "slideshare",
+    patterns: [/^https?:\/\/(www\.)?slideshare\.net\/[\w-]+\/[\w-]+/],
+    oEmbedEndpoint: "https://www.slideshare.net/api/oembed/2",
+    supportsCors: !1
+  }
+];
+function c(t, e = u) {
+  for (const n of e)
+    for (const r of n.patterns)
+      if (r.test(t))
+        return n;
+  return null;
+}
+function h(t) {
+  try {
+    return new URL(t), !0;
+  } catch {
+    return !1;
+  }
+}
+async function g(t, e) {
+  if (!(e.oEmbedEndpoint && e.supportsCors))
+    return null;
+  try {
+    const n = new URL(e.oEmbedEndpoint);
+    n.searchParams.set("url", t), n.searchParams.set("format", "json");
+    const r = await fetch(n.toString(), {
+      headers: {
+        Accept: "application/json"
+      }
+    });
+    return r.ok ? await r.json() : null;
+  } catch {
+    return null;
+  }
+}
+function E(t, e) {
+  return t.html ? {
+    ...e,
+    type: "oembed",
+    html: t.html,
+    ...t.width !== void 0 && { width: t.width },
+    ...t.height !== void 0 && { height: t.height },
+    ...t.title !== void 0 && { title: t.title },
+    ...t.description !== void 0 && { description: t.description },
+    ...t.thumbnail_url !== void 0 && { image: t.thumbnail_url },
+    ...t.provider_name !== void 0 && { siteName: t.provider_name }
+  } : t.title || t.thumbnail_url ? {
+    ...e,
+    type: "ogp",
+    ...t.title !== void 0 && { title: t.title },
+    ...t.description !== void 0 && { description: t.description },
+    ...t.thumbnail_url !== void 0 && { image: t.thumbnail_url },
+    ...t.provider_name !== void 0 && { siteName: t.provider_name }
+  } : null;
+}
+function y(t = u) {
+  return async (e) => {
+    const n = c(e, t), r = {
+      url: e,
+      type: "link",
+      ...n?.name !== void 0 && { provider: n.name }
+    };
+    if (!(n?.oEmbedEndpoint && n.supportsCors))
+      return r;
+    const s = await g(e, n);
+    return s ? E(s, r) ?? r : r;
+  };
+}
+const C = new b("vizelEmbedPaste");
+function k(t) {
+  const e = document.createElement("div");
+  e.className = "vizel-embed-loading", e.textContent = "Loading...", t.appendChild(e);
+}
+function z(t, e) {
+  t.innerHTML = e;
+}
+function N(t, e) {
+  const n = document.createElement("a");
+  if (n.href = e.url, n.target = "_blank", n.rel = "noopener noreferrer", n.className = "vizel-embed-card", e.image) {
+    const a = document.createElement("img");
+    a.src = e.image, a.alt = e.title ?? "", a.className = "vizel-embed-card-image", n.appendChild(a);
+  }
+  const r = document.createElement("div");
+  if (r.className = "vizel-embed-card-content", e.title) {
+    const a = document.createElement("div");
+    a.className = "vizel-embed-card-title", a.textContent = e.title, r.appendChild(a);
+  }
+  if (e.description) {
+    const a = document.createElement("div");
+    a.className = "vizel-embed-card-description", a.textContent = e.description, r.appendChild(a);
+  }
+  const s = document.createElement("div");
+  if (s.className = "vizel-embed-card-meta", e.favicon) {
+    const a = document.createElement("img");
+    a.src = e.favicon, a.alt = "", a.className = "vizel-embed-card-favicon", s.appendChild(a);
+  }
+  if (e.siteName) {
+    const a = document.createElement("span");
+    a.textContent = e.siteName, s.appendChild(a);
+  }
+  s.hasChildNodes() && r.appendChild(s), n.appendChild(r), t.appendChild(n);
+}
+function D(t, e, n) {
+  const r = document.createElement("a");
+  r.href = e, r.target = "_blank", r.rel = "noopener noreferrer", r.className = "vizel-embed-link", r.textContent = n ?? e, t.appendChild(r);
+}
+const x = w.create({
+  name: "embed",
+  group() {
+    return this.options.inline ? "inline" : "block";
+  },
+  inline() {
+    return this.options.inline ?? !1;
+  },
+  atom: !0,
+  draggable: !0,
+  addOptions() {
+    return {
+      fetchEmbedData: y(),
+      providers: u,
+      HTMLAttributes: {
+        class: "vizel-embed"
+      },
+      pasteHandler: !0,
+      inline: !1
+    };
+  },
+  addAttributes() {
+    return {
+      url: {
+        default: null
+      },
+      type: {
+        default: "link"
+      },
+      provider: {
+        default: null
+      },
+      html: {
+        default: null
+      },
+      width: {
+        default: null
+      },
+      height: {
+        default: null
+      },
+      title: {
+        default: null
+      },
+      description: {
+        default: null
+      },
+      image: {
+        default: null
+      },
+      siteName: {
+        default: null
+      },
+      favicon: {
+        default: null
+      },
+      loading: {
+        default: !1
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-vizel-embed="true"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    const e = f(this.options.HTMLAttributes ?? {}, t, {
+      "data-vizel-embed": "true",
+      "data-embed-type": t.type,
+      "data-embed-provider": t.provider
+    });
+    return t.type === "oembed" && t.html ? ["div", e, ["div", { class: "vizel-embed-content" }]] : t.type === "ogp" ? [
+      "div",
+      e,
+      [
+        "a",
+        {
+          href: t.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          class: "vizel-embed-card"
+        },
+        t.title || t.url
+      ]
+    ] : [
+      "div",
+      e,
+      [
+        "a",
+        {
+          href: t.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          class: "vizel-embed-link"
+        },
+        t.title || t.url
+      ]
+    ];
+  },
+  addCommands() {
+    return {
+      setEmbed: ({ url: t }) => ({ commands: e, editor: n }) => {
+        if (!h(t))
+          return !1;
+        const r = c(t, this.options.providers), s = {
+          url: t,
+          type: "link",
+          loading: !0
+        };
+        r && (s.provider = r.name);
+        const a = e.insertContent({
+          type: this.name,
+          attrs: s
+        });
+        return this.options.fetchEmbedData && this.options.fetchEmbedData(t).then((o) => {
+          n.state.doc.descendants((i, p) => i.type.name === this.name && i.attrs.url === t && i.attrs.loading ? (n.chain().focus().command(({ tr: l }) => (l.setNodeMarkup(p, void 0, {
+            ...i.attrs,
+            ...o,
+            loading: !1
+          }), !0)).run(), !1) : !0);
+        }).catch((o) => {
+          console.error("Failed to fetch embed data:", o), n.state.doc.descendants((i, p) => i.type.name === this.name && i.attrs.url === t && i.attrs.loading ? (n.chain().focus().command(({ tr: l }) => (l.setNodeMarkup(p, void 0, {
+            ...i.attrs,
+            type: "link",
+            loading: !1
+          }), !0)).run(), !1) : !0);
+        }), a;
+      },
+      updateEmbed: (t) => ({ state: e, tr: n }) => {
+        const { selection: r } = e, s = e.doc.nodeAt(r.from);
+        return s?.type.name !== this.name ? !1 : (n.setNodeMarkup(r.from, void 0, {
+          ...s.attrs,
+          ...t
+        }), !0);
+      }
+    };
+  },
+  addNodeView() {
+    return ({ node: t, HTMLAttributes: e }) => {
+      const n = document.createElement("div"), r = document.createElement("div");
+      r.className = "vizel-embed-content";
+      const s = f(this.options.HTMLAttributes ?? {}, e, {
+        "data-vizel-embed": "true",
+        "data-embed-type": t.attrs.type,
+        "data-embed-provider": t.attrs.provider,
+        contenteditable: "false",
+        draggable: "true"
+      });
+      for (const [o, i] of Object.entries(s))
+        i != null && n.setAttribute(o, String(i));
+      n.appendChild(r);
+      const a = () => {
+        if (r.innerHTML = "", t.attrs.loading) {
+          k(r);
+          return;
+        }
+        if (t.attrs.type === "oembed" && t.attrs.html) {
+          z(r, t.attrs.html);
+          return;
+        }
+        if (t.attrs.type === "ogp") {
+          N(r, {
+            url: t.attrs.url,
+            image: t.attrs.image,
+            title: t.attrs.title,
+            description: t.attrs.description,
+            favicon: t.attrs.favicon,
+            siteName: t.attrs.siteName
+          });
+          return;
+        }
+        D(r, t.attrs.url, t.attrs.title);
+      };
+      return a(), {
+        dom: n,
+        contentDOM: null,
+        // atom node, no editable content
+        update(o) {
+          return o.type.name !== t.type.name ? !1 : (t = o, n.setAttribute("data-embed-type", t.attrs.type), n.setAttribute("data-embed-provider", t.attrs.provider ?? ""), a(), !0);
+        }
+      };
+    };
+  },
+  addProseMirrorPlugins() {
+    if (!this.options.pasteHandler)
+      return [];
+    const t = this;
+    return [
+      new v({
+        key: C,
+        props: {
+          handlePaste(e, n) {
+            const r = n.clipboardData?.getData("text/plain");
+            if (!r) return !1;
+            const s = r.trim();
+            if (!h(s)) return !1;
+            const a = c(s, t.options.providers);
+            if (!a) return !1;
+            n.preventDefault();
+            const { state: o } = e, { selection: i } = o;
+            if (!i.empty)
+              return !1;
+            const p = o.schema.nodes[t.name];
+            return p ? (e.dispatch(
+              o.tr.replaceSelectionWith(
+                p.create({
+                  url: s,
+                  type: "link",
+                  provider: a.name,
+                  loading: !0
+                })
+              )
+            ), t.options.fetchEmbedData && t.options.fetchEmbedData(s).then((l) => {
+              e.state.doc.descendants((d, m) => d.type.name === t.name && d.attrs.url === s && d.attrs.loading ? (e.dispatch(
+                e.state.tr.setNodeMarkup(m, void 0, {
+                  ...d.attrs,
+                  ...l,
+                  loading: !1
+                })
+              ), !1) : !0);
+            }).catch((l) => {
+              console.error("Failed to fetch embed data:", l), e.state.doc.descendants((d, m) => d.type.name === t.name && d.attrs.url === s && d.attrs.loading ? (e.dispatch(
+                e.state.tr.setNodeMarkup(m, void 0, {
+                  ...d.attrs,
+                  type: "link",
+                  loading: !1
+                })
+              ), !1) : !0);
+            }), !0) : !1;
+          }
+        }
+      })
+    ];
+  }
+});
+function O(t = {}) {
+  return x.configure(t);
+}
+export {
+  x as VizelEmbed,
+  y as createVizelDefaultFetchEmbedData,
+  O as createVizelEmbedExtension,
+  c as detectVizelEmbedProvider,
+  u as vizelDefaultEmbedProviders,
+  C as vizelEmbedPastePluginKey
+};