@blocklet/discuss-kit-ux 2.4.67 → 2.4.68

package/dist/components/editor/blocklet-editor.d.ts

@@ -0,0 +1,2 @@
+export declare const BlockletEditor: import("react-lazy-with-preload").PreloadableComponent<typeof import("@blocklet/editor").default>;
+export declare const useBlockletEditorLoaded: () => boolean;

package/dist/components/editor/blocklet-editor.mjs

@@ -0,0 +1,12 @@
+import { useEffect, useState } from "react";
+import { lazyWithPreload } from "react-lazy-with-preload";
+export const BlockletEditor = lazyWithPreload(() => import("@blocklet/editor"));
+export const useBlockletEditorLoaded = () => {
+  const [loaded, setLoaded] = useState(false);
+  useEffect(() => {
+    BlockletEditor.preload().then(() => {
+      setLoaded(true);
+    });
+  }, []);
+  return loaded;
+};

package/dist/components/editor/editor.mjs

@@ -3,11 +3,10 @@ import { Box, styled } from "@mui/material";
 import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangePlugin";
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
-import { lazyRetry as lazy } from "@arcblock/ux/lib/Util";
 import { isEmptyContent, inferInitialEditorState, stringify, getExcerptSync } from "../lexical.mjs";
 import ImagePathFixerPlugin from "../input/image-path-fixer-plugin.mjs";
 import { VideoPathFixerPlugin } from "./plugins/video-path-fixer-plugin.mjs";
-const BlockletEditor = lazy(() => import("@blocklet/editor"));
+import { BlockletEditor } from "./blocklet-editor.mjs";
 const Root = styled(Box)`
   .be-editable,
   .be-content {

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

@@ -1,3 +1,4 @@
 export { default as LazyEditor } from './lazy-editor';
 export type { OnChangeHandler, EditorProps } from './editor';
 export { EditorPreview } from './preview';
+export { BlockletEditor, useBlockletEditorLoaded } from './blocklet-editor';

package/dist/components/editor/index.mjs

@@ -1,2 +1,3 @@
 export { default as LazyEditor } from "./lazy-editor.mjs";
 export { EditorPreview } from "./preview.mjs";
+export { BlockletEditor, useBlockletEditorLoaded } from "./blocklet-editor.mjs";

package/dist/components/editor/preview.mjs

@@ -1,11 +1,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense } from "react";
-import { lazyRetry as lazy } from "@arcblock/ux/lib/Util";
 import { Skeleton } from "@mui/material";
 import { inferInitialEditorState } from "../lexical.mjs";
 import ImagePathFixerPlugin from "../input/image-path-fixer-plugin.mjs";
 import { VideoPathFixerPlugin } from "./plugins/video-path-fixer-plugin.mjs";
-const BlockletEditor = lazy(() => import("@blocklet/editor"));
+import { BlockletEditor } from "./blocklet-editor.mjs";
 const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(Skeleton, {}),
   /* @__PURE__ */ jsx(Skeleton, { width: "80%" }),

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

@@ -1,4 +1,4 @@
-export { default as Input, preloadInput } from './input';
+export { default as Input } from './input';
 export { default as CommentInput } from './comment-input';
 export { default as PostEdit } from './post-edit';
 export { default as ScrollableEditorWrapper } from './scrollable-editor-wrapper';

package/dist/components/input/index.mjs

@@ -1,4 +1,4 @@
-export { default as Input, preloadInput } from "./input.mjs";
+export { default as Input } from "./input.mjs";
 export { default as CommentInput } from "./comment-input.mjs";
 export { default as PostEdit } from "./post-edit.mjs";
 export { default as ScrollableEditorWrapper } from "./scrollable-editor-wrapper.mjs";

package/dist/components/input/input.d.ts

@@ -1,7 +1,6 @@
 import { MutableRefObject } from 'react';
 import { type BoxProps } from '@mui/material';
 import type { EditorState, LexicalEditor } from 'lexical';
-export declare const preloadInput: () => Promise<typeof import("@blocklet/editor").default>;
 export type Send = (content: string) => Promise<any>;
 export interface RenderProps {
     content: EditorState | null;

package/dist/components/input/input.mjs

@@ -4,7 +4,6 @@ import { useState, useRef } from "react";
 import { Box } from "@mui/material";
 import isNil from "lodash/isNil";
 import { EditorConfigProvider, useEditorConfig } from "@blocklet/editor/lib/config";
-import { lazyWithPreload } from "react-lazy-with-preload";
 import { isEmptyContent, inferInitialEditorState } from "../lexical.mjs";
 import ShortcutPlugin from "./shortcut-plugin.mjs";
 import ImagePathFixerPlugin from "./image-path-fixer-plugin.mjs";
@@ -13,8 +12,7 @@ import AutoClearPlugin from "./auto-clear-plugin.mjs";
 import useMeasure from "../hooks/measure.mjs";
 import { mergeSx } from "../utils.mjs";
 import { MAX_COMMENT_LENGTH } from "../../constants.mjs";
-const BlockletEditor = lazyWithPreload(() => import("@blocklet/editor"));
-export const preloadInput = () => BlockletEditor.preload();
+import { BlockletEditor } from "../editor/blocklet-editor.mjs";
 const Input = ({
   initialContent = "",
   send,

package/dist/components/posts/post-content.d.ts

@@ -10,6 +10,7 @@ interface Props {
     onReady?: () => void;
     children?: React.ReactNode;
     editorPrepend?: React.ReactNode;
+    editorFallback?: React.ReactNode;
 }
-export default function PostContent({ content, editing, onExitEditing, onSubmit, autoCollapse, enableHeadingsIdPlugin, onReady, children, editorPrepend, ...rest }: Props): import("react").JSX.Element;
+export default function PostContent({ content, editing, onExitEditing, onSubmit, autoCollapse, enableHeadingsIdPlugin, onReady, children, editorPrepend, editorFallback, ...rest }: Props): import("react").JSX.Element;
 export {};

package/dist/components/posts/post-content.mjs

@@ -1,15 +1,15 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense } from "react";
-import { lazyRetry as lazy } from "@arcblock/ux/lib/Util";
 import CheckboxPlugin from "@blocklet/editor/lib/ext/CheckboxPlugin";
 import { styled } from "@mui/material/styles";
 import Box from "@mui/material/Box";
+import { Skeleton } from "@mui/material";
 import { inferInitialEditorState } from "../lexical.mjs";
 import { ViewMore } from "../view-more.mjs";
 import PostEdit from "../input/post-edit.mjs";
 import ImagePathFixerPlugin from "../input/image-path-fixer-plugin.mjs";
 import { VideoPathFixerPlugin } from "../editor/plugins/video-path-fixer-plugin.mjs";
-const BlockletEditor = lazy(() => import("@blocklet/editor"));
+import { BlockletEditor } from "../editor/blocklet-editor.mjs";
 const StyledBlockletEditor = styled(BlockletEditor)`
   .editor-scroller {
     min-height: initial;
@@ -32,6 +32,7 @@ export default function PostContent({
   onReady,
   children,
   editorPrepend,
+  editorFallback,
   ...rest
 }) {
   if (editing && onSubmit) {
@@ -45,8 +46,14 @@ export default function PostContent({
       }
     );
   }
+  const fallback = editorFallback || /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
+    /* @__PURE__ */ jsx(Skeleton, {}),
+    /* @__PURE__ */ jsx(Skeleton, { width: "80%" }),
+    /* @__PURE__ */ jsx(Skeleton, { width: "60%" }),
+    /* @__PURE__ */ jsx(Skeleton, { width: "40%" })
+  ] });
   if (!autoCollapse) {
-    return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsxs(
       StyledBlockletEditor,
       {
         editable: false,
@@ -65,7 +72,7 @@ export default function PostContent({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ViewMore, { ...rest, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(ViewMore, { ...rest, children: /* @__PURE__ */ jsxs(
     StyledBlockletEditor,
     {
       editable: false,

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export * from '@blocklet/labels';
 export * from './theme';
-export { Input, CommentInput, preloadInput, ScrollableEditorWrapper } from './components/input';
+export { Input, CommentInput, ScrollableEditorWrapper } from './components/input';
 export * from './components/avatars';
 export * from './components/posts';
 export * from './components/rating';

package/dist/index.mjs

@@ -1,6 +1,6 @@
 export * from "@blocklet/labels";
 export * from "./theme/index.mjs";
-export { Input, CommentInput, preloadInput, ScrollableEditorWrapper } from "./components/input/index.mjs";
+export { Input, CommentInput, ScrollableEditorWrapper } from "./components/input/index.mjs";
 export * from "./components/avatars/index.mjs";
 export * from "./components/posts/index.mjs";
 export * from "./components/rating/index.mjs";

package/package.json

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