@kgalexander/mcreate 0.0.9 → 0.0.11

package/dist/{chunk-Y52MW7DH.mjs → chunk-TDZCSKBT.mjs}

@@ -216,7 +216,7 @@ function formatOpenHouseTime(time24) {
 function propertyCardMockMjml(block, context) {
   const a = block.attributes;
   const trackingClasses = context.mode === "editing" ? getTrackingClasses(context.idx, "property-card") : "";
-  const href = a["href"] || a["link"] || "#";
+  const href = a["href"] || "#";
   const price = formatPrice(a["price"] || "$0");
   const address = a["address"] || "123 Main Street";
   const city = a["city"] || "City, ST 00000";
@@ -577,7 +577,7 @@ function propertyCardSingleTwoMockMjml(block, context) {
 // src/render/Mockup/mock-property-triple-better.ts
 function renderCard(child, childIdx, context, uniqueId, borderRadius, imageHeight, border, fontFamily, textColor, backgroundColor, innerBorderRadius) {
   const attrs = child.attributes;
-  const href = attrs["href"] || attrs["link"] || "#";
+  const href = attrs["href"] || "#";
   const price = formatPrice(attrs["price"] || "$0");
   const beds = formatNumber(attrs["beds"] || "--");
   const baths = formatNumber(attrs["baths"] || "--");
@@ -880,7 +880,7 @@ function propertyCardTripleToMjml(block, context) {
     const cardNum = index + 1;
     const childAttrs = child.attributes || {};
     productionAttrs[`image-src-${cardNum}`] = childAttrs["image-src"] || "";
-    productionAttrs[`href-${cardNum}`] = childAttrs["href"] || childAttrs["link"] || "#";
+    productionAttrs[`href-${cardNum}`] = childAttrs["href"] || "#";
     productionAttrs[`price-${cardNum}`] = childAttrs["price"] || "$0";
     productionAttrs[`beds-${cardNum}`] = childAttrs["beds"] || "--";
     productionAttrs[`baths-${cardNum}`] = childAttrs["baths"] || "--";
@@ -1406,7 +1406,7 @@ function createPropertyCardElement(payload) {
       "beds": "--",
       "baths": "--",
       "sqft": "--",
-      "link": "#",
+      "href": "#",
       "status": "Empty",
       "is-status": "show",
       "status-color": "#B8B8B8",
@@ -1435,7 +1435,7 @@ function createPropertyCardSingleTwoElement(payload) {
       "beds": "--",
       "baths": "--",
       "sqft": "--",
-      "link": "#",
+      "href": "#",
       "status": "Empty",
       "is-status": "show",
       "status-color": "#B8B8B8",
@@ -1522,7 +1522,7 @@ function createPropertyCardTripleItemElement(payload) {
     data: { value: {} },
     attributes: {
       "image-src": payload?.attributes?.["image-src"] || "https://cornerstonepropertymgmt.com/wp-content/themes/cornerstone/assets/img/nofeaturedimage.jpg",
-      "link": payload?.attributes?.["link"] || "#",
+      "href": payload?.attributes?.["href"] || "#",
       "price": payload?.attributes?.["price"] || "$0",
       "beds": payload?.attributes?.["beds"] || "--",
       "baths": payload?.attributes?.["baths"] || "--",
@@ -13961,22 +13961,8 @@ import { EyeIcon } from "lucide-react";
 
 // src/render/useMjmlCompiler.ts
 import { useState as useState13, useCallback as useCallback15 } from "react";
-var htmlCache = /* @__PURE__ */ new Map();
-var MAX_CACHE = 50;
-function hashMjml(mjml) {
-  let hash = 0;
-  for (let i = 0; i < mjml.length; i++) {
-    hash = (hash << 5) - hash + mjml.charCodeAt(i);
-    hash |= 0;
-  }
-  return hash.toString(36);
-}
 async function compileMjml(mjml) {
-  const key = hashMjml(mjml);
-  const cached = htmlCache.get(key);
-  if (cached) {
-    return cached;
-  }
+  console.log("Compiling MJML", mjml);
   const response = await fetch("/api/mrender", {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -13987,11 +13973,6 @@ async function compileMjml(mjml) {
     throw new Error(errorData.message || "Failed to compile MJML");
   }
   const result = await response.json();
-  if (htmlCache.size >= MAX_CACHE) {
-    const firstKey = htmlCache.keys().next().value;
-    if (firstKey) htmlCache.delete(firstKey);
-  }
-  htmlCache.set(key, result);
   return result;
 }
 
@@ -14029,6 +14010,7 @@ function Preview() {
     const convertMjml = async () => {
       try {
         const mjmlString = json2mjml(template, "production", { isPaid });
+        console.log("MJML string:", mjmlString);
         const result = await compileMjml(mjmlString);
         if (result.errors?.length > 0) {
           console.warn("MJML warnings:", result.errors);
@@ -15080,11 +15062,7 @@ export {
   SOCIAL_OPTIONS,
   parseBorder,
   formatBorder,
-  formatPrice,
   parsePrice,
-  formatNumber,
-  formatOpenHouseDate,
-  formatOpenHouseTime,
   json2mjml,
   MAX_TEMPLATE_SIZE,
   useEditorStore,

package/dist/{core-C5QQJGQ7.mjs → core-F5E63TCH.mjs}

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

package/dist/index.d.mts

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BodyComponent } from 'mjml-core';
 
 type PageElement = {
     id?: string;
@@ -274,228 +273,6 @@ declare function TemplatePage({ templateId, initialTemplate, onSave }: {
     onSave?: OnSaveCallback;
 }): react_jsx_runtime.JSX.Element;
 
-declare class MjColproperty extends BodyComponent {
-    static componentName: string;
-    static endingTag: boolean;
-    static dependencies: {
-        'mj-column': string[];
-        'mj-colproperty': never[];
-    };
-    static allowedAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        width: string;
-        'border-radius': string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    static defaultAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        'border-radius': string;
-        width: string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    componentHeadStyle: (breakpoint: number) => string;
-    render(): string;
-}
-
-declare class MjPropertysingletwo extends BodyComponent {
-    static componentName: string;
-    static endingTag: boolean;
-    borderRadius: string;
-    innerBorderRadius: string;
-    uniqueId: string;
-    constructor(initialDatas?: {});
-    static dependencies: {
-        'mj-column': string[];
-        'mj-propertysingletwo': never[];
-    };
-    static allowedAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        width: string;
-        'border-radius': string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    static defaultAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        'border-radius': string;
-        width: string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    componentHeadStyle: (breakpoint: number) => string;
-    render(): string;
-}
-
-declare class MjPropertytriplebetter extends BodyComponent {
-    static componentName: string;
-    static endingTag: boolean;
-    borderRadius: string;
-    innerBorderRadius: string;
-    uniqueId: string;
-    constructor(initialDatas?: {});
-    static dependencies: {
-        'mj-column': string[];
-        'mj-propertytriple': never[];
-    };
-    static allowedAttributes: {
-        width: string;
-        'card-width': string;
-        gap: string;
-        'border-radius': string;
-        border: string;
-        'image-height': string;
-        'font-family': string;
-        'text-color': string;
-        'background-color': string;
-        'image-src-1': string;
-        'href-1': string;
-        'price-1': string;
-        'beds-1': string;
-        'baths-1': string;
-        'sqft-1': string;
-        'city-1': string;
-        'image-src-2': string;
-        'href-2': string;
-        'price-2': string;
-        'beds-2': string;
-        'baths-2': string;
-        'sqft-2': string;
-        'city-2': string;
-        'image-src-3': string;
-        'href-3': string;
-        'price-3': string;
-        'beds-3': string;
-        'baths-3': string;
-        'sqft-3': string;
-        'city-3': string;
-    };
-    static defaultAttributes: {
-        width: string;
-        'card-width': string;
-        gap: string;
-        'border-radius': string;
-        border: string;
-        'image-height': string;
-        'font-family': string;
-        'text-color': string;
-        'background-color': string;
-        'image-src-1': string;
-        'href-1': string;
-        'price-1': string;
-        'beds-1': string;
-        'baths-1': string;
-        'sqft-1': string;
-        'city-1': string;
-        'image-src-2': string;
-        'href-2': string;
-        'price-2': string;
-        'beds-2': string;
-        'baths-2': string;
-        'sqft-2': string;
-        'city-2': string;
-        'image-src-3': string;
-        'href-3': string;
-        'price-3': string;
-        'beds-3': string;
-        'baths-3': string;
-        'sqft-3': string;
-        'city-3': string;
-    };
-    componentHeadStyle: (breakpoint: number) => string;
-    renderCard(index: number): string;
-    render(): string;
-}
-
 /**
  * JSON to MJML Converter
  * Converts template JSON to MJML string for rendering
@@ -514,4 +291,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, MjColproperty, MjPropertysingletwo, MjPropertytriplebetter, type OnSaveCallback, type TemplateJSON, TemplatePage, MjColproperty as default, json2mjml };
+export { Editor, type OnSaveCallback, type TemplateJSON, TemplatePage, json2mjml };

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BodyComponent } from 'mjml-core';
 
 type PageElement = {
     id?: string;
@@ -274,228 +273,6 @@ declare function TemplatePage({ templateId, initialTemplate, onSave }: {
     onSave?: OnSaveCallback;
 }): react_jsx_runtime.JSX.Element;
 
-declare class MjColproperty extends BodyComponent {
-    static componentName: string;
-    static endingTag: boolean;
-    static dependencies: {
-        'mj-column': string[];
-        'mj-colproperty': never[];
-    };
-    static allowedAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        width: string;
-        'border-radius': string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    static defaultAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        'border-radius': string;
-        width: string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    componentHeadStyle: (breakpoint: number) => string;
-    render(): string;
-}
-
-declare class MjPropertysingletwo extends BodyComponent {
-    static componentName: string;
-    static endingTag: boolean;
-    borderRadius: string;
-    innerBorderRadius: string;
-    uniqueId: string;
-    constructor(initialDatas?: {});
-    static dependencies: {
-        'mj-column': string[];
-        'mj-propertysingletwo': never[];
-    };
-    static allowedAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        width: string;
-        'border-radius': string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    static defaultAttributes: {
-        'image-src': string;
-        'image-alt': string;
-        price: string;
-        address: string;
-        city: string;
-        country: string;
-        beds: string;
-        baths: string;
-        sqft: string;
-        href: string;
-        status: string;
-        'status-color': string;
-        'is-new': string;
-        brokerage: string;
-        'mls-logo': string;
-        'border-radius': string;
-        width: string;
-        description: string;
-        'is-open-house': string;
-        'open-house-date': string;
-        'open-house-time': string;
-        border: string;
-        'font-family': string;
-        'text-color': string;
-        'is-description': string;
-        'is-brokerage': string;
-        'is-status': string;
-    };
-    componentHeadStyle: (breakpoint: number) => string;
-    render(): string;
-}
-
-declare class MjPropertytriplebetter extends BodyComponent {
-    static componentName: string;
-    static endingTag: boolean;
-    borderRadius: string;
-    innerBorderRadius: string;
-    uniqueId: string;
-    constructor(initialDatas?: {});
-    static dependencies: {
-        'mj-column': string[];
-        'mj-propertytriple': never[];
-    };
-    static allowedAttributes: {
-        width: string;
-        'card-width': string;
-        gap: string;
-        'border-radius': string;
-        border: string;
-        'image-height': string;
-        'font-family': string;
-        'text-color': string;
-        'background-color': string;
-        'image-src-1': string;
-        'href-1': string;
-        'price-1': string;
-        'beds-1': string;
-        'baths-1': string;
-        'sqft-1': string;
-        'city-1': string;
-        'image-src-2': string;
-        'href-2': string;
-        'price-2': string;
-        'beds-2': string;
-        'baths-2': string;
-        'sqft-2': string;
-        'city-2': string;
-        'image-src-3': string;
-        'href-3': string;
-        'price-3': string;
-        'beds-3': string;
-        'baths-3': string;
-        'sqft-3': string;
-        'city-3': string;
-    };
-    static defaultAttributes: {
-        width: string;
-        'card-width': string;
-        gap: string;
-        'border-radius': string;
-        border: string;
-        'image-height': string;
-        'font-family': string;
-        'text-color': string;
-        'background-color': string;
-        'image-src-1': string;
-        'href-1': string;
-        'price-1': string;
-        'beds-1': string;
-        'baths-1': string;
-        'sqft-1': string;
-        'city-1': string;
-        'image-src-2': string;
-        'href-2': string;
-        'price-2': string;
-        'beds-2': string;
-        'baths-2': string;
-        'sqft-2': string;
-        'city-2': string;
-        'image-src-3': string;
-        'href-3': string;
-        'price-3': string;
-        'beds-3': string;
-        'baths-3': string;
-        'sqft-3': string;
-        'city-3': string;
-    };
-    componentHeadStyle: (breakpoint: number) => string;
-    renderCard(index: number): string;
-    render(): string;
-}
-
 /**
  * JSON to MJML Converter
  * Converts template JSON to MJML string for rendering
@@ -514,4 +291,4 @@ interface RenderOptions {
  */
 declare function json2mjml(template: TemplateJSON, mode?: RenderMode, options?: RenderOptions): string;
 
-export { Editor, MjColproperty, MjPropertysingletwo, MjPropertytriplebetter, type OnSaveCallback, type TemplateJSON, TemplatePage, MjColproperty as default, json2mjml };
+export { Editor, type OnSaveCallback, type TemplateJSON, TemplatePage, json2mjml };