@pradip1995/segment-powerhouse-shop 0.1.1

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@pradip1995/segment-powerhouse-shop",
+  "version": "0.1.1",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "./src/shop.css"
+  ],
+  "files": [
+    "src"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./manifest": "./src/manifest.ts"
+  },
+  "peerDependencies": {
+    "@medusajs/types": "^2.0.0",
+    "@pradip1995/plugin-sdk": "^0.2.0",
+    "next": ">=15",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "dependencies": {
+    "@pradip1995/commerce-core": "^4.0.0",
+    "@pradip1995/segment-primitives": "^0.4.0"
+  },
+  "devDependencies": {
+    "@medusajs/types": "^2.0.0",
+    "@pradip1995/plugin-sdk": "^0.2.0",
+    "@types/react": "^19",
+    "react": "19.0.3",
+    "typescript": "^5.7.2"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { default } from "./segment"
+export { default as manifest } from "./manifest"

package/src/manifest.ts

@@ -0,0 +1,10 @@
+import type { SegmentManifest } from "@pradip1995/plugin-sdk"
+
+const manifest: SegmentManifest = {
+  id: "powerhouse-shop",
+  type: "segment",
+  version: "0.1.0",
+  compatibleFramework: ["^1.0.0"],
+  dataKey: "store",
+}
+export default manifest

package/src/product-card.tsx

@@ -0,0 +1,132 @@
+"use client"
+
+import { useState, type MouseEvent } from "react"
+import { useRouter } from "next/navigation"
+import { addToCart } from "@pradip1995/commerce-core/client/actions/cart"
+import LocalizedLink from "@pradip1995/segment-primitives/localized-link"
+import { formatPrice } from "@pradip1995/segment-primitives/format-price"
+import { isNextRedirect } from "@pradip1995/segment-primitives/is-next-redirect"
+import type { HttpTypes } from "@medusajs/types"
+
+function stripHtml(value?: string | null) {
+  if (!value) return ""
+  return value.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim()
+}
+
+function snippet(value?: string | null, length = 140) {
+  const text = stripHtml(value)
+  if (text.length <= length) return text
+  return `${text.slice(0, length).trim()}...`
+}
+
+export default function ShopProductCard({
+  product,
+  countryCode,
+}: {
+  product: HttpTypes.StoreProduct
+  countryCode: string
+}) {
+  const router = useRouter()
+  const [adding, setAdding] = useState(false)
+  const variants = product.variants ?? []
+  const variant = variants[0]
+  const price = variant?.calculated_price?.calculated_amount
+  const originalPrice = variant?.calculated_price?.original_amount
+  const currency = variant?.calculated_price?.currency_code || "inr"
+  const onSale = originalPrice != null && price != null && originalPrice > price
+  const saved = onSale && originalPrice != null && price != null ? originalPrice - price : null
+  const inventory = variant?.inventory_quantity
+  const inStock =
+    variant?.manage_inventory === false ||
+    variant?.allow_backorder === true ||
+    (inventory ?? 0) > 0
+  const lowStock = inventory != null && inventory > 0 && inventory <= 5
+  const href = `/products/${product.handle}`
+  const hasOptions = variants.length > 1
+  const copy = snippet(product.description)
+
+  const handleAdd = async (event: MouseEvent) => {
+    event.preventDefault()
+    event.stopPropagation()
+    if (!variant?.id || adding || !inStock || hasOptions) return
+    setAdding(true)
+    try {
+      await addToCart({
+        variantId: variant.id,
+        quantity: 1,
+        countryCode,
+      })
+      window.dispatchEvent(new CustomEvent("cart:item-added", { detail: { message: "Added to cart" } }))
+      router.refresh()
+    } catch (err) {
+      if (isNextRedirect(err)) throw err
+      const message = err instanceof Error ? err.message : "Could not add to cart"
+      window.dispatchEvent(new CustomEvent("cart:item-added", { detail: { message, variant: "error" } }))
+    } finally {
+      setAdding(false)
+    }
+  }
+
+  return (
+    <article className={`powerhouse-shop__card${onSale ? " is-sale" : ""}`}>
+      <LocalizedLink href={href} countryCode={countryCode} className="powerhouse-shop__media" tabIndex={-1}>
+        {product.thumbnail?.trim() ? (
+          <img src={product.thumbnail.trim()} alt={product.title || ""} />
+        ) : (
+          <div className="powerhouse-shop__placeholder" />
+        )}
+        {onSale && saved != null ? (
+          <span className="powerhouse-shop__badge">Save {formatPrice(saved, currency)}</span>
+        ) : null}
+        {!inStock ? <span className="powerhouse-shop__sold">Sold out</span> : null}
+      </LocalizedLink>
+
+      <div className="powerhouse-shop__info">
+        <h2 className="powerhouse-shop__name">
+          <LocalizedLink href={href} countryCode={countryCode}>
+            {product.title}
+          </LocalizedLink>
+        </h2>
+
+        {lowStock ? (
+          <p className="powerhouse-shop__stock">Only {inventory} left!</p>
+        ) : inStock ? (
+          <p className="powerhouse-shop__stock is-ok">in stock</p>
+        ) : (
+          <p className="powerhouse-shop__stock is-out">Out of stock</p>
+        )}
+
+        {copy ? <p className="powerhouse-shop__excerpt">{copy}</p> : null}
+
+        {price != null ? (
+          <div className="powerhouse-shop__price">
+            {onSale && originalPrice != null ? (
+              <span className="powerhouse-shop__compare">{formatPrice(originalPrice, currency)}</span>
+            ) : null}
+            <span className="powerhouse-shop__current">{formatPrice(price, currency)}</span>
+          </div>
+        ) : null}
+
+        <div className="powerhouse-shop__actions">
+          <LocalizedLink href={href} countryCode={countryCode} className="powerhouse-shop__quickshop">
+            Quick shop
+          </LocalizedLink>
+          {hasOptions ? (
+            <LocalizedLink href={href} countryCode={countryCode} className="powerhouse-shop__atc">
+              Choose options
+            </LocalizedLink>
+          ) : (
+            <button
+              type="button"
+              className="powerhouse-shop__atc"
+              onClick={handleAdd}
+              disabled={adding || !variant?.id || !inStock}
+            >
+              {adding ? "Adding…" : !inStock ? "Sold out" : "Add to cart"}
+            </button>
+          )}
+        </div>
+      </div>
+    </article>
+  )
+}

package/src/segment.tsx

@@ -0,0 +1 @@
+export { default } from "./shop"