@blocklet/discuss-kit-ux 2.4.36 → 2.4.38

package/dist/components/utils.mjs

@@ -0,0 +1,139 @@
+import { joinURL, withQuery, withTrailingSlash } from "ufo";
+export const repairBase64Avatar = (avatar) => {
+  if (avatar && avatar.startsWith("data:")) {
+    return avatar.replace(/\s/g, encodeURIComponent(" "));
+  }
+  return avatar;
+};
+export const getResizedAvatar = (avatar, size = 72) => {
+  if (!avatar) {
+    return avatar;
+  }
+  if (avatar.indexOf("/.well-known/service") >= 0) {
+    const tmp = new URL(avatar, window.location.origin);
+    tmp.searchParams.set("imageFilter", "resize");
+    tmp.searchParams.set("w", size.toString());
+    tmp.searchParams.set("h", size.toString());
+    tmp.searchParams.set("f", "webp");
+    return tmp.href;
+  }
+  return avatar;
+};
+export const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+export const minDelay = (promise, ms) => {
+  return Promise.all([promise, sleep(ms)]).then(([result]) => result);
+};
+export const protectLogin = (session, action) => {
+  if (session?.user) {
+    return action();
+  }
+  return new Promise((resolve) => {
+    session.login(() => resolve(action()));
+  });
+};
+const copyWithExecCommand = (text) => {
+  const tmp = document.createElement("TEXTAREA");
+  const active = document.activeElement;
+  tmp.style.position = "fixed";
+  tmp.style.opacity = "0";
+  tmp.style.left = "-9999px";
+  tmp.style.top = "0";
+  tmp.value = text;
+  document.body.appendChild(tmp);
+  tmp.select();
+  document.execCommand("copy");
+  document.body.removeChild(tmp);
+  active?.focus();
+};
+export const copy = (text) => {
+  if (navigator?.clipboard) {
+    try {
+      navigator.clipboard.writeText(text).catch(() => {
+        copyWithExecCommand(text);
+      });
+      return;
+    } catch (e) {
+    }
+  }
+  copyWithExecCommand(text);
+};
+export const getLastItem = (arr) => arr?.length ? arr[arr.length - 1] : null;
+export function tryParseJSONObject(str) {
+  try {
+    const parsed = JSON.parse(str);
+    if (parsed && typeof parsed === "object") {
+      return true;
+    }
+  } catch (e) {
+    return false;
+  }
+  return false;
+}
+export const getPreference = (key) => window.blocklet?.preferences?.[key];
+export const getBlockletMountPointInfo = (name) => {
+  return window.blocklet?.componentMountPoints?.find((x) => x.name === name);
+};
+export const blockletExists = (name) => {
+  const info = getBlockletMountPointInfo(name);
+  return info?.status === "running";
+};
+function lexicalRootToText(data) {
+  let parsedRoot = data;
+  if (typeof data === "string") {
+    try {
+      parsedRoot = JSON.parse(data).root;
+      if (typeof parsedRoot !== "object") {
+        return data;
+      }
+    } catch {
+      parsedRoot = {};
+    }
+  }
+  let text = "";
+  if (parsedRoot?.children) {
+    try {
+      parsedRoot.children.forEach((e) => {
+        if (e.text) {
+          text += e.text;
+        } else {
+          if (e.direction && text !== "") {
+            text += "\n";
+          }
+          text += lexicalRootToText(e);
+        }
+      });
+    } catch (err) {
+      console.error(`lexicalRootToText ${err?.toString()}`);
+      console.error(err);
+    }
+  }
+  return text;
+}
+export const getExcerptFromLexicalContent = (content, size = 150) => {
+  const textContent = (lexicalRootToText(content) || "").trim();
+  return textContent.length > size ? `${textContent.slice(0, size)}` : textContent;
+};
+export const mergeSx = (initial, sx) => {
+  const mergedSx = [initial, ...Array.isArray(sx) ? sx : [sx]];
+  return mergedSx;
+};
+export const discussKitMountPoint = getBlockletMountPointInfo("did-comments")?.mountPoint;
+export const discussKitApiBaseUrl = joinURL(window.location.origin, discussKitMountPoint || "", "api");
+export const discussKitUploadsUrl = joinURL(discussKitMountPoint || "", "/uploads");
+export const isInDiscussKitApp = discussKitMountPoint && withTrailingSlash(window.blocklet.prefix) === withTrailingSlash(discussKitMountPoint);
+export const openProfile = (did, newTab) => {
+  if (did) {
+    window.open(withQuery(joinURL(discussKitMountPoint || "/", "profile"), { did }), newTab ? "_blank" : "_self");
+  }
+};
+export const randomId = () => crypto?.randomUUID?.() || Math.random().toString(36).substring(2);
+export const getDiscussKitClientId = () => {
+  if (!window.__discuss_kit_client_id__) {
+    window.__discuss_kit_client_id__ = randomId();
+  }
+  return window.__discuss_kit_client_id__;
+};
+export const getPaymentKitMountPoint = () => {
+  const info = window.blocklet?.componentMountPoints?.find((x) => x.did === "z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk");
+  return info?.mountPoint;
+};

package/dist/components/view-more.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare function ViewMore({ children, ...rest }: {
     children: any;
-} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+} & React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/components/view-more.mjs

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Box from "@mui/material/Box";
+import { styled } from "@arcblock/ux/lib/Theme";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import useMeasure from "./hooks/measure.mjs";
+const MAX_HEIGHT = 200;
+const Root = styled("div")`
+  &.markdown-viewer-collapsed .markdown-viewer-md-wrapper {
+    position: relative;
+    max-height: ${MAX_HEIGHT}px;
+    overflow: hidden;
+
+    .markdown-viewer-shadow {
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      height: 80px;
+      background-image: ${({ theme }) => `linear-gradient(to bottom, transparent, ${theme.palette.background.paper})`};
+    }
+  }
+`;
+export function ViewMore({ children, ...rest }) {
+  const { t } = useLocaleContext();
+  const [collapsed, setCollapsed] = useState(true);
+  const [ref, { height }] = useMeasure();
+  const _collapsed = collapsed && height > MAX_HEIGHT;
+  return /* @__PURE__ */ jsxs(Root, { ...rest, className: `${rest.className || ""} ${_collapsed ? "markdown-viewer-collapsed" : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "markdown-viewer-md-wrapper", children: [
+      /* @__PURE__ */ jsx("div", { ref, "data-color-mode": "light", children }),
+      /* @__PURE__ */ jsx("div", { className: "markdown-viewer-shadow" })
+    ] }),
+    _collapsed && /* @__PURE__ */ jsx(
+      Box,
+      {
+        onClick: () => setCollapsed(false),
+        sx: {
+          display: "inline-block",
+          fontSize: 13,
+          fontWeight: "bold",
+          mt: 1,
+          color: "primary.light",
+          "&:hover": { color: "primary.dark", cursor: "pointer" }
+        },
+        children: t("readMore")
+      }
+    )
+  ] });
+}

package/dist/constants.mjs

@@ -0,0 +1,14 @@
+export const AIGNE_RUNTIME_DID = "z2qaBP9SahqU2L2YA3ip7NecwKACMByTFuiJ2";
+export const AIGNE_STUDIO_DID = "z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB";
+export const DISCUSS_KIT_DID = "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu";
+const DEFAULT_MAX_DISCUSSION_LENGTH = 25e3;
+const DEFAULT_MAX_COMMENT_LENGTH = 1e4;
+const MAX_POST_LENGTH = 5e4;
+export const MAX_DISCUSSION_LENGTH = Math.min(
+  Number(window.blocklet.DISCUSS_KIT_MAX_DISCUSSION_LENGTH || DEFAULT_MAX_DISCUSSION_LENGTH),
+  MAX_POST_LENGTH
+);
+export const MAX_COMMENT_LENGTH = Math.min(
+  Number(window.blocklet.DISCUSS_KIT_MAX_COMMENT_LENGTH || DEFAULT_MAX_COMMENT_LENGTH),
+  MAX_POST_LENGTH
+);

package/dist/global.d.ts

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

package/dist/index.mjs

@@ -0,0 +1,37 @@
+export * from "@blocklet/labels";
+export * from "./theme/index.mjs";
+export { Input, CommentInput, preloadInput, ScrollableEditorWrapper } from "./components/input/index.mjs";
+export * from "./components/avatars/index.mjs";
+export * from "./components/posts/index.mjs";
+export * from "./components/rating/index.mjs";
+export * from "./components/empty-status/index.mjs";
+export * from "./components/blog/index.mjs";
+export * from "./components/authz/index.mjs";
+export * from "./components/chat/index.mjs";
+export * from "./components/confirm.mjs";
+export * from "./components/label-picker.mjs";
+export * from "./components/api-error-handler/index.mjs";
+export * from "./components/back.mjs";
+export { default as DefaultEditorConfigProvider } from "./components/default-editor-config-provider.mjs";
+export { default as Pagination } from "./components/pagination.mjs";
+export * from "./components/editor/index.mjs";
+export * as lexicalUtils from "./components/lexical.mjs";
+export * from "./components/dirty-prompt.mjs";
+export { translations } from "./components/locale/index.mjs";
+export { useNow, useChanged, useSessionContext, useEventCallback } from "./components/hooks/index.mjs";
+export * as utils from "./components/utils.mjs";
+export * as routes from "./components/routes.mjs";
+export { default as preferences } from "./preferences.mjs";
+export * from "./components/uploader/index.mjs";
+export * from "./components/point-up/index.mjs";
+export * from "./components/button-group/index.mjs";
+export * from "./components/segmented-control.mjs";
+export * from "./ws.mjs";
+export * from "./components/toast.mjs";
+export * from "./components/arcsphere/index.mjs";
+export { default as RelativeTime } from "./components/shared/relative-time.mjs";
+export * from "./components/paywall.mjs";
+export * from "./components/profile-card/index.mjs";
+export * from "./components/icon-button.mjs";
+export * from "./blocklets.mjs";
+export * from "./components/auto-translate/index.mjs";

package/dist/preferences.mjs

@@ -0,0 +1,9 @@
+const prefs = window.blocklet.preferences;
+const preferences = {
+  ...prefs,
+  // 对 preferences 做一些格式化处理
+  maxPinLimit: parseInt(`${prefs.maxPinLimit}`, 10),
+  maxFeaturedLimit: parseInt(`${prefs.maxFeaturedLimit}`, 10),
+  assignmentAuthorizedPassports: prefs.assignmentAuthorizedPassports?.split(",").map((x) => x.trim())
+};
+export default preferences;

package/dist/theme/index.d.ts

@@ -1,8 +1,8 @@
-import { ThemeOptions } from '@mui/material/styles';
-import { default as React } from 'react';
+import { type ThemeOptions } from '@mui/material/styles';
+import React from 'react';
 import { typography } from './typography';
 export { typography };
 export declare const themeOverrides: Partial<ThemeOptions>;
 export declare function InternalThemeProvider({ children }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;

package/dist/theme/index.mjs

@@ -0,0 +1,96 @@
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider, useTheme } from "@mui/material/styles";
+import { create } from "@arcblock/ux/lib/Theme";
+import { typography } from "./typography.mjs";
+export { typography };
+export const themeOverrides = {
+  shape: {
+    borderRadius: 8
+  },
+  components: {
+    MuiInputBase: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: ({ theme }) => ({
+          fontSize: "0.875rem",
+          // 调小输入框字体大小 (16px -> 14px)
+          backgroundColor: theme.palette.grey[50]
+        })
+      }
+    },
+    MuiButton: {
+      defaultProps: {
+        size: "small",
+        disableElevation: true
+      },
+      styleOverrides: {
+        root: {
+          fontWeight: 500,
+          textTransform: "none"
+        },
+        outlinedPrimary: ({ theme }) => ({
+          border: `1px solid ${theme.palette.divider}`,
+          backgroundColor: theme.palette.background.default,
+          "&:hover": {
+            border: `1px solid ${theme.palette.divider}`
+          }
+        }),
+        sizeSmall: {
+          height: 32
+        }
+      }
+    },
+    MuiIconButton: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          textTransform: "none"
+        },
+        colorPrimary: ({ theme }) => ({
+          backgroundColor: theme.palette.background.default
+        })
+      }
+    },
+    MuiToggleButton: {
+      styleOverrides: {
+        root: {
+          textTransform: "none"
+        }
+      }
+    },
+    MuiTab: {
+      styleOverrides: {
+        root: {
+          textTransform: "none"
+        }
+      }
+    },
+    MuiTooltip: {
+      defaultProps: {
+        enterTouchDelay: 3e3,
+        leaveTouchDelay: 100
+      }
+    },
+    MuiPopover: {
+      styleOverrides: {
+        paper: ({ theme }) => ({
+          border: `1px solid ${theme.palette.divider}`,
+          boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+        })
+      }
+    }
+  }
+};
+export function InternalThemeProvider({ children }) {
+  const theme = useTheme();
+  const merged = create({
+    ...theme,
+    typography: { ...theme.typography, ...typography },
+    ...themeOverrides
+  });
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: merged, children });
+}

package/dist/theme/typography.d.ts

@@ -1,2 +1,2 @@
-import { TypographyVariantsOptions } from '@mui/material/styles';
+import type { TypographyVariantsOptions } from '@mui/material/styles';
 export declare const typography: TypographyVariantsOptions;

package/dist/theme/typography.mjs

@@ -0,0 +1,66 @@
+export const typography = {
+  h1: {
+    fontSize: "1.875rem",
+    lineHeight: 1.2,
+    fontWeight: 700
+    // letterSpacing: '-.025em',
+  },
+  h2: {
+    fontSize: "1.5rem",
+    lineHeight: 1.3333333,
+    fontWeight: 700
+    // letterSpacing: '-.025em',
+  },
+  h3: {
+    fontSize: "1.25rem",
+    lineHeight: 1.4,
+    fontWeight: 700
+    // letterSpacing: '-.025em',
+  },
+  h4: {
+    fontSize: "1.125rem",
+    lineHeight: 1.55,
+    fontWeight: 600
+  },
+  h5: {
+    fontSize: "1rem",
+    lineHeight: 1.5,
+    fontWeight: 700
+  },
+  h6: {
+    fontSize: "0.875rem",
+    lineHeight: 1.43,
+    fontWeight: 700
+  },
+  subtitle1: {
+    fontSize: "1rem",
+    lineHeight: 1.5,
+    fontWeight: 500
+  },
+  subtitle2: {
+    fontSize: "0.875rem",
+    lineHeight: 1.43,
+    fontWeight: 500
+  },
+  body1: {
+    fontSize: "1rem",
+    lineHeight: 1.75
+  },
+  body2: {
+    fontSize: "0.875rem",
+    lineHeight: 1.43
+  },
+  caption: {
+    fontSize: "0.75rem",
+    lineHeight: 1.33
+  },
+  overline: {
+    fontSize: "0.75rem",
+    lineHeight: 1.33,
+    fontWeight: 500
+  },
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 700
+};

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/vite-env.d.ts

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

package/dist/ws.d.ts

@@ -1,3 +1,3 @@
 export declare function create(prefix: string): any;
-export declare function getWsClient(prefix?: string): any;
-export declare const useSubscription: (event: string, cb?: (...args: any[]) => void, deps?: any[], prefix?: string) => void;
+export declare function getWsClient(prefix?: any): any;
+export declare const useSubscription: (event: string, cb?: (...args: any[]) => void, deps?: any[], prefix?: any) => void;

package/dist/ws.mjs

@@ -0,0 +1,39 @@
+import { useEffect } from "react";
+import Cookie from "js-cookie";
+import { WsClient } from "@arcblock/ws";
+let client;
+export function create(prefix) {
+  const pathPrefix = prefix;
+  const url = `//${window.location.host}${pathPrefix.replace(/\/$/, "")}`;
+  return new WsClient(url, {
+    heartbeatIntervalMs: 10 * 1e3,
+    reconnectAfterMs: (tries) => {
+      if (Cookie.get("login_token")) {
+        return Math.floor(Math.random() * 2 ** tries * 1e3);
+      }
+      return 2 ** tries * 1e3;
+    }
+  });
+}
+export function getWsClient(prefix = window.blocklet?.prefix || "/") {
+  if (!client) {
+    client = create(prefix);
+  }
+  return client;
+}
+export const useSubscription = (event, cb = () => {
+}, deps = [], prefix = window.blocklet?.prefix || "/") => {
+  useEffect(() => {
+    if (event) {
+      if (!client) {
+        client = getWsClient(prefix);
+      }
+      client.on(event, cb);
+      return () => {
+        client.off(event, cb);
+      };
+    }
+    return () => {
+    };
+  }, [event, ...deps]);
+};

package/package.json

@@ -1,27 +1,24 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.4.36",
+  "version": "2.4.38",
   "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": {
-    "@arcblock/bridge": "^3.1.4",
-    "@arcblock/react-hooks": "^3.1.4",
+    "@arcblock/bridge": "^3.1.5",
+    "@arcblock/react-hooks": "^3.1.5",
     "@arcblock/ws": "^1.21.2",
-    "@blocklet/js-sdk": "^1.16.47",
+    "@blocklet/js-sdk": "^1.16.48",
     "@blocklet/uploader": "^0.2.6",
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
@@ -47,8 +44,8 @@
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/editor": "2.4.36",
-    "@blocklet/labels": "2.4.36"
+    "@blocklet/editor": "2.4.38",
+    "@blocklet/labels": "2.4.38"
   },
   "peerDependencies": {
     "@arcblock/did-connect-react": "^3.1.4",
@@ -65,7 +62,7 @@
   "devDependencies": {
     "@arcblock/eslint-config-ts": "^0.3.3",
     "@babel/core": "^7.25.2",
-    "@blocklet/sdk": "^1.16.47",
+    "@blocklet/sdk": "^1.16.48",
     "@iconify-json/iconoir": "^1.2.1",
     "@iconify-json/material-symbols": "^1.2.1",
     "@iconify-json/mdi": "^1.2.0",
@@ -87,18 +84,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/components/avatars/Avatars.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { default as Avatars } from './avatars';
-declare const _default: ComponentMeta<typeof Avatars>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Avatars>;

package/dist/components/posts/Post.stories.d.ts

@@ -1,7 +0,0 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { default as Post } from './post';
-import { default as Comment } from './comment';
-declare const _default: ComponentMeta<typeof Post>;
-export default _default;
-export declare const Basic: ComponentStory<typeof Post>;
-export declare const CommentStory: ComponentStory<typeof Comment>;