@blocklet/discuss-kit-ux 2.4.122 → 2.4.124

package/dist/components/chat/chat-input.mjs

@@ -218,7 +218,6 @@ export function ChatInput({ initialContent, send, onContentChange, onFocusChange
                   children: /* @__PURE__ */ jsxs(
                     LazyEditor,
                     {
-                      enableSaveAreaPlugin: false,
                       initialContent: initialContent || "",
                       onChange: ({ content: contentStr, isEmpty }) => {
                         const value = isEmpty ? "" : contentStr;

package/dist/components/chat/chat-room.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
+import { lazy, useEffect, useRef } from "react";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import CircularProgress from "@mui/material/CircularProgress";
@@ -18,8 +18,8 @@ import { Menu } from "../posts/index.mjs";
 import { useConfirm } from "../confirm.mjs";
 import { Back } from "../back.mjs";
 import { useChatInWallet } from "./hooks.mjs";
-import { ChatInput } from "./chat-input.mjs";
 import { Avatar } from "../avatars/index.mjs";
+const ChatInput = lazy(() => import("./chat-input.mjs").then((mod) => ({ default: mod.ChatInput })));
 function getLineClamp(count) {
   return {
     display: "-webkit-box",

package/dist/components/chat/context.mjs

@@ -6,7 +6,7 @@ import uniqBy from "lodash/uniqBy";
 import orderBy from "lodash/orderBy";
 import { useSessionContext } from "../hooks/index.mjs";
 import { useUnreadNotification } from "./unread-notification.mjs";
-import { getExcerptFromLexicalContent } from "../utils.mjs";
+import { getExcerptFromLexicalContent } from "../lexical.mjs";
 const ChatContext = createContext({});
 export const useChatContext = () => useContext(ChatContext);
 const uniqAndSort = (list, order = "asc") => {

package/dist/components/default-editor-config-provider.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import type { AxiosInstance } from 'axios';
-export default function DefaultEditorConfigProvider({ request, children, }: {
+import type { EditorConfig } from '@blocklet/editor/lib/config';
+export default function DefaultEditorConfigProvider({ request, children, editorConfig, }: {
     request: AxiosInstance;
     children: React.ReactNode;
+    editorConfig?: EditorConfig;
 }): import("react").JSX.Element;

package/dist/components/default-editor-config-provider.mjs

@@ -11,7 +11,8 @@ const baseURL = joinURL(window.location.origin, discussKitMountPoint || "");
 let cachedTemplateList = null;
 export default function DefaultEditorConfigProvider({
   request,
-  children
+  children,
+  editorConfig
 }) {
   const downMd = useMediaQuery((theme) => theme.breakpoints.down("md"));
   const { session } = useSessionContext();
@@ -101,7 +102,7 @@ export default function DefaultEditorConfigProvider({
         alignLeft: true
       }
     };
-    return value;
-  }, [isAdmin, request, session?.user?.did, downMd]);
+    return { ...value, ...editorConfig };
+  }, [isAdmin, request, session?.user?.did, downMd, editorConfig]);
   return /* @__PURE__ */ jsx(EditorConfigProvider, { value: config, children });
 }

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

@@ -1,19 +1,17 @@
 /// <reference types="react" />
 import type { BlockletEditorProps } from '@blocklet/editor';
 import type { EditorState, LexicalEditor } from 'lexical';
-export type OnChangeHandler = ({ content, editorState, editor, isEmpty, getExcerpt, }: {
+export type OnChangeHandler = ({ content, editorState, editor, isEmpty, }: {
     content: string;
     editorState: EditorState;
     editor: LexicalEditor;
     isEmpty: boolean;
-    getExcerpt: () => string;
 }) => void;
 export interface EditorProps extends Omit<BlockletEditorProps, 'onChange' | 'ref'> {
     initialContent?: string;
     onChange?: OnChangeHandler;
     children?: React.ReactNode;
     onSave?: () => void;
-    enableSaveAreaPlugin?: boolean;
     ignoreInitialChange?: boolean;
 }
-export default function Editor({ initialContent, onChange, children, onSave, enableSaveAreaPlugin, ignoreInitialChange, ...rest }: EditorProps): import("react").JSX.Element;
+export default function Editor({ initialContent, onChange, children, onSave, ignoreInitialChange, ...rest }: EditorProps): import("react").JSX.Element;

package/dist/components/editor/editor.mjs

@@ -2,10 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 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 { 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";
+import { isEmptyContent, stringify } from "../lexical.mjs";
 import { BlockletEditor } from "./blocklet-editor.mjs";
 const Root = styled(Box)`
   .be-editable,
@@ -18,26 +15,21 @@ export default function Editor({
   onChange,
   children,
   onSave,
-  enableSaveAreaPlugin = true,
   ignoreInitialChange = true,
   ...rest
 }) {
   const handleChange = async (editorState, editor) => {
-    const isEmpty = await isEmptyContent(editorState, editor);
+    const isEmpty = await isEmptyContent(editorState);
     onChange?.({
       content: isEmpty ? "" : stringify(editorState),
       editorState,
       editor,
-      isEmpty,
-      getExcerpt: () => getExcerptSync(editorState)
+      isEmpty
     });
   };
-  return /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsxs(BlockletEditor, { editorState: rest.markdown ? initialContent : inferInitialEditorState(initialContent), ...rest, children: [
-    /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-    /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
+  return /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsxs(BlockletEditor, { editorState: initialContent, ...rest, children: [
     /* @__PURE__ */ jsx(OnContentChangePlugin, { onChange: handleChange, ignoreInitialChange }),
     onSave && /* @__PURE__ */ jsx(CtrlsShortcutPlugin, { callback: onSave }),
-    enableSaveAreaPlugin && /* @__PURE__ */ jsx(SafeAreaPlugin, {}),
     children
   ] }) });
 }

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

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

package/dist/components/editor/index.mjs

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

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { EditorProps } from './editor';
-export default function LazyEditor(props: EditorProps): import("react").JSX.Element;
+export declare function LazyEditor(props: EditorProps): import("react").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Suspense } from "react";
 import { lazyRetry as lazy } from "@arcblock/ux/lib/Util";
 import { Box, Skeleton } from "@mui/material";
 const Editor = lazy(() => import("./editor.mjs"));
-export default function LazyEditor(props) {
+export function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
     /* @__PURE__ */ jsx(Skeleton, { width: "80%" }),

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

@@ -4,4 +4,7 @@ export interface EditorProps extends Omit<EditorViewerProps, 'editorState'> {
     content: string;
 }
 export declare function BlockletEditorViewer({ content, prepend, ...rest }: EditorProps): import("react").JSX.Element;
+export declare namespace BlockletEditorViewer {
+    var fallback: import("react").JSX.Element;
+}
 export { useBlockletEditorViewerLoaded };

package/dist/components/editor/viewer.mjs

@@ -5,9 +5,6 @@ import {
   BlockletEditorViewer as InternalBlockletEditorViewer,
   useBlockletEditorViewerLoaded
 } from "@blocklet/editor/lib/blocklet-editor-viewer";
-import { inferInitialEditorState } from "../lexical.mjs";
-import ImagePathFixerPlugin from "../input/image-path-fixer-plugin.mjs";
-import { VideoPathFixerPlugin } from "./plugins/video-path-fixer-plugin.mjs";
 const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(Skeleton, {}),
   /* @__PURE__ */ jsx(Skeleton, { width: "80%" }),
@@ -15,17 +12,7 @@ const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(Skeleton, { width: "40%" })
 ] });
 export function BlockletEditorViewer({ content, prepend, ...rest }) {
-  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(
-    InternalBlockletEditorViewer,
-    {
-      editorState: inferInitialEditorState(content),
-      prepend: /* @__PURE__ */ jsxs(Fragment, { children: [
-        prepend,
-        /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {})
-      ] }),
-      ...rest
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(InternalBlockletEditorViewer, { editorState: content, prepend, ...rest }) });
 }
+BlockletEditorViewer.fallback = fallback;
 export { useBlockletEditorViewerLoaded };

package/dist/components/input/input.mjs

@@ -4,10 +4,8 @@ import { useState, useRef } from "react";
 import { Box } from "@mui/material";
 import isNil from "lodash/isNil";
 import { EditorConfigProvider, useEditorConfig } from "@blocklet/editor/lib/config";
-import { isEmptyContent, inferInitialEditorState } from "../lexical.mjs";
+import { isEmptyContent } from "../lexical.mjs";
 import ShortcutPlugin from "./shortcut-plugin.mjs";
-import ImagePathFixerPlugin from "./image-path-fixer-plugin.mjs";
-import { VideoPathFixerPlugin } from "../editor/plugins/video-path-fixer-plugin.mjs";
 import AutoClearPlugin from "./auto-clear-plugin.mjs";
 import useMeasure from "../hooks/measure.mjs";
 import { mergeSx } from "../utils.mjs";
@@ -50,8 +48,8 @@ const Input = ({
       sessionStorage.removeItem(`${sessionKey}:title`);
     }
   };
-  const handleChange = async (state, editor) => {
-    const isEmpty = await isEmptyContent(state, editor);
+  const handleChange = async (state) => {
+    const isEmpty = await isEmptyContent(state);
     if (isEmpty) {
       setContent(null);
       onChange?.(null);
@@ -112,7 +110,7 @@ const Input = ({
       alignLeft: false
     }
   };
-  const editorState = draftKey && draftContent && !initialContent ? draftContent : inferInitialEditorState(initialContent);
+  const editorState = draftKey && draftContent && !initialContent ? draftContent : initialContent;
   const mergedSx = mergeSx(
     {
       position: "relative",
@@ -138,8 +136,6 @@ const Input = ({
       autoFocus,
       children: [
         !disableCmdEnter && /* @__PURE__ */ jsx(ShortcutPlugin, { shortcut, callback: handleCmdEnterPressed }),
-        /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
         /* @__PURE__ */ jsx(AutoClearPlugin, { value: content, isChanged: isChanged.current }),
         children,
         renderInnerFooter?.({ submit, content, loading, error, inSmallView })

package/dist/components/lexical.d.ts

@@ -1,20 +1,10 @@
-import { EditorState, LexicalEditor } from 'lexical';
-export declare const getTextContent: (editorState: EditorState) => Promise<string>;
+import type { EditorState } from 'lexical';
+export declare const getExcerptFromLexicalContent: (content: any, size?: number) => string;
 /**
  * 检查 editor 内容是否为空
  * - 从 editor state strcuture 判断是否为空
  * - 检查是否只有 text node, 如果不是说明不为空 (仅输入一张图片的情况)
  * - 检查 text content 空白/空行 的情况 (trim)
  */
-export declare const isEmptyContent: (editorState: EditorState, editor: LexicalEditor) => boolean | Promise<boolean>;
-/**
- * 推断 editor 初始 state, 如果是有效的 json string 直接返回, 否则返回一个 function (参考 InitialEditorStateType), 则插一个段落
- * 注意: str 默认值需要为空字符串, 否则如果传入并返回 null, editor placeholder 光标存在位置问题
- *
- * @param str 串行化的 editor state 或普通字符串
- * @returns initial editor state
- */
-export declare const inferInitialEditorState: (str: string) => string | (() => void);
-export declare const getExcerpt: (editorState: EditorState | null | undefined) => "" | Promise<string>;
-export declare const getExcerptSync: (editorState: EditorState | null | undefined) => string;
+export declare const isEmptyContent: (editorState: EditorState) => boolean;
 export declare const stringify: (editorState: EditorState | null | undefined) => string;

package/dist/components/lexical.mjs

@@ -1,16 +1,40 @@
-import { $createParagraphNode, $createTextNode, $getRoot } from "lexical";
-import { $isRootTextContentEmpty } from "@lexical/text";
-import { tryParseJSONObject } from "./utils.mjs";
-export const getTextContent = (editorState) => {
-  return new Promise((resolve) => {
-    editorState.read(() => {
-      const root = $getRoot();
-      const text = root.getTextContent();
-      resolve(text);
-    });
-  });
+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 isEmptyContent = (editorState, editor) => {
+export const isEmptyContent = (editorState) => {
   const data = editorState.toJSON();
   if (data.root.children?.length === 1 && !data.root.children[0].children?.length) {
     return true;
@@ -24,45 +48,8 @@ export const isEmptyContent = (editorState, editor) => {
   if (!textOnly) {
     return false;
   }
-  return new Promise((resolve) => {
-    editorState.read(() => {
-      resolve($isRootTextContentEmpty(editor.isComposing(), true));
-    });
-  });
-};
-export const inferInitialEditorState = (str) => {
-  str = str ?? "";
-  if (typeof str === "string" && !tryParseJSONObject(str)) {
-    return () => {
-      const paragraph = $createParagraphNode();
-      const text = $createTextNode(str);
-      paragraph.append(text);
-      $getRoot().append(paragraph);
-    };
-  }
-  return str;
-};
-export const getExcerpt = (editorState) => {
-  if (!editorState) {
-    return "";
-  }
-  return new Promise((resolve) => {
-    editorState.read(() => {
-      const root = $getRoot();
-      const text = root.getTextContent();
-      resolve(text.replace(/\n/g, "").slice(0, 150));
-    });
-  });
-};
-export const getExcerptSync = (editorState) => {
-  if (!editorState) {
-    return "";
-  }
-  return editorState.read(() => {
-    const root = $getRoot();
-    const text = root.getTextContent();
-    return text.replace(/\n/g, "").slice(0, 150);
-  });
+  const text = lexicalRootToText(data.root);
+  return !text.trim();
 };
 export const stringify = (editorState) => {
   return editorState ? JSON.stringify(editorState) : "";

package/dist/components/point-up/index.mjs

@@ -4,7 +4,7 @@ import { createPortal } from "react-dom";
 import { useReactive } from "ahooks";
 import Box from "@mui/material/Box";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import joinUrl from "url-join";
+import { joinURL } from "ufo";
 import LottieComponent from "./lottie-component.mjs";
 import boxAnimation from "./box-animation.json";
 import { getWsClient, useSubscription } from "../../ws.mjs";
@@ -126,7 +126,7 @@ export function PointUpProvider({ children }) {
         Box,
         {
           onClick: () => {
-            window.open(joinUrl(window.location.origin, pointUpComponent.mountPoint, "my"));
+            window.open(joinURL(window.location.origin, pointUpComponent.mountPoint, "my"));
           },
           id,
           sx: {

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

@@ -1,14 +1,11 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Suspense } from "react";
 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";
 import { BlockletEditor } from "../editor/blocklet-editor.mjs";
 const StyledBlockletEditor = styled(BlockletEditor)`
   .editor-scroller {
@@ -57,14 +54,10 @@ export default function PostContent({
       StyledBlockletEditor,
       {
         editable: false,
-        editorState: inferInitialEditorState(content),
+        editorState: content,
         enableHeadingsIdPlugin,
         onReady,
-        prepend: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-          /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
-          editorPrepend
-        ] }),
+        prepend: editorPrepend,
         children: [
           /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit }),
           children
@@ -76,14 +69,10 @@ export default function PostContent({
     StyledBlockletEditor,
     {
       editable: false,
-      editorState: inferInitialEditorState(content),
+      editorState: content,
       enableHeadingsIdPlugin,
       onReady,
-      prepend: /* @__PURE__ */ jsxs(Fragment, { children: [
-        editorPrepend,
-        /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {})
-      ] }),
+      prepend: editorPrepend,
       children: [
         /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit }),
         children

package/dist/components/utils.d.ts

@@ -11,7 +11,6 @@ export declare function tryParseJSONObject(str: string): boolean;
 export declare const getPreference: (key: string) => any;
 export declare const getBlockletMountPointInfo: (name: string) => any;
 export declare const blockletExists: (name: string) => boolean;
-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 discussKitApiBaseUrl: string;

package/dist/components/utils.mjs

@@ -77,42 +77,6 @@ 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;

package/package.json

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

package/dist/components/editor/plugins/video-path-fixer-plugin.d.ts

@@ -1 +0,0 @@
-export declare function VideoPathFixerPlugin(): null;

package/dist/components/editor/plugins/video-path-fixer-plugin.mjs

@@ -1,29 +0,0 @@
-import { useLayoutEffect } from "react";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { VideoNode } from "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
-import { joinURL } from "ufo";
-import { discussKitUploadsUrl } from "../../utils.mjs";
-const originalExportJSON = VideoNode.prototype.exportJSON;
-const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
-VideoNode.prototype.exportJSON = function exportJSON() {
-  const json = originalExportJSON.call(this);
-  if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
-    json.src = json.src.replace(discussKitUploadsUrl, "");
-    json.src = ensureLeadingSlash(json.src);
-  }
-  return json;
-};
-function VideoNodeTransform(node) {
-  const targetNode = node;
-  const src = targetNode.getSrc();
-  if (src?.startsWith("/") && !src.startsWith(discussKitUploadsUrl)) {
-    targetNode.setSrc(joinURL(discussKitUploadsUrl, src));
-  }
-}
-export function VideoPathFixerPlugin() {
-  const [editor] = useLexicalComposerContext();
-  useLayoutEffect(() => {
-    return editor.registerNodeTransform(VideoNode, VideoNodeTransform);
-  }, [editor]);
-  return null;
-}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { BlockletEditorProps } from '@blocklet/editor';
-export interface EditorProps extends Omit<BlockletEditorProps, 'onChange' | 'ref'> {
-    content: string;
-    children?: React.ReactNode;
-}
-export declare function EditorPreview({ content, children, prepend, ...rest }: EditorProps): import("react").JSX.Element;
-export declare namespace EditorPreview {
-    var fallback: import("react").JSX.Element;
-}

package/dist/components/editor/preview.mjs

@@ -1,31 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Suspense } from "react";
-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";
-import { BlockletEditor } from "./blocklet-editor.mjs";
-const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Skeleton, {}),
-  /* @__PURE__ */ jsx(Skeleton, { width: "80%" }),
-  /* @__PURE__ */ jsx(Skeleton, { width: "60%" }),
-  /* @__PURE__ */ jsx(Skeleton, { width: "40%" })
-] });
-export function EditorPreview({ content, children, prepend, ...rest }) {
-  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(
-    BlockletEditor,
-    {
-      editorState: inferInitialEditorState(content),
-      editable: false,
-      enableHeadingsIdPlugin: true,
-      prepend: /* @__PURE__ */ jsxs(Fragment, { children: [
-        prepend,
-        /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {})
-      ] }),
-      ...rest,
-      children
-    }
-  ) });
-}
-EditorPreview.fallback = fallback;

package/dist/components/input/image-path-fixer-plugin.d.ts

@@ -1 +0,0 @@
-export default function ImagePathFixerPlugin(): null;

package/dist/components/input/image-path-fixer-plugin.mjs

@@ -1,29 +0,0 @@
-import { useLayoutEffect } from "react";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
-import { joinURL } from "ufo";
-import { discussKitUploadsUrl } from "../utils.mjs";
-const originalExportJSON = ImageNode.prototype.exportJSON;
-const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
-ImageNode.prototype.exportJSON = function exportJSON() {
-  const json = originalExportJSON.call(this);
-  if (json.src && json.src.startsWith(discussKitUploadsUrl)) {
-    json.src = json.src.replace(discussKitUploadsUrl, "");
-    json.src = ensureLeadingSlash(json.src);
-  }
-  return json;
-};
-function imageNodeTransform(node) {
-  const targetNode = node;
-  const src = targetNode.getSrc();
-  if (src?.startsWith("/") && !src.startsWith(discussKitUploadsUrl)) {
-    targetNode.setSrc(joinURL(discussKitUploadsUrl, src));
-  }
-}
-export default function ImagePathFixerPlugin() {
-  const [editor] = useLexicalComposerContext();
-  useLayoutEffect(() => {
-    return editor.registerNodeTransform(ImageNode, imageNodeTransform);
-  }, [editor]);
-  return null;
-}