@blocklet/discuss-kit-ux 2.3.99 → 2.3.101

package/dist/{editor-varp6jK_.mjs → editor-DzZ4iaEc.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-5yTRBbbn.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-h0-GJ6C8.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-5yTRBbbn.mjs → index-h0-GJ6C8.mjs}

@@ -682,6 +682,15 @@ const Input = ({
       toolbar: {
         items: ["component", "block", "italic", "bold", "underline", "media", ...((_a2 = editorConfig == null ? void 0 : editorConfig.toolbar) == null ? void 0 : _a2.items) || []]
       }
+    },
+    characterLimitConfig: {
+      maxLength: window.blocklet.preferences.maxCommentLength,
+      indicatorStyle: {
+        position: "absolute",
+        bottom: 6,
+        left: { xs: 12, md: 32 }
+      },
+      alignLeft: false
     }
   };
   const editorState = draftKey && draftContent && !initialContent ? draftContent : inferInitialEditorState(initialContent);
@@ -5092,7 +5101,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazyRetry(() => import("./editor-varp6jK_.mjs"));
+const Editor = lazyRetry(() => import("./editor-DzZ4iaEc.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5317,27 +5326,39 @@ function ChatInput({ initialContent, send, onContentChange, onFocusChange }) {
                   children: /* @__PURE__ */ jsx(Box, { component: tablerSend, sx: { fontSize: 13, color: "text.secondary" } })
                 }
               ),
-              /* @__PURE__ */ jsx(EditorConfigProvider$1, { value: { minimalMode: true }, children: /* @__PURE__ */ jsxs(
-                LazyEditor,
+              /* @__PURE__ */ jsx(
+                EditorConfigProvider$1,
                 {
-                  enableSaveAreaPlugin: false,
-                  initialContent: initialContent || "",
-                  onChange: ({ content: contentStr, isEmpty }) => {
-                    const value = isEmpty ? "" : contentStr;
-                    setContent(value);
-                    onContentChange == null ? void 0 : onContentChange(value);
+                  value: {
+                    minimalMode: true,
+                    characterLimitConfig: {
+                      maxLength: window.blocklet.preferences.maxCommentLength,
+                      indicatorStyle: { display: "none" }
+                    }
                   },
-                  autoFocus: false,
-                  placeholder: "Jot something down",
-                  children: [
-                    /* @__PURE__ */ jsx(AutoClearPlugin, { clearKey: lastSent }),
-                    /* @__PURE__ */ jsx(ShortcutPlugin, { callback: handleSend }),
-                    /* @__PURE__ */ jsx(DraggerPlugin, {}),
-                    /* @__PURE__ */ jsx(FocusPlugin, { callback: FocusCallback }),
-                    /* @__PURE__ */ jsx(BusyPlugin, { onChange: (busy) => setEditorBusy(busy) })
-                  ]
+                  children: /* @__PURE__ */ jsxs(
+                    LazyEditor,
+                    {
+                      enableSaveAreaPlugin: false,
+                      initialContent: initialContent || "",
+                      onChange: ({ content: contentStr, isEmpty }) => {
+                        const value = isEmpty ? "" : contentStr;
+                        setContent(value);
+                        onContentChange == null ? void 0 : onContentChange(value);
+                      },
+                      autoFocus: false,
+                      placeholder: "Jot something down",
+                      children: [
+                        /* @__PURE__ */ jsx(AutoClearPlugin, { clearKey: lastSent }),
+                        /* @__PURE__ */ jsx(ShortcutPlugin, { callback: handleSend }),
+                        /* @__PURE__ */ jsx(DraggerPlugin, {}),
+                        /* @__PURE__ */ jsx(FocusPlugin, { callback: FocusCallback }),
+                        /* @__PURE__ */ jsx(BusyPlugin, { onChange: (busy) => setEditorBusy(busy) })
+                      ]
+                    }
+                  )
                 }
-              ) })
+              )
             ]
           }
         ),
@@ -6323,7 +6344,15 @@ function DefaultEditorConfigProvider({
       blockletEmbedEndpoint: joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/check"),
       openGraphEndpoint: joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/og"),
       AI,
-      templatePlugin
+      templatePlugin,
+      characterLimitConfig: {
+        maxLength: window.blocklet.preferences.maxDiscussionLength,
+        indicatorStyle: {
+          position: "fixed",
+          bottom: 12
+        },
+        alignLeft: true
+      }
     };
     return value;
   }, [isAdmin, request, (_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did, downMd]);
@@ -12739,11 +12768,11 @@ const useTranslate = ({ text, enabled }) => {
     }
   );
   useEffect(() => {
-    if (enabled && !isTranslatedRef.current[targetLanguage]) {
-      isTranslatedRef.current[targetLanguage] = true;
+    if (enabled && !isTranslatedRef.current[`${targetLanguage}-${key}`]) {
+      isTranslatedRef.current[`${targetLanguage}-${key}`] = true;
       run();
     }
-  }, [enabled, run, targetLanguage]);
+  }, [enabled, run, targetLanguage, key]);
   return {
     translation: data,
     key,

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { W, o, Y, aQ, A, n, af, B, G, N, L, O, ar, _, Z, a1, $, a0, a3, x, C, y, z, F, a7, a8, aj, aa, T, U, ae, D, ai, ah, K, H, J, aG, aH, b, m, ag, M, P, aC, aq, w, aR, aS, v, aE, aF, R, S, ab, as, aD, q, aP, a4, a6, ak, an, am, aM, aI, aA, at, Q, ao, aK, au, aJ, ax, ay, aN, aL, l, az, h, p, r, k, aw, t, j, ac, aB, X, aT, c, a2, E, a9, ad, aV, e, u, ap, d, av, aU, aO, a5, al, f } from "./index-5yTRBbbn.mjs";
+import { W, o, Y, aQ, A, n, af, B, G, N, L, O, ar, _, Z, a1, $, a0, a3, x, C, y, z, F, a7, a8, aj, aa, T, U, ae, D, ai, ah, K, H, J, aG, aH, b, m, ag, M, P, aC, aq, w, aR, aS, v, aE, aF, R, S, ab, as, aD, q, aP, a4, a6, ak, an, am, aM, aI, aA, at, Q, ao, aK, au, aJ, ax, ay, aN, aL, l, az, h, p, r, k, aw, t, j, ac, aB, X, aT, c, a2, E, a9, ad, aV, e, u, ap, d, av, aU, aO, a5, al, f } from "./index-h0-GJ6C8.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -599,6 +599,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         toolbar: {
           items: ["component", "block", "italic", "bold", "underline", "media", ...((_a2 = editorConfig == null ? void 0 : editorConfig.toolbar) == null ? void 0 : _a2.items) || []]
         }
+      },
+      characterLimitConfig: {
+        maxLength: window.blocklet.preferences.maxCommentLength,
+        indicatorStyle: {
+          position: "absolute",
+          bottom: 6,
+          left: { xs: 12, md: 32 }
+        },
+        alignLeft: false
       }
     };
     const editorState = draftKey && draftContent && !initialContent ? draftContent : inferInitialEditorState(initialContent);
@@ -5234,27 +5243,39 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: tablerSend, sx: { fontSize: 13, color: "text.secondary" } })
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(editor$1.EditorConfigProvider, { value: { minimalMode: true }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  LazyEditor,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  editor$1.EditorConfigProvider,
                   {
-                    enableSaveAreaPlugin: false,
-                    initialContent: initialContent || "",
-                    onChange: ({ content: contentStr, isEmpty }) => {
-                      const value = isEmpty ? "" : contentStr;
-                      setContent(value);
-                      onContentChange == null ? void 0 : onContentChange(value);
+                    value: {
+                      minimalMode: true,
+                      characterLimitConfig: {
+                        maxLength: window.blocklet.preferences.maxCommentLength,
+                        indicatorStyle: { display: "none" }
+                      }
                     },
-                    autoFocus: false,
-                    placeholder: "Jot something down",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(AutoClearPlugin, { clearKey: lastSent }),
-                      /* @__PURE__ */ jsxRuntime.jsx(ShortcutPlugin, { callback: handleSend }),
-                      /* @__PURE__ */ jsxRuntime.jsx(DraggerPlugin, {}),
-                      /* @__PURE__ */ jsxRuntime.jsx(FocusPlugin, { callback: FocusCallback }),
-                      /* @__PURE__ */ jsxRuntime.jsx(BusyPlugin.BusyPlugin, { onChange: (busy) => setEditorBusy(busy) })
-                    ]
+                    children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      LazyEditor,
+                      {
+                        enableSaveAreaPlugin: false,
+                        initialContent: initialContent || "",
+                        onChange: ({ content: contentStr, isEmpty }) => {
+                          const value = isEmpty ? "" : contentStr;
+                          setContent(value);
+                          onContentChange == null ? void 0 : onContentChange(value);
+                        },
+                        autoFocus: false,
+                        placeholder: "Jot something down",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AutoClearPlugin, { clearKey: lastSent }),
+                          /* @__PURE__ */ jsxRuntime.jsx(ShortcutPlugin, { callback: handleSend }),
+                          /* @__PURE__ */ jsxRuntime.jsx(DraggerPlugin, {}),
+                          /* @__PURE__ */ jsxRuntime.jsx(FocusPlugin, { callback: FocusCallback }),
+                          /* @__PURE__ */ jsxRuntime.jsx(BusyPlugin.BusyPlugin, { onChange: (busy) => setEditorBusy(busy) })
+                        ]
+                      }
+                    )
                   }
-                ) })
+                )
               ]
             }
           ),
@@ -6240,7 +6261,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         blockletEmbedEndpoint: ufo.joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/check"),
         openGraphEndpoint: ufo.joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/og"),
         AI,
-        templatePlugin
+        templatePlugin,
+        characterLimitConfig: {
+          maxLength: window.blocklet.preferences.maxDiscussionLength,
+          indicatorStyle: {
+            position: "fixed",
+            bottom: 12
+          },
+          alignLeft: true
+        }
       };
       return value;
     }, [isAdmin, request, (_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did, downMd]);
@@ -12656,11 +12685,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     );
     react.useEffect(() => {
-      if (enabled && !isTranslatedRef.current[targetLanguage]) {
-        isTranslatedRef.current[targetLanguage] = true;
+      if (enabled && !isTranslatedRef.current[`${targetLanguage}-${key}`]) {
+        isTranslatedRef.current[`${targetLanguage}-${key}`] = true;
         run();
       }
-    }, [enabled, run, targetLanguage]);
+    }, [enabled, run, targetLanguage, key]);
     return {
       translation: data,
       key,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.3.99",
+  "version": "2.3.101",
   "files": [
     "dist"
   ],
@@ -48,8 +48,8 @@
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/editor": "^2.3.99",
-    "@blocklet/labels": "^2.3.99"
+    "@blocklet/editor": "^2.3.101",
+    "@blocklet/labels": "^2.3.101"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",