@pradip1995/framework-runtime 0.2.5 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/framework-runtime",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -14,9 +14,9 @@
     "./render-page": "./src/render-page.tsx"
   },
   "dependencies": {
-    "@pradip1995/framework-core": "0.2.1",
-    "@pradip1995/plugin-sdk": "0.2.1",
-    "@pradip1995/medusa-connector": "0.2.2"
+    "@pradip1995/framework-core": "^0.2.1",
+    "@pradip1995/plugin-sdk": "^0.2.2",
+    "@pradip1995/medusa-connector": "^0.2.3"
   },
   "peerDependencies": {
     "next": ">=15",

package/src/index.ts

@@ -8,4 +8,5 @@ export {
 export { mergeBuilderSegmentData } from "./builder-data"
 export type { RenderPageInput } from "./render-page"
 export type { ConfiguredPage, RenderConfiguredPageInput, SegmentEntry } from "./render-configured-page"
+export type { SiteConfig } from "./segment-props"
 export type { BuilderSegmentDataFile } from "./builder-data"

package/src/render-configured-page.tsx

@@ -3,8 +3,10 @@ import { resolveServices } from "./register-services"
 import {
   applyChromeSegmentData,
   applyBuilderDataToWorkflow,
+  applySiteConfig,
   resolveSegmentProps,
   type ChromeSegmentRef,
+  type SiteConfig,
 } from "./segment-props"
 import type { BuilderSegmentDataFile } from "./builder-data"
 import type { ComponentType, ReactNode } from "react"
@@ -34,6 +36,8 @@ export type RenderConfiguredPageInput = {
   searchParams: Record<string, string | string[] | undefined>
   /** Global layout chrome from pages.config.json chrome[] */
   chrome?: ChromeSegmentRef[] | null
+  /** Store branding defaults from pages.config.json site */
+  site?: SiteConfig | null
   /** @deprecated legacy global overlay */
   pageSegmentData?: BuilderSegmentDataFile | null
   /** @deprecated use chrome + inline segment data */
@@ -63,6 +67,7 @@ export async function renderConfiguredPage(input: RenderConfiguredPageInput): Pr
       ? applyBuilderDataToWorkflow(workflowData, legacyOverlay)
       : workflowData
     data = applyChromeSegmentData(data, input.chrome)
+    data = applySiteConfig(data, input.site)
 
     const Layout = input.page.layout
 

package/src/segment-props.ts

@@ -17,7 +17,8 @@ export const SEGMENT_DATA_KEYS: Record<string, string> = {
   "@pradip1995/segment-nav": "nav",
   "@pradip1995/segment-footer": "footer",
   "@pradip1995/segment-promo-bar": "promoBar",
-  "@pradip1995/segment-product-grid": "store",
+    "@pradip1995/segment-product-grid": "store",
+    "@pradip1995/segment-beauty-shop-grid": "store",
   "@pradip1995/segment-refinement-list": "store",
   "@pradip1995/segment-mobile-filters": "store",
   "@pradip1995/segment-product-gallery": "product",
@@ -36,6 +37,14 @@ export const SEGMENT_DATA_KEYS: Record<string, string> = {
   "@pradip1995/segment-order-details": "orderPage",
   "@pradip1995/segment-wishlist": "wishlistPage",
   "@pradip1995/segment-help": "helpPage",
+  "@pradip1995/segment-shop-by-nav": "shopByNav",
+  "@pradip1995/segment-shop-banner": "shopBanner",
+  "@pradip1995/segment-newsletter": "newsletter",
+  "@pradip1995/segment-store-faqs": "storeFaqs",
+  "@pradip1995/segment-beauty-category-tiles": "beautyCategories",
+  "@pradip1995/segment-beauty-promise": "beautyPromise",
+  "@pradip1995/segment-beauty-reviews": "beautyReviews",
+  "@pradip1995/segment-beauty-values": "beautyValues",
 }
 
 export function getSegmentDataKey(segmentPkg: string): string | undefined {
@@ -47,7 +56,7 @@ export function getSegmentProps(
   data: Record<string, unknown>
 ): Record<string, unknown> {
   const key = SEGMENT_DATA_KEYS[segmentPkg]
-  if (!key) return data
+  if (!key) return {}
   const value = data[key]
   if (value && typeof value === "object" && !Array.isArray(value)) {
     return value as Record<string, unknown>
@@ -99,12 +108,85 @@ export function resolveSegmentProps(
     base.cart = layoutCart
   }
 
-  if (!inlineData || Object.keys(inlineData).length === 0) return base
-  return mergeSegmentRecords(base, inlineData)
+  if (!inlineData || Object.keys(inlineData).length === 0) {
+    return applyStorefrontDefaults(base, workflowData)
+  }
+  return applyStorefrontDefaults(mergeSegmentRecords(base, inlineData), workflowData)
+}
+
+function applyStorefrontDefaults(
+  props: Record<string, unknown>,
+  workflowData: Record<string, unknown>
+): Record<string, unknown> {
+  const next = { ...props }
+  const variant = workflowData.productCardVariant
+  if (
+    (variant === "beauty" || variant === "default") &&
+    next.variant === undefined
+  ) {
+    next.variant = variant
+  }
+
+  if (next.shopName === undefined) {
+    const nav = workflowData.nav
+    const footer = workflowData.footer
+    const checkout = workflowData.checkout
+    const siteName =
+      (nav && typeof nav === "object" && (nav as Record<string, unknown>).shopName) ||
+      (footer && typeof footer === "object" && (footer as Record<string, unknown>).shopName) ||
+      (checkout && typeof checkout === "object" && (checkout as Record<string, unknown>).shopName)
+    if (typeof siteName === "string" && siteName.trim()) {
+      next.shopName = siteName
+    }
+  }
+
+  return next
+}
+
+/** Apply pages.config site defaults when chrome/workflow did not set layout fields. */
+export function applySiteConfig(
+  workflowData: Record<string, unknown>,
+  site: SiteConfig | null | undefined
+): Record<string, unknown> {
+  if (!site) return workflowData
+  const merged = { ...workflowData }
+
+  if (site.productCardVariant) {
+    merged.productCardVariant = site.productCardVariant
+  }
+
+  if (site.name) {
+    if (merged.nav && typeof merged.nav === "object" && !Array.isArray(merged.nav)) {
+      const nav = merged.nav as Record<string, unknown>
+      if (!nav.shopName) merged.nav = { ...nav, shopName: site.name }
+    }
+    if (merged.footer && typeof merged.footer === "object" && !Array.isArray(merged.footer)) {
+      const footer = merged.footer as Record<string, unknown>
+      if (!footer.shopName) merged.footer = { ...footer, shopName: site.name }
+    }
+    if (site.name && merged.checkout && typeof merged.checkout === "object" && !Array.isArray(merged.checkout)) {
+      const checkout = merged.checkout as Record<string, unknown>
+      if (!checkout.shopName) merged.checkout = { ...checkout, shopName: site.name }
+    }
+  }
+
+  if (site.description && merged.footer && typeof merged.footer === "object" && !Array.isArray(merged.footer)) {
+    const footer = merged.footer as Record<string, unknown>
+    if (!footer.description) merged.footer = { ...footer, description: site.description }
+  }
+
+  return merged
 }
 
 export type ChromeSegmentRef = string | { package: string; data?: Record<string, unknown> }
 
+export type SiteConfig = {
+  name?: string
+  description?: string
+  locale?: string
+  productCardVariant?: "default" | "beauty"
+}
+
 function chromePackageName(ref: ChromeSegmentRef): string {
   return typeof ref === "string" ? ref : ref.package
 }