@kgalexander/mcreate 1.0.3 → 1.0.5

package/dist/{chunk-JWS6HO2H.mjs → chunk-B46UUREH.mjs}

@@ -1707,6 +1707,7 @@ var empty_default = {
   version: "1.0.0",
   published: true,
   creator: "Kevin Guerrero",
+  image: "https://mzyngaqmbvhpgmmipndy.supabase.co/storage/v1/object/public/Maillow/placeholder_image.png",
   content: [
     {
       id: "main-body",
@@ -1823,7 +1824,6 @@ var useEditorStore = create()(
       onImageUpload: null,
       onDuplicate: null,
       onDelete: null,
-      onTemplateCapture: null,
       previewMode: false,
       focusIdx: null,
       hoverIdx: null,
@@ -1864,7 +1864,7 @@ var useEditorStore = create()(
         });
       },
       // Initialize store with external template (for npm package usage)
-      initializeWithTemplate: (templateId, template, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete, onTemplateCapture) => {
+      initializeWithTemplate: (templateId, template, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete) => {
         set((state) => {
           state.templateId = templateId;
           state.template = template;
@@ -1874,7 +1874,6 @@ var useEditorStore = create()(
           state.onImageUpload = onImageUpload ?? null;
           state.onDuplicate = onDuplicate ?? null;
           state.onDelete = onDelete ?? null;
-          state.onTemplateCapture = onTemplateCapture ?? null;
           state.isPaidLevel = data?.isPaidLevel ?? 0;
           state.images = data?.images ?? [];
           state.userData = data?.userData ?? null;

package/dist/{core-FT6UNZ6N.mjs → core-FWDS3AQF.mjs}

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

package/dist/index.d.mts

@@ -253,6 +253,7 @@ type SocialItemElement = {
 type TemplateJSON = {
     id: string;
     name: string;
+    image: string;
     version: string;
     published: boolean;
     creator: string;
@@ -287,12 +288,11 @@ interface MergeField {
     label: string;
     value: string;
 }
-type OnSaveCallback = (templateId: string, template: TemplateJSON) => void | Promise<void>;
+type OnSaveCallback = (templateId: string, template: TemplateJSON, capturedImage?: string) => void | Promise<void>;
 type OnExitCallback = () => void;
 type OnImageUploadCallback = (file: File) => Promise<ImageData>;
 type OnDuplicateCallback = (templateId: string, template: TemplateJSON) => void | Promise<void>;
 type OnDeleteCallback = (templateId: string) => void | Promise<void>;
-type OnTemplateCaptureCallback = (templateId: string, imageDataUrl: string) => void | Promise<void>;
 type PaidLevel = 0 | 1 | 2 | 3;
 
 interface EditorProps {
@@ -301,7 +301,7 @@ interface EditorProps {
 }
 declare function Editor({ setEditorLoading }: EditorProps): react_jsx_runtime.JSX.Element;
 
-declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, onExit, onImageUpload, onDuplicate, onDelete, onTemplateCapture, data, }: {
+declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, onExit, onImageUpload, onDuplicate, onDelete, data, }: {
     templateId: string;
     initialTemplate: TemplateJSON;
     onSave?: OnSaveCallback;
@@ -310,7 +310,6 @@ declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, on
     onImageUpload?: OnImageUploadCallback;
     onDuplicate?: OnDuplicateCallback;
     onDelete?: OnDeleteCallback;
-    onTemplateCapture?: OnTemplateCaptureCallback;
     data?: {
         isPaidLevel?: PaidLevel;
         images?: ImageData[];
@@ -339,4 +338,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnTemplateCaptureCallback, type OnToastCallback, type PaidLevel, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, json2mjml };
+export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, type PaidLevel, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, json2mjml };

package/dist/index.d.ts

@@ -253,6 +253,7 @@ type SocialItemElement = {
 type TemplateJSON = {
     id: string;
     name: string;
+    image: string;
     version: string;
     published: boolean;
     creator: string;
@@ -287,12 +288,11 @@ interface MergeField {
     label: string;
     value: string;
 }
-type OnSaveCallback = (templateId: string, template: TemplateJSON) => void | Promise<void>;
+type OnSaveCallback = (templateId: string, template: TemplateJSON, capturedImage?: string) => void | Promise<void>;
 type OnExitCallback = () => void;
 type OnImageUploadCallback = (file: File) => Promise<ImageData>;
 type OnDuplicateCallback = (templateId: string, template: TemplateJSON) => void | Promise<void>;
 type OnDeleteCallback = (templateId: string) => void | Promise<void>;
-type OnTemplateCaptureCallback = (templateId: string, imageDataUrl: string) => void | Promise<void>;
 type PaidLevel = 0 | 1 | 2 | 3;
 
 interface EditorProps {
@@ -301,7 +301,7 @@ interface EditorProps {
 }
 declare function Editor({ setEditorLoading }: EditorProps): react_jsx_runtime.JSX.Element;
 
-declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, onExit, onImageUpload, onDuplicate, onDelete, onTemplateCapture, data, }: {
+declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, onExit, onImageUpload, onDuplicate, onDelete, data, }: {
     templateId: string;
     initialTemplate: TemplateJSON;
     onSave?: OnSaveCallback;
@@ -310,7 +310,6 @@ declare function TemplatePage({ templateId, initialTemplate, onSave, onToast, on
     onImageUpload?: OnImageUploadCallback;
     onDuplicate?: OnDuplicateCallback;
     onDelete?: OnDeleteCallback;
-    onTemplateCapture?: OnTemplateCaptureCallback;
     data?: {
         isPaidLevel?: PaidLevel;
         images?: ImageData[];
@@ -339,4 +338,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnTemplateCaptureCallback, type OnToastCallback, type PaidLevel, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, json2mjml };
+export { Editor, type ImageData, MAX_TEMPLATE_SIZE, type MergeField, type OnDeleteCallback, type OnDuplicateCallback, type OnExitCallback, type OnImageUploadCallback, type OnSaveCallback, type OnToastCallback, type PaidLevel, type TemplateJSON, TemplatePage, type ToastOptions, type ToastType, json2mjml };

package/dist/index.js

@@ -1817,6 +1817,7 @@ var init_empty = __esm({
       version: "1.0.0",
       published: true,
       creator: "Kevin Guerrero",
+      image: "https://mzyngaqmbvhpgmmipndy.supabase.co/storage/v1/object/public/Maillow/placeholder_image.png",
       content: [
         {
           id: "main-body",
@@ -2004,7 +2005,6 @@ var init_editor = __esm({
           onImageUpload: null,
           onDuplicate: null,
           onDelete: null,
-          onTemplateCapture: null,
           previewMode: false,
           focusIdx: null,
           hoverIdx: null,
@@ -2045,7 +2045,7 @@ var init_editor = __esm({
             });
           },
           // Initialize store with external template (for npm package usage)
-          initializeWithTemplate: (templateId, template, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete, onTemplateCapture) => {
+          initializeWithTemplate: (templateId, template, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete) => {
             set((state) => {
               state.templateId = templateId;
               state.template = template;
@@ -2055,7 +2055,6 @@ var init_editor = __esm({
               state.onImageUpload = onImageUpload ?? null;
               state.onDuplicate = onDuplicate ?? null;
               state.onDelete = onDelete ?? null;
-              state.onTemplateCapture = onTemplateCapture ?? null;
               state.isPaidLevel = data?.isPaidLevel ?? 0;
               state.images = data?.images ?? [];
               state.userData = data?.userData ?? null;
@@ -17020,30 +17019,24 @@ function TemplateHeader() {
   const onExit = useEditorStore((s) => s.onExit);
   const onDuplicate = useEditorStore((s) => s.onDuplicate);
   const onDelete = useEditorStore((s) => s.onDelete);
-  const onTemplateCapture = useEditorStore((s) => s.onTemplateCapture);
   const templateName = useEditorStore((s) => s.template?.name);
   const handleExit = async () => {
-    console.log("handleExit - templateId:", templateId);
     if (isSaving || !templateId || !onSave) return;
     setIsSaving(true);
     try {
       const template = useEditorStore.getState().template;
-      await onSave(templateId, template);
-      markAsSaved();
-      if (onTemplateCapture) {
-        try {
-          const { default: mjml2html } = await import("mjml-browser");
-          const mjmlString = json2mjml(template, "editing");
-          const result = mjml2html(mjmlString);
-          console.log("Result:", result.html);
-          const imageDataUrl = await captureTemplateImage(result.html);
-          await onTemplateCapture(templateId, imageDataUrl);
-        } catch (err) {
-          console.error("[TemplateCapture] Failed:", err?.message || JSON.stringify(err) || err, err?.stack || "");
-        }
+      let capturedImage;
+      try {
+        const { default: mjml2html } = await import("mjml-browser");
+        const mjmlString = json2mjml(template, "editing");
+        const result = mjml2html(mjmlString);
+        capturedImage = await captureTemplateImage(result.html);
+      } catch (err) {
+        console.error("[TemplateCapture] Failed:", err?.message || JSON.stringify(err) || err, err?.stack || "");
       }
+      await onSave(templateId, template, capturedImage);
+      markAsSaved();
       onExit?.();
-      console.log("handleExit - onExit called");
     } catch (error) {
       console.error("Failed to save:", error);
     } finally {
@@ -28748,11 +28741,10 @@ function TemplatePage({
   onImageUpload,
   onDuplicate,
   onDelete,
-  onTemplateCapture,
   data
 }) {
   (0, import_react97.useState)(() => {
-    useEditorStore.getState().initializeWithTemplate(templateId, initialTemplate, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete, onTemplateCapture);
+    useEditorStore.getState().initializeWithTemplate(templateId, initialTemplate, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete);
   });
   useAutoSave();
   const [editorLoading, setEditorLoading] = (0, import_react97.useState)(false);

package/dist/index.mjs

@@ -60,7 +60,7 @@ import {
   setupDragImage,
   useEditorStore,
   useSidebarContext
-} from "./chunk-JWS6HO2H.mjs";
+} from "./chunk-B46UUREH.mjs";
 
 // src/core/editor/components/email-template-v2/header.tsx
 import { ArrowLeftIcon, CopyIcon, MegaphoneIcon, MoreHorizontalIcon, PencilIcon, SendIcon, TrashIcon } from "lucide-react";
@@ -251,30 +251,24 @@ function TemplateHeader() {
   const onExit = useEditorStore((s) => s.onExit);
   const onDuplicate = useEditorStore((s) => s.onDuplicate);
   const onDelete = useEditorStore((s) => s.onDelete);
-  const onTemplateCapture = useEditorStore((s) => s.onTemplateCapture);
   const templateName = useEditorStore((s) => s.template?.name);
   const handleExit = async () => {
-    console.log("handleExit - templateId:", templateId);
     if (isSaving || !templateId || !onSave) return;
     setIsSaving(true);
     try {
       const template = useEditorStore.getState().template;
-      await onSave(templateId, template);
+      let capturedImage;
+      try {
+        const { default: mjml2html } = await import("mjml-browser");
+        const mjmlString = json2mjml(template, "editing");
+        const result = mjml2html(mjmlString);
+        capturedImage = await captureTemplateImage(result.html);
+      } catch (err) {
+        console.error("[TemplateCapture] Failed:", err?.message || JSON.stringify(err) || err, err?.stack || "");
+      }
+      await onSave(templateId, template, capturedImage);
       markAsSaved();
-      if (onTemplateCapture) {
-        try {
-          const { default: mjml2html } = await import("mjml-browser");
-          const mjmlString = json2mjml(template, "editing");
-          const result = mjml2html(mjmlString);
-          console.log("Result:", result.html);
-          const imageDataUrl = await captureTemplateImage(result.html);
-          await onTemplateCapture(templateId, imageDataUrl);
-        } catch (err) {
-          console.error("[TemplateCapture] Failed:", err?.message || JSON.stringify(err) || err, err?.stack || "");
-        }
-      }
       onExit?.();
-      console.log("handleExit - onExit called");
     } catch (error) {
       console.error("Failed to save:", error);
     } finally {
@@ -11714,7 +11708,7 @@ function useAutoSave() {
 // src/core/editor/components/email-template-v2/template-page.tsx
 import "react-json-view-lite/dist/index.css";
 import { jsx as jsx74, jsxs as jsxs59 } from "react/jsx-runtime";
-var Editor2 = lazy(() => import("./core-FT6UNZ6N.mjs").then((module) => ({
+var Editor2 = lazy(() => import("./core-FWDS3AQF.mjs").then((module) => ({
   default: module.Editor
 })));
 function TemplatePage({
@@ -11726,11 +11720,10 @@ function TemplatePage({
   onImageUpload,
   onDuplicate,
   onDelete,
-  onTemplateCapture,
   data
 }) {
   useState25(() => {
-    useEditorStore.getState().initializeWithTemplate(templateId, initialTemplate, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete, onTemplateCapture);
+    useEditorStore.getState().initializeWithTemplate(templateId, initialTemplate, onSave, onToast, data, onExit, onImageUpload, onDuplicate, onDelete);
   });
   useAutoSave();
   const [editorLoading, setEditorLoading] = useState25(false);

package/package.json

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