@wraps.dev/cli 2.18.8 → 2.18.10

package/dist/cli.js

@@ -24181,6 +24181,76 @@ import { mkdir as mkdir6, readFile as readFile6, writeFile as writeFile8 } from
 import { join as join15 } from "path";
 import * as clack31 from "@clack/prompts";
 import pc33 from "picocolors";
+
+// src/utils/email/template-render.ts
+init_esm_shims();
+
+// src/utils/email/template-mustache-case.ts
+init_esm_shims();
+var HANDLEBARS_BLOCK_HELPERS = /* @__PURE__ */ new Set(["if", "unless", "each", "with"]);
+function normalizePlainTextMustaches(text10, canonicalVars) {
+  const canonicalByLower = /* @__PURE__ */ new Map();
+  for (const name of canonicalVars) {
+    canonicalByLower.set(name.toLowerCase(), name);
+  }
+  function restoreIdentifier(name) {
+    return canonicalByLower.get(name.toLowerCase()) ?? name;
+  }
+  return text10.replace(
+    /\{\{([#/]?)([A-Z][A-Z0-9_]*(?:\.[A-Z0-9_]+)*)((?:\s+[A-Z0-9_.]+)*)\s*\}\}/g,
+    (match, sigil, name, args2) => {
+      const lower = name.toLowerCase();
+      const isHelper = lower === "else" || HANDLEBARS_BLOCK_HELPERS.has(lower);
+      const restoredArgs = args2.split(/\s+/).filter(Boolean).map(restoreIdentifier).join(" ");
+      if (isHelper) {
+        const suffix = restoredArgs ? ` ${restoredArgs}` : "";
+        return `{{${sigil}${lower}${suffix}}}`;
+      }
+      if (!args2 && canonicalByLower.has(lower)) {
+        return `{{${sigil}${canonicalByLower.get(lower)}}}`;
+      }
+      return match;
+    }
+  );
+}
+
+// src/utils/email/template-render.ts
+async function renderTemplateWithProxy(Component) {
+  const accessedProps = /* @__PURE__ */ new Set();
+  const props = new Proxy({}, {
+    get: (_target, prop) => {
+      if (typeof prop === "symbol") {
+        return;
+      }
+      const name = String(prop);
+      accessedProps.add(name);
+      return `{{${name}}}`;
+    }
+  });
+  const { render } = await import("@react-email/render");
+  const element = Component(props);
+  if (element === null) {
+    throw new Error(
+      "Template component returned null. Check that the component's default export returns a React element unconditionally."
+    );
+  }
+  const html = await render(element);
+  const rawText = await render(element, {
+    plainText: true
+  });
+  const htmlVarNames = /* @__PURE__ */ new Set();
+  const regex = /\{\{([a-zA-Z0-9_.]+)(?:\|[^}]*)?\}\}/g;
+  let match = regex.exec(html);
+  while (match !== null) {
+    htmlVarNames.add(match[1]);
+    match = regex.exec(html);
+  }
+  const canonicalVars = /* @__PURE__ */ new Set([...htmlVarNames, ...accessedProps]);
+  const text10 = normalizePlainTextMustaches(rawText, canonicalVars);
+  return { html, text: text10, accessedProps };
+}
+
+// src/commands/email/templates/push.ts
 init_config();
 init_errors();
 init_json_output();
@@ -24416,24 +24486,7 @@ async function compileTemplate(filePath, slug, source, sourceHash, wrapsDir) {
       "Template must have a default export (React component function)"
     );
   }
-  const accessedProps = /* @__PURE__ */ new Set();
-  const props = new Proxy(
-    {},
-    {
-      get: (_target, prop) => {
-        if (typeof prop === "symbol") {
-          return;
-        }
-        const name = String(prop);
-        accessedProps.add(name);
-        return `{{${name}}}`;
-      }
-    }
-  );
-  const { render } = await import("@react-email/render");
-  const element = Component(props);
-  const html = await render(element);
-  const text10 = await render(element, { plainText: true });
+  const { html, text: text10, accessedProps } = await renderTemplateWithProxy(Component);
   const variables = mergeVariables(extractVariables(html), accessedProps);
   const sesSubject = transformVariablesForSes(subject);
   const sesHtml = transformVariablesForSes(html);