@daisychainapp/maily-to-core 0.4.0 → 0.4.2

package/dist/extensions/index.mjs

@@ -4388,7 +4388,14 @@ function BubbleMenuButton(item) {
   if (tooltip) {
     return /* @__PURE__ */ jsxs2(Tooltip, { children: [
       /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: content }),
-      /* @__PURE__ */ jsx7(TooltipContent, { sideOffset: 8, children: tooltip })
+      /* @__PURE__ */ jsx7(
+        TooltipContent,
+        {
+          sideOffset: 8,
+          className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+          children: /* @__PURE__ */ jsx7("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+        }
+      )
     ] });
   }
   return content;
@@ -5132,7 +5139,14 @@ function AlignmentSwitch(props) {
           children: /* @__PURE__ */ jsx10(activeAlignment.icon, { className: "mly:h-3 mly:w-3 mly:stroke-[2.5]" })
         }
       ) }),
-      /* @__PURE__ */ jsx10(TooltipContent, { sideOffset: 8, children: "Alignment" })
+      /* @__PURE__ */ jsx10(
+        TooltipContent,
+        {
+          sideOffset: 8,
+          className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+          children: /* @__PURE__ */ jsx10("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: "Alignment" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx10(
       PopoverContent,
@@ -5216,7 +5230,14 @@ function ColorPicker(props) {
       children: [
         tooltip ? /* @__PURE__ */ jsxs6(Tooltip, { children: [
           /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: popoverButton }),
-          /* @__PURE__ */ jsx11(TooltipContent, { sideOffset: 8, children: tooltip })
+          /* @__PURE__ */ jsx11(
+            TooltipContent,
+            {
+              sideOffset: 8,
+              className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+              children: /* @__PURE__ */ jsx11("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+            }
+          )
         ] }) : popoverButton,
         /* @__PURE__ */ jsx11(
           PopoverContent,
@@ -6870,7 +6891,14 @@ function LinkInputPopover(props) {
       children: [
         tooltip ? /* @__PURE__ */ jsxs13(Tooltip, { children: [
           /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: popoverButton }),
-          /* @__PURE__ */ jsx29(TooltipContent, { sideOffset: 8, children: tooltip })
+          /* @__PURE__ */ jsx29(
+            TooltipContent,
+            {
+              sideOffset: 8,
+              className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+              children: /* @__PURE__ */ jsx29("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+            }
+          )
         ] }) : popoverButton,
         /* @__PURE__ */ jsx29(
           PopoverContent,
@@ -7003,7 +7031,14 @@ function Select(props) {
   }
   return /* @__PURE__ */ jsxs14(Tooltip, { children: [
     /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: content }),
-    /* @__PURE__ */ jsx30(TooltipContent, { sideOffset: 8, children: tooltip })
+    /* @__PURE__ */ jsx30(
+      TooltipContent,
+      {
+        sideOffset: 8,
+        className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
+        children: /* @__PURE__ */ jsx30("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+      }
+    )
   ] });
 }
 
@@ -8617,83 +8652,24 @@ import { createLowlight, common } from "lowlight";
 
 // src/editor/nodes/html/html-view.tsx
 import { NodeViewContent as NodeViewContent2, NodeViewWrapper as NodeViewWrapper7 } from "@tiptap/react";
-import { useMemo as useMemo7 } from "react";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "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 = useMemo7(() => {
-    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__ */ jsxs20(
+  return /* @__PURE__ */ jsx37(
     NodeViewWrapper7,
     {
       draggable: false,
       "data-drag-handle": false,
       "data-type": "htmlCodeBlock",
-      children: [
-        activeTab === "code" && /* @__PURE__ */ jsx37("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__ */ jsx37(
-          NodeViewContent2,
-          {
-            as: "code",
-            className: cn("is-editable", languageClass)
-          }
-        ) }),
-        activeTab === "preview" && /* @__PURE__ */ jsx37(
-          "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__ */ jsx37("pre", { className: "mly-html-code-pre", children: /* @__PURE__ */ jsx37(
+        NodeViewContent2,
+        {
+          as: "code",
+          className: cn("is-editable", languageClass)
+        }
+      ) })
     }
   );
 }