@samva/markup 0.2.0 → 0.3.0

package/dist/presets.d.ts

@@ -13,14 +13,41 @@ interface PresetMeta {
   /** One-line description of when to reach for this preset. */
   readonly description: string;
   /**
-   * Every variable the source interpolates, sorted. A sender fills these in;
-   * an org theme re-themes the brand tokens. Kept in exact parity with
-   * collectVariableReferences(source) by the preset test suite.
+   * Every input property declared by the template schema, sorted.
+   * A sender supplies these values when rendering the template.
    */
   readonly variables: ReadonlyArray<string>;
 }
 declare const RECOMMENDED_THEME: TokenOverrides;
 declare const presetCatalog: readonly [{
+  readonly id: "linear-login-code";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Linear login code";
+  readonly description: "Recreate Linear's login code email with an editable magic link, code, and bundled logo.";
+  readonly variables: readonly ["expiryNotice", "homeUrl", "loginUrl", "productName", "validationCode"];
+}, {
+  readonly id: "product-newsletter";
+  readonly channel: "email";
+  readonly category: "digest";
+  readonly name: "Product newsletter";
+  readonly description: "A monthly product newsletter with a lead story, mapped secondary stories, a changelog and one action.";
+  readonly variables: readonly ["changelog", "issueMonth", "issueNumber", "issueUrl", "leadImage", "leadSummary", "leadTitle", "leadUrl", "preferencesUrl", "stories", "unsubscribeUrl"];
+}, {
+  readonly id: "vercel-invitation";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Vercel team invitation";
+  readonly description: "Recreate Vercel's team invitation with editable source and bundled assets.";
+  readonly variables: readonly ["inviteFromIp", "inviteFromLocation", "inviteLink", "invitedByEmail", "invitedByUsername", "teamImage", "teamName", "userImage", "username"];
+}, {
+  readonly id: "order-receipt";
+  readonly channel: "email";
+  readonly category: "transactional";
+  readonly name: "Order receipt";
+  readonly description: "Itemized order receipt with product thumbnails, totals, payment summary and shipping address.";
+  readonly variables: readonly ["customerName", "discount", "items", "orderDate", "orderNumber", "orderUrl", "paymentBrand", "paymentLast4", "shipping", "shippingAddress", "subtotal", "supportEmail", "tax", "total"];
+}, {
   readonly id: "welcome";
   readonly channel: "email";
   readonly category: "transactional";
@@ -244,6 +271,13 @@ declare const presetCatalog: readonly [{
   readonly name: "Season clearance promotion";
   readonly description: "A last-chance clearance promotion with a hero banner, a deadline phrase, and a single shop action.";
   readonly variables: readonly ["contactEmailUrl", "grabDealsUrl", "heroImageUrl", "offerDeadlinePhrase", "offerEndLong", "offerEndShort", "onlineVersionUrl", "preferencesUrl", "seasonYear", "secondaryBannerImageUrl", "socialFourIconUrl", "socialOneIconUrl", "socialThreeIconUrl", "socialTwoIconUrl", "termsUrl", "unsubscribeUrl"];
+}, {
+  readonly id: "product-launch-promo";
+  readonly channel: "email";
+  readonly category: "marketing";
+  readonly name: "Product launch promotion";
+  readonly description: "Launch a collection with a hero, a four-product grid, a discount code, and one shop action.";
+  readonly variables: readonly ["bestSellersUrl", "discountCode", "firstName", "headline", "newArrivalsUrl", "offerEnds", "preferencesUrl", "products", "saleUrl", "shopUrl", "subhead", "unsubscribeUrl"];
 }, {
   readonly id: "onboarding-step";
   readonly channel: "email";

package/dist/presets.js

@@ -7,6 +7,81 @@ const RECOMMENDED_THEME = {
 	radiusPx: { brand: 8 }
 };
 const presetCatalog = [
+	{
+		id: "linear-login-code",
+		channel: "email",
+		category: "transactional",
+		name: "Linear login code",
+		description: "Recreate Linear's login code email with an editable magic link, code, and bundled logo.",
+		variables: [
+			"expiryNotice",
+			"homeUrl",
+			"loginUrl",
+			"productName",
+			"validationCode"
+		]
+	},
+	{
+		id: "product-newsletter",
+		channel: "email",
+		category: "digest",
+		name: "Product newsletter",
+		description: "A monthly product newsletter with a lead story, mapped secondary stories, a changelog and one action.",
+		variables: [
+			"changelog",
+			"issueMonth",
+			"issueNumber",
+			"issueUrl",
+			"leadImage",
+			"leadSummary",
+			"leadTitle",
+			"leadUrl",
+			"preferencesUrl",
+			"stories",
+			"unsubscribeUrl"
+		]
+	},
+	{
+		id: "vercel-invitation",
+		channel: "email",
+		category: "transactional",
+		name: "Vercel team invitation",
+		description: "Recreate Vercel's team invitation with editable source and bundled assets.",
+		variables: [
+			"inviteFromIp",
+			"inviteFromLocation",
+			"inviteLink",
+			"invitedByEmail",
+			"invitedByUsername",
+			"teamImage",
+			"teamName",
+			"userImage",
+			"username"
+		]
+	},
+	{
+		id: "order-receipt",
+		channel: "email",
+		category: "transactional",
+		name: "Order receipt",
+		description: "Itemized order receipt with product thumbnails, totals, payment summary and shipping address.",
+		variables: [
+			"customerName",
+			"discount",
+			"items",
+			"orderDate",
+			"orderNumber",
+			"orderUrl",
+			"paymentBrand",
+			"paymentLast4",
+			"shipping",
+			"shippingAddress",
+			"subtotal",
+			"supportEmail",
+			"tax",
+			"total"
+		]
+	},
 	{
 		id: "welcome",
 		channel: "email",
@@ -1044,6 +1119,27 @@ const presetCatalog = [
 			"unsubscribeUrl"
 		]
 	},
+	{
+		id: "product-launch-promo",
+		channel: "email",
+		category: "marketing",
+		name: "Product launch promotion",
+		description: "Launch a collection with a hero, a four-product grid, a discount code, and one shop action.",
+		variables: [
+			"bestSellersUrl",
+			"discountCode",
+			"firstName",
+			"headline",
+			"newArrivalsUrl",
+			"offerEnds",
+			"preferencesUrl",
+			"products",
+			"saleUrl",
+			"shopUrl",
+			"subhead",
+			"unsubscribeUrl"
+		]
+	},
 	{
 		id: "onboarding-step",
 		channel: "email",

package/dist/{render-Cddsy_XF.js → render-ykQhtMs_.js}

@@ -2,7 +2,7 @@ import { EmailNode, drainEmailDiagnostics } from "./email/jsx-runtime.js";
 import { declarationValue, kebab, serializeEmailHtml } from "./email/html.js";
 import { PREHEADER_ATTRIBUTE, preheaderNode } from "./email/components.js";
 import { EmailCompileError, hasBlockingDiagnostic } from "./email/diagnostics.js";
-import { collectStylesheets, hasStylesheets } from "./email/stylesheets.js";
+import { snapshotStylesheets } from "./email/stylesheets.js";
 import { deriveEmailText } from "./email/text.js";
 import { Predicate } from "effect";
 //#region src/email/css-values.ts
@@ -525,7 +525,14 @@ const withHeadCss = (node, css) => {
 	return insert(node);
 };
 /** Render one validated input through the template's only content function. Host isolation is required for untrusted source. */
-const renderEmail = (template, data, options = {}) => {
+const renderEmail = (template, data, options = {}) => renderEmailWith(snapshotStylesheets(), template, data, options);
+/**
+* A render bound to the sheets registered so far. A compiled project's wrapper
+* calls this once its own stylesheet imports have run, so a later project
+* loaded into the same process cannot restyle an entry that is rendered again.
+*/
+const bindStylesheets = (stylesheet = snapshotStylesheets()) => (template, data, options = {}) => renderEmailWith(stylesheet, template, data, options);
+const renderEmailWith = (stylesheet, template, data, options) => {
 	if (!template.schema.validate(data)) throw new TypeError(`Invalid template input: ${JSON.stringify(template.schema.validate.errors)}`);
 	drainEmailDiagnostics();
 	const content = template.render(data);
@@ -543,11 +550,11 @@ const renderEmail = (template, data, options = {}) => {
 	if (content.preheader !== void 0 && declared !== void 0) fail("duplicate-preheader", "Preheader is set on both the template content and <Email preheader>; keep one.");
 	settle(invalid);
 	const base = content.preheader === void 0 ? content.body : withPreheader(content.body, content.preheader);
-	const styled = hasStylesheets() ? applyStylesheet(base, collectStylesheets()) : {
+	const styled = stylesheet === void 0 ? {
 		tree: base,
 		headCss: "",
 		diagnostics: []
-	};
+	} : applyStylesheet(base, stylesheet);
 	const style = [...styled.diagnostics];
 	let tree = styled.tree;
 	if (styled.headCss !== "") {
@@ -580,6 +587,6 @@ const renderEmail = (template, data, options = {}) => {
 	};
 };
 //#endregion
-export { classListOf as a, finalizeValue as c, resolveVariables as d, applyStylesheet as i, foldCalc as l, compileEmail as n, matchesSelector as o, renderEmail as r, downlevelMediaQuery as s, EMAIL_DOCTYPE as t, renderHeadCss as u };
+export { applyStylesheet as a, downlevelMediaQuery as c, renderHeadCss as d, resolveVariables as f, renderEmail as i, finalizeValue as l, bindStylesheets as n, classListOf as o, compileEmail as r, matchesSelector as s, EMAIL_DOCTYPE as t, foldCalc as u };
 
-//# sourceMappingURL=render-Cddsy_XF.js.map
+//# sourceMappingURL=render-ykQhtMs_.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@samva/markup",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Type-safe authoring and compilation primitives for Samva templates",
   "keywords": [
     "email",