@blocklet/discuss-kit-post 2.4.35 → 2.4.37

package/dist/api.d.ts

@@ -1,13 +0,0 @@
-import { Post } from './types';
-export declare const api: import('axios').AxiosInstance;
-export declare const fetchPost: (postId: string, locale: string) => Promise<Post | null>;
-export declare const updatePostContent: (id: string, payload: {
-    title: string;
-    content: string;
-    contentVersion: number;
-    locale?: string;
-}) => Promise<any>;
-export declare const fetchPaymentLink: (params: {
-    type: 'blog' | 'post' | 'bookmark' | 'doc';
-    redirect: string;
-}) => Promise<any>;

package/dist/api.mjs

@@ -0,0 +1,25 @@
+import { createAxios } from "@blocklet/js-sdk";
+import { joinURL, withQuery } from "ufo";
+import { discussKitApiPrefix } from "./utils.mjs";
+export const api = createAxios({
+  baseURL: discussKitApiPrefix,
+  timeout: 2e4
+});
+export const fetchPost = async (postId, locale) => {
+  const url = withQuery(joinURL("/posts/slug", postId), { locale });
+  try {
+    const result = await api.get(url).then((res) => res.data);
+    return result;
+  } catch (e) {
+    console.error(e);
+    return null;
+  }
+};
+export const updatePostContent = async (id, payload) => {
+  const { data } = await api.put(`/posts/${id}/content`, payload);
+  return data;
+};
+export const fetchPaymentLink = async (params) => {
+  const { data } = await api.get("/subscriptions/payment-link", { params });
+  return data;
+};

package/dist/auto-save.d.ts

@@ -1,4 +1,4 @@
-import { SetState } from 'ahooks/lib/useSetState';
+import type { SetState } from 'ahooks/lib/useSetState';
 export type Status = 'idle' | 'saving' | 'saved';
 type SaveAction<S, T> = (s: S) => Promise<T>;
 interface Option<S, T> {

package/dist/auto-save.mjs

@@ -0,0 +1,94 @@
+import { useRequest, useSetState, useGetState, useThrottleEffect, useTimeout, useDocumentVisibility } from "ahooks";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { DirtyPromptContainer, utils, toast, useEventCallback } from "@blocklet/discuss-kit-ux";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+const useStatus = (saving) => {
+  const [status, setStatus] = useState("idle");
+  useEffect(() => {
+    if (saving) {
+      setStatus("saving");
+    } else {
+      setStatus((prev) => prev === "saving" ? "saved" : "idle");
+    }
+  }, [saving]);
+  useTimeout(
+    () => {
+      setStatus("idle");
+    },
+    status === "saved" ? 1500 : void 0
+  );
+  return status;
+};
+const useAutoSaveState = (initialState, { save, paused, wait = 1e4 }) => {
+  const [state, setStateInternal] = useSetState(initialState);
+  const [pendingState, setPendingState, getPendingState] = useGetState();
+  const latestState = pendingState || state;
+  const isInitialState = useRef(true);
+  const [error, setError] = useState(null);
+  const documentVisibility = useDocumentVisibility();
+  const { dirty, reset, markDirty } = DirtyPromptContainer.useContainer();
+  const { t } = useLocaleContext();
+  const handleSave = async (s) => {
+    try {
+      const result = await utils.minDelay(save(s), 1500);
+      const pendingState2 = getPendingState();
+      if (pendingState2) {
+        setStateInternal(pendingState2);
+        setPendingState(null);
+      } else {
+        reset();
+        setError(null);
+      }
+      return result;
+    } catch (e) {
+      setError(e);
+      toast.error(t("draftStatus.error"));
+      throw e;
+    }
+  };
+  const { data: saved, loading, run, runAsync } = useRequest(handleSave, { manual: true });
+  const status = useStatus(loading);
+  const canSave = !isInitialState.current && !paused && !loading && dirty;
+  useThrottleEffect(
+    () => {
+      if (paused || loading || !dirty || isInitialState.current) {
+        return;
+      }
+      run(state);
+    },
+    [state, paused],
+    { wait, leading: false }
+  );
+  const setState = (s) => {
+    if (loading) {
+      setPendingState({ ...state, ...s });
+    } else {
+      setStateInternal(s);
+    }
+    if (isInitialState.current) {
+      isInitialState.current = false;
+    }
+    if (!isInitialState.current) {
+      markDirty();
+    }
+  };
+  const setInitialState = useCallback(
+    (s) => {
+      setStateInternal(s);
+      isInitialState.current = true;
+    },
+    [setStateInternal]
+  );
+  const saveNow = useEventCallback(async () => {
+    if (canSave) {
+      await runAsync(state);
+    }
+  });
+  useEffect(() => {
+    if (documentVisibility === "hidden") {
+      saveNow();
+    }
+  }, [documentVisibility, saveNow]);
+  return { state: latestState, setState, setInitialState, status, saved, saveNow, error };
+};
+export { useAutoSaveState };

package/dist/axios.d.ts

@@ -0,0 +1,8 @@
+import { AxiosRequestConfig as OriginalAxiosRequestConfig } from 'axios';
+
+// https://github.com/axios/axios/pull/1964#issuecomment-903983962
+declare module 'axios' {
+  export interface AxiosRequestConfig extends OriginalAxiosRequestConfig {
+    muteError?: boolean;
+  }
+}

package/dist/draft-status.d.ts

@@ -1,8 +1,9 @@
-import { Status } from './auto-save';
+/// <reference types="react" />
+import type { Status } from './auto-save';
 interface Props {
     status: Status;
     error?: Error | null;
     [key: string]: any;
 }
-export default function DraftStatus({ status, error, ...rest }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default function DraftStatus({ status, error, ...rest }: Props): import("react").JSX.Element | null;
 export {};

package/dist/draft-status.mjs

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, CircularProgress, Tooltip, useMediaQuery } from "@mui/material";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+export default function DraftStatus({ status, error, ...rest }) {
+  const { t } = useLocaleContext();
+  const downMd = useMediaQuery((theme) => theme.breakpoints.down("md"));
+  if (downMd) {
+    return status !== "idle" ? /* @__PURE__ */ jsx(Box, { sx: { display: { xs: "inline-block", md: "none", lineHeight: 1 } }, component: CircularProgress, size: 16 }) : null;
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, ...rest, children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: error?.message, children: /* @__PURE__ */ jsx(Box, { sx: { width: 8, height: 8, borderRadius: "100%", bgcolor: error ? "error.main" : "success.main" } }) }),
+    /* @__PURE__ */ jsx(Box, { sx: { color: "grey.600", fontSize: 13, lineHeight: 1 }, component: "span", className: "draft-status-text", children: error ? t("draftStatus.error") : t(`draftStatus.${status}`) })
+  ] });
+}

package/dist/edit.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Post } from './types';
 interface Props {
     post: Post;
@@ -5,5 +6,5 @@ interface Props {
     onUpdate: (post: Post) => void;
     onCancel: () => void;
 }
-export declare function PostEdit(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function PostEdit(props: Props): import("react").JSX.Element;
 export {};

package/dist/edit.mjs

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Button, Stack } from "@mui/material";
+import { LazyEditor, DirtyPromptContainer } from "@blocklet/discuss-kit-ux";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { updatePostContent } from "./api.mjs";
+import { useAutoSaveState } from "./auto-save.mjs";
+import DraftStatus from "./draft-status.mjs";
+function InternalPostEdit({ post, onSave, onUpdate, onCancel, ...rest }) {
+  const { t } = useLocaleContext();
+  const { reset, check } = DirtyPromptContainer.useContainer();
+  const save = async (state) => {
+    if (!post) {
+      throw new Error("Invalid state");
+    }
+    try {
+      const updated = await updatePostContent(post.id, {
+        title: state.title,
+        content: state.content,
+        locale: post.locale,
+        contentVersion: post.contentVersion
+      });
+      onUpdate(updated);
+      return updated;
+    } catch (e) {
+      console.error(e);
+      throw e;
+    }
+  };
+  const {
+    state: autoSaveState,
+    setState,
+    status,
+    error,
+    saveNow
+  } = useAutoSaveState({ title: post?.title || "", content: post?.content || "" }, { save });
+  const handleContentChange = ({ content }) => {
+    setState({ content });
+  };
+  const handleSave = async () => {
+    const updated = await updatePostContent(post.id, {
+      title: autoSaveState.title,
+      content: autoSaveState.content,
+      locale: post.locale,
+      contentVersion: post.contentVersion
+    });
+    onSave(updated);
+  };
+  const handleCancel = async () => {
+    if (await check()) {
+      onCancel();
+      reset();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { ...rest, children: [
+    /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        direction: "row",
+        sx: {
+          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: t("save") }),
+            /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleCancel, children: t("cancel") })
+          ] }),
+          /* @__PURE__ */ jsx(DraftStatus, { status, error })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LazyEditor,
+      {
+        initialContent: post.content || "",
+        onChange: handleContentChange,
+        autoFocus: false,
+        onSave: () => saveNow()
+      }
+    )
+  ] });
+}
+export function PostEdit(props) {
+  return /* @__PURE__ */ jsx(DirtyPromptContainer.Provider, { children: /* @__PURE__ */ jsx(InternalPostEdit, { ...props }) });
+}

package/dist/global.d.ts

@@ -0,0 +1 @@
+/// <reference path="../../../global.d.ts" />

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-import { BoxProps } from '@mui/material';
+/// <reference types="react" />
+import { type BoxProps } from '@mui/material';
 import { PostAutoTranslationContainer } from '@blocklet/discuss-kit-ux';
 interface PostProps extends BoxProps {
     postId: string;
     readonly?: boolean;
 }
-export declare function Post(props: PostProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Post(props: PostProps): import("react").JSX.Element | null;
 export { PostAutoTranslationContainer };

package/dist/index.mjs

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, IconButton } from "@mui/material";
+import { useRequest } from "ahooks";
+import { LocaleProvider, useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { SessionContext } from "@arcblock/did-connect-react/lib/Session";
+import { useContext, useState } from "react";
+import {
+  EditorPreview,
+  InternalThemeProvider,
+  UploaderProvider,
+  DefaultEditorConfigProvider,
+  PostAutoTranslationContainer
+} from "@blocklet/discuss-kit-ux";
+import { Edit as EditIcon } from "@mui/icons-material";
+import { fetchPost, api } from "./api.mjs";
+import { discussKitService } from "./utils.mjs";
+import { PostEdit } from "./edit.mjs";
+import { PostPaywall } from "./post-paywall.mjs";
+import { translations } from "./locales/index.mjs";
+function InternalPost({ postId, sx, readonly, ...rest }) {
+  const { locale } = useLocaleContext();
+  const sessionCtx = useContext(SessionContext);
+  const isAdmin = ["admin", "owner"].includes(sessionCtx?.session?.user?.role);
+  const [editable, setEditable] = useState(false);
+  const {
+    data: post,
+    mutate,
+    loading
+  } = useRequest(() => fetchPost(postId, locale), { refreshDeps: [postId, locale] });
+  const { plugin } = PostAutoTranslationContainer.useContainer();
+  if (loading) {
+    return EditorPreview.fallback;
+  }
+  if (!post) {
+    return null;
+  }
+  const handleUpdate = (saved) => {
+    mutate((prev) => ({
+      ...prev,
+      content: saved.content,
+      contentVersion: saved.contentVersion
+    }));
+  };
+  const handleSave = (saved) => {
+    handleUpdate(saved);
+    setEditable(false);
+  };
+  const mergedSx = [
+    {
+      position: "relative",
+      "&:hover .post-component-edit-button": {
+        display: "block"
+      }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  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,
+      {
+        className: "post-component-edit-button",
+        color: "primary",
+        sx: { display: "none", position: "absolute", top: 0, right: 0, zIndex: 1e3 },
+        onClick: () => setEditable(true),
+        children: /* @__PURE__ */ jsx(EditIcon, {})
+      }
+    ),
+    editable ? /* @__PURE__ */ jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsx(PostPaywall, { post, children: /* @__PURE__ */ jsx(EditorPreview, { content: post.content || "", prepend: plugin }) })
+  ] }) }) }) }) });
+}
+export function Post(props) {
+  if (!discussKitService) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(InternalPost, { ...props });
+}
+export { PostAutoTranslationContainer };

package/dist/locales/en.mjs

@@ -0,0 +1,21 @@
+export default {
+  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?"
+    }
+  },
+  common: {
+    connect: "Connect"
+  },
+  save: "Save",
+  cancel: "Cancel"
+};

package/dist/locales/index.mjs

@@ -0,0 +1,7 @@
+import flat from "flat";
+import en from "./en.mjs";
+import zh from "./zh.mjs";
+export const translations = {
+  zh: flat(zh),
+  en: flat(en)
+};

package/dist/locales/zh.mjs

@@ -0,0 +1,21 @@
+export default {
+  paywall: {
+    subscription: {
+      title: "\u6B64\u5E16\u4EC5\u4F9B\u4ED8\u8D39\u8BA2\u9605\u8005\u4F7F\u7528",
+      desc: "\u7ACB\u5373\u8BA2\u9605\u4EE5\u9605\u8BFB\u5B8C\u6574\u5185\u5BB9\u5E76\u83B7\u53D6\u6240\u6709\u76F8\u5173\u5185\u5BB9\u7684\u8BBF\u95EE\u6743\u9650\u3002",
+      subscribeNow: "\u7ACB\u5373\u8BA2\u9605",
+      alreadySubscribe: "\u5DF2\u7ECF\u8BA2\u9605?"
+    }
+  },
+  draftStatus: {
+    idle: "\u8349\u7A3F",
+    saving: "\u4FDD\u5B58\u4E2D...",
+    saved: "\u8349\u7A3F\u5DF2\u4FDD\u5B58",
+    error: "\u4FDD\u5B58\u5931\u8D25"
+  },
+  common: {
+    connect: "\u8FDE\u63A5"
+  },
+  save: "\u4FDD\u5B58",
+  cancel: "\u53D6\u6D88"
+};

package/dist/post-paywall.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { Post } from './types';
 export declare function PostPaywall({ post, children, ...rest }: {
     post: Post;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/post-paywall.mjs

@@ -0,0 +1,12 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { SubscriptionPaywall } from "@blocklet/discuss-kit-ux";
+import { fetchPaymentLink } from "./api.mjs";
+export function PostPaywall({ post, children, ...rest }) {
+  if (post.accessType === "public") {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (post.accessType === "paid") {
+    return /* @__PURE__ */ jsx(SubscriptionPaywall, { type: post.type, fetchPaymentLink, ...rest, children });
+  }
+  return null;
+}

package/dist/type-override.d.ts

@@ -0,0 +1,7 @@
+import 'unstated-next';
+
+declare module 'unstated-next' {
+  export function createContainer<Value, State = void>(
+    useHook: (initialState: State) => Value
+  ): Container<Value, State>;
+}

package/dist/utils.d.ts

@@ -1,3 +1,3 @@
-export declare const discussKitService: ComponentMountPoint | undefined;
+export declare const discussKitService: any;
 export declare const discussKitPrefix: string;
 export declare const discussKitApiPrefix: string;

package/dist/utils.mjs

@@ -0,0 +1,6 @@
+import { joinURL } from "ufo";
+export const discussKitService = window.blocklet?.componentMountPoints?.find(
+  (x) => x.did === "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu"
+);
+export const discussKitPrefix = discussKitService ? joinURL(discussKitService.mountPoint, "/") : "";
+export const discussKitApiPrefix = joinURL(discussKitPrefix, "/api/");

package/dist/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,33 +1,30 @@
 {
   "name": "@blocklet/discuss-kit-post",
-  "version": "2.4.35",
+  "version": "2.4.37",
   "files": [
     "dist"
   ],
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
-    },
-    "./src/*": "./src/*"
+    ".": "./dist/index.mjs"
   },
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@blocklet/js-sdk": "^1.16.46",
+    "@blocklet/js-sdk": "^1.16.47",
     "@mui/icons-material": "^7.1.2",
     "ahooks": "^3.8.1",
     "flat": "^5.0.2",
     "ufo": "1.3.1",
-    "@blocklet/discuss-kit-ux": "2.4.35"
+    "@blocklet/discuss-kit-ux": "2.4.37"
   },
   "peerDependencies": {
-    "@arcblock/did-connect": "^3.0.1",
-    "@arcblock/ux": "^3.0.1",
+    "@arcblock/did-connect-react": "^3.1.4",
+    "@arcblock/ux": "^3.1.4",
     "@mui/material": "^7.1.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
@@ -55,18 +52,14 @@
     "react-dom": "^19.1.0",
     "rollup-plugin-node-externals": "^7.1.3",
     "typescript": "^4.9.5",
+    "unbuild": "^3.6.0",
     "unplugin-icons": "^0.14.15",
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-libcss": "^1.1.2"
   },
   "scripts": {
-    "dev": "npm run storybook",
-    "build": "tsc && vite build",
-    "build:watch": "vite build --watch",
-    "preview": "vite preview",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "build": "unbuild",
     "lint": "eslint src --ext .mjs,.js,.jsx,.ts,.tsx",
     "lint:fix": "eslint src --ext .mjs,.js,.jsx,.ts,.tsx --fix"
   }

package/dist/index.es.js

@@ -1,333 +0,0 @@
-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, 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, PostAutoTranslationContainer, EditorPreview, InternalThemeProvider, UploaderProvider, DefaultEditorConfigProvider } from "@blocklet/discuss-kit-ux";
-import { PostAutoTranslationContainer as PostAutoTranslationContainer2 } 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 = window.blocklet?.componentMountPoints?.find(
-  (x) => x.did === "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu"
-);
-const discussKitPrefix = discussKitService ? joinURL(discussKitService.mountPoint, "/") : "";
-const discussKitApiPrefix = joinURL(discussKitPrefix, "/api/");
-const api = createAxios({
-  baseURL: discussKitApiPrefix,
-  timeout: 2e4
-});
-const fetchPost = async (postId, locale) => {
-  const url = withQuery(joinURL("/posts/slug", postId), { locale });
-  try {
-    const result = await api.get(url).then((res) => res.data);
-    return result;
-  } catch (e) {
-    console.error(e);
-    return null;
-  }
-};
-const updatePostContent = async (id, payload) => {
-  const { data } = await api.put(`/posts/${id}/content`, payload);
-  return data;
-};
-const fetchPaymentLink = async (params) => {
-  const { data } = await api.get("/subscriptions/payment-link", { params });
-  return data;
-};
-const useStatus = (saving) => {
-  const [status, setStatus] = useState("idle");
-  useEffect(() => {
-    if (saving) {
-      setStatus("saving");
-    } else {
-      setStatus((prev) => prev === "saving" ? "saved" : "idle");
-    }
-  }, [saving]);
-  useTimeout(
-    () => {
-      setStatus("idle");
-    },
-    status === "saved" ? 1500 : void 0
-  );
-  return status;
-};
-const useAutoSaveState = (initialState, { save, paused, wait = 1e4 }) => {
-  const [state, setStateInternal] = useSetState(initialState);
-  const [pendingState, setPendingState, getPendingState] = useGetState();
-  const latestState = pendingState || state;
-  const isInitialState = useRef(true);
-  const [error, setError] = useState(null);
-  const documentVisibility = useDocumentVisibility();
-  const { dirty, reset, markDirty } = DirtyPromptContainer.useContainer();
-  const { t } = useLocaleContext();
-  const handleSave = async (s) => {
-    try {
-      const result = await utils.minDelay(save(s), 1500);
-      const pendingState2 = getPendingState();
-      if (pendingState2) {
-        setStateInternal(pendingState2);
-        setPendingState(null);
-      } else {
-        reset();
-        setError(null);
-      }
-      return result;
-    } catch (e) {
-      setError(e);
-      toast.error(t("draftStatus.error"));
-      throw e;
-    }
-  };
-  const { data: saved, loading, run, runAsync } = useRequest(handleSave, { manual: true });
-  const status = useStatus(loading);
-  const canSave = !isInitialState.current && !paused && !loading && dirty;
-  useThrottleEffect(
-    () => {
-      if (paused || loading || !dirty || isInitialState.current) {
-        return;
-      }
-      run(state);
-    },
-    [state, paused],
-    { wait, leading: false }
-  );
-  const setState = (s) => {
-    if (loading) {
-      setPendingState({ ...state, ...s });
-    } else {
-      setStateInternal(s);
-    }
-    if (isInitialState.current) {
-      isInitialState.current = false;
-    }
-    if (!isInitialState.current) {
-      markDirty();
-    }
-  };
-  const setInitialState = useCallback(
-    (s) => {
-      setStateInternal(s);
-      isInitialState.current = true;
-    },
-    [setStateInternal]
-  );
-  const saveNow = useEventCallback(async () => {
-    if (canSave) {
-      await runAsync(state);
-    }
-  });
-  useEffect(() => {
-    if (documentVisibility === "hidden") {
-      saveNow();
-    }
-  }, [documentVisibility, saveNow]);
-  return { state: latestState, setState, setInitialState, status, saved, saveNow, error };
-};
-function DraftStatus({ status, error, ...rest }) {
-  const { t } = useLocaleContext();
-  const downMd = useMediaQuery((theme) => theme.breakpoints.down("md"));
-  if (downMd) {
-    return status !== "idle" ? /* @__PURE__ */ jsx(Box, { sx: { display: { xs: "inline-block", md: "none", lineHeight: 1 } }, component: CircularProgress, size: 16 }) : null;
-  }
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, ...rest, children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: error?.message, children: /* @__PURE__ */ jsx(Box, { sx: { width: 8, height: 8, borderRadius: "100%", bgcolor: error ? "error.main" : "success.main" } }) }),
-    /* @__PURE__ */ jsx(Box, { sx: { color: "grey.600", fontSize: 13, lineHeight: 1 }, component: "span", className: "draft-status-text", children: error ? t("draftStatus.error") : t(`draftStatus.${status}`) })
-  ] });
-}
-function InternalPostEdit({ post, onSave, onUpdate, onCancel, ...rest }) {
-  const { t } = useLocaleContext();
-  const { reset, check } = DirtyPromptContainer.useContainer();
-  const save = async (state) => {
-    if (!post) {
-      throw new Error("Invalid state");
-    }
-    try {
-      const updated = await updatePostContent(post.id, {
-        title: state.title,
-        content: state.content,
-        locale: post.locale,
-        contentVersion: post.contentVersion
-      });
-      onUpdate(updated);
-      return updated;
-    } catch (e) {
-      console.error(e);
-      throw e;
-    }
-  };
-  const {
-    state: autoSaveState,
-    setState,
-    status,
-    error,
-    saveNow
-  } = useAutoSaveState({ title: post?.title || "", content: post?.content || "" }, { save });
-  const handleContentChange = ({ content }) => {
-    setState({ content });
-  };
-  const handleSave = async () => {
-    const updated = await updatePostContent(post.id, {
-      title: autoSaveState.title,
-      content: autoSaveState.content,
-      locale: post.locale,
-      contentVersion: post.contentVersion
-    });
-    onSave(updated);
-  };
-  const handleCancel = async () => {
-    if (await check()) {
-      onCancel();
-      reset();
-    }
-  };
-  return /* @__PURE__ */ jsxs(Box, { ...rest, children: [
-    /* @__PURE__ */ jsxs(
-      Stack,
-      {
-        direction: "row",
-        sx: {
-          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: t("save") }),
-            /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: handleCancel, children: t("cancel") })
-          ] }),
-          /* @__PURE__ */ jsx(DraftStatus, { status, error })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      LazyEditor,
-      {
-        initialContent: post.content || "",
-        onChange: handleContentChange,
-        autoFocus: false,
-        onSave: () => saveNow()
-      }
-    )
-  ] });
-}
-function PostEdit(props) {
-  return /* @__PURE__ */ jsx(DirtyPromptContainer.Provider, { children: /* @__PURE__ */ jsx(InternalPostEdit, { ...props }) });
-}
-function PostPaywall({ post, children, ...rest }) {
-  if (post.accessType === "public") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  if (post.accessType === "paid") {
-    return /* @__PURE__ */ jsx(SubscriptionPaywall, { type: post.type, fetchPaymentLink, ...rest, children });
-  }
-  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?"
-    }
-  },
-  common: {
-    connect: "Connect"
-  },
-  save: "Save",
-  cancel: "Cancel"
-};
-const zh = {
-  paywall: {
-    subscription: {
-      title: "此帖仅供付费订阅者使用",
-      desc: "立即订阅以阅读完整内容并获取所有相关内容的访问权限。",
-      subscribeNow: "立即订阅",
-      alreadySubscribe: "已经订阅?"
-    }
-  },
-  draftStatus: {
-    idle: "草稿",
-    saving: "保存中...",
-    saved: "草稿已保存",
-    error: "保存失败"
-  },
-  common: {
-    connect: "连接"
-  },
-  save: "保存",
-  cancel: "取消"
-};
-const translations = {
-  zh: flat(zh),
-  en: flat(en)
-};
-function InternalPost({ postId, sx, readonly, ...rest }) {
-  const { locale } = useLocaleContext();
-  const sessionCtx = useContext(SessionContext);
-  const isAdmin = ["admin", "owner"].includes(sessionCtx?.session?.user?.role);
-  const [editable, setEditable] = useState(false);
-  const {
-    data: post,
-    mutate,
-    loading
-  } = useRequest(() => fetchPost(postId, locale), { refreshDeps: [postId, locale] });
-  const { plugin } = PostAutoTranslationContainer.useContainer();
-  if (loading) {
-    return EditorPreview.fallback;
-  }
-  if (!post) {
-    return null;
-  }
-  const handleUpdate = (saved) => {
-    mutate((prev) => ({
-      ...prev,
-      content: saved.content,
-      contentVersion: saved.contentVersion
-    }));
-  };
-  const handleSave = (saved) => {
-    handleUpdate(saved);
-    setEditable(false);
-  };
-  const mergedSx = [
-    {
-      position: "relative",
-      "&:hover .post-component-edit-button": {
-        display: "block"
-      }
-    },
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  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,
-      {
-        className: "post-component-edit-button",
-        color: "primary",
-        sx: { display: "none", position: "absolute", top: 0, right: 0, zIndex: 1e3 },
-        onClick: () => setEditable(true),
-        children: /* @__PURE__ */ jsx(Edit, {})
-      }
-    ),
-    editable ? /* @__PURE__ */ jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsx(PostPaywall, { post, children: /* @__PURE__ */ jsx(EditorPreview, { content: post.content || "", prepend: plugin }) })
-  ] }) }) }) }) });
-}
-function Post(props) {
-  if (!discussKitService) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(InternalPost, { ...props });
-}
-export {
-  Post,
-  PostAutoTranslationContainer2 as PostAutoTranslationContainer
-};

package/dist/index.umd.js

@@ -1,328 +0,0 @@
-(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"), 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";
-  const discussKitService = window.blocklet?.componentMountPoints?.find(
-    (x) => x.did === "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu"
-  );
-  const discussKitPrefix = discussKitService ? ufo.joinURL(discussKitService.mountPoint, "/") : "";
-  const discussKitApiPrefix = ufo.joinURL(discussKitPrefix, "/api/");
-  const api = jsSdk.createAxios({
-    baseURL: discussKitApiPrefix,
-    timeout: 2e4
-  });
-  const fetchPost = async (postId, locale) => {
-    const url = ufo.withQuery(ufo.joinURL("/posts/slug", postId), { locale });
-    try {
-      const result = await api.get(url).then((res) => res.data);
-      return result;
-    } catch (e) {
-      console.error(e);
-      return null;
-    }
-  };
-  const updatePostContent = async (id, payload) => {
-    const { data } = await api.put(`/posts/${id}/content`, payload);
-    return data;
-  };
-  const fetchPaymentLink = async (params) => {
-    const { data } = await api.get("/subscriptions/payment-link", { params });
-    return data;
-  };
-  const useStatus = (saving) => {
-    const [status, setStatus] = react.useState("idle");
-    react.useEffect(() => {
-      if (saving) {
-        setStatus("saving");
-      } else {
-        setStatus((prev) => prev === "saving" ? "saved" : "idle");
-      }
-    }, [saving]);
-    ahooks.useTimeout(
-      () => {
-        setStatus("idle");
-      },
-      status === "saved" ? 1500 : void 0
-    );
-    return status;
-  };
-  const useAutoSaveState = (initialState, { save, paused, wait = 1e4 }) => {
-    const [state, setStateInternal] = ahooks.useSetState(initialState);
-    const [pendingState, setPendingState, getPendingState] = ahooks.useGetState();
-    const latestState = pendingState || state;
-    const isInitialState = react.useRef(true);
-    const [error, setError] = react.useState(null);
-    const documentVisibility = ahooks.useDocumentVisibility();
-    const { dirty, reset, markDirty } = discussKitUx.DirtyPromptContainer.useContainer();
-    const { t } = context.useLocaleContext();
-    const handleSave = async (s) => {
-      try {
-        const result = await discussKitUx.utils.minDelay(save(s), 1500);
-        const pendingState2 = getPendingState();
-        if (pendingState2) {
-          setStateInternal(pendingState2);
-          setPendingState(null);
-        } else {
-          reset();
-          setError(null);
-        }
-        return result;
-      } catch (e) {
-        setError(e);
-        discussKitUx.toast.error(t("draftStatus.error"));
-        throw e;
-      }
-    };
-    const { data: saved, loading, run, runAsync } = ahooks.useRequest(handleSave, { manual: true });
-    const status = useStatus(loading);
-    const canSave = !isInitialState.current && !paused && !loading && dirty;
-    ahooks.useThrottleEffect(
-      () => {
-        if (paused || loading || !dirty || isInitialState.current) {
-          return;
-        }
-        run(state);
-      },
-      [state, paused],
-      { wait, leading: false }
-    );
-    const setState = (s) => {
-      if (loading) {
-        setPendingState({ ...state, ...s });
-      } else {
-        setStateInternal(s);
-      }
-      if (isInitialState.current) {
-        isInitialState.current = false;
-      }
-      if (!isInitialState.current) {
-        markDirty();
-      }
-    };
-    const setInitialState = react.useCallback(
-      (s) => {
-        setStateInternal(s);
-        isInitialState.current = true;
-      },
-      [setStateInternal]
-    );
-    const saveNow = discussKitUx.useEventCallback(async () => {
-      if (canSave) {
-        await runAsync(state);
-      }
-    });
-    react.useEffect(() => {
-      if (documentVisibility === "hidden") {
-        saveNow();
-      }
-    }, [documentVisibility, saveNow]);
-    return { state: latestState, setState, setInitialState, status, saved, saveNow, error };
-  };
-  function DraftStatus({ status, error, ...rest }) {
-    const { t } = context.useLocaleContext();
-    const downMd = material.useMediaQuery((theme) => theme.breakpoints.down("md"));
-    if (downMd) {
-      return status !== "idle" ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: { xs: "inline-block", md: "none", lineHeight: 1 } }, component: material.CircularProgress, size: 16 }) : null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, ...rest, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: error?.message, children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { width: 8, height: 8, borderRadius: "100%", bgcolor: error ? "error.main" : "success.main" } }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { color: "grey.600", fontSize: 13, lineHeight: 1 }, component: "span", className: "draft-status-text", children: error ? t("draftStatus.error") : t(`draftStatus.${status}`) })
-    ] });
-  }
-  function InternalPostEdit({ post, onSave, onUpdate, onCancel, ...rest }) {
-    const { t } = context.useLocaleContext();
-    const { reset, check } = discussKitUx.DirtyPromptContainer.useContainer();
-    const save = async (state) => {
-      if (!post) {
-        throw new Error("Invalid state");
-      }
-      try {
-        const updated = await updatePostContent(post.id, {
-          title: state.title,
-          content: state.content,
-          locale: post.locale,
-          contentVersion: post.contentVersion
-        });
-        onUpdate(updated);
-        return updated;
-      } catch (e) {
-        console.error(e);
-        throw e;
-      }
-    };
-    const {
-      state: autoSaveState,
-      setState,
-      status,
-      error,
-      saveNow
-    } = useAutoSaveState({ title: post?.title || "", content: post?.content || "" }, { save });
-    const handleContentChange = ({ content }) => {
-      setState({ content });
-    };
-    const handleSave = async () => {
-      const updated = await updatePostContent(post.id, {
-        title: autoSaveState.title,
-        content: autoSaveState.content,
-        locale: post.locale,
-        contentVersion: post.contentVersion
-      });
-      onSave(updated);
-    };
-    const handleCancel = async () => {
-      if (await check()) {
-        onCancel();
-        reset();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { ...rest, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        material.Stack,
-        {
-          direction: "row",
-          sx: {
-            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: t("save") }),
-              /* @__PURE__ */ jsxRuntime.jsx(material.Button, { variant: "outlined", onClick: handleCancel, children: t("cancel") })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(DraftStatus, { status, error })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        discussKitUx.LazyEditor,
-        {
-          initialContent: post.content || "",
-          onChange: handleContentChange,
-          autoFocus: false,
-          onSave: () => saveNow()
-        }
-      )
-    ] });
-  }
-  function PostEdit(props) {
-    return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.DirtyPromptContainer.Provider, { children: /* @__PURE__ */ jsxRuntime.jsx(InternalPostEdit, { ...props }) });
-  }
-  function PostPaywall({ post, children, ...rest }) {
-    if (post.accessType === "public") {
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-    }
-    if (post.accessType === "paid") {
-      return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.SubscriptionPaywall, { type: post.type, fetchPaymentLink, ...rest, children });
-    }
-    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?"
-      }
-    },
-    common: {
-      connect: "Connect"
-    },
-    save: "Save",
-    cancel: "Cancel"
-  };
-  const zh = {
-    paywall: {
-      subscription: {
-        title: "此帖仅供付费订阅者使用",
-        desc: "立即订阅以阅读完整内容并获取所有相关内容的访问权限。",
-        subscribeNow: "立即订阅",
-        alreadySubscribe: "已经订阅?"
-      }
-    },
-    draftStatus: {
-      idle: "草稿",
-      saving: "保存中...",
-      saved: "草稿已保存",
-      error: "保存失败"
-    },
-    common: {
-      connect: "连接"
-    },
-    save: "保存",
-    cancel: "取消"
-  };
-  const translations = {
-    zh: flat(zh),
-    en: flat(en)
-  };
-  function InternalPost({ postId, sx, readonly, ...rest }) {
-    const { locale } = context.useLocaleContext();
-    const sessionCtx = react.useContext(Session.SessionContext);
-    const isAdmin = ["admin", "owner"].includes(sessionCtx?.session?.user?.role);
-    const [editable, setEditable] = react.useState(false);
-    const {
-      data: post,
-      mutate,
-      loading
-    } = ahooks.useRequest(() => fetchPost(postId, locale), { refreshDeps: [postId, locale] });
-    const { plugin } = discussKitUx.PostAutoTranslationContainer.useContainer();
-    if (loading) {
-      return discussKitUx.EditorPreview.fallback;
-    }
-    if (!post) {
-      return null;
-    }
-    const handleUpdate = (saved) => {
-      mutate((prev) => ({
-        ...prev,
-        content: saved.content,
-        contentVersion: saved.contentVersion
-      }));
-    };
-    const handleSave = (saved) => {
-      handleUpdate(saved);
-      setEditable(false);
-    };
-    const mergedSx = [
-      {
-        position: "relative",
-        "&:hover .post-component-edit-button": {
-          display: "block"
-        }
-      },
-      ...Array.isArray(sx) ? sx : [sx]
-    ];
-    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,
-        {
-          className: "post-component-edit-button",
-          color: "primary",
-          sx: { display: "none", position: "absolute", top: 0, right: 0, zIndex: 1e3 },
-          onClick: () => setEditable(true),
-          children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Edit, {})
-        }
-      ),
-      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 || "", prepend: plugin }) })
-    ] }) }) }) }) });
-  }
-  function Post(props) {
-    if (!discussKitService) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(InternalPost, { ...props });
-  }
-  Object.defineProperty(exports2, "PostAutoTranslationContainer", {
-    enumerable: true,
-    get: () => discussKitUx.PostAutoTranslationContainer
-  });
-  exports2.Post = Post;
-  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});