@blocklet/discuss-kit-post 2.1.218 → 2.1.219

package/dist/index.es.js

@@ -2,13 +2,14 @@ var _a, _b;
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMediaQuery, Box, CircularProgress, Tooltip, Stack, Button, IconButton } from "@mui/material";
 import { useSetState, useGetState, useDocumentVisibility, useRequest, useThrottleEffect, useTimeout } from "ahooks";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { useLocaleContext, LocaleProvider } from "@arcblock/ux/lib/Locale/context";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
 import { useRef, useState, useCallback, useEffect, useContext } from "react";
 import { DirtyPromptContainer, useEventCallback, utils, toast, LazyEditor, SubscriptionPaywall, EditorPreview, InternalThemeProvider, UploaderProvider, DefaultEditorConfigProvider } from "@blocklet/discuss-kit-ux";
 import { Edit } from "@mui/icons-material";
 import { createAxios } from "@blocklet/js-sdk";
 import { joinURL, withQuery } from "ufo";
+import flat from "flat";
 const discussKitService = (_b = (_a = window.blocklet) == null ? void 0 : _a.componentMountPoints) == null ? void 0 : _b.find(
   (x) => x.did === "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu"
 );
@@ -137,6 +138,7 @@ function DraftStatus({ status, error, ...rest }) {
   ] });
 }
 function InternalPostEdit({ post, onSave, onUpdate, onCancel, ...rest }) {
+  const { t } = useLocaleContext();
   const { reset, check } = DirtyPromptContainer.useContainer();
   const save = async (state) => {
     if (!post) {
@@ -184,8 +186,8 @@ function InternalPostEdit({ post, onSave, onUpdate, onCancel, ...rest }) {
   return /* @__PURE__ */ jsxs(Box, { ...rest, children: [
     /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ jsxs(Box, { sx: { mb: 1, display: "flex", gap: 1 }, children: [
-        /* @__PURE__ */ jsx(Button, { variant: "contained", color: "primary", onClick: () => handleSave(), children: "Save" }),
-        /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleCancel, children: "Cancel" })
+        /* @__PURE__ */ jsx(Button, { variant: "contained", color: "primary", onClick: () => handleSave(), children: t("save") }),
+        /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleCancel, children: t("cancel") })
       ] }),
       /* @__PURE__ */ jsx(DraftStatus, { status, error })
     ] }),
@@ -212,6 +214,46 @@ function PostPaywall({ post, children, ...rest }) {
   }
   return null;
 }
+const en = {
+  draftStatus: {
+    idle: "Draft",
+    saving: "Saving changes...",
+    saved: "Draft saved",
+    error: "Failed to save"
+  },
+  paywall: {
+    subscription: {
+      title: "This post is for paid subscribers only",
+      desc: "Subscribe now to read the full story and get access to all paid posts",
+      subscribeNow: "Subscribe now",
+      alreadySubscribe: "Already subscribe?"
+    }
+  },
+  save: "Save",
+  cancel: "Cancel"
+};
+const zh = {
+  paywall: {
+    subscription: {
+      title: "此帖仅供付费订阅者使用",
+      desc: "立即订阅以阅读完整内容并获取所有相关内容的访问权限。",
+      subscribeNow: "立即订阅",
+      alreadySubscribe: "已经订阅?"
+    }
+  },
+  draftStatus: {
+    idle: "草稿",
+    saving: "保存中...",
+    saved: "草稿已保存",
+    error: "保存失败"
+  },
+  save: "保存",
+  cancel: "取消"
+};
+const translations = {
+  zh: flat(zh),
+  en: flat(en)
+};
 function InternalPost({ postId, sx, readonly, ...rest }) {
   var _a2, _b2;
   const { locale } = useLocaleContext();
@@ -249,7 +291,7 @@ function InternalPost({ postId, sx, readonly, ...rest }) {
     },
     ...Array.isArray(sx) ? sx : [sx]
   ];
-  return /* @__PURE__ */ jsx(InternalThemeProvider, { children: /* @__PURE__ */ jsx(UploaderProvider, { children: /* @__PURE__ */ jsx(DefaultEditorConfigProvider, { request: api, children: /* @__PURE__ */ jsxs(Box, { sx: mergedSx, ...rest, children: [
+  return /* @__PURE__ */ jsx(InternalThemeProvider, { children: /* @__PURE__ */ jsx(LocaleProvider, { translations, children: /* @__PURE__ */ jsx(UploaderProvider, { children: /* @__PURE__ */ jsx(DefaultEditorConfigProvider, { request: api, children: /* @__PURE__ */ jsxs(Box, { sx: mergedSx, ...rest, children: [
     !readonly && isAdmin && !editable && /* @__PURE__ */ jsx(
       IconButton,
       {
@@ -261,7 +303,7 @@ function InternalPost({ postId, sx, readonly, ...rest }) {
       }
     ),
     editable ? /* @__PURE__ */ jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsx(PostPaywall, { post, children: /* @__PURE__ */ jsx(EditorPreview, { content: post.content || "" }) })
-  ] }) }) }) });
+  ] }) }) }) }) });
 }
 function Post(props) {
   if (!discussKitService) {

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@mui/material"), require("ahooks"), require("@arcblock/ux/lib/Locale/context"), require("@arcblock/did-connect/lib/Session"), require("react"), require("@blocklet/discuss-kit-ux"), require("@mui/icons-material"), require("@blocklet/js-sdk"), require("ufo")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@mui/material", "ahooks", "@arcblock/ux/lib/Locale/context", "@arcblock/did-connect/lib/Session", "react", "@blocklet/discuss-kit-ux", "@mui/icons-material", "@blocklet/js-sdk", "ufo"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitPost = {}, global.jsxRuntime, global.material, global.ahooks, global.context, global.Session, global.react, global.discussKitUx, global.iconsMaterial, global.jsSdk, global.ufo));
-})(this, function(exports2, jsxRuntime, material, ahooks, context, Session, react, discussKitUx, iconsMaterial, jsSdk, ufo) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@mui/material"), require("ahooks"), require("@arcblock/ux/lib/Locale/context"), require("@arcblock/did-connect/lib/Session"), require("react"), require("@blocklet/discuss-kit-ux"), require("@mui/icons-material"), require("@blocklet/js-sdk"), require("ufo"), require("flat")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@mui/material", "ahooks", "@arcblock/ux/lib/Locale/context", "@arcblock/did-connect/lib/Session", "react", "@blocklet/discuss-kit-ux", "@mui/icons-material", "@blocklet/js-sdk", "ufo", "flat"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitPost = {}, global.jsxRuntime, global.material, global.ahooks, global.context, global.Session, global.react, global.discussKitUx, global.iconsMaterial, global.jsSdk, global.ufo, global.flat));
+})(this, function(exports2, jsxRuntime, material, ahooks, context, Session, react, discussKitUx, iconsMaterial, jsSdk, ufo, flat) {
   "use strict";
   var _a, _b;
   const discussKitService = (_b = (_a = window.blocklet) == null ? void 0 : _a.componentMountPoints) == null ? void 0 : _b.find(
@@ -131,6 +131,7 @@
     ] });
   }
   function InternalPostEdit({ post, onSave, onUpdate, onCancel, ...rest }) {
+    const { t } = context.useLocaleContext();
     const { reset, check } = discussKitUx.DirtyPromptContainer.useContainer();
     const save = async (state) => {
       if (!post) {
@@ -178,8 +179,8 @@
     return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 1, display: "flex", gap: 1 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "contained", color: "primary", onClick: () => handleSave(), children: "Save" }),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "outlined", onClick: handleCancel, children: "Cancel" })
+          /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "contained", color: "primary", onClick: () => handleSave(), children: t("save") }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "outlined", onClick: handleCancel, children: t("cancel") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(DraftStatus, { status, error })
       ] }),
@@ -206,6 +207,46 @@
     }
     return null;
   }
+  const en = {
+    draftStatus: {
+      idle: "Draft",
+      saving: "Saving changes...",
+      saved: "Draft saved",
+      error: "Failed to save"
+    },
+    paywall: {
+      subscription: {
+        title: "This post is for paid subscribers only",
+        desc: "Subscribe now to read the full story and get access to all paid posts",
+        subscribeNow: "Subscribe now",
+        alreadySubscribe: "Already subscribe?"
+      }
+    },
+    save: "Save",
+    cancel: "Cancel"
+  };
+  const zh = {
+    paywall: {
+      subscription: {
+        title: "此帖仅供付费订阅者使用",
+        desc: "立即订阅以阅读完整内容并获取所有相关内容的访问权限。",
+        subscribeNow: "立即订阅",
+        alreadySubscribe: "已经订阅?"
+      }
+    },
+    draftStatus: {
+      idle: "草稿",
+      saving: "保存中...",
+      saved: "草稿已保存",
+      error: "保存失败"
+    },
+    save: "保存",
+    cancel: "取消"
+  };
+  const translations = {
+    zh: flat(zh),
+    en: flat(en)
+  };
   function InternalPost({ postId, sx, readonly, ...rest }) {
     var _a2, _b2;
     const { locale } = context.useLocaleContext();
@@ -243,7 +284,7 @@
       },
       ...Array.isArray(sx) ? sx : [sx]
     ];
-    return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.InternalThemeProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.UploaderProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.DefaultEditorConfigProvider, { request: api, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: mergedSx, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.InternalThemeProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(context.LocaleProvider, { translations, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.UploaderProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.DefaultEditorConfigProvider, { request: api, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: mergedSx, ...rest, children: [
       !readonly && isAdmin && !editable && /* @__PURE__ */ jsxRuntime.jsx(
         material.IconButton,
         {
@@ -255,7 +296,7 @@
         }
       ),
       editable ? /* @__PURE__ */ jsxRuntime.jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsxRuntime.jsx(PostPaywall, { post, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.EditorPreview, { content: post.content || "" }) })
-    ] }) }) }) });
+    ] }) }) }) }) });
   }
   function Post(props) {
     if (!discussKitService) {

package/dist/locales/en.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    draftStatus: {
+        idle: string;
+        saving: string;
+        saved: string;
+        error: string;
+    };
+    paywall: {
+        subscription: {
+            title: string;
+            desc: string;
+            subscribeNow: string;
+            alreadySubscribe: string;
+        };
+    };
+    save: string;
+    cancel: string;
+};
+export default _default;

package/dist/locales/index.d.ts

@@ -0,0 +1,4 @@
+export declare const translations: {
+    zh: any;
+    en: any;
+};

package/dist/locales/zh.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    paywall: {
+        subscription: {
+            title: string;
+            desc: string;
+            subscribeNow: string;
+            alreadySubscribe: string;
+        };
+    };
+    draftStatus: {
+        idle: string;
+        saving: string;
+        saved: string;
+        error: string;
+    };
+    save: string;
+    cancel: string;
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-post",
-  "version": "2.1.218",
+  "version": "2.1.219",
   "files": [
     "dist"
   ],
@@ -21,8 +21,9 @@
     "@blocklet/js-sdk": "^1.16.41-beta-20250319-131732-1224cca5",
     "@mui/icons-material": "^5.16.7",
     "ahooks": "^3.8.1",
+    "flat": "^5.0.2",
     "ufo": "1.3.1",
-    "@blocklet/discuss-kit-ux": "^2.1.218"
+    "@blocklet/discuss-kit-ux": "^2.1.219"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",