@blocklet/discuss-kit-ux 2.4.11 → 2.4.13

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

@@ -3,7 +3,7 @@ export interface EditorProps extends Omit<BlockletEditorProps, 'onChange' | 'ref
     content: string;
     children?: React.ReactNode;
 }
-export declare function EditorPreview({ content, children, ...rest }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorPreview({ content, children, prepend, ...rest }: EditorProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace EditorPreview {
     var fallback: import("react/jsx-runtime").JSX.Element;
 }

package/dist/{editor-CNbLg21V.mjs → editor-C6E_RkGl.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 { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, g as getExcerptSync, s as stringify } from "./index--sBlM7vl.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, g as getExcerptSync, s as stringify } from "./index-CgGSacMv.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index--sBlM7vl.mjs → index-CgGSacMv.mjs}

@@ -2,7 +2,7 @@ import { Labels2, LabelPicker } from "@blocklet/labels";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled as styled$2 } from "@mui/material/styles";
 import { create as create$1, styled } from "@arcblock/ux/lib/Theme";
-import { useEffect, useRef, useState, createElement, useContext, useMemo, useLayoutEffect, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, useImperativeHandle } from "react";
+import { useEffect, useLayoutEffect, useRef, useState, createElement, useContext, useMemo, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, useImperativeHandle } from "react";
 import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText, IconButton as IconButton$3, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, Skeleton, InputBase, Badge as Badge$1, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, TextField, InputAdornment, Typography as Typography$1, ToggleButtonGroup, ToggleButton, Link as Link$1 } from "@mui/material";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
@@ -521,7 +521,7 @@ function imageNodeTransform(node) {
 }
 function ImagePathFixerPlugin() {
   const [editor] = useLexicalComposerContext();
-  useEffect(() => {
+  useLayoutEffect(() => {
     return editor.registerNodeTransform(ImageNode, imageNodeTransform);
   }, [editor]);
   return null;
@@ -545,7 +545,7 @@ function VideoNodeTransform(node) {
 }
 function VideoPathFixerPlugin() {
   const [editor] = useLexicalComposerContext();
-  useEffect(() => {
+  useLayoutEffect(() => {
     return editor.registerNodeTransform(VideoNode, VideoNodeTransform);
   }, [editor]);
   return null;
@@ -1758,10 +1758,12 @@ function PostContent({
         editorState: inferInitialEditorState(content),
         enableHeadingsIdPlugin,
         onReady,
-        prepend: editorPrepend,
-        children: [
+        prepend: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
           /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
+          editorPrepend
+        ] }),
+        children: [
           /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit }),
           children
         ]
@@ -1775,9 +1777,12 @@ function PostContent({
       editorState: inferInitialEditorState(content),
       enableHeadingsIdPlugin,
       onReady,
-      prepend: editorPrepend,
-      children: [
+      prepend: /* @__PURE__ */ jsxs(Fragment, { children: [
+        editorPrepend,
         /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
+        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {})
+      ] }),
+      children: [
         /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit }),
         children
       ]
@@ -4020,6 +4025,7 @@ function BlogListWrapper({
   return /* @__PURE__ */ jsx(BlogList, { ...rest });
 }
 const baseURL$1 = joinURL(window.location.origin, discussKitMountPoint || "");
+const SLUG_VALIDATION_REGEX = /^[a-zA-Z0-9-]+$/;
 function PostPermaLink({ slug, onChange, prefix = "blog", ...rest }) {
   return /* @__PURE__ */ jsx(Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxs(
     Box,
@@ -4069,6 +4075,11 @@ function PostPermaLink({ slug, onChange, prefix = "blog", ...rest }) {
           {
             value: slug,
             onChange: (e) => onChange(e.target.value),
+            onKeyDown: (event) => {
+              if (!SLUG_VALIDATION_REGEX.test(event.key)) {
+                event.preventDefault();
+              }
+            },
             sx: { ml: 0.5, flex: 1, bgcolor: "transparent", input: { py: 1, fontSize: 14 } }
           }
         ),
@@ -5210,7 +5221,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazyRetry(() => import("./editor-CNbLg21V.mjs"));
+const Editor = lazyRetry(() => import("./editor-C6E_RkGl.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5227,19 +5238,20 @@ const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx(Skeleton, { width: "60%" }),
   /* @__PURE__ */ jsx(Skeleton, { width: "40%" })
 ] });
-function EditorPreview({ content, children, ...rest }) {
-  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsxs(
+function EditorPreview({ content, children, prepend, ...rest }) {
+  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(
     BlockletEditor,
     {
       editorState: inferInitialEditorState(content),
       editable: false,
       enableHeadingsIdPlugin: true,
-      ...rest,
-      children: [
+      prepend: /* @__PURE__ */ jsxs(Fragment, { children: [
+        prepend,
         /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
-        children
-      ]
+        /* @__PURE__ */ jsx(VideoPathFixerPlugin, {})
+      ] }),
+      ...rest,
+      children
     }
   ) });
 }

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { W, o, Y, aQ, A, n, af, B, G, N, L, ar, _, Z, a1, $, a0, a3, x, C, y, z, F, a7, a8, aj, aa, T, U, ae, D, ai, ah, K, H, J, aG, aH, b, m, ag, M, P, aC, aq, w, aR, aS, v, O, aE, aF, R, S, ab, as, aD, q, aP, a4, a6, ak, an, am, aM, aI, aA, at, Q, ao, aK, au, aJ, ax, ay, aN, aL, l, az, h, p, r, k, aw, t, j, ac, aB, X, aT, c, a2, E, a9, ad, aV, e, u, ap, d, av, aU, aO, a5, al, f } from "./index--sBlM7vl.mjs";
+import { W, o, Y, aQ, A, n, af, B, G, N, L, ar, _, Z, a1, $, a0, a3, x, C, y, z, F, a7, a8, aj, aa, T, U, ae, D, ai, ah, K, H, J, aG, aH, b, m, ag, M, P, aC, aq, w, aR, aS, v, O, aE, aF, R, S, ab, as, aD, q, aP, a4, a6, ak, an, am, aM, aI, aA, at, Q, ao, aK, au, aJ, ax, ay, aN, aL, l, az, h, p, r, k, aw, t, j, ac, aB, X, aT, c, a2, E, a9, ad, aV, e, u, ap, d, av, aU, aO, a5, al, f } from "./index-CgGSacMv.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -440,7 +440,7 @@
   }
   function ImagePathFixerPlugin() {
     const [editor2] = LexicalComposerContext.useLexicalComposerContext();
-    react.useEffect(() => {
+    react.useLayoutEffect(() => {
       return editor2.registerNodeTransform(ImageNode.ImageNode, imageNodeTransform);
     }, [editor2]);
     return null;
@@ -464,7 +464,7 @@
   }
   function VideoPathFixerPlugin() {
     const [editor2] = LexicalComposerContext.useLexicalComposerContext();
-    react.useEffect(() => {
+    react.useLayoutEffect(() => {
       return editor2.registerNodeTransform(VideoNode.VideoNode, VideoNodeTransform);
     }, [editor2]);
     return null;
@@ -1677,10 +1677,12 @@
           editorState: inferInitialEditorState(content),
           enableHeadingsIdPlugin,
           onReady,
-          prepend: editorPrepend,
-          children: [
+          prepend: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
             /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {}),
+            editorPrepend
+          ] }),
+          children: [
             /* @__PURE__ */ jsxRuntime.jsx(CheckboxPlugin, { send: onSubmit }),
             children
           ]
@@ -1694,9 +1696,12 @@
         editorState: inferInitialEditorState(content),
         enableHeadingsIdPlugin,
         onReady,
-        prepend: editorPrepend,
-        children: [
+        prepend: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          editorPrepend,
           /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {})
+        ] }),
+        children: [
           /* @__PURE__ */ jsxRuntime.jsx(CheckboxPlugin, { send: onSubmit }),
           children
         ]
@@ -3939,6 +3944,7 @@
     return /* @__PURE__ */ jsxRuntime.jsx(BlogList, { ...rest });
   }
   const baseURL$1 = ufo.joinURL(window.location.origin, discussKitMountPoint || "");
+  const SLUG_VALIDATION_REGEX = /^[a-zA-Z0-9-]+$/;
   function PostPermaLink({ slug, onChange, prefix = "blog", ...rest }) {
     return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { ...rest, className: "blog-permalink-container", children: /* @__PURE__ */ jsxRuntime.jsxs(
       material.Box,
@@ -3988,6 +3994,11 @@
             {
               value: slug,
               onChange: (e) => onChange(e.target.value),
+              onKeyDown: (event) => {
+                if (!SLUG_VALIDATION_REGEX.test(event.key)) {
+                  event.preventDefault();
+                }
+              },
               sx: { ml: 0.5, flex: 1, bgcolor: "transparent", input: { py: 1, fontSize: 14 } }
             }
           ),
@@ -5146,19 +5157,20 @@
     /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { width: "60%" }),
     /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { width: "40%" })
   ] });
-  function EditorPreview({ content, children, ...rest }) {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  function EditorPreview({ content, children, prepend, ...rest }) {
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(
       BlockletEditor$1,
       {
         editorState: inferInitialEditorState(content),
         editable: false,
         enableHeadingsIdPlugin: true,
-        ...rest,
-        children: [
+        prepend: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          prepend,
           /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {}),
-          children
-        ]
+          /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {})
+        ] }),
+        ...rest,
+        children
       }
     ) });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.4.11",
+  "version": "2.4.13",
   "files": [
     "dist"
   ],
@@ -18,8 +18,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@arcblock/bridge": "^3.0.24",
-    "@arcblock/react-hooks": "^3.0.24",
+    "@arcblock/bridge": "^3.0.26",
+    "@arcblock/react-hooks": "^3.0.26",
     "@arcblock/ws": "^1.20.15",
     "@blocklet/js-sdk": "^1.16.46",
     "@blocklet/uploader": "^0.2.4",
@@ -48,8 +48,8 @@
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/editor": "^2.4.11",
-    "@blocklet/labels": "^2.4.11"
+    "@blocklet/editor": "^2.4.13",
+    "@blocklet/labels": "^2.4.13"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^3.0.1",