@layers-app/editor 0.0.10 → 0.0.11

package/dist/{DSD.AwtUbg5v.js → layers.DKx4HQvO.js}

@@ -1,4 +1,4 @@
-import { a6 as p, a7 as k, n as E } from "./DSD.CLhKx58f.js";
+import { ae as p, af as k, l as E } from "./layers.BngHKUYL.js";
 import { useRef as O, useContext as P, useMemo as D, useEffect as h } from "react";
 import { jsx as _ } from "react/jsx-runtime";
 function K(e) {
@@ -19,18 +19,18 @@ function S({ initialEditor: e, children: t, initialNodes: o, initialTheme: g, sk
   i == null && C(9);
   const [l, { getTheme: w }] = i, x = D(() => {
     const a = g || w() || void 0, y = k(i, a);
-    if (a !== void 0 && (e._config.theme = a), e._parentEditor = l, o) for (let n of o) {
-      let s = null, r = null;
-      if (typeof n != "function") {
-        const d = n;
-        n = d.replace, s = d.with, r = d.withKlass || null;
+    if (a !== void 0 && (e._config.theme = a), e._parentEditor = l, o) for (let r of o) {
+      let s = null, n = null;
+      if (typeof r != "function") {
+        const d = r;
+        r = d.replace, s = d.with, n = d.withKlass || null;
       }
-      const u = e._nodes.get(n.getType());
-      e._nodes.set(n.getType(), { exportDOM: u ? u.exportDOM : void 0, klass: n, replace: s, replaceWithKlass: r, transforms: m(n) });
+      const u = e._nodes.get(r.getType());
+      e._nodes.set(r.getType(), { exportDOM: u ? u.exportDOM : void 0, klass: r, replace: s, replaceWithKlass: n, transforms: m(r) });
     }
     else {
-      const n = e._nodes = new Map(l._nodes);
-      for (const [s, r] of n) e._nodes.set(s, { exportDOM: r.exportDOM, klass: r.klass, replace: r.replace, replaceWithKlass: r.replaceWithKlass, transforms: m(r.klass) });
+      const r = e._nodes = new Map(l._nodes);
+      for (const [s, n] of r) e._nodes.set(s, { exportDOM: n.exportDOM, klass: n.klass, replace: n.replace, replaceWithKlass: n.replaceWithKlass, transforms: m(n.klass) });
     }
     return e._config.namespace = l._config.namespace, e._editable = l._editable, [e, y];
   }, []), { isCollabActive: M, yjsDocMap: b } = E(), c = v || f.current || b.has(e.getKey());

package/dist/{DSD.xqZnHMlT.js → layers.DWcfRy1Z.js}

@@ -1,111 +1,111 @@
 import { jsx as g, jsxs as $, Fragment as F } from "react/jsx-runtime";
-import { useState as U, useMemo as V, useLayoutEffect as Y, useEffect as b, Suspense as q, useRef as W } from "react";
-import { N as T, D as G, R as a, o as c, p as u, q as J, s as Q, v as A, x as Z, A as ee, z as te, H as ne, d as re, y as M, e as oe, E as S, k as se, G as ie, I as O, J as X, M as ae, O as ce, P as le, Q as ue, S as de, T as fe, U as me, V as ge, b as B, W as pe, X as Ce, Y as he, Z as ye, _ as ve, a0 as Ee, a1 as we, n as ke, a2 as De, a3 as be, a4 as Le, g as Re, i as Se, C as x, a5 as P } from "./DSD.CLhKx58f.js";
-import { d as xe, P as Pe } from "./DSD.AwtUbg5v.js";
+import { useState as Y, useMemo as V, useLayoutEffect as I, useEffect as b, Suspense as q, useRef as A } from "react";
+import { N as T, D as G, g as i, z as c, A as u, G as J, H as Q, J as W, M as Z, O as ee, P as te, Q as ne, j as re, S as z, m as oe, T as S, k as se, U as ae, V as M, W as O, X as ie, Y as ce, Z as le, _ as ue, a0 as de, a1 as fe, a2 as me, a3 as ge, u as B, a4 as pe, a5 as Ce, a6 as he, a7 as ye, a8 as ve, a9 as Ee, aa as we, l as ke, a as De, ab as be, ac as Le, q as Re, s as Se, c as x, ad as P } from "./layers.BngHKUYL.js";
+import { d as xe, P as Pe } from "./layers.DKx4HQvO.js";
 import { flushSync as $e, createPortal as Ne } from "react-dom";
-const E = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, Te = E && "documentMode" in document ? document.documentMode : null, Be = !(!E || !("InputEvent" in window) || Te) && "getTargetRanges" in new window.InputEvent("input"), _e = E && /Version\/[\d.]+.*Safari/.test(navigator.userAgent), z = E && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream, We = E && /^(?=.*Chrome).*/i.test(navigator.userAgent), Ae = E && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !We;
-function I(n, t) {
+const E = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, Te = E && "documentMode" in document ? document.documentMode : null, Be = !(!E || !("InputEvent" in window) || Te) && "getTargetRanges" in new window.InputEvent("input"), _e = E && /Version\/[\d.]+.*Safari/.test(navigator.userAgent), X = E && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream, Ae = E && /^(?=.*Chrome).*/i.test(navigator.userAgent), We = E && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !Ae;
+function K(n, t) {
   t.update(() => {
     if (n !== null) {
-      const e = me(n, KeyboardEvent) ? null : n.clipboardData, s = a();
+      const e = me(n, KeyboardEvent) ? null : n.clipboardData, s = i();
       if (s !== null && e != null) {
         n.preventDefault();
-        const i = ge(t);
-        i !== null && e.setData("text/html", i), e.setData("text/plain", s.getTextContent());
+        const a = ge(t);
+        a !== null && e.setData("text/html", a), e.setData("text/plain", s.getTextContent());
       }
     }
   });
 }
-function Me(n) {
+function ze(n) {
   return T(n.registerCommand(S, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (e.deleteCharacter(t), !0);
   }, u), n.registerCommand(fe, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (e.deleteWord(t), !0);
   }, u), n.registerCommand(de, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (e.deleteLine(t), !0);
   }, u), n.registerCommand(ue, (t) => {
-    const e = a();
+    const e = i();
     if (!c(e)) return !1;
     if (typeof t == "string") e.insertText(t);
     else {
       const s = t.dataTransfer;
-      if (s != null) A(s, e);
+      if (s != null) W(s, e);
       else {
-        const i = t.data;
-        i && e.insertText(i);
+        const a = t.data;
+        a && e.insertText(a);
       }
     }
     return !0;
   }, u), n.registerCommand(le, () => {
-    const t = a();
+    const t = i();
     return !!c(t) && (t.removeText(), !0);
-  }, u), n.registerCommand(M, (t) => {
-    const e = a();
+  }, u), n.registerCommand(z, (t) => {
+    const e = i();
     return !!c(e) && (e.insertLineBreak(t), !0);
   }, u), n.registerCommand(ce, () => {
-    const t = a();
+    const t = i();
     return !!c(t) && (t.insertLineBreak(), !0);
-  }, u), n.registerCommand(ae, (t) => {
-    const e = a();
-    if (!c(e)) return !1;
-    const s = t, i = s.shiftKey;
-    return !!O(e, !0) && (s.preventDefault(), X(e, i, !0), !0);
   }, u), n.registerCommand(ie, (t) => {
-    const e = a();
+    const e = i();
+    if (!c(e)) return !1;
+    const s = t, a = s.shiftKey;
+    return !!M(e, !0) && (s.preventDefault(), O(e, a, !0), !0);
+  }, u), n.registerCommand(ae, (t) => {
+    const e = i();
     if (!c(e)) return !1;
-    const s = t, i = s.shiftKey;
-    return !!O(e, !1) && (s.preventDefault(), X(e, i, !1), !0);
+    const s = t, a = s.shiftKey;
+    return !!M(e, !1) && (s.preventDefault(), O(e, a, !1), !0);
   }, u), n.registerCommand(se, (t) => {
-    const e = a();
-    return !!c(e) && (!z || navigator.language !== "ko-KR") && (t.preventDefault(), n.dispatchCommand(S, !0));
+    const e = i();
+    return !!c(e) && (!X || navigator.language !== "ko-KR") && (t.preventDefault(), n.dispatchCommand(S, !0));
   }, u), n.registerCommand(oe, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (t.preventDefault(), n.dispatchCommand(S, !1));
   }, u), n.registerCommand(re, (t) => {
-    const e = a();
+    const e = i();
     if (!c(e)) return !1;
     if (t !== null) {
-      if ((z || _e || Ae) && Be) return !1;
+      if ((X || _e || We) && Be) return !1;
       t.preventDefault();
     }
-    return n.dispatchCommand(M, !1);
+    return n.dispatchCommand(z, !1);
   }, u), n.registerCommand(te, () => (ne(), !0), u), n.registerCommand(ee, (t) => {
-    const e = a();
-    return !!c(e) && (I(t, n), !0);
+    const e = i();
+    return !!c(e) && (K(t, n), !0);
   }, u), n.registerCommand(Z, (t) => {
-    const e = a();
-    return !!c(e) && (function(s, i) {
-      I(s, i), i.update(() => {
-        const o = a();
+    const e = i();
+    return !!c(e) && (function(s, a) {
+      K(s, a), a.update(() => {
+        const o = i();
         c(o) && o.removeText();
       });
     }(t, n), !0);
   }, u), n.registerCommand(Q, (t) => {
-    const e = a();
-    return !!c(e) && (function(s, i) {
-      s.preventDefault(), i.update(() => {
-        const o = a(), { clipboardData: d } = s;
-        d != null && c(o) && A(d, o);
+    const e = i();
+    return !!c(e) && (function(s, a) {
+      s.preventDefault(), a.update(() => {
+        const o = i(), { clipboardData: d } = s;
+        d != null && c(o) && W(d, o);
       }, { tag: "paste" });
     }(t, n), !0);
   }, u), n.registerCommand(J, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (t.preventDefault(), !0);
   }, u), n.registerCommand(G, (t) => {
-    const e = a();
+    const e = i();
     return !!c(e) && (t.preventDefault(), !0);
   }, u));
 }
-const N = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? Y : b;
-function K(n) {
+const N = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? I : b;
+function U(n) {
   return n.getEditorState().read(he(n.isComposing()));
 }
-function Oe({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
-  const [s] = B(), i = function(o, d) {
-    const [m, v] = U(() => o.getDecorators());
+function Me({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
+  const [s] = B(), a = function(o, d) {
+    const [m, v] = Y(() => o.getDecorators());
     return N(() => o.registerDecoratorListener((y) => {
       $e(() => {
         v(y);
@@ -122,51 +122,51 @@ function Oe({ contentEditable: n, placeholder: t = null, ErrorBoundary: e }) {
     }, [d, m, o]);
   }(s, e);
   return function(o) {
-    N(() => T(Me(o), pe(o)), [o]);
-  }(s), $(F, { children: [n, g(Xe, { content: t }), i] });
+    N(() => T(ze(o), pe(o)), [o]);
+  }(s), $(F, { children: [n, g(Oe, { content: t }), a] });
 }
-function Xe({ content: n }) {
-  const [t] = B(), e = function(i) {
-    const [o, d] = U(() => K(i));
+function Oe({ content: n }) {
+  const [t] = B(), e = function(a) {
+    const [o, d] = Y(() => U(a));
     return N(() => {
       function m() {
-        const v = K(i);
+        const v = U(a);
         d(v);
       }
-      return m(), T(i.registerUpdateListener(() => {
+      return m(), T(a.registerUpdateListener(() => {
         m();
-      }), i.registerEditableListener(() => {
+      }), a.registerEditableListener(() => {
         m();
       }));
-    }, [i]), o;
+    }, [a]), o;
   }(t), s = Ce();
   return e ? typeof n == "function" ? n(s) : n : null;
 }
-const ze = new URL(window.location.href);
-new URLSearchParams(ze.search);
-const Ie = "https://wss.dudoc.io";
-function Ke(n, t) {
+const Xe = new URL(window.location.href);
+new URLSearchParams(Xe.search);
+const Ke = "https://wss.dudoc.io";
+function Ue(n, t) {
   let e = t.get(n);
-  return e === void 0 ? (e = new ye(), t.set(n, e)) : e.load(), new ve(Ie, "/" + n, e, {
+  return e === void 0 ? (e = new ye(), t.set(n, e)) : e.load(), new ve(Ke, "/" + n, e, {
     connect: !1
   });
 }
-const Ue = Ee ? Y : b, Ye = {
+const Ye = Ee ? I : b, Ie = {
   ...we,
   paragraph: "StickyEditorTheme__paragraph"
 };
 function L(n, t) {
-  const e = n.style, s = t.rootElementRect, i = s !== null ? s.left : 0, o = s !== null ? s.top : 0;
-  e.top = o + t.y + "px", e.left = i + t.x + "px";
+  const e = n.style, s = t.rootElementRect, a = s !== null ? s.left : 0, o = s !== null ? s.top : 0;
+  e.top = o + t.y + "px", e.left = a + t.x + "px";
 }
 function Ge({
   x: n,
   y: t,
   nodeKey: e,
   color: s,
-  caption: i
+  caption: a
 }) {
-  const [o] = B(), d = W(null), m = W({
+  const [o] = B(), d = A(null), m = A({
     isDragging: !1,
     offsetX: 0,
     offsetY: 0,
@@ -179,7 +179,7 @@ function Ge({
     r.x = n, r.y = t;
     const l = d.current;
     l !== null && L(l, r);
-  }, [n, t]), Ue(() => {
+  }, [n, t]), Ye(() => {
     const r = m.current, l = new ResizeObserver((h) => {
       for (let p = 0; p < h.length; p++) {
         const H = h[p], { target: j } = H;
@@ -262,17 +262,17 @@ function Ge({
             children: /* @__PURE__ */ g("i", { className: "bucket" })
           }
         ),
-        /* @__PURE__ */ $(xe, { initialEditor: i, initialTheme: Ye, children: [
+        /* @__PURE__ */ $(xe, { initialEditor: a, initialTheme: Ie, children: [
           v ? /* @__PURE__ */ g(
             be,
             {
-              id: i.getKey(),
-              providerFactory: Ke,
+              id: a.getKey(),
+              providerFactory: Ue,
               shouldBootstrap: !0
             }
           ) : /* @__PURE__ */ g(Le, { externalHistoryState: R }),
           /* @__PURE__ */ g(
-            Oe,
+            Me,
             {
               contentEditable: /* @__PURE__ */ g(Se, { className: "StickyNode__contentEditable" }),
               placeholder: /* @__PURE__ */ g(Pe, { className: "StickyNode__placeholder", children: "What's up?" }),

package/dist/{DSD.RjfD_Vp_.js → layers.DwVbMntu.js}

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useMemo as I, useState as D, useRef as S, useCallback as $, useEffect as R } from "react";
-import { b as V, a as j, w as P, R as x, C as k, l as b, N as E, k as w, K as v, e as B, r as y, B as A, m as T, n as W } from "./DSD.CLhKx58f.js";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { useMemo as I, useState as D, useRef as S, useCallback as $, useEffect as V } from "react";
+import { u as j, f as E, w as P, g as x, c as k, x as b, N as R, k as w, K as v, m as y, r as B, B as A, y as T, l as W } from "./layers.BngHKUYL.js";
 function O(...t) {
   return t.filter(Boolean).join(" ");
 }
@@ -14,19 +14,19 @@ function L({
   totalVotes: a,
   withPollNode: p
 }) {
-  const { clientID: r } = W(), _ = S(null), m = t.votes, f = m.indexOf(r) !== -1, i = m.length, h = t.text;
-  return /* @__PURE__ */ C("div", { className: "PollNode__optionContainer", children: [
+  const { clientID: r } = W(), h = S(null), m = t.votes, _ = m.indexOf(r) !== -1, i = m.length, f = t.text;
+  return /* @__PURE__ */ g("div", { className: "PollNode__optionContainer", children: [
     /* @__PURE__ */ o(
       "div",
       {
         className: O(
           "PollNode__optionCheckboxWrapper",
-          f && "PollNode__optionCheckboxChecked"
+          _ && "PollNode__optionCheckboxChecked"
         ),
         children: /* @__PURE__ */ o(
           "input",
           {
-            ref: _,
+            ref: h,
             className: "PollNode__optionCheckbox",
             type: "checkbox",
             onChange: () => {
@@ -34,12 +34,12 @@ function L({
                 d.toggleVote(t, r);
               });
             },
-            checked: f
+            checked: _
           }
         )
       }
     ),
-    /* @__PURE__ */ C("div", { className: "PollNode__optionInputWrapper", children: [
+    /* @__PURE__ */ g("div", { className: "PollNode__optionInputWrapper", children: [
       /* @__PURE__ */ o(
         "div",
         {
@@ -53,7 +53,7 @@ function L({
         {
           className: "PollNode__optionInput",
           type: "text",
-          value: h,
+          value: f,
           onChange: (d) => {
             const u = d.target, N = u.value, e = u.selectionStart, l = u.selectionEnd;
             p(
@@ -92,7 +92,7 @@ function z({
   options: c,
   nodeKey: n
 }) {
-  const [a] = V(), p = I(() => F(c), [c]), [r, _, m] = j(n), [g, f] = D(null), i = S(null), h = $(
+  const [a] = j(), p = I(() => F(c), [c]), [r, h, m] = E(n), [C, _] = D(null), i = S(null), f = $(
     (e) => {
       if (r && P(x())) {
         e.preventDefault();
@@ -103,29 +103,29 @@ function z({
     },
     [r, n]
   );
-  R(() => E(
+  V(() => R(
     a.registerUpdateListener(({ editorState: e }) => {
-      f(e.read(() => x()));
+      _(e.read(() => x()));
     }),
     a.registerCommand(
-      y,
+      B,
       (e) => {
         const l = e;
-        return l.target === i.current ? (l.shiftKey || m(), _(!r), !0) : !1;
+        return l.target === i.current ? (l.shiftKey || m(), h(!r), !0) : !1;
       },
       v
     ),
     a.registerCommand(
-      B,
-      h,
+      y,
+      f,
       v
     ),
     a.registerCommand(
       w,
-      h,
+      f,
       v
     )
-  ), [m, a, r, n, h, _]);
+  ), [m, a, r, n, f, h]);
   const d = (e, l) => {
     a.update(
       () => {
@@ -138,13 +138,13 @@ function z({
     d((e) => {
       e.addOption(T());
     });
-  }, N = P(g) && r;
+  }, N = P(C) && r;
   return /* @__PURE__ */ o(
     "div",
     {
       className: `PollNode__container ${N ? "focused" : ""}`,
       ref: i,
-      children: /* @__PURE__ */ C("div", { className: "PollNode__inner", children: [
+      children: /* @__PURE__ */ g("div", { className: "PollNode__inner", children: [
         /* @__PURE__ */ o("h2", { className: "PollNode__heading", children: t }),
         c.map((e, l) => {
           const s = e.uid;