best-email-builder 0.1.1 → 0.3.0

package/CHANGELOG.md

@@ -4,6 +4,92 @@ All notable changes are documented here. The format follows
 [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and the project uses
 [Semantic Versioning](https://semver.org/).
 
+## [0.3.0] — 2026-10-13
+
+### Added
+- **`TemplateLibrary`** — the first screen: a template bank in three columns
+  (searchable list of your templates and of the ready-made bases, details of
+  the selected one, rendered preview on desktop / mobile). *Edit*, *New
+  template* and *Start from this base* hand the template to the host through
+  `onEdit` / `onCreate`; *Duplicate*, *Delete*, *Copy HTML* and *Download*
+  work in place. *Favorites*: the star of the details moves an entry to a
+  section at the top (`favoritesKey`). Search with Ctrl+K, Esc clears it.
+  Follows its own width down to phones. French included.
+- **`EmailStudio`** — `TemplateLibrary` and `EmailBuilder` wired together.
+  Each screen still works alone.
+  The editor opened from the bank has no *Templates* button: the bases are
+  picked in the bank, and the gallery would replace the email being edited
+  (`builderProps.templates` brings it back).
+- **Two entry points, one per block**: `best-email-builder/library` (block A,
+  the bank — no editor, no GrapesJS) and `best-email-builder/builder`
+  (block B, the editor — nothing of the bank). A unit test bundles each one
+  and fails if it reaches the other. The README shows block B under a bank
+  of your own (what to pass in, what comes back) and block A with your own
+  editor; a story drives block B from a home-made bank.
+- Storage contract: optional `list()` and `remove(id)`, implemented by
+  `createHttpStorage()` (the server already had the routes) and
+  `createMemoryStorage()`.
+- `withPlaceholderImages(html)` draws a grey frame for images not chosen yet
+  in compiled HTML.
+
+### Changed
+- Demo, three pages: a landing page (a background that follows the pointer,
+  a marquee of the editors it can replace, a new mark), the template bank,
+  and the editor — each page has its own address (`#/templates`,
+  `#/editor/…`), so a reload keeps it. The bank and the editor share one
+  window of the same size, under a bar with the steps and a *Full screen* /
+  *Exit full screen* button. Type: Geist, Bricolage Grotesque for the title.
+- Thin scrollbars everywhere in the builder and the
+  bank, inside the canvas and the preview frames (preview only, never the
+  saved HTML): a 5.6 px gutter, a thin thumb, no arrows, shown only while the
+  pointer is over the block. They also replace GrapesJS's own dark ones.
+- The preview (in the bank and in the editor's *Preview*) switches device
+  with the editor toolbar's switch, and narrows and widens like the canvas
+  (350 ms).
+- `types` and `typesVersions` in `package.json`: TypeScript projects still on
+  `moduleResolution: "node"` find the types of every entry (`.`, `/builder`,
+  `/library`, `/server`).
+- `EmailBuilder` no longer imports the package entry
+  (`createDefaultEmailEditor` lives in its own module).
+
+### Fixed
+- Demo: after a first save, switching the language reopened a blank editor
+  (or the base), and saving again created a duplicate; it now reopens the
+  saved template.
+
+## [0.2.0] — 2026-10-12
+
+### Added
+- Blocks: **Heading**, **Social links** (Facebook, Instagram, LinkedIn, X,
+  YouTube, GitHub — each icon selectable, duplicable, its network and link
+  editable), **Menu** (a row of links, each label edited in the panel),
+  **4 columns**, **Image + text** and **Hero banner** (a section with a
+  background image under a title, a sentence and a button).
+- Sections take a background image, with its size and position; the color
+  underneath stays for clients that block images.
+- Text: a *Weight* property (normal / bold).
+- **Template gallery**: a *Templates* button opens six ready-made emails
+  (blank, simple, newsletter, welcome, promotion, event invitation), shown as
+  rendered thumbnails. Picking one replaces the email (after confirmation if
+  it was modified) and fills the subject and preview text when empty.
+  `templates` prop to offer your own, `[]` to hide it; `TEMPLATE_GALLERY` and
+  `buildGallery` are exported.
+- **Phones and tablets**: the layout follows the builder's own width. Below
+  1180 px the properties open in a drawer and the toolbar takes two rows (its
+  actions scroll sideways); below 760 px the blocks move to a drawer too and a
+  bar under the canvas offers *Add a block* and *Edit: <element>*. Adding a
+  block opens its properties; saving without a name opens the settings.
+- `editor.exportHtml(mjml)` compiles the given MJML with the canvas compiler
+  (display only — what is stored and sent is still compiled by the server).
+
+### Changed
+- **Breaking:** `compileMjml`, `compileTemplate` and `renderEmail` from
+  `best-email-builder/server` now return a Promise — MJML 5 compiles
+  asynchronously. Add `await` where you call them.
+- MJML 5.4 on the server (htmlnano/cssnano instead of html-minifier, stricter
+  includes), GrapesJS 0.23.6 in the canvas, lucide-react 1.x, radix-ui 1.8.
+  Templates saved with GrapesJS 0.22 open unchanged.
+
 ## [0.1.1] — 2026-10-12
 
 ### Fixed

package/README.md

@@ -32,12 +32,18 @@ Best Email Builder is the second option done once, properly, and given away:
 
 - **MJML under the hood** — every block compiles to battle-tested, table-based
   email HTML. You never write a `<table>` by hand.
+- **The blocks emails are made of**: heading, text, image, button, divider,
+  spacer, social links, menu, 1 to 4 columns, image + text, and a hero banner
+  with a background image — sections take a background image too.
 - **Your UI, your storage, your rendering.** The builder is a React component
   with its own interface; GrapesJS is only the internal canvas engine, hidden
   behind an adapter. Templates are stored by *your* backend, as a versioned JSON
   project (the source of truth) plus server-compiled HTML.
 - **Server-side rendering only.** The browser never sends HTML: the server
   validates the project and the MJML, compiles, and stores its own HTML.
+- **A gallery of ready-made emails** — newsletter, welcome, promotion, event
+  invitation… each one with the sender's footer and the unsubscribe link, so
+  nobody starts from a blank page or forgets the legal mentions.
 - **Production features**: undo/redo, desktop/mobile canvas, autosave and local
   drafts, versions, conflict detection between concurrent editors, image
   uploads, server preview with quality checks (missing alt text, missing
@@ -89,11 +95,114 @@ export default function TemplateEditor({ templateId, onClose }) {
 }
 ```
 
-The builder fills its parent: give the parent a height. It is a client-only
+The builder fills its parent: give the parent a height. It adapts to the
+width it is given — not the window's: three columns from 1180 px, properties
+in a drawer below that, and on a phone the canvas alone with *Add a block* /
+*Edit* drawers. It is a client-only
 component (the canvas needs the DOM). With Next.js, load it with
 `dynamic(() => import(...), { ssr: false })` or render it from a
 `'use client'` component.
 
+### Two blocks, each one on its own
+
+The package has two blocks. An application installs one, the other, or both,
+and each has its own entry point, so one never brings the other's code:
+
+| Block | Import | What it is |
+|---|---|---|
+| A — the bank | `import { TemplateLibrary } from 'best-email-builder/library'` | Your templates and the ready-made bases in a searchable list, the selected one's details, its rendered preview (desktop / mobile). *Edit*, *New template* and *Start from this base* only call `onEdit(template)` / `onCreate(start)` — it never mounts an editor, and does not load GrapesJS. |
+| B — the editor | `import { EmailBuilder } from 'best-email-builder/builder'` | The editor (above). Opens whatever the host hands it; knows nothing of the bank. |
+| A + B | `import { EmailStudio } from 'best-email-builder'` | The two wired together: the bank, then the editor, then back to the bank with the template just saved selected. The editor has no *Templates* button there — the bases are in the bank. |
+
+`best-email-builder` (the main entry) still exports everything; the two
+sub-entries are for an application that wants one block only. Both use the
+same stylesheet, `best-email-builder/styles.css`.
+
+#### A + B, nothing to wire
+
+```jsx
+import { EmailStudio, createHttpStorage } from 'best-email-builder';
+
+<EmailStudio storage={createHttpStorage()} locale="fr" sender={sender} />
+```
+
+#### Block B with your own bank
+
+Your bank (a table, a sidebar, a modal — anything) only decides what the
+editor opens, and hears back when it saves or closes:
+
+| Your bank wants to… | Pass to `EmailBuilder` |
+|---|---|
+| open a saved template | `templateId={id}` (the editor loads it from `storage`) |
+| start from content it has (a base, an import, a copy) | `initialMjml={mjml}` and, optionally, `initialMeta={{ subject, preheader }}` |
+| start from a blank email | neither |
+| refresh its list after a save | `onSaved={(template) => …}` — `template.id` is set from the first save on |
+| show itself again | `onClose={() => …}` (the *Back* button) |
+| hide the editor's own gallery of bases | `templates={[]}` |
+
+Give the editor a `key` that changes with what it opens, so switching from one
+template to another starts a fresh editor.
+
+```jsx
+import { useState } from 'react';
+import { EmailBuilder, createHttpStorage } from 'best-email-builder/builder';
+
+const storage = createHttpStorage();
+
+function Emails() {
+  const [open, setOpen] = useState(null); // null = my bank
+
+  if (!open) {
+    return (
+      <MyTemplateList                                     // your block A
+        onOpen={(id) => setOpen({ key: id, templateId: id })}
+        onNew={() => setOpen({ key: `new-${Date.now()}` })}
+      />
+    );
+  }
+  return (
+    <EmailBuilder
+      key={open.key}
+      storage={storage}
+      locale="fr"
+      templates={[]}
+      templateId={open.templateId ?? null}
+      initialMjml={open.mjml}
+      initialMeta={open.meta}
+      onSaved={() => refreshMyList()}
+      onClose={() => setOpen(null)}
+    />
+  );
+}
+```
+
+Your list can read the same templates with `storage.list()` (summaries, newest
+first) or from your own API — the editor only needs the `id`.
+
+#### Block A with your own editor
+
+```jsx
+import { TemplateLibrary, createHttpStorage } from 'best-email-builder/library';
+
+<TemplateLibrary
+  storage={createHttpStorage()}
+  locale="fr"
+  onEdit={(template) => router.push(`/emails/${template.id}`)}
+  onCreate={(start) => openMyEditor(start)}   // start: null (new), or { baseId, mjml, meta: { subject, preheader } }
+  onClose={closeModal}                        // optional: shows a close button
+/>
+```
+
+The library needs `storage.list()`; *Delete* appears when the storage has
+`remove()`, the preview uses `render()` (else the HTML compiled at the last
+save). Its props: `storage`, `locale`, `messages`, `onNotify`, `sender`,
+`templates` (the bases, `[]` hides them), `title`, `description`,
+`selectedId`, `favoritesKey` (the star of the details moves an entry to a
+*Favorites* section at the top; kept in `localStorage` under this key, `null`
+turns favorites off), `onEdit`, `onCreate`, `onClose`, `className`. Like the
+builder, it fills its parent and follows its own width (three columns, then
+two, then list and details as two screens).
+
 ### 2. The server routes
 
 ```js
@@ -170,6 +279,7 @@ With an email provider that does its own merge, map the tags instead:
 | `variables` | `DEFAULT_VARIABLES` | Merge tags offered in the *Variables* menu. Pass the same list to the server. |
 | `sender` | — | `{ name, address, logoUrl, logoWidth }` used by the starter template footer. |
 | `starterMjml` | — | Replace the starter template entirely. |
+| `templates` | `TEMPLATE_GALLERY` | Ready-made emails offered by the *Templates* button (blank, simple, newsletter, welcome, promotion, event invitation). Pass your own `{ id, name, description, create({ sender, t }), meta?(t) }` entries, or `[]` to hide the gallery. |
 | `initialMjml`, `initialMeta` | — | Open a NEW template on given MJML and metadata (`{ name, subject, preheader, description }`) — e.g. a template converted from another format. Ignored with `templateId`. |
 | `testRecipients` | `[]` | Addresses pre-filled in the *Send test* dialog. |
 | `onClose` | — | Shows a *Back* button; called after confirming unsaved changes. |
@@ -184,7 +294,9 @@ or use `createHttpStorage()` with the server handler:
 
 ```ts
 interface TemplateStorage {
+  list?(): Promise<Template[]>;            // TemplateLibrary: newest first, no document/MJML
   load(id): Promise<Template>;
+  remove?(id): Promise<void>;              // TemplateLibrary: enables Delete
   create(payload): Promise<{ template; warnings }>;
   duplicate(id): Promise<{ template; warnings }>;
   save(id, payload): Promise<{ template; warnings; version }>;

package/dist/builder.js

@@ -0,0 +1,44 @@
+import {
+  EmailBuilder,
+  EmailBuilderBoundary
+} from "./chunk-ILRAQTHS.js";
+import {
+  STARTER_MJML,
+  StorageError,
+  TEMPLATE_GALLERY,
+  buildGallery,
+  createHttpStorage,
+  createMemoryStorage,
+  createStarterMjml
+} from "./chunk-ZSUHOCCE.js";
+import "./chunk-57CTQNTK.js";
+import {
+  CUSTOM_GROUP,
+  DEFAULT_VARIABLES,
+  EMAIL_BUILDER_VERSION,
+  LOCALES,
+  createTranslator,
+  defineVariables,
+  mergeVariables,
+  translatorFor
+} from "./chunk-3M36VVXS.js";
+export {
+  CUSTOM_GROUP,
+  DEFAULT_VARIABLES,
+  EMAIL_BUILDER_VERSION,
+  EmailBuilder,
+  EmailBuilderBoundary,
+  LOCALES,
+  STARTER_MJML,
+  StorageError,
+  TEMPLATE_GALLERY,
+  buildGallery,
+  createHttpStorage,
+  createMemoryStorage,
+  createStarterMjml,
+  createTranslator,
+  defineVariables,
+  mergeVariables,
+  translatorFor
+};
+//# sourceMappingURL=builder.js.map

package/dist/builder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-2DZ6BRIJ.js → chunk-3M36VVXS.js}

@@ -1,5 +1,5 @@
 // src/core/constants.js
-var EMAIL_BUILDER_VERSION = "0.1.1";
+var EMAIL_BUILDER_VERSION = "0.3.0";
 var EMAIL_DOCUMENT_SCHEMA_VERSION = 1;
 var EMAIL_DEVICES = ["desktop", "mobile"];
 var EMAIL_MOBILE_WIDTH = 375;
@@ -77,6 +77,132 @@ function serializeDocument(document) {
 
 // src/i18n/fr.js
 var fr = {
+  "1. Complete your profile": "1. Compl\xE9tez votre profil",
+  "2. Explore": "2. Explorez",
+  "3. Ask us anything": "3. Posez-nous vos questions",
+  "30% off everything": "-30 % sur tout",
+  "30% off this weekend only": "-30 % ce week-end seulement",
+  "4 columns": "4 colonnes",
+  "4-column section": "Section en 4 colonnes",
+  "A new feature": "Une nouveaut\xE9",
+  "A sale with a discount code and two products": "Une vente avec un code promo et deux produits",
+  "A tip": "Une astuce",
+  "Add a block": "Ajouter un bloc",
+  "Add to favorites": "Ajouter aux favoris",
+  "All templates": "Tous les mod\xE8les",
+  "All your templates are in the favorites.": "Tous vos mod\xE8les sont dans les favoris.",
+  "An empty page to build from scratch": "Une page vide pour partir de z\xE9ro",
+  "An evening of talks and drinks with the team and our customers.": "Une soir\xE9e de rencontres autour d'un verre avec l'\xE9quipe et nos clients.",
+  "An event": "Un \xE9v\xE9nement",
+  "Article {n}": "Article {n}",
+  "Background image": "Image de fond",
+  "Background image with a title and a button": "Image de fond avec un titre et un bouton",
+  "Base": "Base",
+  "Base \u2014 not editable: start from it to create your template.": "Base non modifiable \u2014 partez-en pour cr\xE9er votre mod\xE8le.",
+  "Bases": "Bases",
+  "Blank": "Vierge",
+  "Book my seat": "Je r\xE9serve ma place",
+  "Builder": "Constructeur",
+  "Buy": "Acheter",
+  "by {name}": "par {name}",
+  "Choose a template": "Choisissez un mod\xE8le",
+  "Clear the search": "Effacer la recherche",
+  "Copy HTML": "Copier le HTML",
+  "Could not load the templates.": "Impossible de charger les mod\xE8les.",
+  "Created": "Cr\xE9\xE9",
+  "Date, place and a button to book a seat": "Date, lieu et un bouton pour r\xE9server",
+  "Delete \u201C{name}\u201D?": "Supprimer \xAB {name} \xBB ?",
+  "Direction": "Disposition",
+  "Download": "T\xE9l\xE9charger",
+  "Edit: {element}": "Modifier : {element}",
+  "Email settings": "R\xE9glages de l'e-mail",
+  "Email template library": "Banque de mod\xE8les emails",
+  "Event invitation": "Invitation",
+  "Facebook": "Facebook",
+  "Favorites": "Favoris",
+  "Fill the section": "Remplir la section",
+  "Get started": "Commencer",
+  "GitHub": "GitHub",
+  "Greets a new customer and lists the first steps": "Accueille un nouveau client et liste les premi\xE8res \xE9tapes",
+  "Heading": "Titre",
+  "Hero banner": "Banni\xE8re",
+  "Horizontal": "Horizontale",
+  "HTML copied.": "HTML copi\xE9.",
+  "Icon background": "Fond de l'ic\xF4ne",
+  "Icon size": "Taille des ic\xF4nes",
+  "Icons linking to your profiles": "Ic\xF4nes vers vos profils",
+  "Image + text": "Image + texte",
+  "Image beside a title, text and button": "Image \xE0 c\xF4t\xE9 d'un titre, d'un texte et d'un bouton",
+  "Image position": "Position de l'image",
+  "Image size": "Taille de l'image",
+  "In brief": "En bref",
+  "Instagram": "Instagram",
+  "Large bold title": "Grand titre en gras",
+  "LinkedIn": "LinkedIn",
+  "Logo, headline, text and a button": "Logo, titre, texte et un bouton",
+  "Menu": "Menu",
+  "Menu link": "Lien du menu",
+  "Monthly news: banner, two articles, highlights": "Les nouvelles du mois : banni\xE8re, deux articles, br\xE8ves",
+  "Network": "R\xE9seau",
+  "Newsletter": "Newsletter",
+  "No preview: this storage cannot render emails.": "Pas d'aper\xE7u : ce stockage ne sait pas compiler les e-mails.",
+  "No template yet. Start from a base, or create a new one.": "Aucun mod\xE8le pour l\u2019instant. Partez d\u2019une base, ou cr\xE9ez-en un.",
+  "Nothing matches \u201C{query}\u201D.": "Aucun r\xE9sultat pour \xAB {query} \xBB.",
+  "Offer valid until Sunday midnight, while stocks last.": "Offre valable jusqu'\xE0 dimanche minuit, dans la limite des stocks.",
+  "One sentence about it.": "Une phrase pour en parler.",
+  "Origin": "Origine",
+  "Original size": "Taille d'origine",
+  "Our offices, 1 Main Street": "Nos bureaux, 1 rue Principale",
+  "Picking a template replaces the email being edited.": "Choisir un mod\xE8le remplace l'e-mail en cours de modification.",
+  "Product one": "Produit un",
+  "Product two": "Produit deux",
+  "Profile URL": "Adresse du profil",
+  "Promotion": "Promotion",
+  "Read more": "Lire la suite",
+  "Ready-made templates to copy into your campaigns.": "Mod\xE8les pr\xEAts \xE0 copier dans vos campagnes.",
+  "Remove from favorites": "Retirer des favoris",
+  "Replace": "Remplacer",
+  "Replace the current email?": "Remplacer l'e-mail actuel ?",
+  "Reply to this email: a person reads it.": "R\xE9pondez \xE0 cet e-mail : une personne le lit.",
+  "Row of links to your site": "Rang\xE9e de liens vers votre site",
+  "Save the date \u2014 seats are limited.": "Notez la date \u2014 les places sont limit\xE9es.",
+  "Search templates": "Rechercher un mod\xE8le",
+  "Seats are limited: book yours now, it takes ten seconds.": "Les places sont limit\xE9es : r\xE9servez la v\xF4tre, cela prend dix secondes.",
+  "Select a template on the left.": "S\xE9lectionnez un mod\xE8le \xE0 gauche.",
+  "Shop the sale": "Voir les offres",
+  "Simple": "Simple",
+  "So we can tailor what we send you.": "Pour adapter ce que nous vous envoyons.",
+  "Social link": "R\xE9seau social",
+  "Social links": "R\xE9seaux sociaux",
+  "Space around each icon": "Espace autour de chaque ic\xF4ne",
+  "Start from a template": "Partir d'un mod\xE8le",
+  "Start from this base": "Partir de cette base",
+  "Take a tour of what you can do.": "Faites le tour de ce que vous pouvez faire.",
+  "Template deleted.": "Mod\xE8le supprim\xE9.",
+  "Template duplicated.": "Mod\xE8le dupliqu\xE9.",
+  "Templates": "Mod\xE8les",
+  "Thank you for joining us. Here is how to get the most out of your account.": "Merci de nous avoir rejoints. Voici comment tirer le meilleur de votre compte.",
+  "The browser refused to copy.": "Le navigateur a refus\xE9 la copie.",
+  "The news of the month": "Les nouvelles du mois",
+  "The template and its versions will be deleted.": "Le mod\xE8le et ses versions seront supprim\xE9s.",
+  "The template preview appears here.": "L'aper\xE7u du mod\xE8le s'affiche ici.",
+  "This weekend only, with the code SPRING30.": "Ce week-end seulement, avec le code SPRING30.",
+  "Three steps to get started.": "Trois \xE9tapes pour bien commencer.",
+  "Thursday, 7 pm": "Jeudi, 19 h",
+  "Two or three sentences that sum up the story and make people want the rest.": "Deux ou trois phrases qui r\xE9sument l'article et donnent envie de lire la suite.",
+  "Updated": "Modifi\xE9",
+  "Vertical": "Verticale",
+  "Welcome": "Bienvenue",
+  "Welcome aboard!": "Bienvenue \xE0 bord !",
+  "Welcome, {name}!": "Bienvenue, {name} !",
+  "What changed, what is coming, and two stories worth your time.": "Ce qui a chang\xE9, ce qui arrive, et deux articles qui valent le d\xE9tour.",
+  "When": "Quand",
+  "Where": "O\xF9",
+  "Whole image": "Image enti\xE8re",
+  "With the code SPRING30, until Sunday midnight.": "Avec le code SPRING30, jusqu'\xE0 dimanche minuit.",
+  "X": "X",
+  "You're invited": "On vous invite !",
+  "YouTube": "YouTube",
   "{label} \u2014 {side}": "{label} \u2014 {side}",
   "{max} test addresses at most": "{max} adresses de test au maximum",
   "{message} Your version can be saved as a copy.": "{message} Votre version peut \xEAtre enregistr\xE9e comme copie.",
@@ -362,7 +488,9 @@ var fr = {
   "Width": "Largeur",
   "Your company": "Votre soci\xE9t\xE9",
   "Your headline": "Titre du message",
-  "Your text.": "Votre texte."
+  "Your text.": "Votre texte.",
+  "\u201C{name}\u201D template applied.": "Mod\xE8le \xAB {name} \xBB appliqu\xE9.",
+  "\u20AC49 instead of \u20AC70": "49 \u20AC au lieu de 70 \u20AC"
 };
 
 // src/i18n/index.js
@@ -481,66 +609,6 @@ function applyServiceLinks(html, { unsubscribeUrl }) {
   return String(html || "").replace(UNSUBSCRIBE, () => escapeAttribute(unsubscribeUrl)).replace(MIRROR, "#");
 }
 
-// src/features/variables/service.js
-function escapeHtml(text) {
-  return String(text ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function decodeHtml(text) {
-  return String(text ?? "").replace(/&nbsp;/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&amp;/g, "&");
-}
-var escapeRegExp = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function patternOf(key) {
-  return new RegExp(`\\{\\{\\s*${escapeRegExp(key)}\\s*(?:\\|([^{}]*))?\\}\\}`, "g");
-}
-var ANY_TAG = /\{\{\s*([A-Za-z][\w.]*)\s*(?:\|[^{}]*)?\}\}/g;
-var textVariables = (variables) => variables.filter((v) => v.kind !== "link");
-var present = (value) => value !== null && value !== void 0 && String(value) !== "";
-function replace(text, values, variables, html) {
-  let out = String(text || "");
-  for (const variable of textVariables(variables)) {
-    out = out.replace(patternOf(variable.key), (_, inline) => {
-      const value = values?.[variable.key];
-      if (present(value)) return html ? escapeHtml(value) : String(value);
-      const fallback = inline !== void 0 ? (html ? decodeHtml(inline) : inline).trim() : variable.fallback || "";
-      return html ? escapeHtml(fallback) : fallback;
-    });
-  }
-  return out;
-}
-function applyVariables(html, values, variables = DEFAULT_VARIABLES) {
-  return replace(html, values, variables, true);
-}
-function applyVariablesToText(text, values, variables = DEFAULT_VARIABLES) {
-  return replace(text, values, variables, false);
-}
-function mapVariables(html, mapping, variables = DEFAULT_VARIABLES) {
-  let out = String(html || "");
-  for (const variable of textVariables(variables)) {
-    if (!Object.prototype.hasOwnProperty.call(mapping, variable.key)) continue;
-    out = out.replace(patternOf(variable.key), () => String(mapping[variable.key]));
-  }
-  return out;
-}
-function usedVariables(text, variables = DEFAULT_VARIABLES) {
-  const source = String(text || "");
-  return variables.filter((v) => patternOf(v.key).test(source)).map((v) => v.key);
-}
-function unknownVariables(text, variables = DEFAULT_VARIABLES, ignore = ["unsubscribe", "mirror"]) {
-  const known = /* @__PURE__ */ new Set([...variables.map((v) => v.key), ...ignore]);
-  const found = /* @__PURE__ */ new Set();
-  for (const match of String(text || "").matchAll(ANY_TAG)) {
-    if (!known.has(match[1])) found.add(match[1]);
-  }
-  return [...found];
-}
-function sampleValues(variables = DEFAULT_VARIABLES, overrides = {}) {
-  const values = Object.fromEntries(textVariables(variables).map((v) => [v.key, v.sample]));
-  for (const [key, value] of Object.entries(overrides)) {
-    if (present(value)) values[key] = String(value);
-  }
-  return values;
-}
-
 // src/validation/images.js
 var MAX_IMAGE_BYTES = 2 * 1024 * 1024;
 var IMAGE_TYPES = { "image/png": "png", "image/jpeg": "jpg", "image/gif": "gif" };
@@ -563,51 +631,6 @@ function imageUploadError(file, { t = identity } = {}) {
   return null;
 }
 
-// src/validation/urls.js
-var LINK_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "action", "formaction", "xlink:href"]);
-var IMAGE_ATTRIBUTES = /* @__PURE__ */ new Set([
-  "src",
-  "srcset",
-  "background-url",
-  "background",
-  "poster",
-  "icon-unwrapped-url",
-  "icon-wrapped-url"
-]);
-var NAMED_ENTITIES = {
-  colon: ":",
-  tab: "	",
-  newline: "\n",
-  lpar: "(",
-  rpar: ")",
-  amp: "&",
-  quot: '"',
-  apos: "'",
-  lt: "<",
-  gt: ">",
-  nbsp: " "
-};
-function decodeEntities(value) {
-  return String(value ?? "").replace(/&(#x[0-9a-f]+|#\d+|[a-z]+);?/gi, (whole, body) => {
-    const key = String(body).toLowerCase();
-    if (key.startsWith("#x")) return String.fromCodePoint(Number.parseInt(key.slice(2), 16) || 0);
-    if (key.startsWith("#")) return String.fromCodePoint(Number.parseInt(key.slice(1), 10) || 0);
-    return NAMED_ENTITIES[key] ?? whole;
-  });
-}
-function isMergeTag(value) {
-  return /^\{\{\s*[a-zA-Z][\w.]*\s*\}\}$/.test(String(value || "").trim());
-}
-function isSafeUrl(raw, kind) {
-  const value = decodeEntities(raw).trim();
-  if (!value) return true;
-  if (isMergeTag(value)) return true;
-  const compact = value.replace(/[\s\u0000-\u001f\u007f]+/g, "").toLowerCase();
-  if (kind === "image") return compact.startsWith("https://") || isAssetPath(value);
-  if (compact.startsWith("#")) return true;
-  return /^(https?:\/\/|mailto:|tel:)/.test(compact);
-}
-
 export {
   EMAIL_BUILDER_VERSION,
   EMAIL_DOCUMENT_SCHEMA_VERSION,
@@ -637,16 +660,6 @@ export {
   IMAGE_TYPES,
   ASSET_KEY_PATTERN,
   detectImage,
-  imageUploadError,
-  LINK_ATTRIBUTES,
-  IMAGE_ATTRIBUTES,
-  decodeEntities,
-  isSafeUrl,
-  applyVariables,
-  applyVariablesToText,
-  mapVariables,
-  usedVariables,
-  unknownVariables,
-  sampleValues
+  imageUploadError
 };
-//# sourceMappingURL=chunk-2DZ6BRIJ.js.map
+//# sourceMappingURL=chunk-3M36VVXS.js.map