@blocklet/discuss-kit-ux 1.5.186 → 1.5.188

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

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

package/dist/{editor-c429bd0d.mjs → editor-90305710.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 { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-625024f0.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-20737352.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";
@@ -15,6 +15,7 @@ import "@lexical/text";
 import "url-join";
 import "@lexical/react/LexicalComposerContext";
 import "@blocklet/editor/lib/main/nodes/ImageNode";
+import "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
 import "ahooks";
 import "@mui/lab/LoadingButton";
 import "@mui/icons-material";
@@ -81,6 +82,7 @@ function Editor({ initialContent, onChange, children, onSave, ...rest }) {
   };
   return /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsxs(BlockletEditor, { editorState: inferInitialEditorState(initialContent), ...rest, children: [
     /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
+    /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
     /* @__PURE__ */ jsx(OnContentChangePlugin, { onChange: handleChange }),
     onSave && /* @__PURE__ */ jsx(CtrlsShortcutPlugin, { callback: onSave }),
     /* @__PURE__ */ jsx(SafeAreaPlugin, {}),

package/dist/{index-625024f0.mjs → index-20737352.mjs}

@@ -17,6 +17,7 @@ import { $isRootTextContentEmpty } from "@lexical/text";
 import joinUrl from "url-join";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
+import { VideoNode } from "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
 import { useSize, useSetState, useGetState, useReactive } from "ahooks";
 import LoadingButton from "@mui/lab/LoadingButton";
 import { Send, Save, ChatBubbleOutlineOutlined, MoreVert, AddReactionOutlined, NavigateNext, DeleteOutlineOutlined, ContentCopy, ArrowUpward, ArrowDownward, ArrowBackIos, Add } from "@mui/icons-material";
@@ -174,7 +175,7 @@ const getBlockletMountPointInfo = (name) => {
 };
 const blockletExists = (name) => {
   const info = getBlockletMountPointInfo(name);
-  return (info == null ? void 0 : info.status) === '"running"';
+  return (info == null ? void 0 : info.status) === "running";
 };
 const inferDiscussKitApiPrefix = () => {
   const service = getBlockletMountPointInfo("did-comments");
@@ -294,13 +295,13 @@ function CmdEnterShortcutPlugin({ callback, shortcut = "CMD_ENTER" }) {
   }, [editor, callback]);
   return null;
 }
-const UPLOADS_PREFIX = "/uploads";
-const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX);
-const originalExportJSON = ImageNode.prototype.exportJSON;
+const UPLOADS_PREFIX$1 = "/uploads";
+const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX$1);
+const originalExportJSON$1 = ImageNode.prototype.exportJSON;
 const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
 const stripResizeQuery = (str) => str.split("?").shift();
 ImageNode.prototype.exportJSON = function exportJSON() {
-  const json = originalExportJSON.call(this);
+  const json = originalExportJSON$1.call(this);
   if (json.src && json.src.startsWith(IMAGE_URL_PREFIX)) {
     json.src = json.src.replace(IMAGE_URL_PREFIX, "");
     json.src = ensureLeadingSlash(json.src);
@@ -332,6 +333,30 @@ function ImagePathFixerPlugin() {
   }, [editor]);
   return null;
 }
+const UPLOADS_PREFIX = joinUrl(inferDiscussKitApiPrefix(), "/uploads");
+const originalExportJSON = VideoNode.prototype.exportJSON;
+VideoNode.prototype.exportJSON = function exportJSON2() {
+  const json = originalExportJSON.call(this);
+  if (this.__originalSrc__ !== void 0) {
+    json.src = this.__originalSrc__;
+  }
+  return json;
+};
+function VideoNodeTransform(node) {
+  const targetNode = node;
+  const src = targetNode.getSrc();
+  if ((src == null ? void 0 : src.startsWith("/")) && targetNode.__originalSrc__ === void 0) {
+    targetNode.setSrc(joinUrl(UPLOADS_PREFIX, src));
+    targetNode.__originalSrc__ = src;
+  }
+}
+function VideoPathFixerPlugin() {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerNodeTransform(VideoNode, VideoNodeTransform);
+  }, [editor]);
+  return null;
+}
 function AutoClearPlugin({ value, isChanged }) {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
@@ -472,6 +497,7 @@ const Input = ({
       children: [
         /* @__PURE__ */ jsx(CmdEnterShortcutPlugin, { shortcut, callback: handleCmdEnterPressed }),
         /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
+        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
         /* @__PURE__ */ jsx(AutoClearPlugin, { value: content, isChanged: isChanged.current }),
         children
       ]
@@ -1108,6 +1134,7 @@ function PostContent({
   if (!autoCollapse) {
     return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsxs(StyledBlockletEditor, { editable: false, editorState: inferInitialEditorState(content), children: [
       /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
+      /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
       /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit })
     ] }) });
   }
@@ -2374,9 +2401,9 @@ function UploaderProvider({ children }) {
               "image/jpeg",
               "image/gif",
               "image/webp",
-              "image/svg+xml"
-              // 'video/mp4',
-              // 'video/webm',
+              "image/svg+xml",
+              "video/mp4",
+              "video/webm"
             ],
             maxNumberOfFiles: void 0
             // default is unlimited
@@ -4313,7 +4340,7 @@ function Pagination({ page, size = 20, total, onChange, routerMode = true, ...re
     }
   );
 }
-const Editor = lazy(() => import("./editor-c429bd0d.mjs"));
+const Editor = lazy(() => import("./editor-90305710.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -4333,6 +4360,7 @@ function EditorPreview({ content, children, ...rest }) {
   ] });
   return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsxs(BlockletEditor, { editorState: inferInitialEditorState(content), editable: false, ...rest, children: [
     /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
+    /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
     children
   ] }) });
 }
@@ -10157,7 +10185,7 @@ function PointUpProvider({ children }) {
   ] });
 }
 export {
-  useConfirm as $,
+  ConfirmContext as $,
   Avatar as A,
   BinaryThumb as B,
   CommentInput as C,
@@ -10179,33 +10207,34 @@ export {
   ScrollableEditorWrapper as S,
   ChatHeaderAddon as T,
   useChatContext as U,
-  ChatProvider as V,
-  UnreadNotificationContext as W,
-  useUnreadNotification as X,
-  UnreadNotificationProvider as Y,
-  Confirm as Z,
-  ConfirmContext as _,
+  VideoPathFixerPlugin as V,
+  ChatProvider as W,
+  UnreadNotificationContext as X,
+  useUnreadNotification as Y,
+  UnreadNotificationProvider as Z,
+  Confirm as _,
   isEmptyContent as a,
-  ConfirmProvider as a0,
-  SecureLabelPicker as a1,
-  useApiErrorHandler as a2,
-  useDefaultApiErrorHandler as a3,
-  PreviousLocationRecorder as a4,
-  Back as a5,
-  LazyEditor as a6,
-  EditorPreview as a7,
-  DirtyPromptContainer as a8,
-  ConfirmNavigation as a9,
-  UploaderContext as aa,
-  useUploader as ab,
-  UploaderTrigger as ac,
-  UploaderProvider as ad,
-  composeImageUrl as ae,
-  usePointUpContext as af,
-  PointUpProvider as ag,
-  create as ah,
-  getWsClient as ai,
-  useSubscription as aj,
+  useConfirm as a0,
+  ConfirmProvider as a1,
+  SecureLabelPicker as a2,
+  useApiErrorHandler as a3,
+  useDefaultApiErrorHandler as a4,
+  PreviousLocationRecorder as a5,
+  Back as a6,
+  LazyEditor as a7,
+  EditorPreview as a8,
+  DirtyPromptContainer as a9,
+  ConfirmNavigation as aa,
+  UploaderContext as ab,
+  useUploader as ac,
+  UploaderTrigger as ad,
+  UploaderProvider as ae,
+  composeImageUrl as af,
+  usePointUpContext as ag,
+  PointUpProvider as ah,
+  create as ai,
+  getWsClient as aj,
+  useSubscription as ak,
   InternalThemeProvider as b,
   Input as c,
   translations as d,

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { K, j, N, A, h, a5, B, z, y, E, Q, O, T, V, o, C, q, v, x, Z, _, a9, a0, H, J, D, a8, a7, G, c, b, a6, M, P, ag, n, m, a4, R, S, a1, k, W, Y, aa, ad, ac, ae, ah, F, ai, l, p, r, t, d, a2, L, e, U, w, $, a3, u, af, aj, X, ab, f } from "./index-625024f0.mjs";
+import { K, j, N, A, h, a6, B, z, y, E, Q, O, T, W, o, C, q, v, x, _, $, aa, a1, H, J, D, a9, a8, G, c, b, a7, M, P, ah, n, m, a5, R, S, a2, k, X, Z, ab, ae, ad, af, ai, F, aj, l, p, r, t, d, a3, L, e, U, w, a0, a4, u, ag, ak, Y, ac, f } from "./index-20737352.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -17,6 +17,7 @@ import "@lexical/text";
 import "url-join";
 import "@lexical/react/LexicalComposerContext";
 import "@blocklet/editor/lib/main/nodes/ImageNode";
+import "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
 import "ahooks";
 import "@mui/material/Alert";
 import "@arcblock/did-connect/lib/Avatar";
@@ -64,7 +65,7 @@ export {
   N as AuthzProvider,
   A as Avatar,
   h as Avatars,
-  a5 as Back,
+  a6 as Back,
   B as BinaryThumb,
   z as BlogCard,
   y as BlogList,
@@ -72,60 +73,60 @@ export {
   Q as Chat,
   O as ChatClient,
   T as ChatHeaderAddon,
-  V as ChatProvider,
+  W as ChatProvider,
   o as Comment,
   C as CommentInput,
   q as CommentList,
   v as CommentsContext,
   x as CommentsProvider,
-  Z as Confirm,
-  _ as ConfirmContext,
-  a9 as ConfirmNavigation,
-  a0 as ConfirmProvider,
+  _ as Confirm,
+  $ as ConfirmContext,
+  aa as ConfirmNavigation,
+  a1 as ConfirmProvider,
   H as CoverImage,
   J as CoverImageUpload,
   D as DefaultEditorConfigProvider,
-  a8 as DirtyPromptContainer,
-  a7 as EditorPreview,
+  a9 as DirtyPromptContainer,
+  a8 as EditorPreview,
   G as GithubReaction,
   c as Input,
   b as InternalThemeProvider,
-  a6 as LazyEditor,
+  a7 as LazyEditor,
   M as Menu,
   P as Pagination,
-  ag as PointUpProvider,
+  ah as PointUpProvider,
   n as Post,
   m as PostContent,
-  a4 as PreviousLocationRecorder,
+  a5 as PreviousLocationRecorder,
   R as RelativeTime,
   S as ScrollableEditorWrapper,
-  a1 as SecureLabelPicker,
+  a2 as SecureLabelPicker,
   k as SystemUser,
-  W as UnreadNotificationContext,
-  Y as UnreadNotificationProvider,
-  aa as UploaderContext,
-  ad as UploaderProvider,
-  ac as UploaderTrigger,
-  ae as composeImageUrl,
-  ah as create,
+  X as UnreadNotificationContext,
+  Z as UnreadNotificationProvider,
+  ab as UploaderContext,
+  ae as UploaderProvider,
+  ad as UploaderTrigger,
+  af as composeImageUrl,
+  ai as create,
   F as getBlogLink,
-  ai as getWsClient,
+  aj as getWsClient,
   l as lexicalUtils,
   p as preferences,
   r as routes,
   t as themeOverrides,
   d as translations,
-  a2 as useApiErrorHandler,
+  a3 as useApiErrorHandler,
   L as useAuthzContext,
   e as useChanged,
   U as useChatContext,
   w as useCommentsContext,
-  $ as useConfirm,
-  a3 as useDefaultApiErrorHandler,
+  a0 as useConfirm,
+  a4 as useDefaultApiErrorHandler,
   u as useNow,
-  af as usePointUpContext,
-  aj as useSubscription,
-  X as useUnreadNotification,
-  ab as useUploader,
+  ag as usePointUpContext,
+  ak as useSubscription,
+  Y as useUnreadNotification,
+  ac as useUploader,
   f as utils
 };

package/dist/index.umd.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("react"), require("@mui/material/Box"), require("@arcblock/ux/lib/Theme"), require("@blocklet/editor/lib/config"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/useMediaQuery"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/Tooltip"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("react-router-dom"), require("@mui/material/colors"), require("@arcblock/did-connect/lib/Session"), require("@mui/material"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("react-dom"), require("js-cookie"), require("@arcblock/ws"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "react", "@mui/material/Box", "@arcblock/ux/lib/Theme", "@blocklet/editor/lib/config", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/useMediaQuery", "@arcblock/did-connect/lib/Address", "@mui/material/Tooltip", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "react-router-dom", "@mui/material/colors", "@arcblock/did-connect/lib/Session", "@mui/material", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "react-dom", "js-cookie", "@arcblock/ws", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.react, global.Box, global.Theme, global.config, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.Button, global.DidAvatar, global.useMediaQuery, global.DIDAddress, global.Tooltip, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.reactRouterDom, global.colors, global.Session, global.material, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.Fab, global.debounce, global.TextField, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.reactDom, global.Cookie, global.ws, global.OnContentChangePlugin, global.ShortcutPlugin, global.SafeAreaPlugin, global.text, global.ImageNode));
-})(this, function(exports2, labels, jsxRuntime, styles, react, Box, Theme, config, LexicalComposerContext, lexical$1, ahooks, LoadingButton, iconsMaterial, context, Alert, Button, DidAvatar, useMediaQuery, DIDAddress, Tooltip, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, reactRouterDom, colors, Session, material, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, dayjs, relativeTime, mitt, CircularProgress, Fab, debounce, TextField, axios, Toast, MuiPagination, unstatedNext, reactDom, Cookie, ws, OnContentChangePlugin, ShortcutPlugin, SafeAreaPlugin, text, ImageNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("react"), require("@mui/material/Box"), require("@arcblock/ux/lib/Theme"), require("@blocklet/editor/lib/config"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/useMediaQuery"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/Tooltip"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("react-router-dom"), require("@mui/material/colors"), require("@arcblock/did-connect/lib/Session"), require("@mui/material"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("react-dom"), require("js-cookie"), require("@arcblock/ws"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "react", "@mui/material/Box", "@arcblock/ux/lib/Theme", "@blocklet/editor/lib/config", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/useMediaQuery", "@arcblock/did-connect/lib/Address", "@mui/material/Tooltip", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "react-router-dom", "@mui/material/colors", "@arcblock/did-connect/lib/Session", "@mui/material", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "react-dom", "js-cookie", "@arcblock/ws", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.react, global.Box, global.Theme, global.config, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.Button, global.DidAvatar, global.useMediaQuery, global.DIDAddress, global.Tooltip, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.reactRouterDom, global.colors, global.Session, global.material, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.Fab, global.debounce, global.TextField, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.reactDom, global.Cookie, global.ws, global.OnContentChangePlugin, global.ShortcutPlugin, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, react, Box, Theme, config, LexicalComposerContext, lexical$1, ahooks, LoadingButton, iconsMaterial, context, Alert, Button, DidAvatar, useMediaQuery, DIDAddress, Tooltip, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, reactRouterDom, colors, Session, material, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, dayjs, relativeTime, mitt, CircularProgress, Fab, debounce, TextField, axios, Toast, MuiPagination, unstatedNext, reactDom, Cookie, ws, OnContentChangePlugin, ShortcutPlugin, SafeAreaPlugin, text, ImageNode, VideoNode) {
   var _a, _b;
   "use strict";
   const themeOverrides = {
@@ -119,7 +119,7 @@ var __publicField = (obj, key, value) => {
   };
   const blockletExists = (name) => {
     const info = getBlockletMountPointInfo(name);
-    return (info == null ? void 0 : info.status) === '"running"';
+    return (info == null ? void 0 : info.status) === "running";
   };
   const inferDiscussKitApiPrefix = () => {
     const service = getBlockletMountPointInfo("did-comments");
@@ -239,13 +239,13 @@ var __publicField = (obj, key, value) => {
     }, [editor2, callback]);
     return null;
   }
-  const UPLOADS_PREFIX = "/uploads";
-  const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX);
-  const originalExportJSON = ImageNode.ImageNode.prototype.exportJSON;
+  const UPLOADS_PREFIX$1 = "/uploads";
+  const IMAGE_URL_PREFIX = joinUrl(inferDiscussKitApiPrefix(), UPLOADS_PREFIX$1);
+  const originalExportJSON$1 = ImageNode.ImageNode.prototype.exportJSON;
   const ensureLeadingSlash = (str) => str.startsWith("/") ? str : `/${str}`;
   const stripResizeQuery = (str) => str.split("?").shift();
   ImageNode.ImageNode.prototype.exportJSON = function exportJSON() {
-    const json = originalExportJSON.call(this);
+    const json = originalExportJSON$1.call(this);
     if (json.src && json.src.startsWith(IMAGE_URL_PREFIX)) {
       json.src = json.src.replace(IMAGE_URL_PREFIX, "");
       json.src = ensureLeadingSlash(json.src);
@@ -277,6 +277,30 @@ var __publicField = (obj, key, value) => {
     }, [editor2]);
     return null;
   }
+  const UPLOADS_PREFIX = joinUrl(inferDiscussKitApiPrefix(), "/uploads");
+  const originalExportJSON = VideoNode.VideoNode.prototype.exportJSON;
+  VideoNode.VideoNode.prototype.exportJSON = function exportJSON() {
+    const json = originalExportJSON.call(this);
+    if (this.__originalSrc__ !== void 0) {
+      json.src = this.__originalSrc__;
+    }
+    return json;
+  };
+  function VideoNodeTransform(node) {
+    const targetNode = node;
+    const src = targetNode.getSrc();
+    if ((src == null ? void 0 : src.startsWith("/")) && targetNode.__originalSrc__ === void 0) {
+      targetNode.setSrc(joinUrl(UPLOADS_PREFIX, src));
+      targetNode.__originalSrc__ = src;
+    }
+  }
+  function VideoPathFixerPlugin() {
+    const [editor2] = LexicalComposerContext.useLexicalComposerContext();
+    react.useEffect(() => {
+      return editor2.registerNodeTransform(VideoNode.VideoNode, VideoNodeTransform);
+    }, [editor2]);
+    return null;
+  }
   function AutoClearPlugin({ value, isChanged }) {
     const [editor2] = LexicalComposerContext.useLexicalComposerContext();
     react.useEffect(() => {
@@ -417,6 +441,7 @@ var __publicField = (obj, key, value) => {
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(CmdEnterShortcutPlugin, { shortcut, callback: handleCmdEnterPressed }),
           /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {}),
           /* @__PURE__ */ jsxRuntime.jsx(AutoClearPlugin, { value: content, isChanged: isChanged.current }),
           children
         ]
@@ -1053,6 +1078,7 @@ var __publicField = (obj, key, value) => {
     if (!autoCollapse) {
       return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledBlockletEditor, { editable: false, editorState: inferInitialEditorState(content), children: [
         /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {}),
         /* @__PURE__ */ jsxRuntime.jsx(CheckboxPlugin, { send: onSubmit })
       ] }) });
     }
@@ -2319,9 +2345,9 @@ var __publicField = (obj, key, value) => {
                 "image/jpeg",
                 "image/gif",
                 "image/webp",
-                "image/svg+xml"
-                // 'video/mp4',
-                // 'video/webm',
+                "image/svg+xml",
+                "video/mp4",
+                "video/webm"
               ],
               maxNumberOfFiles: void 0
               // default is unlimited
@@ -4278,6 +4304,7 @@ var __publicField = (obj, key, value) => {
     ] });
     return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsxs(BlockletEditor$1, { editorState: inferInitialEditorState(content), editable: false, ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {}),
       children
     ] }) });
   }
@@ -10121,6 +10148,7 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsxRuntime.jsx(Root, { children: /* @__PURE__ */ jsxRuntime.jsxs(BlockletEditor, { editorState: inferInitialEditorState(initialContent), ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {}),
       /* @__PURE__ */ jsxRuntime.jsx(OnContentChangePlugin.OnContentChangePlugin, { onChange: handleChange }),
       onSave && /* @__PURE__ */ jsxRuntime.jsx(ShortcutPlugin.CtrlsShortcutPlugin, { callback: onSave }),
       /* @__PURE__ */ jsxRuntime.jsx(SafeAreaPlugin.SafeAreaPlugin, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.5.186",
+  "version": "1.5.188",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.95",
-    "@blocklet/editor": "1.5.186",
-    "@blocklet/labels": "1.5.186",
+    "@blocklet/editor": "1.5.188",
+    "@blocklet/labels": "1.5.188",
     "@blocklet/uploader": "^0.0.45",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -59,8 +59,7 @@
     "lodash": "^4.17.21",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "react-router-dom": "^6.4.0",
-    "uppload": "^3.2.1"
+    "react-router-dom": "^6.4.0"
   },
   "devDependencies": {
     "@arcblock/eslint-config-ts": "^0.2.4",
@@ -93,5 +92,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "5779304dfb653bfa91e78094391c84a03a48d00c"
+  "gitHead": "4b497e94ef7c269bcbe7067bccad21b61ca305ba"
 }