@vizel/react 1.0.0 → 1.1.1

package/dist/index39.js

@@ -1,55 +1,74 @@
-import { createVizelMarkdownSyncHandlers as S, getVizelMarkdown as V } from "@vizel/core";
-import { useState as l, useRef as d, useEffect as c, useCallback as k } from "react";
-function R(r, m = {}) {
-  const { initialValue: s, ...w } = m, [M, a] = l(() => s ?? ""), [p, o] = l(!1), t = d(null);
-  t.current || (t.current = S(w));
-  const u = d(!1);
-  c(() => {
-    const e = r();
-    if (!(!e || u.current)) {
-      if (s !== void 0)
-        t.current?.setMarkdown(e, s), a(s);
-      else {
-        const n = V(e);
-        a(n);
-      }
-      u.current = !0;
-    }
-  }, [r, s]), c(() => {
-    const e = r();
-    if (!e) return;
-    const n = t.current;
-    if (!n) return;
-    const i = () => {
-      n.handleUpdate(e), o(n.isPending());
-      const f = () => {
-        n.isPending() ? requestAnimationFrame(f) : (a(n.getMarkdown()), o(!1));
-      };
-      requestAnimationFrame(f);
-    };
-    return e.on("update", i), () => {
-      e.off("update", i);
-    };
-  }, [r]), c(() => () => {
-    t.current?.destroy();
-  }, []);
-  const h = k(
-    (e) => {
-      const n = r();
-      n && (t.current?.setMarkdown(n, e), a(e), o(!1));
-    },
-    [r]
-  ), P = k(() => {
-    const e = r();
-    e && (t.current?.flush(e), a(t.current?.getMarkdown() ?? ""), o(!1));
-  }, [r]);
+import { VIZEL_DEFAULT_COMMENT_OPTIONS as d, createVizelCommentHandlers as k } from "@vizel/core";
+import { useRef as v, useState as E, useCallback as n, useMemo as S, useEffect as h } from "react";
+function V(s, m = {}) {
+  const t = v(m);
+  t.current = m;
+  const c = m.enabled ?? d.enabled, C = m.storage ?? d.storage, l = m.key ?? d.key, [a, f] = E({
+    comments: [],
+    activeCommentId: null,
+    isLoading: !1,
+    error: null
+  }), u = v(s);
+  u.current = s;
+  const i = n((e) => {
+    f((r) => ({ ...r, ...e }));
+  }, []), o = S(
+    () => k(
+      () => u.current(),
+      {
+        enabled: c,
+        storage: C,
+        key: l,
+        onAdd: (e) => t.current.onAdd?.(e),
+        onRemove: (e) => t.current.onRemove?.(e),
+        onResolve: (e) => t.current.onResolve?.(e),
+        onReopen: (e) => t.current.onReopen?.(e),
+        onError: (e) => t.current.onError?.(e)
+      },
+      i
+    ),
+    [c, C, l, i]
+  );
+  h(() => {
+    s() && c && o.loadComments();
+  }, [s, c, o]);
+  const R = n(
+    (e, r) => o.addComment(e, r),
+    [o]
+  ), g = n(
+    (e) => o.removeComment(e),
+    [o]
+  ), y = n(
+    (e) => o.resolveComment(e),
+    [o]
+  ), I = n(
+    (e) => o.reopenComment(e),
+    [o]
+  ), p = n(
+    (e, r, b) => o.replyToComment(e, r, b),
+    [o]
+  ), A = n(
+    (e) => o.setActiveComment(e),
+    [o]
+  ), L = n(() => o.loadComments(), [o]), T = n(
+    (e) => o.getCommentById(e),
+    [o]
+  );
   return {
-    markdown: M,
-    setMarkdown: h,
-    isPending: p,
-    flush: P
+    comments: a.comments,
+    activeCommentId: a.activeCommentId,
+    isLoading: a.isLoading,
+    error: a.error,
+    addComment: R,
+    removeComment: g,
+    resolveComment: y,
+    reopenComment: I,
+    replyToComment: p,
+    setActiveComment: A,
+    loadComments: L,
+    getCommentById: T
   };
 }
 export {
-  R as useVizelMarkdown
+  V as useVizelComment
 };

package/dist/index40.js

@@ -1,14 +1,48 @@
-import { useReducer as u, useRef as c, useEffect as f } from "react";
-function s(n) {
-  const [o, r] = u((t) => t + 1, 0), e = c(null);
-  return f(() => {
-    const t = n() ?? null;
-    if (e.current && e.current !== t && e.current.off("transaction", r), e.current = t, !!t)
-      return t.on("transaction", r), () => {
-        t.off("transaction", r);
-      };
-  }), o;
+import { createVizelEditorInstance as g, wrapAsVizelError as z, registerVizelUploadEventHandler as I } from "@vizel/core";
+import { useState as O, useRef as c, useEffect as u } from "react";
+import { createVizelSlashMenuRenderer as x } from "./index36.js";
+function h(l = {}) {
+  const { features: o, extensions: f = [], ...p } = l, [r, E] = O(null), i = typeof o?.image == "object" ? o.image : {}, n = c(i);
+  n.current = i;
+  const m = c({
+    features: o,
+    additionalExtensions: f,
+    editorOptions: p
+  });
+  return u(() => {
+    const e = m.current;
+    let s = !0, a = null;
+    return (async () => {
+      try {
+        const t = await g({
+          ...e.editorOptions,
+          ...e.features !== void 0 && { features: e.features },
+          extensions: e.additionalExtensions,
+          createSlashMenuRenderer: x
+        });
+        if (!s) {
+          t.editor.destroy();
+          return;
+        }
+        a = t.editor, E(t.editor);
+      } catch (t) {
+        const d = z(t, {
+          context: "Editor initialization failed",
+          code: "EDITOR_INIT_FAILED"
+        });
+        throw e.editorOptions.onError?.(d), d;
+      }
+    })(), () => {
+      s = !1, a?.destroy();
+    };
+  }, []), u(() => {
+    if (r)
+      return I({
+        getEditor: () => r,
+        getImageOptions: () => n.current
+      });
+  }, [r]), r;
 }
 export {
-  s as useVizelState
+  h as useVizelEditor
 };

package/dist/index41.js

@@ -1,17 +1,10 @@
-var t = (e, n) => {
-  if (e === "slot")
-    return 0;
-  if (e instanceof Function)
-    return e(n);
-  const { children: r, ...s } = n ?? {};
-  if (e === "svg")
-    throw new Error("SVG elements are not supported in the JSX syntax, use the array syntax instead");
-  return [e, s, r];
-};
+import { getVizelEditorState as r } from "@vizel/core";
+import { useMemo as i } from "react";
+import { useVizelState as u } from "./index43.js";
+function p(t) {
+  const o = u(t), e = t() ?? null;
+  return i(() => r(e), [e, o]);
+}
 export {
-  t as createElement,
-  t as h,
-  t as jsx,
-  t as jsxDEV,
-  t as jsxs
+  p as useVizelEditorState
 };

package/dist/index42.js

@@ -1,5 +1,55 @@
-import { __require as r } from "./index43.js";
-var i = r();
+import { createVizelMarkdownSyncHandlers as S, getVizelMarkdown as V } from "@vizel/core";
+import { useState as l, useRef as d, useEffect as c, useCallback as k } from "react";
+function R(r, m = {}) {
+  const { initialValue: s, ...w } = m, [M, a] = l(() => s ?? ""), [p, o] = l(!1), t = d(null);
+  t.current || (t.current = S(w));
+  const u = d(!1);
+  c(() => {
+    const e = r();
+    if (!(!e || u.current)) {
+      if (s !== void 0)
+        t.current?.setMarkdown(e, s), a(s);
+      else {
+        const n = V(e);
+        a(n);
+      }
+      u.current = !0;
+    }
+  }, [r, s]), c(() => {
+    const e = r();
+    if (!e) return;
+    const n = t.current;
+    if (!n) return;
+    const i = () => {
+      n.handleUpdate(e), o(n.isPending());
+      const f = () => {
+        n.isPending() ? requestAnimationFrame(f) : (a(n.getMarkdown()), o(!1));
+      };
+      requestAnimationFrame(f);
+    };
+    return e.on("update", i), () => {
+      e.off("update", i);
+    };
+  }, [r]), c(() => () => {
+    t.current?.destroy();
+  }, []);
+  const h = k(
+    (e) => {
+      const n = r();
+      n && (t.current?.setMarkdown(n, e), a(e), o(!1));
+    },
+    [r]
+  ), P = k(() => {
+    const e = r();
+    e && (t.current?.flush(e), a(t.current?.getMarkdown() ?? ""), o(!1));
+  }, [r]);
+  return {
+    markdown: M,
+    setMarkdown: h,
+    isPending: p,
+    flush: P
+  };
+}
 export {
-  i as c
+  R as useVizelMarkdown
 };

package/dist/index43.js

@@ -1,23 +1,14 @@
-import { __module as e } from "./index44.js";
-import { __require as t } from "./index45.js";
-import { __require as i } from "./index46.js";
-var _;
-function O() {
-  if (_) return e.exports;
-  _ = 1;
-  function r() {
-    if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
-      if (process.env.NODE_ENV !== "production")
-        throw new Error("^_^");
-      try {
-        __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(r);
-      } catch (o) {
-        console.error(o);
-      }
-    }
-  }
-  return process.env.NODE_ENV === "production" ? (r(), e.exports = t()) : e.exports = i(), e.exports;
+import { useReducer as u, useRef as c, useEffect as f } from "react";
+function s(n) {
+  const [o, r] = u((t) => t + 1, 0), e = c(null);
+  return f(() => {
+    const t = n() ?? null;
+    if (e.current && e.current !== t && e.current.off("transaction", r), e.current = t, !!t)
+      return t.on("transaction", r), () => {
+        t.off("transaction", r);
+      };
+  }), o;
 }
 export {
-  O as __require
+  s as useVizelState
 };

package/dist/index44.js

@@ -1,4 +1,56 @@
-var e = { exports: {} };
+import { VIZEL_DEFAULT_VERSION_HISTORY_OPTIONS as c, createVizelVersionHistoryHandlers as k } from "@vizel/core";
+import { useRef as S, useState as v, useCallback as o, useMemo as x, useEffect as E } from "react";
+function O(n, r = {}) {
+  const t = S(r);
+  t.current = r;
+  const a = r.enabled ?? c.enabled, V = r.maxVersions ?? c.maxVersions, u = r.storage ?? c.storage, d = r.key ?? c.key, [i, R] = v({
+    snapshots: [],
+    isLoading: !1,
+    error: null
+  }), f = S(n);
+  f.current = n;
+  const m = o((e) => {
+    R((l) => ({ ...l, ...e }));
+  }, []), s = x(
+    () => k(
+      () => f.current(),
+      {
+        enabled: a,
+        maxVersions: V,
+        storage: u,
+        key: d,
+        onSave: (e) => t.current.onSave?.(e),
+        onError: (e) => t.current.onError?.(e),
+        onRestore: (e) => t.current.onRestore?.(e)
+      },
+      m
+    ),
+    [a, V, u, d, m]
+  );
+  E(() => {
+    n() && a && s.loadVersions();
+  }, [n, a, s]);
+  const h = o(
+    (e, l) => s.saveVersion(e, l),
+    [s]
+  ), g = o(
+    (e) => s.restoreVersion(e),
+    [s]
+  ), y = o(() => s.loadVersions(), [s]), L = o(
+    (e) => s.deleteVersion(e),
+    [s]
+  ), b = o(() => s.clearVersions(), [s]);
+  return {
+    snapshots: i.snapshots,
+    isLoading: i.isLoading,
+    error: i.error,
+    saveVersion: h,
+    restoreVersion: g,
+    loadVersions: y,
+    deleteVersion: L,
+    clearVersions: b
+  };
+}
 export {
-  e as __module
+  O as useVizelVersionHistory
 };