mtxuilib 0.0.337 → 0.0.338

package/dist/esm/store/ReactQueryProvider.js

@@ -33,8 +33,8 @@ import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experime
 import { toPlainMessage } from "@bufbuild/protobuf";
 import { ErrorBoundary } from "react-error-boundary";
 import { mtmCallUnaryMethod } from "../lib/mtmFetcher";
-import { MtButton } from "../ui/ui-mt/Button";
 import { useExtInfo } from "./appContext";
+import { MtButton } from "../ui/ui-mt/Button";
 const MtReactQueryProvider = (props) => {
   const { children } = props;
   const [queryClient] = useState(() => new QueryClient({
@@ -59,7 +59,7 @@ function RqErrorBoundary(props) {
     ErrorBoundary,
     {
       onReset: reset,
-      fallbackRender: ({ resetErrorBoundary, error }) => /* @__PURE__ */ jsxs("div", { className: "green-red-100 container prose mx-auto p-8 text-lg dark:prose-invert", children: [
+      fallbackRender: ({ resetErrorBoundary, error }) => /* @__PURE__ */ jsxs("div", { className: "green-red-100 prose dark:prose-invert container mx-auto p-8 text-lg", children: [
         /* @__PURE__ */ jsx("div", { className: " pb-8 text-center", children: "some thing error" }),
         /* @__PURE__ */ jsx("div", { children: error == null ? void 0 : error.toString() }),
         /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx(MtButton, { onClick: () => resetErrorBoundary(), children: "Retry" }) })

package/dist/esm/ui/novel/tailwind/advanced-editor.js

@@ -28,14 +28,17 @@ import { LinkSelector } from "./selectors/link-selector";
 import { NodeSelector } from "./selectors/node-selector";
 import { Separator } from "./ui/separator";
 import { defaultEditorContent } from "../content";
+import { EditorBubble, EditorCommand, EditorCommandEmpty, EditorCommandItem, EditorCommandList, EditorContent, EditorRoot } from "../novel/src/components";
 import { ImageResizer, handleCommandNavigation } from "../novel/src/extensions";
 import { handleImageDrop, handleImagePaste } from "../novel/src/plugins";
 import GenerativeMenuSwitch from "./generative/generative-menu-switch";
 import { uploadFn } from "./image-upload";
 import { TextButtons } from "./selectors/text-buttons";
 import { slashCommand, suggestionItems } from "./slash-command";
-import { EditorCommand, EditorCommandEmpty, EditorCommandItem, EditorCommandList, EditorContent, EditorRoot } from "../novel/src/components";
-const extensions = [...defaultExtensions, slashCommand];
+const extensions = [
+  ...defaultExtensions,
+  slashCommand
+];
 const TailwindAdvancedEditor = () => {
   const [initialContent, setInitialContent] = useState(
     null
@@ -86,6 +89,21 @@ const TailwindAdvancedEditor = () => {
         },
         slotAfter: /* @__PURE__ */ jsx(ImageResizer, {}),
         children: [
+          /* @__PURE__ */ jsxs(
+            EditorBubble,
+            {
+              tippyOptions: {
+                placement: openAI ? "bottom-start" : "top"
+              },
+              className: "border-muted bg-background flex w-fit max-w-[90vw] overflow-hidden rounded border shadow-xl",
+              children: [
+                /* @__PURE__ */ jsx(NodeSelector, { open: openNode, onOpenChange: setOpenNode }),
+                /* @__PURE__ */ jsx(LinkSelector, { open: openLink, onOpenChange: setOpenLink }),
+                /* @__PURE__ */ jsx(TextButtons, {}),
+                /* @__PURE__ */ jsx(ColorSelector, { open: openColor, onOpenChange: setOpenColor })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs(EditorCommand, { className: "border-muted bg-background z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border px-1 py-2 shadow-md transition-all", children: [
             /* @__PURE__ */ jsx(EditorCommandEmpty, { className: "text-muted-foreground px-2", children: "No results" }),
             /* @__PURE__ */ jsx(EditorCommandList, { children: suggestionItems.map((item) => /* @__PURE__ */ jsxs(

package/dist/esm/ui/novel/tailwind/extensions.d.ts

@@ -1 +1 @@
-export declare const defaultExtensions: (import("@tiptap/core").Mark<import("../novel/src/extensions").AIHighlightOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any>)[];
+export declare const defaultExtensions: any[];

package/dist/esm/ui/novel/tailwind/extensions.js

@@ -1,6 +1,8 @@
 import { cx } from "class-variance-authority";
 import { AIHighlight, HorizontalRule, Placeholder, StarterKit, TaskItem, TaskList, TiptapImage, TiptapLink, UpdatedImage } from "../novel/src/extensions";
 import { UploadImagesPlugin } from "../novel/src/plugins";
+import AutoJoiner from "tiptap-extension-auto-joiner";
+import GlobalDragHandle from "tiptap-extension-global-drag-handle";
 const aiHighlight = AIHighlight;
 const placeholder = Placeholder;
 const tiptapLink = TiptapLink.configure({
@@ -95,7 +97,22 @@ const defaultExtensions = [
   taskList,
   taskItem,
   horizontalRule,
-  aiHighlight
+  aiHighlight,
+  //开始 添加更多扩展
+  GlobalDragHandle.configure({
+    dragHandleWidth: 20,
+    // default
+    // The scrollTreshold specifies how close the user must drag an element to the edge of the lower/upper screen for automatic
+    // scrolling to take place. For example, scrollTreshold = 100 means that scrolling starts automatically when the user drags an
+    // element to a position that is max. 99px away from the edge of the screen
+    // You can set this to 0 to prevent auto scrolling caused by this extension
+    scrollTreshold: 100
+    // default
+  }),
+  AutoJoiner.configure({
+    elementsToJoin: ["bulletList", "orderedList"]
+    // default
+  })
 ];
 export {
   defaultExtensions

package/dist/store/ReactQueryProvider.cjs

@@ -53,8 +53,8 @@ var import_react_query_next_experimental = require("@tanstack/react-query-next-e
 var import_protobuf = require("@bufbuild/protobuf");
 var import_react_error_boundary = require("react-error-boundary");
 var import_mtmFetcher = require("../lib/mtmFetcher");
-var import_Button = require("../ui/ui-mt/Button");
 var import_appContext = require("./appContext");
+var import_Button = require("../ui/ui-mt/Button");
 const MtReactQueryProvider = (props) => {
   const { children } = props;
   const [queryClient] = (0, import_react.useState)(() => new import_react_query.QueryClient({
@@ -79,7 +79,7 @@ function RqErrorBoundary(props) {
     import_react_error_boundary.ErrorBoundary,
     {
       onReset: reset,
-      fallbackRender: ({ resetErrorBoundary, error }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "green-red-100 container prose mx-auto p-8 text-lg dark:prose-invert", children: [
+      fallbackRender: ({ resetErrorBoundary, error }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "green-red-100 prose dark:prose-invert container mx-auto p-8 text-lg", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: " pb-8 text-center", children: "some thing error" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: error == null ? void 0 : error.toString() }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.MtButton, { onClick: () => resetErrorBoundary(), children: "Retry" }) })