@rovela-ai/sdk 0.19.3 → 0.19.5

package/templates/store-template/components/layout/Footer.tsx

@@ -0,0 +1,150 @@
+'use client'
+
+/**
+ * Footer Component
+ *
+ * This is a customizable footer component. Claude Agent will modify it
+ * based on the store's brand identity and visual preferences.
+ *
+ * Uses useStoreSettings for dynamic store name from database.
+ */
+
+import { LocaleLink as Link } from '@rovela-ai/sdk/core'
+import { useStoreSettings, useT } from '@rovela-ai/sdk/core'
+import { CookiePreferencesLink } from '@rovela-ai/sdk/core/cookie-consent'
+
+// Link labels come from the i18n catalog (footer.*) — resolved inside the
+// component so they follow the active locale.
+const footerLinks = {
+  shop: [
+    { key: 'footer.allProducts', href: '/products' },
+    { key: 'footer.newArrivals', href: '/products?sort=newest' },
+    { key: 'footer.bestSellers', href: '/products?sort=popular' },
+  ],
+  support: [
+    { key: 'footer.contactUs', href: '/contact' },
+    { key: 'footer.faq', href: '/faq' },
+  ],
+  company: [
+    { key: 'nav.about', href: '/#about' },
+    { key: 'footer.privacyPolicy', href: '/privacy' },
+    { key: 'footer.terms', href: '/terms' },
+  ],
+}
+
+export function Footer() {
+  const t = useT()
+  const currentYear = new Date().getFullYear()
+  const { storeName } = useStoreSettings()
+
+  return (
+    <footer className="border-t bg-muted/30">
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">
+          {/* Brand */}
+          <div className="space-y-4">
+            <Link href="/" className="inline-block">
+              <span className="text-xl font-bold font-heading">
+                {storeName}
+              </span>
+            </Link>
+            <p className="text-sm text-muted-foreground max-w-xs">
+              {t('footer.tagline')}
+            </p>
+          </div>
+
+          {/* Shop Links */}
+          <div>
+            <h3 className="text-sm font-semibold mb-4">{t('footer.shop')}</h3>
+            <ul className="space-y-3">
+              {footerLinks.shop.map((link) => (
+                <li key={link.key}>
+                  <Link
+                    href={link.href}
+                    className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+                  >
+                    {t(link.key)}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Support Links */}
+          <div>
+            <h3 className="text-sm font-semibold mb-4">{t('footer.support')}</h3>
+            <ul className="space-y-3">
+              {footerLinks.support.map((link) => (
+                <li key={link.key}>
+                  <Link
+                    href={link.href}
+                    className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+                  >
+                    {t(link.key)}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Company Links */}
+          <div>
+            <h3 className="text-sm font-semibold mb-4">{t('footer.company')}</h3>
+            <ul className="space-y-3">
+              {footerLinks.company.map((link) => (
+                <li key={link.key}>
+                  <Link
+                    href={link.href}
+                    className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+                  >
+                    {t(link.key)}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+        </div>
+
+        {/* Bottom Bar */}
+        <div className="mt-12 pt-8 border-t">
+          <div className="flex flex-col sm:flex-row justify-between items-center gap-4">
+            <p className="text-sm text-muted-foreground">
+              &copy; {currentYear} {storeName}. {t('footer.allRightsReserved')}
+            </p>
+            {/* R021: persistent Cookie preferences link — fulfills
+                "withdrawal as easy as consent" (GDPR Art. 7(3)). Renders
+                null when the admin has disabled the banner in Settings. */}
+            <CookiePreferencesLink className="text-sm text-muted-foreground hover:text-foreground transition-colors">
+              {t('consent.title')}
+            </CookiePreferencesLink>
+            {/* "Built with Rovela" badge — shown on free/basic storefronts,
+                hidden on Growth/Scale. The env var is set at deploy time from
+                the owner's tier; unset (older stores) → hidden. */}
+            {process.env.NEXT_PUBLIC_ROVELA_SHOW_BADGE === '1' && (
+              <a
+                href="https://rovela.ai"
+                target="_blank"
+                rel="noopener"
+                className="text-sm text-muted-foreground hover:text-foreground transition-colors"
+              >
+                Built with Rovela
+              </a>
+            )}
+            <div className="flex items-center space-x-4">
+              {/* Payment icons placeholder */}
+              <div className="flex items-center space-x-2 text-muted-foreground">
+                <span className="text-xs">{t('footer.securePaymentsWith')}</span>
+                <svg className="h-6 w-10" viewBox="0 0 50 20" fill="currentColor">
+                  <rect x="0" y="2" width="50" height="16" rx="2" fillOpacity="0.2" />
+                  <text x="25" y="13" textAnchor="middle" fontSize="8" fill="currentColor">
+                    Stripe
+                  </text>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}

package/templates/store-template/components/layout/Header.tsx

@@ -0,0 +1,162 @@
+'use client'
+
+/**
+ * Header Component
+ *
+ * This is a customizable header component. Claude Agent will modify it
+ * based on the store's brand identity and visual preferences.
+ *
+ * Uses SDK components:
+ * - CartIcon from @rovela-ai/sdk/cart
+ * - useStoreSettings from @rovela-ai/sdk/core for dynamic store name
+ * - UserMenu from @rovela-ai/sdk/auth (when customer accounts enabled)
+ */
+
+import { useState } from 'react'
+import { LocaleLink as Link } from '@rovela-ai/sdk/core'
+import { Menu, X, Search } from 'lucide-react'
+import { CartIcon } from '@rovela-ai/sdk/cart'
+import { LanguageSwitcher } from '@rovela-ai/sdk/core'
+import { UserMenu } from '@rovela-ai/sdk/auth'
+import { useStoreSettings, useT } from '@rovela-ai/sdk/core'
+import { cn } from '@/lib/utils'
+import { storeConfig } from '@/lib/store-config'
+
+// Nav labels come from the i18n catalog (nav.*) — resolved inside the
+// component so they follow the active locale.
+const navigation = [
+  { key: 'nav.shop', href: '/products' },
+  { key: 'nav.about', href: '/#about' },
+  { key: 'nav.contact', href: '/contact' },
+]
+
+export function Header() {
+  const t = useT()
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
+  const { storeName, settings } = useStoreSettings()
+  // Live admin setting first; the static store-config flag is only the
+  // pre-hydration/legacy fallback.
+  const showAccounts = settings?.customerAccounts ?? storeConfig.auth.customerAccounts
+
+  // Logo: live store setting first (store_settings.logo_url — updated
+  // instantly by both the /admin branding page and the Rovela platform);
+  // the build-time env var covers the pre-hydration frame and legacy
+  // stores whose settings row predates the mirror.
+  const envLogoUrl = process.env.NEXT_PUBLIC_STORE_LOGO_URL || null
+  const logoUrl = settings?.logoUrl || envLogoUrl
+  // A stale pointer (asset deleted while an env var still carries the fixed
+  // URL) must degrade to the store name, never a broken image icon.
+  const [logoBroken, setLogoBroken] = useState(false)
+
+  return (
+    <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+      <nav className="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex h-16 items-center justify-between">
+          {/* Logo */}
+          <div className="flex items-center">
+            <Link href="/" className="flex items-center space-x-2">
+              {logoUrl && !logoBroken ? (
+                // 32px header logo; merchant-configured URL (any host) so remotePatterns can't pre-allowlist it
+                // eslint-disable-next-line @next/next/no-img-element
+                <img
+                  src={logoUrl}
+                  alt={storeName}
+                  className="h-8 w-auto object-contain"
+                  onError={() => setLogoBroken(true)}
+                />
+              ) : (
+                <span className="text-xl font-bold font-heading">
+                  {storeName}
+                </span>
+              )}
+            </Link>
+          </div>
+
+          {/* Desktop Navigation */}
+          <div className="hidden md:flex md:items-center md:space-x-8">
+            {navigation.map((item) => (
+              <Link
+                key={item.key}
+                href={item.href}
+                className="text-sm font-medium text-muted-foreground transition-colors hover:text-foreground"
+              >
+                {t(item.key)}
+              </Link>
+            ))}
+          </div>
+
+          {/* Right side actions */}
+          <div className="flex items-center space-x-4">
+            {/* Language switcher — renders nothing on single-language stores */}
+            <LanguageSwitcher className="hidden sm:flex" />
+
+            {/* Search */}
+            <button
+              type="button"
+              className="hidden sm:flex items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-accent hover:text-foreground"
+              aria-label={t('nav.searchAria')}
+            >
+              <Search className="h-5 w-5" />
+            </button>
+
+            {/* Account — auth-aware (avatar + menu when signed in, "Sign in" when out) */}
+            {showAccounts && (
+              <UserMenu className="hidden sm:block" />
+            )}
+
+            {/* Cart */}
+            <CartIcon showCount className="text-muted-foreground hover:text-foreground" />
+
+            {/* Mobile menu button */}
+            <button
+              type="button"
+              className="md:hidden inline-flex items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-accent hover:text-foreground"
+              onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+              aria-expanded={mobileMenuOpen}
+              aria-label={t('nav.toggleMenuAria')}
+            >
+              {mobileMenuOpen ? (
+                <X className="h-6 w-6" />
+              ) : (
+                <Menu className="h-6 w-6" />
+              )}
+            </button>
+          </div>
+        </div>
+
+        {/* Mobile Navigation */}
+        <div
+          className={cn(
+            'md:hidden',
+            mobileMenuOpen ? 'block' : 'hidden'
+          )}
+        >
+          <div className="space-y-1 pb-3 pt-2">
+            {navigation.map((item) => (
+              <Link
+                key={item.key}
+                href={item.href}
+                className="block rounded-md px-3 py-2 text-base font-medium text-muted-foreground hover:bg-accent hover:text-foreground"
+                onClick={() => setMobileMenuOpen(false)}
+              >
+                {t(item.key)}
+              </Link>
+            ))}
+            {showAccounts && (
+              <Link
+                href="/account"
+                className="block rounded-md px-3 py-2 text-base font-medium text-muted-foreground hover:bg-accent hover:text-foreground"
+                onClick={() => setMobileMenuOpen(false)}
+              >
+                {t('nav.account')}
+              </Link>
+            )}
+            {/* Language switcher — mobile placement (the header rail's copy is
+                hidden below sm; renders nothing on single-language stores). */}
+            <LanguageSwitcher variant="full" className="px-3 py-2.5" />
+          </div>
+        </div>
+      </nav>
+    </header>
+  )
+}

package/templates/store-template/components/sections/.gitkeep

@@ -0,0 +1,7 @@
+# Placeholder for section components
+# Claude Agent will create section components here based on blueprint.homepage:
+# - Hero.tsx
+# - Features.tsx
+# - Testimonials.tsx (if applicable)
+# - CTA.tsx
+# - etc.

package/templates/store-template/components/sections/CTA.tsx

@@ -0,0 +1,51 @@
+'use client'
+
+import Link from 'next/link'
+import { useStoreSettings } from '@rovela-ai/sdk/core'
+
+/**
+ * Pre-baked CTA Section
+ *
+ * Renders a branded call-to-action using theme CSS variables and store settings.
+ * Claude Code will replace this entire file with a custom CTA section.
+ */
+export default function CTA() {
+  const { storeName } = useStoreSettings()
+
+  return (
+    <section className="py-20 sm:py-28">
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="relative overflow-hidden rounded-2xl bg-primary px-6 py-16 sm:px-16 sm:py-20">
+          {/* Decorative background elements */}
+          <div className="absolute inset-0 bg-gradient-to-br from-primary via-primary to-primary/80" />
+          <div className="absolute -top-24 -right-24 h-64 w-64 rounded-full bg-primary-foreground/5 blur-3xl" />
+          <div className="absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-primary-foreground/5 blur-3xl" />
+
+          {/* Content */}
+          <div className="relative text-center max-w-2xl mx-auto">
+            <h2 className="text-3xl sm:text-4xl font-bold font-heading tracking-tight text-primary-foreground">
+              Your store is almost here
+            </h2>
+            <p className="mt-4 text-lg text-primary-foreground/80 leading-relaxed">
+              Sit tight while Rovela finishes building {storeName}. Everything you see here is a starting sketch.
+            </p>
+            <div className="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4">
+              <Link
+                href="/products"
+                className="w-full sm:w-auto rounded-lg bg-primary-foreground px-8 py-3.5 text-base font-semibold text-primary shadow-lg hover:bg-primary-foreground/90 transition-all duration-200 hover:-translate-y-0.5"
+              >
+                Browse Collection
+              </Link>
+              <Link
+                href="/auth/signup"
+                className="w-full sm:w-auto rounded-lg px-8 py-3.5 text-base font-semibold text-primary-foreground border-2 border-primary-foreground/20 hover:bg-primary-foreground/10 transition-all duration-200"
+              >
+                Create Account
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}

package/templates/store-template/components/sections/Features.tsx

@@ -0,0 +1,91 @@
+'use client'
+
+/**
+ * Pre-baked Features Section
+ *
+ * Renders professional e-commerce features using theme CSS variables.
+ * Claude Code will replace this entire file with custom, business-specific features.
+ */
+
+const features = [
+  {
+    title: 'Free Shipping',
+    description: 'Enjoy complimentary shipping on all orders. No minimum purchase required.',
+    icon: (
+      <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
+        <path strokeLinecap="round" strokeLinejoin="round" d="M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12" />
+      </svg>
+    ),
+  },
+  {
+    title: 'Secure Payments',
+    description: 'Your transactions are protected with industry-leading encryption and security.',
+    icon: (
+      <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
+        <path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" />
+      </svg>
+    ),
+  },
+  {
+    title: 'Easy Returns',
+    description: 'Not satisfied? Return any item within 30 days for a full refund, no questions asked.',
+    icon: (
+      <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
+        <path strokeLinecap="round" strokeLinejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182" />
+      </svg>
+    ),
+  },
+  {
+    title: 'Premium Quality',
+    description: 'Every product is carefully selected and quality-checked before reaching you.',
+    icon: (
+      <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor">
+        <path strokeLinecap="round" strokeLinejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" />
+      </svg>
+    ),
+  },
+]
+
+export default function Features() {
+  return (
+    <section className="py-20 sm:py-28 bg-muted/30">
+      <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+        {/* Section header */}
+        <div className="text-center max-w-2xl mx-auto mb-16">
+          <p className="text-sm font-semibold text-primary uppercase tracking-wider mb-3">
+            Placeholder section
+          </p>
+          <h2 className="text-3xl sm:text-4xl font-bold font-heading tracking-tight">
+            Your sections are on the way
+          </h2>
+          <p className="mt-4 text-lg text-muted-foreground">
+            Rovela is generating sections tailored to your business. This placeholder gets replaced automatically as your store is built.
+          </p>
+        </div>
+
+        {/* Feature grid */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
+          {features.map((feature) => (
+            <div
+              key={feature.title}
+              className="group relative rounded-xl bg-card border border-border/50 p-6 sm:p-8 transition-all duration-300 hover:border-primary/20 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-1"
+            >
+              {/* Icon */}
+              <div className="inline-flex items-center justify-center rounded-lg bg-primary/10 text-primary p-3 mb-5">
+                {feature.icon}
+              </div>
+
+              {/* Content */}
+              <h3 className="text-lg font-semibold font-heading mb-2">
+                {feature.title}
+              </h3>
+              <p className="text-sm text-muted-foreground leading-relaxed">
+                {feature.description}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}

package/templates/store-template/components/sections/Hero.tsx

@@ -0,0 +1,85 @@
+'use client'
+
+import Link from 'next/link'
+import { useStoreSettings } from '@rovela-ai/sdk/core'
+
+/**
+ * Pre-baked Hero Section
+ *
+ * Renders a branded hero using theme CSS variables and store settings.
+ * This provides the instant "aha moment" when theme is injected.
+ * Claude Code will replace this entire file with a custom hero section.
+ */
+export default function Hero() {
+  const { storeName } = useStoreSettings()
+
+  return (
+    <section className="relative overflow-hidden">
+      {/* Gradient background using theme primary color */}
+      <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-background to-accent/5" />
+      <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,hsl(var(--primary)/0.08),transparent_70%)]" />
+
+      <div className="relative container mx-auto px-4 sm:px-6 lg:px-8 py-24 sm:py-32 lg:py-40">
+        <div className="text-center max-w-4xl mx-auto">
+          {/* Eyebrow badge */}
+          <div className="inline-flex items-center gap-2 rounded-full border border-primary/20 bg-primary/5 px-4 py-1.5 text-sm font-medium text-primary mb-8">
+            <span className="relative flex h-2 w-2">
+              <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75" />
+              <span className="relative inline-flex rounded-full h-2 w-2 bg-primary" />
+            </span>
+            Building your store
+          </div>
+
+          {/* Main heading */}
+          <h1 className="text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl xl:text-7xl font-heading leading-[1.1]">
+            Building{' '}
+            <span className="text-primary">{storeName}</span>
+          </h1>
+
+          {/* Subheadline */}
+          <p className="mt-6 text-lg sm:text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed">
+            This is a starting sketch. Rovela is building your real storefront right now, and every section here gets replaced with your own in a few moments. Hang tight and watch it come together.
+          </p>
+
+          {/* CTA buttons */}
+          <div className="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4">
+            <Link
+              href="/products"
+              className="w-full sm:w-auto rounded-lg bg-primary px-8 py-3.5 text-base font-semibold text-primary-foreground shadow-lg shadow-primary/25 hover:bg-primary/90 transition-all duration-200 hover:shadow-xl hover:shadow-primary/30 hover:-translate-y-0.5"
+            >
+              Shop Now
+            </Link>
+            <Link
+              href="/products"
+              className="w-full sm:w-auto rounded-lg px-8 py-3.5 text-base font-semibold text-foreground border-2 border-border hover:bg-accent hover:border-accent transition-all duration-200"
+            >
+              Browse Collection
+            </Link>
+          </div>
+
+          {/* Trust indicators */}
+          <div className="mt-16 flex flex-wrap items-center justify-center gap-x-8 gap-y-4 text-sm text-muted-foreground">
+            <div className="flex items-center gap-2">
+              <svg className="h-4 w-4 text-primary" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+              Free Shipping
+            </div>
+            <div className="flex items-center gap-2">
+              <svg className="h-4 w-4 text-primary" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
+              </svg>
+              Secure Checkout
+            </div>
+            <div className="flex items-center gap-2">
+              <svg className="h-4 w-4 text-primary" fill="none" viewBox="0 0 24 24" strokeWidth={2} stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182" />
+              </svg>
+              Easy Returns
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}

package/templates/store-template/eslint.config.mjs

@@ -0,0 +1,18 @@
+import next from 'eslint-config-next/core-web-vitals';
+
+const config = [
+  {
+    ignores: [
+      '**/node_modules/**',
+      '**/.next/**',
+      '**/out/**',
+      '**/build/**',
+      '**/dist/**',
+      'next-env.d.ts',
+      'public/**',
+    ],
+  },
+  ...next,
+];
+
+export default config;

package/templates/store-template/lib/store-config.ts

@@ -0,0 +1,77 @@
+/**
+ * Store Configuration
+ *
+ * This file exports the store's module configuration.
+ * Values are derived from the blueprint at build time.
+ *
+ * NOTE: Claude Agent will populate this based on blueprint.modules
+ */
+
+const config = {
+  // Store identity
+  store: {
+    name: 'Store',
+    slug: 'store',
+    currency: 'USD',
+    locale: 'en-US',
+    supportEmail: 'support@store.com',
+  },
+
+  // Authentication settings
+  auth: {
+    enabled: true,
+    guestCheckout: true,
+    customerAccounts: true,
+  },
+
+  // Product settings
+  products: {
+    hasVariants: true,
+    trackInventory: true,
+  },
+
+  // Order settings
+  orders: {
+    processing: 'instant' as const,
+    returnPolicy: '30-days' as const,
+    refundType: 'full' as const,
+  },
+
+  // Shipping settings (physical products only)
+  shipping: {
+    enabled: true,
+    method: 'carrier' as const,
+    rates: 'flat' as const,
+    processingTime: '1-2-days' as const,
+  },
+
+  // Payment settings
+  payments: {
+    provider: 'stripe' as const,
+    currency: 'USD',
+    taxHandling: 'checkout' as const,
+  },
+
+  // Email templates
+  emails: {
+    templates: [
+      'order-confirmation',
+      'shipping-update',
+      'welcome',
+      'password-reset',
+    ] as const,
+  },
+}
+
+// Flat export for convenience
+export const storeConfig = {
+  ...config,
+  // Convenience accessors
+  name: config.store.name,
+  slug: config.store.slug,
+  currency: config.store.currency,
+  locale: config.store.locale,
+  supportEmail: config.store.supportEmail,
+}
+
+export type StoreConfig = typeof storeConfig