@kgalexander/mcreate 1.0.11 → 1.0.13

package/dist/{chunk-CLU5KQRY.mjs → chunk-JDECYTJI.mjs}

@@ -1243,6 +1243,8 @@ function json2mjml(template, mode = "production", options = {}) {
       <mj-head>
 
         <mj-breakpoint width="480px" />
+        <mj-preview>${options.previewText ?? template?.preview ?? ""}</mj-preview>
+        
         ${mjFontTags}
 
         <mj-style>
@@ -14717,6 +14719,7 @@ import { useEffect as useEffect15, useState as useState16, useRef as useRef11 }
 
 // src/validate/helpers.ts
 var MERGE_FIELD_REGEX2 = /\{\{([a-zA-Z_][a-zA-Z0-9_]*)\}\}/g;
+var HREF_REGEX = /<a[^>]+href=["']([^"']+)["'][^>]*>(.*?)<\/a>/gi;
 function extractMergeFields(node) {
   const fields = [];
   if (!node || typeof node !== "object") return fields;
@@ -14762,6 +14765,77 @@ function extractEmptyLinks(node) {
   }
   return results;
 }
+var PROPERTY_TYPES = /* @__PURE__ */ new Set(["property-card", "property-card-single-two", "property-card-triple-item"]);
+function getLinkType(node) {
+  if (node.type === "button") return "button";
+  if (node.type === "social-item") return "social";
+  if (node.type === "image") return "image";
+  if (PROPERTY_TYPES.has(node.type)) return "property";
+  if (node.type === "text") return "text";
+  return "unknown";
+}
+function getLinkText(node) {
+  if (node.type === "button") return node.data?.value?.content || "Button";
+  if (node.type === "social-item") return node.data?.value?.socialType || node.attributes?.alt || "Social";
+  if (node.type === "image") return node.attributes?.alt || "Image";
+  if (PROPERTY_TYPES.has(node.type)) return node.attributes?.address || node.attributes?.city || "Property";
+  return "";
+}
+function extractLinks(template) {
+  const seen = /* @__PURE__ */ new Map();
+  const results = [];
+  let position = 0;
+  function addLink(url, linkType, linkText) {
+    if (!url || !url.trim()) return;
+    if (url.startsWith("mailto:")) return;
+    if (url.startsWith("data:")) return;
+    const trimmed = url.trim();
+    if (seen.has(trimmed)) return;
+    position++;
+    seen.set(trimmed, results.length);
+    results.push({
+      url: trimmed,
+      link_type: linkType,
+      link_text: linkText || "",
+      link_position: position
+    });
+  }
+  function walk(node, isCompanyFooter) {
+    if (!node || typeof node !== "object") return;
+    const nodeIsFooter = isCompanyFooter || node.data?.value?.isCompanyFooter === true;
+    const href = node.attributes?.href;
+    if (href && node.type) {
+      const linkType = nodeIsFooter ? "company_brand" : getLinkType(node);
+      const linkText = getLinkText(node);
+      addLink(href, linkType, linkText);
+    }
+    if (node.type === "text") {
+      const content = node.data?.value?.content;
+      if (typeof content === "string") {
+        HREF_REGEX.lastIndex = 0;
+        let match;
+        while ((match = HREF_REGEX.exec(content)) !== null) {
+          const [, linkUrl, linkText] = match;
+          if (linkUrl) {
+            addLink(linkUrl, nodeIsFooter ? "company_brand" : "text", linkText?.replace(/<[^>]*>/g, "") || "");
+          }
+        }
+      }
+    }
+    if (Array.isArray(node.children)) {
+      for (const child of node.children) {
+        walk(child, nodeIsFooter);
+      }
+    }
+    if (Array.isArray(node.content)) {
+      for (const page of node.content) {
+        walk(page, false);
+      }
+    }
+  }
+  walk(template, false);
+  return results;
+}
 
 // src/validate/index.ts
 var PROPERTY_CARD_TYPES = /* @__PURE__ */ new Set(["property-card", "property-card-single-two", "property-card-triple-item"]);
@@ -16184,6 +16258,7 @@ export {
   SidebarProvider,
   useSidebarContext,
   Textarea,
+  extractLinks,
   validate_editor_onPreview,
   validate_campaign_onCreate,
   campaign_validation_warnings,

package/dist/{core-CH5LA5D6.mjs → core-IZXIUSSS.mjs}

@@ -5,7 +5,7 @@ import {
   MAILLOW_EMAIL_EDITOR_VERSION,
   Preview,
   useEditorStore
-} from "./chunk-CLU5KQRY.mjs";
+} from "./chunk-JDECYTJI.mjs";
 export {
   Editor,
   History,

package/dist/index.d.mts

@@ -254,6 +254,7 @@ type TemplateJSON = {
     id: string;
     name: string;
     image: string;
+    preview: string;
     version: string;
     published: boolean;
     creator: string;
@@ -342,6 +343,13 @@ interface PreviewValidationType {
     is_over_size_limit: boolean;
     placeholder_property_images: number;
 }
+type LinkType = 'social' | 'property' | 'button' | 'text' | 'image' | 'company_brand' | 'unknown';
+interface ExtractedLink {
+    url: string;
+    link_type: LinkType;
+    link_text: string;
+    link_position: number;
+}
 
 /**
  * Validate a template when the user previews the template
@@ -360,6 +368,13 @@ declare function campaign_validation_warnings(): {
     missing_links: boolean;
 };
 
+/**
+ * Recursively extract all links from template JSON.
+ * Link type is derived from the element type — no HTML parsing needed
+ * (except for inline <a> tags in text elements).
+ */
+declare function extractLinks(template: TemplateJSON): ExtractedLink[];
+
 /**
  * JSON to MJML Converter
  * Converts template JSON to MJML string for rendering
@@ -368,6 +383,7 @@ declare function campaign_validation_warnings(): {
 type RenderMode = 'production' | 'editing';
 interface RenderOptions {
     isPaidLevel?: number;
+    previewText?: string;
 }
 /**
  * Convert template JSON to MJML string
@@ -378,4 +394,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type MergeFieldType, type MissingLinkType, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, OtherFonts, type PaidLevel, type PreviewValidationType, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, campaign_validation_warnings, emailSafeFonts, json2mjml, validate_campaign_onCreate, validate_editor_onPreview };
+export { Editor, type ExtractedLink, type ImageData, type LinkType, MAX_TEMPLATE_SIZE, type MergeField, type MergeFieldType, type MissingLinkType, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, OtherFonts, type PaidLevel, type PreviewValidationType, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, campaign_validation_warnings, emailSafeFonts, extractLinks, json2mjml, validate_campaign_onCreate, validate_editor_onPreview };

package/dist/index.d.ts

@@ -254,6 +254,7 @@ type TemplateJSON = {
     id: string;
     name: string;
     image: string;
+    preview: string;
     version: string;
     published: boolean;
     creator: string;
@@ -342,6 +343,13 @@ interface PreviewValidationType {
     is_over_size_limit: boolean;
     placeholder_property_images: number;
 }
+type LinkType = 'social' | 'property' | 'button' | 'text' | 'image' | 'company_brand' | 'unknown';
+interface ExtractedLink {
+    url: string;
+    link_type: LinkType;
+    link_text: string;
+    link_position: number;
+}
 
 /**
  * Validate a template when the user previews the template
@@ -360,6 +368,13 @@ declare function campaign_validation_warnings(): {
     missing_links: boolean;
 };
 
+/**
+ * Recursively extract all links from template JSON.
+ * Link type is derived from the element type — no HTML parsing needed
+ * (except for inline <a> tags in text elements).
+ */
+declare function extractLinks(template: TemplateJSON): ExtractedLink[];
+
 /**
  * JSON to MJML Converter
  * Converts template JSON to MJML string for rendering
@@ -368,6 +383,7 @@ declare function campaign_validation_warnings(): {
 type RenderMode = 'production' | 'editing';
 interface RenderOptions {
     isPaidLevel?: number;
+    previewText?: string;
 }
 /**
  * Convert template JSON to MJML string
@@ -378,4 +394,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type MergeFieldType, type MissingLinkType, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, OtherFonts, type PaidLevel, type PreviewValidationType, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, campaign_validation_warnings, emailSafeFonts, json2mjml, validate_campaign_onCreate, validate_editor_onPreview };
+export { Editor, type ExtractedLink, type ImageData, type LinkType, MAX_TEMPLATE_SIZE, type MergeField, type MergeFieldType, type MissingLinkType, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, OtherFonts, type PaidLevel, type PreviewValidationType, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, campaign_validation_warnings, emailSafeFonts, extractLinks, json2mjml, validate_campaign_onCreate, validate_editor_onPreview };

package/dist/index.js

@@ -1326,6 +1326,8 @@ function json2mjml(template, mode = "production", options = {}) {
       <mj-head>
 
         <mj-breakpoint width="480px" />
+        <mj-preview>${options.previewText ?? template?.preview ?? ""}</mj-preview>
+        
         ${mjFontTags}
 
         <mj-style>
@@ -15471,11 +15473,83 @@ function extractEmptyLinks(node) {
   }
   return results;
 }
-var MERGE_FIELD_REGEX2;
+function getLinkType(node) {
+  if (node.type === "button") return "button";
+  if (node.type === "social-item") return "social";
+  if (node.type === "image") return "image";
+  if (PROPERTY_TYPES.has(node.type)) return "property";
+  if (node.type === "text") return "text";
+  return "unknown";
+}
+function getLinkText(node) {
+  if (node.type === "button") return node.data?.value?.content || "Button";
+  if (node.type === "social-item") return node.data?.value?.socialType || node.attributes?.alt || "Social";
+  if (node.type === "image") return node.attributes?.alt || "Image";
+  if (PROPERTY_TYPES.has(node.type)) return node.attributes?.address || node.attributes?.city || "Property";
+  return "";
+}
+function extractLinks(template) {
+  const seen = /* @__PURE__ */ new Map();
+  const results = [];
+  let position = 0;
+  function addLink(url, linkType, linkText) {
+    if (!url || !url.trim()) return;
+    if (url.startsWith("mailto:")) return;
+    if (url.startsWith("data:")) return;
+    const trimmed = url.trim();
+    if (seen.has(trimmed)) return;
+    position++;
+    seen.set(trimmed, results.length);
+    results.push({
+      url: trimmed,
+      link_type: linkType,
+      link_text: linkText || "",
+      link_position: position
+    });
+  }
+  function walk(node, isCompanyFooter) {
+    if (!node || typeof node !== "object") return;
+    const nodeIsFooter = isCompanyFooter || node.data?.value?.isCompanyFooter === true;
+    const href = node.attributes?.href;
+    if (href && node.type) {
+      const linkType = nodeIsFooter ? "company_brand" : getLinkType(node);
+      const linkText = getLinkText(node);
+      addLink(href, linkType, linkText);
+    }
+    if (node.type === "text") {
+      const content = node.data?.value?.content;
+      if (typeof content === "string") {
+        HREF_REGEX.lastIndex = 0;
+        let match;
+        while ((match = HREF_REGEX.exec(content)) !== null) {
+          const [, linkUrl, linkText] = match;
+          if (linkUrl) {
+            addLink(linkUrl, nodeIsFooter ? "company_brand" : "text", linkText?.replace(/<[^>]*>/g, "") || "");
+          }
+        }
+      }
+    }
+    if (Array.isArray(node.children)) {
+      for (const child of node.children) {
+        walk(child, nodeIsFooter);
+      }
+    }
+    if (Array.isArray(node.content)) {
+      for (const page of node.content) {
+        walk(page, false);
+      }
+    }
+  }
+  walk(template, false);
+  return results;
+}
+var MERGE_FIELD_REGEX2, HREF_REGEX, PROPERTY_TYPES;
 var init_helpers2 = __esm({
   "src/validate/helpers.ts"() {
     "use strict";
     MERGE_FIELD_REGEX2 = /\{\{([a-zA-Z_][a-zA-Z0-9_]*)\}\}/g;
+    HREF_REGEX = /<a[^>]+href=["']([^"']+)["'][^>]*>(.*?)<\/a>/gi;
+    PROPERTY_TYPES = /* @__PURE__ */ new Set(["property-card", "property-card-single-two", "property-card-triple-item"]);
   }
 });
 
@@ -16919,6 +16993,7 @@ __export(index_exports, {
   TemplatePage: () => TemplatePage,
   campaign_validation_warnings: () => campaign_validation_warnings,
   emailSafeFonts: () => emailSafeFonts,
+  extractLinks: () => extractLinks,
   json2mjml: () => json2mjml,
   validate_campaign_onCreate: () => validate_campaign_onCreate,
   validate_editor_onPreview: () => validate_editor_onPreview
@@ -18225,11 +18300,11 @@ function PreviewSection({
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("left"),
           className: cn(
-            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoLeft && "hidden"
           ),
           children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react34.ChevronLeftIcon, { className: "size-6 " })
@@ -18248,11 +18323,11 @@ function PreviewSection({
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("right"),
           className: cn(
-            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoRight && "hidden"
           ),
           children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react34.ChevronRightIcon, { className: "size-6" })
@@ -29505,6 +29580,7 @@ function TemplatePage({
 init_configuration();
 init_fonts();
 init_validate();
+init_helpers2();
 init_json2mjml();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -29514,6 +29590,7 @@ init_json2mjml();
   TemplatePage,
   campaign_validation_warnings,
   emailSafeFonts,
+  extractLinks,
   json2mjml,
   validate_campaign_onCreate,
   validate_editor_onPreview

package/dist/index.mjs

@@ -51,6 +51,7 @@ import {
   campaign_validation_warnings,
   cn,
   emailSafeFonts,
+  extractLinks,
   formatBorder,
   getElementDisplayName,
   getParentByIdx,
@@ -64,7 +65,7 @@ import {
   useSidebarContext,
   validate_campaign_onCreate,
   validate_editor_onPreview
-} from "./chunk-CLU5KQRY.mjs";
+} from "./chunk-JDECYTJI.mjs";
 
 // src/core/editor/components/email-template-v2/header.tsx
 import { ArrowLeftIcon, CopyIcon, MegaphoneIcon, MoreHorizontalIcon, PencilIcon, SendIcon, TrashIcon } from "lucide-react";
@@ -1338,11 +1339,11 @@ function PreviewSection({
       /* @__PURE__ */ jsx5(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("left"),
           className: cn(
-            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute left-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoLeft && "hidden"
           ),
           children: /* @__PURE__ */ jsx5(ChevronLeftIcon, { className: "size-6 " })
@@ -1361,11 +1362,11 @@ function PreviewSection({
       /* @__PURE__ */ jsx5(
         Button,
         {
-          variant: "outline",
+          variant: "ghost",
           size: "icon-sm",
           onClick: () => scroll("right"),
           className: cn(
-            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer rounded-full",
+            "absolute right-1 top-1/2 -translate-y-1/2 z-10 cursor-pointer shadow-md border border-border rounded-full bg-white text-muted-foreground hover:bg-muted hover:dark:bg-muted-foreground",
             !canGoRight && "hidden"
           ),
           children: /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "size-6" })
@@ -12283,7 +12284,7 @@ function useAutoSave() {
 // src/core/editor/components/email-template-v2/template-page.tsx
 import "react-json-view-lite/dist/index.css";
 import { jsx as jsx75, jsxs as jsxs60 } from "react/jsx-runtime";
-var Editor2 = lazy(() => import("./core-CH5LA5D6.mjs").then((module) => ({
+var Editor2 = lazy(() => import("./core-IZXIUSSS.mjs").then((module) => ({
   default: module.Editor
 })));
 function TemplatePage({
@@ -12369,6 +12370,7 @@ export {
   TemplatePage,
   campaign_validation_warnings,
   emailSafeFonts,
+  extractLinks,
   json2mjml,
   validate_campaign_onCreate,
   validate_editor_onPreview

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kgalexander/mcreate",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Maillow email template editor",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",