@blocklet/discuss-kit-ux-lite 2.6.0

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

@@ -0,0 +1,2 @@
+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/types.d.ts

@@ -0,0 +1,84 @@
+export interface User {
+    did: string;
+    fullName: string;
+    avatar?: string;
+    role?: string;
+    passports?: string[];
+    pointInfo?: any;
+}
+export interface Post {
+    id: string;
+    author: User;
+    content: string;
+    rating?: Rating[];
+    createdAt: Date;
+    updatedAt?: Date;
+    deletedAt?: Date;
+    objectId: string;
+    replies?: Post[];
+    totalReplies?: number;
+    replyTo?: User;
+    parentId?: string;
+    rootId?: string;
+    synced?: number;
+    pinnedAt?: Date | null;
+}
+export interface Target {
+    id: string;
+    title?: string;
+    desc?: string;
+    owner?: string;
+    link?: string;
+}
+interface FetchCommentsResponse {
+    data: Post[];
+    nextCursor: string | null;
+    total: number;
+}
+type FetchComments = (params: {
+    objectId: string;
+    rootId?: string;
+    cursor?: string;
+    limit?: number;
+    order: 'asc' | 'desc';
+    skip?: boolean;
+    includeReplies?: 1 | null;
+    initialRepliesLimit?: number;
+}) => Promise<FetchCommentsResponse>;
+type FetchCommentPosition = (params: {
+    id: string;
+    objectId: string;
+    order: 'asc' | 'desc';
+    includeReplies?: 1 | null;
+}) => Promise<number | {
+    position: number;
+    rootId: string;
+}>;
+type DeleteComment = (post: Post) => Promise<any>;
+type UpdateComment = (post: Post, content: string) => Promise<any>;
+type Rate = (post: Post, value: string, ratingType: string) => Promise<any>;
+type Unrate = (post: Post) => Promise<any>;
+type Reply = (post: Post, content: string) => Promise<any>;
+export type Rating = {
+    rater: User;
+    value: string;
+};
+export type FetchRatings = (id: string) => Promise<Rating[]>;
+export interface CommentAPI {
+    fetchComments: FetchComments;
+    fetchPinnedComments: (id: string) => Promise<Post[]>;
+    fetchCommentPosition: FetchCommentPosition;
+    deleteComment: DeleteComment;
+    updateComment: UpdateComment;
+    rate: Rate;
+    unrate: Unrate;
+    reply: Reply;
+    togglePin: ({ post, value }: {
+        post: Post;
+        value: boolean;
+    }) => Promise<void>;
+}
+export type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
+    [Property in Key]-?: Type[Property];
+};
+export {};

package/dist/vite-env.d.ts

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

package/dist/ws.d.ts

@@ -0,0 +1,3 @@
+export declare function create(prefix: string): any;
+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

@@ -0,0 +1,81 @@
+{
+  "name": "@blocklet/discuss-kit-ux-lite",
+  "version": "2.6.0",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": "./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.2.19",
+    "@arcblock/react-hooks": "^3.2.19",
+    "@arcblock/ws": "^1.27.16",
+    "@blocklet/js-sdk": "^1.17.7-beta-20251225-073259-cb6ecf68",
+    "@blocklet/uploader": "^0.3.18",
+    "@emotion/css": "^11.13.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@iconify/icons-iconoir": "^1.2.30",
+    "@iconify/icons-material-symbols": "^1.2.58",
+    "@iconify/icons-mdi": "^1.2.48",
+    "@iconify/icons-tabler": "^1.2.95",
+    "@iconify/react": "^4.1.1",
+    "@lexical/react": "^0.38.2",
+    "@lexical/text": "^0.38.2",
+    "ahooks": "^3.8.1",
+    "axios": "^0.27.2",
+    "dayjs": "^1.11.13",
+    "js-cookie": "^3.0.5",
+    "lexical": "^0.38.2",
+    "murmurhash": "^2.0.1",
+    "react-helmet": "^6.1.0",
+    "react-hot-toast": "^2.4.1",
+    "react-lazy-with-preload": "^2.2.1",
+    "react-select": "^5.8.1",
+    "semver-compare": "^1.0.0",
+    "ufo": "^1.5.4",
+    "unstated-next": "^1.1.0",
+    "zustand": "^4.5.5",
+    "@blocklet/editor-lite": "2.6.0"
+  },
+  "peerDependencies": {
+    "@arcblock/did-connect-react": "^3.1.5",
+    "@arcblock/ux": "^3.1.5",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/lab": "^7.0.0-beta.14",
+    "@mui/material": "^7.1.2",
+    "clsx": "^1.2.1",
+    "lodash": "^4.17.21",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-router-dom": "^6.4.0"
+  },
+  "devDependencies": {
+    "@arcblock/eslint-config-ts": "^0.3.3",
+    "@svgr/core": "^6.5.1",
+    "@types/react": "^18.3.9",
+    "@types/react-color": "^3.0.12",
+    "@types/react-dom": "^18.3.0",
+    "@types/semver-compare": "^1.0.3",
+    "@vitejs/plugin-react": "^4.6.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "typescript": "^4.9.5",
+    "unbuild": "^3.6.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "lint": "eslint src --ext .mjs,.js,.jsx,.ts,.tsx",
+    "lint:fix": "eslint src --ext .mjs,.js,.jsx,.ts,.tsx --fix"
+  }
+}