@inditextech/weave-react 0.1.1 → 0.2.1

package/dist/react.js

@@ -1,866 +1,310 @@
-import w from "react";
-import { WeaveStageGridPlugin as cr, WeaveStagePanningPlugin as lr, WeaveStageResizePlugin as fr, WeaveStageZoomPlugin as dr, WeaveNodesSelectionPlugin as vr, WeaveStageDropAreaPlugin as gr, WeaveConnectedUsersPlugin as pr, WeaveUsersPointersPlugin as hr, WeaveCopyPasteNodesPlugin as br, Weave as mr } from "@inditextech/weave-sdk";
-var Ue = { exports: {} }, ae = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-(function() {
-  var c = w, o = Symbol.for("react.element"), n = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), M = Symbol.for("react.provider"), I = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), H = Symbol.iterator, oe = "@@iterator";
-  function ie(e) {
-    if (e === null || typeof e != "object")
-      return null;
-    var r = H && e[H] || e[oe];
-    return typeof r == "function" ? r : null;
-  }
-  var A = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  function g(e) {
-    {
-      for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
-        t[i - 1] = arguments[i];
-      se("error", e, t);
-    }
-  }
-  function se(e, r, t) {
-    {
-      var i = A.ReactDebugCurrentFrame, l = i.getStackAddendum();
-      l !== "" && (r += "%s", t = t.concat([l]));
-      var f = t.map(function(u) {
-        return String(u);
-      });
-      f.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, f);
-    }
-  }
-  var ue = !1, ce = !1, le = !1, K = !1, fe = !1, Y;
-  Y = Symbol.for("react.module.reference");
-  function V(e) {
-    return !!(typeof e == "string" || typeof e == "function" || e === m || e === U || fe || e === O || e === E || e === _ || K || e === N || ue || ce || le || typeof e == "object" && e !== null && (e.$$typeof === D || e.$$typeof === R || e.$$typeof === M || e.$$typeof === I || e.$$typeof === x || // This needs to include all possible module reference object
-    // types supported by any Flight configuration anywhere since
-    // we don't know which Flight build this will end up being used
-    // with.
-    e.$$typeof === Y || e.getModuleId !== void 0));
-  }
-  function z(e, r, t) {
-    var i = e.displayName;
-    if (i)
-      return i;
-    var l = r.displayName || r.name || "";
-    return l !== "" ? t + "(" + l + ")" : t;
-  }
-  function $(e) {
-    return e.displayName || "Context";
-  }
-  function S(e) {
-    if (e == null)
-      return null;
-    if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-      return e.displayName || e.name || null;
-    if (typeof e == "string")
-      return e;
-    switch (e) {
-      case m:
-        return "Fragment";
-      case n:
-        return "Portal";
-      case U:
-        return "Profiler";
-      case O:
-        return "StrictMode";
-      case E:
-        return "Suspense";
-      case _:
-        return "SuspenseList";
-    }
-    if (typeof e == "object")
-      switch (e.$$typeof) {
-        case I:
-          var r = e;
-          return $(r) + ".Consumer";
-        case M:
-          var t = e;
-          return $(t._context) + ".Provider";
-        case x:
-          return z(e, e.render, "ForwardRef");
-        case R:
-          var i = e.displayName || null;
-          return i !== null ? i : S(e.type) || "Memo";
-        case D: {
-          var l = e, f = l._payload, u = l._init;
-          try {
-            return S(u(f));
-          } catch {
-            return null;
-          }
-        }
-      }
-    return null;
-  }
-  var j = Object.assign, F = 0, G, X, J, q, Q, a, k;
-  function P() {
-  }
-  P.__reactDisabledLog = !0;
-  function y() {
-    {
-      if (F === 0) {
-        G = console.log, X = console.info, J = console.warn, q = console.error, Q = console.group, a = console.groupCollapsed, k = console.groupEnd;
-        var e = {
-          configurable: !0,
-          enumerable: !0,
-          value: P,
-          writable: !0
-        };
-        Object.defineProperties(console, {
-          info: e,
-          log: e,
-          warn: e,
-          error: e,
-          group: e,
-          groupCollapsed: e,
-          groupEnd: e
-        });
-      }
-      F++;
-    }
-  }
-  function T() {
-    {
-      if (F--, F === 0) {
-        var e = {
-          configurable: !0,
-          enumerable: !0,
-          writable: !0
-        };
-        Object.defineProperties(console, {
-          log: j({}, e, {
-            value: G
-          }),
-          info: j({}, e, {
-            value: X
-          }),
-          warn: j({}, e, {
-            value: J
-          }),
-          error: j({}, e, {
-            value: q
-          }),
-          group: j({}, e, {
-            value: Q
-          }),
-          groupCollapsed: j({}, e, {
-            value: a
-          }),
-          groupEnd: j({}, e, {
-            value: k
-          })
-        });
-      }
-      F < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-    }
-  }
-  var de = A.ReactCurrentDispatcher, ve;
-  function ee(e, r, t) {
-    {
-      if (ve === void 0)
-        try {
-          throw Error();
-        } catch (l) {
-          var i = l.stack.trim().match(/\n( *(at )?)/);
-          ve = i && i[1] || "";
-        }
-      return `
-` + ve + e;
-    }
-  }
-  var ge = !1, re;
-  {
-    var Ye = typeof WeakMap == "function" ? WeakMap : Map;
-    re = new Ye();
-  }
-  function ye(e, r) {
-    if (!e || ge)
-      return "";
-    {
-      var t = re.get(e);
-      if (t !== void 0)
-        return t;
-    }
-    var i;
-    ge = !0;
-    var l = Error.prepareStackTrace;
-    Error.prepareStackTrace = void 0;
-    var f;
-    f = de.current, de.current = null, y();
-    try {
-      if (r) {
-        var u = function() {
-          throw Error();
-        };
-        if (Object.defineProperty(u.prototype, "props", {
-          set: function() {
-            throw Error();
-          }
-        }), typeof Reflect == "object" && Reflect.construct) {
-          try {
-            Reflect.construct(u, []);
-          } catch (h) {
-            i = h;
-          }
-          Reflect.construct(e, [], u);
-        } else {
-          try {
-            u.call();
-          } catch (h) {
-            i = h;
-          }
-          e.call(u.prototype);
-        }
-      } else {
-        try {
-          throw Error();
-        } catch (h) {
-          i = h;
-        }
-        e();
-      }
-    } catch (h) {
-      if (h && i && typeof h.stack == "string") {
-        for (var s = h.stack.split(`
-`), p = i.stack.split(`
-`), d = s.length - 1, v = p.length - 1; d >= 1 && v >= 0 && s[d] !== p[v]; )
-          v--;
-        for (; d >= 1 && v >= 0; d--, v--)
-          if (s[d] !== p[v]) {
-            if (d !== 1 || v !== 1)
-              do
-                if (d--, v--, v < 0 || s[d] !== p[v]) {
-                  var C = `
-` + s[d].replace(" at new ", " at ");
-                  return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && re.set(e, C), C;
-                }
-              while (d >= 1 && v >= 0);
-            break;
-          }
-      }
-    } finally {
-      ge = !1, de.current = f, T(), Error.prepareStackTrace = l;
-    }
-    var Z = e ? e.displayName || e.name : "", W = Z ? ee(Z) : "";
-    return typeof e == "function" && re.set(e, W), W;
-  }
-  function $e(e, r, t) {
-    return ye(e, !1);
-  }
-  function Le(e) {
-    var r = e.prototype;
-    return !!(r && r.isReactComponent);
-  }
-  function te(e, r, t) {
-    if (e == null)
-      return "";
-    if (typeof e == "function")
-      return ye(e, Le(e));
-    if (typeof e == "string")
-      return ee(e);
-    switch (e) {
-      case E:
-        return ee("Suspense");
-      case _:
-        return ee("SuspenseList");
-    }
-    if (typeof e == "object")
-      switch (e.$$typeof) {
-        case x:
-          return $e(e.render);
-        case R:
-          return te(e.type, r, t);
-        case D: {
-          var i = e, l = i._payload, f = i._init;
-          try {
-            return te(f(l), r, t);
-          } catch {
-          }
-        }
-      }
-    return "";
-  }
-  var B = Object.prototype.hasOwnProperty, Ee = {}, Se = A.ReactDebugCurrentFrame;
-  function ne(e) {
-    if (e) {
-      var r = e._owner, t = te(e.type, e._source, r ? r.type : null);
-      Se.setExtraStackFrame(t);
-    } else
-      Se.setExtraStackFrame(null);
-  }
-  function Ze(e, r, t, i, l) {
-    {
-      var f = Function.call.bind(B);
-      for (var u in e)
-        if (f(e, u)) {
-          var s = void 0;
-          try {
-            if (typeof e[u] != "function") {
-              var p = Error((i || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-              throw p.name = "Invariant Violation", p;
-            }
-            s = e[u](r, u, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-          } catch (d) {
-            s = d;
-          }
-          s && !(s instanceof Error) && (ne(l), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", t, u, typeof s), ne(null)), s instanceof Error && !(s.message in Ee) && (Ee[s.message] = !0, ne(l), g("Failed %s type: %s", t, s.message), ne(null));
-        }
-    }
-  }
-  var Me = Array.isArray;
-  function pe(e) {
-    return Me(e);
-  }
-  function Ne(e) {
-    {
-      var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-      return t;
-    }
-  }
-  function Ve(e) {
-    try {
-      return Ce(e), !1;
-    } catch {
-      return !0;
-    }
-  }
-  function Ce(e) {
-    return "" + e;
-  }
-  function _e(e) {
-    if (Ve(e))
-      return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ne(e)), Ce(e);
-  }
-  var Pe = A.ReactCurrentOwner, ze = {
-    key: !0,
-    ref: !0,
-    __self: !0,
-    __source: !0
-  }, Te, we;
-  function Be(e) {
-    if (B.call(e, "ref")) {
-      var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-      if (r && r.isReactWarning)
-        return !1;
-    }
-    return e.ref !== void 0;
-  }
-  function He(e) {
-    if (B.call(e, "key")) {
-      var r = Object.getOwnPropertyDescriptor(e, "key").get;
-      if (r && r.isReactWarning)
-        return !1;
-    }
-    return e.key !== void 0;
-  }
-  function Ke(e, r) {
-    typeof e.ref == "string" && Pe.current;
-  }
-  function Ge(e, r) {
-    {
-      var t = function() {
-        Te || (Te = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-      };
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
-        configurable: !0
-      });
-    }
-  }
-  function Xe(e, r) {
-    {
-      var t = function() {
-        we || (we = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-      };
-      t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-        get: t,
-        configurable: !0
-      });
-    }
-  }
-  var Je = function(e, r, t, i, l, f, u) {
-    var s = {
-      // This tag allows us to uniquely identify this as a React Element
-      $$typeof: o,
-      // Built-in properties that belong on the element
-      type: e,
-      key: r,
-      ref: t,
-      props: u,
-      // Record the component responsible for creating this element.
-      _owner: f
-    };
-    return s._store = {}, Object.defineProperty(s._store, "validated", {
-      configurable: !1,
-      enumerable: !1,
-      writable: !0,
-      value: !1
-    }), Object.defineProperty(s, "_self", {
-      configurable: !1,
-      enumerable: !1,
-      writable: !1,
-      value: i
-    }), Object.defineProperty(s, "_source", {
-      configurable: !1,
-      enumerable: !1,
-      writable: !1,
-      value: l
-    }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
-  };
-  function qe(e, r, t, i, l) {
-    {
-      var f, u = {}, s = null, p = null;
-      t !== void 0 && (_e(t), s = "" + t), He(r) && (_e(r.key), s = "" + r.key), Be(r) && (p = r.ref, Ke(r, l));
-      for (f in r)
-        B.call(r, f) && !ze.hasOwnProperty(f) && (u[f] = r[f]);
-      if (e && e.defaultProps) {
-        var d = e.defaultProps;
-        for (f in d)
-          u[f] === void 0 && (u[f] = d[f]);
-      }
-      if (s || p) {
-        var v = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-        s && Ge(u, v), p && Xe(u, v);
-      }
-      return Je(e, s, p, l, i, Pe.current, u);
-    }
-  }
-  var he = A.ReactCurrentOwner, Oe = A.ReactDebugCurrentFrame;
-  function L(e) {
-    if (e) {
-      var r = e._owner, t = te(e.type, e._source, r ? r.type : null);
-      Oe.setExtraStackFrame(t);
-    } else
-      Oe.setExtraStackFrame(null);
-  }
-  var be;
-  be = !1;
-  function me(e) {
-    return typeof e == "object" && e !== null && e.$$typeof === o;
-  }
-  function je() {
-    {
-      if (he.current) {
-        var e = S(he.current.type);
-        if (e)
-          return `
+import React from "react";
+import { Weave, WeaveConnectedUsersPlugin, WeaveCopyPasteNodesPlugin, WeaveNodesSelectionPlugin, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveUsersPointersPlugin } from "@inditextech/weave-sdk";
+import Konva from "konva";
+import "yjs";
 
-Check the render method of \`` + e + "`.";
-      }
-      return "";
-    }
-  }
-  function Qe(e) {
-    return "";
-  }
-  var ke = {};
-  function er(e) {
-    {
-      var r = je();
-      if (!r) {
-        var t = typeof e == "string" ? e : e.displayName || e.name;
-        t && (r = `
+//#region ../types/dist/types.js
+const WEAVE_INSTANCE_STATUS = {
+	["IDLE"]: "idle",
+	["STARTING"]: "starting",
+	["LOADING_FONTS"]: "loadingFonts",
+	["RUNNING"]: "running"
+};
+
+//#endregion
+//#region ../../node_modules/zustand/esm/vanilla.mjs
+const createStoreImpl = (createState) => {
+	let state;
+	const listeners = /* @__PURE__ */ new Set();
+	const setState = (partial, replace) => {
+		const nextState = typeof partial === "function" ? partial(state) : partial;
+		if (!Object.is(nextState, state)) {
+			const previousState = state;
+			state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+			listeners.forEach((listener) => listener(state, previousState));
+		}
+	};
+	const getState = () => state;
+	const getInitialState = () => initialState;
+	const subscribe = (listener) => {
+		listeners.add(listener);
+		return () => listeners.delete(listener);
+	};
+	const api = {
+		setState,
+		getState,
+		getInitialState,
+		subscribe
+	};
+	const initialState = state = createState(setState, getState, api);
+	return api;
+};
+const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
 
-Check the top-level render call using <` + t + ">.");
-      }
-      return r;
-    }
-  }
-  function xe(e, r) {
-    {
-      if (!e._store || e._store.validated || e.key != null)
-        return;
-      e._store.validated = !0;
-      var t = er(r);
-      if (ke[t])
-        return;
-      ke[t] = !0;
-      var i = "";
-      e && e._owner && e._owner !== he.current && (i = " It was passed a child from " + S(e._owner.type) + "."), L(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), L(null);
-    }
-  }
-  function Ae(e, r) {
-    {
-      if (typeof e != "object")
-        return;
-      if (pe(e))
-        for (var t = 0; t < e.length; t++) {
-          var i = e[t];
-          me(i) && xe(i, r);
-        }
-      else if (me(e))
-        e._store && (e._store.validated = !0);
-      else if (e) {
-        var l = ie(e);
-        if (typeof l == "function" && l !== e.entries)
-          for (var f = l.call(e), u; !(u = f.next()).done; )
-            me(u.value) && xe(u.value, r);
-      }
-    }
-  }
-  function rr(e) {
-    {
-      var r = e.type;
-      if (r == null || typeof r == "string")
-        return;
-      var t;
-      if (typeof r == "function")
-        t = r.propTypes;
-      else if (typeof r == "object" && (r.$$typeof === x || // Note: Memo only checks outer props here.
-      // Inner props are checked in the reconciler.
-      r.$$typeof === R))
-        t = r.propTypes;
-      else
-        return;
-      if (t) {
-        var i = S(r);
-        Ze(t, e.props, "prop", i, e);
-      } else if (r.PropTypes !== void 0 && !be) {
-        be = !0;
-        var l = S(r);
-        g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", l || "Unknown");
-      }
-      typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-    }
-  }
-  function tr(e) {
-    {
-      for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-        var i = r[t];
-        if (i !== "children" && i !== "key") {
-          L(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), L(null);
-          break;
-        }
-      }
-      e.ref !== null && (L(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
-    }
-  }
-  var Ie = {};
-  function De(e, r, t, i, l, f) {
-    {
-      var u = V(e);
-      if (!u) {
-        var s = "";
-        (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (s += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-        var p = Qe();
-        p ? s += p : s += je();
-        var d;
-        e === null ? d = "null" : pe(e) ? d = "array" : e !== void 0 && e.$$typeof === o ? (d = "<" + (S(e.type) || "Unknown") + " />", s = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, s);
-      }
-      var v = qe(e, r, t, l, f);
-      if (v == null)
-        return v;
-      if (u) {
-        var C = r.children;
-        if (C !== void 0)
-          if (i)
-            if (pe(C)) {
-              for (var Z = 0; Z < C.length; Z++)
-                Ae(C[Z], e);
-              Object.freeze && Object.freeze(C);
-            } else
-              g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-          else
-            Ae(C, e);
-      }
-      if (B.call(r, "key")) {
-        var W = S(e), h = Object.keys(r).filter(function(ur) {
-          return ur !== "key";
-        }), Re = h.length > 0 ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}";
-        if (!Ie[W + Re]) {
-          var sr = h.length > 0 ? "{" + h.join(": ..., ") + ": ...}" : "{}";
-          g(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, Re, W, sr, W), Ie[W + Re] = !0;
-        }
-      }
-      return e === m ? tr(v) : rr(v), v;
-    }
-  }
-  function nr(e, r, t) {
-    return De(e, r, t, !0);
-  }
-  function ar(e, r, t) {
-    return De(e, r, t, !1);
-  }
-  var or = ar, ir = nr;
-  ae.Fragment = m, ae.jsx = or, ae.jsxs = ir;
-})();
-Ue.exports = ae;
-var Fe = Ue.exports;
-const Rr = {
-  IDLE: "idle"
-}, We = (c) => {
-  let o;
-  const n = /* @__PURE__ */ new Set(), m = (E, _) => {
-    const R = typeof E == "function" ? E(o) : E;
-    if (!Object.is(R, o)) {
-      const D = o;
-      o = _ ?? (typeof R != "object" || R === null) ? R : Object.assign({}, o, R), n.forEach((N) => N(o, D));
-    }
-  }, O = () => o, I = { setState: m, getState: O, getInitialState: () => x, subscribe: (E) => (n.add(E), () => n.delete(E)) }, x = o = c(m, O, I);
-  return I;
-}, yr = (c) => c ? We(c) : We, Er = (c) => c;
-function Sr(c, o = Er) {
-  const n = w.useSyncExternalStore(
-    c.subscribe,
-    () => o(c.getState()),
-    () => o(c.getInitialState())
-  );
-  return w.useDebugValue(n), n;
+//#endregion
+//#region ../../node_modules/zustand/esm/react.mjs
+const identity = (arg) => arg;
+function useStore(api, selector = identity) {
+	const slice = React.useSyncExternalStore(api.subscribe, () => selector(api.getState()), () => selector(api.getInitialState()));
+	React.useDebugValue(slice);
+	return slice;
 }
-const Cr = (c) => {
-  const o = yr(c), n = (m) => Sr(o, m);
-  return Object.assign(n, o), n;
-}, _r = (c) => Cr, b = _r()((c) => ({
-  instance: null,
-  appState: {
-    weave: {}
-  },
-  status: Rr.IDLE,
-  room: {
-    loaded: !1
-  },
-  connection: {
-    status: "disconnected"
-  },
-  users: {},
-  undoRedo: {
-    canUndo: !1,
-    canRedo: !1
-  },
-  zoom: {
-    value: 1,
-    canZoomIn: !1,
-    canZoomOut: !1
-  },
-  contextMenu: {
-    show: !1,
-    position: {
-      x: 0,
-      y: 0
-    },
-    options: []
-  },
-  selection: {
-    nodes: [],
-    node: void 0
-  },
-  actions: {
-    active: !1,
-    actual: void 0
-  },
-  setInstance: (o) => c((n) => ({
-    ...n,
-    instance: o
-  })),
-  setStatus: (o) => c((n) => ({
-    ...n,
-    status: o
-  })),
-  setAppState: (o) => c((n) => ({
-    ...n,
-    appState: o
-  })),
-  setConnectionStatus: (o) => c((n) => ({
-    ...n,
-    connection: {
-      ...n.connection,
-      status: o
-    }
-  })),
-  setRoomLoaded: (o) => c((n) => ({
-    ...n,
-    room: {
-      ...n.room,
-      loaded: o
-    }
-  })),
-  setUsers: (o) => c((n) => ({
-    ...n,
-    users: o
-  })),
-  setCanUndo: (o) => c((n) => ({
-    ...n,
-    undoRedo: {
-      ...n.undoRedo,
-      canUndo: o
-    }
-  })),
-  setCanRedo: (o) => c((n) => ({
-    ...n,
-    undoRedo: {
-      ...n.undoRedo,
-      canRedo: o
-    }
-  })),
-  setZoom: (o) => c((n) => ({
-    ...n,
-    zoom: {
-      ...n.zoom,
-      value: o
-    }
-  })),
-  setCanZoomIn: (o) => c((n) => ({
-    ...n,
-    zoom: {
-      ...n.zoom,
-      canZoomIn: o
-    }
-  })),
-  setCanZoomOut: (o) => c((n) => ({
-    ...n,
-    zoom: {
-      ...n.zoom,
-      canZoomOut: o
-    }
-  })),
-  setSelectedNodes: (o) => c((n) => ({
-    ...n,
-    selection: {
-      ...n.selection,
-      nodes: o
-    }
-  })),
-  setNode: (o) => c((n) => ({
-    ...n,
-    selection: {
-      ...n.selection,
-      node: o
-    }
-  })),
-  setActualAction: (o) => c((n) => ({
-    ...n,
-    actions: {
-      ...n.actions,
-      active: typeof o < "u",
-      actual: o
-    }
-  }))
-})), wr = ({
-  containerId: c,
-  getUser: o,
-  store: n,
-  nodes: m = [],
-  actions: O = [],
-  plugins: U = [],
-  customPlugins: M = [],
-  fonts: I = [],
-  callbacks: x = {},
-  children: E
-}) => {
-  const _ = w.useRef(null), R = b((a) => a.selection.nodes), D = b((a) => a.setInstance), N = b((a) => a.setAppState), H = b((a) => a.setStatus), oe = b((a) => a.setRoomLoaded), ie = b((a) => a.setUsers), A = b((a) => a.setCanUndo), g = b((a) => a.setCanRedo), se = b((a) => a.setZoom), ue = b((a) => a.setCanZoomIn), ce = b((a) => a.setCanZoomOut), le = b((a) => a.setSelectedNodes), K = b((a) => a.setNode), fe = b((a) => a.setActualAction), {
-    onInstanceStatus: Y,
-    onRoomLoaded: V,
-    onStateChange: z,
-    onUndoManagerStatusChange: $,
-    onActiveActionChange: S,
-    ...j
-  } = x, F = w.useCallback(
-    (a) => {
-      H(a), Y == null || Y(a);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  ), G = w.useCallback(
-    (a) => {
-      oe(a), V == null || V(a);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  ), X = w.useCallback(
-    (a) => {
-      N(a), z == null || z(a);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [R]
-  ), J = w.useCallback(
-    (a) => {
-      const {
-        canUndo: k,
-        canRedo: P
-      } = a;
-      A(k), g(P), $ == null || $(a);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  ), q = w.useCallback(
-    (a) => {
-      fe(a), S == null || S(status);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [R]
-  ), Q = w.useCallback((a) => {
-    a.length === 1 && K(a[0].node), a.length !== 1 && K(void 0), le(a);
-  }, []);
-  return w.useEffect(() => {
-    async function a() {
-      const k = document.getElementById(c), P = k == null ? void 0 : k.getBoundingClientRect();
-      if (k && !_.current) {
-        if (m.length > 0)
-          for (const T of m)
-            ;
-        if (O.length > 0)
-          for (const T of O)
-            ;
-        const y = [];
-        if (U.length > 0)
-          for (const T of U)
-            y.push(T);
-        else
-          y.push(new cr({})), y.push(new lr()), y.push(new fr()), y.push(new dr({
-            onZoomChange: (T) => {
-              se(T.scale), ue(T.canZoomIn), ce(T.canZoomOut);
-            }
-          })), y.push(new vr({
-            onNodesChange: Q
-          })), y.push(new gr({})), y.push(new pr({
-            onConnectedUsersChanged: (T) => {
-              ie(T);
-            },
-            getUser: o
-          })), y.push(new hr({
-            getUser: o
-          })), y.push(new br({}));
-        _.current = new mr({
-          store: n,
-          nodes: m,
-          actions: O,
-          plugins: [...y, ...M],
-          fonts: I,
-          callbacks: {
-            ...j,
-            onInstanceStatus: F,
-            onRoomLoaded: G,
-            onStateChange: X,
-            onUndoManagerStatusChange: J,
-            onActiveActionChange: q
-          },
-          logger: {
-            level: "info"
-          }
-        }, {
-          container: c,
-          width: (P == null ? void 0 : P.width) ?? 1920,
-          height: (P == null ? void 0 : P.height) ?? 1080
-        }), D(_.current), _.current.start();
-      }
-    }
-    a();
-  }, []), /* @__PURE__ */ Fe.jsx(Fe.Fragment, { children: E });
+const createImpl = (createState) => {
+	const api = createStore(createState);
+	const useBoundStore = (selector) => useStore(api, selector);
+	Object.assign(useBoundStore, api);
+	return useBoundStore;
 };
-export {
-  wr as WeaveProvider,
-  b as useWeave
+const create = (createState) => createState ? createImpl(createState) : createImpl;
+
+//#endregion
+//#region src/components/store.tsx
+const useWeave = create()((set) => ({
+	instance: null,
+	appState: { weave: {} },
+	status: WEAVE_INSTANCE_STATUS.IDLE,
+	room: { loaded: false },
+	connection: { status: "disconnected" },
+	users: {},
+	undoRedo: {
+		canUndo: false,
+		canRedo: false
+	},
+	zoom: {
+		value: 1,
+		canZoomIn: false,
+		canZoomOut: false
+	},
+	contextMenu: {
+		show: false,
+		position: {
+			x: 0,
+			y: 0
+		},
+		options: []
+	},
+	selection: {
+		nodes: [],
+		node: void 0
+	},
+	actions: {
+		active: false,
+		actual: void 0
+	},
+	setInstance: (newInstance) => set((state) => ({
+		...state,
+		instance: newInstance
+	})),
+	setStatus: (newStatus) => set((state) => ({
+		...state,
+		status: newStatus
+	})),
+	setAppState: (newAppState) => set((state) => ({
+		...state,
+		appState: newAppState
+	})),
+	setConnectionStatus: (newConnectionStatus) => set((state) => ({
+		...state,
+		connection: {
+			...state.connection,
+			status: newConnectionStatus
+		}
+	})),
+	setRoomLoaded: (newStatus) => set((state) => ({
+		...state,
+		room: {
+			...state.room,
+			loaded: newStatus
+		}
+	})),
+	setUsers: (newUsers) => set((state) => ({
+		...state,
+		users: newUsers
+	})),
+	setCanUndo: (newCanUndo) => set((state) => ({
+		...state,
+		undoRedo: {
+			...state.undoRedo,
+			canUndo: newCanUndo
+		}
+	})),
+	setCanRedo: (newCanRedo) => set((state) => ({
+		...state,
+		undoRedo: {
+			...state.undoRedo,
+			canRedo: newCanRedo
+		}
+	})),
+	setZoom: (newZoom) => set((state) => ({
+		...state,
+		zoom: {
+			...state.zoom,
+			value: newZoom
+		}
+	})),
+	setCanZoomIn: (newCanZoomIn) => set((state) => ({
+		...state,
+		zoom: {
+			...state.zoom,
+			canZoomIn: newCanZoomIn
+		}
+	})),
+	setCanZoomOut: (newCanZoomOut) => set((state) => ({
+		...state,
+		zoom: {
+			...state.zoom,
+			canZoomOut: newCanZoomOut
+		}
+	})),
+	setSelectedNodes: (newSelectedNodes) => set((state) => ({
+		...state,
+		selection: {
+			...state.selection,
+			nodes: newSelectedNodes
+		}
+	})),
+	setNode: (newNode) => set((state) => ({
+		...state,
+		selection: {
+			...state.selection,
+			node: newNode
+		}
+	})),
+	setActualAction: (newActualAction) => set((state) => ({
+		...state,
+		actions: {
+			...state.actions,
+			active: typeof newActualAction !== "undefined",
+			actual: newActualAction
+		}
+	}))
+}));
+
+//#endregion
+//#region src/components/provider.tsx
+const WeaveProvider = ({ containerId, getUser, store, nodes = [], actions = [], plugins = [], customPlugins = [], fonts = [], callbacks = {}, children }) => {
+	const weaveInstanceRef = React.useRef(null);
+	const selectedNodes = useWeave((state) => state.selection.nodes);
+	const setInstance = useWeave((state) => state.setInstance);
+	const setAppState = useWeave((state) => state.setAppState);
+	const setStatus = useWeave((state) => state.setStatus);
+	const setRoomLoaded = useWeave((state) => state.setRoomLoaded);
+	const setUsers = useWeave((state) => state.setUsers);
+	const setCanUndo = useWeave((state) => state.setCanUndo);
+	const setCanRedo = useWeave((state) => state.setCanRedo);
+	const setZoom = useWeave((state) => state.setZoom);
+	const setCanZoomIn = useWeave((state) => state.setCanZoomIn);
+	const setCanZoomOut = useWeave((state) => state.setCanZoomOut);
+	const setSelectedNodes = useWeave((state) => state.setSelectedNodes);
+	const setNode = useWeave((state) => state.setNode);
+	const setActualAction = useWeave((state) => state.setActualAction);
+	const { onInstanceStatus, onRoomLoaded, onStateChange, onUndoManagerStatusChange, onActiveActionChange,...restCallbacks } = callbacks;
+	const onInstanceStatusHandler = React.useCallback(
+		(status$1) => {
+			setStatus(status$1);
+			onInstanceStatus?.(status$1);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[]
+);
+	const onRoomLoadedHandler = React.useCallback(
+		(status$1) => {
+			setRoomLoaded(status$1);
+			onRoomLoaded?.(status$1);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[]
+);
+	const onStateChangeHandler = React.useCallback(
+		(state) => {
+			setAppState(state);
+			onStateChange?.(state);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[selectedNodes]
+);
+	const onUndoManagerStatusChangeHandler = React.useCallback(
+		(undoManagerStatus) => {
+			const { canUndo, canRedo } = undoManagerStatus;
+			setCanUndo(canUndo);
+			setCanRedo(canRedo);
+			onUndoManagerStatusChange?.(undoManagerStatus);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[]
+);
+	const onActiveActionChangeHandler = React.useCallback(
+		(actionName) => {
+			setActualAction(actionName);
+			onActiveActionChange?.(status);
+		},
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+		[selectedNodes]
+);
+	const onNodesChange = React.useCallback((nodes$1) => {
+		if (nodes$1.length === 1) setNode(nodes$1[0].node);
+		if (nodes$1.length !== 1) setNode(void 0);
+		setSelectedNodes(nodes$1);
+	}, []);
+	React.useEffect(() => {
+		async function initWeave() {
+			const weaveEle = document.getElementById(containerId);
+			const weaveEleClientRect = weaveEle?.getBoundingClientRect();
+			if (weaveEle && !weaveInstanceRef.current) {
+				const instanceNodes = [];
+				if (nodes.length > 0) for (const node of nodes) instanceNodes.push(node);
+				const instanceActions = [];
+				if (actions.length > 0) for (const action of actions) instanceActions.push(action);
+				const instancePlugins = [];
+				if (plugins.length > 0) for (const plugin of plugins) instancePlugins.push(plugin);
+				else {
+					instancePlugins.push(new WeaveStageGridPlugin({}));
+					instancePlugins.push(new WeaveStagePanningPlugin());
+					instancePlugins.push(new WeaveStageResizePlugin());
+					instancePlugins.push(new WeaveStageZoomPlugin({ onZoomChange: (zoomInfo) => {
+						setZoom(zoomInfo.scale);
+						setCanZoomIn(zoomInfo.canZoomIn);
+						setCanZoomOut(zoomInfo.canZoomOut);
+					} }));
+					instancePlugins.push(new WeaveNodesSelectionPlugin({ onNodesChange }));
+					instancePlugins.push(new WeaveStageDropAreaPlugin({}));
+					instancePlugins.push(new WeaveConnectedUsersPlugin({
+						onConnectedUsersChanged: (users) => {
+							setUsers(users);
+						},
+						getUser
+					}));
+					instancePlugins.push(new WeaveUsersPointersPlugin({ getUser }));
+					instancePlugins.push(new WeaveCopyPasteNodesPlugin({}));
+				}
+				weaveInstanceRef.current = new Weave({
+					store,
+					nodes,
+					actions,
+					plugins: [...instancePlugins, ...customPlugins],
+					fonts,
+					callbacks: {
+						...restCallbacks,
+						onInstanceStatus: onInstanceStatusHandler,
+						onRoomLoaded: onRoomLoadedHandler,
+						onStateChange: onStateChangeHandler,
+						onUndoManagerStatusChange: onUndoManagerStatusChangeHandler,
+						onActiveActionChange: onActiveActionChangeHandler
+					},
+					logger: { level: "info" }
+				}, {
+					container: containerId,
+					width: weaveEleClientRect?.width ?? 1920,
+					height: weaveEleClientRect?.height ?? 1080
+				});
+				setInstance(weaveInstanceRef.current);
+				weaveInstanceRef.current.start();
+			}
+		}
+		initWeave();
+	}, []);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
 };
+
+//#endregion
+export { WeaveProvider, useWeave };