create-nextblock 0.16.3 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/CLAUDE.md +22 -0
  2. package/docker-template/.env.docker.example +69 -69
  3. package/docker-template/docker/db/init/99-jwt.sql +6 -6
  4. package/docker-template/docker/db/init/99-roles.sql +25 -25
  5. package/docker-template/docker/kong/kong.yml +112 -112
  6. package/docker-template/scripts/docker-setup.mjs +310 -310
  7. package/package.json +1 -1
  8. package/templates/nextblock-template/.browserslistrc +11 -11
  9. package/templates/nextblock-template/.swcrc +30 -30
  10. package/templates/nextblock-template/CLAUDE.md +26 -0
  11. package/templates/nextblock-template/app/(auth-pages)/sign-up/page.tsx +46 -46
  12. package/templates/nextblock-template/app/(auth-pages)/two-factor/page.tsx +51 -51
  13. package/templates/nextblock-template/app/.well-known/ucp/route.ts +16 -16
  14. package/templates/nextblock-template/app/actions/consent.ts +57 -57
  15. package/templates/nextblock-template/app/actions/twoFactorEmail.ts +22 -22
  16. package/templates/nextblock-template/app/api/ai/cortex/build-widget/route.ts +153 -153
  17. package/templates/nextblock-template/app/api/ai/generate-blocks/route.ts +96 -96
  18. package/templates/nextblock-template/app/api/brand/email-logo/route.ts +48 -48
  19. package/templates/nextblock-template/app/api/checkout/freemius/sync/route.ts +29 -29
  20. package/templates/nextblock-template/app/api/cms/check-updates/route.ts +44 -44
  21. package/templates/nextblock-template/app/api/cms/full-backup/export/route.ts +33 -33
  22. package/templates/nextblock-template/app/api/cms/full-backup/restore/route.ts +63 -63
  23. package/templates/nextblock-template/app/api/cron/reset-sandbox/route.ts +270 -205
  24. package/templates/nextblock-template/app/api/cron/reset-sandbox/sandboxResetSql.ts +10388 -9315
  25. package/templates/nextblock-template/app/api/cron/sync-currencies/route.ts +39 -39
  26. package/templates/nextblock-template/app/api/custom-blocks/db-relations/route.ts +92 -92
  27. package/templates/nextblock-template/app/api/custom-blocks/editor-definitions/route.ts +43 -43
  28. package/templates/nextblock-template/app/api/media/library/route.ts +69 -69
  29. package/templates/nextblock-template/app/api/media/r2-presigned/route.ts +53 -53
  30. package/templates/nextblock-template/app/api/visual-editing/block-draft/route.ts +47 -47
  31. package/templates/nextblock-template/app/api/visual-editing/product-draft/route.ts +47 -47
  32. package/templates/nextblock-template/app/article/[slug]/PostClientContent.tsx +442 -441
  33. package/templates/nextblock-template/app/article/[slug]/page.utils.ts +4 -1
  34. package/templates/nextblock-template/app/checkout/UcpCartHydrator.tsx +20 -20
  35. package/templates/nextblock-template/app/cms/blocks/components/BlockEditorModal.tsx +241 -241
  36. package/templates/nextblock-template/app/cms/blocks/components/CustomBlockEditorPreview.tsx +160 -160
  37. package/templates/nextblock-template/app/cms/blocks/editors/DynamicCustomBlockEditor.tsx +167 -167
  38. package/templates/nextblock-template/app/cms/components/ConnectGitHubButton.tsx +122 -122
  39. package/templates/nextblock-template/app/cms/components/CortexAiActiveContext.tsx +23 -23
  40. package/templates/nextblock-template/app/cms/components/SeoScoreBadge.tsx +3 -40
  41. package/templates/nextblock-template/app/cms/components/SystemAlertsBanner.tsx +112 -112
  42. package/templates/nextblock-template/app/cms/components/TablePagination.tsx +136 -136
  43. package/templates/nextblock-template/app/cms/components/TwoFactorReminderBanner.tsx +45 -45
  44. package/templates/nextblock-template/app/cms/components/github-connect-actions.ts +102 -102
  45. package/templates/nextblock-template/app/cms/components/system-alerts-actions.ts +31 -31
  46. package/templates/nextblock-template/app/cms/coupons/[id]/edit/page.tsx +16 -16
  47. package/templates/nextblock-template/app/cms/coupons/page.tsx +16 -16
  48. package/templates/nextblock-template/app/cms/custom-blocks/[id]/edit/page.tsx +66 -66
  49. package/templates/nextblock-template/app/cms/custom-blocks/actions.ts +519 -519
  50. package/templates/nextblock-template/app/cms/custom-blocks/components/BlocksLibraryTransferControls.tsx +256 -256
  51. package/templates/nextblock-template/app/cms/custom-blocks/components/DBRelationSelect.tsx +384 -384
  52. package/templates/nextblock-template/app/cms/custom-blocks/components/ImageR2Picker.tsx +221 -221
  53. package/templates/nextblock-template/app/cms/custom-blocks/new/page.tsx +12 -12
  54. package/templates/nextblock-template/app/cms/custom-blocks/page.tsx +438 -438
  55. package/templates/nextblock-template/app/cms/dashboard/components/DashboardComponents.tsx +200 -200
  56. package/templates/nextblock-template/app/cms/dashboard/components/DashboardOnboarding.tsx +130 -130
  57. package/templates/nextblock-template/app/cms/import-export/actions.ts +226 -226
  58. package/templates/nextblock-template/app/cms/pages/page.tsx +273 -273
  59. package/templates/nextblock-template/app/cms/posts/page.tsx +251 -251
  60. package/templates/nextblock-template/app/cms/products/ProductFormClientShell.tsx +19 -0
  61. package/templates/nextblock-template/app/cms/products/[id]/edit/page.tsx +14 -2
  62. package/templates/nextblock-template/app/cms/products/categories/page.tsx +12 -12
  63. package/templates/nextblock-template/app/cms/products/new/page.tsx +135 -135
  64. package/templates/nextblock-template/app/cms/promotions/PromotionsWorkspace.tsx +456 -456
  65. package/templates/nextblock-template/app/cms/promotions/actions.ts +115 -115
  66. package/templates/nextblock-template/app/cms/promotions/page.tsx +31 -31
  67. package/templates/nextblock-template/app/cms/settings/backup-restore/BackupRestoreWorkspace.tsx +1004 -1004
  68. package/templates/nextblock-template/app/cms/settings/backup-restore/page.tsx +29 -29
  69. package/templates/nextblock-template/app/cms/settings/bot-protection/page.tsx +24 -24
  70. package/templates/nextblock-template/app/cms/settings/email/page.tsx +28 -28
  71. package/templates/nextblock-template/app/cms/settings/extra-translations/actions.ts +276 -276
  72. package/templates/nextblock-template/app/cms/settings/google-analytics/page.tsx +26 -26
  73. package/templates/nextblock-template/app/cms/settings/logos/components/DeleteLogoButton.tsx +21 -21
  74. package/templates/nextblock-template/app/cms/settings/logos/components/SetActiveLogoButton.tsx +42 -42
  75. package/templates/nextblock-template/app/cms/settings/logos/components/SiteSeoSettingsForm.tsx +133 -133
  76. package/templates/nextblock-template/app/cms/settings/privacy/page.tsx +27 -27
  77. package/templates/nextblock-template/app/cms/settings/registration/page.tsx +27 -27
  78. package/templates/nextblock-template/app/cms/settings/security/page.tsx +33 -33
  79. package/templates/nextblock-template/app/lib/site-settings.ts +105 -105
  80. package/templates/nextblock-template/app/lib/ucp/protocol.ts +190 -190
  81. package/templates/nextblock-template/app/lib/ucp/server.test.ts +56 -56
  82. package/templates/nextblock-template/app/setup/SetupWizard.tsx +678 -678
  83. package/templates/nextblock-template/app/setup/layout.tsx +13 -13
  84. package/templates/nextblock-template/app/setup/page.tsx +111 -111
  85. package/templates/nextblock-template/app/ucp/v1/carts/[id]/cancel/route.ts +38 -38
  86. package/templates/nextblock-template/app/ucp/v1/carts/[id]/route.ts +68 -68
  87. package/templates/nextblock-template/app/ucp/v1/carts/route.ts +35 -35
  88. package/templates/nextblock-template/app/ucp/v1/catalog/lookup/route.ts +35 -35
  89. package/templates/nextblock-template/app/ucp/v1/catalog/product/route.ts +35 -35
  90. package/templates/nextblock-template/app/ucp/v1/catalog/search/route.ts +34 -34
  91. package/templates/nextblock-template/components/CartTranslator.tsx +210 -210
  92. package/templates/nextblock-template/components/DeferredCartTranslator.tsx +51 -51
  93. package/templates/nextblock-template/components/DeferredGlobalSearch.tsx +68 -68
  94. package/templates/nextblock-template/components/DeferredGoogleAnalytics.tsx +70 -70
  95. package/templates/nextblock-template/components/FeatureImageHero.tsx +47 -47
  96. package/templates/nextblock-template/components/GlobalSearch.tsx +557 -557
  97. package/templates/nextblock-template/components/Header.tsx +38 -38
  98. package/templates/nextblock-template/components/PublicEnvBootstrap.tsx +30 -30
  99. package/templates/nextblock-template/components/ResponsiveNav.tsx +14 -14
  100. package/templates/nextblock-template/components/auth/AuthBotProtection.tsx +182 -182
  101. package/templates/nextblock-template/components/blocks/PostsGridClient.tsx +48 -48
  102. package/templates/nextblock-template/components/blocks/TestimonialBlock.tsx +9 -9
  103. package/templates/nextblock-template/components/blocks/publicRendererLoaders.ts +25 -25
  104. package/templates/nextblock-template/components/blocks/renderers/ButtonBlockRenderer.tsx +92 -92
  105. package/templates/nextblock-template/components/blocks/renderers/ClientTextBlockRenderer.tsx +11 -0
  106. package/templates/nextblock-template/components/blocks/renderers/PostsGridBlockRenderer.tsx +24 -24
  107. package/templates/nextblock-template/components/blocks/renderers/TestimonialBlockRenderer.tsx +57 -57
  108. package/templates/nextblock-template/components/blocks/renderers/inline/AlertWidgetRenderer.tsx +2 -2
  109. package/templates/nextblock-template/components/blocks/renderers/inline/CtaWidgetRenderer.tsx +2 -2
  110. package/templates/nextblock-template/components/media/YouTubeFacade.tsx +105 -105
  111. package/templates/nextblock-template/components/media/youtube-embed-replace.tsx +32 -32
  112. package/templates/nextblock-template/components/privacy/ConsentBanner.tsx +170 -170
  113. package/templates/nextblock-template/components/privacy/ConsentGatedAnalytics.tsx +70 -70
  114. package/templates/nextblock-template/components/renderers/CachedDynamicLayoutEngine.tsx +28 -28
  115. package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.test.tsx +166 -166
  116. package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.tsx +471 -471
  117. package/templates/nextblock-template/components/visual-editing/DeferredVisualEditing.tsx +21 -21
  118. package/templates/nextblock-template/context/language-rest-client.ts +32 -32
  119. package/templates/nextblock-template/docker/db/init/99-jwt.sql +6 -6
  120. package/templates/nextblock-template/docker/db/init/99-roles.sql +25 -25
  121. package/templates/nextblock-template/docker/kong/kong.yml +112 -112
  122. package/templates/nextblock-template/docs/02-ECOMMERCE-CAPABILITIES.md +364 -364
  123. package/templates/nextblock-template/docs/04-DATABASE-AND-AUTH.md +11 -0
  124. package/templates/nextblock-template/docs/07-BLOCK-SDK-AND-EXTENSIBILITY.md +146 -146
  125. package/templates/nextblock-template/docs/08-NEXTBLOCK-CORTEX-AI-ARCHITECTURE.md +19 -0
  126. package/templates/nextblock-template/docs/10-CUSTOM-BLOCKS.md +222 -222
  127. package/templates/nextblock-template/lib/app-secrets.ts +39 -39
  128. package/templates/nextblock-template/lib/auth/cookies.ts +47 -47
  129. package/templates/nextblock-template/lib/auth/crypto.ts +45 -45
  130. package/templates/nextblock-template/lib/auth/trustedDevices.ts +92 -92
  131. package/templates/nextblock-template/lib/blocks/README.md +13 -13
  132. package/templates/nextblock-template/lib/botProtection/verify.ts +134 -134
  133. package/templates/nextblock-template/lib/cms/payments-reminder.test.ts +135 -135
  134. package/templates/nextblock-template/lib/cms/payments-reminder.ts +105 -105
  135. package/templates/nextblock-template/lib/cms-transfer/types.ts +145 -145
  136. package/templates/nextblock-template/lib/custom-block-definitions.ts +87 -87
  137. package/templates/nextblock-template/lib/custom-block-r2-upload-shared.ts +178 -178
  138. package/templates/nextblock-template/lib/custom-block-r2-upload.test.ts +140 -140
  139. package/templates/nextblock-template/lib/custom-block-r2-upload.ts +88 -88
  140. package/templates/nextblock-template/lib/custom-block-relations.test.ts +227 -227
  141. package/templates/nextblock-template/lib/custom-block-relations.ts +279 -279
  142. package/templates/nextblock-template/lib/custom-block-safelist.ts +14 -14
  143. package/templates/nextblock-template/lib/editor/dynamic-extension-core.test.ts +172 -172
  144. package/templates/nextblock-template/lib/editor/dynamic-extension-core.ts +213 -213
  145. package/templates/nextblock-template/lib/editor/dynamic-extension-loader.ts +22 -22
  146. package/templates/nextblock-template/lib/editor/dynamic-extensions.tsx +193 -193
  147. package/templates/nextblock-template/lib/email/branding-format.test.ts +133 -133
  148. package/templates/nextblock-template/lib/email/branding-format.ts +123 -123
  149. package/templates/nextblock-template/lib/email/branding.ts +76 -76
  150. package/templates/nextblock-template/lib/full-backup/manifest.test.ts +121 -121
  151. package/templates/nextblock-template/lib/full-backup/manifest.ts +206 -206
  152. package/templates/nextblock-template/lib/logos/active-logo.ts +53 -53
  153. package/templates/nextblock-template/lib/media/resolveMediaUrl.ts +56 -54
  154. package/templates/nextblock-template/lib/media/youtube.ts +99 -99
  155. package/templates/nextblock-template/lib/onboarding/actions.ts +31 -31
  156. package/templates/nextblock-template/lib/privacy/consent-client.ts +57 -57
  157. package/templates/nextblock-template/lib/privacy/contact-emails.ts +64 -64
  158. package/templates/nextblock-template/lib/privacy/settings.ts +115 -115
  159. package/templates/nextblock-template/lib/privacy/types.ts +69 -69
  160. package/templates/nextblock-template/lib/promotions/server.test.ts +74 -74
  161. package/templates/nextblock-template/lib/promotions/server.ts +741 -741
  162. package/templates/nextblock-template/lib/resolve-block-relations.test.ts +142 -142
  163. package/templates/nextblock-template/lib/resolve-block-relations.ts +255 -255
  164. package/templates/nextblock-template/lib/seo/page-audit-context.tsx +3 -3
  165. package/templates/nextblock-template/lib/seo/page-document.test.ts +34 -0
  166. package/templates/nextblock-template/lib/seo/page-document.ts +3 -462
  167. package/templates/nextblock-template/lib/seo/robots-txt.ts +5 -4
  168. package/templates/nextblock-template/lib/setup/actions.ts +460 -460
  169. package/templates/nextblock-template/lib/setup/env-status.ts +125 -125
  170. package/templates/nextblock-template/lib/setup/env-write.ts +111 -111
  171. package/templates/nextblock-template/lib/setup/migrations-bundle.ts +50 -10
  172. package/templates/nextblock-template/lib/setup/provisioning.ts +59 -59
  173. package/templates/nextblock-template/lib/setup/schema-apply.ts +408 -408
  174. package/templates/nextblock-template/lib/setup/system-config.ts +105 -105
  175. package/templates/nextblock-template/lib/setup/types.ts +18 -18
  176. package/templates/nextblock-template/lib/storage/provider.ts +66 -66
  177. package/templates/nextblock-template/lib/storage/supabase-storage.ts +103 -103
  178. package/templates/nextblock-template/lib/updates/github-device.ts +206 -206
  179. package/templates/nextblock-template/lib/updates/repo-identity.ts +56 -56
  180. package/templates/nextblock-template/lib/visual-editing/draft-content.test.ts +105 -105
  181. package/templates/nextblock-template/lib/visual-editing/draft-route.test.ts +42 -42
  182. package/templates/nextblock-template/lib/visual-editing/edit-info.test.ts +143 -143
  183. package/templates/nextblock-template/lib/visual-editing/edit-info.ts +94 -94
  184. package/templates/nextblock-template/lib/visual-editing/product-drafts.test.ts +81 -81
  185. package/templates/nextblock-template/lib/zod-config.ts +5 -5
  186. package/templates/nextblock-template/next-env.d.ts +1 -0
  187. package/templates/nextblock-template/package.json +1 -1
  188. package/templates/nextblock-template/public/images/cortex_post.webp +0 -0
  189. package/templates/nextblock-template/public/images/update_nextblock.webp +0 -0
  190. package/templates/nextblock-template/scripts/docker-setup.mjs +310 -310
  191. package/templates/nextblock-template/scripts/validate-editor-block-schema.ts +112 -112
  192. package/templates/nextblock-template/scripts/verify-cortex-ai-build-widget.tsx +98 -98
  193. package/templates/nextblock-template/scripts/verify-cortex-ai-generate-blocks.ts +62 -62
  194. package/templates/nextblock-template/scripts/verify-cortex-ai-global-tools.ts +537 -537
  195. package/templates/nextblock-template/scripts/verify-cortex-ai-routing.ts +58 -58
  196. package/templates/nextblock-template/scripts/verify-custom-block-definitions.ts +188 -188
  197. package/templates/nextblock-template/scripts/verify-dynamic-custom-block-extensions.ts +123 -123
  198. package/templates/nextblock-template/scripts/verify-dynamic-layout-engine.tsx +133 -133
  199. package/templates/nextblock-template/scripts/verify-milestone-2-custom-blocks.ts +65 -65
  200. package/templates/nextblock-template/tools/deploy-supabase.js +159 -159
  201. package/templates/nextblock-template/types/jsdom.d.ts +6 -6
@@ -1,123 +1,123 @@
1
- // Pure, dependency-free rendering of the transactional-email brand header. Kept separate
2
- // from branding.ts (which is `server-only` and hits the DB) so this string logic — the
3
- // part worth unit-testing — imports nothing server-side and runs anywhere.
4
-
5
- // Tenant branding used to white-label every transactional email.
6
- // - logoUrl — an ABSOLUTE, email-safe logo URL, or `null` when none is configured.
7
- // - siteName — the site name, used as the logo `alt` text and the no-logo text banner.
8
- export interface EmailBranding {
9
- logoUrl: string | null;
10
- siteName: string;
11
- }
12
-
13
- /**
14
- * Marker an app-rendered email template drops where the brand header belongs.
15
- * `applyEmailBranding` swaps it for the resolved logo (or text banner). This is a plain
16
- * literal — NOT a Supabase/GoTrue `{{ .Var }}` merge tag — because it is substituted by
17
- * our own nodemailer pipeline, never by Supabase.
18
- */
19
- export const EMAIL_BRAND_HEADER_TOKEN = '{{brand_header}}';
20
-
21
- /** Hard width cap so an oversized custom logo can't blow out Gmail/Outlook layouts. */
22
- export const EMAIL_LOGO_MAX_WIDTH = 150;
23
-
24
- // The pre-white-label hardcoded logo. The app templates no longer embed it, but any stray
25
- // occurrence in an outbound email is swapped for the tenant header defensively.
26
- const LEGACY_LOGO_IMG_RE =
27
- /<img\b[^>]*\bsrc=["'][^"']*nextblock-logo-small\.webp["'][^>]*>/gi;
28
-
29
- function escapeHtml(value: string): string {
30
- return value
31
- .replace(/&/g, '&amp;')
32
- .replace(/</g, '&lt;')
33
- .replace(/>/g, '&gt;')
34
- .replace(/"/g, '&quot;')
35
- .replace(/'/g, '&#39;');
36
- }
37
-
38
- /**
39
- * Render the branded header block: an email-safe logo `<img>` (hard-capped at 150px so a
40
- * large custom logo can't break the layout) when a logo exists, otherwise a clean, styled
41
- * text banner showing the site name.
42
- */
43
- export function renderEmailBrandHeader(branding: EmailBranding): string {
44
- const name = escapeHtml(branding.siteName);
45
-
46
- if (branding.logoUrl) {
47
- const src = escapeHtml(branding.logoUrl);
48
- return (
49
- '<div style="text-align:center;padding:0 0 24px;">' +
50
- `<img src="${src}" alt="${name}" width="${EMAIL_LOGO_MAX_WIDTH}" ` +
51
- `style="display:block;margin:0 auto;width:${EMAIL_LOGO_MAX_WIDTH}px;` +
52
- 'max-width:100%;height:auto;border:0;outline:none;text-decoration:none;" />' +
53
- '</div>'
54
- );
55
- }
56
-
57
- // No logo → strip the image entirely and fall back to a text banner with the site name.
58
- return (
59
- '<div style="text-align:center;padding:0 0 24px;">' +
60
- '<span style="display:inline-block;font-family:-apple-system,BlinkMacSystemFont,' +
61
- "'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:22px;line-height:1.2;" +
62
- `font-weight:700;color:#0f172a;letter-spacing:-0.01em;">${name}</span>` +
63
- '</div>'
64
- );
65
- }
66
-
67
- /**
68
- * Intercept a fully-rendered email body and apply tenant branding:
69
- * 1. Replace the `{{brand_header}}` token (used by our app-rendered templates).
70
- * 2. Defensively swap any stray hardcoded legacy NextBlock logo `<img>` for the header.
71
- * Purely a string transform so it is trivially unit-testable and side-effect free.
72
- */
73
- export function applyEmailBranding(html: string, branding: EmailBranding): string {
74
- const header = renderEmailBrandHeader(branding);
75
- let out = html;
76
- if (out.includes(EMAIL_BRAND_HEADER_TOKEN)) {
77
- out = out.split(EMAIL_BRAND_HEADER_TOKEN).join(header);
78
- }
79
- out = out.replace(LEGACY_LOGO_IMG_RE, header);
80
- return out;
81
- }
82
-
83
- // The `variants` JSONB the upload pipeline writes for a media row (camelCase keys).
84
- interface MediaVariant {
85
- objectKey?: string | null;
86
- variantLabel?: string | null;
87
- fileType?: string | null;
88
- }
89
-
90
- // The subset of a media row the email logo resolver needs.
91
- export interface LogoMediaLike {
92
- object_key?: string | null;
93
- file_path?: string | null;
94
- variants?: unknown;
95
- }
96
-
97
- /** Label the upload pipeline gives the untouched original file among a media row's variants. */
98
- export const ORIGINAL_UPLOAD_VARIANT_LABEL = 'original_uploaded';
99
-
100
- /**
101
- * Pick the storage key to use for a logo IN EMAIL.
102
- *
103
- * The image pipeline stores the AVIF derivative as `object_key` — that's what the website
104
- * (navbar, blocks) renders for performance — and keeps the ORIGINAL uploaded file among
105
- * `variants` under the label `original_uploaded`. Email clients, Outlook especially, can't
106
- * render AVIF (or WebP), so for email we prefer that untouched original. Fall back to
107
- * `object_key`/`file_path` only when no original variant was kept (e.g. the seeded default
108
- * logo, which has no variants). This keeps the site on AVIF while email uses the original.
109
- */
110
- export function pickEmailLogoObjectKey(media: LogoMediaLike | null | undefined): string | null {
111
- if (!media) return null;
112
- const variants = Array.isArray(media.variants) ? (media.variants as MediaVariant[]) : [];
113
- const original = variants.find(
114
- (v) =>
115
- v &&
116
- typeof v === 'object' &&
117
- v.variantLabel === ORIGINAL_UPLOAD_VARIANT_LABEL &&
118
- typeof v.objectKey === 'string' &&
119
- v.objectKey.length > 0,
120
- );
121
- if (original?.objectKey) return original.objectKey;
122
- return media.object_key ?? media.file_path ?? null;
123
- }
1
+ // Pure, dependency-free rendering of the transactional-email brand header. Kept separate
2
+ // from branding.ts (which is `server-only` and hits the DB) so this string logic — the
3
+ // part worth unit-testing — imports nothing server-side and runs anywhere.
4
+
5
+ // Tenant branding used to white-label every transactional email.
6
+ // - logoUrl — an ABSOLUTE, email-safe logo URL, or `null` when none is configured.
7
+ // - siteName — the site name, used as the logo `alt` text and the no-logo text banner.
8
+ export interface EmailBranding {
9
+ logoUrl: string | null;
10
+ siteName: string;
11
+ }
12
+
13
+ /**
14
+ * Marker an app-rendered email template drops where the brand header belongs.
15
+ * `applyEmailBranding` swaps it for the resolved logo (or text banner). This is a plain
16
+ * literal — NOT a Supabase/GoTrue `{{ .Var }}` merge tag — because it is substituted by
17
+ * our own nodemailer pipeline, never by Supabase.
18
+ */
19
+ export const EMAIL_BRAND_HEADER_TOKEN = '{{brand_header}}';
20
+
21
+ /** Hard width cap so an oversized custom logo can't blow out Gmail/Outlook layouts. */
22
+ export const EMAIL_LOGO_MAX_WIDTH = 150;
23
+
24
+ // The pre-white-label hardcoded logo. The app templates no longer embed it, but any stray
25
+ // occurrence in an outbound email is swapped for the tenant header defensively.
26
+ const LEGACY_LOGO_IMG_RE =
27
+ /<img\b[^>]*\bsrc=["'][^"']*nextblock-logo-small\.webp["'][^>]*>/gi;
28
+
29
+ function escapeHtml(value: string): string {
30
+ return value
31
+ .replace(/&/g, '&amp;')
32
+ .replace(/</g, '&lt;')
33
+ .replace(/>/g, '&gt;')
34
+ .replace(/"/g, '&quot;')
35
+ .replace(/'/g, '&#39;');
36
+ }
37
+
38
+ /**
39
+ * Render the branded header block: an email-safe logo `<img>` (hard-capped at 150px so a
40
+ * large custom logo can't break the layout) when a logo exists, otherwise a clean, styled
41
+ * text banner showing the site name.
42
+ */
43
+ export function renderEmailBrandHeader(branding: EmailBranding): string {
44
+ const name = escapeHtml(branding.siteName);
45
+
46
+ if (branding.logoUrl) {
47
+ const src = escapeHtml(branding.logoUrl);
48
+ return (
49
+ '<div style="text-align:center;padding:0 0 24px;">' +
50
+ `<img src="${src}" alt="${name}" width="${EMAIL_LOGO_MAX_WIDTH}" ` +
51
+ `style="display:block;margin:0 auto;width:${EMAIL_LOGO_MAX_WIDTH}px;` +
52
+ 'max-width:100%;height:auto;border:0;outline:none;text-decoration:none;" />' +
53
+ '</div>'
54
+ );
55
+ }
56
+
57
+ // No logo → strip the image entirely and fall back to a text banner with the site name.
58
+ return (
59
+ '<div style="text-align:center;padding:0 0 24px;">' +
60
+ '<span style="display:inline-block;font-family:-apple-system,BlinkMacSystemFont,' +
61
+ "'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:22px;line-height:1.2;" +
62
+ `font-weight:700;color:#0f172a;letter-spacing:-0.01em;">${name}</span>` +
63
+ '</div>'
64
+ );
65
+ }
66
+
67
+ /**
68
+ * Intercept a fully-rendered email body and apply tenant branding:
69
+ * 1. Replace the `{{brand_header}}` token (used by our app-rendered templates).
70
+ * 2. Defensively swap any stray hardcoded legacy NextBlock logo `<img>` for the header.
71
+ * Purely a string transform so it is trivially unit-testable and side-effect free.
72
+ */
73
+ export function applyEmailBranding(html: string, branding: EmailBranding): string {
74
+ const header = renderEmailBrandHeader(branding);
75
+ let out = html;
76
+ if (out.includes(EMAIL_BRAND_HEADER_TOKEN)) {
77
+ out = out.split(EMAIL_BRAND_HEADER_TOKEN).join(header);
78
+ }
79
+ out = out.replace(LEGACY_LOGO_IMG_RE, header);
80
+ return out;
81
+ }
82
+
83
+ // The `variants` JSONB the upload pipeline writes for a media row (camelCase keys).
84
+ interface MediaVariant {
85
+ objectKey?: string | null;
86
+ variantLabel?: string | null;
87
+ fileType?: string | null;
88
+ }
89
+
90
+ // The subset of a media row the email logo resolver needs.
91
+ export interface LogoMediaLike {
92
+ object_key?: string | null;
93
+ file_path?: string | null;
94
+ variants?: unknown;
95
+ }
96
+
97
+ /** Label the upload pipeline gives the untouched original file among a media row's variants. */
98
+ export const ORIGINAL_UPLOAD_VARIANT_LABEL = 'original_uploaded';
99
+
100
+ /**
101
+ * Pick the storage key to use for a logo IN EMAIL.
102
+ *
103
+ * The image pipeline stores the AVIF derivative as `object_key` — that's what the website
104
+ * (navbar, blocks) renders for performance — and keeps the ORIGINAL uploaded file among
105
+ * `variants` under the label `original_uploaded`. Email clients, Outlook especially, can't
106
+ * render AVIF (or WebP), so for email we prefer that untouched original. Fall back to
107
+ * `object_key`/`file_path` only when no original variant was kept (e.g. the seeded default
108
+ * logo, which has no variants). This keeps the site on AVIF while email uses the original.
109
+ */
110
+ export function pickEmailLogoObjectKey(media: LogoMediaLike | null | undefined): string | null {
111
+ if (!media) return null;
112
+ const variants = Array.isArray(media.variants) ? (media.variants as MediaVariant[]) : [];
113
+ const original = variants.find(
114
+ (v) =>
115
+ v &&
116
+ typeof v === 'object' &&
117
+ v.variantLabel === ORIGINAL_UPLOAD_VARIANT_LABEL &&
118
+ typeof v.objectKey === 'string' &&
119
+ v.objectKey.length > 0,
120
+ );
121
+ if (original?.objectKey) return original.objectKey;
122
+ return media.object_key ?? media.file_path ?? null;
123
+ }
@@ -1,76 +1,76 @@
1
- import 'server-only';
2
-
3
- import { getServiceRoleSupabaseClient } from '@nextblock-cms/db/server';
4
-
5
- import { getSiteSettings } from '../../app/lib/site-settings';
6
- import { DEFAULT_SITE_TITLE } from '../../app/lib/seo';
7
- import { resolveMediaUrl } from '../media/resolveMediaUrl';
8
- import { resolveMediaBaseUrl } from '../storage/provider';
9
- import { resolveSiteUrl } from '../site-url';
10
- import { resolveActiveLogo } from '../logos/active-logo';
11
- import { pickEmailLogoObjectKey } from './branding-format';
12
- import type { EmailBranding, LogoMediaLike } from './branding-format';
13
-
14
- // Server-side resolution of the tenant branding that white-labels every transactional
15
- // email. The mailer choke point (app/actions/email.ts) and the auth-email logo endpoint
16
- // (app/api/brand/email-logo) both read this, so every dispatched pipeline — 2FA codes,
17
- // form/interaction notifications, the SMTP test, feedback, and the Supabase auth emails —
18
- // shows the operator's own logo instead of a hardcoded NextBlock one.
19
- //
20
- // The pure header-rendering helpers live in ./branding-format (no server-only imports, so
21
- // they're unit-testable); re-export them here so callers have a single import surface.
22
- export {
23
- EMAIL_BRAND_HEADER_TOKEN,
24
- EMAIL_LOGO_MAX_WIDTH,
25
- applyEmailBranding,
26
- renderEmailBrandHeader,
27
- } from './branding-format';
28
- export type { EmailBranding } from './branding-format';
29
-
30
- /**
31
- * Resolve the tenant's active logo to an ABSOLUTE URL usable in an email `<img>`.
32
- * The newest `logos` row wins (the table has no is_active flag). Returns `null` when
33
- * there is no logo, no linked media, or the URL cannot be resolved — the caller then
34
- * renders a text banner instead.
35
- */
36
- async function resolveActiveLogoUrl(): Promise<string | null> {
37
- try {
38
- const supabase = getServiceRoleSupabaseClient();
39
- // Honor the admin-pinned active logo (site_settings.active_logo_id), else newest.
40
- const logo = await resolveActiveLogo(supabase);
41
- const media = (logo as { media?: LogoMediaLike | null } | null)?.media ?? null;
42
- // Prefer the original uploaded file over the AVIF `object_key` (email can't render AVIF).
43
- const objectKey = pickEmailLogoObjectKey(media);
44
- if (!objectKey) return null;
45
-
46
- // Pass the resolved base explicitly so the native-Supabase storage URL is honored
47
- // even when NEXT_PUBLIC_R2_BASE_URL isn't set.
48
- const resolved = resolveMediaUrl(objectKey, resolveMediaBaseUrl());
49
- if (!resolved) return null;
50
- if (resolved.startsWith('http://') || resolved.startsWith('https://')) {
51
- return resolved;
52
- }
53
- // Relative result (a bundled `/images/*` key, or the no-storage-base case): make it
54
- // absolute against the public site origin so email clients can fetch it.
55
- const origin = resolveSiteUrl();
56
- return `${origin}${resolved.startsWith('/') ? '' : '/'}${resolved}`;
57
- } catch {
58
- // Service role unavailable or table missing (pre-setup) — treat as "no logo".
59
- return null;
60
- }
61
- }
62
-
63
- /**
64
- * Resolve tenant email branding. Read fresh on each call (no React `cache`, so it is safe
65
- * from fire-and-forget dispatch paths where the request scope may already be torn down);
66
- * the underlying site-settings read is already cross-request cached via `unstable_cache`,
67
- * and a fresh read each time is what keeps the logo "change at will".
68
- */
69
- export async function resolveEmailBranding(): Promise<EmailBranding> {
70
- const [settings, logoUrl] = await Promise.all([
71
- getSiteSettings().catch(() => null),
72
- resolveActiveLogoUrl(),
73
- ]);
74
- const siteName = settings?.siteTitle?.trim() || DEFAULT_SITE_TITLE;
75
- return { logoUrl, siteName };
76
- }
1
+ import 'server-only';
2
+
3
+ import { getServiceRoleSupabaseClient } from '@nextblock-cms/db/server';
4
+
5
+ import { getSiteSettings } from '../../app/lib/site-settings';
6
+ import { DEFAULT_SITE_TITLE } from '../../app/lib/seo';
7
+ import { resolveMediaUrl } from '../media/resolveMediaUrl';
8
+ import { resolveMediaBaseUrl } from '../storage/provider';
9
+ import { resolveSiteUrl } from '../site-url';
10
+ import { resolveActiveLogo } from '../logos/active-logo';
11
+ import { pickEmailLogoObjectKey } from './branding-format';
12
+ import type { EmailBranding, LogoMediaLike } from './branding-format';
13
+
14
+ // Server-side resolution of the tenant branding that white-labels every transactional
15
+ // email. The mailer choke point (app/actions/email.ts) and the auth-email logo endpoint
16
+ // (app/api/brand/email-logo) both read this, so every dispatched pipeline — 2FA codes,
17
+ // form/interaction notifications, the SMTP test, feedback, and the Supabase auth emails —
18
+ // shows the operator's own logo instead of a hardcoded NextBlock one.
19
+ //
20
+ // The pure header-rendering helpers live in ./branding-format (no server-only imports, so
21
+ // they're unit-testable); re-export them here so callers have a single import surface.
22
+ export {
23
+ EMAIL_BRAND_HEADER_TOKEN,
24
+ EMAIL_LOGO_MAX_WIDTH,
25
+ applyEmailBranding,
26
+ renderEmailBrandHeader,
27
+ } from './branding-format';
28
+ export type { EmailBranding } from './branding-format';
29
+
30
+ /**
31
+ * Resolve the tenant's active logo to an ABSOLUTE URL usable in an email `<img>`.
32
+ * The newest `logos` row wins (the table has no is_active flag). Returns `null` when
33
+ * there is no logo, no linked media, or the URL cannot be resolved — the caller then
34
+ * renders a text banner instead.
35
+ */
36
+ async function resolveActiveLogoUrl(): Promise<string | null> {
37
+ try {
38
+ const supabase = getServiceRoleSupabaseClient();
39
+ // Honor the admin-pinned active logo (site_settings.active_logo_id), else newest.
40
+ const logo = await resolveActiveLogo(supabase);
41
+ const media = (logo as { media?: LogoMediaLike | null } | null)?.media ?? null;
42
+ // Prefer the original uploaded file over the AVIF `object_key` (email can't render AVIF).
43
+ const objectKey = pickEmailLogoObjectKey(media);
44
+ if (!objectKey) return null;
45
+
46
+ // Pass the resolved base explicitly so the native-Supabase storage URL is honored
47
+ // even when NEXT_PUBLIC_R2_BASE_URL isn't set.
48
+ const resolved = resolveMediaUrl(objectKey, resolveMediaBaseUrl());
49
+ if (!resolved) return null;
50
+ if (resolved.startsWith('http://') || resolved.startsWith('https://')) {
51
+ return resolved;
52
+ }
53
+ // Relative result (a bundled `/images/*` key, or the no-storage-base case): make it
54
+ // absolute against the public site origin so email clients can fetch it.
55
+ const origin = resolveSiteUrl();
56
+ return `${origin}${resolved.startsWith('/') ? '' : '/'}${resolved}`;
57
+ } catch {
58
+ // Service role unavailable or table missing (pre-setup) — treat as "no logo".
59
+ return null;
60
+ }
61
+ }
62
+
63
+ /**
64
+ * Resolve tenant email branding. Read fresh on each call (no React `cache`, so it is safe
65
+ * from fire-and-forget dispatch paths where the request scope may already be torn down);
66
+ * the underlying site-settings read is already cross-request cached via `unstable_cache`,
67
+ * and a fresh read each time is what keeps the logo "change at will".
68
+ */
69
+ export async function resolveEmailBranding(): Promise<EmailBranding> {
70
+ const [settings, logoUrl] = await Promise.all([
71
+ getSiteSettings().catch(() => null),
72
+ resolveActiveLogoUrl(),
73
+ ]);
74
+ const siteName = settings?.siteTitle?.trim() || DEFAULT_SITE_TITLE;
75
+ return { logoUrl, siteName };
76
+ }
@@ -1,121 +1,121 @@
1
- import { describe, expect, it } from "vitest";
2
-
3
- import {
4
- FULL_BACKUP_ARCHIVE_TYPE,
5
- FULL_BACKUP_CONFIRMATION,
6
- FULL_BACKUP_CONTENT_PATH,
7
- FULL_BACKUP_DATABASE_PATH,
8
- FULL_BACKUP_STORAGE_PREFIX,
9
- archivePathForObjectKey,
10
- isValidFullBackupConfirmation,
11
- objectKeyFromArchivePath,
12
- parseFullBackupManifest,
13
- replaceMediaBaseUrlInJson,
14
- replaceMediaBaseUrlInString,
15
- } from "./manifest";
16
-
17
- function buildManifest(overrides: Record<string, unknown> = {}) {
18
- return JSON.stringify({
19
- type: FULL_BACKUP_ARCHIVE_TYPE,
20
- version: 1,
21
- exported_at: "2026-05-27T00:00:00.000Z",
22
- app: {
23
- name: "nextblock",
24
- version: "0.3.0",
25
- },
26
- database: {
27
- path: FULL_BACKUP_DATABASE_PATH,
28
- created_with: "pg_dump",
29
- },
30
- content: {
31
- path: FULL_BACKUP_CONTENT_PATH,
32
- type: "nextblock-content-backup-v1",
33
- },
34
- storage: {
35
- bucket: "old-bucket",
36
- source_base_url: "https://old-assets.example.com",
37
- public_url: null,
38
- objects: [
39
- {
40
- key: "uploads/products/shirt.webp",
41
- archive_path: archivePathForObjectKey("uploads/products/shirt.webp"),
42
- size: 123,
43
- etag: "\"abc\"",
44
- content_type: "image/webp",
45
- last_modified: "2026-05-27T00:00:00.000Z",
46
- },
47
- ],
48
- },
49
- ...overrides,
50
- });
51
- }
52
-
53
- describe("full backup manifest helpers", () => {
54
- it("encodes and decodes R2 object keys without changing addresses", () => {
55
- const objectKey = "uploads/products/shirt.webp";
56
- const archivePath = archivePathForObjectKey(objectKey);
57
-
58
- expect(archivePath.startsWith(FULL_BACKUP_STORAGE_PREFIX)).toBe(true);
59
- expect(objectKeyFromArchivePath(archivePath)).toBe(objectKey);
60
- });
61
-
62
- it("rejects archive object paths that escape the storage prefix", () => {
63
- expect(() => objectKeyFromArchivePath("../database/dump.sql")).toThrow(
64
- "Archive object path must be inside storage/objects."
65
- );
66
- });
67
-
68
- it("validates manifest object path and key pairs", () => {
69
- const manifest = parseFullBackupManifest(buildManifest());
70
-
71
- expect(manifest.storage.objects).toHaveLength(1);
72
- expect(manifest.storage.objects[0].key).toBe("uploads/products/shirt.webp");
73
- });
74
-
75
- it("rejects mismatched manifest object paths", () => {
76
- const manifest = JSON.parse(buildManifest());
77
- manifest.storage.objects[0].archive_path = archivePathForObjectKey("uploads/other.webp");
78
-
79
- expect(() => parseFullBackupManifest(JSON.stringify(manifest))).toThrow(
80
- "has a mismatched archive path"
81
- );
82
- });
83
-
84
- it("rewrites old media base URLs inside strings and JSON content", () => {
85
- const html =
86
- '<img src="https://old-assets.example.com/uploads/products/shirt.webp" alt="Shirt">';
87
- expect(
88
- replaceMediaBaseUrlInString(
89
- html,
90
- "https://old-assets.example.com/",
91
- "https://new-assets.example.com/"
92
- )
93
- ).toContain("https://new-assets.example.com/uploads/products/shirt.webp");
94
-
95
- expect(
96
- replaceMediaBaseUrlInJson(
97
- {
98
- html_content: html,
99
- nested: ["https://old-assets.example.com/uploads/hero.webp"],
100
- },
101
- "https://old-assets.example.com",
102
- "https://new-assets.example.com"
103
- )
104
- ).toEqual({
105
- html_content:
106
- '<img src="https://new-assets.example.com/uploads/products/shirt.webp" alt="Shirt">',
107
- nested: ["https://new-assets.example.com/uploads/hero.webp"],
108
- });
109
- });
110
-
111
- it("keeps exact URLs when no destination rewrite is requested", () => {
112
- const value = "https://old-assets.example.com/uploads/hero.webp";
113
-
114
- expect(replaceMediaBaseUrlInString(value, "", "https://new-assets.example.com")).toBe(value);
115
- });
116
-
117
- it("requires the typed destructive restore confirmation", () => {
118
- expect(isValidFullBackupConfirmation(FULL_BACKUP_CONFIRMATION)).toBe(true);
119
- expect(isValidFullBackupConfirmation("restore full backup")).toBe(false);
120
- });
121
- });
1
+ import { describe, expect, it } from "vitest";
2
+
3
+ import {
4
+ FULL_BACKUP_ARCHIVE_TYPE,
5
+ FULL_BACKUP_CONFIRMATION,
6
+ FULL_BACKUP_CONTENT_PATH,
7
+ FULL_BACKUP_DATABASE_PATH,
8
+ FULL_BACKUP_STORAGE_PREFIX,
9
+ archivePathForObjectKey,
10
+ isValidFullBackupConfirmation,
11
+ objectKeyFromArchivePath,
12
+ parseFullBackupManifest,
13
+ replaceMediaBaseUrlInJson,
14
+ replaceMediaBaseUrlInString,
15
+ } from "./manifest";
16
+
17
+ function buildManifest(overrides: Record<string, unknown> = {}) {
18
+ return JSON.stringify({
19
+ type: FULL_BACKUP_ARCHIVE_TYPE,
20
+ version: 1,
21
+ exported_at: "2026-05-27T00:00:00.000Z",
22
+ app: {
23
+ name: "nextblock",
24
+ version: "0.3.0",
25
+ },
26
+ database: {
27
+ path: FULL_BACKUP_DATABASE_PATH,
28
+ created_with: "pg_dump",
29
+ },
30
+ content: {
31
+ path: FULL_BACKUP_CONTENT_PATH,
32
+ type: "nextblock-content-backup-v1",
33
+ },
34
+ storage: {
35
+ bucket: "old-bucket",
36
+ source_base_url: "https://old-assets.example.com",
37
+ public_url: null,
38
+ objects: [
39
+ {
40
+ key: "uploads/products/shirt.webp",
41
+ archive_path: archivePathForObjectKey("uploads/products/shirt.webp"),
42
+ size: 123,
43
+ etag: "\"abc\"",
44
+ content_type: "image/webp",
45
+ last_modified: "2026-05-27T00:00:00.000Z",
46
+ },
47
+ ],
48
+ },
49
+ ...overrides,
50
+ });
51
+ }
52
+
53
+ describe("full backup manifest helpers", () => {
54
+ it("encodes and decodes R2 object keys without changing addresses", () => {
55
+ const objectKey = "uploads/products/shirt.webp";
56
+ const archivePath = archivePathForObjectKey(objectKey);
57
+
58
+ expect(archivePath.startsWith(FULL_BACKUP_STORAGE_PREFIX)).toBe(true);
59
+ expect(objectKeyFromArchivePath(archivePath)).toBe(objectKey);
60
+ });
61
+
62
+ it("rejects archive object paths that escape the storage prefix", () => {
63
+ expect(() => objectKeyFromArchivePath("../database/dump.sql")).toThrow(
64
+ "Archive object path must be inside storage/objects."
65
+ );
66
+ });
67
+
68
+ it("validates manifest object path and key pairs", () => {
69
+ const manifest = parseFullBackupManifest(buildManifest());
70
+
71
+ expect(manifest.storage.objects).toHaveLength(1);
72
+ expect(manifest.storage.objects[0].key).toBe("uploads/products/shirt.webp");
73
+ });
74
+
75
+ it("rejects mismatched manifest object paths", () => {
76
+ const manifest = JSON.parse(buildManifest());
77
+ manifest.storage.objects[0].archive_path = archivePathForObjectKey("uploads/other.webp");
78
+
79
+ expect(() => parseFullBackupManifest(JSON.stringify(manifest))).toThrow(
80
+ "has a mismatched archive path"
81
+ );
82
+ });
83
+
84
+ it("rewrites old media base URLs inside strings and JSON content", () => {
85
+ const html =
86
+ '<img src="https://old-assets.example.com/uploads/products/shirt.webp" alt="Shirt">';
87
+ expect(
88
+ replaceMediaBaseUrlInString(
89
+ html,
90
+ "https://old-assets.example.com/",
91
+ "https://new-assets.example.com/"
92
+ )
93
+ ).toContain("https://new-assets.example.com/uploads/products/shirt.webp");
94
+
95
+ expect(
96
+ replaceMediaBaseUrlInJson(
97
+ {
98
+ html_content: html,
99
+ nested: ["https://old-assets.example.com/uploads/hero.webp"],
100
+ },
101
+ "https://old-assets.example.com",
102
+ "https://new-assets.example.com"
103
+ )
104
+ ).toEqual({
105
+ html_content:
106
+ '<img src="https://new-assets.example.com/uploads/products/shirt.webp" alt="Shirt">',
107
+ nested: ["https://new-assets.example.com/uploads/hero.webp"],
108
+ });
109
+ });
110
+
111
+ it("keeps exact URLs when no destination rewrite is requested", () => {
112
+ const value = "https://old-assets.example.com/uploads/hero.webp";
113
+
114
+ expect(replaceMediaBaseUrlInString(value, "", "https://new-assets.example.com")).toBe(value);
115
+ });
116
+
117
+ it("requires the typed destructive restore confirmation", () => {
118
+ expect(isValidFullBackupConfirmation(FULL_BACKUP_CONFIRMATION)).toBe(true);
119
+ expect(isValidFullBackupConfirmation("restore full backup")).toBe(false);
120
+ });
121
+ });