@blocklet/discuss-kit 2.0.36 → 2.0.37

package/lib/cjs/comments.js

@@ -7,8 +7,7 @@ const PropTypes = require("prop-types");
 const SessionManager = require("@arcblock/did-connect/lib/SessionManager");
 const Session = require("@arcblock/did-connect/lib/Session");
 const Button = require("@arcblock/ux/lib/Button");
-const Box = require("@mui/material/Box");
-const CircularProgress = require("@mui/material/CircularProgress");
+const material = require("@mui/material");
 const context = require("@arcblock/ux/lib/Locale/context");
 const reactErrorBoundary = require("react-error-boundary");
 const discussKitUx = require("@blocklet/discuss-kit-ux");
@@ -105,7 +104,17 @@ const DiscussKitComments = react.forwardRef(
     sendIcon,
     showTopbar
   }, ref) => {
-    discussKitUx.useDefaultApiErrorHandler({ request: api });
+    const [apiAvailable, setApiAvailable] = react.useState(true);
+    discussKitUx.useDefaultApiErrorHandler({
+      request: api,
+      onError: (e) => {
+        var _a;
+        if (((_a = e.response) == null ? void 0 : _a.status) === 404) {
+          setApiAvailable(false);
+          return true;
+        }
+      }
+    });
     const { session } = react.useContext(Session.SessionContext) || {};
     const { state, sort, add, updateCommentState, interactive, findById } = discussKitUx.useCommentsContext();
     const { total, order, initialized } = state;
@@ -145,7 +154,7 @@ const DiscussKitComments = react.forwardRef(
       [object.id, state]
     );
     if (!initialized) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Box, { width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, {}) });
+      return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, {}) });
     }
     const sendComment = async (content) => {
       const { data } = await api.post("/comments", { content, object });
@@ -180,10 +189,16 @@ const DiscussKitComments = react.forwardRef(
         }
       );
     };
+    if (!apiAvailable) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(material.Alert, { severity: "info", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { children: t("apiUnavailable.title") }),
+        t("apiUnavailable.desc")
+      ] });
+    }
     return /* @__PURE__ */ jsxRuntime.jsxs(Container, { ref, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
-          displayReaction && objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
+          displayReaction && objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
             discussKitUx.GithubReaction,
             {
               data: objectRatingState.value,
@@ -199,10 +214,10 @@ const DiscussKitComments = react.forwardRef(
           " ",
           /* @__PURE__ */ jsxRuntime.jsx("a", { className: "down-load-wallet", href: "https://www.didwallet.io/", target: "_blank", rel: "noreferrer", children: t("installDIDWallet") })
         ] }) }),
-        session.user && interactive && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 2, className: "comment-editor", children: renderCommentInput() })
+        session.user && interactive && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, className: "comment-editor", children: renderCommentInput() })
       ] }),
-      !!total && showTopbar && /* @__PURE__ */ jsxRuntime.jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { fontWeight: "medium" }, children: [
+      !!total && showTopbar && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { fontWeight: "medium" }, children: [
           total > 0 ? `${total} ${t("comments")}` : t("comment"),
           " "
         ] }),
@@ -219,7 +234,7 @@ const DiscussKitComments = react.forwardRef(
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentList, { className: "comment-list" }),
-      session.user && interactive && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 6, children: renderCommentInput() })
+      session.user && interactive && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 6, children: renderCommentInput() })
     ] });
   }
 );

package/lib/cjs/locales/en.js

@@ -41,6 +41,10 @@ const en = flat({
     unpin: "unpinned this",
     markAsFeatured: "marked this as featured",
     unmarkAsFeatured: "unmarked this as featured"
+  },
+  apiUnavailable: {
+    title: "Comment service is not available",
+    desc: "Unable to access the comment service, please verify if Discuss Kit Blocklet is running and check for any access restrictions."
   }
 });
 module.exports = en;

package/lib/cjs/locales/zh.js

@@ -43,6 +43,10 @@ const zh = flat({
     unpin: "取消置顶",
     markAsFeatured: "标记为精品",
     unmarkAsFeatured: "取消精品"
+  },
+  apiUnavailable: {
+    title: "评论服务不可用",
+    desc: "无法访问评论服务，请检查 Discuss Kit Blocklet 是否运行正常 (服务是否运行中、服务是否设置了访问限制)"
   }
 });
 module.exports = zh;

package/lib/es/comments.js

@@ -1,13 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useContext, useRef, useMemo, useEffect } from "react";
+import { forwardRef, useState, useContext, useRef, useMemo, useEffect } from "react";
 import { styled } from "@arcblock/ux/lib/Theme";
 import joinUrl from "url-join";
 import PropTypes from "prop-types";
 import SessionManager from "@arcblock/did-connect/lib/SessionManager";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
 import Button from "@arcblock/ux/lib/Button";
-import Box from "@mui/material/Box";
-import CircularProgress from "@mui/material/CircularProgress";
+import { Box, CircularProgress, Alert, AlertTitle } from "@mui/material";
 import { useLocaleContext, LocaleProvider } from "@arcblock/ux/lib/Locale/context";
 import { ErrorBoundary } from "react-error-boundary";
 import { useDefaultApiErrorHandler, useCommentsContext, useSubscription, GithubReaction, SegmentedControl, CommentList, getWsClient, UploaderProvider, InternalThemeProvider, ConfirmProvider, DefaultEditorConfigProvider, CommentsProvider, CommentInput } from "@blocklet/discuss-kit-ux";
@@ -104,7 +103,17 @@ const DiscussKitComments = forwardRef(
     sendIcon,
     showTopbar
   }, ref) => {
-    useDefaultApiErrorHandler({ request: api });
+    const [apiAvailable, setApiAvailable] = useState(true);
+    useDefaultApiErrorHandler({
+      request: api,
+      onError: (e) => {
+        var _a;
+        if (((_a = e.response) == null ? void 0 : _a.status) === 404) {
+          setApiAvailable(false);
+          return true;
+        }
+      }
+    });
     const { session } = useContext(SessionContext) || {};
     const { state, sort, add, updateCommentState, interactive, findById } = useCommentsContext();
     const { total, order, initialized } = state;
@@ -179,6 +188,12 @@ const DiscussKitComments = forwardRef(
         }
       );
     };
+    if (!apiAvailable) {
+      return /* @__PURE__ */ jsxs(Alert, { severity: "info", children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: t("apiUnavailable.title") }),
+        t("apiUnavailable.desc")
+      ] });
+    }
     return /* @__PURE__ */ jsxs(Container, { ref, children: [
       /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [

package/lib/es/locales/en.js

@@ -40,6 +40,10 @@ const en = flat({
     unpin: "unpinned this",
     markAsFeatured: "marked this as featured",
     unmarkAsFeatured: "unmarked this as featured"
+  },
+  apiUnavailable: {
+    title: "Comment service is not available",
+    desc: "Unable to access the comment service, please verify if Discuss Kit Blocklet is running and check for any access restrictions."
   }
 });
 export {

package/lib/es/locales/zh.js

@@ -42,6 +42,10 @@ const zh = flat({
     unpin: "取消置顶",
     markAsFeatured: "标记为精品",
     unmarkAsFeatured: "取消精品"
+  },
+  apiUnavailable: {
+    title: "评论服务不可用",
+    desc: "无法访问评论服务，请检查 Discuss Kit Blocklet 是否运行正常 (服务是否运行中、服务是否设置了访问限制)"
   }
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "2.0.36",
+  "version": "2.0.37",
   "description": "A react component for Discuss Kit blocklet.",
   "main": "./lib/cjs/index.js",
   "module": "./lib/es/index.js",
@@ -37,8 +37,8 @@
     "@arcblock/did-connect": "^2.10.1",
     "@arcblock/ux": "^2.10.1",
     "@arcblock/ws": "^1.18.123",
-    "@blocklet/discuss-kit-ux": "2.0.36",
-    "@blocklet/editor": "2.0.36",
+    "@blocklet/discuss-kit-ux": "2.0.37",
+    "@blocklet/editor": "2.0.37",
     "@blocklet/js-sdk": "^1.16.28",
     "@blocklet/ui-react": "^2.10.1",
     "@emotion/react": "^11.10.5",
@@ -78,5 +78,5 @@
     "vite-plugin-build": "^0.10.0",
     "vite-plugin-svgr": "^4.2.0"
   },
-  "gitHead": "8f2ad0188d8b353a33ec01672ecfaf263313c58f"
+  "gitHead": "7739c4309ff2a2997bd1f5f5d3510ec0c291dabd"
 }