@thorprovider/storefront 0.3.1 → 0.4.0-mvp.2

package/assets/templates/app/lib/__STOREFRONT__/catalog.ts

@@ -1,87 +1,80 @@
 // Generated by Thor Commerce storefront (template: assets/templates/app/lib/__STOREFRONT__/catalog.ts)
 // Base catalog for the app shell plus every registered view's catalog fragment.
 // View element types live with their view module; the shell owns only chrome.
+// Editorial section element types register through the section fragments here.
 
 import { defineCatalog } from '@json-render/core'
 import { schema } from '@json-render/react/schema'
 import { z } from 'zod'
+import {
+  backToTopPropsSchema,
+  bannerPropsSchema,
+  footerPropsSchema,
+  mobileBottomNavPropsSchema,
+  navbarPropsSchema,
+  productCardPropsSchema,
+  skipToContentPropsSchema,
+  storefrontNavbarPropsSchema,
+} from './schema'
 import { views } from './views'
-
-const ctaSchema = z.object({
-  label: z.string(),
-  href: z.string().optional(),
-})
-
-const navLinkSchema = z.object({
-  label: z.string(),
-  href: z.string().optional(),
-})
-
-const footerLinkSchema = z.object({
-  label: z.string(),
-  href: z.string().optional(),
-})
-
-const footerLinkColumnSchema = z.object({
-  title: z.string(),
-  links: z.array(footerLinkSchema),
-})
-
-// Declared locally so the catalog builder's zod version is the only one in play.
-// Cross-major schema assignment (@thorprovider/blocks ships zod v3) breaks the
-// defineCatalog contract, so the block contract is mirrored here instead.
-const productSchema = z.object({
-  id: z.union([z.string(), z.number()]),
-  title: z.string(),
-  price: z.number(),
-  originalPrice: z.number().optional(),
-  image: z.string().optional(),
-  badge: z.string().optional(),
-})
+import { sectionCatalog } from './views/sections'
 
 const baseComponents = {
   Layout: {
     props: z.object({}),
-    slots: ['default', 'header', 'footer'],
-    description: 'Page layout shell. Pages render inside its default slot.',
+    slots: ['notices', 'default', 'header', 'footer'],
+    description:
+      'Page layout shell. The notices slot is the reserved top region for system messages; pages render inside its default slot.',
+  },
+  Page: {
+    props: z.object({}),
+    slots: ['default'],
+    description:
+      'Neutral page root. Wraps a route page without shell chrome so the shell Layout is not nested.',
+  },
+  SystemNotice: {
+    props: z.object({}),
+    description:
+      'Reserved top-of-page region for system/status notices (renders nothing when there is no notice).',
   },
   Navbar: {
-    props: z.object({
-      navLinks: z.array(navLinkSchema),
-      logoText: z.string(),
-      logoHref: z.string().optional(),
-      currentPath: z.string().optional(),
-      signIn: ctaSchema.optional(),
-      cta: ctaSchema.optional(),
-      cartCount: z.number().optional(),
-    }),
+    props: navbarPropsSchema,
     description: 'Top navigation bar.',
   },
+  StorefrontNavbar: {
+    props: storefrontNavbarPropsSchema,
+    description: 'Store navigation bar with category menu and cart.',
+  },
+  Banner: {
+    props: bannerPropsSchema,
+    description: 'Announcement banner above the header.',
+  },
   ProductCard: {
-    props: z.object({
-      products: z.array(productSchema),
-      heading: z.string().optional(),
-      maxItems: z.number().optional(),
-    }),
+    props: productCardPropsSchema,
     description: 'Grid of product cards.',
   },
   Footer: {
-    props: z.object({
-      brandName: z.string(),
-      brandDescription: z.string().optional(),
-      linkColumns: z.array(footerLinkColumnSchema),
-      newsletter: z
-        .object({ placeholder: z.string().optional(), buttonLabel: z.string().optional() })
-        .optional(),
-    }),
+    props: footerPropsSchema,
     description: 'Site footer.',
   },
+  SkipToContent: {
+    props: skipToContentPropsSchema,
+    description: 'Keyboard bypass link to the main content landmark.',
+  },
+  BackToTop: {
+    props: backToTopPropsSchema,
+    description: 'Scroll-to-top control revealed past a threshold.',
+  },
+  MobileBottomNav: {
+    props: mobileBottomNavPropsSchema,
+    description: 'Mobile-only bottom navigation for primary destinations.',
+  },
 }
 
 const viewComponents = Object.assign({}, ...views.map((view) => view.catalog))
 
 export const catalog = defineCatalog(schema, {
-  components: { ...baseComponents, ...viewComponents },
+  components: { ...baseComponents, ...sectionCatalog, ...viewComponents },
   actions: {},
 })