@blocklet/discuss-kit 2.3.106 → 2.4.0

package/lib/es/components/error-fallback.js

@@ -1,18 +1,18 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "prop-types";
-import Alert from "@mui/material/Alert";
-import AlertTitle from "@mui/material/AlertTitle";
-function ErrorFallback({ error }) {
-  const errorMessageElement = process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ jsx("pre", { children: error.message });
-  return /* @__PURE__ */ jsxs(Alert, { severity: "warning", children: [
-    /* @__PURE__ */ jsx(AlertTitle, { children: "Oops!" }),
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import i from "prop-types";
+import t from "@mui/material/Alert";
+import n from "@mui/material/AlertTitle";
+function p({ error: e }) {
+  const o = process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ r("pre", { children: e.message });
+  return /* @__PURE__ */ s(t, { severity: "warning", children: [
+    /* @__PURE__ */ r(n, { children: "Oops!" }),
     "Discuss Kit is not working properly.",
-    errorMessageElement
+    o
   ] });
 }
-ErrorFallback.propTypes = {
-  error: PropTypes.instanceOf(Error).isRequired
+p.propTypes = {
+  error: i.instanceOf(Error).isRequired
 };
 export {
-  ErrorFallback as default
+  p as default
 };

package/lib/es/components/menu.js

@@ -1,27 +1,24 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import PropTypes from "prop-types";
-import { styled } from "@arcblock/ux/lib/Theme";
-import IconButton from "@mui/material/IconButton";
-import { MoreVert } from "@mui/icons-material";
-import Box from "@mui/material/Box";
-import MuiMenu from "@mui/material/Menu";
-import MuiMenuItem from "@mui/material/MenuItem";
-function Menu({ items, ...rest }) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { useState as u } from "react";
+import f from "prop-types";
+import { styled as e } from "@arcblock/ux/lib/Theme";
+import x from "@mui/material/IconButton";
+import { MoreVert as C } from "@mui/icons-material";
+import M from "@mui/material/Box";
+import k from "@mui/material/Menu";
+import y from "@mui/material/MenuItem";
+function g({ items: l, ...m }) {
+  const [t, n] = u(null), c = !!t, s = (r) => {
+    n(r.currentTarget);
+  }, i = () => {
+    n(null);
   };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ jsxs(Root, { ...rest, children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "medium", onClick: handleClick, children: /* @__PURE__ */ jsx(MoreVert, { sx: { fontSize: 18 } }) }),
-    /* @__PURE__ */ jsx(
-      MuiMenu,
+  return /* @__PURE__ */ h(z, { ...m, children: [
+    /* @__PURE__ */ o(x, { size: "medium", onClick: s, children: /* @__PURE__ */ o(C, { sx: { fontSize: 18 } }) }),
+    /* @__PURE__ */ o(
+      k,
       {
-        anchorEl,
+        anchorEl: t,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "right"
@@ -30,32 +27,34 @@ function Menu({ items, ...rest }) {
           vertical: "top",
           horizontal: "right"
         },
-        open,
-        onClose: handleClose,
-        children: items.map(({ onClick, text, ...itemProps }, index) => {
-          const handleClick2 = () => {
-            onClick();
-            handleClose();
-          };
-          return (
-            // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ jsx(StyledMenuItem, { onClick: handleClick2, ...itemProps, children: /* @__PURE__ */ jsx(Box, { minWidth: 100, children: text }) }, index)
-          );
-        })
+        open: c,
+        onClose: i,
+        children: l.map(({ onClick: r, text: a, ...p }, d) => (
+          // eslint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ o(v, { onClick: () => {
+            r(), i();
+          }, ...p, children: /* @__PURE__ */ o(
+            M,
+            {
+              sx: {
+                minWidth: 100
+              },
+              children: a
+            }
+          ) }, d)
+        ))
       }
     )
   ] });
 }
-Menu.propTypes = {
-  items: PropTypes.array.isRequired
+g.propTypes = {
+  items: f.array.isRequired
 };
-Menu.defaultProps = {};
-const Root = styled("div")`
+const z = e("div")`
   display: inline-block;
-`;
-const StyledMenuItem = styled(MuiMenuItem)`
+`, v = e(y)`
   font-size: 14px;
 `;
 export {
-  Menu as default
+  g as default
 };

package/lib/es/constants.js

@@ -1,4 +1,4 @@
-const DiscussKitDid = "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu";
+const i = "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu";
 export {
-  DiscussKitDid
+  i as DiscussKitDid
 };

package/lib/es/hooks/comment-listener.js

@@ -1,17 +1,15 @@
-import { useSubscription } from "@blocklet/discuss-kit-ux";
-import { discussKitPrefix } from "../lib/utils";
-const useCommentsListener = (objectId, handleNewComment) => {
-  useSubscription(
-    objectId,
-    ({ event, data }) => {
-      if (event === "ADD_COMMENT") {
-        handleNewComment(data);
-      }
+import { useSubscription as t } from "@blocklet/discuss-kit-ux";
+import { discussKitPrefix as e } from "../lib/utils.js";
+const n = (i, s) => {
+  t(
+    i,
+    ({ event: r, data: o }) => {
+      r === "ADD_COMMENT" && s(o);
     },
-    [objectId],
-    discussKitPrefix
+    [i],
+    e
   );
 };
 export {
-  useCommentsListener
+  n as useCommentsListener
 };

package/lib/es/hooks/topic-info-sync.js

@@ -1,22 +1,20 @@
-import { useEffect } from "react";
-import { utils } from "@blocklet/discuss-kit-ux";
-import request from "../api";
-import { isInIframe } from "../lib/utils";
-const useTopicInfoSync = (options) => {
-  useEffect(() => {
-    const sync = () => {
-      request.put(`/comments/topics/${options.id}`, {
-        title: options.title,
-        link: options.link
-      }).catch((err) => {
-        console.error(err);
+import { useEffect as r } from "react";
+import { utils as s } from "@blocklet/discuss-kit-ux";
+import c from "../api.js";
+import { isInIframe as e } from "../lib/utils.js";
+const l = (t) => {
+  r(() => {
+    const i = () => {
+      c.put(`/comments/topics/${t.id}`, {
+        title: t.title,
+        link: t.link
+      }).catch((o) => {
+        console.error(o);
       });
     };
-    if (!utils.isInDiscussKitApp && !isInIframe()) {
-      sync();
-    }
+    !s.isInDiscussKitApp && !e() && i();
   }, []);
 };
 export {
-  useTopicInfoSync
+  l as useTopicInfoSync
 };

package/lib/es/index.js

@@ -1,13 +1,13 @@
-import { AutoTranslateHeaderAddon, Translate } from "@blocklet/discuss-kit-ux";
-import { default as default2 } from "./comments-installer";
-import { default as default3 } from "./comments-with-session";
-import { useCommentsListener } from "./hooks/comment-listener";
-import { CommentsDialog } from "./comments-dialog";
+import { AutoTranslateHeaderAddon as t, Translate as r } from "@blocklet/discuss-kit-ux";
+import { default as s } from "./comments-installer.js";
+import { default as n } from "./comments-with-session.js";
+import { useCommentsListener as d } from "./hooks/comment-listener.js";
+import { CommentsDialog as p } from "./comments-dialog.js";
 export {
-  AutoTranslateHeaderAddon,
-  default2 as Comments,
-  CommentsDialog,
-  default3 as CommentsWithSession,
-  Translate,
-  useCommentsListener
+  t as AutoTranslateHeaderAddon,
+  s as Comments,
+  p as CommentsDialog,
+  n as CommentsWithSession,
+  r as Translate,
+  d as useCommentsListener
 };

package/lib/es/lib/utils.js

@@ -1,37 +1,22 @@
-var _a, _b;
-import joinUrl from "url-join";
-const protectLogin = (session, action) => {
-  if (session.user) {
-    return action();
-  }
-  return new Promise((resolve) => {
-    session.login(() => resolve(action()));
-  });
-};
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const minDelay = (promise, ms) => {
-  return Promise.all([promise, sleep(ms)]).then(([result]) => result);
-};
-const discussKitService = (_b = (_a = window.blocklet) == null ? void 0 : _a.componentMountPoints) == null ? void 0 : _b.find(
-  (x) => x.did === "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu"
-);
-const discussKitPrefix = discussKitService ? joinUrl(discussKitService.mountPoint, "/") : "";
-const discussKitApiPrefix = joinUrl(discussKitPrefix, "/api/");
-const isDiscussKitRunning = (discussKitService == null ? void 0 : discussKitService.status) === "running";
-const isInIframe = () => {
+import s from "url-join";
+const c = (n, t) => n.user ? t() : new Promise((i) => {
+  n.login(() => i(t()));
+}), e = (n) => new Promise((t) => setTimeout(t, n)), d = (n, t) => Promise.all([n, e(t)]).then(([i]) => i), o = window.blocklet?.componentMountPoints?.find(
+  (n) => n.did === "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu"
+), r = o ? s(o.mountPoint, "/") : "", m = s(r, "/api/"), p = o?.status === "running", w = () => {
   try {
     return window.self !== window.top;
-  } catch (e) {
-    return true;
+  } catch {
+    return !0;
   }
 };
 export {
-  discussKitApiPrefix,
-  discussKitPrefix,
-  discussKitService,
-  isDiscussKitRunning,
-  isInIframe,
-  minDelay,
-  protectLogin,
-  sleep
+  m as discussKitApiPrefix,
+  r as discussKitPrefix,
+  o as discussKitService,
+  p as isDiscussKitRunning,
+  w as isInIframe,
+  d as minDelay,
+  c as protectLogin,
+  e as sleep
 };

package/lib/es/locales/en.js

@@ -1,5 +1,5 @@
-import flat from "flat";
-const en = flat({
+import e from "flat";
+const s = e({
   comments: "Comments",
   comment: "Comment",
   poweredBy: "- powered by Discuss Kit",
@@ -49,5 +49,5 @@ const en = flat({
   }
 });
 export {
-  en as default
+  s as default
 };

package/lib/es/locales/index.js

@@ -1,8 +1,8 @@
-import flat from "flat";
-import { translations as translations$1 } from "@blocklet/discuss-kit-ux";
-import en from "./en";
-import zh from "./zh";
-const translations = { zh: { ...zh, ...flat(translations$1.zh) }, en: { ...en, ...flat(translations$1.en) } };
+import o from "flat";
+import { translations as t } from "@blocklet/discuss-kit-ux";
+import r from "./en.js";
+import n from "./zh.js";
+const f = { zh: { ...n, ...o(t.zh) }, en: { ...r, ...o(t.en) } };
 export {
-  translations
+  f as translations
 };

package/lib/es/locales/zh.js

@@ -1,5 +1,5 @@
-import flat from "flat";
-const zh = flat({
+import e from "flat";
+const s = e({
   comments: "条评论",
   comment: "评论",
   poweredBy: "- 由 Discuss Kit 提供支持",
@@ -51,5 +51,5 @@ const zh = flat({
   }
 });
 export {
-  zh as default
+  s as default
 };

package/lib/es/session.js

@@ -1,14 +1,13 @@
-import { useContext } from "react";
-import { createAuthServiceSessionContext } from "@arcblock/did-connect/lib/Session";
-const { SessionProvider, SessionContext, SessionConsumer, withSession } = createAuthServiceSessionContext();
-function useSessionContext() {
-  const data = useContext(SessionContext);
-  return data;
+import { useContext as e } from "react";
+import { createAuthServiceSessionContext as o } from "@arcblock/did-connect/lib/Session";
+const { SessionProvider: r, SessionContext: t, SessionConsumer: S, withSession: u } = o();
+function a() {
+  return e(t);
 }
 export {
-  SessionConsumer,
-  SessionContext,
-  SessionProvider,
-  useSessionContext,
-  withSession
+  S as SessionConsumer,
+  t as SessionContext,
+  r as SessionProvider,
+  a as useSessionContext,
+  u as withSession
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "2.3.106",
+  "version": "2.4.0",
   "description": "A react component for Discuss Kit blocklet.",
   "main": "./lib/cjs/index.js",
   "module": "./lib/es/index.js",
@@ -32,11 +32,11 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/icons-material": "^5.16.7",
-    "@mui/lab": "^5.0.0-alpha.173",
-    "@mui/material": "^5.16.7",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/lab": "^7.0.0-beta.14",
+    "@mui/material": "^7.1.2",
     "@uiw/react-md-editor": "^3.25.6",
     "ahooks": "^3.8.1",
     "axios": "^0.27.2",
@@ -49,15 +49,15 @@
     "rehype-sanitize": "^5.0.1",
     "timeago.js": "^4.0.2",
     "url-join": "^4.0.1",
-    "@blocklet/discuss-kit-ux": "^2.3.106",
-    "@blocklet/editor": "^2.3.106"
+    "@blocklet/discuss-kit-ux": "^2.4.0",
+    "@blocklet/editor": "^2.4.0"
   },
   "peerDependencies": {
-    "@arcblock/did-connect": "^2.10.36",
-    "@arcblock/ux": "^2.10.46",
-    "@blocklet/ui-react": "^2.10.5",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "@arcblock/did-connect": "^3.0.1",
+    "@arcblock/ux": "^3.0.1",
+    "@blocklet/ui-react": "^3.0.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "publishConfig": {
     "access": "public"
@@ -67,12 +67,13 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.7",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@vitejs/plugin-react": "^4.6.0",
     "eslint-plugin-react-hooks": "^4.6.2",
+    "fast-glob": "^3.3.3",
     "jest": "^24.9.0",
-    "vite": "^5.4.9",
-    "vite-plugin-build": "^0.10.0",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite": "^7.0.0",
+    "vite-plugin-no-bundle": "^4.0.0",
+    "vite-plugin-svgr": "^4.3.0"
   },
   "scripts": {
     "lint": "eslint src --ext .mjs,.js,.jsx,.ts,.tsx",