@daisychainapp/maily-to-core 0.1.2 → 0.2.8

package/dist/blocks/index.cjs

@@ -0,0 +1,305 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/blocks.ts
+var blocks_exports = {};
+__export(blocks_exports, {
+  blockquote: () => blockquote,
+  bulletList: () => bulletList,
+  button: () => button,
+  clearLine: () => clearLine,
+  columns: () => columns,
+  divider: () => divider,
+  footer: () => footer,
+  hardBreak: () => hardBreak,
+  heading1: () => heading1,
+  heading2: () => heading2,
+  heading3: () => heading3,
+  htmlCodeBlock: () => htmlCodeBlock,
+  image: () => image,
+  inlineImage: () => inlineImage,
+  linkCard: () => linkCard,
+  logo: () => logo,
+  orderedList: () => orderedList,
+  repeat: () => repeat,
+  section: () => section,
+  spacer: () => spacer,
+  text: () => text
+});
+module.exports = __toCommonJS(blocks_exports);
+
+// src/blocks/button.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var button = {
+  title: "Button",
+  description: "Add a call to action button to email.",
+  searchTerms: ["link", "button", "cta"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MousePointer, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setButton().run();
+  }
+};
+var linkCard = {
+  title: "Link Card",
+  description: "Add a link card to email.",
+  searchTerms: ["link", "button", "image"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpRightSquare, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setLinkCard().run();
+  },
+  render: (editor) => {
+    return editor.extensionManager.extensions.findIndex(
+      (ext) => ext.name === "linkCard"
+    ) === -1 ? null : true;
+  }
+};
+
+// src/blocks/code.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var htmlCodeBlock = {
+  title: "Custom HTML",
+  description: "Insert a custom HTML block",
+  searchTerms: ["html", "code", "custom"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.CodeXmlIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setHtmlCodeBlock({ language: "html" }).run();
+  }
+};
+
+// src/blocks/image.tsx
+var import_state = require("@tiptap/pm/state");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var image = {
+  title: "Image",
+  description: "Full width image",
+  searchTerms: ["image"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.ImageIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setImage({ src: "" }).run();
+  }
+};
+var logo = {
+  title: "Logo",
+  description: "Add your brand logo",
+  searchTerms: ["image", "logo"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.ImageIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setLogoImage({ src: "" }).run();
+  }
+};
+var inlineImage = {
+  title: "Inline Image",
+  description: "Inline image",
+  searchTerms: ["image", "inline"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react3.ImageIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setInlineImage({
+      src: "https://maily.to/brand/logo.png"
+    }).command((props) => {
+      const { tr, state, view, editor: editor2 } = props;
+      const { from } = range;
+      const node = state.doc.nodeAt(from);
+      if (!node) {
+        return false;
+      }
+      const selection = import_state.TextSelection.create(
+        tr.doc,
+        from,
+        from + node.nodeSize
+      );
+      tr.setSelection(selection);
+      return true;
+    }).run();
+  }
+};
+
+// src/blocks/layout.tsx
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var columns = {
+  title: "Columns",
+  description: "Add columns to email.",
+  searchTerms: ["layout", "columns"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.ColumnsIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setColumns().focus(editor.state.selection.head - 2).run();
+  }
+};
+var section = {
+  title: "Section",
+  description: "Add a section to email.",
+  searchTerms: ["layout", "section"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.RectangleHorizontal, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setSection().run();
+  }
+};
+var repeat = {
+  title: "Repeat",
+  description: "Loop over an array of items.",
+  searchTerms: ["repeat", "for", "loop"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Repeat2, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setRepeat().run();
+  }
+};
+var spacer = {
+  title: "Spacer",
+  description: "Add space between blocks.",
+  searchTerms: ["space", "gap", "divider"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.MoveVertical, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setSpacer({ height: "sm" }).run();
+  }
+};
+var divider = {
+  title: "Divider",
+  description: "Add a horizontal divider.",
+  searchTerms: ["divider", "line"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.Minus, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+  }
+};
+
+// src/blocks/list.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var bulletList = {
+  title: "Bullet List",
+  description: "Create a simple bullet list.",
+  searchTerms: ["unordered", "point"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react5.List, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).toggleBulletList().run();
+  }
+};
+var orderedList = {
+  title: "Numbered List",
+  description: "Create a list with numbering.",
+  searchTerms: ["ordered"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react5.ListOrdered, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+  }
+};
+
+// src/blocks/typography.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var text = {
+  title: "Text",
+  description: "Just start typing with plain text.",
+  searchTerms: ["p", "paragraph"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.Text, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
+  }
+};
+var heading1 = {
+  title: "Heading 1",
+  description: "Big heading.",
+  searchTerms: ["h1", "title", "big", "large"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.Heading1, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+  }
+};
+var heading2 = {
+  title: "Heading 2",
+  description: "Medium heading.",
+  searchTerms: ["h2", "subtitle", "medium"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.Heading2, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+  }
+};
+var heading3 = {
+  title: "Heading 3",
+  description: "Small heading.",
+  searchTerms: ["h3", "subtitle", "small"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.Heading3, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+  }
+};
+var hardBreak = {
+  title: "Hard Break",
+  description: "Add a break between lines.",
+  searchTerms: ["break", "line"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.DivideIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setHardBreak().run();
+  }
+};
+var blockquote = {
+  title: "Blockquote",
+  description: "Add blockquote.",
+  searchTerms: ["quote", "blockquote"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.TextQuote, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).toggleBlockquote().run();
+  }
+};
+var footer = {
+  title: "Footer",
+  description: "Add a footer text to email.",
+  searchTerms: ["footer", "text"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.FootprintsIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setFooter().run();
+  }
+};
+var clearLine = {
+  title: "Clear Line",
+  description: "Clear the current line.",
+  searchTerms: ["clear", "line"],
+  icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react6.EraserIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().selectParentNode().deleteSelection().run();
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  blockquote,
+  bulletList,
+  button,
+  clearLine,
+  columns,
+  divider,
+  footer,
+  hardBreak,
+  heading1,
+  heading2,
+  heading3,
+  htmlCodeBlock,
+  image,
+  inlineImage,
+  linkCard,
+  logo,
+  orderedList,
+  repeat,
+  section,
+  spacer,
+  text
+});
+//# sourceMappingURL=index.cjs.map

package/dist/blocks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blocks.ts","../../src/blocks/button.tsx","../../src/blocks/code.tsx","../../src/blocks/image.tsx","../../src/blocks/layout.tsx","../../src/blocks/list.tsx","../../src/blocks/typography.tsx"],"sourcesContent":["export * from './blocks/button';\nexport * from './blocks/code';\nexport * from './blocks/image';\nexport * from './blocks/layout';\nexport * from './blocks/list';\nexport * from './blocks/types';\nexport * from './blocks/typography';\n","import type { BlockItem } from './types';\nimport { MousePointer, ArrowUpRightSquare } from 'lucide-react';\n\nexport const button: BlockItem = {\n  title: 'Button',\n  description: 'Add a call to action button to email.',\n  searchTerms: ['link', 'button', 'cta'],\n  icon: <MousePointer className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setButton().run();\n  },\n};\n\nexport const linkCard: BlockItem = {\n  title: 'Link Card',\n  description: 'Add a link card to email.',\n  searchTerms: ['link', 'button', 'image'],\n  icon: <ArrowUpRightSquare className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setLinkCard().run();\n  },\n  render: (editor) => {\n    return editor.extensionManager.extensions.findIndex(\n      (ext) => ext.name === 'linkCard'\n    ) === -1\n      ? null\n      : true;\n  },\n};\n","import { CodeXmlIcon } from 'lucide-react';\nimport { BlockItem } from './types';\n\nexport const htmlCodeBlock: BlockItem = {\n  title: 'Custom HTML',\n  description: 'Insert a custom HTML block',\n  searchTerms: ['html', 'code', 'custom'],\n  icon: <CodeXmlIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor\n      .chain()\n      .focus()\n      .deleteRange(range)\n      // @ts-ignore\n      .setHtmlCodeBlock({ language: 'html' })\n      .run();\n  },\n};\n","import { NodeSelection, Selection, TextSelection } from '@tiptap/pm/state';\nimport type { BlockItem } from './types';\nimport { ImageIcon } from 'lucide-react';\n\nexport const image: BlockItem = {\n  title: 'Image',\n  description: 'Full width image',\n  searchTerms: ['image'],\n  icon: <ImageIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setImage({ src: '' }).run();\n  },\n};\n\nexport const logo: BlockItem = {\n  title: 'Logo',\n  description: 'Add your brand logo',\n  searchTerms: ['image', 'logo'],\n  icon: <ImageIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setLogoImage({ src: '' }).run();\n  },\n};\n\nexport const inlineImage: BlockItem = {\n  title: 'Inline Image',\n  description: 'Inline image',\n  searchTerms: ['image', 'inline'],\n  icon: <ImageIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor\n      .chain()\n      .focus()\n      .deleteRange(range)\n      // @ts-ignore\n      .setInlineImage({\n        src: 'https://maily.to/brand/logo.png',\n      })\n      // @ts-ignore\n      .command((props) => {\n        const { tr, state, view, editor } = props;\n        const { from } = range;\n\n        const node = state.doc.nodeAt(from);\n        if (!node) {\n          return false;\n        }\n\n        const selection = TextSelection.create(\n          tr.doc,\n          from,\n          from + node.nodeSize\n        );\n        tr.setSelection(selection);\n        return true;\n      })\n      .run();\n  },\n};\n","import type { BlockItem } from './types';\nimport {\n  ColumnsIcon,\n  Repeat2,\n  MoveVertical,\n  RectangleHorizontal,\n  Minus,\n} from 'lucide-react';\n\nexport const columns: BlockItem = {\n  title: 'Columns',\n  description: 'Add columns to email.',\n  searchTerms: ['layout', 'columns'],\n  icon: <ColumnsIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor\n      .chain()\n      .focus()\n      .deleteRange(range)\n      // @ts-ignore\n      .setColumns()\n      .focus(editor.state.selection.head - 2)\n      .run();\n  },\n};\n\nexport const section: BlockItem = {\n  title: 'Section',\n  description: 'Add a section to email.',\n  searchTerms: ['layout', 'section'],\n  icon: <RectangleHorizontal className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setSection().run();\n  },\n};\n\nexport const repeat: BlockItem = {\n  title: 'Repeat',\n  description: 'Loop over an array of items.',\n  searchTerms: ['repeat', 'for', 'loop'],\n  icon: <Repeat2 className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setRepeat().run();\n  },\n};\n\nexport const spacer: BlockItem = {\n  title: 'Spacer',\n  description: 'Add space between blocks.',\n  searchTerms: ['space', 'gap', 'divider'],\n  icon: <MoveVertical className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setSpacer({ height: 'sm' }).run();\n  },\n};\n\nexport const divider: BlockItem = {\n  title: 'Divider',\n  description: 'Add a horizontal divider.',\n  searchTerms: ['divider', 'line'],\n  icon: <Minus className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setHorizontalRule().run();\n  },\n};\n","import type { BlockItem } from './types';\nimport { List, ListOrdered } from 'lucide-react';\n\nexport const bulletList: BlockItem = {\n  title: 'Bullet List',\n  description: 'Create a simple bullet list.',\n  searchTerms: ['unordered', 'point'],\n  icon: <List className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).toggleBulletList().run();\n  },\n};\n\nexport const orderedList: BlockItem = {\n  title: 'Numbered List',\n  description: 'Create a list with numbering.',\n  searchTerms: ['ordered'],\n  icon: <ListOrdered className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).toggleOrderedList().run();\n  },\n};\n","import type { BlockItem } from './types';\nimport {\n  Text,\n  Heading1,\n  Heading2,\n  Heading3,\n  DivideIcon,\n  TextQuote,\n  FootprintsIcon,\n  EraserIcon,\n} from 'lucide-react';\n\nexport const text: BlockItem = {\n  title: 'Text',\n  description: 'Just start typing with plain text.',\n  searchTerms: ['p', 'paragraph'],\n  icon: <Text className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    editor\n      .chain()\n      .focus()\n      .deleteRange(range)\n      .toggleNode('paragraph', 'paragraph')\n      .run();\n  },\n};\n\nexport const heading1: BlockItem = {\n  title: 'Heading 1',\n  description: 'Big heading.',\n  searchTerms: ['h1', 'title', 'big', 'large'],\n  icon: <Heading1 className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    editor\n      .chain()\n      .focus()\n      .deleteRange(range)\n      .setNode('heading', { level: 1 })\n      .run();\n  },\n};\n\nexport const heading2: BlockItem = {\n  title: 'Heading 2',\n  description: 'Medium heading.',\n  searchTerms: ['h2', 'subtitle', 'medium'],\n  icon: <Heading2 className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    editor\n      .chain()\n      .focus()\n      .deleteRange(range)\n      .setNode('heading', { level: 2 })\n      .run();\n  },\n};\n\nexport const heading3: BlockItem = {\n  title: 'Heading 3',\n  description: 'Small heading.',\n  searchTerms: ['h3', 'subtitle', 'small'],\n  icon: <Heading3 className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    editor\n      .chain()\n      .focus()\n      .deleteRange(range)\n      .setNode('heading', { level: 3 })\n      .run();\n  },\n};\n\nexport const hardBreak: BlockItem = {\n  title: 'Hard Break',\n  description: 'Add a break between lines.',\n  searchTerms: ['break', 'line'],\n  icon: <DivideIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setHardBreak().run();\n  },\n};\n\nexport const blockquote: BlockItem = {\n  title: 'Blockquote',\n  description: 'Add blockquote.',\n  searchTerms: ['quote', 'blockquote'],\n  icon: <TextQuote className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).toggleBlockquote().run();\n  },\n};\n\nexport const footer: BlockItem = {\n  title: 'Footer',\n  description: 'Add a footer text to email.',\n  searchTerms: ['footer', 'text'],\n  icon: <FootprintsIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().deleteRange(range).setFooter().run();\n  },\n};\n\nexport const clearLine: BlockItem = {\n  title: 'Clear Line',\n  description: 'Clear the current line.',\n  searchTerms: ['clear', 'line'],\n  icon: <EraserIcon className=\"mly-h-4 mly-w-4\" />,\n  command: ({ editor, range }) => {\n    // @ts-ignore\n    editor.chain().focus().selectParentNode().deleteSelection().run();\n  },\n};\n"],"mappings":"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","names":["import_lucide_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","editor","import_lucide_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime"]}

package/dist/blocks/index.d.cts

@@ -0,0 +1,59 @@
+import { Editor, Range } from '@tiptap/core';
+
+interface CommandProps {
+    editor: Editor;
+    range: Range;
+}
+type BlockItem = {
+    title: string;
+    description?: string;
+    searchTerms: string[];
+    icon?: JSX.Element;
+    render?: (editor: Editor) => JSX.Element | null | true;
+    preview?: string | ((editor: Editor) => JSX.Element | null);
+} & ({
+    command: (options: CommandProps) => void;
+    id?: never;
+    commands?: never;
+} | {
+    /**
+     * id to be used for the slash command query
+     * `headers.` will go inside the header subcommand
+     */
+    id: string;
+    command?: never;
+    commands: BlockItem[];
+});
+type BlockGroupItem = {
+    title: string;
+    commands: BlockItem[];
+};
+
+declare const button: BlockItem;
+declare const linkCard: BlockItem;
+
+declare const htmlCodeBlock: BlockItem;
+
+declare const image: BlockItem;
+declare const logo: BlockItem;
+declare const inlineImage: BlockItem;
+
+declare const columns: BlockItem;
+declare const section: BlockItem;
+declare const repeat: BlockItem;
+declare const spacer: BlockItem;
+declare const divider: BlockItem;
+
+declare const bulletList: BlockItem;
+declare const orderedList: BlockItem;
+
+declare const text: BlockItem;
+declare const heading1: BlockItem;
+declare const heading2: BlockItem;
+declare const heading3: BlockItem;
+declare const hardBreak: BlockItem;
+declare const blockquote: BlockItem;
+declare const footer: BlockItem;
+declare const clearLine: BlockItem;
+
+export { type BlockGroupItem, type BlockItem, type CommandProps, blockquote, bulletList, button, clearLine, columns, divider, footer, hardBreak, heading1, heading2, heading3, htmlCodeBlock, image, inlineImage, linkCard, logo, orderedList, repeat, section, spacer, text };

package/dist/blocks/index.d.ts

@@ -32,6 +32,8 @@ type BlockGroupItem = {
 declare const button: BlockItem;
 declare const linkCard: BlockItem;
 
+declare const htmlCodeBlock: BlockItem;
+
 declare const image: BlockItem;
 declare const logo: BlockItem;
 declare const inlineImage: BlockItem;
@@ -54,4 +56,4 @@ declare const blockquote: BlockItem;
 declare const footer: BlockItem;
 declare const clearLine: BlockItem;
 
-export { type BlockGroupItem, type BlockItem, blockquote, bulletList, button, clearLine, columns, divider, footer, hardBreak, heading1, heading2, heading3, image, inlineImage, linkCard, logo, orderedList, repeat, section, spacer, text };
+export { type BlockGroupItem, type BlockItem, type CommandProps, blockquote, bulletList, button, clearLine, columns, divider, footer, hardBreak, heading1, heading2, heading3, htmlCodeBlock, image, inlineImage, linkCard, logo, orderedList, repeat, section, spacer, text };

package/dist/blocks/index.mjs

@@ -25,15 +25,28 @@ var linkCard = {
   }
 };
 
+// src/blocks/code.tsx
+import { CodeXmlIcon } from "lucide-react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var htmlCodeBlock = {
+  title: "Custom HTML",
+  description: "Insert a custom HTML block",
+  searchTerms: ["html", "code", "custom"],
+  icon: /* @__PURE__ */ jsx2(CodeXmlIcon, { className: "mly-h-4 mly-w-4" }),
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).setHtmlCodeBlock({ language: "html" }).run();
+  }
+};
+
 // src/blocks/image.tsx
 import { TextSelection } from "@tiptap/pm/state";
 import { ImageIcon } from "lucide-react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var image = {
   title: "Image",
   description: "Full width image",
   searchTerms: ["image"],
-  icon: /* @__PURE__ */ jsx2(ImageIcon, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx3(ImageIcon, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setImage({ src: "" }).run();
   }
@@ -42,7 +55,7 @@ var logo = {
   title: "Logo",
   description: "Add your brand logo",
   searchTerms: ["image", "logo"],
-  icon: /* @__PURE__ */ jsx2(ImageIcon, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx3(ImageIcon, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setLogoImage({ src: "" }).run();
   }
@@ -51,10 +64,10 @@ var inlineImage = {
   title: "Inline Image",
   description: "Inline image",
   searchTerms: ["image", "inline"],
-  icon: /* @__PURE__ */ jsx2(ImageIcon, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx3(ImageIcon, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setInlineImage({
-      src: ""
+      src: "https://maily.to/brand/logo.png"
     }).command((props) => {
       const { tr, state, view, editor: editor2 } = props;
       const { from } = range;
@@ -81,12 +94,12 @@ import {
   RectangleHorizontal,
   Minus
 } from "lucide-react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var columns = {
   title: "Columns",
   description: "Add columns to email.",
   searchTerms: ["layout", "columns"],
-  icon: /* @__PURE__ */ jsx3(ColumnsIcon, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx4(ColumnsIcon, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setColumns().focus(editor.state.selection.head - 2).run();
   }
@@ -95,7 +108,7 @@ var section = {
   title: "Section",
   description: "Add a section to email.",
   searchTerms: ["layout", "section"],
-  icon: /* @__PURE__ */ jsx3(RectangleHorizontal, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx4(RectangleHorizontal, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setSection().run();
   }
@@ -104,7 +117,7 @@ var repeat = {
   title: "Repeat",
   description: "Loop over an array of items.",
   searchTerms: ["repeat", "for", "loop"],
-  icon: /* @__PURE__ */ jsx3(Repeat2, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx4(Repeat2, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setRepeat().run();
   }
@@ -113,7 +126,7 @@ var spacer = {
   title: "Spacer",
   description: "Add space between blocks.",
   searchTerms: ["space", "gap", "divider"],
-  icon: /* @__PURE__ */ jsx3(MoveVertical, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx4(MoveVertical, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setSpacer({ height: "sm" }).run();
   }
@@ -122,7 +135,7 @@ var divider = {
   title: "Divider",
   description: "Add a horizontal divider.",
   searchTerms: ["divider", "line"],
-  icon: /* @__PURE__ */ jsx3(Minus, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx4(Minus, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setHorizontalRule().run();
   }
@@ -130,12 +143,12 @@ var divider = {
 
 // src/blocks/list.tsx
 import { List, ListOrdered } from "lucide-react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var bulletList = {
   title: "Bullet List",
   description: "Create a simple bullet list.",
   searchTerms: ["unordered", "point"],
-  icon: /* @__PURE__ */ jsx4(List, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx5(List, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).toggleBulletList().run();
   }
@@ -144,7 +157,7 @@ var orderedList = {
   title: "Numbered List",
   description: "Create a list with numbering.",
   searchTerms: ["ordered"],
-  icon: /* @__PURE__ */ jsx4(ListOrdered, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx5(ListOrdered, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).toggleOrderedList().run();
   }
@@ -161,12 +174,12 @@ import {
   FootprintsIcon,
   EraserIcon
 } from "lucide-react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var text = {
   title: "Text",
   description: "Just start typing with plain text.",
   searchTerms: ["p", "paragraph"],
-  icon: /* @__PURE__ */ jsx5(Text, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx6(Text, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
   }
@@ -174,8 +187,8 @@ var text = {
 var heading1 = {
   title: "Heading 1",
   description: "Big heading.",
-  searchTerms: ["title", "big", "large"],
-  icon: /* @__PURE__ */ jsx5(Heading1, { className: "mly-h-4 mly-w-4" }),
+  searchTerms: ["h1", "title", "big", "large"],
+  icon: /* @__PURE__ */ jsx6(Heading1, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
   }
@@ -183,8 +196,8 @@ var heading1 = {
 var heading2 = {
   title: "Heading 2",
   description: "Medium heading.",
-  searchTerms: ["subtitle", "medium"],
-  icon: /* @__PURE__ */ jsx5(Heading2, { className: "mly-h-4 mly-w-4" }),
+  searchTerms: ["h2", "subtitle", "medium"],
+  icon: /* @__PURE__ */ jsx6(Heading2, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
   }
@@ -192,8 +205,8 @@ var heading2 = {
 var heading3 = {
   title: "Heading 3",
   description: "Small heading.",
-  searchTerms: ["subtitle", "small"],
-  icon: /* @__PURE__ */ jsx5(Heading3, { className: "mly-h-4 mly-w-4" }),
+  searchTerms: ["h3", "subtitle", "small"],
+  icon: /* @__PURE__ */ jsx6(Heading3, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
   }
@@ -202,7 +215,7 @@ var hardBreak = {
   title: "Hard Break",
   description: "Add a break between lines.",
   searchTerms: ["break", "line"],
-  icon: /* @__PURE__ */ jsx5(DivideIcon, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx6(DivideIcon, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setHardBreak().run();
   }
@@ -211,7 +224,7 @@ var blockquote = {
   title: "Blockquote",
   description: "Add blockquote.",
   searchTerms: ["quote", "blockquote"],
-  icon: /* @__PURE__ */ jsx5(TextQuote, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx6(TextQuote, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).toggleBlockquote().run();
   }
@@ -220,7 +233,7 @@ var footer = {
   title: "Footer",
   description: "Add a footer text to email.",
   searchTerms: ["footer", "text"],
-  icon: /* @__PURE__ */ jsx5(FootprintsIcon, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx6(FootprintsIcon, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().deleteRange(range).setFooter().run();
   }
@@ -229,7 +242,7 @@ var clearLine = {
   title: "Clear Line",
   description: "Clear the current line.",
   searchTerms: ["clear", "line"],
-  icon: /* @__PURE__ */ jsx5(EraserIcon, { className: "mly-h-4 mly-w-4" }),
+  icon: /* @__PURE__ */ jsx6(EraserIcon, { className: "mly-h-4 mly-w-4" }),
   command: ({ editor, range }) => {
     editor.chain().focus().selectParentNode().deleteSelection().run();
   }
@@ -246,6 +259,7 @@ export {
   heading1,
   heading2,
   heading3,
+  htmlCodeBlock,
   image,
   inlineImage,
   linkCard,