nuxt-email-renderer 0.0.1

package/dist/runtime/components/img/EImg.vue.d.ts

@@ -0,0 +1,39 @@
+import type { PropType } from 'vue';
+export declare const EImg: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: PropType<string | number>;
+        required: false;
+    };
+    height: {
+        type: PropType<string | number>;
+        required: false;
+    };
+    alt: {
+        type: StringConstructor;
+        required: false;
+    };
+}>, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: PropType<string | number>;
+        required: false;
+    };
+    height: {
+        type: PropType<string | number>;
+        required: false;
+    };
+    alt: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export default EImg;

package/dist/runtime/components/index.d.ts

@@ -0,0 +1,38 @@
+export { default as EHtml } from './html/EHtml.vue.js';
+export { default as EText } from './text/EText.vue.js';
+export { default as EBody } from './body/EBody.vue.js';
+export { default as EButton } from './button/EButton.vue.js';
+export { default as EColumn } from './column/EColumn.vue.js';
+export { default as ECodeBlock } from './code-block/ECodeBlock.vue.js';
+export { default as EContainer } from './container/EContainer.vue.js';
+export { default as EFont } from './font/EFont.vue.js';
+export { default as EHead } from './head/EHead.vue.js';
+export { default as EHeading } from './heading/EHeading.vue.js';
+export { default as EHr } from './hr/EHr.vue.js';
+export { default as EImg } from './img/EImg.vue.js';
+export { default as ELink } from './link/ELink.vue.js';
+export { default as EPreview } from './preview/EPreview.vue.js';
+export { default as ERow } from './row/ERow.vue.js';
+export { default as ESection } from './section/ESection.vue.js';
+export { default as EStyle } from './style/EStyle.vue.js';
+export { default as ECodeInline } from './code-inline/ECodeInline.vue.js';
+export declare const emailComponents: {
+    EBody: () => Promise<any>;
+    EButton: () => Promise<any>;
+    ECodeBlock: () => Promise<any>;
+    ECodeInline: () => Promise<any>;
+    EColumn: () => Promise<any>;
+    EContainer: () => Promise<any>;
+    EFont: () => Promise<any>;
+    EHead: () => Promise<any>;
+    EHeading: () => Promise<any>;
+    EHr: () => Promise<any>;
+    EHtml: () => Promise<any>;
+    EImg: () => Promise<any>;
+    ELink: () => Promise<any>;
+    EPreview: () => Promise<any>;
+    ERow: () => Promise<any>;
+    ESection: () => Promise<any>;
+    EStyle: () => Promise<any>;
+    EText: () => Promise<any>;
+};

package/dist/runtime/components/index.js

@@ -0,0 +1,38 @@
+export { default as EHtml } from "./html/EHtml.vue";
+export { default as EText } from "./text/EText.vue";
+export { default as EBody } from "./body/EBody.vue";
+export { default as EButton } from "./button/EButton.vue";
+export { default as EColumn } from "./column/EColumn.vue";
+export { default as ECodeBlock } from "./code-block/ECodeBlock.vue";
+export { default as EContainer } from "./container/EContainer.vue";
+export { default as EFont } from "./font/EFont.vue";
+export { default as EHead } from "./head/EHead.vue";
+export { default as EHeading } from "./heading/EHeading.vue";
+export { default as EHr } from "./hr/EHr.vue";
+export { default as EImg } from "./img/EImg.vue";
+export { default as ELink } from "./link/ELink.vue";
+export { default as EPreview } from "./preview/EPreview.vue";
+export { default as ERow } from "./row/ERow.vue";
+export { default as ESection } from "./section/ESection.vue";
+export { default as EStyle } from "./style/EStyle.vue";
+export { default as ECodeInline } from "./code-inline/ECodeInline.vue";
+export const emailComponents = {
+  EBody: () => import("./body/EBody.vue"),
+  EButton: () => import("./button/EButton.vue"),
+  ECodeBlock: () => import("./code-block/ECodeBlock.vue"),
+  ECodeInline: () => import("./code-inline/ECodeInline.vue"),
+  EColumn: () => import("./column/EColumn.vue"),
+  EContainer: () => import("./container/EContainer.vue"),
+  EFont: () => import("./font/EFont.vue"),
+  EHead: () => import("./head/EHead.vue"),
+  EHeading: () => import("./heading/EHeading.vue"),
+  EHr: () => import("./hr/EHr.vue"),
+  EHtml: () => import("./html/EHtml.vue"),
+  EImg: () => import("./img/EImg.vue"),
+  ELink: () => import("./link/ELink.vue"),
+  EPreview: () => import("./preview/EPreview.vue"),
+  ERow: () => import("./row/ERow.vue"),
+  ESection: () => import("./section/ESection.vue"),
+  EStyle: () => import("./style/EStyle.vue"),
+  EText: () => import("./text/EText.vue")
+};

package/dist/runtime/components/link/ELink.vue

@@ -0,0 +1,30 @@
+<script>
+import { defineComponent, h } from "vue";
+export const ELink = defineComponent({
+  name: "ELink",
+  props: {
+    href: {
+      type: String,
+      required: true
+    },
+    target: {
+      type: String,
+      default: "_blank"
+    }
+  },
+  setup(props, { slots }) {
+    return () => {
+      return h(
+        "a",
+        {
+          style: "color: #067df7; text-decoration: none",
+          href: props.href,
+          target: props.target
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+export default ELink;
+</script>

package/dist/runtime/components/link/ELink.vue.d.ts

@@ -0,0 +1,24 @@
+export declare const ELink: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        required: true;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    target: string;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export default ELink;

package/dist/runtime/components/link/__snapshots__/ELink.test.ts.snap

@@ -0,0 +1,3 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<ELink> component > renders correctly 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><a style="color: #067df7; text-decoration: none" href="https://example.com" target="_blank">Example</a>"`;

package/dist/runtime/components/preview/EPreview.vue

@@ -0,0 +1,41 @@
+<script>
+import { computed, defineComponent, h } from "vue";
+const PREVIEW_MAX_LENGTH = 150;
+export const renderWhiteSpace = (text) => {
+  if (text.length >= PREVIEW_MAX_LENGTH) {
+    return null;
+  }
+  const whiteSpaceCodes = "\xA0\u200C\u200B\u200D\u200E\u200F\uFEFF";
+  return h("div", [whiteSpaceCodes.repeat(PREVIEW_MAX_LENGTH - text.length)]);
+};
+export const EPreview = defineComponent({
+  name: "EPreview",
+  setup(_, { slots }) {
+    const text = computed(() => {
+      if (slots.default !== void 0) {
+        const children = slots.default()[0]?.children;
+        const newText = Array.isArray(children) ? children.join("") : children;
+        return newText?.substring(0, PREVIEW_MAX_LENGTH);
+      }
+      return "";
+    });
+    return () => {
+      return h(
+        "div",
+        {
+          style: {
+            display: "none",
+            overflow: "hidden",
+            lineHeight: "1px",
+            opacity: 0,
+            maxHeight: 0,
+            maxWidth: 0
+          }
+        },
+        [text.value, renderWhiteSpace(text.value)]
+      );
+    };
+  }
+});
+export default EPreview;
+</script>

package/dist/runtime/components/preview/EPreview.vue.d.ts

@@ -0,0 +1,7 @@
+export declare const renderWhiteSpace: (text: string) => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}> | null;
+export declare const EPreview: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export default EPreview;

package/dist/runtime/components/preview/__snapshots__/EPreview.test.ts.snap

@@ -0,0 +1,5 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<EPreview> component > renders correctly with array text 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0;">Email preview<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div>"`;
+
+exports[`<EPreview> component > renders correctly with really long text 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0;">really longreally longreally longreally longreally longreally longreally longreally longreally longreally longreally longreally longreally longreally </div>"`;

package/dist/runtime/components/row/ERow.vue

@@ -0,0 +1,31 @@
+<script>
+import { defineComponent, h } from "vue";
+export const ERow = defineComponent({
+  name: "ERow",
+  setup(_, { slots }) {
+    return () => {
+      return h(
+        "table",
+        {
+          align: "center",
+          width: "100%",
+          border: "0",
+          cellPadding: "0",
+          cellSpacing: "0",
+          role: "presentation"
+        },
+        [h("tbody", {
+          style: {
+            width: "100%"
+          }
+        }, [h("tr", {
+          style: {
+            width: "100%"
+          }
+        }, slots.default?.())])]
+      );
+    };
+  }
+});
+export default ERow;
+</script>

package/dist/runtime/components/row/ERow.vue.d.ts

@@ -0,0 +1,4 @@
+export declare const ERow: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export default ERow;

package/dist/runtime/components/section/ESection.vue

@@ -0,0 +1,23 @@
+<script>
+import { defineComponent, h } from "vue";
+export const ESection = defineComponent({
+  name: "ESection",
+  setup(_, { slots }) {
+    return () => {
+      return h(
+        "table",
+        {
+          align: "center",
+          width: "100%",
+          border: "0",
+          cellPadding: "0",
+          cellSpacing: "0",
+          role: "presentation"
+        },
+        [h("tbody", [h("tr", [h("td", slots.default?.())])])]
+      );
+    };
+  }
+});
+export default ESection;
+</script>

package/dist/runtime/components/section/ESection.vue.d.ts

@@ -0,0 +1,4 @@
+export declare const ESection: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export default ESection;

package/dist/runtime/components/style/EStyle.vue

@@ -0,0 +1,18 @@
+<script>
+import { defineComponent, h } from "vue";
+export const EStyle = defineComponent({
+  name: "EStyle",
+  setup(_, { slots }) {
+    return () => {
+      return h(
+        "style",
+        {
+          "data-id": "__nuxt-email-style"
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+export default EStyle;
+</script>

package/dist/runtime/components/style/EStyle.vue.d.ts

@@ -0,0 +1,4 @@
+export declare const EStyle: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export default EStyle;

package/dist/runtime/components/text/EText.vue

@@ -0,0 +1,22 @@
+<script>
+import { defineComponent, h } from "vue";
+export const EText = defineComponent({
+  name: "EText",
+  setup(_, { slots }) {
+    return () => {
+      return h(
+        "p",
+        {
+          style: {
+            fontSize: "14px",
+            lineHeight: "24px",
+            margin: "16px 0"
+          }
+        },
+        slots.default?.()
+      );
+    };
+  }
+});
+export default EText;
+</script>

package/dist/runtime/components/text/EText.vue.d.ts

@@ -0,0 +1,4 @@
+export declare const EText: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export default EText;

package/dist/runtime/server/api/emails/list.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/emails/list.get.js

@@ -0,0 +1,19 @@
+import { defineEventHandler } from "h3";
+import { useStorage } from "#imports";
+export default defineEventHandler(async () => {
+  try {
+    const storage = useStorage("assets:emails");
+    const files = await storage.getKeys();
+    const emailTemplates = files.filter((file) => file.endsWith(".vue")).map((file) => ({
+      name: file.replace(".vue", ""),
+      filename: file,
+      displayName: file.replace(".vue", "").replace(/([A-Z])/g, " $1").trim()
+    })).sort((a, b) => a.displayName.localeCompare(b.displayName));
+    return emailTemplates;
+  } catch (error) {
+    return {
+      error: true,
+      message: error.message || "Failed to fetch email templates"
+    };
+  }
+});

package/dist/runtime/server/api/emails/render.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<string>>;
+export default _default;

package/dist/runtime/server/api/emails/render.get.js

@@ -0,0 +1,47 @@
+import { useStorage } from "#imports";
+import { defineEventHandler, getQuery, createError } from "h3";
+import { render } from "../../utils/render.js";
+export default defineEventHandler(async (event) => {
+  const query = getQuery(event);
+  const emailName = query.name;
+  if (!emailName) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Email name is required. Use ?name=EmailName"
+    });
+  }
+  try {
+    const filename = emailName.endsWith(".vue") ? emailName : `${emailName}.vue`;
+    const storage = useStorage("assets:emails");
+    const source = await storage.getItem(filename);
+    if (!source) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: `Email template "${emailName}" not found`
+      });
+    }
+    const templateMatch = source.match(/<template[^>]*>([\s\S]*?)<\/template>/i);
+    if (!templateMatch) {
+      throw createError({
+        statusCode: 500,
+        statusMessage: `Email template "${emailName}" has no template block`
+      });
+    }
+    const templateContent = templateMatch[1].trim();
+    const component = {
+      template: templateContent,
+      setup() {
+        return {};
+      }
+    };
+    return await render(component);
+  } catch (error) {
+    if (error.statusCode) {
+      throw error;
+    }
+    throw createError({
+      statusCode: 500,
+      statusMessage: `Failed to render email: ${error.message || "Unknown error"}`
+    });
+  }
+});

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

package/dist/runtime/server/utils/cleanup.d.ts

@@ -0,0 +1 @@
+export declare function cleanup(str: string): string;

package/dist/runtime/server/utils/cleanup.js

@@ -0,0 +1,5 @@
+export function cleanup(str) {
+  if (!str)
+    return str;
+  return str.replace(/ data-v-inspector="[^"]*"/g, "").replace(/<!--\[-->/g, "").replace(/<!--\]-->/g, "").replace(/<!--[\s\S]*?-->/g, "").replace(/<style>(?![\s\S]*@font-face)[\s\S]*?<\/style>/g, "").replace(/<script>[\s\S]*?<\/script>/g, "").replace(/<script[^>]*>[\s\S]*?<\/script>/g, "").replace(/<template>/g, "").replace(/<template[^>]*>/g, "").replace(/<\/template>/g, "").replace(/<\/tailwind-clean-component>/g, "");
+}

package/dist/runtime/server/utils/options.d.ts

@@ -0,0 +1,15 @@
+import type { HtmlToTextOptions } from 'html-to-text';
+export type Options = {
+    pretty?: boolean;
+} & ({
+    plainText?: false;
+} | {
+    plainText?: true;
+    /**
+     * These are options you can pass down directly to the library we use for
+     * converting the rendered email's HTML into plain text.
+     *
+     * @see https://github.com/html-to-text/node-html-to-text
+     */
+    htmlToTextOptions?: HtmlToTextOptions;
+});

package/dist/runtime/server/utils/plainTextSelectors.d.ts

@@ -0,0 +1,2 @@
+import type { SelectorDefinition } from 'html-to-text';
+export declare const plainTextSelectors: SelectorDefinition[];

package/dist/runtime/server/utils/plainTextSelectors.js

@@ -0,0 +1,8 @@
+export const plainTextSelectors = [
+  { selector: "img", format: "skip" },
+  { selector: "#__vue-email-preview", format: "skip" },
+  {
+    selector: "a",
+    options: { linkBrackets: false }
+  }
+];

package/dist/runtime/server/utils/pretty.d.ts

@@ -0,0 +1 @@
+export declare const pretty: (str: string, options?: {}) => string;

package/dist/runtime/server/utils/pretty.js

@@ -0,0 +1,11 @@
+import jsBeautify from "js-beautify";
+const defaults = {
+  unformatted: ["code", "pre", "em", "strong", "span"],
+  indent_inner_html: true,
+  indent_char: " ",
+  indent_size: 2,
+  sep: "\n"
+};
+export const pretty = (str, options = {}) => {
+  return jsBeautify.html(str, { ...defaults, ...options });
+};

package/dist/runtime/server/utils/render.d.ts

@@ -0,0 +1,14 @@
+import type { AllowedComponentProps, Component, VNodeProps } from 'vue';
+import type { Options } from './options.js';
+export type ExtractComponentProps<TComponent> = TComponent extends new () => {
+    $props: infer P;
+} ? Omit<P, keyof VNodeProps | keyof AllowedComponentProps> : never;
+export interface VNode {
+    type: string;
+    props: {
+        style?: Record<string, string | number>;
+        children?: string | VNode | VNode[];
+        [prop: string]: unknown;
+    };
+}
+export declare function render<T extends Component>(component: T, props?: ExtractComponentProps<T>, options?: Options): Promise<string>;

package/dist/runtime/server/utils/render.js

@@ -0,0 +1,30 @@
+import { renderToString } from "vue/server-renderer";
+import { createSSRApp } from "vue";
+import { convert } from "html-to-text";
+import { pretty } from "./pretty.js";
+import { plainTextSelectors } from "./plainTextSelectors.js";
+import { cleanup } from "./cleanup.js";
+import { emailComponents } from "../../components/index.js";
+async function registerEmailComponents(app) {
+  for (const [name, componentImporter] of Object.entries(emailComponents)) {
+    const component = await componentImporter();
+    app.component(name, component.default);
+  }
+}
+export async function render(component, props, options) {
+  const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
+  const App = createSSRApp(component, props || {});
+  await registerEmailComponents(App);
+  const markup = await renderToString(App);
+  if (options?.plainText) {
+    return convert(markup, {
+      selectors: plainTextSelectors,
+      ...options?.plainText === true ? options.htmlToTextOptions : {}
+    });
+  }
+  const doc = `${doctype}${cleanup(markup)}`;
+  if (options && options.pretty) {
+    return pretty(doc);
+  }
+  return doc;
+}

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "nuxt-email-renderer",
+  "version": "0.0.1",
+  "description": "Nuxt email module for rendering HTML emails with Vue components",
+  "repository": "mokkapps/nuxt-email",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build && npm run client:build",
+    "client:build": "nuxi generate client",
+    "client:dev": "nuxi dev client --port 3300",
+    "dev": "npm run play:dev",
+    "dev:prepare": "nuxt-module-build --stub && nuxi prepare client",
+    "prepare": "nuxi prepare client",
+    "play:dev": "nuxi dev playground",
+    "play:prod": "npm run prepack && nuxi dev playground",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@nuxt/devtools-kit": "^2.6.5",
+    "@nuxt/kit": "^4.1.2",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/compiler-dom": "^3.5.21",
+    "@vue/compiler-sfc": "^3.5.21",
+    "html-to-text": "^9.0.5",
+    "js-beautify": "^1.15.4",
+    "shiki": "^3.13.0",
+    "zod": "^4.1.11"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "^2.6.5",
+    "@nuxt/devtools-ui-kit": "^2.6.5",
+    "@nuxt/eslint-config": "^1.9.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.1.2",
+    "@nuxt/test-utils": "^3.19.2",
+    "@types/html-to-text": "^9.0.4",
+    "@types/js-beautify": "^1.14.3",
+    "@types/node": "latest",
+    "changelogen": "^0.6.2",
+    "eslint": "^9.36.0",
+    "jsdom": "^27.0.0",
+    "nuxt": "4.1.2",
+    "typescript": "~5.9.2",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.0.8"
+  },
+  "packageManager": "pnpm@10.16.1"
+}