@promakeai/cli 0.0.5 → 0.1.0

package/dist/registry/docs/cookie-consent.md

@@ -0,0 +1,37 @@
+# Cookie Consent Banner
+
+GDPR-compliant cookie consent banner with Accept, Decline, and Customize buttons. Features slide-up animation, localStorage persistence, and customizable links to privacy/cookie policy pages.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/cookie-consent/index.ts` | index |
+| `$modules$/cookie-consent/cookie-consent.tsx` | component |
+| `$modules$/cookie-consent/lang/en.json` | lang |
+| `$modules$/cookie-consent/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `CookieConsent`
+
+```typescript
+import { CookieConsent } from '@/modules/cookie-consent';
+```
+
+## Usage
+
+```
+import { CookieConsent } from '@/modules/cookie-consent';
+
+// Add to your App or Layout component
+<CookieConsent
+  onAccept={() => console.log('Accepted')}
+  onDecline={() => console.log('Declined')}
+  onCustomize={() => openPreferencesModal()}
+/>
+
+• Auto-hides after user decision
+• localStorage persistence
+• Customizable policy URLs
+```

package/dist/registry/docs/cookies-page.md

@@ -30,3 +30,8 @@ import { CookiesPage } from '@/modules/cookies-page';
 • Cookie table with name, purpose, expiration
 • GDPR/ePrivacy compliant
 ```
+
+## Dependencies
+
+This component requires:
+- `animations`

package/dist/registry/docs/ecommerce-core.md

@@ -13,17 +13,18 @@ Complete e-commerce state management with Zustand. Includes useCartStore for sho
 | `$modules$/ecommerce-core/useProducts.ts` | hook |
 | `$modules$/ecommerce-core/useSearch.ts` | hook |
 | `$modules$/ecommerce-core/format-price.ts` | lib |
+| `$modules$/ecommerce-core/payment-config.ts` | lib |
 | `$modules$/ecommerce-core/lang/en.json` | lang |
 | `$modules$/ecommerce-core/lang/tr.json` | lang |
 
 ## Exports
 
-**Types:** `Address`, `CartContextType`, `CartItem`, `CartState`, `Category`, `FavoritesContextType`, `Order`, `OrderItem`, `Product`, `ProductCategory`, `ProductVariant`, `User`
+**Types:** `Address`, `CartContextType`, `CartItem`, `CartState`, `Category`, `FavoritesContextType`, `OnlinePaymentProvider`, `Order`, `OrderItem`, `PaymentMethod`, `PaymentMethodConfig`, `Product`, `ProductCategory`, `ProductVariant`, `User`
 
-**Components/Functions:** `formatPrice`, `useCart`, `useCartStore`, `useCategories`, `useFavorites`, `useFavoritesStore`, `useFeaturedProducts`, `useProductBySlug`, `useProducts`, `useSearch`
+**Components/Functions:** `ONLINE_PROVIDER_CONFIGS`, `PAYMENT_METHOD_CONFIGS`, `formatPrice`, `getAvailablePaymentMethods`, `getFilteredPaymentMethodConfigs`, `getOnlinePaymentProviders`, `isOnlineProviderAvailable`, `isPaymentMethodAvailable`, `useCart`, `useCartStore`, `useCategories`, `useFavorites`, `useFavoritesStore`, `useFeaturedProducts`, `useProductBySlug`, `useProducts`, `useSearch`
 
 ```typescript
-import { formatPrice, useCart, useCartStore, ... } from '@/modules/ecommerce-core';
+import { ONLINE_PROVIDER_CONFIGS, PAYMENT_METHOD_CONFIGS, formatPrice, ... } from '@/modules/ecommerce-core';
 ```
 
 ## Usage

package/dist/registry/docs/forgot-password-page-split.md

@@ -0,0 +1,45 @@
+# Forgot Password Page Split
+
+Split-screen password recovery page with form on the left and full-height image on the right. Features email form with success state after submission. Uses customerClient for API calls.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/forgot-password-page-split/index.ts` | index |
+| `$modules$/forgot-password-page-split/forgot-password-page-split.tsx` | page |
+| `$modules$/forgot-password-page-split/lang/en.json` | lang |
+| `$modules$/forgot-password-page-split/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `ForgotPasswordPageSplit`, `default`
+
+```typescript
+import { ForgotPasswordPageSplit, default } from '@/modules/forgot-password-page-split';
+```
+
+## Usage
+
+```
+import ForgotPasswordPageSplit from '@/modules/forgot-password-page-split';
+
+<ForgotPasswordPageSplit
+  image="/images/forgot-bg.jpg"
+/>
+
+• Installed at: src/modules/forgot-password-page-split/
+• Customize text: src/modules/forgot-password-page-split/lang/*.json
+• API Integration:
+  - customerClient.auth.forgotPassword() for sending reset email
+  - Shows success state after email sent
+• Add to your router as a page component
+```
+
+## Dependencies
+
+This component requires:
+- `button`
+- `input`
+- `auth-core`
+- `api`

package/dist/registry/docs/forgot-password-page.md

@@ -0,0 +1,46 @@
+# Forgot Password Page
+
+Centered card password recovery page with Layout wrapper. Two-step flow: request reset code then enter code with new password. Uses useAuth hook from auth-core for API calls.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/forgot-password-page/index.ts` | index |
+| `$modules$/forgot-password-page/forgot-password-page.tsx` | page |
+| `$modules$/forgot-password-page/lang/en.json` | lang |
+| `$modules$/forgot-password-page/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `ForgotPasswordPage`, `default`
+
+```typescript
+import { ForgotPasswordPage, default } from '@/modules/forgot-password-page';
+```
+
+## Usage
+
+```
+import ForgotPasswordPage from '@/modules/forgot-password-page';
+
+<ForgotPasswordPage />
+
+• Installed at: src/modules/forgot-password-page/
+• Customize text: src/modules/forgot-password-page/lang/*.json
+• Uses useAuth() hook from auth-core:
+  const { forgotPassword, resetPassword } = useAuth();
+  await forgotPassword(username);
+  await resetPassword(username, code, newPassword);
+• Two-step flow: request code -> enter code with new password
+• Add to your router as a page component
+```
+
+## Dependencies
+
+This component requires:
+- `button`
+- `input`
+- `card`
+- `auth-core`
+- `api`

package/dist/registry/docs/header-ecommerce.md

@@ -36,3 +36,5 @@ import { Header } from '@/modules/header-ecommerce';
 
 This component requires:
 - `ecommerce-core`
+- `cart-drawer`
+- `auth-core`

package/dist/registry/docs/hero-carousel.md

@@ -0,0 +1,37 @@
+# Hero Carousel
+
+Full-width hero carousel with auto-play and touch support. Features navigation dots, arrows, and configurable interval.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/hero-carousel/hero-carousel.tsx` | component |
+| `$modules$/hero-carousel/index.ts` | index |
+| `$modules$/hero-carousel/lang/en.json` | lang |
+| `$modules$/hero-carousel/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `HeroCarousel`
+
+```typescript
+import { HeroCarousel } from '@/modules/hero-carousel';
+```
+
+## Usage
+
+```
+import { HeroCarousel } from '@/modules/hero-carousel';
+
+<HeroCarousel />
+
+• Installed at: src/modules/hero-carousel/
+• Customize content: lang/en/hero-carousel.json
+• Props: slides[], autoPlay, interval, showDots, showArrows, pauseOnHover
+```
+
+## Dependencies
+
+This component requires:
+- `button`

package/dist/registry/docs/landing-page-app.md

@@ -0,0 +1,43 @@
+# Mobile App Landing Page
+
+Mobile app promotion landing page with phone mockup hero, App Store/Play Store download buttons, 4 feature cards, screenshot carousel, user reviews, and download CTA. Includes floating notification elements and FadeIn/ScaleUp animations.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/landing-page-app/index.ts` | index |
+| `$modules$/landing-page-app/landing-page-app.tsx` | page |
+| `$modules$/landing-page-app/lang/en.json` | lang |
+| `$modules$/landing-page-app/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `LandingPageApp`, `default`
+
+```typescript
+import { LandingPageApp, default } from '@/modules/landing-page-app';
+```
+
+## Usage
+
+```
+import { LandingPageApp } from '@/modules/landing-page-app';
+
+<Route path="/app" element={<LandingPageApp
+  appStoreUrl="https://apps.apple.com/..."
+  playStoreUrl="https://play.google.com/..."
+/>} />
+
+• Phone mockup with floating elements
+• App Store & Play Store buttons
+• 4 feature cards
+• Screenshot carousel
+• 3 user reviews
+• Download CTA section
+```
+
+## Dependencies
+
+This component requires:
+- `animations`

package/dist/registry/docs/landing-page-saas.md

@@ -0,0 +1,41 @@
+# SaaS Landing Page
+
+Complete SaaS product landing page with hero section, product screenshot, stats, 6 feature cards, testimonials with ratings, pricing preview with 3 tiers, and full-width CTA. Fully animated with FadeIn, StaggerContainer, and ScaleUp.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/landing-page-saas/index.ts` | index |
+| `$modules$/landing-page-saas/landing-page-saas.tsx` | page |
+| `$modules$/landing-page-saas/lang/en.json` | lang |
+| `$modules$/landing-page-saas/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `LandingPageSaas`, `default`
+
+```typescript
+import { LandingPageSaas, default } from '@/modules/landing-page-saas';
+```
+
+## Usage
+
+```
+import { LandingPageSaas } from '@/modules/landing-page-saas';
+
+<Route path="/" element={<LandingPageSaas />} />
+
+• Hero with badge, headline, CTA buttons
+• Product screenshot mockup
+• Stats bar (users, uptime, tasks, rating)
+• 6 feature cards with icons
+• 3 testimonial cards
+• 3-tier pricing preview
+• Full-width CTA section
+```
+
+## Dependencies
+
+This component requires:
+- `animations`

package/dist/registry/docs/login-page-split.md

@@ -1,22 +1,22 @@
 # Login Page Split
 
-Split-screen login page with form on the left and full-height image on the right. Features email/password fields, Google login button, sign up and forgot password links. Clean minimal design with responsive layout.
+Split-screen login page with form on the left and full-height image on the right. Features email/password fields, remember me checkbox, sign up and forgot password links. Uses customerClient for API and useAuthStore for state management.
 
 ## Files
 
 | Target | Type |
 |--------|------|
 | `$modules$/login-page-split/index.ts` | index |
-| `$modules$/login-page-split/login-page-split.tsx` | component |
+| `$modules$/login-page-split/login-page-split.tsx` | page |
 | `$modules$/login-page-split/lang/en.json` | lang |
 | `$modules$/login-page-split/lang/tr.json` | lang |
 
 ## Exports
 
-**Components/Functions:** `LoginPageSplit`
+**Components/Functions:** `LoginPageSplit`, `default`
 
 ```typescript
-import { LoginPageSplit } from '@/modules/login-page-split';
+import { LoginPageSplit, default } from '@/modules/login-page-split';
 ```
 
 ## Usage
@@ -30,6 +30,12 @@ import LoginPageSplit from '@/modules/login-page-split';
 
 • Installed at: src/modules/login-page-split/
 • Customize text: src/modules/login-page-split/lang/*.json
+• API Integration:
+  - customerClient.auth.login() for authentication
+  - useAuthStore for state management
+  - Automatically sets token after login
+• Supports remember me (7 days vs default)
+• Redirects to previous page after login
 • Add to your router as a page component
 ```
 
@@ -38,3 +44,6 @@ import LoginPageSplit from '@/modules/login-page-split';
 This component requires:
 - `input`
 - `button`
+- `checkbox`
+- `auth-core`
+- `api`

package/dist/registry/docs/login-page.md

@@ -1,6 +1,6 @@
 # Login Page
 
-Beautiful login page with email/password form, social OAuth buttons (Google, Microsoft), forgot password link, and create account link. Centered card layout with responsive design.
+Presentational login page with email/password form, social OAuth buttons (Google, Microsoft), forgot password link, and create account link. Centered card layout with responsive design. Requires parent to handle authentication via callbacks.
 
 ## Files
 
@@ -24,11 +24,24 @@ import { LoginPage, default } from '@/modules/login-page';
 ```
 import LoginPage from '@/modules/login-page';
 
+// Presentational component - handle auth in parent
 <LoginPage
-  onSubmit={(email, password) => console.log(email, password)}
-  onGoogleLogin={() => console.log('Google')}
-  onMicrosoftLogin={() => console.log('Microsoft')}
+  onSubmit={(email, password) => {
+    // Handle login API call here
+  }}
+  onGoogleLogin={() => {
+    // Handle Google OAuth
+  }}
+  onMicrosoftLogin={() => {
+    // Handle Microsoft OAuth
+  }}
 />
+
+• Installed at: src/modules/login-page/
+• Customize text: src/modules/login-page/lang/*.json
+• This is a presentational component - no built-in API calls
+• Parent must handle authentication via callbacks
+• For built-in API integration, use login-page-split instead
 ```
 
 ## Dependencies

package/dist/registry/docs/logo-cloud.md

@@ -0,0 +1,33 @@
+# Logo Cloud
+
+Partner/client logo marquee with infinite scroll animation. Displays logos in a smooth horizontal scroll with gradient fade edges, grayscale hover effect, and pause on hover.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/logo-cloud/logo-cloud.tsx` | component |
+| `$modules$/logo-cloud/index.ts` | index |
+| `$modules$/logo-cloud/lang/en.json` | lang |
+| `$modules$/logo-cloud/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `LogoCloud`
+
+```typescript
+import { LogoCloud } from '@/modules/logo-cloud';
+```
+
+## Usage
+
+```
+import { LogoCloud } from '@/modules/logo-cloud';
+
+<LogoCloud />
+<LogoCloud speed="normal" />
+<LogoCloud animate={false} />
+
+• Installed at: src/modules/logo-cloud/
+• Props: logos[], title, grayscale, animate, speed (slow|normal|fast), pauseOnHover
+```

package/dist/registry/docs/masonry-grid.md

@@ -0,0 +1,37 @@
+# Masonry Grid
+
+Pinterest-style masonry grid for images with responsive columns, hover zoom effect, and lightbox modal. Supports tall, wide, and normal image spans. Uses motion/react for smooth animations.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/masonry-grid/index.ts` | index |
+| `$modules$/masonry-grid/masonry-grid.tsx` | block |
+| `$modules$/masonry-grid/lang/en.json` | lang |
+| `$modules$/masonry-grid/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `MasonryGrid`
+
+```typescript
+import { MasonryGrid } from '@/modules/masonry-grid';
+```
+
+## Usage
+
+```
+import { MasonryGrid } from '@/modules/masonry-grid';
+
+const images = [
+  { id: '1', src: '/img1.jpg', alt: 'Image 1', span: 'tall' },
+  { id: '2', src: '/img2.jpg', alt: 'Image 2', span: 'normal' },
+];
+
+<MasonryGrid items={images} columns={3} />
+
+• Spans: tall, wide, normal
+• Columns: 2, 3, or 4
+• Click to open lightbox
+```

package/dist/registry/docs/my-orders-page.md

@@ -0,0 +1,44 @@
+# My Orders Page
+
+User orders listing page with order cards showing status, date, total, and items. Requires authentication and fetches orders from API. Features loading skeleton and empty state.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/my-orders-page/index.ts` | index |
+| `$modules$/my-orders-page/my-orders-page.tsx` | page |
+| `$modules$/my-orders-page/lang/en.json` | lang |
+| `$modules$/my-orders-page/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `MyOrdersPage`, `default`
+
+```typescript
+import { MyOrdersPage, default } from '@/modules/my-orders-page';
+```
+
+## Usage
+
+```
+import MyOrdersPage from '@/modules/my-orders-page';
+
+<MyOrdersPage />
+
+• Installed at: src/modules/my-orders-page/
+• Customize text: src/modules/my-orders-page/lang/*.json
+• Uses customerClient.orders.getMyOrders() for API
+• Requires user to be authenticated
+• Add to your router as a page component
+```
+
+## Dependencies
+
+This component requires:
+- `button`
+- `badge`
+- `skeleton`
+- `auth-core`
+- `api`
+- `ecommerce-core`

package/dist/registry/docs/order-confirmation-page.md

@@ -0,0 +1,41 @@
+# Order Confirmation Page
+
+Post-checkout order confirmation page. Displays order summary, payment status for Stripe payments, and order details. Reads pending checkout from localStorage and clears cart on success.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/order-confirmation-page/index.ts` | index |
+| `$modules$/order-confirmation-page/order-confirmation-page.tsx` | page |
+| `$modules$/order-confirmation-page/lang/en.json` | lang |
+| `$modules$/order-confirmation-page/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `OrderConfirmationPage`, `default`
+
+```typescript
+import { OrderConfirmationPage, default } from '@/modules/order-confirmation-page';
+```
+
+## Usage
+
+```
+import OrderConfirmationPage from '@/modules/order-confirmation-page';
+
+<OrderConfirmationPage />
+
+• Installed at: src/modules/order-confirmation-page/
+• Customize text: src/modules/order-confirmation-page/lang/*.json
+• Reads 'pending_checkout' from localStorage
+• Checks payment status for Stripe payments
+• Add to your router as a page component
+```
+
+## Dependencies
+
+This component requires:
+- `button`
+- `api`
+- `ecommerce-core`

package/dist/registry/docs/portfolio-page.md

@@ -0,0 +1,38 @@
+# Portfolio Page
+
+Filterable portfolio grid with project cards. Features category filtering, hover overlays, and smooth animations.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/portfolio-page/portfolio-page.tsx` | component |
+| `$modules$/portfolio-page/index.ts` | index |
+| `$modules$/portfolio-page/lang/en.json` | lang |
+| `$modules$/portfolio-page/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `PortfolioPage`, `default`
+
+```typescript
+import { PortfolioPage, default } from '@/modules/portfolio-page';
+```
+
+## Usage
+
+```
+import { PortfolioPage } from '@/modules/portfolio-page';
+
+<PortfolioPage />
+
+• Installed at: src/modules/portfolio-page/
+• Customize content: lang/en/portfolio-page.json
+• Props: items[], categories[], title, subtitle
+```
+
+## Dependencies
+
+This component requires:
+- `button`
+- `animations`

package/dist/registry/docs/pricing-page.md

@@ -0,0 +1,38 @@
+# Pricing Page
+
+Full pricing page with 3-tier pricing cards (Free, Pro, Enterprise), monthly/annual toggle with 20% savings, feature comparison table, and FAQ teaser. Includes popular badge and staggered animations.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/pricing-page/index.ts` | index |
+| `$modules$/pricing-page/pricing-page.tsx` | page |
+| `$modules$/pricing-page/lang/en.json` | lang |
+| `$modules$/pricing-page/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `PricingPage`, `default`
+
+```typescript
+import { PricingPage, default } from '@/modules/pricing-page';
+```
+
+## Usage
+
+```
+import { PricingPage } from '@/modules/pricing-page';
+
+<Route path="/pricing" element={<PricingPage />} />
+
+• Monthly/Annual billing toggle
+• Feature comparison table
+• Popular plan highlighting
+• FAQ and contact CTA
+```
+
+## Dependencies
+
+This component requires:
+- `animations`

package/dist/registry/docs/privacy-page.md

@@ -30,3 +30,8 @@ import { PrivacyPage } from '@/modules/privacy-page';
 • Sections: data collection, cookies, rights, contact
 • Edit content in lang/en.json
 ```
+
+## Dependencies
+
+This component requires:
+- `animations`

package/dist/registry/docs/product-quick-view.md

@@ -0,0 +1,37 @@
+# Product Quick View
+
+Modal overlay for quick product preview with variant selection. Features image gallery, size/color selectors, and add to cart functionality.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/product-quick-view/product-quick-view.tsx` | component |
+| `$modules$/product-quick-view/index.ts` | index |
+| `$modules$/product-quick-view/lang/en.json` | lang |
+| `$modules$/product-quick-view/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `ProductQuickView`
+
+```typescript
+import { ProductQuickView } from '@/modules/product-quick-view';
+```
+
+## Usage
+
+```
+import { ProductQuickView } from '@/modules/product-quick-view';
+
+<ProductQuickView product={product} open={open} onOpenChange={setOpen} />
+
+• Installed at: src/modules/product-quick-view/
+• Props: product, open, onOpenChange, onAddToCart
+```
+
+## Dependencies
+
+This component requires:
+- `button`
+- `dialog`

package/dist/registry/docs/products-page.md

@@ -37,3 +37,4 @@ import ProductsPage from '@/modules/products-page';
 This component requires:
 - `ecommerce-core`
 - `product-card`
+- `animations`