@blocklet/discuss-kit-ux 2.1.8 → 2.1.10

package/dist/components/uploader/utils.d.ts

@@ -1 +1 @@
-export declare const composeImageUrl: (imageUrl: string, width?: number) => string;
+export declare const getUploadedImageUrl: (imageUrl: string, width?: number) => string;

package/dist/components/utils.d.ts

@@ -12,11 +12,11 @@ export declare function tryParseJSONObject(str: string): boolean;
 export declare const getPreference: (key: string) => any;
 export declare const getBlockletMountPointInfo: (name: string) => ComponentMountPoint | undefined;
 export declare const blockletExists: (name: string) => boolean;
-export declare const inferDiscussKitApiPrefix: () => any;
 export declare const getDraftSessionKeyPrefix: () => string;
 export declare const getExcerptFromLexicalContent: (content: any, size?: number) => string;
 export declare const mergeSx: (initial: SystemStyleObject<Theme>, sx?: SxProps<Theme>) => any[];
 export declare const discussKitMountPoint: string | undefined;
+export declare const discussKitUploadsUrl: string;
 export declare const isInDiscussKitApp: boolean | "" | undefined;
 export declare const openProfile: (did: string, newTab?: boolean) => void;
 export declare const randomId: () => string;

package/dist/{editor-DmeTB3KQ.mjs → editor-Be1sUDpj.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 { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-DJrI2eNo.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-CfBDgHqA.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-DJrI2eNo.mjs → index-CfBDgHqA.mjs}

@@ -13,8 +13,7 @@ import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/conf
 import { lazyWithPreload } from "react-lazy-with-preload";
 import { $getRoot, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW, $getSelection } from "lexical";
 import { $isRootTextContentEmpty } from "@lexical/text";
-import { withTrailingSlash, withQuery, joinURL } from "ufo";
-import joinUrl from "url-join";
+import { joinURL, withTrailingSlash, withQuery } from "ufo";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
 import { VideoNode } from "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
@@ -62,6 +61,7 @@ import Skeleton$1 from "@mui/material/Skeleton";
 import ReactDOM, { createPortal } from "react-dom";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
+import joinUrl from "url-join";
 import mitt from "mitt";
 import CircularProgress$1 from "@mui/material/CircularProgress";
 import { Helmet } from "react-helmet";
@@ -294,10 +294,6 @@ const blockletExists = (name) => {
   const info = getBlockletMountPointInfo(name);
   return (info == null ? void 0 : info.status) === "running";
 };
-const inferDiscussKitApiPrefix = () => {
-  const service = getBlockletMountPointInfo("did-comments");
-  return service ? joinUrl(service.mountPoint, "/") : "/";
-};
 const getDraftSessionKeyPrefix = () => {
   return "comment-draft-";
 };
@@ -342,6 +338,7 @@ const mergeSx = (initial, sx) => {
   return mergedSx;
 };
 const discussKitMountPoint = (_a = getBlockletMountPointInfo("did-comments")) == null ? void 0 : _a.mountPoint;
+const discussKitUploadsUrl = joinURL(discussKitMountPoint || "", "/uploads");
 const isInDiscussKitApp = discussKitMountPoint && withTrailingSlash(window.blocklet.prefix) === withTrailingSlash(discussKitMountPoint);
 const openProfile = (did, newTab) => {
   if (did) {
@@ -363,6 +360,7 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   blockletExists,
   copy,
   discussKitMountPoint,
+  discussKitUploadsUrl,
   getBlockletMountPointInfo,
   getDiscussKitClientId,
   getDraftSessionKeyPrefix,
@@ -370,7 +368,6 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   getLastItem,
   getPreference,
   getResizedAvatar,
-  inferDiscussKitApiPrefix,
   isInDiscussKitApp,
   mergeSx,
   minDelay,
@@ -480,14 +477,12 @@ function CmdEnterShortcutPlugin({ callback, shortcut = "CMD_ENTER" }) {
   }, [editor, callback]);
   return null;
 }
-const UPLOADS_PREFIX$1 = "/uploads";
-const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX$1);
 const originalExportJSON$1 = ImageNode.prototype.exportJSON;
 const ensureLeadingSlash$1 = (str) => str.startsWith("/") ? str : `/${str}`;
 ImageNode.prototype.exportJSON = function exportJSON() {
   const json = originalExportJSON$1.call(this);
-  if (json.src && json.src.startsWith(IMAGE_URL_PREFIX)) {
-    json.src = json.src.replace(IMAGE_URL_PREFIX, "");
+  if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+    json.src = json.src.replace(discussKitUploadsUrl, "");
     json.src = ensureLeadingSlash$1(json.src);
   }
   return json;
@@ -495,8 +490,8 @@ ImageNode.prototype.exportJSON = function exportJSON() {
 function imageNodeTransform(node) {
   const targetNode = node;
   const src = targetNode.getSrc();
-  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(IMAGE_URL_PREFIX)) {
-    targetNode.setSrc(joinUrl(IMAGE_URL_PREFIX, src));
+  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+    targetNode.setSrc(joinURL(discussKitUploadsUrl, src));
   }
 }
 function ImagePathFixerPlugin() {
@@ -506,13 +501,12 @@ function ImagePathFixerPlugin() {
   }, [editor]);
   return null;
 }
-const UPLOADS_PREFIX = joinUrl(inferDiscussKitApiPrefix(), "/uploads");
 const originalExportJSON = VideoNode.prototype.exportJSON;
 const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
 VideoNode.prototype.exportJSON = function exportJSON2() {
   const json = originalExportJSON.call(this);
-  if (json.src && json.src.startsWith(UPLOADS_PREFIX)) {
-    json.src = json.src.replace(UPLOADS_PREFIX, "");
+  if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+    json.src = json.src.replace(discussKitUploadsUrl, "");
     json.src = ensureLeadingSlash(json.src);
   }
   return json;
@@ -520,8 +514,8 @@ VideoNode.prototype.exportJSON = function exportJSON2() {
 function VideoNodeTransform(node) {
   const targetNode = node;
   const src = targetNode.getSrc();
-  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(UPLOADS_PREFIX)) {
-    targetNode.setSrc(joinUrl(UPLOADS_PREFIX, src));
+  if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+    targetNode.setSrc(joinURL(discussKitUploadsUrl, src));
   }
 }
 function VideoPathFixerPlugin() {
@@ -2939,16 +2933,18 @@ function CommentList(props) {
   ] });
 }
 const materialSymbolsUpload = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z" }) });
-const composeImageUrl = (imageUrl, width = 320) => {
+const getUploadedImageUrl = (imageUrl, width = 320) => {
   var _a2;
-  const prefix2 = joinUrl(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
+  const prefix2 = joinURL(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
   let result = imageUrl;
   if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix2)) {
-    result = joinUrl(prefix2, imageUrl);
+    result = joinURL(prefix2, imageUrl);
     const tmp = new URL(result, window.location.origin);
-    tmp.searchParams.set("imageFilter", "resize");
-    tmp.searchParams.set("w", width.toString());
-    tmp.searchParams.set("f", "webp");
+    if (!imageUrl.endsWith(".gif")) {
+      tmp.searchParams.set("imageFilter", "resize");
+      tmp.searchParams.set("w", width.toString());
+      tmp.searchParams.set("f", "webp");
+    }
     return tmp.href;
   }
   return result;
@@ -3063,7 +3059,7 @@ function CoverImage({
         /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
           "img",
           {
-            src: url ? composeImageUrl(url, width) : "",
+            src: url ? getUploadedImageUrl(url, width) : "",
             loading,
             fetchpriority,
             style: {
@@ -3595,7 +3591,7 @@ function BlogListWrapper({
   }
   return /* @__PURE__ */ jsx(BlogList, { ...rest });
 }
-const prefix = joinUrl(window.location.origin, inferDiscussKitApiPrefix(), "blog");
+const prefix = joinURL(window.location.origin, discussKitMountPoint || "", "blog");
 function BlogPermaLink({ slug, onChange, ...rest }) {
   return /* @__PURE__ */ jsx(Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxs(
     Box,
@@ -3653,7 +3649,7 @@ function BlogPermaLink({ slug, onChange, ...rest }) {
           {
             sx: { px: 1 },
             onClick: () => {
-              copy(joinUrl(prefix, slug));
+              copy(joinURL(prefix, slug));
             },
             children: /* @__PURE__ */ jsx(ContentCopy, { sx: { fontSize: 18 } })
           }
@@ -4716,7 +4712,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", 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", "data-iconify": "tabler", 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 = lazy(() => import("./editor-DmeTB3KQ.mjs"));
+const Editor = lazy(() => import("./editor-Be1sUDpj.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5889,8 +5885,7 @@ const DefaultApiErrorHandler = ({ request }) => {
   useDefaultApiErrorHandler({ request });
   return null;
 };
-const apiPrefix = inferDiscussKitApiPrefix();
-const baseURL = joinUrl(window.location.origin, apiPrefix);
+const baseURL = joinURL(window.location.origin, discussKitMountPoint || "");
 let cachedTemplateList = null;
 function DefaultEditorConfigProvider({
   request,
@@ -5932,14 +5927,14 @@ function DefaultEditorConfigProvider({
         var _a3;
         if (typeof payload === "string") {
           const result2 = await request.post(
-            joinUrl("/api/ai/completions"),
+            joinURL("/api/ai/completions"),
             { prompt: payload },
             { baseURL, timeout: 3e4 }
           );
           return (_a3 = result2.data) == null ? void 0 : _a3.message;
         }
         const result = await request.post(
-          joinUrl(window.location.origin, aiAssistantMountPoint, "/api/ai/completions"),
+          joinURL(window.location.origin, aiAssistantMountPoint || "", "/api/ai/completions"),
           { ...payload, stream: false },
           { timeout: 3e4 }
         );
@@ -5957,7 +5952,7 @@ function DefaultEditorConfigProvider({
           return cachedTemplateList;
         }
         try {
-          const { data = [] } = await request.get(joinUrl("/api/resources/posts"), { baseURL });
+          const { data = [] } = await request.get(joinURL("/api/resources/posts"), { baseURL });
           cachedTemplateList = data;
           return data;
         } catch (e) {
@@ -5971,7 +5966,7 @@ function DefaultEditorConfigProvider({
         if (!(item == null ? void 0 : item.id) || !(item == null ? void 0 : item.content)) {
           throw new Error("item  is required");
         }
-        const { data } = await request.post(joinUrl("/api/resources/import"), item, { baseURL });
+        const { data } = await request.post(joinURL("/api/resources/import"), item, { baseURL });
         return data;
       }
     };
@@ -5988,8 +5983,8 @@ function DefaultEditorConfigProvider({
         }
       },
       userService,
-      blockletEmbedEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/check"),
-      openGraphEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/og"),
+      blockletEmbedEndpoint: joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/check"),
+      openGraphEndpoint: joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/og"),
       AI,
       templatePlugin
     };
@@ -12291,7 +12286,7 @@ export {
   useUploader as aj,
   UploaderTrigger as ak,
   UploaderProvider as al,
-  composeImageUrl as am,
+  getUploadedImageUrl as am,
   usePointUpContext as an,
   PointUpProvider as ao,
   ButtonGroup as ap,

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-DJrI2eNo.mjs";
+import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, ar, N, am, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-CfBDgHqA.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -62,9 +62,9 @@ export {
   ai as UploaderContext,
   al as UploaderProvider,
   ak as UploaderTrigger,
-  am as composeImageUrl,
   ar as create,
   N as getBlogLink,
+  am as getUploadedImageUrl,
   as as getWsClient,
   l as lexicalUtils,
   f as preferences,

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("ufo"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/material/TextField", "@mui/icons-material/Add", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "ufo", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ufo, global.ImageNode, global.VideoNode));
-})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, joinUrl, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ufo, ImageNode, VideoNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("ufo"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("url-join"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "ufo", "dayjs", "dayjs/plugin/relativeTime", "url-join", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/material/TextField", "@mui/icons-material/Add", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.ufo, global.dayjs, global.relativeTime, global.joinUrl, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, ufo, dayjs, relativeTime, joinUrl, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ImageNode, VideoNode) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -219,10 +219,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const info = getBlockletMountPointInfo(name);
     return (info == null ? void 0 : info.status) === "running";
   };
-  const inferDiscussKitApiPrefix = () => {
-    const service = getBlockletMountPointInfo("did-comments");
-    return service ? joinUrl(service.mountPoint, "/") : "/";
-  };
   const getDraftSessionKeyPrefix = () => {
     return "comment-draft-";
   };
@@ -267,6 +263,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return mergedSx;
   };
   const discussKitMountPoint = (_a = getBlockletMountPointInfo("did-comments")) == null ? void 0 : _a.mountPoint;
+  const discussKitUploadsUrl = ufo.joinURL(discussKitMountPoint || "", "/uploads");
   const isInDiscussKitApp = discussKitMountPoint && ufo.withTrailingSlash(window.blocklet.prefix) === ufo.withTrailingSlash(discussKitMountPoint);
   const openProfile = (did, newTab) => {
     if (did) {
@@ -288,6 +285,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     blockletExists,
     copy,
     discussKitMountPoint,
+    discussKitUploadsUrl,
     getBlockletMountPointInfo,
     getDiscussKitClientId,
     getDraftSessionKeyPrefix,
@@ -295,7 +293,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getLastItem,
     getPreference,
     getResizedAvatar,
-    inferDiscussKitApiPrefix,
     isInDiscussKitApp,
     mergeSx,
     minDelay,
@@ -405,14 +402,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }, [editor2, callback]);
     return null;
   }
-  const UPLOADS_PREFIX$1 = "/uploads";
-  const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX$1);
   const originalExportJSON$1 = ImageNode.ImageNode.prototype.exportJSON;
   const ensureLeadingSlash$1 = (str) => str.startsWith("/") ? str : `/${str}`;
   ImageNode.ImageNode.prototype.exportJSON = function exportJSON() {
     const json = originalExportJSON$1.call(this);
-    if (json.src && json.src.startsWith(IMAGE_URL_PREFIX)) {
-      json.src = json.src.replace(IMAGE_URL_PREFIX, "");
+    if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+      json.src = json.src.replace(discussKitUploadsUrl, "");
       json.src = ensureLeadingSlash$1(json.src);
     }
     return json;
@@ -420,8 +415,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function imageNodeTransform(node) {
     const targetNode = node;
     const src = targetNode.getSrc();
-    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(IMAGE_URL_PREFIX)) {
-      targetNode.setSrc(joinUrl(IMAGE_URL_PREFIX, src));
+    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+      targetNode.setSrc(ufo.joinURL(discussKitUploadsUrl, src));
     }
   }
   function ImagePathFixerPlugin() {
@@ -431,13 +426,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }, [editor2]);
     return null;
   }
-  const UPLOADS_PREFIX = joinUrl(inferDiscussKitApiPrefix(), "/uploads");
   const originalExportJSON = VideoNode.VideoNode.prototype.exportJSON;
   const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
   VideoNode.VideoNode.prototype.exportJSON = function exportJSON() {
     const json = originalExportJSON.call(this);
-    if (json.src && json.src.startsWith(UPLOADS_PREFIX)) {
-      json.src = json.src.replace(UPLOADS_PREFIX, "");
+    if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
+      json.src = json.src.replace(discussKitUploadsUrl, "");
       json.src = ensureLeadingSlash(json.src);
     }
     return json;
@@ -445,8 +439,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function VideoNodeTransform(node) {
     const targetNode = node;
     const src = targetNode.getSrc();
-    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(UPLOADS_PREFIX)) {
-      targetNode.setSrc(joinUrl(UPLOADS_PREFIX, src));
+    if ((src == null ? void 0 : src.startsWith("/")) && !src.startsWith(discussKitUploadsUrl)) {
+      targetNode.setSrc(ufo.joinURL(discussKitUploadsUrl, src));
     }
   }
   function VideoPathFixerPlugin() {
@@ -2864,16 +2858,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] });
   }
   const materialSymbolsUpload = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z" }) });
-  const composeImageUrl = (imageUrl, width = 320) => {
+  const getUploadedImageUrl = (imageUrl, width = 320) => {
     var _a2;
-    const prefix2 = joinUrl(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
+    const prefix2 = ufo.joinURL(((_a2 = window.blocklet) == null ? void 0 : _a2.prefix) || "/", "uploads");
     let result = imageUrl;
     if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix2)) {
-      result = joinUrl(prefix2, imageUrl);
+      result = ufo.joinURL(prefix2, imageUrl);
       const tmp = new URL(result, window.location.origin);
-      tmp.searchParams.set("imageFilter", "resize");
-      tmp.searchParams.set("w", width.toString());
-      tmp.searchParams.set("f", "webp");
+      if (!imageUrl.endsWith(".gif")) {
+        tmp.searchParams.set("imageFilter", "resize");
+        tmp.searchParams.set("w", width.toString());
+        tmp.searchParams.set("f", "webp");
+      }
       return tmp.href;
     }
     return result;
@@ -2988,7 +2984,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
-              src: url ? composeImageUrl(url, width) : "",
+              src: url ? getUploadedImageUrl(url, width) : "",
               loading,
               fetchpriority,
               style: {
@@ -3520,7 +3516,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return /* @__PURE__ */ jsxRuntime.jsx(BlogList, { ...rest });
   }
-  const prefix = joinUrl(window.location.origin, inferDiscussKitApiPrefix(), "blog");
+  const prefix = ufo.joinURL(window.location.origin, discussKitMountPoint || "", "blog");
   function BlogPermaLink({ slug, onChange, ...rest }) {
     return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxRuntime.jsxs(
       material.Box,
@@ -3578,7 +3574,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             {
               sx: { px: 1 },
               onClick: () => {
-                copy(joinUrl(prefix, slug));
+                copy(ufo.joinURL(prefix, slug));
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ContentCopy, { sx: { fontSize: 18 } })
             }
@@ -5814,8 +5810,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     useDefaultApiErrorHandler({ request });
     return null;
   };
-  const apiPrefix = inferDiscussKitApiPrefix();
-  const baseURL = joinUrl(window.location.origin, apiPrefix);
+  const baseURL = ufo.joinURL(window.location.origin, discussKitMountPoint || "");
   let cachedTemplateList = null;
   function DefaultEditorConfigProvider({
     request,
@@ -5857,14 +5852,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           var _a3;
           if (typeof payload === "string") {
             const result2 = await request.post(
-              joinUrl("/api/ai/completions"),
+              ufo.joinURL("/api/ai/completions"),
               { prompt: payload },
               { baseURL, timeout: 3e4 }
             );
             return (_a3 = result2.data) == null ? void 0 : _a3.message;
           }
           const result = await request.post(
-            joinUrl(window.location.origin, aiAssistantMountPoint, "/api/ai/completions"),
+            ufo.joinURL(window.location.origin, aiAssistantMountPoint || "", "/api/ai/completions"),
             { ...payload, stream: false },
             { timeout: 3e4 }
           );
@@ -5882,7 +5877,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             return cachedTemplateList;
           }
           try {
-            const { data = [] } = await request.get(joinUrl("/api/resources/posts"), { baseURL });
+            const { data = [] } = await request.get(ufo.joinURL("/api/resources/posts"), { baseURL });
             cachedTemplateList = data;
             return data;
           } catch (e) {
@@ -5896,7 +5891,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           if (!(item == null ? void 0 : item.id) || !(item == null ? void 0 : item.content)) {
             throw new Error("item  is required");
           }
-          const { data } = await request.post(joinUrl("/api/resources/import"), item, { baseURL });
+          const { data } = await request.post(ufo.joinURL("/api/resources/import"), item, { baseURL });
           return data;
         }
       };
@@ -5913,8 +5908,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         },
         userService,
-        blockletEmbedEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/check"),
-        openGraphEndpoint: joinUrl(window.location.origin, apiPrefix, "/api/embed/og"),
+        blockletEmbedEndpoint: ufo.joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/check"),
+        openGraphEndpoint: ufo.joinURL(window.location.origin, discussKitMountPoint || "", "/api/embed/og"),
         AI,
         templatePlugin
       };
@@ -12256,9 +12251,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.UploaderContext = UploaderContext;
   exports2.UploaderProvider = UploaderProvider;
   exports2.UploaderTrigger = UploaderTrigger;
-  exports2.composeImageUrl = composeImageUrl;
   exports2.create = create;
   exports2.getBlogLink = getBlogLink;
+  exports2.getUploadedImageUrl = getUploadedImageUrl;
   exports2.getWsClient = getWsClient;
   exports2.lexicalUtils = lexical;
   exports2.preferences = preferences;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.8",
+  "version": "2.1.10",
   "files": [
     "dist"
   ],
@@ -21,7 +21,7 @@
     "@arcblock/bridge": "^2.10.36",
     "@arcblock/react-hooks": "^2.10.36",
     "@arcblock/ws": "^1.18.135",
-    "@blocklet/uploader": "^0.1.40",
+    "@blocklet/uploader": "^0.1.43",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
@@ -43,8 +43,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.8",
-    "@blocklet/labels": "^2.1.8"
+    "@blocklet/editor": "^2.1.10",
+    "@blocklet/labels": "^2.1.10"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",