@daisychainapp/maily-to-core 0.4.0 → 0.4.2

package/dist/extensions/index.cjs

@@ -4481,7 +4481,14 @@ function BubbleMenuButton(item) {
   if (tooltip) {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipTrigger, { asChild: true, children: content }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        TooltipContent,
+        {
+          sideOffset: 8,
+          className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+        }
+      )
     ] });
   }
   return content;
@@ -5220,7 +5227,14 @@ function AlignmentSwitch(props) {
           children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(activeAlignment.icon, { className: "mly:h-3 mly:w-3 mly:stroke-[2.5]" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipContent, { sideOffset: 8, children: "Alignment" })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        TooltipContent,
+        {
+          sideOffset: 8,
+          className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: "Alignment" })
+        }
+      )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       PopoverContent,
@@ -5304,7 +5318,14 @@ function ColorPicker(props) {
       children: [
         tooltip ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Tooltip, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipTrigger, { asChild: true, children: popoverButton }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            TooltipContent,
+            {
+              sideOffset: 8,
+              className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+            }
+          )
         ] }) : popoverButton,
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           PopoverContent,
@@ -6928,7 +6949,14 @@ function LinkInputPopover(props) {
       children: [
         tooltip ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger, { asChild: true, children: popoverButton }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            TooltipContent,
+            {
+              sideOffset: 8,
+              className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+            }
+          )
         ] }) : popoverButton,
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           PopoverContent,
@@ -7061,7 +7089,14 @@ function Select(props) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: content }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      TooltipContent,
+      {
+        sideOffset: 8,
+        className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+      }
+    )
   ] });
 }
 
@@ -8658,89 +8693,30 @@ function getVariableSuggestions(char = DEFAULT_VARIABLE_TRIGGER_CHAR) {
 // src/editor/nodes/html/html.tsx
 var import_extension_code_block_lowlight = __toESM(require("@tiptap/extension-code-block-lowlight"), 1);
 var import_state5 = require("@tiptap/pm/state");
-var import_react37 = require("@tiptap/react");
+var import_react36 = require("@tiptap/react");
 var import_xml = __toESM(require("highlight.js/lib/languages/xml"), 1);
 var import_lowlight = require("lowlight");
 
 // src/editor/nodes/html/html-view.tsx
 var import_react35 = require("@tiptap/react");
-var import_react36 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function HTMLCodeBlockView(props) {
-  const { node, updateAttributes: updateAttributes2 } = props;
-  let { language, activeTab = "code" } = node.attrs;
-  activeTab || (activeTab = "code");
+  const { node } = props;
+  const { language } = node.attrs;
   const languageClass = language ? `language-${language}` : "";
-  const html2 = (0, import_react36.useMemo)(() => {
-    const text2 = node.content.content.reduce((acc, cur) => {
-      if (cur.type.name === "text") {
-        return acc + cur.text;
-      } else if (cur.type.name === "variable") {
-        const { id: variable, fallback } = (cur == null ? void 0 : cur.attrs) || {};
-        const formattedVariable = fallback ? `{{${variable},fallback=${fallback}}}` : `{{${variable}}}`;
-        return acc + formattedVariable;
-      }
-      return acc;
-    }, "");
-    const htmlParser = new DOMParser();
-    const htmlDoc = htmlParser.parseFromString(text2, "text/html");
-    const style = htmlDoc.querySelectorAll("style");
-    const body = htmlDoc.body;
-    const combinedStyle = Array.from(style).map((s) => s.innerHTML).join("\n");
-    return `<style>${combinedStyle}</style>${body.innerHTML}`;
-  }, [activeTab]);
-  const isEmpty = html2 === "";
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_react35.NodeViewWrapper,
     {
       draggable: false,
       "data-drag-handle": false,
       "data-type": "htmlCodeBlock",
-      children: [
-        activeTab === "code" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("pre", { className: "mly:my-0 mly:rounded-lg mly:border mly:border-gray-200 mly:bg-white mly:p-2 mly:text-black", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_react35.NodeViewContent,
-          {
-            as: "code",
-            className: cn("is-editable", languageClass)
-          }
-        ) }),
-        activeTab === "preview" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          "div",
-          {
-            className: cn(
-              "mly:not-prose mly:rounded-lg mly:border mly:border-gray-200 mly:p-2",
-              isEmpty && "mly:min-h-[42px]"
-            ),
-            ref: (node2) => {
-              if (!node2 || (node2 == null ? void 0 : node2.shadowRoot)) {
-                return;
-              }
-              const shadow = node2.attachShadow({ mode: "open" });
-              const sheet = new CSSStyleSheet();
-              sheet.replaceSync(`
-              * { font-family: 'Inter', sans-serif; }
-              blockquote, h1, h2, h3, img, li, ol, p, ul {
-                margin-top: 0;
-                margin-bottom: 0;
-              }
-            `);
-              shadow.adoptedStyleSheets = [sheet];
-              const container = document.createElement("div");
-              container.innerHTML = html2;
-              shadow.appendChild(container);
-            },
-            contentEditable: false,
-            onClick: () => {
-              if (!isEmpty) {
-                return;
-              }
-              updateAttributes2({
-                activeTab: "code"
-              });
-            }
-          }
-        )
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("pre", { className: "mly-html-code-pre", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        import_react35.NodeViewContent,
+        {
+          as: "code",
+          className: cn("is-editable", languageClass)
+        }
+      ) })
     }
   );
 }
@@ -8772,7 +8748,7 @@ var HTMLCodeBlockExtension = import_extension_code_block_lowlight.default.extend
     });
   },
   addNodeView() {
-    return (0, import_react37.ReactNodeViewRenderer)(HTMLCodeBlockView, {
+    return (0, import_react36.ReactNodeViewRenderer)(HTMLCodeBlockView, {
       className: "mly:relative",
       attrs: ({ node }) => {
         var _a;