@react-email/editor 0.0.0-experimental.20 → 0.0.0-experimental.21

package/dist/index.mjs

@@ -1,13 +1,14 @@
 import * as ReactEmailComponents from "@react-email/components";
 import { Body as Body$1, Button as Button$1, CodeBlock, Column, Head, Heading as Heading$1, Hr, Html, Link as Link$1, Preview, Row, Section as Section$1, pretty, render, toPlainText } from "@react-email/components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Extension, InputRule, Mark, Node as Node$1, findChildren, markInputRule, markPasteRule, mergeAttributes } from "@tiptap/core";
+import { Extension, InputRule, Mark, Node as Node$1, findChildren, mergeAttributes } from "@tiptap/core";
 import { UndoRedo } from "@tiptap/extensions";
 import { NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer, ReactRenderer, useCurrentEditor, useEditor as useEditor$1, useEditorState } from "@tiptap/react";
 import * as React from "react";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import TipTapStarterKit from "@tiptap/starter-kit";
 import BlockquoteBase from "@tiptap/extension-blockquote";
+import BoldBase from "@tiptap/extension-bold";
 import BulletListBase from "@tiptap/extension-bullet-list";
 import CodeBase from "@tiptap/extension-code";
 import CodeBlock$1 from "@tiptap/extension-code-block";
@@ -25,6 +26,8 @@ import OrderedListBase from "@tiptap/extension-ordered-list";
 import ParagraphBase from "@tiptap/extension-paragraph";
 import TipTapPlaceholder from "@tiptap/extension-placeholder";
 import StrikeBase from "@tiptap/extension-strike";
+import SuperscriptBase from "@tiptap/extension-superscript";
+import UnderlineBase from "@tiptap/extension-underline";
 import { generateJSON } from "@tiptap/html";
 import { AlignCenterIcon, AlignLeftIcon, AlignRightIcon, BoldIcon, CaseUpperIcon, Check, ChevronDown, Code as Code$1, CodeIcon, Columns2, Columns3, Columns4, ExternalLinkIcon, Heading1, Heading2, Heading3, ItalicIcon, LinkIcon, List, ListOrdered, MousePointer, PencilIcon, Rows2, SplitSquareVertical, SquareCode, StrikethroughIcon, Text, TextIcon, TextQuote, UnderlineIcon, UnlinkIcon } from "lucide-react";
 import * as Popover from "@radix-ui/react-popover";
@@ -645,95 +648,23 @@ const Body = EmailNode.create({
 
 //#endregion
 //#region src/extensions/bold.tsx
-/**
-* Matches bold text via `**` as input.
-*/
-const starInputRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/;
-/**
-* Matches bold text via `**` while pasting.
-*/
-const starPasteRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g;
-/**
-* Matches bold text via `__` as input.
-*/
-const underscoreInputRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/;
-/**
-* Matches bold text via `__` while pasting.
-*/
-const underscorePasteRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g;
-/**
-* This extension allows you to mark text as bold.
-* @see https://tiptap.dev/api/marks/bold
-*/
-const Bold = EmailMark.create({
-	name: "bold",
-	addOptions() {
-		return { HTMLAttributes: {} };
-	},
-	parseHTML() {
-		return [
-			{ tag: "strong" },
-			{
-				tag: "b",
-				getAttrs: (node) => node.style.fontWeight !== "normal" && null
-			},
-			{
-				style: "font-weight=400",
-				clearMark: (mark) => mark.type.name === this.name
-			}
-		];
-	},
-	renderHTML({ HTMLAttributes }) {
-		return [
-			"strong",
-			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-			0
-		];
-	},
-	renderToReactEmail({ children, style }) {
-		return /* @__PURE__ */ jsx("strong", {
-			style,
-			children
-		});
-	},
-	addCommands() {
-		return {
-			setBold: () => ({ commands }) => {
-				return commands.setMark(this.name);
-			},
-			toggleBold: () => ({ commands }) => {
-				return commands.toggleMark(this.name);
-			},
-			unsetBold: () => ({ commands }) => {
-				return commands.unsetMark(this.name);
-			}
-		};
-	},
-	addKeyboardShortcuts() {
-		return {
-			"Mod-b": () => this.editor.commands.toggleBold(),
-			"Mod-B": () => this.editor.commands.toggleBold()
-		};
-	},
-	addInputRules() {
-		return [markInputRule({
-			find: starInputRegex,
-			type: this.type
-		}), markInputRule({
-			find: underscoreInputRegex,
-			type: this.type
-		})];
-	},
-	addPasteRules() {
-		return [markPasteRule({
-			find: starPasteRegex,
-			type: this.type
-		}), markPasteRule({
-			find: underscorePasteRegex,
-			type: this.type
-		})];
-	}
-});
+const BoldWithoutFontWeightInference = BoldBase.extend({ parseHTML() {
+	return [
+		{ tag: "strong" },
+		{
+			tag: "b",
+			getAttrs: (node) => node.style.fontWeight !== "normal" && null
+		},
+		{
+			style: "font-weight=400",
+			clearMark: (mark) => mark.type.name === this.name
+		}
+	];
+} });
+const Bold = EmailMark.from(BoldWithoutFontWeightInference, ({ children, style }) => /* @__PURE__ */ jsx("strong", {
+	style,
+	children
+}));
 
 //#endregion
 //#region src/extensions/bullet-list.tsx
@@ -1733,33 +1664,11 @@ const StyleAttribute = Extension.create({
 
 //#endregion
 //#region src/extensions/sup.tsx
-/**
-* This extension allows you to mark text as superscript.
-* @see https://tiptap.dev/api/marks/superscript
-*/
-const Sup = EmailMark.create({
+const SupBase = SuperscriptBase.extend({
 	name: "sup",
-	addOptions() {
-		return { HTMLAttributes: {} };
-	},
-	parseHTML() {
-		return [{ tag: "sup" }];
-	},
-	renderHTML({ HTMLAttributes }) {
-		return [
-			"sup",
-			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-			0
-		];
-	},
-	renderToReactEmail({ children, style }) {
-		return /* @__PURE__ */ jsx("sup", {
-			style,
-			children
-		});
-	},
 	addCommands() {
 		return {
+			...this.parent?.(),
 			setSup: () => ({ commands }) => {
 				return commands.setMark(this.name);
 			},
@@ -1772,6 +1681,10 @@ const Sup = EmailMark.create({
 		};
 	}
 });
+const Sup = EmailMark.from(SupBase, ({ children, style }) => /* @__PURE__ */ jsx("sup", {
+	style,
+	children
+}));
 
 //#endregion
 //#region src/extensions/table.tsx
@@ -1959,6 +1872,13 @@ const TableHeader = Node$1.create({
 	}
 });
 
+//#endregion
+//#region src/extensions/underline.tsx
+const Underline = EmailMark.from(UnderlineBase, ({ children, style }) => /* @__PURE__ */ jsx("u", {
+	style,
+	children
+}));
+
 //#endregion
 //#region src/extensions/uppercase.tsx
 const Uppercase = EmailMark.create({
@@ -2196,6 +2116,7 @@ const starterKitExtensions = {
 	Divider,
 	Link,
 	Sup,
+	Underline,
 	Uppercase,
 	PreservedStyle,
 	Table,
@@ -2240,6 +2161,7 @@ const StarterKit = Extension.create({
 			Divider: {},
 			Link: {},
 			Sup: {},
+			Underline: {},
 			Uppercase: {},
 			PreservedStyle: {},
 			Table: {},
@@ -4121,5 +4043,5 @@ function createSlashCommand(options) {
 const SlashCommand = createSlashCommand();
 
 //#endregion
-export { AlignmentAttribute, BULLET_LIST, BUTTON, Blockquote, Body, Bold, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, BubbleMenuLinkSelector, BubbleMenuNodeSelector, BubbleMenuRoot, BubbleMenuSeparator, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, BulletList, Button, ButtonBubbleMenu, ButtonBubbleMenuDefault, ButtonBubbleMenuEditLink, ButtonBubbleMenuRoot, ButtonBubbleMenuToolbar, CODE, COLUMN_PARENT_TYPES, ClassAttribute, Code, CodeBlockPrism, ColumnsColumn, CommandList, DIVIDER, Div, Divider, EmailNode, FOUR_COLUMNS, FourColumns, GlobalContent, H1, H2, H3, HardBreak, Heading, ImageBubbleMenu, ImageBubbleMenuDefault, ImageBubbleMenuEditLink, ImageBubbleMenuRoot, ImageBubbleMenuToolbar, Italic, Link, LinkBubbleMenu, LinkBubbleMenuDefault, LinkBubbleMenuEditLink, LinkBubbleMenuForm, LinkBubbleMenuOpenLink, LinkBubbleMenuRoot, LinkBubbleMenuToolbar, LinkBubbleMenuUnlink, ListItem, MAX_COLUMNS_DEPTH, MaxNesting, NUMBERED_LIST, NodeSelectorContent, NodeSelectorRoot, NodeSelectorTrigger, OrderedList, Paragraph, Placeholder, PreservedStyle, PreviewText, QUOTE, SECTION, Section, SlashCommand, StarterKit, Strike, StyleAttribute, Sup, TEXT, THREE_COLUMNS, TWO_COLUMNS, Table, TableCell, TableHeader, TableRow, ThreeColumns, TwoColumns, Uppercase, composeReactEmail, createSlashCommand, defaultSlashCommands, editorEventBus, filterAndRankItems, getColumnsDepth, getGlobalContent, isAtMaxColumnsDepth, isDocumentVisuallyEmpty, isInsideNode, processStylesForUnlink, scoreItem, setTextAlignment, useButtonBubbleMenuContext, useEditor, useImageBubbleMenuContext, useLinkBubbleMenuContext };
+export { AlignmentAttribute, BULLET_LIST, BUTTON, Blockquote, Body, Bold, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, BubbleMenuLinkSelector, BubbleMenuNodeSelector, BubbleMenuRoot, BubbleMenuSeparator, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, BulletList, Button, ButtonBubbleMenu, ButtonBubbleMenuDefault, ButtonBubbleMenuEditLink, ButtonBubbleMenuRoot, ButtonBubbleMenuToolbar, CODE, COLUMN_PARENT_TYPES, ClassAttribute, Code, CodeBlockPrism, ColumnsColumn, CommandList, DIVIDER, Div, Divider, EmailNode, FOUR_COLUMNS, FourColumns, GlobalContent, H1, H2, H3, HardBreak, Heading, ImageBubbleMenu, ImageBubbleMenuDefault, ImageBubbleMenuEditLink, ImageBubbleMenuRoot, ImageBubbleMenuToolbar, Italic, Link, LinkBubbleMenu, LinkBubbleMenuDefault, LinkBubbleMenuEditLink, LinkBubbleMenuForm, LinkBubbleMenuOpenLink, LinkBubbleMenuRoot, LinkBubbleMenuToolbar, LinkBubbleMenuUnlink, ListItem, MAX_COLUMNS_DEPTH, MaxNesting, NUMBERED_LIST, NodeSelectorContent, NodeSelectorRoot, NodeSelectorTrigger, OrderedList, Paragraph, Placeholder, PreservedStyle, PreviewText, QUOTE, SECTION, Section, SlashCommand, StarterKit, Strike, StyleAttribute, Sup, TEXT, THREE_COLUMNS, TWO_COLUMNS, Table, TableCell, TableHeader, TableRow, ThreeColumns, TwoColumns, Underline, Uppercase, composeReactEmail, createSlashCommand, defaultSlashCommands, editorEventBus, filterAndRankItems, getColumnsDepth, getGlobalContent, isAtMaxColumnsDepth, isDocumentVisuallyEmpty, isInsideNode, processStylesForUnlink, scoreItem, setTextAlignment, useButtonBubbleMenuContext, useEditor, useImageBubbleMenuContext, useLinkBubbleMenuContext };
 //# sourceMappingURL=index.mjs.map