@makefully/notefully 0.1.2 → 0.1.4

package/dist/notefully.js

@@ -1,4 +1,4 @@
-function ae(t, e) {
+function oe(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
@@ -16,15 +16,15 @@ const se = /* @__PURE__ */ (() => {
   );
   return () => (t += 1, `u${e()}${t}`);
 })();
-function H(t) {
+function j(t) {
   const e = [];
   for (let r = 0, n = t.length; r < n; r++)
     e.push(t[r]);
   return e;
 }
-let N = null;
-function Ht(t = {}) {
-  return N || (t.includeStyleProperties ? (N = t.includeStyleProperties, N) : (N = H(window.getComputedStyle(document.documentElement)), N));
+let _ = null;
+function jt(t = {}) {
+  return _ || (t.includeStyleProperties ? (_ = t.includeStyleProperties, _) : (_ = j(window.getComputedStyle(document.documentElement)), _));
 }
 function X(t, e) {
   const n = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
@@ -69,8 +69,8 @@ async function fe(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
 async function he(t, e, r) {
-  const n = "http://www.w3.org/2000/svg", i = document.createElementNS(n, "svg"), o = document.createElementNS(n, "foreignObject");
-  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${r}`), i.setAttribute("viewBox", `0 0 ${e} ${r}`), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("x", "0"), o.setAttribute("y", "0"), o.setAttribute("externalResourcesRequired", "true"), i.appendChild(o), o.appendChild(t), fe(i);
+  const n = "http://www.w3.org/2000/svg", i = document.createElementNS(n, "svg"), a = document.createElementNS(n, "foreignObject");
+  return i.setAttribute("width", `${e}`), i.setAttribute("height", `${r}`), i.setAttribute("viewBox", `0 0 ${e} ${r}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(t), fe(i);
 }
 const C = (t, e) => {
   if (t instanceof e)
@@ -83,27 +83,27 @@ function pe(t) {
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
 function me(t, e) {
-  return Ht(e).map((r) => {
+  return jt(e).map((r) => {
     const n = t.getPropertyValue(r), i = t.getPropertyPriority(r);
     return `${r}: ${n}${i ? " !important" : ""};`;
   }).join(" ");
 }
 function ye(t, e, r, n) {
-  const i = `.${t}:${e}`, o = r.cssText ? pe(r) : me(r, n);
-  return document.createTextNode(`${i}{${o}}`);
+  const i = `.${t}:${e}`, a = r.cssText ? pe(r) : me(r, n);
+  return document.createTextNode(`${i}{${a}}`);
 }
 function Et(t, e, r, n) {
-  const i = window.getComputedStyle(t, r), o = i.getPropertyValue("content");
-  if (o === "" || o === "none")
+  const i = window.getComputedStyle(t, r), a = i.getPropertyValue("content");
+  if (a === "" || a === "none")
     return;
-  const a = se();
+  const o = se();
   try {
-    e.className = `${e.className} ${a}`;
+    e.className = `${e.className} ${o}`;
   } catch {
     return;
   }
   const s = document.createElement("style");
-  s.appendChild(ye(a, r, i, n)), e.appendChild(s);
+  s.appendChild(ye(o, r, i, n)), e.appendChild(s);
 }
 function ge(t, e, r) {
   Et(t, e, ":before", r), Et(t, e, ":after", r);
@@ -143,37 +143,37 @@ async function Vt(t, e, r) {
   if (n.status === 404)
     throw new Error(`Resource "${n.url}" not found`);
   const i = await n.blob();
-  return new Promise((o, a) => {
+  return new Promise((a, o) => {
     const s = new FileReader();
-    s.onerror = a, s.onloadend = () => {
+    s.onerror = o, s.onloadend = () => {
       try {
-        o(r({ res: n, result: s.result }));
+        a(r({ res: n, result: s.result }));
       } catch (l) {
-        a(l);
+        o(l);
       }
     }, s.readAsDataURL(i);
   });
 }
-const ot = {};
+const at = {};
 function Se(t, e, r) {
   let n = t.replace(/\?.*/, "");
   return r && (n = t), /ttf|otf|eot|woff2?/i.test(n) && (n = n.replace(/.*\//, "")), e ? `[${e}]${n}` : n;
 }
 async function bt(t, e, r) {
   const n = Se(t, e, r.includeQueryParams);
-  if (ot[n] != null)
-    return ot[n];
+  if (at[n] != null)
+    return at[n];
   r.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let i;
   try {
-    const o = await Vt(t, r.fetchRequestInit, ({ res: a, result: s }) => (e || (e = a.headers.get("Content-Type") || ""), ve(s)));
-    i = xe(o, e);
-  } catch (o) {
+    const a = await Vt(t, r.fetchRequestInit, ({ res: o, result: s }) => (e || (e = o.headers.get("Content-Type") || ""), ve(s)));
+    i = xe(a, e);
+  } catch (a) {
     i = r.imagePlaceholder || "";
-    let a = `Failed to fetch resource: ${t}`;
-    o && (a = typeof o == "string" ? o : o.message), a && console.warn(a);
+    let o = `Failed to fetch resource: ${t}`;
+    a && (o = typeof a == "string" ? a : a.message), o && console.warn(o);
   }
-  return ot[n] = i, i;
+  return at[n] = i, i;
 }
 async function Ee(t) {
   const e = t.toDataURL();
@@ -181,9 +181,9 @@ async function Ee(t) {
 }
 async function Ce(t, e) {
   if (t.currentSrc) {
-    const o = document.createElement("canvas"), a = o.getContext("2d");
-    o.width = t.clientWidth, o.height = t.clientHeight, a == null || a.drawImage(t, 0, 0, o.width, o.height);
-    const s = o.toDataURL();
+    const a = document.createElement("canvas"), o = a.getContext("2d");
+    a.width = t.clientWidth, a.height = t.clientHeight, o == null || o.drawImage(t, 0, 0, a.width, a.height);
+    const s = a.toDataURL();
     return Y(s);
   }
   const r = t.poster, n = wt(r), i = await bt(r, n, e);
@@ -206,8 +206,8 @@ async function Le(t, e, r) {
   var n, i;
   if (Bt(e))
     return e;
-  let o = [];
-  return Re(t) && t.assignedNodes ? o = H(t.assignedNodes()) : C(t, HTMLIFrameElement) && (!((n = t.contentDocument) === null || n === void 0) && n.body) ? o = H(t.contentDocument.body.childNodes) : o = H(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), o.length === 0 || C(t, HTMLVideoElement) || await o.reduce((a, s) => a.then(() => tt(s, r)).then((l) => {
+  let a = [];
+  return Re(t) && t.assignedNodes ? a = j(t.assignedNodes()) : C(t, HTMLIFrameElement) && (!((n = t.contentDocument) === null || n === void 0) && n.body) ? a = j(t.contentDocument.body.childNodes) : a = j(((i = t.shadowRoot) !== null && i !== void 0 ? i : t).childNodes), a.length === 0 || C(t, HTMLVideoElement) || await a.reduce((o, s) => o.then(() => tt(s, r)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
@@ -216,9 +216,9 @@ function Pe(t, e, r) {
   if (!n)
     return;
   const i = window.getComputedStyle(t);
-  i.cssText ? (n.cssText = i.cssText, n.transformOrigin = i.transformOrigin) : Ht(r).forEach((o) => {
-    let a = i.getPropertyValue(o);
-    o === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - 0.1}px`), C(t, HTMLIFrameElement) && o === "display" && a === "inline" && (a = "block"), o === "d" && e.getAttribute("d") && (a = `path(${e.getAttribute("d")})`), n.setProperty(o, a, i.getPropertyPriority(o));
+  i.cssText ? (n.cssText = i.cssText, n.transformOrigin = i.transformOrigin) : jt(r).forEach((a) => {
+    let o = i.getPropertyValue(a);
+    a === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), C(t, HTMLIFrameElement) && a === "display" && o === "inline" && (o = "block"), a === "d" && e.getAttribute("d") && (o = `path(${e.getAttribute("d")})`), n.setProperty(a, o, i.getPropertyPriority(a));
   });
 }
 function ke(t, e) {
@@ -238,8 +238,8 @@ async function Ie(t, e) {
   if (r.length === 0)
     return t;
   const n = {};
-  for (let o = 0; o < r.length; o++) {
-    const s = r[o].getAttribute("xlink:href");
+  for (let a = 0; a < r.length; a++) {
+    const s = r[a].getAttribute("xlink:href");
     if (s) {
       const l = t.querySelector(s), v = document.querySelector(s);
       !l && v && !n[s] && (n[s] = await tt(v, e, !0));
@@ -247,39 +247,39 @@ async function Ie(t, e) {
   }
   const i = Object.values(n);
   if (i.length) {
-    const o = "http://www.w3.org/1999/xhtml", a = document.createElementNS(o, "svg");
-    a.setAttribute("xmlns", o), a.style.position = "absolute", a.style.width = "0", a.style.height = "0", a.style.overflow = "hidden", a.style.display = "none";
-    const s = document.createElementNS(o, "defs");
-    a.appendChild(s);
+    const a = "http://www.w3.org/1999/xhtml", o = document.createElementNS(a, "svg");
+    o.setAttribute("xmlns", a), o.style.position = "absolute", o.style.width = "0", o.style.height = "0", o.style.overflow = "hidden", o.style.display = "none";
+    const s = document.createElementNS(a, "defs");
+    o.appendChild(s);
     for (let l = 0; l < i.length; l++)
       s.appendChild(i[l]);
-    t.appendChild(a);
+    t.appendChild(o);
   }
   return t;
 }
 async function tt(t, e, r) {
   return !r && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((n) => $e(n, e)).then((n) => Le(t, n, e)).then((n) => Ae(t, n, e)).then((n) => Ie(n, e));
 }
-const Nt = /url\((['"]?)([^'"]+?)\1\)/g, De = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, je = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Fe(t) {
+const _t = /url\((['"]?)([^'"]+?)\1\)/g, De = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Fe = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Oe(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function Oe(t) {
+function He(t) {
   const e = [];
-  return t.replace(Nt, (r, n, i) => (e.push(i), r)), e.filter((r) => !ct(r));
+  return t.replace(_t, (r, n, i) => (e.push(i), r)), e.filter((r) => !ct(r));
 }
-async function He(t, e, r, n, i) {
+async function je(t, e, r, n, i) {
   try {
-    const o = r ? ae(e, r) : e, a = wt(e);
+    const a = r ? oe(e, r) : e, o = wt(e);
     let s;
-    return i || (s = await bt(o, a, n)), t.replace(Fe(e), `$1${s}$3`);
+    return i || (s = await bt(a, o, n)), t.replace(Oe(e), `$1${s}$3`);
   } catch {
   }
   return t;
 }
 function Ue(t, { preferredFontFormat: e }) {
-  return e ? t.replace(je, (r) => {
+  return e ? t.replace(Fe, (r) => {
     for (; ; ) {
       const [n, , i] = De.exec(r) || [];
       if (!i)
@@ -289,52 +289,52 @@ function Ue(t, { preferredFontFormat: e }) {
     }
   }) : t;
 }
-function _t(t) {
-  return t.search(Nt) !== -1;
+function Nt(t) {
+  return t.search(_t) !== -1;
 }
 async function Wt(t, e, r) {
-  if (!_t(t))
+  if (!Nt(t))
     return t;
   const n = Ue(t, r);
-  return Oe(n).reduce((o, a) => o.then((s) => He(s, a, e, r)), Promise.resolve(n));
+  return He(n).reduce((a, o) => a.then((s) => je(s, o, e, r)), Promise.resolve(n));
 }
-async function _(t, e, r) {
+async function N(t, e, r) {
   var n;
   const i = (n = e.style) === null || n === void 0 ? void 0 : n.getPropertyValue(t);
   if (i) {
-    const o = await Wt(i, null, r);
-    return e.style.setProperty(t, o, e.style.getPropertyPriority(t)), !0;
+    const a = await Wt(i, null, r);
+    return e.style.setProperty(t, a, e.style.getPropertyPriority(t)), !0;
   }
   return !1;
 }
 async function Ve(t, e) {
-  await _("background", t, e) || await _("background-image", t, e), await _("mask", t, e) || await _("-webkit-mask", t, e) || await _("mask-image", t, e) || await _("-webkit-mask-image", t, e);
+  await N("background", t, e) || await N("background-image", t, e), await N("mask", t, e) || await N("-webkit-mask", t, e) || await N("mask-image", t, e) || await N("-webkit-mask-image", t, e);
 }
 async function Be(t, e) {
   const r = C(t, HTMLImageElement);
   if (!(r && !ct(t.src)) && !(C(t, SVGImageElement) && !ct(t.href.baseVal)))
     return;
   const n = r ? t.src : t.href.baseVal, i = await bt(n, wt(n), e);
-  await new Promise((o, a) => {
-    t.onload = o, t.onerror = e.onImageErrorHandler ? (...l) => {
+  await new Promise((a, o) => {
+    t.onload = a, t.onerror = e.onImageErrorHandler ? (...l) => {
       try {
-        o(e.onImageErrorHandler(...l));
+        a(e.onImageErrorHandler(...l));
       } catch (v) {
-        a(v);
+        o(v);
       }
-    } : a;
+    } : o;
     const s = t;
-    s.decode && (s.decode = o), s.loading === "lazy" && (s.loading = "eager"), r ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
+    s.decode && (s.decode = a), s.loading === "lazy" && (s.loading = "eager"), r ? (t.srcset = "", t.src = i) : t.href.baseVal = i;
   });
 }
-async function Ne(t, e) {
-  const n = H(t.childNodes).map((i) => qt(i, e));
+async function _e(t, e) {
+  const n = j(t.childNodes).map((i) => qt(i, e));
   await Promise.all(n).then(() => t);
 }
 async function qt(t, e) {
-  C(t, Element) && (await Ve(t, e), await Be(t, e), await Ne(t, e));
+  C(t, Element) && (await Ve(t, e), await Be(t, e), await _e(t, e));
 }
-function _e(t, e) {
+function Ne(t, e) {
   const { style: r } = t;
   e.backgroundColor && (r.backgroundColor = e.backgroundColor), e.width && (r.width = `${e.width}px`), e.height && (r.height = `${e.height}px`);
   const n = e.style;
@@ -352,11 +352,11 @@ async function Rt(t) {
 }
 async function Lt(t, e) {
   let r = t.cssText;
-  const n = /url\(["']?([^"')]+)["']?\)/g, o = (r.match(/url\([^)]+\)/g) || []).map(async (a) => {
-    let s = a.replace(n, "$1");
-    return s.startsWith("https://") || (s = new URL(s, t.url).href), Vt(s, e.fetchRequestInit, ({ result: l }) => (r = r.replace(a, `url(${l})`), [a, l]));
+  const n = /url\(["']?([^"')]+)["']?\)/g, a = (r.match(/url\([^)]+\)/g) || []).map(async (o) => {
+    let s = o.replace(n, "$1");
+    return s.startsWith("https://") || (s = new URL(s, t.url).href), Vt(s, e.fetchRequestInit, ({ result: l }) => (r = r.replace(o, `url(${l})`), [o, l]));
   });
-  return Promise.all(o).then(() => r);
+  return Promise.all(a).then(() => r);
 }
 function Pt(t) {
   if (t == null)
@@ -371,15 +371,15 @@ function Pt(t) {
     e.push(l[0]);
   }
   n = n.replace(i, "");
-  const o = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, a = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", s = new RegExp(a, "gi");
+  const a = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, o = "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", s = new RegExp(o, "gi");
   for (; ; ) {
-    let l = o.exec(n);
+    let l = a.exec(n);
     if (l === null) {
       if (l = s.exec(n), l === null)
         break;
-      o.lastIndex = s.lastIndex;
+      a.lastIndex = s.lastIndex;
     } else
-      s.lastIndex = o.lastIndex;
+      s.lastIndex = a.lastIndex;
     e.push(l[0]);
   }
   return e;
@@ -389,15 +389,15 @@ async function We(t, e) {
   return t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        H(i.cssRules || []).forEach((o, a) => {
-          if (o.type === CSSRule.IMPORT_RULE) {
-            let s = a + 1;
-            const l = o.href, v = Rt(l).then((y) => Lt(y, e)).then((y) => Pt(y).forEach((h) => {
+        j(i.cssRules || []).forEach((a, o) => {
+          if (a.type === CSSRule.IMPORT_RULE) {
+            let s = o + 1;
+            const l = a.href, v = Rt(l).then((y) => Lt(y, e)).then((y) => Pt(y).forEach((p) => {
               try {
-                i.insertRule(h, h.startsWith("@import") ? s += 1 : i.cssRules.length);
+                i.insertRule(p, p.startsWith("@import") ? s += 1 : i.cssRules.length);
               } catch (g) {
                 console.error("Error inserting rule from remote css", {
-                  rule: h,
+                  rule: p,
                   error: g
                 });
               }
@@ -407,32 +407,32 @@ async function We(t, e) {
             n.push(v);
           }
         });
-      } catch (o) {
-        const a = t.find((s) => s.href == null) || document.styleSheets[0];
+      } catch (a) {
+        const o = t.find((s) => s.href == null) || document.styleSheets[0];
         i.href != null && n.push(Rt(i.href).then((s) => Lt(s, e)).then((s) => Pt(s).forEach((l) => {
-          a.insertRule(l, a.cssRules.length);
+          o.insertRule(l, o.cssRules.length);
         })).catch((s) => {
           console.error("Error loading remote stylesheet", s);
-        })), console.error("Error inlining remote css file", o);
+        })), console.error("Error inlining remote css file", a);
       }
   }), Promise.all(n).then(() => (t.forEach((i) => {
     if ("cssRules" in i)
       try {
-        H(i.cssRules || []).forEach((o) => {
-          r.push(o);
+        j(i.cssRules || []).forEach((a) => {
+          r.push(a);
         });
-      } catch (o) {
-        console.error(`Error while reading CSS rules from ${i.href}`, o);
+      } catch (a) {
+        console.error(`Error while reading CSS rules from ${i.href}`, a);
       }
   }), r));
 }
 function qe(t) {
-  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => _t(e.style.getPropertyValue("src")));
+  return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Nt(e.style.getPropertyValue("src")));
 }
 async function ze(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const r = H(t.ownerDocument.styleSheets), n = await We(r, e);
+  const r = j(t.ownerDocument.styleSheets), n = await We(r, e);
   return qe(n);
 }
 function zt(t) {
@@ -441,19 +441,19 @@ function zt(t) {
 function Ke(t) {
   const e = /* @__PURE__ */ new Set();
   function r(n) {
-    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((o) => {
-      e.add(zt(o));
-    }), Array.from(n.children).forEach((o) => {
-      o instanceof HTMLElement && r(o);
+    (n.style.fontFamily || getComputedStyle(n).fontFamily).split(",").forEach((a) => {
+      e.add(zt(a));
+    }), Array.from(n.children).forEach((a) => {
+      a instanceof HTMLElement && r(a);
     });
   }
   return r(t), e;
 }
 async function Xe(t, e) {
   const r = await ze(t, e), n = Ke(t);
-  return (await Promise.all(r.filter((o) => n.has(zt(o.style.fontFamily))).map((o) => {
-    const a = o.parentStyleSheet ? o.parentStyleSheet.href : null;
-    return Wt(o.cssText, a, e);
+  return (await Promise.all(r.filter((a) => n.has(zt(a.style.fontFamily))).map((a) => {
+    const o = a.parentStyleSheet ? a.parentStyleSheet.href : null;
+    return Wt(a.cssText, o, e);
   }))).join(`
 `);
 }
@@ -466,11 +466,11 @@ async function Ye(t, e) {
 }
 async function Ge(t, e = {}) {
   const { width: r, height: n } = Ut(t, e), i = await tt(t, e, !0);
-  return await Ye(i, e), await qt(i, e), _e(i, e), await he(i, r, n);
+  return await Ye(i, e), await qt(i, e), Ne(i, e), await he(i, r, n);
 }
 async function Je(t, e = {}) {
-  const { width: r, height: n } = Ut(t, e), i = await Ge(t, e), o = await Y(i), a = document.createElement("canvas"), s = a.getContext("2d"), l = e.pixelRatio || ue(), v = e.canvasWidth || r, y = e.canvasHeight || n;
-  return a.width = v * l, a.height = y * l, e.skipAutoScale || de(a), a.style.width = `${v}`, a.style.height = `${y}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, a.width, a.height)), s.drawImage(o, 0, 0, a.width, a.height), a;
+  const { width: r, height: n } = Ut(t, e), i = await Ge(t, e), a = await Y(i), o = document.createElement("canvas"), s = o.getContext("2d"), l = e.pixelRatio || ue(), v = e.canvasWidth || r, y = e.canvasHeight || n;
+  return o.width = v * l, o.height = y * l, e.skipAutoScale || de(o), o.style.width = `${v}`, o.style.height = `${y}`, e.backgroundColor && (s.fillStyle = e.backgroundColor, s.fillRect(0, 0, o.width, o.height)), s.drawImage(a, 0, 0, o.width, o.height), o;
 }
 async function Ze(t, e = {}) {
   return (await Je(t, e)).toDataURL();
@@ -533,79 +533,79 @@ const kt = /* @__PURE__ */ new Set(["userId", "email", "displayName"]), Tt = {
   "endpoint",
   "projectKey",
   "version",
+  "name",
   "targets",
   "hideLauncher",
   "theme",
   "video"
 ]), It = {
-  slug: "Project slug comes from the relay project tied to your projectKey (Showfully Notefully settings) — it is not a widget init option.",
-  projectSlug: "Project slug comes from the relay project tied to your projectKey (Showfully Notefully settings) — it is not a widget init option.",
-  project: "Pass projectKey (nfk_…) from Showfully Notefully settings — there is no project slug/name option on the widget.",
+  slug: "Use init({ name }) for a per-app report prefix (same idea as package.json name). slug is not a widget option.",
+  projectSlug: "Use init({ name }) for a per-app report prefix. projectSlug is not a widget option.",
+  project: "Pass projectKey (nfk_…) from Showfully Notefully settings — there is no project option on the widget.",
   username: "Pass people via Notefully.identify({ displayName }) (username is an identify alias), not init().",
   userId: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
   email: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
-  displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init().",
-  name: "Pass people via Notefully.identify({ displayName }) (name is an identify alias), not init()."
+  displayName: "Pass people via Notefully.identify({ userId, email, displayName }), not init()."
 };
 function nn(t = {}, e = {}) {
-  const r = e.warn || Kt, n = t && typeof t == "object" ? t : {}, i = {}, o = [];
-  for (const a of kt)
-    Object.prototype.hasOwnProperty.call(n, a) && (i[a] = n[a]);
-  for (const [a, s] of Object.entries(Tt))
-    Object.prototype.hasOwnProperty.call(n, a) && (Object.prototype.hasOwnProperty.call(i, s) || (i[s] = n[a]));
-  for (const a of Object.keys(n))
-    kt.has(a) || Object.prototype.hasOwnProperty.call(Tt, a) || o.push(a);
-  if (o.length) {
-    const a = o.some((s) => s === "slug" || s === "projectSlug") ? " Project slug is relay/dashboard config from the project key, not identify()." : "";
+  const r = e.warn || Kt, n = t && typeof t == "object" ? t : {}, i = {}, a = [];
+  for (const o of kt)
+    Object.prototype.hasOwnProperty.call(n, o) && (i[o] = n[o]);
+  for (const [o, s] of Object.entries(Tt))
+    Object.prototype.hasOwnProperty.call(n, o) && (Object.prototype.hasOwnProperty.call(i, s) || (i[s] = n[o]));
+  for (const o of Object.keys(n))
+    kt.has(o) || Object.prototype.hasOwnProperty.call(Tt, o) || a.push(o);
+  if (a.length) {
+    const o = a.some((s) => s === "name" || s === "slug" || s === "projectSlug") ? " Pass the package/report name via Notefully.init({ name }), not identify()." : "";
     r(
-      `Notefully.identify: ignoring unknown key(s): ${o.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + a
+      `Notefully.identify: ignoring unknown key(s): ${a.join(", ")}. Supported: userId, email, displayName (aliases: id → userId; username/name → displayName).` + o
     );
   }
   return i;
 }
 function rn(t = {}, e = {}) {
-  const r = e.warn || Kt, n = t && typeof t == "object" ? t : {}, i = Object.keys(n).filter((o) => !At.has(o));
+  const r = e.warn || Kt, n = t && typeof t == "object" ? t : {}, i = Object.keys(n).filter((a) => !At.has(a));
   if (i.length)
-    for (const o of i) {
-      if (It[o]) {
-        r(`Notefully.init: ignoring "${o}". ${It[o]}`);
+    for (const a of i) {
+      if (It[a]) {
+        r(`Notefully.init: ignoring "${a}". ${It[a]}`);
         continue;
       }
       r(
-        `Notefully.init: ignoring unknown key "${o}". Supported: ${[...At].join(", ")}.`
+        `Notefully.init: ignoring unknown key "${a}". Supported: ${[...At].join(", ")}.`
       );
     }
 }
 function Kt(t) {
   typeof console < "u" && typeof console.warn == "function" && console.warn(t);
 }
-const on = 80;
-function an() {
+const an = 80;
+function on() {
   const t = [], e = {};
   let r = !1;
-  const n = (o, a) => {
+  const n = (a, o) => {
     let s = "";
     try {
-      s = a.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
+      s = o.map((l) => l instanceof Error ? l.stack || l.message : typeof l == "string" ? l : JSON.stringify(l)).join(" ");
     } catch {
-      s = String(a[0]);
+      s = String(o[0]);
     }
     t.push({
-      level: o,
+      level: a,
       text: s.slice(0, 2e3),
       at: Date.now()
-    }), t.length > on && t.shift();
+    }), t.length > an && t.shift();
   };
   return {
     hook: () => {
-      r || typeof window > "u" || (r = !0, ["log", "info", "warn", "error"].forEach((o) => {
-        e[o] = console[o].bind(console), console[o] = (...a) => {
-          n(o, a), e[o](...a);
+      r || typeof window > "u" || (r = !0, ["log", "info", "warn", "error"].forEach((a) => {
+        e[a] = console[a].bind(console), console[a] = (...o) => {
+          n(a, o), e[a](...o);
         };
-      }), window.addEventListener("error", (o) => {
-        n("error", [o.message || "window.error"]);
-      }), window.addEventListener("unhandledrejection", (o) => {
-        n("error", [o.reason || "unhandledrejection"]);
+      }), window.addEventListener("error", (a) => {
+        n("error", [a.message || "window.error"]);
+      }), window.addEventListener("unhandledrejection", (a) => {
+        n("error", [a.reason || "unhandledrejection"]);
       }));
     },
     snapshot() {
@@ -627,10 +627,10 @@ function sn(t) {
     start: () => {
       if (!e)
         throw new Error("Speech recognition is not supported in this browser.");
-      return n ? (i(), !1) : (r = new e(), r.continuous = !0, r.interimResults = !0, r.lang = navigator.language || "en-US", r.onresult = (a) => {
+      return n ? (i(), !1) : (r = new e(), r.continuous = !0, r.interimResults = !0, r.lang = navigator.language || "en-US", r.onresult = (o) => {
         let s = "";
-        for (let l = a.resultIndex; l < a.results.length; l += 1)
-          a.results[l].isFinal && (s += a.results[l][0].transcript);
+        for (let l = o.resultIndex; l < o.results.length; l += 1)
+          o.results[l].isFinal && (s += o.results[l][0].transcript);
         s && t(s);
       }, r.onerror = () => {
         n = !1;
@@ -645,9 +645,9 @@ function sn(t) {
 }
 const cn = 60 * 1e3;
 function ln({ onStart: t, onStop: e, onError: r }) {
-  let n = null, i = null, o = [], a = null;
+  let n = null, i = null, a = [], o = null;
   const s = () => {
-    if (a && (clearTimeout(a), a = null), i && i.state !== "inactive")
+    if (o && (clearTimeout(o), o = null), i && i.state !== "inactive")
       try {
         i.stop();
       } catch {
@@ -661,7 +661,7 @@ function ln({ onStart: t, onStop: e, onError: r }) {
     s(), e(null);
   };
   return { start: async () => {
-    var y, h;
+    var y, p;
     if (!((y = navigator.mediaDevices) != null && y.getDisplayMedia))
       throw new Error("Screen recording is not supported in this browser.");
     n = await navigator.mediaDevices.getDisplayMedia({
@@ -669,14 +669,14 @@ function ln({ onStart: t, onStop: e, onError: r }) {
       audio: !1,
       preferCurrentTab: !0,
       selfBrowserSurface: "include"
-    }), o = [], i = new MediaRecorder(n, {
+    }), a = [], i = new MediaRecorder(n, {
       mimeType: MediaRecorder.isTypeSupported("video/webm;codecs=vp9") ? "video/webm;codecs=vp9" : "video/webm"
     }), i.ondataavailable = (g) => {
-      g.data && g.data.size && o.push(g.data);
+      g.data && g.data.size && a.push(g.data);
     }, i.onstop = () => {
-      const g = o.length ? new Blob(o, { type: i.mimeType || "video/webm" }) : null;
+      const g = a.length ? new Blob(a, { type: i.mimeType || "video/webm" }) : null;
       s(), e(g);
-    }, (h = n.getVideoTracks()[0]) == null || h.addEventListener("ended", () => l()), i.start(), a = setTimeout(l, cn);
+    }, (p = n.getVideoTracks()[0]) == null || p.addEventListener("ended", () => l()), i.start(), o = setTimeout(l, cn);
   }, stop: l };
 }
 function un() {
@@ -697,51 +697,51 @@ function un() {
     }
   };
 }
-const at = { x: 0, y: 0, w: 1, h: 1 };
+const ot = { x: 0, y: 0, w: 1, h: 1 };
 function Xt() {
   const t = un();
-  let e = [], r = { ...at }, n = 1;
+  let e = [], r = { ...ot }, n = 1;
   return {
-    list: () => e.filter((o) => fn(o, r)),
+    list: () => e.filter((a) => fn(a, r)),
     all: () => e.slice(),
     crop: () => ({ ...r }),
-    setCrop(o) {
-      return r = dn(o), r;
+    setCrop(a) {
+      return r = dn(a), r;
     },
     resetCrop() {
-      return r = { ...at }, r;
+      return r = { ...ot }, r;
     },
     isCropped() {
       return r.x > 1e-6 || r.y > 1e-6 || r.w < 1 - 1e-6 || r.h < 1 - 1e-6;
     },
-    add(o, a) {
+    add(a, o) {
       const s = {
         id: `s${n++}`,
-        type: o,
+        type: a,
         number: t.alloc(),
         x: 0.2,
         y: 0.2,
-        w: o === "arrow" ? 0.2 : 0.22,
-        h: o === "arrow" ? 0.05 : 0.16,
+        w: a === "arrow" ? 0.2 : 0.22,
+        h: a === "arrow" ? 0.05 : 0.16,
         x2: 0.4,
         y2: 0.28,
-        ...a
+        ...o
       };
       return e.push(s), s;
     },
-    update(o, a) {
-      const s = e.find((l) => l.id === o);
-      return s ? (Object.assign(s, a), s) : null;
+    update(a, o) {
+      const s = e.find((l) => l.id === a);
+      return s ? (Object.assign(s, o), s) : null;
     },
-    remove(o) {
-      const a = e.findIndex((l) => l.id === o);
-      if (a < 0)
+    remove(a) {
+      const o = e.findIndex((l) => l.id === a);
+      if (o < 0)
         return null;
-      const [s] = e.splice(a, 1);
+      const [s] = e.splice(o, 1);
       return t.free(s.number), s;
     },
     reset() {
-      for (e = [], r = { ...at }, n = 1; t.peekUsed().length; )
+      for (e = [], r = { ...ot }, n = 1; t.peekUsed().length; )
         t.free(t.peekUsed()[0]);
     }
   };
@@ -755,31 +755,31 @@ function fn(t, e) {
   return r >= e.x && n >= e.y && r <= e.x + e.w && n <= e.y + e.h;
 }
 function hn(t, e, r, n = {}) {
-  const i = n.mark || "#fdd341", o = n.markText || "#2a2140";
-  return new Promise((a, s) => {
+  const i = n.mark || "#fdd341", a = n.markText || "#2a2140";
+  return new Promise((o, s) => {
     const l = new Image();
     l.onload = () => {
-      const v = Math.round(e.x * l.width), y = Math.round(e.y * l.height), h = Math.max(1, Math.round(e.w * l.width)), g = Math.max(1, Math.round(e.h * l.height)), P = document.createElement("canvas");
-      P.width = h, P.height = g;
-      const d = P.getContext("2d");
-      d.drawImage(l, v, y, h, g, 0, 0, h, g), d.lineWidth = Math.max(3, Math.round(h / 400)), d.strokeStyle = i, d.fillStyle = i, d.font = `700 ${Math.max(14, Math.round(h / 40))}px sans-serif`, r.forEach((p) => {
-        const k = lt(p.x, e, h), T = ut(p.y, e, g), A = p.w / e.w * h, U = p.h / e.h * g;
-        if (p.type === "rect")
-          d.strokeRect(k, T, A, U);
-        else if (p.type === "circle")
-          d.beginPath(), d.ellipse(k + A / 2, T + U / 2, A / 2, U / 2, 0, 0, Math.PI * 2), d.stroke();
-        else if (p.type === "arrow") {
-          const ie = lt(p.x2 ?? p.x + p.w, e, h), oe = ut(p.y2 ?? p.y, e, g);
-          mn(d, k, T, ie, oe);
+      const v = Math.round(e.x * l.width), y = Math.round(e.y * l.height), p = Math.max(1, Math.round(e.w * l.width)), g = Math.max(1, Math.round(e.h * l.height)), P = document.createElement("canvas");
+      P.width = p, P.height = g;
+      const f = P.getContext("2d");
+      f.drawImage(l, v, y, p, g, 0, 0, p, g), f.lineWidth = Math.max(3, Math.round(p / 400)), f.strokeStyle = i, f.fillStyle = i, f.font = `700 ${Math.max(14, Math.round(p / 40))}px sans-serif`, r.forEach((m) => {
+        const k = lt(m.x, e, p), T = ut(m.y, e, g), A = m.w / e.w * p, U = m.h / e.h * g;
+        if (m.type === "rect")
+          f.strokeRect(k, T, A, U);
+        else if (m.type === "circle")
+          f.beginPath(), f.ellipse(k + A / 2, T + U / 2, A / 2, U / 2, 0, 0, Math.PI * 2), f.stroke();
+        else if (m.type === "arrow") {
+          const ie = lt(m.x2 ?? m.x + m.w, e, p), ae = ut(m.y2 ?? m.y, e, g);
+          mn(f, k, T, ie, ae);
         }
-        const V = pn(p, e, h, g, k, T, A), I = String(p.number);
-        d.beginPath(), d.arc(V.x, V.y, 11, 0, Math.PI * 2), d.fill(), d.fillStyle = o, d.textAlign = "center", d.textBaseline = "middle", d.fillText(I, V.x, V.y), d.fillStyle = i;
-      }), P.toBlob((p) => {
-        if (!p) {
+        const V = pn(m, e, p, g, k, T, A), I = String(m.number);
+        f.beginPath(), f.arc(V.x, V.y, 11, 0, Math.PI * 2), f.fill(), f.fillStyle = a, f.textAlign = "center", f.textBaseline = "middle", f.fillText(I, V.x, V.y), f.fillStyle = i;
+      }), P.toBlob((m) => {
+        if (!m) {
           s(new Error("Could not encode screenshot"));
           return;
         }
-        a(p);
+        o(m);
       }, "image/png");
     }, l.onerror = () => s(new Error("Could not load screenshot")), l.src = t;
   });
@@ -790,19 +790,19 @@ function lt(t, e, r) {
 function ut(t, e, r) {
   return (t - e.y) / e.h * r;
 }
-function pn(t, e, r, n, i, o, a) {
+function pn(t, e, r, n, i, a, o) {
   if (t.type === "arrow") {
     const s = lt(t.x2 ?? t.x + t.w, e, r), l = ut(t.y2 ?? t.y, e, n);
     return {
       x: (i + s) / 2,
-      y: (o + l) / 2
+      y: (a + l) / 2
     };
   }
-  return { x: i + a / 2, y: o };
+  return { x: i + o / 2, y: a };
 }
 function mn(t, e, r, n, i) {
-  const o = Math.atan2(i - r, n - e), a = 14, s = 2, l = n - Math.cos(o) * s, v = i - Math.sin(o) * s;
-  t.beginPath(), t.moveTo(e, r), t.lineTo(l, v), t.stroke(), t.beginPath(), t.moveTo(n, i), t.lineTo(n - a * Math.cos(o - 0.4), i - a * Math.sin(o - 0.4)), t.lineTo(n - a * Math.cos(o + 0.4), i - a * Math.sin(o + 0.4)), t.closePath(), t.fill();
+  const a = Math.atan2(i - r, n - e), o = 14, s = 2, l = n - Math.cos(a) * s, v = i - Math.sin(a) * s;
+  t.beginPath(), t.moveTo(e, r), t.lineTo(l, v), t.stroke(), t.beginPath(), t.moveTo(n, i), t.lineTo(n - o * Math.cos(a - 0.4), i - o * Math.sin(a - 0.4)), t.lineTo(n - o * Math.cos(a + 0.4), i - o * Math.sin(a + 0.4)), t.closePath(), t.fill();
 }
 const yn = ["bug", "idea", "other"], gn = ["maker", "all-business", "brighter-day", "quiet-night"], Yt = "maker", wn = /* @__PURE__ */ new Set(["crop", "arrow", "rect", "circle"]), dt = 0.02, Dt = 0.05, bn = `
   <svg class="nf-launcher-icon" viewBox="0 0 24 24" aria-hidden="true">
@@ -813,7 +813,7 @@ const yn = ["bug", "idea", "other"], gn = ["maker", "all-business", "brighter-da
 function D(t) {
   return `<svg class="nf-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${t}</svg>`;
 }
-const j = {
+const F = {
   crop: D('<path d="M6 3v5H1M18 21v-5h5M8 5h8a2 2 0 0 1 2 2v8M16 19H8a2 2 0 0 1-2-2V8"/>'),
   resetCrop: D('<path d="M3 12a9 9 0 1 0 3-6.7L3 8"/><path d="M3 3v5h5"/>'),
   arrow: D('<path d="M5 19 19 5"/><path d="M9 5h10v10"/>'),
@@ -822,17 +822,18 @@ const j = {
   discard: D('<path d="M4 7h16"/><path d="M9 7V5h6v2"/><path d="M6 7l1 13h10l1-13"/>'),
   audio: D('<rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0"/><path d="M12 18v3"/>'),
   video: D('<rect x="3" y="7" width="13" height="10" rx="2"/><path d="M16 10.5 21 8v8l-5-2.5z"/>')
-}, Gt = an();
+}, Gt = on();
 Gt.hook();
-let m = {
+let d = {
   endpoint: "",
   projectKey: "",
   version: "0.0.0",
+  name: "",
   targets: null,
   hideLauncher: !1,
   theme: Yt,
   video: !1
-}, ft = {}, u = null, c = {}, f = Xt(), S = "", q = "", L = null, G = "bug", O = null, R = null, b = null, w = null, K = null, B = null, W = null, F = { w: 0, h: 0 };
+}, ft = {}, u = null, c = {}, h = Xt(), S = "", q = "", L = null, G = "bug", H = null, R = null, b = null, w = null, K = null, B = null, W = null, O = { w: 0, h: 0 };
 function E(t) {
   return u.querySelector(t);
 }
@@ -840,7 +841,7 @@ function Jt(t) {
   const e = String(t || "").trim().toLowerCase().replace(/\s+/g, "-");
   return gn.includes(e) ? e : Yt;
 }
-function jt(t, e) {
+function Ft(t, e) {
   return u && getComputedStyle(u).getPropertyValue(t).trim() || e;
 }
 function x(t, e = !1) {
@@ -855,11 +856,11 @@ function vt() {
         <div class="nf-panel">
           <div class="nf-stage">
             <div class="nf-palette">
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${j.crop}</button>
-              <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${j.resetCrop}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${j.arrow}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${j.rect}</button>
-              <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${j.circle}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="crop" title="Crop" aria-label="Crop">${F.crop}</button>
+              <button class="nf-reset-crop nf-icon-btn" type="button" title="Reset crop" aria-label="Reset crop" hidden>${F.resetCrop}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="arrow" title="Arrow" aria-label="Arrow">${F.arrow}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="rect" title="Rectangle" aria-label="Rectangle">${F.rect}</button>
+              <button class="nf-tool nf-icon-btn" type="button" data-tool="circle" title="Circle" aria-label="Circle">${F.circle}</button>
             </div>
             <div class="nf-canvas"></div>
           </div>
@@ -870,9 +871,9 @@ function vt() {
             <button type="button" data-kind="other">Other</button>
           </div>
           <div class="nf-actions">
-            <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${j.discard}</button>
-            <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${j.audio}</button>
-            <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${j.video}</button>
+            <button class="nf-discard-shot nf-icon-btn" type="button" title="Discard screenshot" aria-label="Discard screenshot">${F.discard}</button>
+            <button class="nf-audio nf-icon-btn" type="button" title="Record audio" aria-label="Record audio">${F.audio}</button>
+            <button class="nf-video nf-icon-btn" type="button" title="Record video" aria-label="Record video">${F.video}</button>
             <button class="nf-submit" type="button">Submit</button>
           </div>
           <button class="nf-restore" type="button" hidden>Restore screenshot</button>
@@ -898,10 +899,10 @@ function vt() {
 }
 function et() {
   var t;
-  u && (u.dataset.theme = Jt(m.theme), m.hideLauncher ? u.setAttribute("data-nf-hidden-launcher", "") : u.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !m.video), (t = c.dialog) != null && t.hidden && J());
+  u && (u.dataset.theme = Jt(d.theme), d.hideLauncher ? u.setAttribute("data-nf-hidden-launcher", "") : u.removeAttribute("data-nf-hidden-launcher"), c.video && (c.video.hidden = !d.video), (t = c.dialog) != null && t.hidden && J());
 }
 function J() {
-  c.launcher && (c.launcher.hidden = !!m.hideLauncher);
+  c.launcher && (c.launcher.hidden = !!d.hideLauncher);
 }
 function vn() {
   c.launcher.addEventListener("click", () => ee()), E(".nf-dialog").addEventListener("click", (t) => {
@@ -920,11 +921,11 @@ function ht(t) {
   });
 }
 function pt(t) {
-  O = wn.has(t) ? t : null, R = null, u.querySelectorAll(".nf-tool").forEach((e) => {
-    e.dataset.active = String(e.dataset.tool === O);
-  }), c.canvas && (c.canvas.dataset.draw = O ? "true" : "false"), S && $();
+  H = wn.has(t) ? t : null, R = null, u.querySelectorAll(".nf-tool").forEach((e) => {
+    e.dataset.active = String(e.dataset.tool === H);
+  }), c.canvas && (c.canvas.dataset.draw = H ? "true" : "false"), S && $();
 }
-function Ft(t) {
+function Ot(t) {
   return Math.min(1, Math.max(0, t));
 }
 function nt() {
@@ -933,8 +934,8 @@ function nt() {
 function Z(t) {
   const e = nt().getBoundingClientRect();
   return {
-    x: Ft((t.clientX - e.left) / Math.max(e.width, 1)),
-    y: Ft((t.clientY - e.top) / Math.max(e.height, 1))
+    x: Ot((t.clientX - e.left) / Math.max(e.width, 1)),
+    y: Ot((t.clientY - e.top) / Math.max(e.height, 1))
   };
 }
 function xn(t) {
@@ -942,7 +943,7 @@ function xn(t) {
   return t.clientX >= e.left && t.clientX <= e.right && t.clientY >= e.top && t.clientY <= e.bottom;
 }
 function Zt(t) {
-  const e = Z(t), r = f.crop();
+  const e = Z(t), r = h.crop();
   return {
     x: r.x + e.x * r.w,
     y: r.y + e.y * r.h
@@ -988,26 +989,26 @@ function Sn(t) {
     }, t), $();
     return;
   }
-  if (R = null, O === "crop") {
+  if (R = null, H === "crop") {
     t.preventDefault(), st(t), b = { kind: "crop", start: Z(t), current: Z(t) }, mt(), $();
     return;
   }
-  if (O === "arrow" || O === "rect" || O === "circle") {
+  if (H === "arrow" || H === "rect" || H === "circle") {
     t.preventDefault(), st(t);
     const n = Zt(t);
-    b = { kind: "sticker", type: O, start: n, current: n }, mt(), $();
+    b = { kind: "sticker", type: H, start: n, current: n }, mt(), $();
     return;
   }
   $();
 }
 function En(t, e) {
   e.preventDefault(), e.stopPropagation();
-  const r = nt().getBoundingClientRect(), n = f.list().find((i) => i.id === t.id);
+  const r = nt().getBoundingClientRect(), n = h.list().find((i) => i.id === t.id);
   w = {
     ...t,
     startX: e.clientX,
     startY: e.clientY,
-    crop: f.crop(),
+    crop: h.crop(),
     sticker: n ? { ...n } : null,
     rect: r
   }, xt(t.dir === "move" || t.dir === "start" || t.dir === "end"), mt();
@@ -1022,17 +1023,17 @@ function te(t) {
   const e = (t.clientX - w.startX) / w.rect.width * w.crop.w, r = (t.clientY - w.startY) / w.rect.height * w.crop.h, n = w.sticker;
   if (n) {
     if (w.dir === "end")
-      f.update(n.id, {
+      h.update(n.id, {
         x2: n.x2 + e,
         y2: n.y2 + r
       });
     else if (w.dir === "start")
-      f.update(n.id, {
+      h.update(n.id, {
         x: n.x + e,
         y: n.y + r
       });
     else if (w.dir === "move")
-      f.update(n.id, {
+      h.update(n.id, {
         x: n.x + e,
         y: n.y + r,
         x2: (n.x2 || n.x) + e,
@@ -1040,7 +1041,7 @@ function te(t) {
       });
     else {
       const i = { x: n.x, y: n.y, w: n.w, h: n.h };
-      Cn(i, w.dir, e, r), f.update(n.id, i);
+      Cn(i, w.dir, e, r), h.update(n.id, i);
     }
     $();
   }
@@ -1063,7 +1064,7 @@ function Q(t) {
   if (w) {
     if (w.kind === "sticker") {
       const e = c.canvas.getBoundingClientRect();
-      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (f.remove(w.id), R = null);
+      (t.clientX < e.left - 24 || t.clientX > e.right + 24 || t.clientY < e.top - 24 || t.clientY > e.bottom + 24) && (h.remove(w.id), R = null);
     }
     w = null, $();
   }
@@ -1078,8 +1079,8 @@ function Mn() {
       $();
       return;
     }
-    const i = f.crop();
-    f.setCrop({
+    const i = h.crop();
+    h.setCrop({
       x: i.x + r.x * i.w,
       y: i.y + r.y * i.h,
       w: r.w * i.w,
@@ -1093,14 +1094,14 @@ function Mn() {
 function $n(t) {
   if (t.type === "arrow") {
     const e = t.current.x - t.start.x, r = t.current.y - t.start.y;
-    return Math.hypot(e, r) < dt ? f.add("arrow", {
+    return Math.hypot(e, r) < dt ? h.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.start.x + 0.12,
       y2: t.start.y,
       w: 0.12,
       h: 0.02
-    }) : f.add("arrow", {
+    }) : h.add("arrow", {
       x: t.start.x,
       y: t.start.y,
       x2: t.current.x,
@@ -1109,13 +1110,13 @@ function $n(t) {
       h: Math.abs(r)
     });
   }
-  return f.add(t.type, rt(t.start, t.current));
+  return h.add(t.type, rt(t.start, t.current));
 }
 function Rn() {
-  f.resetCrop(), R = null, z();
+  h.resetCrop(), R = null, z();
 }
 function yt() {
-  c.resetCrop && (c.resetCrop.hidden = !f.isCropped());
+  c.resetCrop && (c.resetCrop.hidden = !h.isCropped());
 }
 function St(t) {
   if (!c.audio)
@@ -1145,7 +1146,7 @@ function kn() {
   }
 }
 async function Tn() {
-  if (!m.video) {
+  if (!d.video) {
     x("Video is disabled on this host.");
     return;
   }
@@ -1179,11 +1180,11 @@ function z() {
   t.addEventListener("load", e), t.complete && t.naturalWidth && e();
 }
 function An(t) {
-  const e = t.naturalWidth || F.w, r = t.naturalHeight || F.h;
-  if (e && r && (F = { w: e, h: r }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / r)), c.canvas.style.aspectRatio = `${e} / ${r}`), !c.shot || !F.w || !F.h)
+  const e = t.naturalWidth || O.w, r = t.naturalHeight || O.h;
+  if (e && r && (O = { w: e, h: r }, c.canvas.style.setProperty("--nf-shot-aspect", String(e / r)), c.canvas.style.aspectRatio = `${e} / ${r}`), !c.shot || !O.w || !O.h)
     return;
-  const n = f.crop(), i = F.w / F.h, o = n.w / n.h * i, a = Math.min(1, o / i), s = Math.min(1, i / o);
-  c.shot.style.left = `${(1 - a) / 2 * 100}%`, c.shot.style.top = `${(1 - s) / 2 * 100}%`, c.shot.style.width = `${a * 100}%`, c.shot.style.height = `${s * 100}%`, t.style.width = `${100 / n.w}%`, t.style.height = `${100 / n.h}%`, t.style.left = `${-n.x / n.w * 100}%`, t.style.top = `${-n.y / n.h * 100}%`;
+  const n = h.crop(), i = O.w / O.h, a = n.w / n.h * i, o = Math.min(1, a / i), s = Math.min(1, i / a);
+  c.shot.style.left = `${(1 - o) / 2 * 100}%`, c.shot.style.top = `${(1 - s) / 2 * 100}%`, c.shot.style.width = `${o * 100}%`, c.shot.style.height = `${s * 100}%`, t.style.width = `${100 / n.w}%`, t.style.height = `${100 / n.h}%`, t.style.left = `${-n.x / n.w * 100}%`, t.style.top = `${-n.y / n.h * 100}%`;
 }
 function In(t) {
   return t.type === "arrow" ? {
@@ -1208,19 +1209,19 @@ function $() {
     yt();
     return;
   }
-  const e = f.crop();
+  const e = h.crop();
   if ((b == null ? void 0 : b.kind) === "crop") {
     const n = document.createElement("div");
-    n.className = "nf-crop", Ot(n, rt(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(n);
+    n.className = "nf-crop", Ht(n, rt(b.start, b.current), { x: 0, y: 0, w: 1, h: 1 }), c.shot.appendChild(n);
   }
-  const r = f.list().slice();
+  const r = h.list().slice();
   if ((b == null ? void 0 : b.kind) === "sticker" && r.push(In(b)), r.forEach((n) => {
-    const i = n.id === "preview", o = !i && n.id === R, a = document.createElement("div");
-    if (a.className = `nf-sticker nf-${n.type}`, a.dataset.id = n.id, o && (a.dataset.selected = "true"), i && (a.dataset.preview = "true"), n.type === "arrow" ? Dn(a, n, e, o) : (Ot(a, n, e), o && ["nw", "ne", "sw", "se"].forEach((s) => gt(a, s))), !i && n.number) {
+    const i = n.id === "preview", a = !i && n.id === R, o = document.createElement("div");
+    if (o.className = `nf-sticker nf-${n.type}`, o.dataset.id = n.id, a && (o.dataset.selected = "true"), i && (o.dataset.preview = "true"), n.type === "arrow" ? Dn(o, n, e, a) : (Ht(o, n, e), a && ["nw", "ne", "sw", "se"].forEach((s) => gt(o, s))), !i && n.number) {
       const s = document.createElement("span");
-      s.className = "nf-badge", s.textContent = String(n.number), a.appendChild(s);
+      s.className = "nf-badge", s.textContent = String(n.number), o.appendChild(s);
     }
-    c.shot.appendChild(a);
+    c.shot.appendChild(o);
   }), c.canvas.querySelectorAll(":scope > .nf-recording-preview").forEach((n) => n.remove()), L) {
     const n = document.createElement("video");
     n.className = "nf-recording-preview", n.controls = !0, n.src = URL.createObjectURL(L), n.style.position = "absolute", n.style.right = "8px", n.style.bottom = "8px", n.style.width = "160px", c.canvas.appendChild(n);
@@ -1228,8 +1229,8 @@ function $() {
   yt();
 }
 function Dn(t, e, r, n) {
-  const i = nt(), o = i.clientWidth, a = i.clientHeight, s = (e.x - r.x) / r.w * o, l = (e.y - r.y) / r.h * a, v = ((e.x2 ?? e.x + e.w) - r.x) / r.w * o, y = ((e.y2 ?? e.y) - r.y) / r.h * a, h = 18, g = Math.min(s, v) - h, P = Math.min(l, y) - h, d = Math.max(2, Math.abs(v - s)) + h * 2, p = Math.max(2, Math.abs(y - l)) + h * 2, k = s - g, T = l - P, A = v - g, U = y - P, V = `nf-ah-${e.id}`, I = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  t.style.left = `${g}px`, t.style.top = `${P}px`, t.style.width = `${d}px`, t.style.height = `${p}px`, I.setAttribute("class", "nf-arrow-svg"), I.setAttribute("viewBox", `0 0 ${d} ${p}`), I.setAttribute("width", String(d)), I.setAttribute("height", String(p)), I.innerHTML = `
+  const i = nt(), a = i.clientWidth, o = i.clientHeight, s = (e.x - r.x) / r.w * a, l = (e.y - r.y) / r.h * o, v = ((e.x2 ?? e.x + e.w) - r.x) / r.w * a, y = ((e.y2 ?? e.y) - r.y) / r.h * o, p = 18, g = Math.min(s, v) - p, P = Math.min(l, y) - p, f = Math.max(2, Math.abs(v - s)) + p * 2, m = Math.max(2, Math.abs(y - l)) + p * 2, k = s - g, T = l - P, A = v - g, U = y - P, V = `nf-ah-${e.id}`, I = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.style.left = `${g}px`, t.style.top = `${P}px`, t.style.width = `${f}px`, t.style.height = `${m}px`, I.setAttribute("class", "nf-arrow-svg"), I.setAttribute("viewBox", `0 0 ${f} ${m}`), I.setAttribute("width", String(f)), I.setAttribute("height", String(m)), I.innerHTML = `
       <defs>
         <marker id="${V}" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
           <path d="M0,0 L10,5 L0,10 Z" fill="currentColor" />
@@ -1243,23 +1244,24 @@ function gt(t, e, r) {
   const n = document.createElement("span");
   n.className = "nf-handle", n.dataset.dir = e, r && (n.style.left = `${r.left}px`, n.style.top = `${r.top}px`), t.appendChild(n);
 }
-function Ot(t, e, r) {
+function Ht(t, e, r) {
   t.style.left = `${(e.x - r.x) / r.w * 100}%`, t.style.top = `${(e.y - r.y) / r.h * 100}%`, t.style.width = `${e.w / r.w * 100}%`, t.style.height = `${e.h / r.h * 100}%`;
 }
-function jn(t = {}) {
-  return rn(t), m = {
-    ...m,
-    endpoint: String(t.endpoint || m.endpoint || "").replace(/\/$/, ""),
-    projectKey: t.projectKey == null ? m.projectKey : String(t.projectKey),
-    version: t.version == null ? m.version : String(t.version),
-    targets: t.targets === void 0 ? m.targets : t.targets,
-    hideLauncher: t.hideLauncher == null ? m.hideLauncher : !!t.hideLauncher,
-    theme: Jt(t.theme ?? m.theme),
-    video: t.video == null ? m.video : !!t.video
+function Fn(t = {}) {
+  return rn(t), d = {
+    ...d,
+    endpoint: String(t.endpoint || d.endpoint || "").replace(/\/$/, ""),
+    projectKey: t.projectKey == null ? d.projectKey : String(t.projectKey),
+    version: t.version == null ? d.version : String(t.version),
+    name: t.name == null ? d.name : String(t.name || ""),
+    targets: t.targets === void 0 ? d.targets : t.targets,
+    hideLauncher: t.hideLauncher == null ? d.hideLauncher : !!t.hideLauncher,
+    theme: Jt(t.theme ?? d.theme),
+    video: t.video == null ? d.video : !!t.video
   }, vt(), et(), re;
 }
 async function ee() {
-  vt(), et(), c.launcher.hidden = !0, f = Xt(), F = { w: 0, h: 0 }, L = null, R = null, b = null, w = null, G = "bug", ht("bug"), pt(null), St(!1), c.text.value = "", x("Capturing…");
+  vt(), et(), c.launcher.hidden = !0, h = Xt(), O = { w: 0, h: 0 }, L = null, R = null, b = null, w = null, G = "bug", ht("bug"), pt(null), St(!1), c.text.value = "", x("Capturing…");
   try {
     S = await tn(), q = S, c.stage.hidden = !1, c.restore.hidden = !0;
   } catch {
@@ -1270,7 +1272,7 @@ async function ee() {
 function it() {
   u && (B == null || B.stop(), St(!1), Qt(), b = null, w = null, xt(!1), c.dialog.hidden = !0, c.stop.hidden = !0, J());
 }
-function Fn(t = {}) {
+function On(t = {}) {
   ft = { ...ft, ...nn(t) };
 }
 async function ne() {
@@ -1278,30 +1280,30 @@ async function ne() {
   const t = c.text.value.trim();
   if (!t && !S && !L)
     return x("Add a note, screenshot, or video first."), null;
-  if (!m.endpoint || !m.projectKey)
+  if (!d.endpoint || !d.projectKey)
     return x("Notefully is missing endpoint or projectKey."), null;
   x("Submitting…", !0);
   const e = new FormData();
-  if (e.append("message", t), e.append("kind", G), e.append("version", m.version || "0.0.0"), e.append("context", JSON.stringify({
+  if (e.append("message", t), e.append("kind", G), e.append("version", d.version || "0.0.0"), d.name && e.append("name", d.name), e.append("context", JSON.stringify({
     ...en(ft),
     console: Gt.snapshot()
-  })), e.append("annotations", JSON.stringify(f.list())), Array.isArray(m.targets) && e.append("targets", JSON.stringify(m.targets)), S) {
+  })), e.append("annotations", JSON.stringify(h.list())), Array.isArray(d.targets) && e.append("targets", JSON.stringify(d.targets)), S) {
     const i = await hn(
       S,
-      f.crop(),
-      f.list(),
+      h.crop(),
+      h.list(),
       {
-        mark: jt("--nf-mark", "#fdd341"),
-        markText: jt("--nf-mark-text", "#2a2140")
+        mark: Ft("--nf-mark", "#fdd341"),
+        markText: Ft("--nf-mark-text", "#2a2140")
       }
     );
     e.append("screenshot", i, "screenshot.png");
   }
   L && e.append("recording", L, "recording.webm");
-  const r = await fetch(`${m.endpoint}/v1/reports`, {
+  const r = await fetch(`${d.endpoint}/v1/reports`, {
     method: "POST",
     headers: {
-      "X-Notefully-Key": m.projectKey
+      "X-Notefully-Key": d.projectKey
     },
     body: e
   });
@@ -1315,17 +1317,17 @@ async function ne() {
     throw x((n == null ? void 0 : n.error) || "Submit failed."), new Error((n == null ? void 0 : n.error) || `Submit failed (${r.status})`);
   return x("Sent. Thank you."), it(), n;
 }
-function On() {
+function Hn() {
   it(), u == null || u.remove(), u = null, c = {};
 }
-const re = { init: jn, open: ee, close: it, identify: Fn, submit: ne, destroy: On };
+const re = { init: Fn, open: ee, close: it, identify: On, submit: ne, destroy: Hn };
 typeof window < "u" && (window.Notefully = re);
 export {
   it as close,
   re as default,
-  On as destroy,
-  Fn as identify,
-  jn as init,
+  Hn as destroy,
+  On as identify,
+  Fn as init,
   ee as open,
   ne as submit
 };