Skip to content

Commit c2ba41c

Browse files
HMarzbanHMarzban
committed
style: fix prettier formatting
1 parent 089b5ab commit c2ba41c

File tree

3 files changed

+420
-224
lines changed

3 files changed

+420
-224
lines changed

‎packages/email-templates/index.ts‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,10 @@ export {
3131
renderDigestEmail,
3232
renderNewDocumentEmail,
3333
renderNotificationEmail,
34-
renderUnsubscribePage,
34+
renderUnsubscribePage
3535
} from './src/engine'
3636

3737
// Types & helpers (for consumers that need direct access)
3838
export type { UnsubscribeLinks } from './src/helpers'
3939
export { templateHelpers } from './src/helpers'
40-
export { APP_NAME, APP_URL, COLORS, FONT_STACK,RADIUS, SPACING } from './src/tokens'
41-
40+
export { APP_NAME, APP_URL, COLORS, FONT_STACK, RADIUS, SPACING } from './src/tokens'

‎packages/hocuspocus.server/templates/change-email-address.html‎

Lines changed: 239 additions & 124 deletions
Original file line numberDiff line numberDiff line change
@@ -1,136 +1,251 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<title>Confirm Email Change — docs.plus</title>
8+
<!--[if mso]>
9+
<style type="text/css">
10+
table {
11+
border-collapse: collapse;
12+
}
13+
.content {
14+
width: 600px !important;
15+
}
16+
</style>
17+
<![endif]-->
18+
</head>
319

4-
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8-
<title>Confirm Email Change — docs.plus</title>
9-
<!--[if mso]>
10-
<style type="text/css">
11-
table { border-collapse: collapse; }
12-
.content { width: 600px !important; }
13-
</style>
14-
<![endif]-->
15-
</head>
20+
<body
21+
style="
22+
margin: 0;
23+
padding: 0;
24+
font-family:
25+
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
26+
background-color: #f5f5f5;
27+
-webkit-font-smoothing: antialiased;
28+
">
29+
<!-- Preheader (hidden preview text in email clients) -->
30+
<div style="display: none; max-height: 0; overflow: hidden; mso-hide: all">
31+
Confirm your email address change on docs.plus.
32+
</div>
1633

17-
<body
18-
style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f5; -webkit-font-smoothing: antialiased;">
19-
<!-- Preheader (hidden preview text in email clients) -->
20-
<div style="display: none; max-height: 0; overflow: hidden; mso-hide: all;">
21-
Confirm your email address change on docs.plus.
22-
</div>
34+
<table
35+
role="presentation"
36+
width="100%"
37+
cellpadding="0"
38+
cellspacing="0"
39+
style="background-color: #f5f5f5">
40+
<tr>
41+
<td align="center" style="padding: 40px 20px">
42+
<!-- Main card -->
43+
<table
44+
role="presentation"
45+
class="content"
46+
width="600"
47+
cellpadding="0"
48+
cellspacing="0"
49+
style="
50+
background-color: #ffffff;
51+
border-radius: 12px;
52+
overflow: hidden;
53+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
54+
">
55+
<!-- Header -->
56+
<tr>
57+
<td style="background: #1a73e8; padding: 24px 32px; text-align: center">
58+
<h1
59+
style="
60+
margin: 0;
61+
color: #ffffff;
62+
font-size: 22px;
63+
font-weight: 600;
64+
letter-spacing: -0.3px;
65+
">
66+
docs.plus
67+
</h1>
68+
</td>
69+
</tr>
2370

24-
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color: #f5f5f5;">
25-
<tr>
26-
<td align="center" style="padding: 40px 20px;">
27-
<!-- Main card -->
28-
<table role="presentation" class="content" width="600" cellpadding="0" cellspacing="0"
29-
style="background-color: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.07);">
71+
<!-- Content -->
72+
<tr>
73+
<td style="padding: 32px">
74+
<p style="margin: 0 0 24px; color: #1f2937; font-size: 16px; line-height: 1.5">
75+
Hi there,
76+
</p>
3077

31-
<!-- Header -->
32-
<tr>
33-
<td style="background: #1a73e8; padding: 24px 32px; text-align: center;">
34-
<h1 style="margin: 0; color: #ffffff; font-size: 22px; font-weight: 600; letter-spacing: -0.3px;">
35-
docs.plus</h1>
36-
</td>
37-
</tr>
78+
<p style="margin: 0 0 16px; color: #6b7280; font-size: 15px; line-height: 1.6">
79+
You've requested to change the email address associated with your account.
80+
</p>
3881

39-
<!-- Content -->
40-
<tr>
41-
<td style="padding: 32px;">
42-
<p style="margin: 0 0 24px; color: #1f2937; font-size: 16px; line-height: 1.5;">
43-
Hi there,
44-
</p>
82+
<!-- Email change details card -->
83+
<table
84+
role="presentation"
85+
width="100%"
86+
cellpadding="0"
87+
cellspacing="0"
88+
style="margin-bottom: 24px">
89+
<tr>
90+
<td
91+
style="
92+
background-color: #f9fafb;
93+
border-radius: 10px;
94+
border: 1px solid #e5e7eb;
95+
padding: 20px;
96+
">
97+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
98+
<tr>
99+
<td style="padding-bottom: 12px; border-bottom: 1px solid #e5e7eb">
100+
<p
101+
style="
102+
margin: 0 0 4px;
103+
color: #9ca3af;
104+
font-size: 12px;
105+
font-weight: 500;
106+
text-transform: uppercase;
107+
letter-spacing: 0.5px;
108+
">
109+
Current email
110+
</p>
111+
<p style="margin: 0; color: #1f2937; font-size: 14px; font-weight: 500">
112+
{{ .Email }}
113+
</p>
114+
</td>
115+
</tr>
116+
<tr>
117+
<td style="padding-top: 12px">
118+
<p
119+
style="
120+
margin: 0 0 4px;
121+
color: #9ca3af;
122+
font-size: 12px;
123+
font-weight: 500;
124+
text-transform: uppercase;
125+
letter-spacing: 0.5px;
126+
">
127+
New email
128+
</p>
129+
<p style="margin: 0; color: #1a73e8; font-size: 14px; font-weight: 600">
130+
{{ .NewEmail }}
131+
</p>
132+
</td>
133+
</tr>
134+
</table>
135+
</td>
136+
</tr>
137+
</table>
45138

46-
<p style="margin: 0 0 16px; color: #6b7280; font-size: 15px; line-height: 1.6;">
47-
You've requested to change the email address associated with your account.
48-
</p>
139+
<p style="margin: 0 0 8px; color: #6b7280; font-size: 15px; line-height: 1.6">
140+
Click the button below to confirm this change. This link will expire in 15 minutes
141+
for security reasons.
142+
</p>
49143

50-
<!-- Email change details card -->
51-
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin-bottom: 24px;">
52-
<tr>
53-
<td style="background-color: #f9fafb; border-radius: 10px; border: 1px solid #e5e7eb; padding: 20px;">
54-
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
55-
<tr>
56-
<td style="padding-bottom: 12px; border-bottom: 1px solid #e5e7eb;">
57-
<p
58-
style="margin: 0 0 4px; color: #9ca3af; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;">
59-
Current email</p>
60-
<p style="margin: 0; color: #1f2937; font-size: 14px; font-weight: 500;">{{ .Email }}</p>
61-
</td>
62-
</tr>
63-
<tr>
64-
<td style="padding-top: 12px;">
65-
<p
66-
style="margin: 0 0 4px; color: #9ca3af; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;">
67-
New email</p>
68-
<p style="margin: 0; color: #1a73e8; font-size: 14px; font-weight: 600;">{{ .NewEmail }}</p>
69-
</td>
70-
</tr>
71-
</table>
72-
</td>
73-
</tr>
74-
</table>
144+
<!-- CTA Button -->
145+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
146+
<tr>
147+
<td align="center" style="padding: 24px 0 16px">
148+
<!--[if mso]>
149+
<v:roundrect
150+
xmlns:v="urn:schemas-microsoft-com:vml"
151+
xmlns:w="urn:schemas-microsoft-com:office:word"
152+
href="{{ .ConfirmationURL }}"
153+
style="height: 44px; v-text-anchor: middle; width: 240px"
154+
arcsize="18%"
155+
fillcolor="#1a73e8"
156+
stroke="f">
157+
<w:anchorlock />
158+
<center
159+
style="
160+
color: #ffffff;
161+
font-family: Arial, sans-serif;
162+
font-size: 14px;
163+
font-weight: bold;
164+
">
165+
Confirm Email Change
166+
</center>
167+
</v:roundrect>
168+
<![endif]-->
169+
<!--[if !mso]><!-->
170+
<a
171+
href="{{ .ConfirmationURL }}"
172+
style="
173+
display: inline-block;
174+
background: #1a73e8;
175+
color: #ffffff;
176+
text-decoration: none;
177+
padding: 12px 32px;
178+
border-radius: 8px;
179+
font-size: 14px;
180+
font-weight: 600;
181+
line-height: 1.4;
182+
">
183+
Confirm Email Change
184+
</a>
185+
<!--<![endif]-->
186+
</td>
187+
</tr>
188+
</table>
75189

76-
<p style="margin: 0 0 8px; color: #6b7280; font-size: 15px; line-height: 1.6;">
77-
Click the button below to confirm this change. This link will expire in 15 minutes for security reasons.
78-
</p>
190+
<!-- Security notice -->
191+
<table
192+
role="presentation"
193+
width="100%"
194+
cellpadding="0"
195+
cellspacing="0"
196+
style="margin-top: 8px">
197+
<tr>
198+
<td
199+
style="
200+
background-color: #f9fafb;
201+
border-radius: 8px;
202+
border: 1px solid #e5e7eb;
203+
padding: 16px;
204+
">
205+
<p style="margin: 0; color: #6b7280; font-size: 13px; line-height: 1.5">
206+
🔒 If you didn't request this change, please ignore this email. Your email
207+
address will remain unchanged and your account stays secure.
208+
</p>
209+
</td>
210+
</tr>
211+
</table>
212+
</td>
213+
</tr>
79214

80-
<!-- CTA Button -->
81-
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
82-
<tr>
83-
<td align="center" style="padding: 24px 0 16px;">
84-
<!--[if mso]>
85-
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{ .ConfirmationURL }}" style="height:44px;v-text-anchor:middle;width:240px;" arcsize="18%" fillcolor="#1a73e8" stroke="f">
86-
<w:anchorlock/>
87-
<center style="color:#ffffff;font-family:Arial,sans-serif;font-size:14px;font-weight:bold;">Confirm Email Change</center>
88-
</v:roundrect>
89-
<![endif]-->
90-
<!--[if !mso]><!-->
91-
<a href="{{ .ConfirmationURL }}"
92-
style="display: inline-block; background: #1a73e8; color: #ffffff; text-decoration: none; padding: 12px 32px; border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 1.4;">Confirm
93-
Email Change</a>
94-
<!--<![endif]-->
95-
</td>
96-
</tr>
97-
</table>
98-
99-
<!-- Security notice -->
100-
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin-top: 8px;">
101-
<tr>
102-
<td style="background-color: #f9fafb; border-radius: 8px; border: 1px solid #e5e7eb; padding: 16px;">
103-
<p style="margin: 0; color: #6b7280; font-size: 13px; line-height: 1.5;">
104-
🔒 If you didn't request this change, please ignore this email. Your email address will remain
105-
unchanged and your account stays secure.
106-
</p>
107-
</td>
108-
</tr>
109-
</table>
110-
</td>
111-
</tr>
112-
113-
<!-- Footer -->
114-
<tr>
115-
<td style="padding: 24px 32px; border-top: 1px solid #e5e7eb; background-color: #f9fafb;">
116-
<p style="margin: 0 0 8px; color: #9ca3af; font-size: 12px; text-align: center; line-height: 1.5;">
117-
You're receiving this email because an email address change was requested for your account.
118-
</p>
119-
<p style="margin: 0; color: #9ca3af; font-size: 12px; text-align: center;">
120-
<a href="{{ .SiteURL }}" style="color: #1a73e8; text-decoration: none;">Go to docs.plus</a>
121-
</p>
122-
</td>
123-
</tr>
124-
125-
</table>
126-
127-
<!-- Copyright -->
128-
<p style="margin: 24px 0 0; color: #9ca3af; font-size: 11px; text-align: center;">
129-
&copy; 2026 docs.plus. All rights reserved.
130-
</p>
131-
</td>
132-
</tr>
133-
</table>
134-
</body>
215+
<!-- Footer -->
216+
<tr>
217+
<td
218+
style="
219+
padding: 24px 32px;
220+
border-top: 1px solid #e5e7eb;
221+
background-color: #f9fafb;
222+
">
223+
<p
224+
style="
225+
margin: 0 0 8px;
226+
color: #9ca3af;
227+
font-size: 12px;
228+
text-align: center;
229+
line-height: 1.5;
230+
">
231+
You're receiving this email because an email address change was requested for your
232+
account.
233+
</p>
234+
<p style="margin: 0; color: #9ca3af; font-size: 12px; text-align: center">
235+
<a href="{{ .SiteURL }}" style="color: #1a73e8; text-decoration: none">
236+
Go to docs.plus
237+
</a>
238+
</p>
239+
</td>
240+
</tr>
241+
</table>
135242

243+
<!-- Copyright -->
244+
<p style="margin: 24px 0 0; color: #9ca3af; font-size: 11px; text-align: center">
245+
&copy; 2026 docs.plus. All rights reserved.
246+
</p>
247+
</td>
248+
</tr>
249+
</table>
250+
</body>
136251
</html>

0 commit comments

Comments
 (0)