@pradip1995/framework-runtime 0.2.4 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/framework-runtime",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "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.1"
+    "@pradip1995/framework-core": "0.2.1",
+    "@pradip1995/medusa-connector": "0.2.2"
   },
   "peerDependencies": {
     "next": ">=15",

package/src/render-configured-page.tsx

@@ -1,12 +1,19 @@
 import { buildRouteContext } from "@pradip1995/framework-core"
 import { resolveServices } from "./register-services"
-import { applyBuilderDataToWorkflow, getSegmentProps } from "./segment-props"
+import {
+  applyChromeSegmentData,
+  applyBuilderDataToWorkflow,
+  resolveSegmentProps,
+  type ChromeSegmentRef,
+} from "./segment-props"
 import type { BuilderSegmentDataFile } from "./builder-data"
 import type { ComponentType, ReactNode } from "react"
 
 export type SegmentEntry = {
   pkg: string
   Component: ComponentType<Record<string, unknown>>
+  /** CMS values from pages.config.json, shaped by segment builder.settings.json */
+  data?: Record<string, unknown>
 }
 
 export type ConfiguredPage = {
@@ -25,7 +32,11 @@ export type RenderConfiguredPageInput = {
   countryCode: string
   slug: string[]
   searchParams: Record<string, string | string[] | undefined>
-  /** CMS overrides from storefront/builder/segment-data.json */
+  /** Global layout chrome from pages.config.json chrome[] */
+  chrome?: ChromeSegmentRef[] | null
+  /** @deprecated legacy global overlay */
+  pageSegmentData?: BuilderSegmentDataFile | null
+  /** @deprecated use chrome + inline segment data */
   builderSegmentData?: BuilderSegmentDataFile | null
 }
 
@@ -46,7 +57,13 @@ export async function renderConfiguredPage(input: RenderConfiguredPageInput): Pr
     const route = buildRouteContext(input.countryCode, input.slug, input.searchParams)
     const services = await resolveServices()
     const workflowData = await input.page.workflow.execute({ route, services })
-    const data = applyBuilderDataToWorkflow(workflowData, input.builderSegmentData)
+
+    const legacyOverlay = input.pageSegmentData ?? input.builderSegmentData
+    let data = legacyOverlay
+      ? applyBuilderDataToWorkflow(workflowData, legacyOverlay)
+      : workflowData
+    data = applyChromeSegmentData(data, input.chrome)
+
     const Layout = input.page.layout
 
     if (data.notFound) {
@@ -62,8 +79,8 @@ export async function renderConfiguredPage(input: RenderConfiguredPageInput): Pr
       )
     }
 
-    const segmentElements = input.page.segments.map(({ pkg, Component: Segment }) => {
-      const props = getSegmentProps(pkg, data)
+    const segmentElements = input.page.segments.map(({ pkg, Component: Segment, data: inline }) => {
+      const props = resolveSegmentProps(pkg, data, inline)
       return <Segment key={pkg} {...props} />
     })
 

package/src/render-page.tsx

@@ -13,7 +13,9 @@ export type RenderPageInput = {
   searchParams: Record<string, string | string[] | undefined>
   routeManifest: PageConfigEntry[]
   importMap: ImportMap
-  /** CMS overrides from storefront/builder/segment-data.json */
+  /** CMS values from pages.config.json segmentData */
+  pageSegmentData?: BuilderSegmentDataFile | null
+  /** @deprecated use pageSegmentData */
   builderSegmentData?: BuilderSegmentDataFile | null
 }
 
@@ -46,7 +48,8 @@ export async function renderPage(input: RenderPageInput): Promise<ReactNode> {
     }
 
     const workflowData = await workflowMod.default.execute({ route, services })
-    const data = applyBuilderDataToWorkflow(workflowData, input.builderSegmentData)
+    const pageSegmentData = input.pageSegmentData ?? input.builderSegmentData
+    const data = applyBuilderDataToWorkflow(workflowData, pageSegmentData)
 
     const layoutMod = (await resolvePlugin(input.importMap, page!.layout)) as {
       default: ComponentType<{ data: Record<string, unknown>; children: ReactNode }>

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>
@@ -55,6 +64,89 @@ export function getSegmentProps(
   return { [key]: value }
 }
 
+function mergeSegmentRecords(
+  base: Record<string, unknown>,
+  overlay: Record<string, unknown>
+): Record<string, unknown> {
+  const result = { ...base }
+  for (const [key, value] of Object.entries(overlay)) {
+    const existing = result[key]
+    if (
+      value &&
+      typeof value === "object" &&
+      !Array.isArray(value) &&
+      existing &&
+      typeof existing === "object" &&
+      !Array.isArray(existing)
+    ) {
+      result[key] = mergeSegmentRecords(
+        existing as Record<string, unknown>,
+        value as Record<string, unknown>
+      )
+    } else {
+      result[key] = value
+    }
+  }
+  return result
+}
+
+export function resolveSegmentProps(
+  segmentPkg: string,
+  workflowData: Record<string, unknown>,
+  inlineData?: Record<string, unknown> | null
+): Record<string, unknown> {
+  const base = getSegmentProps(segmentPkg, workflowData)
+
+  const layoutCart = workflowData.cart
+  if (
+    layoutCart &&
+    typeof layoutCart === "object" &&
+    (segmentPkg === "@pradip1995/segment-product-actions" ||
+      segmentPkg === "@pradip1995/segment-product-info") &&
+    !("cart" in base)
+  ) {
+    base.cart = layoutCart
+  }
+
+  if (!inlineData || Object.keys(inlineData).length === 0) return base
+  return mergeSegmentRecords(base, inlineData)
+}
+
+export type ChromeSegmentRef = string | { package: string; data?: Record<string, unknown> }
+
+function chromePackageName(ref: ChromeSegmentRef): string {
+  return typeof ref === "string" ? ref : ref.package
+}
+
+function chromeInlineData(ref: ChromeSegmentRef): Record<string, unknown> | undefined {
+  return typeof ref === "string" ? undefined : ref.data
+}
+
+/** Merge global chrome segment data (nav, footer, promo) into workflow output for layout. */
+export function applyChromeSegmentData(
+  workflowData: Record<string, unknown>,
+  chrome: ChromeSegmentRef[] | null | undefined
+): Record<string, unknown> {
+  if (!chrome?.length) return workflowData
+  const merged = { ...workflowData }
+
+  for (const ref of chrome) {
+    const pkg = chromePackageName(ref)
+    const data = chromeInlineData(ref)
+    const key = SEGMENT_DATA_KEYS[pkg]
+    if (!key || !data || Object.keys(data).length === 0) continue
+
+    const existing = merged[key]
+    if (existing && typeof existing === "object" && !Array.isArray(existing)) {
+      merged[key] = mergeSegmentRecords(existing as Record<string, unknown>, data)
+    } else {
+      merged[key] = { ...data }
+    }
+  }
+
+  return merged
+}
+
 export function applyBuilderDataToWorkflow(
   workflowData: Record<string, unknown>,
   builderData: BuilderSegmentDataFile | null | undefined