@blocklet/discuss-kit 1.0.9 → 1.0.11

package/lib/es/components/uploader.js

@@ -0,0 +1,39 @@
+import joinUrl from "url-join";
+import { xhrUploader, Uppload, en, Local, Camera, Screenshot, URL, Twitter, Facebook, Preview, Rotate, Crop, Blur, Contrast, Grayscale, Saturate } from "uppload";
+const uppload = "";
+const light = "";
+const getEndpoint = () => {
+  const obj = new window.URL(window.location.origin);
+  obj.pathname = joinUrl(window.blocklet.prefix, "/api/uploads");
+  return obj.href;
+};
+const upload = xhrUploader({
+  endpoint: getEndpoint(),
+  fileKeyName: "image",
+  responseFunction: (text) => {
+    try {
+      const json = JSON.parse(text);
+      return json.url;
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  }
+});
+const uploader = new Uppload({
+  lang: en,
+  defaultService: "local",
+  maxWidth: 1440,
+  maxHeight: 900,
+  uploader: xhrUploader({
+    endpoint: getEndpoint(),
+    fileKeyName: "image"
+  })
+});
+uploader.use([new Local({
+  mimeTypes: ["image/png", "image/jpeg", "image/gif"]
+}), new Camera(), new Screenshot(), new URL(), new Twitter(), new Facebook()]);
+uploader.use([new Preview(), new Rotate(), new Crop(), new Blur(), new Contrast(), new Grayscale(), new Saturate()]);
+export {
+  uploader as default,
+  upload
+};

package/lib/es/did-comment.js

@@ -9,12 +9,14 @@ import Button from "@arcblock/ux/lib/Button";
 import Box from "@mui/material/Box";
 import CircularProgress from "@mui/material/CircularProgress";
 import ButtonGroup from "@mui/material/ButtonGroup";
+import { EditorConfigProvider } from "@blocklet/editor";
 import { useLocaleContext, LocaleProvider } from "@arcblock/ux/lib/Locale/context";
 import { ErrorBoundary } from "react-error-boundary";
 import { useCommentSettings, InternalThemeProvider, CommentsProvider, useCommentsContext, BinaryThumb, CommentInput, CommentList } from "@blocklet/discuss-kit-ux";
 import ErrorFallback from "./components/error-fallback";
 import { translations } from "./locales";
 import getWsClient, { useSubscription } from "./ws";
+import { upload } from "./components/uploader";
 import api, { fetchRatingStats } from "./api";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const getPrefix = () => {
@@ -102,6 +104,12 @@ const commentAPI = {
   },
   unrate: async (comment) => {
     await api.delete(`/objects/${comment.objectId}/comments/${comment.id}/ratings`);
+  },
+  fetchRatings: async (id) => {
+    const {
+      data
+    } = await api.get(`/ratings/${id}`);
+    return data;
   }
 };
 function DIDComment({
@@ -194,7 +202,8 @@ function DIDComment({
             onRate: handleOnRate,
             onUnrate: handleOnUnrate,
             variant: "inverse",
-            size: "lg"
+            size: "lg",
+            fetchRatings: () => commentAPI.fetchRatings(object.id)
           })
         }), showConnectBtn && (session.user ? /* @__PURE__ */ jsx(SessionManager, {
           style: {
@@ -315,13 +324,22 @@ function Wrapper({
       translations,
       locale,
       children: /* @__PURE__ */ jsx(InternalThemeProvider, {
-        children: /* @__PURE__ */ jsx(CommentsProvider, {
-          target: object,
-          api: commentAPI,
-          flatView,
-          children: /* @__PURE__ */ jsx(DIDComment, {
-            ...rest,
-            object
+        children: /* @__PURE__ */ jsx(EditorConfigProvider, {
+          value: {
+            uploader: {
+              upload: (file) => upload(file).then((url) => ({
+                url
+              }))
+            }
+          },
+          children: /* @__PURE__ */ jsx(CommentsProvider, {
+            target: object,
+            api: commentAPI,
+            flatView,
+            children: /* @__PURE__ */ jsx(DIDComment, {
+              ...rest,
+              object
+            })
           })
         })
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "A react component for DID Comments blocklet.",
   "main": "./lib/cjs/index.js",
   "module": "./lib/es/index.js",
@@ -34,10 +34,11 @@
   "author": "Nate <nate@arcblock.io> (http://github.com/NateRobinson)",
   "license": "MIT",
   "dependencies": {
-    "@arcblock/did-connect": "^2.4.52",
-    "@arcblock/ux": "^2.4.52",
-    "@arcblock/ws": "^1.18.15",
-    "@blocklet/discuss-kit-ux": "1.0.9",
+    "@arcblock/did-connect": "^2.4.57",
+    "@arcblock/ux": "^2.4.57",
+    "@arcblock/ws": "^1.18.30",
+    "@blocklet/discuss-kit-ux": "1.0.11",
+    "@blocklet/editor": "^0.0.10",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.10.9",
@@ -54,6 +55,7 @@
     "react-use": "^17.4.0",
     "rehype-sanitize": "^5.0.1",
     "timeago.js": "^4.0.2",
+    "uppload": "^3.2.1",
     "url-join": "^4.0.1"
   },
   "peerDependencies": {
@@ -75,5 +77,5 @@
     "vite-plugin-build": "^0.6.0",
     "vite-plugin-svgr": "^2.2.2"
   },
-  "gitHead": "45f92bb9b0462212eb468f78056784e1bc44a184"
+  "gitHead": "490359cef22ea8000b532752f47b7a5a500048c9"
 }