monto-email-builder 1.0.7 → 1.0.8

package/dist/App/SamplesDrawer/SidebarButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export default function SidebarButton({ href, children }: {
-    href: string;
+export default function SidebarButton({ sampleName, children }: {
+    sampleName: string;
     children: JSX.Element | string;
 }): React.JSX.Element;
 //# sourceMappingURL=SidebarButton.d.ts.map

package/dist/App/SamplesDrawer/SidebarButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarButton.d.ts","sourceRoot":"","sources":["../../../src/App/SamplesDrawer/SidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;CAAE,qBA2BzG"}
+{"version":3,"file":"SidebarButton.d.ts","sourceRoot":"","sources":["../../../src/App/SamplesDrawer/SidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;CAAE,qBAoBrH"}

package/dist/App/SamplesDrawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/App/SamplesDrawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,aAAa,sBA2FpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/App/SamplesDrawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,aAAa,sBAoFpC"}

package/dist/App/TemplatePanel/helper/highlighters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlighters.d.ts","sourceRoot":"","sources":["../../../../src/App/TemplatePanel/helper/highlighters.tsx"],"names":[],"mappings":"AAiEA,wBAAsB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAsCzD;AAED,wBAAsB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAiCzD"}
+{"version":3,"file":"highlighters.d.ts","sourceRoot":"","sources":["../../../../src/App/TemplatePanel/helper/highlighters.tsx"],"names":[],"mappings":"AA+HA,wBAAsB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CA+MzD;AAED,wBAAsB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CA0DzD"}

package/dist/App/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/App/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAmBzC,MAAM,CAAC,OAAO,UAAU,GAAG,sBAoE1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/App/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,CAAC,OAAO,UAAU,GAAG,sBAsC1B"}

package/dist/EmailBuilder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/EmailBuilder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,MAAM,UAAU,CAAC;AAI7B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAEvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC;IAE3B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAErD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvE;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9E;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,WAAW,GACnB,EAAE,iBAAiB,qBAkEnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/EmailBuilder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAczC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,MAAM,UAAU,CAAC;AAI7B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAEvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC;IAE3B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAErD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvE;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9E;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,WAAW,GACnB,EAAE,iBAAiB,qBAkEnB"}

package/dist/documents/editor/EditorContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/documents/editor/EditorContext.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../../src/documents/editor/EditorContext.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -8,5 +8,4 @@ export type { EmailBuilderProps } from './EmailBuilder';
 export type { TEditorConfiguration, TEditorBlock } from './documents/editor/core';
 export type { Language } from './i18n';
 export { useDocument, useLanguage } from './documents/editor/EditorContext';
-export { configToHash } from './getConfiguration';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClF,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClF,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/index.js

@@ -19,66 +19,6 @@ import { SpacerPropsDefaults, SpacerPropsSchema, Spacer } from "@usewaypoint/blo
 import { TextPropsSchema, Text } from "@usewaypoint/block-text";
 import { renderToStaticMarkup, Reader } from "@usewaypoint/email-builder";
 import { buildBlockConfigurationDictionary, buildBlockComponent, buildBlockConfigurationSchema } from "@usewaypoint/document-core";
-const sampleTemplates = {
-  welcome: () => import("./samples-BnRgwIcn.js").then((n) => n.w).then((m) => m.default),
-  "one-time-password": () => import("./samples-BnRgwIcn.js").then((n) => n.o).then((m) => m.default),
-  "order-ecomerce": () => import("./samples-BnRgwIcn.js").then((n) => n.a).then((m) => m.default),
-  "post-metrics-report": () => import("./samples-BnRgwIcn.js").then((n) => n.p).then((m) => m.default),
-  "reservation-reminder": () => import("./samples-BnRgwIcn.js").then((n) => n.r).then((m) => m.default),
-  "reset-password": () => import("./samples-BnRgwIcn.js").then((n) => n.b).then((m) => m.default),
-  "respond-to-message": () => import("./samples-BnRgwIcn.js").then((n) => n.c).then((m) => m.default),
-  "subscription-receipt": () => import("./samples-BnRgwIcn.js").then((n) => n.s).then((m) => m.default),
-  "basic-template": () => import("./samples-BnRgwIcn.js").then((n) => n.d).then((m) => m.default)
-};
-const templateCache = {};
-function getConfiguration(template) {
-  if (template.startsWith("#sample/")) {
-    return EMPTY_EMAIL_MESSAGE;
-  }
-  if (template.startsWith("#code/")) {
-    const encodedString = template.replace("#code/", "");
-    try {
-      const configurationString = decodeURIComponent(atob(encodedString));
-      return JSON.parse(configurationString);
-    } catch (error) {
-      console.error(`Couldn't load configuration from hash (code format):`, error);
-      return EMPTY_EMAIL_MESSAGE;
-    }
-  }
-  if (template.startsWith("#json/")) {
-    const encodedString = template.replace("#json/", "");
-    try {
-      const configurationString = decodeURIComponent(encodedString);
-      return JSON.parse(configurationString);
-    } catch (error) {
-      console.error(`Couldn't load configuration from hash (json format):`, error);
-      return EMPTY_EMAIL_MESSAGE;
-    }
-  }
-  return EMPTY_EMAIL_MESSAGE;
-}
-async function loadSampleTemplate(sampleName) {
-  const loader = sampleTemplates[sampleName];
-  if (!loader) {
-    return EMPTY_EMAIL_MESSAGE;
-  }
-  if (templateCache[sampleName]) {
-    return templateCache[sampleName];
-  }
-  const template = await loader();
-  templateCache[sampleName] = template;
-  return template;
-}
-function configToHash(config, format = "json") {
-  const jsonString = JSON.stringify(config);
-  if (format === "code") {
-    const encoded = btoa(encodeURIComponent(jsonString));
-    return `#code/${encoded}`;
-  } else {
-    const encoded = encodeURIComponent(jsonString);
-    return `#json/${encoded}`;
-  }
-}
 const common$1 = {
   newDocument: "New Blank Document",
   useBuiltInTemplates: "Use Built-in Templates",
@@ -87,7 +27,7 @@ const common$1 = {
   saving: "Saving...",
   saveAndExit: "Save and Exit",
   namePlaceholder: "Enter template name",
-  unnamedTemplate: "Unnamed Template",
+  unnamedTemplate: "",
   desktopView: "Desktop view",
   mobileView: "Mobile view",
   downloadJson: "Download JSON file",
@@ -264,7 +204,7 @@ function setLanguage$1(lang) {
   }
 }
 const editorStateStore = create((set, get) => ({
-  document: getConfiguration(typeof window !== "undefined" ? window.location.hash : ""),
+  document: EMPTY_EMAIL_MESSAGE,
   selectedBlockId: null,
   selectedSidebarTab: "styles",
   selectedMainTab: "editor",
@@ -317,22 +257,22 @@ function setSelectedBlockId(selectedBlockId) {
 function setSidebarTab(selectedSidebarTab) {
   return editorStateStore.setState({ selectedSidebarTab });
 }
-function resetDocument(document) {
+function resetDocument(document2) {
   editorStateStore.setState({
-    document,
+    document: document2,
     selectedSidebarTab: "styles",
     selectedBlockId: null
   });
   const onChange = editorStateStore.getState().onChange;
   if (onChange) {
-    onChange(document);
+    onChange(document2);
   }
 }
-function setDocument(document) {
+function setDocument(document2) {
   const originalDocument = editorStateStore.getState().document;
   const newDocument = {
     ...originalDocument,
-    ...document
+    ...document2
   };
   editorStateStore.setState({
     document: newDocument
@@ -376,10 +316,10 @@ function setSaveHandler(handler) {
   return editorStateStore.setState({ saveHandler: handler });
 }
 async function saveDocument() {
-  const document = editorStateStore.getState().document;
+  const document2 = editorStateStore.getState().document;
   const saveHandler = editorStateStore.getState().saveHandler;
   if (saveHandler) {
-    await saveHandler(document);
+    await saveHandler(document2);
   }
 }
 function useSaveAndExitHandler() {
@@ -389,9 +329,9 @@ function setSaveAndExitHandler(handler) {
   return editorStateStore.setState({ saveAndExitHandler: handler });
 }
 function saveAndExitDocument(onExit) {
-  const document = editorStateStore.getState().document;
+  const document2 = editorStateStore.getState().document;
   if (onExit) {
-    Promise.resolve(onExit(document)).catch((error) => {
+    Promise.resolve(onExit(document2)).catch((error) => {
       console.error("Error in exit handler:", error);
     });
   }
@@ -2289,12 +2229,12 @@ function renderMessage(val) {
 }
 function ConfigurationPanel() {
   const { t: t2 } = useTranslation();
-  const document = useDocument();
+  const document2 = useDocument();
   const selectedBlockId = useSelectedBlockId();
   if (!selectedBlockId) {
     return renderMessage(t2("inspector.clickBlockToInspect"));
   }
-  const block = document[selectedBlockId];
+  const block = document2[selectedBlockId];
   if (!block) {
     return renderMessage(t2("inspector.blockNotFound", { id: selectedBlockId }));
   }
@@ -2388,38 +2328,51 @@ function InspectorDrawer() {
     }
   );
 }
-function SidebarButton({ href, children }) {
+const sampleTemplates = {
+  welcome: () => import("./samples-BnRgwIcn.js").then((n) => n.w).then((m) => m.default),
+  "one-time-password": () => import("./samples-BnRgwIcn.js").then((n) => n.o).then((m) => m.default),
+  "order-ecomerce": () => import("./samples-BnRgwIcn.js").then((n) => n.a).then((m) => m.default),
+  "post-metrics-report": () => import("./samples-BnRgwIcn.js").then((n) => n.p).then((m) => m.default),
+  "reservation-reminder": () => import("./samples-BnRgwIcn.js").then((n) => n.r).then((m) => m.default),
+  "reset-password": () => import("./samples-BnRgwIcn.js").then((n) => n.b).then((m) => m.default),
+  "respond-to-message": () => import("./samples-BnRgwIcn.js").then((n) => n.c).then((m) => m.default),
+  "subscription-receipt": () => import("./samples-BnRgwIcn.js").then((n) => n.s).then((m) => m.default),
+  "basic-template": () => import("./samples-BnRgwIcn.js").then((n) => n.d).then((m) => m.default)
+};
+const templateCache = {};
+async function loadSampleTemplate(sampleName) {
+  const loader = sampleTemplates[sampleName];
+  if (!loader) {
+    return EMPTY_EMAIL_MESSAGE;
+  }
+  if (templateCache[sampleName]) {
+    return templateCache[sampleName];
+  }
+  const template = await loader();
+  templateCache[sampleName] = template;
+  return template;
+}
+function SidebarButton({ sampleName, children }) {
   const [loading, setLoading] = useState(false);
   const handleClick = async () => {
-    if (href.startsWith("#sample/")) {
-      setLoading(true);
-      try {
-        const sampleName = href.replace("#sample/", "");
-        const template = await loadSampleTemplate(sampleName);
-        resetDocument(template);
-      } catch (error) {
-        console.error("Failed to load template:", error);
-      } finally {
-        setLoading(false);
-      }
-    } else {
-      const config = getConfiguration(href);
-      resetDocument(config);
+    setLoading(true);
+    try {
+      const template = await loadSampleTemplate(sampleName);
+      resetDocument(template);
+    } catch (error) {
+      console.error("Failed to load template:", error);
+    } finally {
+      setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx(Button, { size: "small", href, onClick: handleClick, disabled: loading, children: loading ? "Loading..." : children });
+  return /* @__PURE__ */ jsx(Button, { size: "small", onClick: handleClick, disabled: loading, children: loading ? "Loading..." : children });
 }
 const SAMPLES_DRAWER_WIDTH = 240;
 function SamplesDrawer() {
   const { t: t2 } = useTranslation();
   const samplesDrawerOpen = useSamplesDrawerOpen();
-  const currentHash = typeof window !== "undefined" ? window.location.hash : "";
-  const isNewDocument = !currentHash || currentHash === "#";
   const handleNewDocumentClick = () => {
-    resetDocument(getConfiguration("#"));
-    if (typeof window !== "undefined") {
-      window.location.hash = "#";
-    }
+    resetDocument(EMPTY_EMAIL_MESSAGE);
   };
   return /* @__PURE__ */ jsx(
     Drawer,
@@ -2456,10 +2409,9 @@ function SamplesDrawer() {
             size: "small",
             variant: "contained",
             color: "primary",
-            href: "#",
             onClick: handleNewDocumentClick,
             sx: {
-              fontWeight: isNewDocument ? 600 : 400,
+              fontWeight: 600,
               width: "100%",
               justifyContent: "flex-start"
             },
@@ -2470,9 +2422,9 @@ function SamplesDrawer() {
         /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
           /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { px: 0.75, fontWeight: 500 }, children: t2("common.useBuiltInTemplates") }),
           /* @__PURE__ */ jsxs(Stack, { alignItems: "flex-start", children: [
-            /* @__PURE__ */ jsx(SidebarButton, { href: "#sample/basic-template", children: t2("samples.quickStart") }),
-            /* @__PURE__ */ jsx(SidebarButton, { href: "#sample/welcome", children: t2("samples.welcomeEmail") }),
-            /* @__PURE__ */ jsx(SidebarButton, { href: "#sample/reservation-reminder", children: t2("samples.reservationReminder") })
+            /* @__PURE__ */ jsx(SidebarButton, { sampleName: "basic-template", children: t2("samples.quickStart") }),
+            /* @__PURE__ */ jsx(SidebarButton, { sampleName: "welcome", children: t2("samples.welcomeEmail") }),
+            /* @__PURE__ */ jsx(SidebarButton, { sampleName: "reservation-reminder", children: t2("samples.reservationReminder") })
           ] })
         ] })
       ] }) })
@@ -2836,7 +2788,7 @@ function ColumnsContainerEditor({ style, props }) {
 }
 function ContainerEditor({ style, props }) {
   const childrenIds = (props == null ? void 0 : props.childrenIds) ?? [];
-  const document = useDocument();
+  const document2 = useDocument();
   const currentBlockId = useCurrentBlockId();
   return /* @__PURE__ */ jsx(Container, { style, children: /* @__PURE__ */ jsx(
     EditorChildrenIds,
@@ -2848,7 +2800,7 @@ function ContainerEditor({ style, props }) {
           [currentBlockId]: {
             type: "Container",
             data: {
-              ...document[currentBlockId].data,
+              ...document2[currentBlockId].data,
               props: { childrenIds: childrenIds2 }
             }
           }
@@ -2883,7 +2835,7 @@ function getFontFamily(fontFamily) {
 }
 function EmailLayoutEditor(props) {
   const childrenIds = props.childrenIds ?? [];
-  const document = useDocument();
+  const document2 = useDocument();
   const currentBlockId = useCurrentBlockId();
   return /* @__PURE__ */ jsx(
     "div",
@@ -2936,7 +2888,7 @@ function EmailLayoutEditor(props) {
                   [currentBlockId]: {
                     type: "EmailLayout",
                     data: {
-                      ...document[currentBlockId].data,
+                      ...document2[currentBlockId].data,
                       childrenIds: childrenIds2
                     }
                   }
@@ -2983,7 +2935,7 @@ const sx = {
   zIndex: "fab"
 };
 function TuneMenu({ blockId }) {
-  const document = useDocument();
+  const document2 = useDocument();
   const handleDeleteClick = () => {
     var _a, _b, _c;
     const filterChildrenIds = (childrenIds) => {
@@ -2992,7 +2944,7 @@ function TuneMenu({ blockId }) {
       }
       return childrenIds.filter((f) => f !== blockId);
     };
-    const nDocument = { ...document };
+    const nDocument = { ...document2 };
     for (const [id, b] of Object.entries(nDocument)) {
       const block = b;
       if (id === blockId) {
@@ -3059,7 +3011,7 @@ function TuneMenu({ blockId }) {
       }
       return childrenIds;
     };
-    const nDocument = { ...document };
+    const nDocument = { ...document2 };
     for (const [id, b] of Object.entries(nDocument)) {
       const block = b;
       if (id === blockId) {
@@ -3212,8 +3164,8 @@ const EditorConfigurationSchema = z.record(z.string(), EditorBlockSchema);
 const EditorBlockContext = createContext(null);
 const useCurrentBlockId = () => useContext(EditorBlockContext);
 function EditorBlock({ id }) {
-  const document = useDocument();
-  const block = document[id];
+  const document2 = useDocument();
+  const block = document2[id];
   if (!block) {
     throw new Error("Could not find block");
   }
@@ -3253,15 +3205,48 @@ let jsonHighlighter;
 let xmlHighlighter;
 let prettierFormat;
 let prettierPluginHtml;
+function escapeHtml(text) {
+  if (typeof document === "undefined") {
+    return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+  }
+  const div = document.createElement("div");
+  div.textContent = text;
+  return div.innerHTML;
+}
+function loadHighlightJsCSS() {
+  if (typeof document === "undefined") return;
+  const existingLink = document.querySelector("link[data-highlight-js-css]");
+  if (existingLink) return;
+  try {
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css";
+    link.setAttribute("data-highlight-js-css", "true");
+    document.head.appendChild(link);
+  } catch (error) {
+    console.warn("Failed to load highlight.js CSS:", error);
+  }
+}
 async function loadHighlightJs() {
   if (!hljs) {
-    hljs = await import("highlight.js");
-    jsonHighlighter = await import("highlight.js/lib/languages/json");
-    xmlHighlighter = await import("highlight.js/lib/languages/xml");
-    hljs.default.registerLanguage("json", jsonHighlighter.default);
-    hljs.default.registerLanguage("html", xmlHighlighter.default);
+    try {
+      const hljsModule = await import("highlight.js");
+      hljs = hljsModule.default || hljsModule;
+      jsonHighlighter = await import("highlight.js/lib/languages/json");
+      xmlHighlighter = await import("highlight.js/lib/languages/xml");
+      const jsonLang = jsonHighlighter.default || jsonHighlighter;
+      const xmlLang = xmlHighlighter.default || xmlHighlighter;
+      hljs.registerLanguage("json", jsonLang);
+      hljs.registerLanguage("html", xmlLang);
+      loadHighlightJsCSS();
+    } catch (error) {
+      console.error("Failed to load highlight.js. Please ensure highlight.js is installed:", error);
+      hljs = {
+        highlight: (code) => ({ value: escapeHtml(code) })
+      };
+    }
   }
-  return hljs.default;
+  return hljs;
 }
 function dynamicImport(path) {
   const importFunc = new Function("path", "return import(path)");
@@ -3271,6 +3256,13 @@ async function loadPrettier() {
   if (!prettierFormat) {
     try {
       const prettierMain = await import("prettier");
+      const prettierVersion = prettierMain.version || "2.0.0";
+      const majorVersion = parseInt(prettierVersion.split(".")[0], 10);
+      if (majorVersion < 3) {
+        prettierFormat = prettierMain.format;
+        prettierPluginHtml = null;
+        return prettierFormat;
+      }
       try {
         const prettierStandalone = await dynamicImport("prettier/standalone");
         prettierFormat = prettierStandalone.format;
@@ -3295,39 +3287,171 @@ async function loadPrettier() {
   return prettierFormat;
 }
 async function html(value) {
-  const [hljsInstance, format] = await Promise.all([loadHighlightJs(), loadPrettier()]);
-  const isPrettierV3 = !!prettierPluginHtml;
+  let hljsInstance;
+  let format;
+  try {
+    [hljsInstance, format] = await Promise.all([loadHighlightJs(), loadPrettier()]);
+  } catch (error) {
+    console.error("Failed to load highlight.js or prettier:", error);
+    return escapeHtml(value);
+  }
   const formatOptions = {
-    parser: "html"
+    parser: "html",
+    printWidth: 120,
+    tabWidth: 2,
+    useTabs: false,
+    htmlWhitespaceSensitivity: "ignore",
+    // 忽略HTML空白敏感度，避免不必要的缩进
+    bracketSameLine: false
+    // 确保开始和结束标签在不同行，便于对齐
   };
-  if (isPrettierV3 && prettierPluginHtml) {
+  if (prettierPluginHtml) {
     const htmlParser = prettierPluginHtml.default || prettierPluginHtml;
     formatOptions.plugins = [htmlParser];
   }
+  const removeLeadingIndent = (text) => {
+    const lines = text.split("\n");
+    if (lines.length === 0) return text;
+    const firstNonEmptyLine = lines.find((line) => line.trim().length > 0);
+    if (!firstNonEmptyLine) return text;
+    const trimmedFirstLine = firstNonEmptyLine.trim();
+    const isRootTag = trimmedFirstLine.startsWith("<!DOCTYPE") || trimmedFirstLine.startsWith("<html");
+    if (isRootTag) {
+      const leadingSpaces = firstNonEmptyLine.length - firstNonEmptyLine.trimStart().length;
+      if (leadingSpaces > 0) {
+        return lines.map((line) => {
+          if (line.trim().length === 0) return line;
+          const currentLeading = line.length - line.trimStart().length;
+          if (currentLeading >= leadingSpaces) {
+            return line.substring(leadingSpaces);
+          }
+          return line;
+        }).join("\n");
+      }
+    }
+    return text;
+  };
+  const fixTagAlignment = (text) => {
+    var _a, _b;
+    const lines = text.split("\n");
+    const stack = [];
+    const result = [];
+    for (let i = 0; i < lines.length; i++) {
+      const line = lines[i];
+      const trimmed = line.trim();
+      if (!trimmed) {
+        result.push(line);
+        continue;
+      }
+      const currentIndent = line.length - line.trimStart().length;
+      const isClosingTag = trimmed.startsWith("</");
+      const isSelfClosing = trimmed.endsWith("/>");
+      const isOpeningTag = trimmed.startsWith("<") && !isClosingTag && !isSelfClosing;
+      if (isClosingTag) {
+        const tagName = (_a = trimmed.match(/<\/(\w+)/)) == null ? void 0 : _a[1];
+        if (tagName && stack.length > 0) {
+          const opening = stack[stack.length - 1];
+          if (opening.tag === tagName) {
+            const correctIndent = opening.indent;
+            result.push(" ".repeat(correctIndent) + trimmed);
+            stack.pop();
+            continue;
+          }
+        }
+        result.push(line);
+      } else if (isOpeningTag) {
+        const tagName = (_b = trimmed.match(/<(\w+)/)) == null ? void 0 : _b[1];
+        if (tagName) {
+          stack.push({ tag: tagName, indent: currentIndent });
+        }
+        result.push(line);
+      } else {
+        result.push(line);
+      }
+    }
+    return result.join("\n");
+  };
   let prettyValue;
   try {
     prettyValue = await format(value, formatOptions);
+    if (!prettyValue || typeof prettyValue !== "string") {
+      throw new Error("Prettier returned invalid value");
+    }
+    prettyValue = removeLeadingIndent(prettyValue);
+    prettyValue = fixTagAlignment(prettyValue);
   } catch (error) {
-    if (isPrettierV3) {
+    try {
+      const prettierMain = await import("prettier");
+      const mainFormatOptions = {
+        parser: "html",
+        printWidth: 120,
+        tabWidth: 2,
+        useTabs: false,
+        htmlWhitespaceSensitivity: "ignore",
+        bracketSameLine: false
+        // 确保开始和结束标签在不同行，便于对齐
+      };
+      prettyValue = await prettierMain.format(value, mainFormatOptions);
+      if (!prettyValue || typeof prettyValue !== "string") {
+        throw new Error("Prettier main package returned invalid value");
+      }
+      prettyValue = removeLeadingIndent(prettyValue);
+      prettyValue = fixTagAlignment(prettyValue);
+    } catch (fallbackError) {
       try {
-        const prettierMain = await import("prettier");
-        prettyValue = await prettierMain.format(value, { parser: "html" });
+        let formatted = value.replace(/></g, ">\n<").replace(/\n\s*\n/g, "\n").split("\n");
+        let indent = 0;
+        const indentSize = 2;
+        const result = [];
+        for (let i = 0; i < formatted.length; i++) {
+          const line = formatted[i];
+          const trimmed = line.trim();
+          if (!trimmed) {
+            result.push("");
+            continue;
+          }
+          const isClosingTag = trimmed.startsWith("</");
+          const isSelfClosing = trimmed.endsWith("/>");
+          const isOpeningTag = trimmed.startsWith("<") && !isClosingTag && !isSelfClosing;
+          if (isClosingTag) {
+            indent = Math.max(0, indent - indentSize);
+            result.push(" ".repeat(indent) + trimmed);
+          } else if (isOpeningTag) {
+            result.push(" ".repeat(indent) + trimmed);
+            indent += indentSize;
+          } else if (isSelfClosing) {
+            result.push(" ".repeat(indent) + trimmed);
+          } else {
+            result.push(" ".repeat(indent) + trimmed);
+          }
+        }
+        prettyValue = result.filter((line) => line.length > 0).join("\n");
       } catch {
         console.warn("Failed to format HTML, returning original value:", error);
         prettyValue = value;
       }
-    } else {
-      throw error;
     }
   }
-  return hljsInstance.highlight(prettyValue, { language: "html" }).value;
+  try {
+    return hljsInstance.highlight(prettyValue, { language: "html" }).value;
+  } catch (error) {
+    console.error("Failed to highlight HTML:", error);
+    return escapeHtml(prettyValue);
+  }
 }
 async function json(value) {
-  const [hljsInstance, format] = await Promise.all([loadHighlightJs(), loadPrettier()]);
+  let hljsInstance;
+  let format;
+  try {
+    [hljsInstance, format] = await Promise.all([loadHighlightJs(), loadPrettier()]);
+  } catch (error) {
+    console.error("Failed to load highlight.js or prettier:", error);
+    return escapeHtml(value);
+  }
   const formatOptions = {
-    parser: "json",
-    printWidth: 0,
-    trailingComma: "all"
+    parser: "json"
+    // 移除 printWidth: 0，使用默认值或设置一个合理的值
+    // trailingComma: 'all' 在 JSON 中可能不支持，移除
   };
   let prettyValue;
   try {
@@ -3336,16 +3460,27 @@ async function json(value) {
     try {
       const prettierMain = await import("prettier");
       prettyValue = await prettierMain.format(value, {
-        parser: "json",
-        printWidth: 0,
-        trailingComma: "all"
+        parser: "json"
       });
-    } catch {
-      console.warn("Failed to format JSON, returning original value:", error);
-      prettyValue = value;
+    } catch (fallbackError) {
+      try {
+        const parsed = JSON.parse(value);
+        prettyValue = JSON.stringify(parsed, null, 2);
+      } catch {
+        console.warn("Failed to format JSON, returning original value:", error);
+        prettyValue = value;
+      }
     }
   }
-  return hljsInstance.highlight(prettyValue, { language: "json" }).value;
+  if (typeof prettyValue !== "string") {
+    prettyValue = JSON.stringify(prettyValue, null, 2);
+  }
+  try {
+    return hljsInstance.highlight(prettyValue, { language: "json" }).value;
+  } catch (error) {
+    console.error("Failed to highlight JSON:", error);
+    return escapeHtml(prettyValue);
+  }
 }
 function HighlightedCodePanel({ type, value }) {
   const [code, setCode] = useState(null);
@@ -3378,8 +3513,8 @@ function HighlightedCodePanel({ type, value }) {
   );
 }
 function HtmlPanel() {
-  const document = useDocument();
-  const code = useMemo(() => renderToStaticMarkup(document, { rootBlockId: "root" }), [document]);
+  const document2 = useDocument();
+  const code = useMemo(() => renderToStaticMarkup(document2, { rootBlockId: "root" }), [document2]);
   return /* @__PURE__ */ jsx(HighlightedCodePanel, { type: "html", value: code });
 }
 function validateTextAreaValue(value) {
@@ -3479,8 +3614,8 @@ function ImportJson() {
   ] });
 }
 function JsonPanel() {
-  const document = useDocument();
-  const code = useMemo(() => JSON.stringify(document, null, "  "), [document]);
+  const document2 = useDocument();
+  const code = useMemo(() => JSON.stringify(document2, null, "  "), [document2]);
   return /* @__PURE__ */ jsx(HighlightedCodePanel, { type: "json", value: code });
 }
 function MainTabsGroup() {
@@ -3615,7 +3750,7 @@ function SaveButton() {
 }
 function TemplatePanel() {
   const { t: t2 } = useTranslation();
-  const document = useDocument();
+  const document2 = useDocument();
   const selectedMainTab = useSelectedMainTab();
   const selectedScreenSize = useSelectedScreenSize();
   let mainBoxSx = {
@@ -3646,7 +3781,7 @@ function TemplatePanel() {
       case "editor":
         return /* @__PURE__ */ jsx(Box, { sx: mainBoxSx, children: /* @__PURE__ */ jsx(EditorBlock, { id: "root" }) });
       case "preview":
-        return /* @__PURE__ */ jsx(Box, { sx: mainBoxSx, children: /* @__PURE__ */ jsx(Reader, { document, rootBlockId: "root" }) });
+        return /* @__PURE__ */ jsx(Box, { sx: mainBoxSx, children: /* @__PURE__ */ jsx(Reader, { document: document2, rootBlockId: "root" }) });
       case "html":
         return /* @__PURE__ */ jsx(HtmlPanel, {});
       case "json":
@@ -3705,29 +3840,6 @@ function App() {
   const samplesDrawerOpen = useSamplesDrawerOpen();
   const marginLeftTransition = useDrawerTransition("margin-left", samplesDrawerOpen);
   const marginRightTransition = useDrawerTransition("margin-right", inspectorDrawerOpen);
-  useEffect(() => {
-    const handleHashLoad = async () => {
-      if (typeof window === "undefined") return;
-      const hash = window.location.hash;
-      if (hash.startsWith("#sample/")) {
-        const sampleName = hash.replace("#sample/", "");
-        try {
-          const template = await loadSampleTemplate(sampleName);
-          resetDocument(template);
-        } catch (error) {
-          console.error("Failed to load template from hash:", error);
-        }
-      }
-    };
-    handleHashLoad();
-    const handleHashChange = () => {
-      handleHashLoad();
-    };
-    window.addEventListener("hashchange", handleHashChange);
-    return () => {
-      window.removeEventListener("hashchange", handleHashChange);
-    };
-  }, []);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -3771,17 +3883,16 @@ function EmailBuilder({
   onNameChange,
   theme: customTheme
 }) {
-  const currentLanguage = useLanguage();
   useEffect(() => {
     if (initialDocument !== void 0) {
       resetDocument(initialDocument);
     }
   }, [initialDocument]);
   useEffect(() => {
-    if (initialLanguage && initialLanguage !== currentLanguage) {
+    if (initialLanguage !== void 0) {
       setLanguage(initialLanguage);
     }
-  }, [initialLanguage, currentLanguage]);
+  }, [initialLanguage]);
   useEffect(() => {
     setImageUploadHandler(imageUploadHandler);
   }, [imageUploadHandler]);
@@ -3822,7 +3933,6 @@ function EmailBuilder({
 }
 export {
   EmailBuilder,
-  configToHash,
   useDocument,
   useLanguage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monto-email-builder",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "A powerful and customizable email template builder React component library with visual editing, internationalization, and image upload support",
   "keywords": [
     "email",