@kgalexander/mcreate 0.0.9 → 0.0.10

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

@@ -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-EII6HF7K.mjs}

@@ -5,7 +5,7 @@ import {
   MAILLOW_EMAIL_EDITOR_VERSION,
   Preview,
   useEditorStore
-} from "./chunk-Y52MW7DH.mjs";
+} from "./chunk-WO43X63M.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 };