@locusgraph/email 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { EmailLayout } from "./kit/email-layout";
-export { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "./kit/parts";
-export { type RenderedEmail, renderEmail } from "./render";
-export * from "./templates/invitation";
-export * from "./templates/low-credits";
-export * from "./templates/receipt";
-export * from "./templates/usage-over-plan";
+export { EmailLayout } from "./kit/email-layout.js";
+export { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "./kit/parts.js";
+export { type RenderedEmail, renderEmail } from "./render.js";
+export * from "./templates/invitation.js";
+export * from "./templates/low-credits.js";
+export * from "./templates/receipt.js";
+export * from "./templates/usage-over-plan.js";

package/dist/index.js

@@ -1,7 +1,7 @@
-export { EmailLayout } from "./kit/email-layout";
-export { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "./kit/parts";
-export { renderEmail } from "./render";
-export * from "./templates/invitation";
-export * from "./templates/low-credits";
-export * from "./templates/receipt";
-export * from "./templates/usage-over-plan";
+export { EmailLayout } from "./kit/email-layout.js";
+export { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "./kit/parts.js";
+export { renderEmail } from "./render.js";
+export * from "./templates/invitation.js";
+export * from "./templates/low-credits.js";
+export * from "./templates/receipt.js";
+export * from "./templates/usage-over-plan.js";

package/dist/kit/email-layout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { contentWidth, emailColors, emailFonts } from "./theme";
+import { contentWidth, emailColors, emailFonts } from "./theme.js";
 export function EmailLayout({ preview, children, footer }) {
     return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { httpEquiv: "Content-Type", content: "text/html; charset=UTF-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("meta", { name: "color-scheme", content: "light" })] }), _jsxs("body", { style: {
                     margin: 0,

package/dist/kit/parts.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { emailColors, emailFonts } from "./theme";
+import { emailColors, emailFonts } from "./theme.js";
 export function EmailLabel({ children }) {
     return (_jsx("p", { style: {
             margin: "0 0 8px",

package/dist/render.js

@@ -1,8 +1,8 @@
 import { renderToStaticMarkup } from "react-dom/server";
 function plainText(html) {
     return html
-        .replace(/<div style="display:none[^>]*>.*?<\/div>/s, "")
-        .replace(/<a [^>]*href="([^"]+)"[^>]*>(.*?)<\/a>/gs, "$2: $1")
+        .replace(/<div style="display:none[^>]*>[\s\S]*?<\/div>/, "")
+        .replace(/<a [^>]*href="([^"]+)"[^>]*>([\s\S]*?)<\/a>/g, "$2: $1")
         .replace(/<\/(p|h1|tr|table)>/g, "\n")
         .replace(/<\/td>/g, " ")
         .replace(/<[^>]+>/g, "")

package/dist/templates/invitation.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EmailLayout } from "../kit/email-layout";
-import { EmailButton, EmailHeading, EmailLabel, EmailText } from "../kit/parts";
-import { renderEmail } from "../render";
+import { EmailLayout } from "../kit/email-layout.js";
+import { EmailButton, EmailHeading, EmailLabel, EmailText } from "../kit/parts.js";
+import { renderEmail } from "../render.js";
 export function InvitationEmail({ organizationName, inviterName, role, acceptUrl, expiresOn, }) {
     return (_jsxs(EmailLayout, { preview: `${inviterName} invited you to ${organizationName}`, footer: `The invitation expires on ${expiresOn}. If you did not expect it, ignore this email.`, children: [_jsx(EmailLabel, { children: "Invitation" }), _jsxs(EmailHeading, { children: ["Join ", organizationName, " on LocusGraph"] }), _jsxs(EmailText, { children: [inviterName, " invited you to ", organizationName, " as ", role, ". Sign in with Google or GitHub to accept."] }), _jsx(EmailButton, { href: acceptUrl, children: "Accept invitation" })] }));
 }

package/dist/templates/low-credits.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatMicroUsd } from "@locusgraph/utils";
-import { EmailLayout } from "../kit/email-layout";
-import { EmailButton, EmailHeading, EmailLabel, EmailText } from "../kit/parts";
-import { renderEmail } from "../render";
+import { EmailLayout } from "../kit/email-layout.js";
+import { EmailButton, EmailHeading, EmailLabel, EmailText } from "../kit/parts.js";
+import { renderEmail } from "../render.js";
 export function LowCreditsEmail({ organizationName, balanceMicroUsd, buyCreditsUrl, }) {
     const empty = balanceMicroUsd <= 0;
     return (_jsxs(EmailLayout, { preview: empty ? `${organizationName} is out of credits` : `${organizationName} is low on credits`, children: [_jsx(EmailLabel, { children: "Credits" }), _jsx(EmailHeading, { children: empty ? "Out of credits" : `${formatMicroUsd(balanceMicroUsd)} of credits left` }), _jsx(EmailText, { children: empty

package/dist/templates/receipt.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatCents } from "@locusgraph/utils";
-import { EmailLayout } from "../kit/email-layout";
-import { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "../kit/parts";
-import { renderEmail } from "../render";
+import { EmailLayout } from "../kit/email-layout.js";
+import { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "../kit/parts.js";
+import { renderEmail } from "../render.js";
 export function ReceiptEmail({ organizationName, description, amountCents, paidOn, receiptUrl, }) {
     return (_jsxs(EmailLayout, { preview: `${formatCents(amountCents)} paid for ${organizationName}`, footer: "Stripe processed this payment. The receipt link shows the full invoice.", children: [_jsx(EmailLabel, { children: "Receipt" }), _jsxs(EmailHeading, { children: [formatCents(amountCents), " paid"] }), _jsxs(EmailText, { children: ["Thanks. Here is what ", organizationName, " paid for."] }), _jsx(EmailRows, { rows: [
                     ["Item", description],

package/dist/templates/usage-over-plan.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatCount } from "@locusgraph/utils";
-import { EmailLayout } from "../kit/email-layout";
-import { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "../kit/parts";
-import { renderEmail } from "../render";
+import { EmailLayout } from "../kit/email-layout.js";
+import { EmailButton, EmailHeading, EmailLabel, EmailRows, EmailText } from "../kit/parts.js";
+import { renderEmail } from "../render.js";
 export function UsageOverPlanEmail({ organizationName, quotas, usageUrl, }) {
     return (_jsxs(EmailLayout, { preview: `${organizationName} is over its plan`, children: [_jsx(EmailLabel, { children: "Usage" }), _jsx(EmailHeading, { children: "Usage is over your plan" }), _jsxs(EmailText, { children: [organizationName, " used more than its plan includes. Usage past the plan comes from prepaid credits, or stops when overage is off."] }), _jsx(EmailRows, { rows: quotas.map((quota) => [
                     quota.key,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locusgraph/email",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "LocusGraph transactional emails as React templates with inline styles: invitation, receipt, low credits and usage over plan.",
   "license": "MIT",
   "repository": {
@@ -30,8 +30,8 @@
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@locusgraph/tokens": "0.1.0",
-    "@locusgraph/utils": "0.1.0"
+    "@locusgraph/tokens": "0.1.1",
+    "@locusgraph/utils": "0.1.1"
   },
   "devDependencies": {
     "@locusgraph/config": "0.1.0",
@@ -44,7 +44,7 @@
     "vitest": "^5.0.3"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && node ../../scripts/esm-extensions.mjs dist",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run"
   }