create-nextblock 0.16.4 → 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 (196) 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 +8096 -7198
  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 -3
  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/categories/page.tsx +12 -12
  61. package/templates/nextblock-template/app/cms/products/new/page.tsx +135 -135
  62. package/templates/nextblock-template/app/cms/promotions/PromotionsWorkspace.tsx +456 -456
  63. package/templates/nextblock-template/app/cms/promotions/actions.ts +115 -115
  64. package/templates/nextblock-template/app/cms/promotions/page.tsx +31 -31
  65. package/templates/nextblock-template/app/cms/settings/backup-restore/BackupRestoreWorkspace.tsx +1004 -1004
  66. package/templates/nextblock-template/app/cms/settings/backup-restore/page.tsx +29 -29
  67. package/templates/nextblock-template/app/cms/settings/bot-protection/page.tsx +24 -24
  68. package/templates/nextblock-template/app/cms/settings/email/page.tsx +28 -28
  69. package/templates/nextblock-template/app/cms/settings/extra-translations/actions.ts +276 -276
  70. package/templates/nextblock-template/app/cms/settings/google-analytics/page.tsx +26 -26
  71. package/templates/nextblock-template/app/cms/settings/logos/components/DeleteLogoButton.tsx +21 -21
  72. package/templates/nextblock-template/app/cms/settings/logos/components/SetActiveLogoButton.tsx +42 -42
  73. package/templates/nextblock-template/app/cms/settings/logos/components/SiteSeoSettingsForm.tsx +133 -133
  74. package/templates/nextblock-template/app/cms/settings/privacy/page.tsx +27 -27
  75. package/templates/nextblock-template/app/cms/settings/registration/page.tsx +27 -27
  76. package/templates/nextblock-template/app/cms/settings/security/page.tsx +33 -33
  77. package/templates/nextblock-template/app/lib/site-settings.ts +105 -105
  78. package/templates/nextblock-template/app/lib/ucp/protocol.ts +190 -190
  79. package/templates/nextblock-template/app/lib/ucp/server.test.ts +56 -56
  80. package/templates/nextblock-template/app/setup/SetupWizard.tsx +678 -678
  81. package/templates/nextblock-template/app/setup/layout.tsx +13 -13
  82. package/templates/nextblock-template/app/setup/page.tsx +111 -111
  83. package/templates/nextblock-template/app/ucp/v1/carts/[id]/cancel/route.ts +38 -38
  84. package/templates/nextblock-template/app/ucp/v1/carts/[id]/route.ts +68 -68
  85. package/templates/nextblock-template/app/ucp/v1/carts/route.ts +35 -35
  86. package/templates/nextblock-template/app/ucp/v1/catalog/lookup/route.ts +35 -35
  87. package/templates/nextblock-template/app/ucp/v1/catalog/product/route.ts +35 -35
  88. package/templates/nextblock-template/app/ucp/v1/catalog/search/route.ts +34 -34
  89. package/templates/nextblock-template/components/CartTranslator.tsx +210 -210
  90. package/templates/nextblock-template/components/DeferredCartTranslator.tsx +51 -51
  91. package/templates/nextblock-template/components/DeferredGlobalSearch.tsx +68 -68
  92. package/templates/nextblock-template/components/DeferredGoogleAnalytics.tsx +70 -70
  93. package/templates/nextblock-template/components/FeatureImageHero.tsx +47 -47
  94. package/templates/nextblock-template/components/GlobalSearch.tsx +557 -557
  95. package/templates/nextblock-template/components/Header.tsx +38 -38
  96. package/templates/nextblock-template/components/PublicEnvBootstrap.tsx +30 -30
  97. package/templates/nextblock-template/components/ResponsiveNav.tsx +14 -14
  98. package/templates/nextblock-template/components/auth/AuthBotProtection.tsx +182 -182
  99. package/templates/nextblock-template/components/blocks/PostsGridClient.tsx +48 -48
  100. package/templates/nextblock-template/components/blocks/TestimonialBlock.tsx +9 -9
  101. package/templates/nextblock-template/components/blocks/publicRendererLoaders.ts +25 -25
  102. package/templates/nextblock-template/components/blocks/renderers/ButtonBlockRenderer.tsx +92 -92
  103. package/templates/nextblock-template/components/blocks/renderers/ClientTextBlockRenderer.tsx +11 -0
  104. package/templates/nextblock-template/components/blocks/renderers/PostsGridBlockRenderer.tsx +24 -24
  105. package/templates/nextblock-template/components/blocks/renderers/TestimonialBlockRenderer.tsx +57 -57
  106. package/templates/nextblock-template/components/blocks/renderers/inline/AlertWidgetRenderer.tsx +2 -2
  107. package/templates/nextblock-template/components/blocks/renderers/inline/CtaWidgetRenderer.tsx +2 -2
  108. package/templates/nextblock-template/components/media/YouTubeFacade.tsx +105 -105
  109. package/templates/nextblock-template/components/media/youtube-embed-replace.tsx +32 -32
  110. package/templates/nextblock-template/components/privacy/ConsentBanner.tsx +170 -170
  111. package/templates/nextblock-template/components/privacy/ConsentGatedAnalytics.tsx +70 -70
  112. package/templates/nextblock-template/components/renderers/CachedDynamicLayoutEngine.tsx +28 -28
  113. package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.test.tsx +166 -166
  114. package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.tsx +471 -471
  115. package/templates/nextblock-template/components/visual-editing/DeferredVisualEditing.tsx +21 -21
  116. package/templates/nextblock-template/context/language-rest-client.ts +32 -32
  117. package/templates/nextblock-template/docker/db/init/99-jwt.sql +6 -6
  118. package/templates/nextblock-template/docker/db/init/99-roles.sql +25 -25
  119. package/templates/nextblock-template/docker/kong/kong.yml +112 -112
  120. package/templates/nextblock-template/docs/02-ECOMMERCE-CAPABILITIES.md +364 -364
  121. package/templates/nextblock-template/docs/04-DATABASE-AND-AUTH.md +11 -0
  122. package/templates/nextblock-template/docs/07-BLOCK-SDK-AND-EXTENSIBILITY.md +146 -146
  123. package/templates/nextblock-template/docs/08-NEXTBLOCK-CORTEX-AI-ARCHITECTURE.md +19 -0
  124. package/templates/nextblock-template/docs/10-CUSTOM-BLOCKS.md +222 -222
  125. package/templates/nextblock-template/lib/app-secrets.ts +39 -39
  126. package/templates/nextblock-template/lib/auth/cookies.ts +47 -47
  127. package/templates/nextblock-template/lib/auth/crypto.ts +45 -45
  128. package/templates/nextblock-template/lib/auth/trustedDevices.ts +92 -92
  129. package/templates/nextblock-template/lib/blocks/README.md +13 -13
  130. package/templates/nextblock-template/lib/botProtection/verify.ts +134 -134
  131. package/templates/nextblock-template/lib/cms/payments-reminder.test.ts +135 -135
  132. package/templates/nextblock-template/lib/cms/payments-reminder.ts +105 -105
  133. package/templates/nextblock-template/lib/cms-transfer/types.ts +145 -145
  134. package/templates/nextblock-template/lib/custom-block-definitions.ts +87 -87
  135. package/templates/nextblock-template/lib/custom-block-r2-upload-shared.ts +178 -178
  136. package/templates/nextblock-template/lib/custom-block-r2-upload.test.ts +140 -140
  137. package/templates/nextblock-template/lib/custom-block-r2-upload.ts +88 -88
  138. package/templates/nextblock-template/lib/custom-block-relations.test.ts +227 -227
  139. package/templates/nextblock-template/lib/custom-block-relations.ts +279 -279
  140. package/templates/nextblock-template/lib/custom-block-safelist.ts +14 -14
  141. package/templates/nextblock-template/lib/editor/dynamic-extension-core.test.ts +172 -172
  142. package/templates/nextblock-template/lib/editor/dynamic-extension-core.ts +213 -213
  143. package/templates/nextblock-template/lib/editor/dynamic-extension-loader.ts +22 -22
  144. package/templates/nextblock-template/lib/editor/dynamic-extensions.tsx +193 -193
  145. package/templates/nextblock-template/lib/email/branding-format.test.ts +133 -133
  146. package/templates/nextblock-template/lib/email/branding-format.ts +123 -123
  147. package/templates/nextblock-template/lib/email/branding.ts +76 -76
  148. package/templates/nextblock-template/lib/full-backup/manifest.test.ts +121 -121
  149. package/templates/nextblock-template/lib/full-backup/manifest.ts +206 -206
  150. package/templates/nextblock-template/lib/logos/active-logo.ts +53 -53
  151. package/templates/nextblock-template/lib/media/resolveMediaUrl.ts +56 -54
  152. package/templates/nextblock-template/lib/media/youtube.ts +99 -99
  153. package/templates/nextblock-template/lib/onboarding/actions.ts +31 -31
  154. package/templates/nextblock-template/lib/privacy/consent-client.ts +57 -57
  155. package/templates/nextblock-template/lib/privacy/contact-emails.ts +64 -64
  156. package/templates/nextblock-template/lib/privacy/settings.ts +115 -115
  157. package/templates/nextblock-template/lib/privacy/types.ts +69 -69
  158. package/templates/nextblock-template/lib/promotions/server.test.ts +74 -74
  159. package/templates/nextblock-template/lib/promotions/server.ts +741 -741
  160. package/templates/nextblock-template/lib/resolve-block-relations.test.ts +142 -142
  161. package/templates/nextblock-template/lib/resolve-block-relations.ts +255 -255
  162. package/templates/nextblock-template/lib/seo/page-document.ts +4 -4
  163. package/templates/nextblock-template/lib/setup/actions.ts +460 -460
  164. package/templates/nextblock-template/lib/setup/env-status.ts +125 -125
  165. package/templates/nextblock-template/lib/setup/env-write.ts +111 -111
  166. package/templates/nextblock-template/lib/setup/migrations-bundle.ts +42 -12
  167. package/templates/nextblock-template/lib/setup/provisioning.ts +59 -59
  168. package/templates/nextblock-template/lib/setup/schema-apply.ts +408 -408
  169. package/templates/nextblock-template/lib/setup/system-config.ts +105 -105
  170. package/templates/nextblock-template/lib/setup/types.ts +18 -18
  171. package/templates/nextblock-template/lib/storage/provider.ts +66 -66
  172. package/templates/nextblock-template/lib/storage/supabase-storage.ts +103 -103
  173. package/templates/nextblock-template/lib/updates/github-device.ts +206 -206
  174. package/templates/nextblock-template/lib/updates/repo-identity.ts +56 -56
  175. package/templates/nextblock-template/lib/visual-editing/draft-content.test.ts +105 -105
  176. package/templates/nextblock-template/lib/visual-editing/draft-route.test.ts +42 -42
  177. package/templates/nextblock-template/lib/visual-editing/edit-info.test.ts +143 -143
  178. package/templates/nextblock-template/lib/visual-editing/edit-info.ts +94 -94
  179. package/templates/nextblock-template/lib/visual-editing/product-drafts.test.ts +81 -81
  180. package/templates/nextblock-template/lib/zod-config.ts +5 -5
  181. package/templates/nextblock-template/next-env.d.ts +1 -0
  182. package/templates/nextblock-template/package.json +1 -1
  183. package/templates/nextblock-template/public/images/cortex_post.webp +0 -0
  184. package/templates/nextblock-template/public/images/update_nextblock.webp +0 -0
  185. package/templates/nextblock-template/scripts/docker-setup.mjs +310 -310
  186. package/templates/nextblock-template/scripts/validate-editor-block-schema.ts +112 -112
  187. package/templates/nextblock-template/scripts/verify-cortex-ai-build-widget.tsx +98 -98
  188. package/templates/nextblock-template/scripts/verify-cortex-ai-generate-blocks.ts +62 -62
  189. package/templates/nextblock-template/scripts/verify-cortex-ai-global-tools.ts +537 -537
  190. package/templates/nextblock-template/scripts/verify-cortex-ai-routing.ts +58 -58
  191. package/templates/nextblock-template/scripts/verify-custom-block-definitions.ts +188 -188
  192. package/templates/nextblock-template/scripts/verify-dynamic-custom-block-extensions.ts +123 -123
  193. package/templates/nextblock-template/scripts/verify-dynamic-layout-engine.tsx +133 -133
  194. package/templates/nextblock-template/scripts/verify-milestone-2-custom-blocks.ts +65 -65
  195. package/templates/nextblock-template/tools/deploy-supabase.js +159 -159
  196. 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
+ });