nuxt-generation-emails 0.1.0

package/dist/runtime/components/EmailTemplateSelector.vue

@@ -0,0 +1,161 @@
+<script setup>
+import { ref, computed, onUnmounted, onMounted } from "vue";
+import { useRoute, useRouter } from "#imports";
+const props = defineProps({
+  templates: { type: Array, required: true }
+});
+const route = useRoute();
+const router = useRouter();
+const isOpen = ref(false);
+const expandedDirs = ref(/* @__PURE__ */ new Set());
+const currentTemplate = computed(() => {
+  return route.path.replace("/__emails/", "") || "Select a template";
+});
+const flatNodes = computed(() => {
+  const dirSet = /* @__PURE__ */ new Set();
+  const entries = [];
+  props.templates.forEach((template) => {
+    const parts = template.split("/");
+    entries.push({ parts, template });
+    for (let i = 1; i < parts.length; i++) {
+      dirSet.add(parts.slice(0, i).join("/"));
+    }
+  });
+  const root = [];
+  entries.forEach(({ parts, template }) => {
+    let currentLevel = root;
+    parts.forEach((part, index) => {
+      const isLast = index === parts.length - 1;
+      const path = parts.slice(0, index + 1).join("/");
+      let existing = currentLevel.find((n) => n.name === part && n.isDirectory === !isLast);
+      if (!existing) {
+        existing = {
+          name: part,
+          path: isLast ? template : path,
+          isDirectory: !isLast,
+          children: []
+        };
+        currentLevel.push(existing);
+      }
+      if (!isLast) {
+        currentLevel = existing.children;
+      }
+    });
+  });
+  const result = [];
+  function flatten(nodes, depth) {
+    const sorted = [...nodes].sort((a, b) => {
+      if (a.isDirectory !== b.isDirectory) return a.isDirectory ? -1 : 1;
+      return a.name.localeCompare(b.name);
+    });
+    for (const node of sorted) {
+      result.push({ name: node.name, path: node.path, isDirectory: node.isDirectory, depth });
+      if (node.isDirectory && expandedDirs.value.has(node.path)) {
+        flatten(node.children, depth + 1);
+      }
+    }
+  }
+  flatten(root, 0);
+  return result;
+});
+function selectTemplate(template) {
+  router.push(`/__emails/${template}`);
+  isOpen.value = false;
+}
+function toggleDirectory(path) {
+  if (expandedDirs.value.has(path)) {
+    expandedDirs.value.delete(path);
+  } else {
+    expandedDirs.value.add(path);
+  }
+}
+function toggleDropdown() {
+  isOpen.value = !isOpen.value;
+}
+function handleClickOutside(event) {
+  const target = event.target;
+  if (!target.closest(".nge-template-selector")) {
+    isOpen.value = false;
+  }
+}
+onMounted(() => {
+  document.addEventListener("click", handleClickOutside);
+});
+onUnmounted(() => {
+  document.removeEventListener("click", handleClickOutside);
+});
+</script>
+
+<template>
+  <div class="nge-template-selector">
+    <button
+      class="nge-template-selector__trigger"
+      @click="toggleDropdown"
+    >
+      <span class="nge-template-selector__label">{{ currentTemplate }}</span>
+      <svg
+        class="nge-template-selector__icon"
+        :class="{ 'nge-template-selector__icon--open': isOpen }"
+        width="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+      >
+        <path
+          d="M4 6L8 10L12 6"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    </button>
+    <div
+      v-if="isOpen"
+      class="nge-template-selector__dropdown"
+    >
+      <template
+        v-for="node in flatNodes"
+        :key="node.path"
+      >
+        <div
+          v-if="node.isDirectory"
+          class="nge-template-selector__dir-header"
+          :style="{ paddingLeft: `${16 + node.depth * 16}px` }"
+          @click.stop="toggleDirectory(node.path)"
+        >
+          <svg
+            class="nge-template-selector__dir-icon"
+            :class="{ 'nge-template-selector__dir-icon--open': expandedDirs.has(node.path) }"
+            width="12"
+            height="12"
+            viewBox="0 0 16 16"
+            fill="none"
+          >
+            <path
+              d="M6 4L10 8L6 12"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>
+          <span>{{ node.name }}</span>
+        </div>
+        <div
+          v-else
+          class="nge-template-selector__item"
+          :class="{ 'nge-template-selector__item--active': node.path === currentTemplate }"
+          :style="{ paddingLeft: `${16 + node.depth * 16}px` }"
+          @click="selectTemplate(node.path)"
+        >
+          {{ node.name }}
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.nge-template-selector{position:relative}.nge-template-selector__trigger{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;letter-spacing:-.01em;min-width:200px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.nge-template-selector__trigger:hover{background:hsla(0,0%,100%,.25)}.nge-template-selector__label{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.nge-template-selector__icon{flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.nge-template-selector__icon--open{transform:rotate(180deg)}.nge-template-selector__dropdown{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.05);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nge-template-selector__item{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:450;letter-spacing:-.01em;padding:10px 16px;transition:all .15s ease}.nge-template-selector__item:last-child{border-bottom:none}.nge-template-selector__item:hover{background:#f9fafb;color:#00dc82}.nge-template-selector__item--active{background:#f0fdf4;color:#00dc82;font-weight:500}.nge-template-selector__item--active:before{color:#00dc82;content:"✓";margin-right:8px}.nge-template-selector__directory{border-bottom:1px solid #f3f4f6}.nge-template-selector__directory:last-child{border-bottom:none}.nge-template-selector__dir-header{align-items:center;background:#fafafa;color:#111827;cursor:pointer;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;gap:8px;letter-spacing:-.01em;padding:10px 16px;transition:all .15s ease}.nge-template-selector__dir-header:hover{background:#f3f4f6}.nge-template-selector__dir-icon{color:#6b7280;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.nge-template-selector__dir-icon--open{transform:rotate(90deg)}.nge-template-selector__dir-content{background:#fff}.nge-template-selector__dir-content .nge-template-selector__item{border-bottom:1px solid #f9fafb;padding-left:36px}.nge-template-selector__dir-content .nge-template-selector__item:last-child{border-bottom:none;color:#00dc82}
+</style>

package/dist/runtime/components/EmailTemplateSelector.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    templates: string[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NgeTreeNode.d.vue.ts

@@ -0,0 +1,20 @@
+interface TreeNode {
+    name: string;
+    path: string;
+    isDirectory: boolean;
+    children?: TreeNode[];
+}
+type __VLS_Props = {
+    node: TreeNode;
+    currentTemplate: string;
+    expandedDirs: Set<string>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (template: string) => any;
+    toggle: (path: string, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((template: string) => any) | undefined;
+    onToggle?: ((path: string, event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NgeTreeNode.vue

@@ -0,0 +1,64 @@
+<script setup>
+defineOptions({ name: "NgeTreeNode" });
+defineProps({
+  node: { type: Object, required: true },
+  currentTemplate: { type: String, required: true },
+  expandedDirs: { type: Set, required: true }
+});
+const emit = defineEmits(["select", "toggle"]);
+</script>
+
+<template>
+  <div
+    v-if="node.isDirectory"
+    class="nge-template-selector__directory"
+  >
+    <div
+      class="nge-template-selector__dir-header"
+      @click="emit('toggle', node.path, $event)"
+    >
+      <svg
+        class="nge-template-selector__dir-icon"
+        :class="{ 'nge-template-selector__dir-icon--open': expandedDirs.has(node.path) }"
+        width="12"
+        height="12"
+        viewBox="0 0 16 16"
+        fill="none"
+      >
+        <path
+          d="M6 4L10 8L6 12"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+      <span>{{ node.name }}</span>
+    </div>
+    <div
+      v-if="expandedDirs.has(node.path)"
+      class="nge-template-selector__dir-content"
+    >
+      <template
+        v-for="child in node.children"
+        :key="child.path"
+      >
+        <NgeTreeNode
+          :node="child"
+          :current-template="currentTemplate"
+          :expanded-dirs="expandedDirs"
+          @select="(t) => emit('select', t)"
+          @toggle="(p, e) => emit('toggle', p, e)"
+        />
+      </template>
+    </div>
+  </div>
+  <div
+    v-else
+    class="nge-template-selector__item"
+    :class="{ 'nge-template-selector__item--active': node.path === currentTemplate }"
+    @click="emit('select', node.path)"
+  >
+    {{ node.name }}
+  </div>
+</template>

package/dist/runtime/components/NgeTreeNode.vue.d.ts

@@ -0,0 +1,20 @@
+interface TreeNode {
+    name: string;
+    path: string;
+    isDirectory: boolean;
+    children?: TreeNode[];
+}
+type __VLS_Props = {
+    node: TreeNode;
+    currentTemplate: string;
+    expandedDirs: Set<string>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (template: string) => any;
+    toggle: (path: string, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((template: string) => any) | undefined;
+    onToggle?: ((path: string, event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/pages/__emails.d.vue.ts

@@ -0,0 +1,25 @@
+interface PropDefinition {
+    name: string;
+    type: 'string' | 'number' | 'boolean' | 'object' | 'unknown';
+}
+type __VLS_Props = {
+    /** Reactive object containing current prop values (managed by the wrapper) */
+    emailProps?: Record<string, unknown>;
+    /** Flat list of prop definitions extracted from the SFC at build time */
+    propDefinitions?: PropDefinition[];
+};
+declare var __VLS_1: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/pages/__emails.vue

@@ -0,0 +1,151 @@
+<script setup>
+import EmailTemplateSelector from "../components/EmailTemplateSelector.vue";
+import ApiTester from "../components/ApiTester.vue";
+import { computed, generateShareableUrl, ref, useAttrs, useRoute, useRouter } from "#imports";
+defineOptions({ inheritAttrs: false });
+const attrs = useAttrs();
+const props = defineProps({
+  emailProps: { type: Object, required: false },
+  propDefinitions: { type: Array, required: false }
+});
+const route = useRoute();
+const router = useRouter();
+const isServerRequest = computed(() => route.query.server === "true");
+const templates = computed(() => {
+  return router.getRoutes().filter((route2) => route2.path.startsWith("/__emails/")).map((route2) => route2.path.replace("/__emails/", "")).sort();
+});
+const showControls = ref(true);
+const copySuccess = ref(false);
+const editableFields = computed(() => {
+  if (!props.propDefinitions) return [];
+  return props.propDefinitions.filter((p) => p.type === "string" || p.type === "number");
+});
+const hasControls = computed(() => !!props.emailProps && editableFields.value.length > 0);
+const previewRenderKey = computed(() => {
+  if (!props.emailProps) return route.fullPath;
+  try {
+    return `${route.fullPath}:${JSON.stringify(props.emailProps)}`;
+  } catch {
+    return route.fullPath;
+  }
+});
+function formatFieldLabel(key) {
+  const words = key.replace(/([A-Z])/g, " $1").trim();
+  return words.charAt(0).toUpperCase() + words.slice(1);
+}
+function getFieldId(key) {
+  return `field-${key.replace(/[^\w-]/g, "-")}`;
+}
+function updateProp(key, value, type) {
+  if (!props.emailProps) return;
+  if (type === "number") {
+    const parsed = Number(value);
+    props.emailProps[key] = Number.isNaN(parsed) ? 0 : parsed;
+  } else {
+    props.emailProps[key] = value;
+  }
+}
+async function copyShareableUrl() {
+  if (!props.emailProps) return;
+  const url = generateShareableUrl(props.emailProps);
+  try {
+    await navigator.clipboard.writeText(url);
+    copySuccess.value = true;
+    setTimeout(() => {
+      copySuccess.value = false;
+    }, 2e3);
+  } catch (error) {
+    console.error("Failed to copy URL:", error);
+  }
+}
+</script>
+
+<template>
+  <!-- Server mode: render only the email content -->
+  <slot v-if="isServerRequest" />
+
+  <!-- Client mode: render full preview UI -->
+  <div
+    v-else
+    v-bind="attrs"
+    class="nge-email-preview"
+  >
+    <div class="nge-email-preview__toolbar">
+      <div class="nge-email-preview__title">
+        Email Template
+      </div>
+      <div class="nge-email-preview__toolbar-actions">
+        <EmailTemplateSelector :templates="templates" />
+        <button
+          v-if="emailProps"
+          class="nge-email-preview__toggle"
+          @click="copyShareableUrl"
+        >
+          {{ copySuccess ? "\u2713 Copied!" : "Share URL" }}
+        </button>
+        <button
+          v-if="hasControls"
+          class="nge-email-preview__toggle"
+          @click="showControls = !showControls"
+        >
+          {{ showControls ? "Hide" : "Show" }} Controls
+        </button>
+      </div>
+    </div>
+    <div class="nge-email-preview__container">
+      <div
+        v-if="hasControls && showControls"
+        class="nge-email-preview__controls"
+      >
+        <div class="nge-email-preview__controls-header">
+          <h3>Template Props</h3>
+        </div>
+        <div class="nge-email-preview__controls-content">
+          <div
+            v-for="field in editableFields"
+            :key="field.name"
+            class="nge-email-preview__control"
+          >
+            <label :for="getFieldId(field.name)">{{ formatFieldLabel(field.name) }}</label>
+            <input
+              v-if="field.type === 'string'"
+              :id="getFieldId(field.name)"
+              :value="emailProps?.[field.name]"
+              type="text"
+              class="nge-email-preview__input"
+              @input="updateProp(field.name, $event.target.value, field.type)"
+            >
+            <input
+              v-else-if="field.type === 'number'"
+              :id="getFieldId(field.name)"
+              :value="emailProps?.[field.name]"
+              type="number"
+              class="nge-email-preview__input"
+              @input="updateProp(field.name, $event.target.value, field.type)"
+            >
+          </div>
+          <ApiTester
+            v-if="emailProps"
+            :data-object="emailProps"
+          />
+        </div>
+      </div>
+      <div class="nge-email-preview__content">
+        <ClientOnly>
+          <div :key="previewRenderKey">
+            <slot />
+          </div>
+          <template #fallback>
+            <div class="nge-email-preview__placeholder">
+              Loading preview...
+            </div>
+          </template>
+        </ClientOnly>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.nge-email-preview{background:#f9fafb;bottom:0;display:flex;flex-direction:column;left:0;margin:0;min-height:100vh;padding:0;position:fixed;right:0;top:0}.nge-email-preview__toolbar{align-items:center;background:linear-gradient(90deg,#047857,#059669);box-shadow:0 1px 3px rgba(0,0,0,.1);color:#fff;display:flex;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;justify-content:space-between;padding:14px 24px;position:sticky;top:0;z-index:1000}.nge-email-preview__toolbar-actions{align-items:center;display:flex;gap:12px}.nge-email-preview__title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:-.01em}.nge-email-preview__title:before{content:"✉";font-size:18px}.nge-email-preview__toggle{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:8px;color:#fff;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;letter-spacing:-.01em;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.nge-email-preview__toggle:hover{background:hsla(0,0%,100%,.25);box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.nge-email-preview__toggle:active{transform:translateY(0)}.nge-email-preview__container{display:flex;flex:1;overflow:hidden}.nge-email-preview__controls{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden;width:320px}.nge-email-preview__controls-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px}.nge-email-preview__controls-header h3{color:#111827;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.nge-email-preview__controls-content{flex:1;overflow-y:auto;padding:24px}.nge-email-preview__control{margin-bottom:20px}.nge-email-preview__control:last-child{margin-bottom:0}.nge-email-preview__control label{color:#374151;display:block;font-size:13px;font-weight:500;letter-spacing:-.01em;margin-bottom:8px}.nge-email-preview__control label,.nge-email-preview__input{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.nge-email-preview__input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;color:#111827;font-size:14px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.nge-email-preview__input:hover{border-color:#9ca3af}.nge-email-preview__input:focus{border-color:#047857;box-shadow:0 0 0 3px rgba(4,120,87,.1),0 1px 2px rgba(0,0,0,.05);outline:none}.nge-email-preview__input::-moz-placeholder{color:#9ca3af}.nge-email-preview__input::placeholder{color:#9ca3af}.nge-email-preview__content{background:#f9fafb;flex:1;overflow-y:auto}.nge-email-preview__placeholder{color:#6b7280;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:24px}
+</style>

package/dist/runtime/pages/__emails.vue.d.ts

@@ -0,0 +1,25 @@
+interface PropDefinition {
+    name: string;
+    type: 'string' | 'number' | 'boolean' | 'object' | 'unknown';
+}
+type __VLS_Props = {
+    /** Reactive object containing current prop values (managed by the wrapper) */
+    emailProps?: Record<string, unknown>;
+    /** Flat list of prop definitions extracted from the SFC at build time */
+    propDefinitions?: PropDefinition[];
+};
+declare var __VLS_1: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/server/tsconfig.json

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

package/dist/runtime/server/utils/send-gen-emails.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Get the sendGenEmails handler function from runtime config
+ * This allows users to provide a custom function for sending emails
+ * while keeping the logic decoupled from the API routes
+ *
+ * @returns The sendGenEmails function if provided, or null
+ */
+export declare function getSendGenEmailsHandler(): ((html: string, data: Record<string, unknown>) => Promise<void> | void) | null;

package/dist/runtime/server/utils/send-gen-emails.js

@@ -0,0 +1,8 @@
+import { useRuntimeConfig } from "#imports";
+export function getSendGenEmailsHandler() {
+  const config = useRuntimeConfig();
+  if (config.nuxtGenEmails?.sendGenEmails && typeof config.nuxtGenEmails.sendGenEmails === "function") {
+    return config.nuxtGenEmails.sendGenEmails;
+  }
+  return null;
+}

package/dist/runtime/utils/url-params.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Encode a data store object into URL search parameters
+ */
+export declare function encodeStoreToUrlParams(store: Record<string, unknown>): string;
+/**
+ * Generate a shareable URL for the current template with encoded data
+ */
+export declare function generateShareableUrl(store: Record<string, unknown>): string;

package/dist/runtime/utils/url-params.js

@@ -0,0 +1,18 @@
+export function encodeStoreToUrlParams(store) {
+  const params = new URLSearchParams();
+  Object.entries(store).forEach(([key, value]) => {
+    if (value !== null && value !== void 0) {
+      if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+        params.set(key, String(value));
+      }
+    }
+  });
+  const paramsString = params.toString();
+  return paramsString ? `?${paramsString}` : "";
+}
+export function generateShareableUrl(store) {
+  if (typeof window === "undefined") return "";
+  const baseUrl = `${window.location.origin}${window.location.pathname}`;
+  const params = encodeStoreToUrlParams(store);
+  return `${baseUrl}${params}`;
+}

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,90 @@
+{
+  "name": "nuxt-generation-emails",
+  "version": "0.1.0",
+  "description": "A Nuxt module for authoring, previewing, and sending transactional email templates with Vue Email.",
+  "author": "nullcarry@icloud.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/treygrr/nuxt-generation-emails.git"
+  },
+  "bugs": {
+    "url": "https://github.com/treygrr/nuxt-generation-emails/issues"
+  },
+  "homepage": "https://github.com/treygrr/nuxt-generation-emails#readme",
+  "license": "MIT",
+  "type": "module",
+  "keywords": [
+    "nuxt",
+    "nuxt-module",
+    "email",
+    "vue-email",
+    "transactional-email",
+    "email-templates",
+    "sendgrid",
+    "tailwind"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "bin": {
+    "nuxt-gen-emails": "./dist/cli/index.mjs"
+  },
+  "main": "./dist/module.mjs",
+  "types": "./dist/types.d.mts",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "workspaces": [
+    "playground"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "npm run dev:prepare && nuxt dev playground",
+    "dev:build": "nuxt build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "cli:add": "cd playground && node ../dist/cli/index.mjs add"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^4.3.1",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vue-email/components": "^0.0.21",
+    "@vue-email/render": "^0.0.9",
+    "citty": "^0.1.6",
+    "consola": "^3.4.0",
+    "pathe": "^2.0.3"
+  },
+  "peerDependencies": {
+    "nuxt": ">=4.0.0",
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "^3.1.1",
+    "@nuxt/eslint-config": "^1.14.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.3.1",
+    "@nuxt/test-utils": "^4.0.0",
+    "@types/node": "latest",
+    "changelogen": "^0.6.2",
+    "eslint": "^10.0.0",
+    "nuxt": "^4.3.1",
+    "tailwindcss": "^4.1.18",
+    "typescript": "~5.9.3",
+    "vitest": "^4.0.18",
+    "vue-tsc": "^3.2.4"
+  }
+}