create-nextblock 0.13.9 → 0.13.11
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.
- package/docker-template/.dockerignore +23 -23
- package/docker-template/.env.docker.example +69 -69
- package/docker-template/docker/db/init/99-jwt.sql +6 -6
- package/docker-template/docker/db/init/99-roles.sql +25 -25
- package/docker-template/docker/kong/kong.yml +112 -112
- package/docker-template/scripts/docker-setup.mjs +310 -310
- package/libs/db/tsconfig.lib.json +3 -3
- package/libs/editor/tsconfig.lib.json +3 -3
- package/libs/ui/tsconfig.lib.json +3 -3
- package/libs/utils/tsconfig.json +3 -3
- package/package.json +1 -1
- package/project.json +19 -19
- package/templates/nextblock-template/.browserslistrc +11 -11
- package/templates/nextblock-template/.dockerignore +23 -23
- package/templates/nextblock-template/README.md +34 -34
- package/templates/nextblock-template/app/(auth-pages)/layout.tsx +9 -9
- package/templates/nextblock-template/app/(auth-pages)/post-sign-in/page.tsx +27 -27
- package/templates/nextblock-template/app/(auth-pages)/sign-up/page.tsx +46 -46
- package/templates/nextblock-template/app/(auth-pages)/two-factor/page.tsx +51 -51
- package/templates/nextblock-template/app/ToasterProvider.tsx +17 -17
- package/templates/nextblock-template/app/[slug]/pageClientActions.ts +7 -7
- package/templates/nextblock-template/app/actions/consent.ts +57 -57
- package/templates/nextblock-template/app/actions/postActions.ts +146 -146
- package/templates/nextblock-template/app/actions/productGridActions.ts +40 -40
- package/templates/nextblock-template/app/actions/twoFactorEmail.ts +22 -22
- package/templates/nextblock-template/app/api/ai/cortex/build-widget/route.ts +153 -153
- package/templates/nextblock-template/app/api/ai/generate-blocks/route.ts +96 -96
- package/templates/nextblock-template/app/api/brand/email-logo/route.ts +48 -48
- package/templates/nextblock-template/app/api/cms/check-updates/route.ts +44 -44
- package/templates/nextblock-template/app/api/cms/ecommerce/product-picker/route.ts +151 -151
- package/templates/nextblock-template/app/api/cms/full-backup/export/route.ts +33 -33
- package/templates/nextblock-template/app/api/cms/full-backup/restore/route.ts +63 -63
- package/templates/nextblock-template/app/api/cron/reset-sandbox/route.ts +3490 -3490
- package/templates/nextblock-template/app/api/cron/reset-sandbox/sandboxResetSql.ts +5749 -5609
- package/templates/nextblock-template/app/api/cron/sync-currencies/route.ts +39 -39
- package/templates/nextblock-template/app/api/custom-blocks/db-relations/route.ts +92 -92
- package/templates/nextblock-template/app/api/custom-blocks/editor-definitions/route.ts +43 -43
- package/templates/nextblock-template/app/api/media/library/route.ts +69 -69
- package/templates/nextblock-template/app/api/media/r2-presigned/route.ts +53 -53
- package/templates/nextblock-template/app/api/media/record/route.ts +160 -160
- package/templates/nextblock-template/app/api/search/route.ts +43 -43
- package/templates/nextblock-template/app/article/[slug]/PostClientContent.tsx +441 -441
- package/templates/nextblock-template/app/auth/callback/route.ts +31 -31
- package/templates/nextblock-template/app/cart/page.tsx +7 -7
- package/templates/nextblock-template/app/cms/blocks/components/BlockEditorArea.tsx +10 -1
- package/templates/nextblock-template/app/cms/blocks/components/ColumnEditor.tsx +5 -1
- package/templates/nextblock-template/app/cms/blocks/components/CustomBlockEditorPreview.tsx +160 -160
- package/templates/nextblock-template/app/cms/blocks/components/EditableBlock.tsx +55 -24
- package/templates/nextblock-template/app/cms/blocks/components/MediaLibraryModal.tsx +149 -149
- package/templates/nextblock-template/app/cms/blocks/components/MultiEntityPicker.tsx +263 -251
- package/templates/nextblock-template/app/cms/blocks/editors/DynamicCustomBlockEditor.tsx +167 -167
- package/templates/nextblock-template/app/cms/blocks/editors/TextBlockEditor.tsx +90 -90
- package/templates/nextblock-template/app/cms/components/ConnectGitHubButton.tsx +122 -122
- package/templates/nextblock-template/app/cms/components/CortexAiPageContext.tsx +58 -58
- package/templates/nextblock-template/app/cms/components/EcommerceActiveContext.tsx +27 -27
- package/templates/nextblock-template/app/cms/components/FeedbackModal.tsx +36 -36
- package/templates/nextblock-template/app/cms/components/SystemAlertsBanner.tsx +112 -112
- package/templates/nextblock-template/app/cms/components/TwoFactorReminderBanner.tsx +45 -45
- package/templates/nextblock-template/app/cms/components/github-connect-actions.ts +102 -102
- package/templates/nextblock-template/app/cms/components/system-alerts-actions.ts +31 -31
- package/templates/nextblock-template/app/cms/custom-blocks/[id]/edit/page.tsx +66 -66
- package/templates/nextblock-template/app/cms/custom-blocks/actions.ts +519 -519
- package/templates/nextblock-template/app/cms/custom-blocks/components/BlocksLibraryTransferControls.tsx +256 -256
- package/templates/nextblock-template/app/cms/custom-blocks/components/DBRelationSelect.tsx +384 -384
- package/templates/nextblock-template/app/cms/custom-blocks/components/ImageR2Picker.tsx +221 -221
- package/templates/nextblock-template/app/cms/custom-blocks/new/page.tsx +12 -12
- package/templates/nextblock-template/app/cms/custom-blocks/page.tsx +438 -438
- package/templates/nextblock-template/app/cms/dashboard/actions.ts +228 -228
- package/templates/nextblock-template/app/cms/dashboard/components/DashboardOnboarding.tsx +130 -130
- package/templates/nextblock-template/app/cms/import-export/actions.ts +226 -226
- package/templates/nextblock-template/app/cms/interactions/EmailRecipientsInput.tsx +189 -189
- package/templates/nextblock-template/app/cms/layout.tsx +73 -73
- package/templates/nextblock-template/app/cms/media/components/FolderNavigator.tsx +273 -273
- package/templates/nextblock-template/app/cms/media/components/FolderTree.tsx +122 -122
- package/templates/nextblock-template/app/cms/media/components/MediaEditForm.tsx +26 -26
- package/templates/nextblock-template/app/cms/media/components/MediaGridClient.tsx +69 -69
- package/templates/nextblock-template/app/cms/navigation/components/NavigationMenuDnd.tsx +3 -3
- package/templates/nextblock-template/app/cms/products/attributes/page.tsx +12 -12
- package/templates/nextblock-template/app/cms/products/categories/page.tsx +12 -12
- package/templates/nextblock-template/app/cms/products/inventory/page.tsx +13 -13
- package/templates/nextblock-template/app/cms/products/new/page.tsx +135 -135
- package/templates/nextblock-template/app/cms/products/productFormData.ts +133 -133
- package/templates/nextblock-template/app/cms/products/settings/page.tsx +5 -5
- package/templates/nextblock-template/app/cms/promotions/PromotionsWorkspace.tsx +456 -456
- package/templates/nextblock-template/app/cms/promotions/actions.ts +115 -115
- package/templates/nextblock-template/app/cms/promotions/page.tsx +31 -31
- package/templates/nextblock-template/app/cms/revisions/service.ts +19 -19
- package/templates/nextblock-template/app/cms/revisions/utils.ts +132 -132
- package/templates/nextblock-template/app/cms/settings/backup-restore/BackupRestoreWorkspace.tsx +1004 -1004
- package/templates/nextblock-template/app/cms/settings/backup-restore/page.tsx +29 -29
- package/templates/nextblock-template/app/cms/settings/bot-protection/page.tsx +24 -24
- package/templates/nextblock-template/app/cms/settings/cortex-ai/SandboxCortexAiSettingsClient.tsx +497 -497
- package/templates/nextblock-template/app/cms/settings/currencies/actions.ts +331 -331
- package/templates/nextblock-template/app/cms/settings/currencies/page.tsx +494 -494
- package/templates/nextblock-template/app/cms/settings/email/page.tsx +28 -28
- package/templates/nextblock-template/app/cms/settings/extra-translations/ExtraTranslationsWorkspace.tsx +767 -767
- package/templates/nextblock-template/app/cms/settings/extra-translations/page.tsx +93 -93
- package/templates/nextblock-template/app/cms/settings/google-analytics/page.tsx +26 -26
- package/templates/nextblock-template/app/cms/settings/languages/components/LanguageDetectionPanel.tsx +188 -188
- package/templates/nextblock-template/app/cms/settings/logos/[id]/edit/page.tsx +7 -7
- package/templates/nextblock-template/app/cms/settings/logos/components/BrandingSettingsForm.tsx +339 -339
- package/templates/nextblock-template/app/cms/settings/logos/components/DeleteLogoButton.tsx +21 -21
- package/templates/nextblock-template/app/cms/settings/logos/components/LogoForm.tsx +20 -20
- package/templates/nextblock-template/app/cms/settings/logos/components/SetActiveLogoButton.tsx +42 -42
- package/templates/nextblock-template/app/cms/settings/logos/components/SiteSeoSettingsForm.tsx +133 -133
- package/templates/nextblock-template/app/cms/settings/logos/new/page.tsx +8 -8
- package/templates/nextblock-template/app/cms/settings/packages/package-card.tsx +122 -122
- package/templates/nextblock-template/app/cms/settings/privacy/page.tsx +27 -27
- package/templates/nextblock-template/app/cms/settings/registration/page.tsx +27 -27
- package/templates/nextblock-template/app/cms/settings/security/page.tsx +33 -33
- package/templates/nextblock-template/app/cms/settings/taxes/page.tsx +21 -21
- package/templates/nextblock-template/app/cms/shipping/page.tsx +20 -20
- package/templates/nextblock-template/app/cms/users/components/CreateUserForm.tsx +217 -217
- package/templates/nextblock-template/app/cms/users/components/DeleteUserButton.tsx +12 -12
- package/templates/nextblock-template/app/cms/users/new/page.tsx +44 -44
- package/templates/nextblock-template/app/lib/site-settings.ts +105 -105
- package/templates/nextblock-template/app/profile/ProfilePageHeader.tsx +16 -16
- package/templates/nextblock-template/app/profile/ProfilePageMissingState.tsx +9 -9
- package/templates/nextblock-template/app/profile/account-links.ts +22 -22
- package/templates/nextblock-template/app/profile/orders/CustomerOrdersPageClient.tsx +124 -124
- package/templates/nextblock-template/app/profile/orders/page.tsx +19 -19
- package/templates/nextblock-template/app/profile/password/PasswordSettingsPageClient.tsx +128 -128
- package/templates/nextblock-template/app/profile/password/actions.ts +59 -59
- package/templates/nextblock-template/app/profile/password/page.tsx +27 -27
- package/templates/nextblock-template/app/setup/SetupWizard.tsx +678 -678
- package/templates/nextblock-template/app/setup/layout.tsx +13 -13
- package/templates/nextblock-template/app/setup/page.tsx +111 -111
- package/templates/nextblock-template/app/sitemap.ts +130 -130
- package/templates/nextblock-template/components/CartDrawerLoader.tsx +7 -7
- package/templates/nextblock-template/components/DeferredCartDrawer.tsx +23 -23
- package/templates/nextblock-template/components/DeferredGoogleAnalytics.tsx +70 -70
- package/templates/nextblock-template/components/DeferredGoogleTagManager.tsx +70 -70
- package/templates/nextblock-template/components/DeferredSpeedInsights.tsx +69 -69
- package/templates/nextblock-template/components/FeatureImageHero.tsx +47 -47
- package/templates/nextblock-template/components/FooterNavigation.tsx +32 -32
- package/templates/nextblock-template/components/HtmlScriptExecutor.tsx +47 -47
- package/templates/nextblock-template/components/LanguageSwitcher.tsx +2 -2
- package/templates/nextblock-template/components/PublicEnvBootstrap.tsx +30 -30
- package/templates/nextblock-template/components/ResponsiveNav.tsx +14 -14
- package/templates/nextblock-template/components/auth/AuthBotProtection.tsx +182 -182
- package/templates/nextblock-template/components/blocks/PostCardSkeleton.tsx +12 -12
- package/templates/nextblock-template/components/blocks/PostsGridBlock.tsx +12 -12
- package/templates/nextblock-template/components/blocks/ProductGridClient.tsx +114 -114
- package/templates/nextblock-template/components/blocks/ecommerceRendererLoaders.ts +23 -23
- package/templates/nextblock-template/components/blocks/renderers/ClientTextBlockRenderer.tsx +8 -1
- package/templates/nextblock-template/components/blocks/renderers/FormBlockRenderer.tsx +249 -249
- package/templates/nextblock-template/components/blocks/renderers/VideoEmbedBlockRenderer.tsx +29 -23
- package/templates/nextblock-template/components/blocks/types.ts +7 -7
- package/templates/nextblock-template/components/env-var-warning.tsx +3 -3
- package/templates/nextblock-template/components/form-message.tsx +32 -32
- package/templates/nextblock-template/components/media/YouTubeFacade.tsx +69 -0
- package/templates/nextblock-template/components/media/youtube-embed-replace.tsx +32 -0
- package/templates/nextblock-template/components/privacy/ConsentBanner.tsx +170 -170
- package/templates/nextblock-template/components/privacy/ConsentGatedAnalytics.tsx +70 -70
- package/templates/nextblock-template/components/renderers/CachedDynamicLayoutEngine.tsx +28 -28
- package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.test.tsx +166 -166
- package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.tsx +471 -464
- package/templates/nextblock-template/components/submit-button.tsx +23 -23
- package/templates/nextblock-template/components/theme-switcher.tsx +8 -8
- package/templates/nextblock-template/components/visual-editing/DeferredVisualEditing.tsx +21 -21
- package/templates/nextblock-template/context/AuthContext.tsx +23 -23
- package/templates/nextblock-template/context/language-rest-client.ts +32 -32
- package/templates/nextblock-template/docker/db/init/99-jwt.sql +6 -6
- package/templates/nextblock-template/docker/db/init/99-roles.sql +25 -25
- package/templates/nextblock-template/docker/kong/kong.yml +112 -112
- package/templates/nextblock-template/docs/01-PROJECT-OVERVIEW.md +94 -94
- package/templates/nextblock-template/docs/02-ECOMMERCE-CAPABILITIES.md +364 -364
- package/templates/nextblock-template/docs/03-CMS-AND-EDITOR.md +202 -202
- package/templates/nextblock-template/docs/04-DATABASE-AND-AUTH.md +246 -246
- package/templates/nextblock-template/docs/06-CLI-AND-SCAFFOLDING.md +176 -176
- package/templates/nextblock-template/docs/07-BLOCK-SDK-AND-EXTENSIBILITY.md +146 -146
- package/templates/nextblock-template/docs/10-CUSTOM-BLOCKS.md +222 -222
- package/templates/nextblock-template/docs/11-SELF-HOSTED-DOCKER.md +173 -173
- package/templates/nextblock-template/docs/12-VERCEL-DEPLOYMENT.md +170 -170
- package/templates/nextblock-template/docs/13-STAYING-UP-TO-DATE.md +151 -151
- package/templates/nextblock-template/docs/README.md +39 -39
- package/templates/nextblock-template/hooks/use-hotkeys.ts +21 -21
- package/templates/nextblock-template/hooks/useGlobalSearch.ts +101 -101
- package/templates/nextblock-template/index.d.ts +7 -7
- package/templates/nextblock-template/lib/app-secrets.ts +39 -39
- package/templates/nextblock-template/lib/auth/cookies.ts +47 -47
- package/templates/nextblock-template/lib/auth/crypto.ts +45 -45
- package/templates/nextblock-template/lib/auth/trustedDevices.ts +92 -92
- package/templates/nextblock-template/lib/auth-redirects.ts +46 -46
- package/templates/nextblock-template/lib/blocks/ProductGridBlock.tsx +78 -78
- package/templates/nextblock-template/lib/blocks/README.md +13 -13
- package/templates/nextblock-template/lib/blocks/blockRegistry.ts +21 -1
- package/templates/nextblock-template/lib/blocks/product-grid-data.ts +210 -210
- package/templates/nextblock-template/lib/botProtection/verify.ts +134 -134
- package/templates/nextblock-template/lib/cms-transfer/server.ts +2243 -2243
- package/templates/nextblock-template/lib/cms-transfer/types.ts +145 -145
- package/templates/nextblock-template/lib/custom-block-definitions.ts +87 -87
- package/templates/nextblock-template/lib/custom-block-r2-upload-shared.ts +178 -178
- package/templates/nextblock-template/lib/custom-block-r2-upload.test.ts +140 -140
- package/templates/nextblock-template/lib/custom-block-r2-upload.ts +88 -88
- package/templates/nextblock-template/lib/custom-block-relations.test.ts +227 -227
- package/templates/nextblock-template/lib/custom-block-relations.ts +279 -279
- package/templates/nextblock-template/lib/custom-block-safelist.ts +14 -14
- package/templates/nextblock-template/lib/editor/dynamic-extension-core.test.ts +172 -172
- package/templates/nextblock-template/lib/editor/dynamic-extension-core.ts +213 -213
- package/templates/nextblock-template/lib/editor/dynamic-extension-loader.ts +22 -22
- package/templates/nextblock-template/lib/editor/dynamic-extensions.tsx +193 -193
- package/templates/nextblock-template/lib/email/branding-format.test.ts +133 -133
- package/templates/nextblock-template/lib/email/branding-format.ts +123 -123
- package/templates/nextblock-template/lib/email/branding.ts +76 -76
- package/templates/nextblock-template/lib/full-backup/manifest.test.ts +121 -121
- package/templates/nextblock-template/lib/full-backup/manifest.ts +206 -206
- package/templates/nextblock-template/lib/full-backup/server.ts +743 -743
- package/templates/nextblock-template/lib/i18n/country-languages.ts +247 -247
- package/templates/nextblock-template/lib/i18n/detection.test.ts +197 -197
- package/templates/nextblock-template/lib/i18n/detection.ts +192 -192
- package/templates/nextblock-template/lib/logos/active-logo.ts +53 -53
- package/templates/nextblock-template/lib/media/resolveMediaUrl.ts +54 -54
- package/templates/nextblock-template/lib/media/youtube.ts +81 -0
- package/templates/nextblock-template/lib/onboarding/actions.ts +31 -31
- package/templates/nextblock-template/lib/onboarding/status.ts +222 -222
- package/templates/nextblock-template/lib/posts/readTime.ts +60 -60
- package/templates/nextblock-template/lib/privacy/consent-client.ts +57 -57
- package/templates/nextblock-template/lib/privacy/contact-emails.ts +64 -64
- package/templates/nextblock-template/lib/privacy/settings.ts +115 -115
- package/templates/nextblock-template/lib/privacy/types.ts +69 -69
- package/templates/nextblock-template/lib/promotions/server.test.ts +74 -74
- package/templates/nextblock-template/lib/promotions/server.ts +741 -741
- package/templates/nextblock-template/lib/resolve-block-relations.test.ts +142 -142
- package/templates/nextblock-template/lib/resolve-block-relations.ts +255 -255
- package/templates/nextblock-template/lib/search/types.ts +27 -27
- package/templates/nextblock-template/lib/setup/actions.ts +460 -460
- package/templates/nextblock-template/lib/setup/env-status.ts +125 -125
- package/templates/nextblock-template/lib/setup/env-write.ts +111 -111
- package/templates/nextblock-template/lib/setup/migrations-bundle.ts +87 -82
- package/templates/nextblock-template/lib/setup/provisioning.ts +59 -59
- package/templates/nextblock-template/lib/setup/schema-apply.ts +408 -408
- package/templates/nextblock-template/lib/setup/system-config.ts +105 -105
- package/templates/nextblock-template/lib/setup/types.ts +18 -18
- package/templates/nextblock-template/lib/site-url.ts +48 -48
- package/templates/nextblock-template/lib/storage/provider.ts +66 -66
- package/templates/nextblock-template/lib/storage/supabase-storage.ts +103 -103
- package/templates/nextblock-template/lib/updates/check-upstream.ts +441 -441
- package/templates/nextblock-template/lib/updates/github-device.ts +206 -206
- package/templates/nextblock-template/lib/updates/repo-identity.ts +56 -56
- package/templates/nextblock-template/next-env.d.ts +1 -1
- package/templates/nextblock-template/package.json +1 -1
- package/templates/nextblock-template/postcss.config.js +6 -6
- package/templates/nextblock-template/scripts/backup.js +115 -115
- package/templates/nextblock-template/scripts/docker-setup.mjs +310 -310
- package/templates/nextblock-template/scripts/restore.js +385 -385
- package/templates/nextblock-template/scripts/verify-cortex-ai-build-widget.tsx +98 -98
- package/templates/nextblock-template/scripts/verify-cortex-ai-generate-blocks.ts +62 -62
- package/templates/nextblock-template/scripts/verify-cortex-ai-global-tools.ts +537 -537
- package/templates/nextblock-template/scripts/verify-cortex-ai-routing.ts +58 -58
- package/templates/nextblock-template/scripts/verify-custom-block-definitions.ts +188 -188
- package/templates/nextblock-template/scripts/verify-dynamic-custom-block-extensions.ts +123 -123
- package/templates/nextblock-template/scripts/verify-dynamic-layout-engine.tsx +133 -133
- package/templates/nextblock-template/scripts/verify-milestone-2-custom-blocks.ts +65 -65
- package/templates/nextblock-template/tailwind.config.js +25 -25
- package/templates/nextblock-template/tools/build-migrate.mjs +209 -209
- package/templates/nextblock-template/tools/configure-supabase-auth.js +282 -282
- package/templates/nextblock-template/tsconfig.tsbuildinfo +1 -1
- package/templates/nextblock-template/types/jsdom.d.ts +6 -6
- package/tsconfig.base.json +3 -3
|
@@ -1,78 +1,78 @@
|
|
|
1
|
-
import ProductGridClient from '../../components/blocks/ProductGridClient';
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
PRODUCT_GRID_UNLIMITED,
|
|
5
|
-
resolveProductGridCategoryIds,
|
|
6
|
-
resolveProductGridLimit,
|
|
7
|
-
resolveProductGridProductIds,
|
|
8
|
-
resolveProductGridShowPagination,
|
|
9
|
-
type ProductGridBlockContent,
|
|
10
|
-
} from './ecommerce-block-schemas';
|
|
11
|
-
import { loadProductGridPage, type ProductGridQuery } from './product-grid-data';
|
|
12
|
-
|
|
13
|
-
interface ProductGridBlockProps {
|
|
14
|
-
content: ProductGridBlockContent;
|
|
15
|
-
languageId?: number;
|
|
16
|
-
excludeProductId?: string;
|
|
17
|
-
excludeTranslationGroupId?: string | null;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
// Component (Server Component)
|
|
21
|
-
export const ProductGridBlock = async ({
|
|
22
|
-
content,
|
|
23
|
-
languageId,
|
|
24
|
-
excludeProductId,
|
|
25
|
-
excludeTranslationGroupId,
|
|
26
|
-
}: ProductGridBlockProps) => {
|
|
27
|
-
const isManual = content.type === 'manual';
|
|
28
|
-
const handPickedIds = isManual ? resolveProductGridProductIds(content) : [];
|
|
29
|
-
|
|
30
|
-
// A hand-picked grid with nothing picked has nothing to say — render nothing
|
|
31
|
-
// rather than silently falling back to unrelated products.
|
|
32
|
-
if (isManual && handPickedIds.length === 0) {
|
|
33
|
-
return null;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
const paginate = resolveProductGridShowPagination(content);
|
|
37
|
-
// A hand-picked list is already exactly what the author asked for, so `limit`
|
|
38
|
-
// acts purely as a page size there — never as a cap.
|
|
39
|
-
const limit = isManual && !paginate ? PRODUCT_GRID_UNLIMITED : resolveProductGridLimit(content);
|
|
40
|
-
|
|
41
|
-
const query: ProductGridQuery = {
|
|
42
|
-
type: content.type ?? 'latest',
|
|
43
|
-
// With no category selected this resolves to an empty filter, i.e. latest products.
|
|
44
|
-
categoryIds: content.type === 'category' ? resolveProductGridCategoryIds(content) : undefined,
|
|
45
|
-
productIds: isManual ? handPickedIds : undefined,
|
|
46
|
-
limit,
|
|
47
|
-
page: 1,
|
|
48
|
-
languageId,
|
|
49
|
-
excludeProductId,
|
|
50
|
-
excludeTranslationGroupId,
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
const { products, totalCount } = await loadProductGridPage(query);
|
|
54
|
-
|
|
55
|
-
if (products.length === 0) {
|
|
56
|
-
return null; // Silent fail if no products
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
const showPagination = paginate && totalCount > limit;
|
|
60
|
-
|
|
61
|
-
return (
|
|
62
|
-
<section className="py-12">
|
|
63
|
-
{content.title && (
|
|
64
|
-
<div className="container mb-8">
|
|
65
|
-
<h2 className="text-3xl font-bold tracking-tight">{content.title}</h2>
|
|
66
|
-
</div>
|
|
67
|
-
)}
|
|
68
|
-
<div className="container">
|
|
69
|
-
<ProductGridClient
|
|
70
|
-
initialProducts={products}
|
|
71
|
-
totalCount={totalCount}
|
|
72
|
-
query={query}
|
|
73
|
-
showPagination={showPagination}
|
|
74
|
-
/>
|
|
75
|
-
</div>
|
|
76
|
-
</section>
|
|
77
|
-
);
|
|
78
|
-
};
|
|
1
|
+
import ProductGridClient from '../../components/blocks/ProductGridClient';
|
|
2
|
+
|
|
3
|
+
import {
|
|
4
|
+
PRODUCT_GRID_UNLIMITED,
|
|
5
|
+
resolveProductGridCategoryIds,
|
|
6
|
+
resolveProductGridLimit,
|
|
7
|
+
resolveProductGridProductIds,
|
|
8
|
+
resolveProductGridShowPagination,
|
|
9
|
+
type ProductGridBlockContent,
|
|
10
|
+
} from './ecommerce-block-schemas';
|
|
11
|
+
import { loadProductGridPage, type ProductGridQuery } from './product-grid-data';
|
|
12
|
+
|
|
13
|
+
interface ProductGridBlockProps {
|
|
14
|
+
content: ProductGridBlockContent;
|
|
15
|
+
languageId?: number;
|
|
16
|
+
excludeProductId?: string;
|
|
17
|
+
excludeTranslationGroupId?: string | null;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
// Component (Server Component)
|
|
21
|
+
export const ProductGridBlock = async ({
|
|
22
|
+
content,
|
|
23
|
+
languageId,
|
|
24
|
+
excludeProductId,
|
|
25
|
+
excludeTranslationGroupId,
|
|
26
|
+
}: ProductGridBlockProps) => {
|
|
27
|
+
const isManual = content.type === 'manual';
|
|
28
|
+
const handPickedIds = isManual ? resolveProductGridProductIds(content) : [];
|
|
29
|
+
|
|
30
|
+
// A hand-picked grid with nothing picked has nothing to say — render nothing
|
|
31
|
+
// rather than silently falling back to unrelated products.
|
|
32
|
+
if (isManual && handPickedIds.length === 0) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
const paginate = resolveProductGridShowPagination(content);
|
|
37
|
+
// A hand-picked list is already exactly what the author asked for, so `limit`
|
|
38
|
+
// acts purely as a page size there — never as a cap.
|
|
39
|
+
const limit = isManual && !paginate ? PRODUCT_GRID_UNLIMITED : resolveProductGridLimit(content);
|
|
40
|
+
|
|
41
|
+
const query: ProductGridQuery = {
|
|
42
|
+
type: content.type ?? 'latest',
|
|
43
|
+
// With no category selected this resolves to an empty filter, i.e. latest products.
|
|
44
|
+
categoryIds: content.type === 'category' ? resolveProductGridCategoryIds(content) : undefined,
|
|
45
|
+
productIds: isManual ? handPickedIds : undefined,
|
|
46
|
+
limit,
|
|
47
|
+
page: 1,
|
|
48
|
+
languageId,
|
|
49
|
+
excludeProductId,
|
|
50
|
+
excludeTranslationGroupId,
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
const { products, totalCount } = await loadProductGridPage(query);
|
|
54
|
+
|
|
55
|
+
if (products.length === 0) {
|
|
56
|
+
return null; // Silent fail if no products
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
const showPagination = paginate && totalCount > limit;
|
|
60
|
+
|
|
61
|
+
return (
|
|
62
|
+
<section className="py-12">
|
|
63
|
+
{content.title && (
|
|
64
|
+
<div className="container mb-8">
|
|
65
|
+
<h2 className="text-3xl font-bold tracking-tight">{content.title}</h2>
|
|
66
|
+
</div>
|
|
67
|
+
)}
|
|
68
|
+
<div className="container">
|
|
69
|
+
<ProductGridClient
|
|
70
|
+
initialProducts={products}
|
|
71
|
+
totalCount={totalCount}
|
|
72
|
+
query={query}
|
|
73
|
+
showPagination={showPagination}
|
|
74
|
+
/>
|
|
75
|
+
</div>
|
|
76
|
+
</section>
|
|
77
|
+
);
|
|
78
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
# NextBlock™ Block System
|
|
2
|
-
|
|
3
|
-
The built-in block registry for the app lives in this directory. The current
|
|
4
|
-
source of truth is `blockRegistry.ts`, which defines block types, schemas,
|
|
5
|
-
defaults, and editor or renderer wiring for the CMS.
|
|
6
|
-
|
|
7
|
-
## Read This First
|
|
8
|
-
|
|
9
|
-
- [CMS and Editor](../../../../docs/03-CMS-AND-EDITOR.md)
|
|
10
|
-
- [Block SDK and Extensibility](../../../../docs/07-BLOCK-SDK-AND-EXTENSIBILITY.md)
|
|
11
|
-
- [Custom Blocks (Data-Driven CRUD)](../../../../docs/10-CUSTOM-BLOCKS.md)
|
|
12
|
-
|
|
13
|
-
Use those docs instead of maintaining a second long-form block tutorial here.
|
|
1
|
+
# NextBlock™ Block System
|
|
2
|
+
|
|
3
|
+
The built-in block registry for the app lives in this directory. The current
|
|
4
|
+
source of truth is `blockRegistry.ts`, which defines block types, schemas,
|
|
5
|
+
defaults, and editor or renderer wiring for the CMS.
|
|
6
|
+
|
|
7
|
+
## Read This First
|
|
8
|
+
|
|
9
|
+
- [CMS and Editor](../../../../docs/03-CMS-AND-EDITOR.md)
|
|
10
|
+
- [Block SDK and Extensibility](../../../../docs/07-BLOCK-SDK-AND-EXTENSIBILITY.md)
|
|
11
|
+
- [Custom Blocks (Data-Driven CRUD)](../../../../docs/10-CUSTOM-BLOCKS.md)
|
|
12
|
+
|
|
13
|
+
Use those docs instead of maintaining a second long-form block tutorial here.
|
|
@@ -572,9 +572,29 @@ export function getBlockDefinition(blockType: string): BlockDefinition | undefin
|
|
|
572
572
|
return undefined;
|
|
573
573
|
}
|
|
574
574
|
|
|
575
|
+
/**
|
|
576
|
+
* Whether a block type has anything for an author to configure.
|
|
577
|
+
*
|
|
578
|
+
* `cart`, `checkout` and `product_details` are context-driven: they declare an
|
|
579
|
+
* empty schema and ship no editor file at all, so opening an editor for them
|
|
580
|
+
* would show an empty dialog (and fail on the missing module). Used to decide
|
|
581
|
+
* whether adding a block should jump straight into its editor.
|
|
582
|
+
*
|
|
583
|
+
* @param blockType - The block type or custom-block slug
|
|
584
|
+
* @returns true when the block exposes editable fields
|
|
585
|
+
*/
|
|
586
|
+
export function blockHasEditableContent(blockType: string): boolean {
|
|
587
|
+
const definition = getBlockDefinition(blockType);
|
|
588
|
+
// Custom blocks are not in the registry; they always render a field editor.
|
|
589
|
+
if (!definition) return true;
|
|
590
|
+
const shape = (definition.schema as unknown as { shape?: Record<string, unknown> })?.shape;
|
|
591
|
+
if (!shape) return true;
|
|
592
|
+
return Object.keys(shape).length > 0;
|
|
593
|
+
}
|
|
594
|
+
|
|
575
595
|
/**
|
|
576
596
|
* Get the initial content for a specific block type
|
|
577
|
-
*
|
|
597
|
+
*
|
|
578
598
|
* @param blockType - The type of block to get initial content for
|
|
579
599
|
* @returns The initial content object or undefined if block type not found
|
|
580
600
|
*/
|
|
@@ -1,210 +1,210 @@
|
|
|
1
|
-
import { getProducts } from '@nextblock-cms/ecommerce/server';
|
|
2
|
-
import { normalizePriceMap, normalizeSalePriceMap } from '@nextblock-cms/ecommerce/currency';
|
|
3
|
-
import { getVariantEffectivePriceRange } from '@nextblock-cms/ecommerce/variation-utils';
|
|
4
|
-
import type { Product } from '@nextblock-cms/ecommerce/types';
|
|
5
|
-
import { getSsgSupabaseClient } from '@nextblock-cms/db/server';
|
|
6
|
-
|
|
7
|
-
import { PRODUCT_GRID_MAX_LIMIT } from './ecommerce-block-schemas';
|
|
8
|
-
|
|
9
|
-
type SupabaseClientLike = ReturnType<typeof getSsgSupabaseClient>;
|
|
10
|
-
|
|
11
|
-
export interface ProductGridQuery {
|
|
12
|
-
type?: 'latest' | 'category' | 'manual';
|
|
13
|
-
categoryIds?: string[];
|
|
14
|
-
productIds?: string[];
|
|
15
|
-
/** Products per page, or `0` for every match on a single page. */
|
|
16
|
-
limit: number;
|
|
17
|
-
/** 1-based page number. */
|
|
18
|
-
page?: number;
|
|
19
|
-
languageId?: number;
|
|
20
|
-
excludeProductId?: string;
|
|
21
|
-
excludeTranslationGroupId?: string | null;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export interface ProductGridPage {
|
|
25
|
-
products: Product[];
|
|
26
|
-
/** Total matches across all pages, before exclusions. */
|
|
27
|
-
totalCount: number;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/** Turn a `getProducts` row into the shape `<ProductGrid />` renders. */
|
|
31
|
-
export function mapProductRowToUiProduct(p: any): Product {
|
|
32
|
-
const productRecord = p as any;
|
|
33
|
-
let imageUrl = undefined;
|
|
34
|
-
// Accessing the nested media object correctly (array of objects with media property)
|
|
35
|
-
// The type from getProducts select is: product_media: { media: { file_path: string | null } | null }[]
|
|
36
|
-
const mediaItem = p.product_media?.[0]?.media;
|
|
37
|
-
if (mediaItem?.file_path) {
|
|
38
|
-
if (mediaItem.file_path.startsWith('http')) {
|
|
39
|
-
imageUrl = mediaItem.file_path;
|
|
40
|
-
} else if (process.env.NEXT_PUBLIC_R2_BASE_URL) {
|
|
41
|
-
imageUrl = `${process.env.NEXT_PUBLIC_R2_BASE_URL}/${mediaItem.file_path}`;
|
|
42
|
-
} else {
|
|
43
|
-
imageUrl = `${process.env.NEXT_PUBLIC_SUPABASE_URL ?? ''}/storage/v1/object/public/media/${mediaItem.file_path}`;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
const variantPriceRange = getVariantEffectivePriceRange(
|
|
48
|
-
(p.product_variants || []).map((variant: any) => ({
|
|
49
|
-
price: variant.price,
|
|
50
|
-
sale_price: variant.sale_price,
|
|
51
|
-
sale_start_at: variant.sale_start_at ?? null,
|
|
52
|
-
sale_end_at: variant.sale_end_at ?? null,
|
|
53
|
-
}))
|
|
54
|
-
);
|
|
55
|
-
|
|
56
|
-
return {
|
|
57
|
-
id: p.id,
|
|
58
|
-
title: p.title,
|
|
59
|
-
slug: p.slug,
|
|
60
|
-
sku: p.sku,
|
|
61
|
-
average_rating: p.average_rating,
|
|
62
|
-
total_reviews: p.total_reviews,
|
|
63
|
-
upc: p.upc || undefined,
|
|
64
|
-
price: p.price,
|
|
65
|
-
prices: normalizePriceMap(p.prices),
|
|
66
|
-
sale_price: typeof p.sale_price === 'number' ? p.sale_price : undefined,
|
|
67
|
-
sale_prices: normalizeSalePriceMap(p.sale_prices),
|
|
68
|
-
sale_start_at: p.sale_start_at ?? null,
|
|
69
|
-
sale_end_at: p.sale_end_at ?? null,
|
|
70
|
-
scheduled_price: typeof p.scheduled_price === 'number' ? p.scheduled_price : undefined,
|
|
71
|
-
scheduled_prices: normalizePriceMap(p.scheduled_prices),
|
|
72
|
-
scheduled_price_at: p.scheduled_price_at ?? null,
|
|
73
|
-
is_taxable: p.is_taxable ?? true,
|
|
74
|
-
product_type: productRecord.product_type ?? undefined,
|
|
75
|
-
payment_provider: productRecord.payment_provider ?? undefined,
|
|
76
|
-
price_range_min: variantPriceRange?.min ?? null,
|
|
77
|
-
price_range_max: variantPriceRange?.max ?? null,
|
|
78
|
-
image_url: imageUrl,
|
|
79
|
-
short_description: p.short_description || undefined,
|
|
80
|
-
categories: (p.product_categories || []).map((pc: any) => pc.category).filter(Boolean),
|
|
81
|
-
language_id: p.language_id as number,
|
|
82
|
-
translation_group_id: p.translation_group_id || "",
|
|
83
|
-
freemius_product_id: productRecord.freemius_product_id || undefined,
|
|
84
|
-
freemius_plan_id: productRecord.freemius_plan_id || undefined,
|
|
85
|
-
trial_period_days: productRecord.trial_period_days ?? 0,
|
|
86
|
-
trial_requires_payment_method:
|
|
87
|
-
productRecord.trial_requires_payment_method ?? false,
|
|
88
|
-
freemius_plans: productRecord.freemius_plans,
|
|
89
|
-
has_variants: (p.product_variants?.length || 0) > 0,
|
|
90
|
-
product_variants: (p.product_variants || []).map((variant: any) => ({
|
|
91
|
-
id: variant.id,
|
|
92
|
-
price: variant.price,
|
|
93
|
-
prices: normalizePriceMap(variant.prices),
|
|
94
|
-
sale_price: variant.sale_price,
|
|
95
|
-
sale_prices: normalizeSalePriceMap(variant.sale_prices),
|
|
96
|
-
sale_start_at: variant.sale_start_at ?? null,
|
|
97
|
-
sale_end_at: variant.sale_end_at ?? null,
|
|
98
|
-
scheduled_price: variant.scheduled_price ?? null,
|
|
99
|
-
scheduled_prices: normalizePriceMap(variant.scheduled_prices),
|
|
100
|
-
scheduled_price_at: variant.scheduled_price_at ?? null,
|
|
101
|
-
})),
|
|
102
|
-
} as Product;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Load hand-picked products in the author's chosen order. Selections are made
|
|
107
|
-
* against a single language, so when the page renders in another language each
|
|
108
|
-
* pick is swapped for its translation (falling back to the picked row when the
|
|
109
|
-
* product has not been translated yet).
|
|
110
|
-
*/
|
|
111
|
-
async function fetchHandPickedProducts(
|
|
112
|
-
supabase: SupabaseClientLike,
|
|
113
|
-
productIds: string[],
|
|
114
|
-
languageId?: number
|
|
115
|
-
): Promise<any[]> {
|
|
116
|
-
const { data: pickedRows } = await getProducts(supabase, {
|
|
117
|
-
productIds,
|
|
118
|
-
limit: productIds.length,
|
|
119
|
-
});
|
|
120
|
-
|
|
121
|
-
const picked = (pickedRows || []) as any[];
|
|
122
|
-
if (picked.length === 0) return [];
|
|
123
|
-
|
|
124
|
-
const rowById = new Map(picked.map((row) => [row.id, row]));
|
|
125
|
-
let ordered = productIds
|
|
126
|
-
.map((id) => rowById.get(id))
|
|
127
|
-
.filter(Boolean) as any[];
|
|
128
|
-
|
|
129
|
-
if (languageId && ordered.some((row) => row.language_id !== languageId)) {
|
|
130
|
-
const groupIds = Array.from(
|
|
131
|
-
new Set(ordered.map((row) => row.translation_group_id).filter(Boolean))
|
|
132
|
-
) as string[];
|
|
133
|
-
|
|
134
|
-
if (groupIds.length > 0) {
|
|
135
|
-
const { data: translatedRows } = await getProducts(supabase, {
|
|
136
|
-
translationGroupIds: groupIds,
|
|
137
|
-
languageId,
|
|
138
|
-
limit: groupIds.length,
|
|
139
|
-
});
|
|
140
|
-
const rowByGroup = new Map(
|
|
141
|
-
((translatedRows || []) as any[]).map((row) => [row.translation_group_id, row])
|
|
142
|
-
);
|
|
143
|
-
ordered = ordered.map((row) => rowByGroup.get(row.translation_group_id) ?? row);
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
// Picking two translations of the same product resolves to one product here.
|
|
148
|
-
const seen = new Set<string>();
|
|
149
|
-
return ordered.filter((row) => {
|
|
150
|
-
const key = row.translation_group_id || row.id;
|
|
151
|
-
if (seen.has(key)) return false;
|
|
152
|
-
seen.add(key);
|
|
153
|
-
return true;
|
|
154
|
-
});
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
/** Drop the product the grid is embedded under (related-products placements). */
|
|
158
|
-
function applyExclusions(rows: any[], query: ProductGridQuery): any[] {
|
|
159
|
-
const { excludeProductId, excludeTranslationGroupId } = query;
|
|
160
|
-
if (!excludeProductId && !excludeTranslationGroupId) return rows;
|
|
161
|
-
return rows.filter((row) => {
|
|
162
|
-
if (excludeProductId && row.id === excludeProductId) return false;
|
|
163
|
-
if (excludeTranslationGroupId && row.translation_group_id === excludeTranslationGroupId) {
|
|
164
|
-
return false;
|
|
165
|
-
}
|
|
166
|
-
return true;
|
|
167
|
-
});
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
/**
|
|
171
|
-
* One page of a product grid. Shared by the block's server render (page 1) and
|
|
172
|
-
* the pagination server action (page N) so both agree on ordering and shape.
|
|
173
|
-
*/
|
|
174
|
-
export async function loadProductGridPage(query: ProductGridQuery): Promise<ProductGridPage> {
|
|
175
|
-
const supabase = getSsgSupabaseClient();
|
|
176
|
-
const page = Math.max(1, Math.floor(query.page ?? 1));
|
|
177
|
-
const limit = Math.min(Math.max(0, Math.floor(query.limit ?? 6)), PRODUCT_GRID_MAX_LIMIT);
|
|
178
|
-
const hasExclusions = Boolean(query.excludeProductId || query.excludeTranslationGroupId);
|
|
179
|
-
|
|
180
|
-
if (query.type === 'manual') {
|
|
181
|
-
const productIds = query.productIds ?? [];
|
|
182
|
-
if (productIds.length === 0) return { products: [], totalCount: 0 };
|
|
183
|
-
|
|
184
|
-
// The whole hand-picked list is at most PRODUCT_GRID_MAX_PRODUCTS rows, so
|
|
185
|
-
// it is cheaper to resolve it once and page in memory than to re-query.
|
|
186
|
-
const rows = applyExclusions(
|
|
187
|
-
await fetchHandPickedProducts(supabase, productIds, query.languageId),
|
|
188
|
-
query
|
|
189
|
-
);
|
|
190
|
-
const paged = limit > 0 ? rows.slice((page - 1) * limit, page * limit) : rows;
|
|
191
|
-
return { products: paged.map(mapProductRowToUiProduct), totalCount: rows.length };
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
// Over-fetch just enough to refill a page after the excluded product is dropped.
|
|
195
|
-
const overFetch = hasExclusions ? 2 : 0;
|
|
196
|
-
const { data, count } = await getProducts(supabase, {
|
|
197
|
-
languageId: query.languageId,
|
|
198
|
-
categoryIds: query.type === 'category' ? query.categoryIds : undefined,
|
|
199
|
-
offset: limit > 0 ? (page - 1) * limit : undefined,
|
|
200
|
-
limit: limit > 0 ? limit + overFetch : 0,
|
|
201
|
-
});
|
|
202
|
-
|
|
203
|
-
const rows = applyExclusions((data || []) as any[], query);
|
|
204
|
-
const visible = limit > 0 ? rows.slice(0, limit) : rows;
|
|
205
|
-
|
|
206
|
-
return {
|
|
207
|
-
products: visible.map(mapProductRowToUiProduct),
|
|
208
|
-
totalCount: count ?? rows.length,
|
|
209
|
-
};
|
|
210
|
-
}
|
|
1
|
+
import { getProducts } from '@nextblock-cms/ecommerce/server';
|
|
2
|
+
import { normalizePriceMap, normalizeSalePriceMap } from '@nextblock-cms/ecommerce/currency';
|
|
3
|
+
import { getVariantEffectivePriceRange } from '@nextblock-cms/ecommerce/variation-utils';
|
|
4
|
+
import type { Product } from '@nextblock-cms/ecommerce/types';
|
|
5
|
+
import { getSsgSupabaseClient } from '@nextblock-cms/db/server';
|
|
6
|
+
|
|
7
|
+
import { PRODUCT_GRID_MAX_LIMIT } from './ecommerce-block-schemas';
|
|
8
|
+
|
|
9
|
+
type SupabaseClientLike = ReturnType<typeof getSsgSupabaseClient>;
|
|
10
|
+
|
|
11
|
+
export interface ProductGridQuery {
|
|
12
|
+
type?: 'latest' | 'category' | 'manual';
|
|
13
|
+
categoryIds?: string[];
|
|
14
|
+
productIds?: string[];
|
|
15
|
+
/** Products per page, or `0` for every match on a single page. */
|
|
16
|
+
limit: number;
|
|
17
|
+
/** 1-based page number. */
|
|
18
|
+
page?: number;
|
|
19
|
+
languageId?: number;
|
|
20
|
+
excludeProductId?: string;
|
|
21
|
+
excludeTranslationGroupId?: string | null;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export interface ProductGridPage {
|
|
25
|
+
products: Product[];
|
|
26
|
+
/** Total matches across all pages, before exclusions. */
|
|
27
|
+
totalCount: number;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/** Turn a `getProducts` row into the shape `<ProductGrid />` renders. */
|
|
31
|
+
export function mapProductRowToUiProduct(p: any): Product {
|
|
32
|
+
const productRecord = p as any;
|
|
33
|
+
let imageUrl = undefined;
|
|
34
|
+
// Accessing the nested media object correctly (array of objects with media property)
|
|
35
|
+
// The type from getProducts select is: product_media: { media: { file_path: string | null } | null }[]
|
|
36
|
+
const mediaItem = p.product_media?.[0]?.media;
|
|
37
|
+
if (mediaItem?.file_path) {
|
|
38
|
+
if (mediaItem.file_path.startsWith('http')) {
|
|
39
|
+
imageUrl = mediaItem.file_path;
|
|
40
|
+
} else if (process.env.NEXT_PUBLIC_R2_BASE_URL) {
|
|
41
|
+
imageUrl = `${process.env.NEXT_PUBLIC_R2_BASE_URL}/${mediaItem.file_path}`;
|
|
42
|
+
} else {
|
|
43
|
+
imageUrl = `${process.env.NEXT_PUBLIC_SUPABASE_URL ?? ''}/storage/v1/object/public/media/${mediaItem.file_path}`;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
const variantPriceRange = getVariantEffectivePriceRange(
|
|
48
|
+
(p.product_variants || []).map((variant: any) => ({
|
|
49
|
+
price: variant.price,
|
|
50
|
+
sale_price: variant.sale_price,
|
|
51
|
+
sale_start_at: variant.sale_start_at ?? null,
|
|
52
|
+
sale_end_at: variant.sale_end_at ?? null,
|
|
53
|
+
}))
|
|
54
|
+
);
|
|
55
|
+
|
|
56
|
+
return {
|
|
57
|
+
id: p.id,
|
|
58
|
+
title: p.title,
|
|
59
|
+
slug: p.slug,
|
|
60
|
+
sku: p.sku,
|
|
61
|
+
average_rating: p.average_rating,
|
|
62
|
+
total_reviews: p.total_reviews,
|
|
63
|
+
upc: p.upc || undefined,
|
|
64
|
+
price: p.price,
|
|
65
|
+
prices: normalizePriceMap(p.prices),
|
|
66
|
+
sale_price: typeof p.sale_price === 'number' ? p.sale_price : undefined,
|
|
67
|
+
sale_prices: normalizeSalePriceMap(p.sale_prices),
|
|
68
|
+
sale_start_at: p.sale_start_at ?? null,
|
|
69
|
+
sale_end_at: p.sale_end_at ?? null,
|
|
70
|
+
scheduled_price: typeof p.scheduled_price === 'number' ? p.scheduled_price : undefined,
|
|
71
|
+
scheduled_prices: normalizePriceMap(p.scheduled_prices),
|
|
72
|
+
scheduled_price_at: p.scheduled_price_at ?? null,
|
|
73
|
+
is_taxable: p.is_taxable ?? true,
|
|
74
|
+
product_type: productRecord.product_type ?? undefined,
|
|
75
|
+
payment_provider: productRecord.payment_provider ?? undefined,
|
|
76
|
+
price_range_min: variantPriceRange?.min ?? null,
|
|
77
|
+
price_range_max: variantPriceRange?.max ?? null,
|
|
78
|
+
image_url: imageUrl,
|
|
79
|
+
short_description: p.short_description || undefined,
|
|
80
|
+
categories: (p.product_categories || []).map((pc: any) => pc.category).filter(Boolean),
|
|
81
|
+
language_id: p.language_id as number,
|
|
82
|
+
translation_group_id: p.translation_group_id || "",
|
|
83
|
+
freemius_product_id: productRecord.freemius_product_id || undefined,
|
|
84
|
+
freemius_plan_id: productRecord.freemius_plan_id || undefined,
|
|
85
|
+
trial_period_days: productRecord.trial_period_days ?? 0,
|
|
86
|
+
trial_requires_payment_method:
|
|
87
|
+
productRecord.trial_requires_payment_method ?? false,
|
|
88
|
+
freemius_plans: productRecord.freemius_plans,
|
|
89
|
+
has_variants: (p.product_variants?.length || 0) > 0,
|
|
90
|
+
product_variants: (p.product_variants || []).map((variant: any) => ({
|
|
91
|
+
id: variant.id,
|
|
92
|
+
price: variant.price,
|
|
93
|
+
prices: normalizePriceMap(variant.prices),
|
|
94
|
+
sale_price: variant.sale_price,
|
|
95
|
+
sale_prices: normalizeSalePriceMap(variant.sale_prices),
|
|
96
|
+
sale_start_at: variant.sale_start_at ?? null,
|
|
97
|
+
sale_end_at: variant.sale_end_at ?? null,
|
|
98
|
+
scheduled_price: variant.scheduled_price ?? null,
|
|
99
|
+
scheduled_prices: normalizePriceMap(variant.scheduled_prices),
|
|
100
|
+
scheduled_price_at: variant.scheduled_price_at ?? null,
|
|
101
|
+
})),
|
|
102
|
+
} as Product;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* Load hand-picked products in the author's chosen order. Selections are made
|
|
107
|
+
* against a single language, so when the page renders in another language each
|
|
108
|
+
* pick is swapped for its translation (falling back to the picked row when the
|
|
109
|
+
* product has not been translated yet).
|
|
110
|
+
*/
|
|
111
|
+
async function fetchHandPickedProducts(
|
|
112
|
+
supabase: SupabaseClientLike,
|
|
113
|
+
productIds: string[],
|
|
114
|
+
languageId?: number
|
|
115
|
+
): Promise<any[]> {
|
|
116
|
+
const { data: pickedRows } = await getProducts(supabase, {
|
|
117
|
+
productIds,
|
|
118
|
+
limit: productIds.length,
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
const picked = (pickedRows || []) as any[];
|
|
122
|
+
if (picked.length === 0) return [];
|
|
123
|
+
|
|
124
|
+
const rowById = new Map(picked.map((row) => [row.id, row]));
|
|
125
|
+
let ordered = productIds
|
|
126
|
+
.map((id) => rowById.get(id))
|
|
127
|
+
.filter(Boolean) as any[];
|
|
128
|
+
|
|
129
|
+
if (languageId && ordered.some((row) => row.language_id !== languageId)) {
|
|
130
|
+
const groupIds = Array.from(
|
|
131
|
+
new Set(ordered.map((row) => row.translation_group_id).filter(Boolean))
|
|
132
|
+
) as string[];
|
|
133
|
+
|
|
134
|
+
if (groupIds.length > 0) {
|
|
135
|
+
const { data: translatedRows } = await getProducts(supabase, {
|
|
136
|
+
translationGroupIds: groupIds,
|
|
137
|
+
languageId,
|
|
138
|
+
limit: groupIds.length,
|
|
139
|
+
});
|
|
140
|
+
const rowByGroup = new Map(
|
|
141
|
+
((translatedRows || []) as any[]).map((row) => [row.translation_group_id, row])
|
|
142
|
+
);
|
|
143
|
+
ordered = ordered.map((row) => rowByGroup.get(row.translation_group_id) ?? row);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
// Picking two translations of the same product resolves to one product here.
|
|
148
|
+
const seen = new Set<string>();
|
|
149
|
+
return ordered.filter((row) => {
|
|
150
|
+
const key = row.translation_group_id || row.id;
|
|
151
|
+
if (seen.has(key)) return false;
|
|
152
|
+
seen.add(key);
|
|
153
|
+
return true;
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/** Drop the product the grid is embedded under (related-products placements). */
|
|
158
|
+
function applyExclusions(rows: any[], query: ProductGridQuery): any[] {
|
|
159
|
+
const { excludeProductId, excludeTranslationGroupId } = query;
|
|
160
|
+
if (!excludeProductId && !excludeTranslationGroupId) return rows;
|
|
161
|
+
return rows.filter((row) => {
|
|
162
|
+
if (excludeProductId && row.id === excludeProductId) return false;
|
|
163
|
+
if (excludeTranslationGroupId && row.translation_group_id === excludeTranslationGroupId) {
|
|
164
|
+
return false;
|
|
165
|
+
}
|
|
166
|
+
return true;
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
/**
|
|
171
|
+
* One page of a product grid. Shared by the block's server render (page 1) and
|
|
172
|
+
* the pagination server action (page N) so both agree on ordering and shape.
|
|
173
|
+
*/
|
|
174
|
+
export async function loadProductGridPage(query: ProductGridQuery): Promise<ProductGridPage> {
|
|
175
|
+
const supabase = getSsgSupabaseClient();
|
|
176
|
+
const page = Math.max(1, Math.floor(query.page ?? 1));
|
|
177
|
+
const limit = Math.min(Math.max(0, Math.floor(query.limit ?? 6)), PRODUCT_GRID_MAX_LIMIT);
|
|
178
|
+
const hasExclusions = Boolean(query.excludeProductId || query.excludeTranslationGroupId);
|
|
179
|
+
|
|
180
|
+
if (query.type === 'manual') {
|
|
181
|
+
const productIds = query.productIds ?? [];
|
|
182
|
+
if (productIds.length === 0) return { products: [], totalCount: 0 };
|
|
183
|
+
|
|
184
|
+
// The whole hand-picked list is at most PRODUCT_GRID_MAX_PRODUCTS rows, so
|
|
185
|
+
// it is cheaper to resolve it once and page in memory than to re-query.
|
|
186
|
+
const rows = applyExclusions(
|
|
187
|
+
await fetchHandPickedProducts(supabase, productIds, query.languageId),
|
|
188
|
+
query
|
|
189
|
+
);
|
|
190
|
+
const paged = limit > 0 ? rows.slice((page - 1) * limit, page * limit) : rows;
|
|
191
|
+
return { products: paged.map(mapProductRowToUiProduct), totalCount: rows.length };
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
// Over-fetch just enough to refill a page after the excluded product is dropped.
|
|
195
|
+
const overFetch = hasExclusions ? 2 : 0;
|
|
196
|
+
const { data, count } = await getProducts(supabase, {
|
|
197
|
+
languageId: query.languageId,
|
|
198
|
+
categoryIds: query.type === 'category' ? query.categoryIds : undefined,
|
|
199
|
+
offset: limit > 0 ? (page - 1) * limit : undefined,
|
|
200
|
+
limit: limit > 0 ? limit + overFetch : 0,
|
|
201
|
+
});
|
|
202
|
+
|
|
203
|
+
const rows = applyExclusions((data || []) as any[], query);
|
|
204
|
+
const visible = limit > 0 ? rows.slice(0, limit) : rows;
|
|
205
|
+
|
|
206
|
+
return {
|
|
207
|
+
products: visible.map(mapProductRowToUiProduct),
|
|
208
|
+
totalCount: count ?? rows.length,
|
|
209
|
+
};
|
|
210
|
+
}
|