@pradip1995/storefront-registry 1.0.0

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@pradip1995/storefront-registry",
+  "version": "1.0.0",
+  "description": "Payload-style component registry for Medusa storefront themes",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/SmartByteLabs/medusa-storefront-kit.git",
+    "directory": "packages/storefront-registry"
+  },
+  "sideEffects": false,
+  "files": [
+    "src"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./storefront.config": "./src/storefront.config.ts",
+    "./resolve-component": "./src/resolve-component.ts",
+    "./types": "./src/types.ts",
+    "./blocks": "./src/blocks/index.ts",
+    "./blocks/home": "./src/blocks/home.blocks.ts",
+    "./components": "./src/components/index.ts",
+    "./components/product-card": "./src/components/product-card.tsx"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "@pradip1995/commerce-core": "1.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "eslint": "^8.57.0",
+    "react": "19.0.3",
+    "typescript": "^5.7.2",
+    "@pradip1995/commerce-core": "1.0.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  }
+}

package/src/blocks/home.blocks.ts

@@ -0,0 +1,3 @@
+export { storefrontConfig } from "../storefront.config"
+
+export type { HomeBlockType } from "../storefront.config"

package/src/blocks/index.ts

@@ -0,0 +1 @@
+export * from "./home.blocks"

package/src/components/index.ts

@@ -0,0 +1,2 @@
+export { default as ProductCard } from "./product-card"
+export type { ProductCardProps, ProductCardRating } from "./product-card"

package/src/components/product-card.tsx

@@ -0,0 +1,7 @@
+/**
+ * Theme-aware ProductCard — stable import for modules and controllers.
+ * Implementation: src/theme/<brand>/slots/product/ProductCard/
+ * Switch themes via tsconfig @theme path + storefront.config.ts (no import changes).
+ */
+export { default } from "@theme/slots/product/ProductCard"
+export type { ProductCardProps, ProductCardRating } from "@core/types/product-card"

package/src/index.ts

@@ -0,0 +1,4 @@
+export { storefrontConfig } from "./storefront.config"
+export type { HomeBlockType } from "./storefront.config"
+export { resolveComponent } from "./resolve-component"
+export type { ComponentPath, BlockConfig, SlotConfig, ResolvedComponent } from "./types"

package/src/resolve-component.ts

@@ -0,0 +1,46 @@
+import type { ComponentPath, ResolvedComponent } from "./types"
+
+/**
+ * Static import map for Next.js bundler compatibility (Payload-style path resolution).
+ * Add new theme components here when registering in storefront.config.ts.
+ */
+const componentImportMap: Record<ComponentPath, () => Promise<ResolvedComponent>> = {
+  "blocks/home/Hero": () => import("@theme/blocks/home/Hero"),
+  "blocks/home/ShopByAge": () => import("@theme/blocks/home/ShopByAge"),
+  "blocks/home/ShopByCategory": () => import("@theme/blocks/home/ShopByCategory"),
+  "blocks/home/WhyChooseUs": () => import("@theme/blocks/home/WhyChooseUs"),
+  "blocks/home/NewArrivals": () => import("@theme/blocks/home/NewArrivals"),
+  "blocks/home/LovedByMoms": () => import("@theme/blocks/home/LovedByMoms"),
+  "blocks/home/Testimonials": () => import("@theme/blocks/home/Testimonials"),
+  "blocks/home/Features": () => import("@theme/blocks/home/Features"),
+  "slots/layout/Nav": () => import("@theme/slots/layout/Nav"),
+  "slots/layout/Footer": () => import("@theme/slots/layout/Footer"),
+  "slots/layout/PromoBar": () => import("@theme/slots/layout/PromoBar"),
+  "slots/product/ProductCard": () => import("@theme/slots/product/ProductCard"),
+  "slots/product/ProductActions": () => import("@theme/slots/product/ProductActions"),
+  "slots/product/ProductInfo": () => import("@theme/slots/product/ProductInfo"),
+  "slots/cart/CartItem": () =>
+    import("@theme/slots/cart/CartItem") as Promise<ResolvedComponent>,
+  "slots/cart/CartSummary": () =>
+    import("@theme/slots/cart/CartSummary") as Promise<ResolvedComponent>,
+  "slots/account/LoginTemplate": () => import("@theme/slots/account/LoginTemplate"),
+  "slots/account/Login": () => import("@theme/slots/account/Login"),
+  "slots/account/Register": () => import("@theme/slots/account/Register"),
+  "slots/account/ForgotPassword": () => import("@theme/slots/account/ForgotPassword"),
+  "slots/order/OrderDetails": () => import("@theme/slots/order/OrderDetails"),
+  "slots/checkout/CheckoutForm": () => import("@theme/slots/checkout/CheckoutForm"),
+  "slots/checkout/CheckoutSummary": () =>
+    import("@theme/slots/checkout/CheckoutSummary"),
+}
+
+export async function resolveComponent(path: ComponentPath) {
+  const loader = componentImportMap[path]
+
+  if (!loader) {
+    throw new Error(
+      `Component not found in import map: "${path}". Register it in registry/resolve-component.ts`
+    )
+  }
+
+  return loader()
+}

package/src/storefront.config.ts

@@ -0,0 +1,49 @@
+export const storefrontConfig = {
+  theme: "chocomelon",
+  baseDir: "theme/chocomelon",
+
+  slots: {
+    layout: {
+      Nav: "slots/layout/Nav",
+      Footer: "slots/layout/Footer",
+      PromoBar: "slots/layout/PromoBar",
+    },
+    product: {
+      ProductCard: "slots/product/ProductCard",
+      ProductActions: "slots/product/ProductActions",
+      ProductInfo: "slots/product/ProductInfo",
+    },
+    cart: {
+      CartItem: "slots/cart/CartItem",
+      CartSummary: "slots/cart/CartSummary",
+    },
+    account: {
+      LoginTemplate: "slots/account/LoginTemplate",
+      Login: "slots/account/Login",
+      Register: "slots/account/Register",
+      ForgotPassword: "slots/account/ForgotPassword",
+    },
+    order: {
+      OrderDetails: "slots/order/OrderDetails",
+    },
+    checkout: {
+      CheckoutForm: "slots/checkout/CheckoutForm",
+      CheckoutSummary: "slots/checkout/CheckoutSummary",
+    },
+  },
+
+  blocks: {
+    home: [
+      { blockType: "hero", component: "blocks/home/Hero" },
+      { blockType: "shopByAge", component: "blocks/home/ShopByAge" },
+      { blockType: "shopByCategory", component: "blocks/home/ShopByCategory" },
+      { blockType: "whyChooseUs", component: "blocks/home/WhyChooseUs" },
+      { blockType: "newArrivals", component: "blocks/home/NewArrivals" },
+      { blockType: "lovedByMoms", component: "blocks/home/LovedByMoms" },
+      { blockType: "testimonials", component: "blocks/home/Testimonials" },
+      { blockType: "features", component: "blocks/home/Features" },
+    ],
+  },
+} as const
+
+export type HomeBlockType = (typeof storefrontConfig.blocks.home)[number]["blockType"]

package/src/types.ts

@@ -0,0 +1,14 @@
+import type { ComponentType } from "react"
+
+export type ComponentPath = string
+
+export type BlockConfig<T extends string = string> = {
+  blockType: T
+  component: ComponentPath
+}
+
+export type SlotConfig = Record<string, ComponentPath>
+
+export type ResolvedComponent = {
+  default: ComponentType<Record<string, unknown>>
+}