@blocknote/xl-email-exporter 0.32.0

package/src/react-email/defaultSchema/index.ts

@@ -0,0 +1,9 @@
+import { reactEmailBlockMappingForDefaultSchema } from "./blocks.js";
+import { reactEmailInlineContentMappingForDefaultSchema } from "./inlinecontent.js";
+import { reactEmailStyleMappingForDefaultSchema } from "./styles.js";
+
+export const reactEmailDefaultSchemaMappings = {
+  blockMapping: reactEmailBlockMappingForDefaultSchema,
+  inlineContentMapping: reactEmailInlineContentMappingForDefaultSchema,
+  styleMapping: reactEmailStyleMappingForDefaultSchema,
+};

package/src/react-email/defaultSchema/inlinecontent.tsx

@@ -0,0 +1,26 @@
+import {
+  DefaultInlineContentSchema,
+  DefaultStyleSchema,
+} from "@blocknote/core";
+import { InlineContentMapping } from "@blocknote/core/src/exporter/mapping.js";
+import { Link } from "@react-email/components";
+
+export const reactEmailInlineContentMappingForDefaultSchema: InlineContentMapping<
+  DefaultInlineContentSchema,
+  DefaultStyleSchema,
+  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,
+  React.ReactElement<HTMLSpanElement>
+> = {
+  link: (ic, t) => {
+    return (
+      <Link href={ic.href}>
+        {...ic.content.map((content) => {
+          return t.transformStyledText(content);
+        })}
+      </Link>
+    );
+  },
+  text: (ic, t) => {
+    return t.transformStyledText(ic);
+  },
+};

package/src/react-email/defaultSchema/styles.tsx

@@ -0,0 +1,61 @@
+import { DefaultStyleSchema, StyleMapping } from "@blocknote/core";
+import { CSSProperties } from "react";
+
+export const reactEmailStyleMappingForDefaultSchema: StyleMapping<
+  DefaultStyleSchema,
+  CSSProperties
+> = {
+  bold: (val) => {
+    if (!val) {
+      return {};
+    }
+    return {
+      fontWeight: "bold",
+    };
+  },
+  italic: (val) => {
+    if (!val) {
+      return {};
+    }
+    return {
+      fontStyle: "italic",
+    };
+  },
+  underline: (val) => {
+    if (!val) {
+      return {};
+    }
+    return {
+      textDecoration: "underline", // TODO: could conflict with strike
+    };
+  },
+  strike: (val) => {
+    if (!val) {
+      return {};
+    }
+    return {
+      textDecoration: "line-through",
+    };
+  },
+  backgroundColor: (val) => {
+    return {
+      backgroundColor: val,
+    };
+  },
+  textColor: (val) => {
+    if (!val) {
+      return {};
+    }
+    return {
+      color: val,
+    };
+  },
+  code: (val) => {
+    if (!val) {
+      return {};
+    }
+    return {
+      fontFamily: "Courier",
+    };
+  },
+};

package/src/react-email/index.ts

@@ -0,0 +1,2 @@
+export * from "./defaultSchema/index.js";
+export * from "./reactEmailExporter.jsx";