@wervt/nuxt 0.3.5 → 0.3.7

package/dist/brand.d.ts

@@ -0,0 +1,21 @@
+export interface BrandOptions {
+  /** The product name the login shows ("Sign in to …"). Defaults to the app's `app.head.title`. */
+  name?: string;
+  /**
+   * A wide logo for the top of the login page: a file in `public/` or an https URL. Without one,
+   * the login shows the icon next to the name.
+   */
+  logo?: string;
+  /**
+   * A square icon for the tab and the code mail: a file in `public/` or an https URL. PNG for the
+   * mail, since Gmail and Outlook don't show SVG. Defaults to the app's `<link rel="icon">`.
+   */
+  icon?: string;
+  /** The login's primary color as hex (`#ff5a1f`). Defaults to the `theme-color` meta tag. */
+  color?: string;
+  /**
+   * The small "Secured by wervt" under the login and in the mail footer. On by default: it says
+   * why the address bar shows wervt and that the account works in other apps too.
+   */
+  securedByWervt?: boolean;
+}

package/dist/brand.js

@@ -0,0 +1,19 @@
+import { headIcon, headMeta } from "./preview.js";
+// src/brand.ts
+const HEX_COLOR = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+/** The login's branding for the app, or undefined while the app keeps wervt's. */
+function brandManifest(option, head, app, favicon) {
+	if (!option) return void 0;
+	const custom = option === true ? {} : option;
+	const pick = (value, fallback) => value?.trim() || fallback;
+	const title = typeof head.title === "string" && head.title.trim() ? head.title.trim() : app;
+	const color = pick(custom.color, headMeta(head, "theme-color"));
+	return {
+		name: pick(custom.name, title).slice(0, 60),
+		logo: pick(custom.logo, void 0),
+		icon: pick(custom.icon, headIcon(head) ?? favicon),
+		color: color && HEX_COLOR.test(color) ? color : void 0,
+		...custom.securedByWervt === false && { securedByWervt: false }
+	};
+}
+export { HEX_COLOR, brandManifest };

package/dist/dev.js

@@ -37,7 +37,16 @@ async function setupDev(nuxt, app, options, features = {}) {
 	});
 	if (features.storage) await setupStorage(app, config.dbSecret, options);
 	const migrationsFolder = join(nuxt.options.rootDir, "drizzle");
-	if (!existsSync(migrationsFolder)) return;
+	if (!existsSync(migrationsFolder)) {
+		const watcher = watch(nuxt.options.rootDir, (_event, file) => {
+			if (file !== "drizzle" || !existsSync(migrationsFolder)) return;
+			watcher.close();
+			logger.info("Migrations added, restarting…");
+			nuxt.callHook("restart");
+		});
+		nuxt.hook("close", () => watcher.close());
+		return;
+	}
 	const provision = {
 		app,
 		adminUrl: config.adminUrl,
@@ -133,8 +142,13 @@ async function setupStorage(app, secret, options) {
 	process.env.WERVT_S3_ACCESS_KEY_ID ??= creds.accessKeyId;
 	process.env.WERVT_S3_SECRET_ACCESS_KEY ??= creds.secretAccessKey;
 }
-/** App name from the module option or package.json, normalised to `[a-z0-9-]+`. */
+/**
+* App name, normalised to `[a-z0-9-]+`: `WERVT_APP` first, which `wervt deploy` sets for its
+* build, so one codebase deployed as several apps (`--name`) builds each under its own name.
+* Then the module option, then package.json.
+*/
 async function resolveAppName(rootDir, name) {
+	name = process.env.WERVT_APP || name;
 	if (!name) {
 		const pkg = JSON.parse(await readFile(join(rootDir, "package.json"), "utf8").catch(() => "{}"));
 		name = String(pkg.name ?? "app").replace(/^@[^/]+\//, "");

package/dist/jsdoc-imports.js

@@ -0,0 +1,25 @@
+// src/jsdoc-imports.ts
+/**
+* Deno's module graph reads JSDoc type imports (`{@link import('../internal/headers').x}`) as
+* real dependencies and refuses to boot when one can't be resolved. Packages ship such paths
+* relative to their own source tree (@anthropic-ai/sdk does), so once Nitro bundles them into
+* `server/_libs/…` the path points nowhere and the worker fails with "Module not found".
+* Dropping the `import(` from JSDoc lines keeps the comment readable and out of the graph. Only
+* lines that open a JSDoc block or continue one with `*` are touched, so code never changes.
+*/
+function stripJsdocImports() {
+	const JSDOC_LINE_RE = /^[ \t]*(?:\/\*\*|\*(?!\/)).*$/gm;
+	const IMPORT_RE = /\bimport\(\s*(['"])/g;
+	return {
+		name: "wervt:strip-jsdoc-imports",
+		renderChunk(code) {
+			if (!code.includes("import(")) return null;
+			const out = code.replace(JSDOC_LINE_RE, (line) => line.replace(IMPORT_RE, "$1"));
+			return out === code ? null : {
+				code: out,
+				map: null
+			};
+		}
+	};
+}
+export { stripJsdocImports };

package/dist/module.d.ts

@@ -1,5 +1,6 @@
 import { DevOptions } from "./dev.js";
 import { PreviewOptions } from "./preview.js";
+import { BrandOptions } from "./brand.js";
 export interface ModuleOptions {
   /** App name on wervt. Defaults to the package.json name. */
   app?: string;
@@ -44,6 +45,13 @@ export interface ModuleOptions {
    * sends visitors without a login straight to the login, with no preview of the app.
    */
   preview?: PreviewOptions | boolean;
+  /**
+   * The login in this app's look: its name, logo, icon and color instead of wervt's, on the login
+   * and consent pages and in the sign-in code mail, with only a small "Secured by wervt" left.
+   * `true` takes name, icon and color from `app.head`; an object sets them (falling back to
+   * `app.head`). Off by default.
+   */
+  brand?: BrandOptions | boolean;
 }
 export interface FeedbackOptions {
   /** Public intake key of the kontor project (Project settings → Intake keys). */

package/dist/module.js

@@ -4,8 +4,10 @@ import { setupStudioPreview } from "./studio-preview.js";
 import { PROCESS_ENV_TYPES } from "./env-types.js";
 import { dependencyNames, ogImageDefaults, ogImageWarning } from "./og-image.js";
 import { iconDefaults, iconSources, iconWarning } from "./icons.js";
+import { stripJsdocImports } from "./jsdoc-imports.js";
 import { findRouteTools } from "./route-tools.js";
 import { localFiles, previewManifest } from "./preview.js";
+import { brandManifest } from "./brand.js";
 import { findShapeRoutes, shapeRoutesTypes, shapesManifest } from "./shapes.js";
 import { addImports, addPlugin, addServerHandler, addServerPlugin, addServerTemplate, addTypeTemplate, createResolver, defineNuxtModule, getNuxtVersion, hasNuxtModule, installModule, updateTemplates, useLogger } from "nuxt/kit";
 import { existsSync } from "node:fs";
@@ -107,7 +109,8 @@ var module_default = defineNuxtModule({
 				plugins: [
 					...[options.rollupConfig?.plugins ?? []].flat(),
 					prefixNodeBuiltins(),
-					configurableWaitUntil()
+					configurableWaitUntil(),
+					stripJsdocImports()
 				]
 			};
 			options.unenv = [...options.unenv ? [options.unenv].flat() : [], { inject: {
@@ -389,11 +392,18 @@ var module_default = defineNuxtModule({
 			const favicon = FAVICONS.find((file) => existsSync(join(publicDir, file)));
 			const manifest = previewManifest(options.preview, nuxt.options.app.head, app, favicon && `/${favicon}`);
 			for (const file of localFiles(manifest)) if (!existsSync(join(publicDir, file))) logger.warn(`The link preview names \`${file}\`, which isn't in public/.`);
+			const brand = brandManifest(options.brand, nuxt.options.app.head, app, favicon && `/${favicon}`);
+			for (const file of localFiles(brand ? {
+				icon: brand.icon,
+				image: brand.logo
+			} : false)) if (!existsSync(join(publicDir, file))) logger.warn(`The login branding names \`${file}\`, which isn't in public/.`);
+			if (typeof options.brand === "object" && options.brand.color && !brand?.color) logger.warn("`wervt.brand.color` must be a hex color like `#ff5a1f`; it is ignored.");
 			nuxt.hook("nitro:init", (instance) => {
 				const { serverDir } = instance.options.output;
 				instance.hooks.hook("compiled", async () => {
 					await mkdir(serverDir, { recursive: true });
 					await writeFile(join(serverDir, "wervt-preview.json"), `${JSON.stringify(manifest, null, 2)}\n`);
+					if (brand) await writeFile(join(serverDir, "wervt-brand.json"), `${JSON.stringify(brand, null, 2)}\n`);
 				});
 			});
 		}

package/dist/preview.js

@@ -35,4 +35,4 @@ function localFiles(manifest) {
 	if (!manifest) return [];
 	return [manifest.image, manifest.icon].filter((path) => !!path && path.startsWith("/") && !path.startsWith("//"));
 }
-export { localFiles, previewManifest };
+export { headIcon, headMeta, localFiles, previewManifest };

package/dist/runtime/email/alert.d.ts

@@ -0,0 +1,98 @@
+import { PropType } from "vue";
+/**
+ * A saved log query matched at least as often as its alert allows: what matched, how often, a
+ * few of the entries, and a link to the logs.
+ */
+export declare const LogAlertEmail: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** The app whose logs matched; `all apps` for a query across apps. */
+  app: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** The saved query's name. */
+  name: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** Its LogsQL. */
+  query: {
+    type: StringConstructor;
+    required: true;
+  };
+  count: {
+    type: NumberConstructor;
+    required: true;
+  };
+  threshold: {
+    type: NumberConstructor;
+    required: true;
+  };
+  /** How far back it counted, e.g. `5m`. */
+  window: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** How long it stays quiet now, e.g. `1h`. */
+  cooldown: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** The logs, filtered to the query. */
+  url: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** First lines of the newest matching entries. */
+  samples: {
+    type: PropType<string[]>;
+    default: () => never[];
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** The app whose logs matched; `all apps` for a query across apps. */
+  app: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** The saved query's name. */
+  name: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** Its LogsQL. */
+  query: {
+    type: StringConstructor;
+    required: true;
+  };
+  count: {
+    type: NumberConstructor;
+    required: true;
+  };
+  threshold: {
+    type: NumberConstructor;
+    required: true;
+  };
+  /** How far back it counted, e.g. `5m`. */
+  window: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** How long it stays quiet now, e.g. `1h`. */
+  cooldown: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** The logs, filtered to the query. */
+  url: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** First lines of the newest matching entries. */
+  samples: {
+    type: PropType<string[]>;
+    default: () => never[];
+  };
+}>> & Readonly<{}>, {
+  samples: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/email/alert.js

@@ -0,0 +1,114 @@
+import { EmailButton, EmailDivider, EmailHeading, EmailMuted, EmailText, WervtEmail, emailTheme } from "./components.js";
+import { defineComponent, h } from "vue";
+// src/runtime/email/alert.ts
+const code = (text) => h("code", { style: {
+	fontFamily: emailTheme.mono,
+	fontSize: "13px",
+	background: emailTheme.codeBackground,
+	border: `1px solid ${emailTheme.accentBorder}`,
+	borderRadius: "4px",
+	padding: "1px 5px"
+} }, text);
+/** `5m` → `5 minutes`. */
+function spelledOut(duration) {
+	const match = duration.match(/^(\d+)([mhd])$/);
+	if (!match) return duration;
+	const amount = Number(match[1]);
+	const unit = {
+		m: "minute",
+		h: "hour",
+		d: "day"
+	}[match[2]];
+	return amount === 1 ? `1 ${unit}` : `${amount} ${unit}s`;
+}
+/**
+* A saved log query matched at least as often as its alert allows: what matched, how often, a
+* few of the entries, and a link to the logs.
+*/
+const LogAlertEmail = defineComponent({
+	name: "LogAlertEmail",
+	props: {
+		/** The app whose logs matched; `all apps` for a query across apps. */
+		app: {
+			type: String,
+			required: true
+		},
+		/** The saved query's name. */
+		name: {
+			type: String,
+			required: true
+		},
+		/** Its LogsQL. */
+		query: {
+			type: String,
+			required: true
+		},
+		count: {
+			type: Number,
+			required: true
+		},
+		threshold: {
+			type: Number,
+			required: true
+		},
+		/** How far back it counted, e.g. `5m`. */
+		window: {
+			type: String,
+			required: true
+		},
+		/** How long it stays quiet now, e.g. `1h`. */
+		cooldown: {
+			type: String,
+			required: true
+		},
+		/** The logs, filtered to the query. */
+		url: {
+			type: String,
+			required: true
+		},
+		/** First lines of the newest matching entries. */
+		samples: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(props) {
+		return () => h(WervtEmail, {
+			subject: `${props.app}: ${props.name} (${props.count} in ${props.window})`,
+			app: props.app,
+			preview: `${props.count} log ${props.count === 1 ? "entry" : "entries"} matched in the last ${spelledOut(props.window)}`,
+			footer: "Sent by wervt",
+			reason: `You received this email because you own or help run ${props.app} and it has an alert on this query.`
+		}, () => [
+			h(EmailHeading, { eyebrow: "Log alert" }, () => props.name),
+			h(EmailText, () => [
+				`${props.count} log ${props.count === 1 ? "entry" : "entries"} of ${props.app} matched `,
+				code(props.query),
+				` in the last ${spelledOut(props.window)}. The alert fires at ${props.threshold}.`
+			]),
+			...props.samples.length ? [h(EmailMuted, () => "Newest matches:"), h("pre", {
+				class: "wv-code",
+				style: {
+					margin: "0 0 24px",
+					padding: "12px 14px",
+					fontFamily: emailTheme.mono,
+					fontSize: "12px",
+					lineHeight: "18px",
+					whiteSpace: "pre-wrap",
+					wordBreak: "break-word",
+					color: emailTheme.highlighted,
+					background: emailTheme.codeBackground,
+					border: `1px solid ${emailTheme.accentBorder}`,
+					borderRadius: "8px"
+				}
+			}, props.samples.join("\n"))] : [],
+			h(EmailButton, {
+				href: props.url,
+				color: "neutral"
+			}, () => "Open the logs"),
+			h(EmailDivider),
+			h(EmailMuted, () => `No more mails about this for ${spelledOut(props.cooldown)}, even if entries keep matching. Change or turn off the alert where the query is saved.`)
+		]);
+	}
+});
+export { LogAlertEmail };

package/dist/runtime/email/components.d.ts

@@ -27,6 +27,19 @@ export declare const emailTheme: {
   site: string;
   docs: string;
 };
+/**
+ * Another product's look instead of wervt's, for the login's mails to people signing in to an
+ * app with its own branding (`wervt.brand`). wervt is then only named in the footer.
+ */
+export interface EmailBrand {
+  name: string;
+  /** An absolute URL of a square PNG or JPEG; mail clients don't show SVG. */
+  icon?: string;
+  /** Hex color for the line under the header. */
+  color?: string;
+  /** `false` leaves "Secured by wervt" out of the footer. */
+  securedByWervt?: boolean;
+}
 /**
  * The whole email: document, preheader, header with the logo, body and footer. Put it at the
  * root of every template.
@@ -61,6 +74,11 @@ export declare const WervtEmail: import("vue").DefineComponent<import("vue").Ext
     type: StringConstructor;
     default: string;
   };
+  /** Shows another product's name and icon instead of wervt's (see `EmailBrand`). */
+  brand: {
+    type: PropType<EmailBrand | null>;
+    default: null;
+  };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -89,11 +107,17 @@ export declare const WervtEmail: import("vue").DefineComponent<import("vue").Ext
     type: StringConstructor;
     default: string;
   };
+  /** Shows another product's name and icon instead of wervt's (see `EmailBrand`). */
+  brand: {
+    type: PropType<EmailBrand | null>;
+    default: null;
+  };
 }>> & Readonly<{}>, {
   app: string;
   preview: string;
   footer: string;
   reason: string;
+  brand: EmailBrand | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const EmailHeading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** A short label above the heading, in the landing page's mono eyebrow style. */

package/dist/runtime/email/components.js

@@ -29,6 +29,8 @@ const emailTheme = {
 	docs: "https://wervt.app/getting-started/introduction"
 };
 const t = emailTheme;
+/** Icons mail clients can show: Gmail and Outlook drop SVG, Outlook has no WebP. */
+const mailIcon = (brand) => brand.icon && /^https:\/\/\S+\.(png|jpe?g|gif)(\?\S*)?$/i.test(brand.icon) ? brand.icon : void 0;
 const darkStyles = `
 :root { color-scheme: light dark; supported-color-schemes: light dark; }
 @media (prefers-color-scheme: dark) {
@@ -89,6 +91,11 @@ const WervtEmail = defineComponent({
 		reason: {
 			type: String,
 			default: ""
+		},
+		/** Shows another product's name and icon instead of wervt's (see `EmailBrand`). */
+		brand: {
+			type: Object,
+			default: null
 		}
 	},
 	setup(props, { slots }) {
@@ -146,10 +153,10 @@ const WervtEmail = defineComponent({
 			stub(),
 			rule(true, none, {
 				color: t.band,
-				image: `url('${t.assets}/header.png') right top / 600px 100px no-repeat`
+				image: props.brand ? void 0 : `url('${t.assets}/header.png') right top / 600px 100px no-repeat`
 			}),
-			framed(header(props.app), { padding: 0 }),
-			framed(accentLine(), { padding: 0 }),
+			framed(props.brand ? brandHeader(props.brand) : header(props.app), { padding: 0 }),
+			framed(accentLine(props.brand?.color), { padding: 0 }),
 			framed(slots.default?.(), {
 				class: "wv-card wv-pad",
 				background: t.card,
@@ -233,21 +240,66 @@ function header(app) {
 		whiteSpace: "nowrap"
 	} }, [h("span", { style: { color: "#5885ff" } }, "●"), `\u00A0\u00A0${app}`])])]))])]);
 }
-/** The landing page's headline gradient, as a hairline under the header. */
-function accentLine() {
+/** The band on top for a branded mail: the product's icon and name, no wervt dot grid. */
+function brandHeader(brand) {
+	const icon = mailIcon(brand);
+	const name = h("td", {
+		class: "wv-pad",
+		style: {
+			padding: icon ? "30px 40px 30px 12px" : "30px 40px",
+			verticalAlign: "middle",
+			fontFamily: t.font,
+			fontSize: "20px",
+			lineHeight: "32px",
+			fontWeight: 600,
+			letterSpacing: "-0.3px",
+			color: "#fafafa"
+		}
+	}, brand.name);
+	return table({
+		width: "100%",
+		bgcolor: t.band,
+		style: { background: t.band }
+	}, [h("tr", [icon ? h("td", {
+		class: "wv-pad wervt-skip-text",
+		width: 72,
+		style: {
+			padding: "30px 0 30px 40px",
+			verticalAlign: "middle",
+			width: "72px"
+		}
+	}, h("img", {
+		src: icon,
+		width: 32,
+		height: 32,
+		alt: "",
+		style: {
+			display: "block",
+			width: "32px",
+			height: "32px",
+			border: 0,
+			borderRadius: "7px"
+		}
+	})) : null, name])]);
+}
+/** The landing page's headline gradient, as a hairline under the header; a brand's own color. */
+function accentLine(color) {
+	const solid = color && /^#[0-9a-f]{3,6}$/i.test(color) ? color : void 0;
 	return table({ width: "100%" }, [h("tr", [h("td", {
 		height: 2,
-		bgcolor: t.accent,
+		bgcolor: solid ?? t.accent,
 		style: {
 			height: "2px",
 			fontSize: 0,
 			lineHeight: 0,
-			background: `${t.accent} linear-gradient(90deg, #60a5fa, ${t.accent} 45%, #a78bfa)`
+			background: solid ?? `${t.accent} linear-gradient(90deg, #60a5fa, ${t.accent} 45%, #a78bfa)`
 		}
 	})])]);
 }
 function footer(props) {
-	const sentBy = props.footer || (props.app === "wervt" ? "Sent by wervt" : `Sent by ${props.app} via wervt`);
+	const { brand } = props;
+	const sentBy = props.footer || (brand ? `Sent by ${brand.name}` : props.app === "wervt" ? "Sent by wervt" : `Sent by ${props.app} via wervt`);
+	const tile = brand ? mailIcon(brand) : `${t.assets}/mark-tile.png`;
 	const small = {
 		fontFamily: t.font,
 		fontSize: "12px",
@@ -257,7 +309,7 @@ function footer(props) {
 		color: t.muted,
 		textDecoration: "none"
 	};
-	return table({ width: "100%" }, [h("tr", [h("td", {
+	return table({ width: "100%" }, [h("tr", [tile ? h("td", {
 		width: 40,
 		style: {
 			width: "40px",
@@ -265,7 +317,7 @@ function footer(props) {
 			paddingTop: "2px"
 		}
 	}, h("img", {
-		src: `${t.assets}/mark-tile.png`,
+		src: tile,
 		width: 28,
 		height: 28,
 		alt: "",
@@ -276,7 +328,7 @@ function footer(props) {
 			border: 0,
 			borderRadius: "7px"
 		}
-	})), h("td", { style: { verticalAlign: "top" } }, [
+	})) : null, h("td", { style: { verticalAlign: "top" } }, [
 		h("p", {
 			class: "wv-strong",
 			style: {
@@ -304,7 +356,11 @@ function footer(props) {
 				fontSize: "11px",
 				color: t.dimmed
 			}
-		}, [
+		}, brand ? brand.securedByWervt === false ? [] : [h("a", {
+			href: t.site,
+			class: "wv-muted",
+			style: link
+		}, "Secured by wervt")] : [
 			h("a", {
 				href: t.site,
 				class: "wv-muted",

package/dist/runtime/email/index.d.ts

@@ -1,4 +1,5 @@
-import { EmailButton, EmailCode, EmailDivider, EmailHeading, EmailLink, EmailMuted, EmailText, WervtEmail, emailTheme } from "./components.js";
+import { LogAlertEmail } from "./alert.js";
+import { EmailBrand, EmailButton, EmailCode, EmailDivider, EmailHeading, EmailLink, EmailMuted, EmailText, WervtEmail, emailTheme } from "./components.js";
 import { InviteEmail } from "./invite.js";
 import { EmailProps, RenderedEmail, renderEmail } from "./render.js";
-export { EmailButton, EmailCode, EmailDivider, EmailHeading, EmailLink, EmailMuted, type EmailProps, EmailText, InviteEmail, type RenderedEmail, WervtEmail, emailTheme, renderEmail };
+export { type EmailBrand, EmailButton, EmailCode, EmailDivider, EmailHeading, EmailLink, EmailMuted, type EmailProps, EmailText, InviteEmail, LogAlertEmail, type RenderedEmail, WervtEmail, emailTheme, renderEmail };

package/dist/runtime/email/index.js

@@ -1,4 +1,5 @@
 import { EmailButton, EmailCode, EmailDivider, EmailHeading, EmailLink, EmailMuted, EmailText, WervtEmail, emailTheme } from "./components.js";
+import { LogAlertEmail } from "./alert.js";
 import { InviteEmail } from "./invite.js";
 import { renderEmail } from "./render.js";
-export { EmailButton, EmailCode, EmailDivider, EmailHeading, EmailLink, EmailMuted, EmailText, InviteEmail, WervtEmail, emailTheme, renderEmail };
+export { EmailButton, EmailCode, EmailDivider, EmailHeading, EmailLink, EmailMuted, EmailText, InviteEmail, LogAlertEmail, WervtEmail, emailTheme, renderEmail };

package/dist/runtime/server/index.d.ts

@@ -9,8 +9,8 @@ import { McpTokenContext } from "./mcp-auth.js";
 import { seedTable } from "./seed.js";
 import { ShapeResponse } from "../shared/shape.js";
 import { ShapeOptions, ShapeRow, proxyShape } from "./shape.js";
-import { Task, TaskEvent, TaskResult, defineTask } from "./tasks.js";
+import { AccountMergedPayload, Task, TaskEvent, TaskResult, defineTask } from "./tasks.js";
 import { SafeResult, useSafeValidatedBody, useSafeValidatedParams, useSafeValidatedQuery, useValidatedBody, useValidatedParams, useValidatedQuery, vh } from "./validate.js";
 import { Tool, ToolRoute, defineTool, defineToolRoute } from "./tools.js";
 import { requireWervtRole, useWervtUser } from "./user.js";
-export { type EmailProps, type McpTokenContext, type RenderedEmail, type SafeResult, type SendMailOptions, type ShapeOptions, type ShapeResponse, type ShapeRow, type Task, type TaskEvent, type TaskResult, type Tool, type ToolRoute, type WervtAccess, type WervtInvite, type WervtRole, type WervtUser, type WorkloadIdentity, createEvlogError, defineTask, defineTool, defineToolRoute, log, proxyShape, renderEmail, requireWervtRole, seedTable, sendMail, useDb, useLogger, useSafeValidatedBody, useSafeValidatedParams, useSafeValidatedQuery, useValidatedBody, useValidatedParams, useValidatedQuery, useWervtAccess, useWervtUser, useWorkloadIdentity, vh };
+export { type AccountMergedPayload, type EmailProps, type McpTokenContext, type RenderedEmail, type SafeResult, type SendMailOptions, type ShapeOptions, type ShapeResponse, type ShapeRow, type Task, type TaskEvent, type TaskResult, type Tool, type ToolRoute, type WervtAccess, type WervtInvite, type WervtRole, type WervtUser, type WorkloadIdentity, createEvlogError, defineTask, defineTool, defineToolRoute, log, proxyShape, renderEmail, requireWervtRole, seedTable, sendMail, useDb, useLogger, useSafeValidatedBody, useSafeValidatedParams, useSafeValidatedQuery, useValidatedBody, useValidatedParams, useValidatedQuery, useWervtAccess, useWervtUser, useWorkloadIdentity, vh };

package/dist/runtime/server/mail.d.ts

@@ -8,6 +8,11 @@ export interface SendMailOptions<T extends Component> {
   props?: EmailProps<T>;
   /** Where replies go. The sender is always `<app> <mail@wervt.app>`. */
   replyTo?: string;
+  /**
+   * The sender's display name instead of the app's. Only the wervt login may set it (for the app
+   * someone signs in to); for every other app the platform ignores it.
+   */
+  fromName?: string;
 }
 /**
  * Renders a template and sends it through wervt. Throws on failure, with the status the platform

package/dist/runtime/server/mail.js

@@ -29,6 +29,7 @@ async function sendMail(options) {
 			html,
 			text,
 			replyTo: options.replyTo,
+			fromName: options.fromName,
 			template
 		})
 	});

package/dist/runtime/server/task-handlers.d.ts

@@ -11,8 +11,8 @@ type Registry = Record<string, {
 }>;
 /** `POST /_wervt/tasks/:name`: runs a task when the control plane asks. */
 export declare function taskRunHandler(runTask: RunTask): import("nuxt/server").EventHandler<Promise<{
-  result?: undefined;
   error: string;
+  result?: undefined;
 } | {
   error?: undefined;
   result: {} | null;

package/dist/runtime/server/tasks.d.ts

@@ -4,6 +4,20 @@ export interface TaskEvent<P = Record<string, unknown>> {
   payload: P;
   context: Record<string, unknown>;
 }
+/**
+ * Payload of the `wervt:account-merged` task: one person had two wervt accounts and an admin
+ * merged `from` into `into`. `from` no longer exists; move its rows over to `into`.
+ */
+export interface AccountMergedPayload {
+  from: {
+    id: string;
+    email: string;
+  };
+  into: {
+    id: string;
+    email: string;
+  };
+}
 export interface TaskResult<R = unknown> {
   result?: R;
 }

package/dist/runtime/server/tool-handlers.d.ts

@@ -36,7 +36,7 @@ export declare const runTool: import("nuxt/server").EventHandler<Promise<{
   };
   result?: undefined;
 } | {
-  error?: undefined;
   issues?: undefined;
   result: {} | null;
+  error?: undefined;
 }>>;

package/dist/storage.d.ts

@@ -43,7 +43,7 @@ export interface ObjectDetails extends StoredObject {
 export declare const MAX_KEY_BYTES = 1024;
 export declare function createStorage(options: StorageOptions): {
   ensureLayout: () => Promise<void>;
-  provision: (app: string, appOrigin: string, quota?: StorageQuota) => Promise<{
+  provision: (app: string, appOrigins: string | string[], quota?: StorageQuota) => Promise<{
     bucket: string;
   }>;
   setQuota: (app: string, quota: StorageQuota) => Promise<boolean>;

package/dist/storage.js

@@ -119,11 +119,11 @@ function createStorage(options) {
 		};
 	};
 	/**
-	* Creates the app's bucket and key if they're missing, lets the app's origin upload and
+	* Creates the app's bucket and key if they're missing, lets the app's origins upload and
 	* download from browsers (CORS), and cleans up abandoned uploads. Safe to run on every deploy.
 	* With `quota`, sets the bucket's size limit too; without, leaves it as it is.
 	*/
-	async function provision(app, appOrigin, quota) {
+	async function provision(app, appOrigins, quota) {
 		const { creds, client, base } = await s3(app);
 		const bucket = await exists(`GetBucketInfo?globalAlias=${creds.bucket}`) ?? await admin("CreateBucket", { globalAlias: creds.bucket });
 		if (!await exists(`GetKeyInfo?id=${creds.accessKeyId}`)) await admin("ImportKey", {
@@ -142,8 +142,7 @@ function createStorage(options) {
 		});
 		if (quota) await applyQuota(bucket.id, quota);
 		const cors = `<CORSConfiguration><CORSRule>
-<AllowedOrigin>${appOrigin}</AllowedOrigin>
-<AllowedMethod>GET</AllowedMethod><AllowedMethod>HEAD</AllowedMethod>
+${[appOrigins].flat().map((origin) => `<AllowedOrigin>${origin}</AllowedOrigin>\n`).join("")}<AllowedMethod>GET</AllowedMethod><AllowedMethod>HEAD</AllowedMethod>
 <AllowedMethod>PUT</AllowedMethod><AllowedMethod>POST</AllowedMethod>
 <AllowedHeader>*</AllowedHeader><ExposeHeader>ETag</ExposeHeader>
 <MaxAgeSeconds>3600</MaxAgeSeconds>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wervt/nuxt",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Nuxt module for apps hosted on wervt: database, live data, MCP and runtime setup.",
   "keywords": [
     "drizzle",