@blocklet/discuss-kit-ux 2.4.7 → 2.4.8

package/dist/components/blog/index.d.ts

@@ -1,4 +1,4 @@
 export { default as BlogList, BlogCard } from './blog-list';
-export { BlogPermaLink } from './permalink';
+export { PostPermaLink } from './permalink';
 export { getBlogLink } from './blog-link';
 export * from './cover-image';

package/dist/components/blog/permalink.d.ts

@@ -2,6 +2,7 @@ import { BoxProps } from '@mui/material';
 interface Props extends Omit<BoxProps, 'onChange'> {
     slug: string;
     onChange: (slug: string) => void;
+    prefix?: string;
 }
-export declare function BlogPermaLink({ slug, onChange, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function PostPermaLink({ slug, onChange, prefix, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{editor-CDCMSBkq.mjs → editor-CtlzSYeG.mjs}

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

package/dist/{index-CMUop2jt.mjs → index-DtIsMICl.mjs}

@@ -1056,7 +1056,7 @@ function Badge({
           const { badgeName, badgeIcon, badgeColor, badgeBackground } = item;
           let icon;
           if (badgeIcon) {
-            const isHttpIcon = ["http", "/", "data"].some((prefix2) => badgeIcon.startsWith(prefix2));
+            const isHttpIcon = ["http", "/", "data"].some((prefix) => badgeIcon.startsWith(prefix));
             const badgeIconStyle = showIconOnly ? iconOnlyStyle : iconStyle;
             if (!isHttpIcon) {
               icon = /* @__PURE__ */ jsx(Icon, { className: "badge-icon", icon: badgeIcon, color: badgeColor, style: { ...badgeIconStyle } });
@@ -2723,7 +2723,7 @@ function Comment({
   };
   const render = ({ post, interactive }) => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      post.pinnedAt && /* @__PURE__ */ jsx(Box$1, { sx: { display: "flex", alignItems: "end", gap: 3, mt: 1 }, children: /* @__PURE__ */ jsxs(
+      post.pinnedAt && /* @__PURE__ */ jsx(Box$1, { sx: { display: "flex", alignItems: "end", gap: 3, mt: 1, mb: 1 }, children: /* @__PURE__ */ jsxs(
         Box$1,
         {
           component: "span",
@@ -3312,10 +3312,10 @@ 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 getUploadedImageUrl = (imageUrl, width = 320) => {
-  const prefix2 = joinURL(window.blocklet?.prefix || "/", "uploads");
+  const prefix = joinURL(window.blocklet?.prefix || "/", "uploads");
   let result = imageUrl;
-  if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix2)) {
-    result = joinURL(prefix2, imageUrl);
+  if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix)) {
+    result = joinURL(prefix, imageUrl);
     const tmp = new URL(result, window.location.origin);
     if (!imageUrl.endsWith(".gif")) {
       tmp.searchParams.set("imageFilter", "resize");
@@ -4019,8 +4019,8 @@ function BlogListWrapper({
   }
   return /* @__PURE__ */ jsx(BlogList, { ...rest });
 }
-const prefix = joinURL(window.location.origin, discussKitMountPoint || "", "blog");
-function BlogPermaLink({ slug, onChange, ...rest }) {
+const baseURL$1 = joinURL(window.location.origin, discussKitMountPoint || "");
+function PostPermaLink({ slug, onChange, prefix = "blog", ...rest }) {
   return /* @__PURE__ */ jsx(Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxs(
     Box,
     {
@@ -4039,16 +4039,16 @@ function BlogPermaLink({ slug, onChange, ...rest }) {
             sx: {
               display: "flex",
               alignItems: "center",
-              width: 180,
+              width: 140,
               alignSelf: "stretch",
               px: 1.25,
-              bgcolor: "grey.200"
+              bgcolor: "grey.100"
             },
             children: /* @__PURE__ */ jsx(
               Box,
               {
                 component: "input",
-                value: prefix,
+                value: joinURL(baseURL$1, prefix),
                 readOnly: true,
                 sx: {
                   width: 1,
@@ -4077,7 +4077,7 @@ function BlogPermaLink({ slug, onChange, ...rest }) {
           {
             sx: { px: 1 },
             onClick: () => {
-              copy(joinURL(prefix, slug));
+              copy(joinURL(baseURL$1, prefix, slug));
             },
             children: /* @__PURE__ */ jsx(ContentCopy, { sx: { fontSize: 18 } })
           }
@@ -5210,7 +5210,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazyRetry(() => import("./editor-CDCMSBkq.mjs"));
+const Editor = lazyRetry(() => import("./editor-CtlzSYeG.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -6819,8 +6819,8 @@ const boxAnimation = {
   layers
 };
 let client;
-function create(prefix2) {
-  const pathPrefix = prefix2;
+function create(prefix) {
+  const pathPrefix = prefix;
   const url = `//${window.location.host}${pathPrefix.replace(/\/$/, "")}`;
   return new WsClient(url, {
     heartbeatIntervalMs: 10 * 1e3,
@@ -6832,18 +6832,18 @@ function create(prefix2) {
     }
   });
 }
-function getWsClient(prefix2 = window.blocklet?.prefix || "/") {
+function getWsClient(prefix = window.blocklet?.prefix || "/") {
   if (!client) {
-    client = create(prefix2);
+    client = create(prefix);
   }
   return client;
 }
 const useSubscription = (event, cb = () => {
-}, deps = [], prefix2 = window.blocklet?.prefix || "/") => {
+}, deps = [], prefix = window.blocklet?.prefix || "/") => {
   useEffect(() => {
     if (event) {
       if (!client) {
-        client = getWsClient(prefix2);
+        client = getWsClient(prefix);
       }
       client.on(event, cb);
       return () => {
@@ -7526,7 +7526,7 @@ export {
   BlogListWrapper as L,
   Menu as M,
   BlogCard as N,
-  BlogPermaLink as O,
+  PostPermaLink as O,
   Pagination as P,
   getBlogLink as Q,
   RelativeTime as R,

package/dist/index.es.js

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

package/dist/index.umd.js

@@ -975,7 +975,7 @@
             const { badgeName, badgeIcon, badgeColor, badgeBackground } = item;
             let icon;
             if (badgeIcon) {
-              const isHttpIcon = ["http", "/", "data"].some((prefix2) => badgeIcon.startsWith(prefix2));
+              const isHttpIcon = ["http", "/", "data"].some((prefix) => badgeIcon.startsWith(prefix));
               const badgeIconStyle = showIconOnly ? iconOnlyStyle : iconStyle;
               if (!isHttpIcon) {
                 icon = /* @__PURE__ */ jsxRuntime.jsx(react$1.Icon, { className: "badge-icon", icon: badgeIcon, color: badgeColor, style: { ...badgeIconStyle } });
@@ -2642,7 +2642,7 @@
     };
     const render = ({ post, interactive }) => {
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        post.pinnedAt && /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex", alignItems: "end", gap: 3, mt: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        post.pinnedAt && /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex", alignItems: "end", gap: 3, mt: 1, mb: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
           Box,
           {
             component: "span",
@@ -3231,10 +3231,10 @@
   }
   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 getUploadedImageUrl = (imageUrl, width = 320) => {
-    const prefix2 = ufo.joinURL(window.blocklet?.prefix || "/", "uploads");
+    const prefix = ufo.joinURL(window.blocklet?.prefix || "/", "uploads");
     let result = imageUrl;
-    if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix2)) {
-      result = ufo.joinURL(prefix2, imageUrl);
+    if (imageUrl && imageUrl.startsWith("/") && !imageUrl.startsWith(prefix)) {
+      result = ufo.joinURL(prefix, imageUrl);
       const tmp = new URL(result, window.location.origin);
       if (!imageUrl.endsWith(".gif")) {
         tmp.searchParams.set("imageFilter", "resize");
@@ -3938,8 +3938,8 @@
     }
     return /* @__PURE__ */ jsxRuntime.jsx(BlogList, { ...rest });
   }
-  const prefix = ufo.joinURL(window.location.origin, discussKitMountPoint || "", "blog");
-  function BlogPermaLink({ slug, onChange, ...rest }) {
+  const baseURL$1 = ufo.joinURL(window.location.origin, discussKitMountPoint || "");
+  function PostPermaLink({ slug, onChange, prefix = "blog", ...rest }) {
     return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxRuntime.jsxs(
       material.Box,
       {
@@ -3958,16 +3958,16 @@
               sx: {
                 display: "flex",
                 alignItems: "center",
-                width: 180,
+                width: 140,
                 alignSelf: "stretch",
                 px: 1.25,
-                bgcolor: "grey.200"
+                bgcolor: "grey.100"
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 material.Box,
                 {
                   component: "input",
-                  value: prefix,
+                  value: ufo.joinURL(baseURL$1, prefix),
                   readOnly: true,
                   sx: {
                     width: 1,
@@ -3996,7 +3996,7 @@
             {
               sx: { px: 1 },
               onClick: () => {
-                copy(ufo.joinURL(prefix, slug));
+                copy(ufo.joinURL(baseURL$1, prefix, slug));
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ContentCopy, { sx: { fontSize: 18 } })
             }
@@ -6738,8 +6738,8 @@
     layers
   };
   let client;
-  function create(prefix2) {
-    const pathPrefix = prefix2;
+  function create(prefix) {
+    const pathPrefix = prefix;
     const url = `//${window.location.host}${pathPrefix.replace(/\/$/, "")}`;
     return new ws.WsClient(url, {
       heartbeatIntervalMs: 10 * 1e3,
@@ -6751,18 +6751,18 @@
       }
     });
   }
-  function getWsClient(prefix2 = window.blocklet?.prefix || "/") {
+  function getWsClient(prefix = window.blocklet?.prefix || "/") {
     if (!client) {
-      client = create(prefix2);
+      client = create(prefix);
     }
     return client;
   }
   const useSubscription = (event, cb = () => {
-  }, deps = [], prefix2 = window.blocklet?.prefix || "/") => {
+  }, deps = [], prefix = window.blocklet?.prefix || "/") => {
     react.useEffect(() => {
       if (event) {
         if (!client) {
-          client = getWsClient(prefix2);
+          client = getWsClient(prefix);
         }
         client.on(event, cb);
         return () => {
@@ -7479,7 +7479,6 @@
   exports2.BinaryThumb = BinaryThumb;
   exports2.BlogCard = BlogCard;
   exports2.BlogList = BlogListWrapper;
-  exports2.BlogPermaLink = BlogPermaLink;
   exports2.ButtonGroup = ButtonGroup;
   exports2.Chat = Chat;
   exports2.ChatClient = ChatClient;
@@ -7518,6 +7517,7 @@
   exports2.PostAutoTranslatePlugin = PostAutoTranslatePlugin;
   exports2.PostAutoTranslationContainer = PostAutoTranslationContainer;
   exports2.PostContent = PostContent;
+  exports2.PostPermaLink = PostPermaLink;
   exports2.ProfileCard = ProfileCard;
   exports2.ProfileCardTooltip = ProfileCardTooltip;
   exports2.RelativeTime = RelativeTime;

package/package.json

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