valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint and format
All checks were successful
Build and Push Backend Image / build (push) Successful in 50s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-11 11:36:18 +01:00
parent 22a2e63687
commit 9b8b07c653
5 changed files with 108 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/email/email.css
View File

@@ -13,6 +13,6 @@
--color-primary-foreground: oklch(0.98 0.01 320); --color-primary-foreground: oklch(0.98 0.01 320);
/* ── Font ── */ /* ── Font ── */
--font-sans: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, --font-sans:
Helvetica, Arial, sans-serif; "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
} }

5
packages/email/src/render.ts
View File

@@ -13,10 +13,7 @@ export interface RenderOptions {
[key: string]: unknown; [key: string]: unknown;
} }
export async function renderTemplate( export async function renderTemplate(name: string, locals: RenderOptions): Promise<string> {
name: string,
locals: RenderOptions,
): Promise<string> {
// Dynamic import: @maizzle/framework v6 is ESM-only // Dynamic import: @maizzle/framework v6 is ESM-only
const { render } = await import("@maizzle/framework"); const { render } = await import("@maizzle/framework");

33
packages/email/templates/layouts/main.html
View File

@@ -1,25 +1,35 @@
<!DOCTYPE html> <!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <html
lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="x-apple-disable-message-reformatting" /> <meta name="x-apple-disable-message-reformatting" />
<!--[if mso]> <!--[if mso]>
<noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript> <noscript
><xml
><o:OfficeDocumentSettings
><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings
></xml
></noscript
>
<![endif]--> <![endif]-->
<title>{{ page.title || 'sexy.pivoine.art' }}</title> <title>{{ page.title || 'sexy.pivoine.art' }}</title>
<!-- Noto Sans — progressive enhancement for clients that support web fonts --> <!-- Noto Sans — progressive enhancement for clients that support web fonts -->
<style plain> <style plain>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap'); @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap");
</style> </style>
<!-- Design tokens + Tailwind preset — path resolved by render.ts --> <!-- Design tokens + Tailwind preset — path resolved by render.ts -->
<link rel="stylesheet" href="{{ cssPath }}" inline> <link rel="stylesheet" href="{{ cssPath }}" inline />
</head> </head>
<body class="bg-background m-0 p-0 font-sans"> <body class="bg-background m-0 p-0 font-sans">
<!-- Preview text (hidden) --> <!-- Preview text (hidden) -->
<if condition="page.previewText || previewText"> <if condition="page.previewText || previewText">
<div class="hidden max-h-0 overflow-hidden"> <div class="hidden max-h-0 overflow-hidden">
@@ -29,8 +39,13 @@
</if> </if>
<div class="py-8 px-4"> <div class="py-8 px-4">
<table class="w-full max-w-[600px] mx-auto" role="presentation" cellpadding="0" cellspacing="0" border="0"> <table
class="w-full max-w-[600px] mx-auto"
role="presentation"
cellpadding="0"
cellspacing="0"
border="0"
>
<!-- Brand header — uses --foreground as dark bg --> <!-- Brand header — uses --foreground as dark bg -->
<tr> <tr>
<td class="bg-foreground rounded-t-2xl px-8 py-6 text-center"> <td class="bg-foreground rounded-t-2xl px-8 py-6 text-center">
@@ -60,9 +75,7 @@
</p> </p>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</body> </body>
</html> </html>

23
packages/email/templates/password-reset.html
View File

@@ -4,21 +4,21 @@ previewText: "You requested a password reset. Use the link below to set a new on
--- ---
<x-main> <x-main>
<h1 class="text-[22px] font-semibold text-foreground m-0 mb-2">Reset your password</h1>
<h1 class="text-[22px] font-semibold text-foreground m-0 mb-2">
Reset your password
</h1>
<p class="text-muted-foreground m-0 mb-6"> <p class="text-muted-foreground m-0 mb-6">
We received a request to reset the password for your account. Click the button below to choose a new one. We received a request to reset the password for your account. Click the button below to choose a
new one.
</p> </p>
<!-- CTA button — inline style needed for Outlook --> <!-- CTA button — inline style needed for Outlook -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" class="mb-6"> <table role="presentation" cellpadding="0" cellspacing="0" border="0" class="mb-6">
<tr> <tr>
<td class="rounded-lg" style="background: #b700d9"> <td class="rounded-lg" style="background: #b700d9">
<a href="{{ url }}" <a
href="{{ url }}"
class="inline-block px-8 py-[14px] text-[14px] font-semibold text-primary-foreground no-underline rounded-lg" class="inline-block px-8 py-[14px] text-[14px] font-semibold text-primary-foreground no-underline rounded-lg"
style="background: #b700d9; color: #faf4fb"> style="background: #b700d9; color: #faf4fb"
>
Reset my password Reset my password
</a> </a>
</td> </td>
@@ -26,8 +26,8 @@ previewText: "You requested a password reset. Use the link below to set a new on
</table> </table>
<p class="text-[13px] text-muted-foreground m-0 mb-6"> <p class="text-[13px] text-muted-foreground m-0 mb-6">
This link expires in <strong class="text-foreground">1 hour</strong>. This link expires in <strong class="text-foreground">1 hour</strong>. If you did not request a
If you did not request a password reset, no action is needed — your account remains secure. password reset, no action is needed — your account remains secure.
</p> </p>
<hr class="border-0 border-t border-border my-6" /> <hr class="border-0 border-t border-border my-6" />
@@ -36,9 +36,6 @@ previewText: "You requested a password reset. Use the link below to set a new on
Button not working? Copy and paste this link into your browser: Button not working? Copy and paste this link into your browser:
</p> </p>
<p class="text-[12px] m-0 mt-1"> <p class="text-[12px] m-0 mt-1">
<a href="{{ url }}" class="text-primary break-all" style="color: #b700d9"> <a href="{{ url }}" class="text-primary break-all" style="color: #b700d9"> {{ url }} </a>
{{ url }}
</a>
</p> </p>
</x-main> </x-main>

19
packages/email/templates/verification.html
View File

@@ -4,21 +4,21 @@ previewText: "Almost there — confirm your email address to activate your accou
--- ---
<x-main> <x-main>
<h1 class="text-[22px] font-semibold text-foreground m-0 mb-2">Verify your email address</h1>
<h1 class="text-[22px] font-semibold text-foreground m-0 mb-2">
Verify your email address
</h1>
<p class="text-muted-foreground m-0 mb-6"> <p class="text-muted-foreground m-0 mb-6">
Thanks for signing up! Click the button below to confirm your email address and activate your account. Thanks for signing up! Click the button below to confirm your email address and activate your
account.
</p> </p>
<!-- CTA button — inline style needed for Outlook --> <!-- CTA button — inline style needed for Outlook -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" class="mb-6"> <table role="presentation" cellpadding="0" cellspacing="0" border="0" class="mb-6">
<tr> <tr>
<td class="rounded-lg" style="background: #b700d9"> <td class="rounded-lg" style="background: #b700d9">
<a href="{{ url }}" <a
href="{{ url }}"
class="inline-block px-8 py-[14px] text-[14px] font-semibold text-primary-foreground no-underline rounded-lg" class="inline-block px-8 py-[14px] text-[14px] font-semibold text-primary-foreground no-underline rounded-lg"
style="background: #b700d9; color: #faf4fb"> style="background: #b700d9; color: #faf4fb"
>
Verify my email Verify my email
</a> </a>
</td> </td>
@@ -35,9 +35,6 @@ previewText: "Almost there — confirm your email address to activate your accou
Button not working? Copy and paste this link into your browser: Button not working? Copy and paste this link into your browser:
</p> </p>
<p class="text-[12px] m-0 mt-1"> <p class="text-[12px] m-0 mt-1">
<a href="{{ url }}" class="text-primary break-all" style="color: #b700d9"> <a href="{{ url }}" class="text-primary break-all" style="color: #b700d9"> {{ url }} </a>
{{ url }}
</a>
</p> </p>
</x-main> </x-main>