@promakeai/cli 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +212 -0
- package/dist/registry/about-page.json +45 -0
- package/dist/registry/about-section.json +40 -0
- package/dist/registry/animations.json +69 -0
- package/dist/registry/bento-grid-section.json +42 -0
- package/dist/registry/blog-core.json +74 -0
- package/dist/registry/blog-list-page.json +48 -0
- package/dist/registry/blog-section.json +43 -0
- package/dist/registry/cards-carousel-section.json +46 -0
- package/dist/registry/cart-drawer.json +43 -0
- package/dist/registry/cart-page.json +47 -0
- package/dist/registry/category-section.json +43 -0
- package/dist/registry/checkout-page.json +47 -0
- package/dist/registry/contact-info-grid.json +40 -0
- package/dist/registry/contact-page-centered.json +50 -0
- package/dist/registry/contact-page-map-overlay.json +54 -0
- package/dist/registry/contact-page-map-split.json +54 -0
- package/dist/registry/contact-page-split.json +49 -0
- package/dist/registry/contact-page.json +45 -0
- package/dist/registry/content-section.json +40 -0
- package/dist/registry/cookies-page.json +45 -0
- package/dist/registry/cta-section.json +40 -0
- package/dist/registry/docs/about-page.md +32 -0
- package/dist/registry/docs/about-section.md +33 -0
- package/dist/registry/docs/animations.md +44 -0
- package/dist/registry/docs/bento-grid-section.md +40 -0
- package/dist/registry/docs/blog-core.md +37 -0
- package/dist/registry/docs/blog-list-page.md +38 -0
- package/dist/registry/docs/blog-section.md +39 -0
- package/dist/registry/docs/cards-carousel-section.md +39 -0
- package/dist/registry/docs/cart-drawer.md +42 -0
- package/dist/registry/docs/cart-page.md +37 -0
- package/dist/registry/docs/category-section.md +34 -0
- package/dist/registry/docs/checkout-page.md +38 -0
- package/dist/registry/docs/contact-info-grid.md +33 -0
- package/dist/registry/docs/contact-page-centered.md +41 -0
- package/dist/registry/docs/contact-page-map-overlay.md +44 -0
- package/dist/registry/docs/contact-page-map-split.md +44 -0
- package/dist/registry/docs/contact-page-split.md +40 -0
- package/dist/registry/docs/contact-page.md +33 -0
- package/dist/registry/docs/content-section.md +35 -0
- package/dist/registry/docs/cookies-page.md +32 -0
- package/dist/registry/docs/cta-section.md +32 -0
- package/dist/registry/docs/ecommerce-core.md +41 -0
- package/dist/registry/docs/empty-page.md +31 -0
- package/dist/registry/docs/faq-categorized.md +38 -0
- package/dist/registry/docs/faq-simple.md +38 -0
- package/dist/registry/docs/favorites-blog-block.md +38 -0
- package/dist/registry/docs/favorites-ecommerce-block.md +38 -0
- package/dist/registry/docs/feature-section.md +33 -0
- package/dist/registry/docs/featured-products.md +38 -0
- package/dist/registry/docs/footer-detailed.md +33 -0
- package/dist/registry/docs/footer-minimal.md +32 -0
- package/dist/registry/docs/footer.md +32 -0
- package/dist/registry/docs/google-map.md +36 -0
- package/dist/registry/docs/header-centered-pill.md +37 -0
- package/dist/registry/docs/header-ecommerce.md +38 -0
- package/dist/registry/docs/header-mega.md +40 -0
- package/dist/registry/docs/header-minimal.md +38 -0
- package/dist/registry/docs/header-simple.md +32 -0
- package/dist/registry/docs/hero-cta.md +38 -0
- package/dist/registry/docs/hero-gradient.md +33 -0
- package/dist/registry/docs/hero-grid.md +40 -0
- package/dist/registry/docs/hero-profile.md +33 -0
- package/dist/registry/docs/hero.md +32 -0
- package/dist/registry/docs/login-page-split.md +40 -0
- package/dist/registry/docs/login-page.md +39 -0
- package/dist/registry/docs/newsletter-section.md +40 -0
- package/dist/registry/docs/order-card-compact.md +37 -0
- package/dist/registry/docs/order-detail-block.md +37 -0
- package/dist/registry/docs/orders-list-block.md +40 -0
- package/dist/registry/docs/payment-success-block.md +32 -0
- package/dist/registry/docs/post-card.md +37 -0
- package/dist/registry/docs/post-detail-block.md +37 -0
- package/dist/registry/docs/pricing-card.md +37 -0
- package/dist/registry/docs/pricing-section.md +39 -0
- package/dist/registry/docs/privacy-page.md +32 -0
- package/dist/registry/docs/product-card-detailed.md +42 -0
- package/dist/registry/docs/product-card-hover.md +35 -0
- package/dist/registry/docs/product-card.md +37 -0
- package/dist/registry/docs/product-detail-block.md +37 -0
- package/dist/registry/docs/product-detail-section.md +45 -0
- package/dist/registry/docs/products-page.md +39 -0
- package/dist/registry/docs/related-posts-block.md +38 -0
- package/dist/registry/docs/related-products-block.md +38 -0
- package/dist/registry/docs/service-card.md +34 -0
- package/dist/registry/docs/skill-card.md +33 -0
- package/dist/registry/docs/terms-page.md +32 -0
- package/dist/registry/docs/testimonials-carousel.md +40 -0
- package/dist/registry/docs/testimonials-grid.md +39 -0
- package/dist/registry/ecommerce-core.json +95 -0
- package/dist/registry/empty-page.json +45 -0
- package/dist/registry/faq-categorized.json +42 -0
- package/dist/registry/faq-simple.json +42 -0
- package/dist/registry/favorites-blog-block.json +43 -0
- package/dist/registry/favorites-ecommerce-block.json +43 -0
- package/dist/registry/feature-section.json +40 -0
- package/dist/registry/featured-products.json +43 -0
- package/dist/registry/footer-detailed.json +43 -0
- package/dist/registry/footer-minimal.json +40 -0
- package/dist/registry/footer.json +40 -0
- package/dist/registry/google-map.json +31 -0
- package/dist/registry/header-centered-pill.json +45 -0
- package/dist/registry/header-ecommerce.json +42 -0
- package/dist/registry/header-mega.json +47 -0
- package/dist/registry/header-minimal.json +45 -0
- package/dist/registry/header-simple.json +43 -0
- package/dist/registry/hero-cta.json +42 -0
- package/dist/registry/hero-gradient.json +40 -0
- package/dist/registry/hero-grid.json +42 -0
- package/dist/registry/hero-profile.json +62 -0
- package/dist/registry/hero.json +40 -0
- package/dist/registry/index.json +70 -0
- package/dist/registry/login-page-split.json +47 -0
- package/dist/registry/login-page.json +49 -0
- package/dist/registry/newsletter-section.json +44 -0
- package/dist/registry/order-card-compact.json +42 -0
- package/dist/registry/order-detail-block.json +42 -0
- package/dist/registry/orders-list-block.json +45 -0
- package/dist/registry/payment-success-block.json +40 -0
- package/dist/registry/post-card.json +42 -0
- package/dist/registry/post-detail-block.json +42 -0
- package/dist/registry/pricing-card.json +40 -0
- package/dist/registry/pricing-section.json +43 -0
- package/dist/registry/privacy-page.json +45 -0
- package/dist/registry/product-card-detailed.json +45 -0
- package/dist/registry/product-card-hover.json +40 -0
- package/dist/registry/product-card.json +42 -0
- package/dist/registry/product-detail-block.json +42 -0
- package/dist/registry/product-detail-section.json +46 -0
- package/dist/registry/products-page.json +48 -0
- package/dist/registry/related-posts-block.json +43 -0
- package/dist/registry/related-products-block.json +43 -0
- package/dist/registry/service-card.json +28 -0
- package/dist/registry/skill-card.json +28 -0
- package/dist/registry/terms-page.json +45 -0
- package/dist/registry/testimonials-carousel.json +44 -0
- package/dist/registry/testimonials-grid.json +43 -0
- package/package.json +52 -0
- package/template/.env +6 -0
- package/template/.prettierignore +3 -0
- package/template/.prettierrc +1 -0
- package/template/README.md +73 -0
- package/template/bun.lock +1007 -0
- package/template/components.json +22 -0
- package/template/eslint.config.js +32 -0
- package/template/index.html +285 -0
- package/template/package.json +92 -0
- package/template/promake.json +6 -0
- package/template/public/_redirects +1 -0
- package/template/public/data/database.db +0 -0
- package/template/public/favicon.svg +1 -0
- package/template/public/images/placeholder.png +0 -0
- package/template/public/robots.txt +14 -0
- package/template/scripts/init-db.ts +131 -0
- package/template/src/App.tsx +33 -0
- package/template/src/components/Footer.tsx +100 -0
- package/template/src/components/Header.tsx +79 -0
- package/template/src/components/Hero.tsx +69 -0
- package/template/src/components/LanguageSwitcher.tsx +47 -0
- package/template/src/components/Layout.tsx +25 -0
- package/template/src/components/Logo.tsx +64 -0
- package/template/src/components/ThemeSwitcher.tsx +58 -0
- package/template/src/components/ui/accordion.tsx +64 -0
- package/template/src/components/ui/alert-dialog.tsx +155 -0
- package/template/src/components/ui/alert.tsx +66 -0
- package/template/src/components/ui/aspect-ratio.tsx +11 -0
- package/template/src/components/ui/avatar.tsx +51 -0
- package/template/src/components/ui/badge.tsx +46 -0
- package/template/src/components/ui/breadcrumb.tsx +109 -0
- package/template/src/components/ui/button-group.tsx +83 -0
- package/template/src/components/ui/button.tsx +62 -0
- package/template/src/components/ui/calendar.tsx +220 -0
- package/template/src/components/ui/card.tsx +92 -0
- package/template/src/components/ui/carousel.tsx +239 -0
- package/template/src/components/ui/chart.tsx +357 -0
- package/template/src/components/ui/checkbox.tsx +32 -0
- package/template/src/components/ui/collapsible.tsx +31 -0
- package/template/src/components/ui/command.tsx +182 -0
- package/template/src/components/ui/context-menu.tsx +252 -0
- package/template/src/components/ui/dialog.tsx +141 -0
- package/template/src/components/ui/drawer.tsx +135 -0
- package/template/src/components/ui/dropdown-menu.tsx +255 -0
- package/template/src/components/ui/empty.tsx +104 -0
- package/template/src/components/ui/field.tsx +246 -0
- package/template/src/components/ui/form.tsx +168 -0
- package/template/src/components/ui/hover-card.tsx +44 -0
- package/template/src/components/ui/input-group.tsx +170 -0
- package/template/src/components/ui/input-otp.tsx +75 -0
- package/template/src/components/ui/input.tsx +21 -0
- package/template/src/components/ui/item.tsx +193 -0
- package/template/src/components/ui/kbd.tsx +28 -0
- package/template/src/components/ui/label.tsx +24 -0
- package/template/src/components/ui/menubar.tsx +274 -0
- package/template/src/components/ui/navigation-menu.tsx +168 -0
- package/template/src/components/ui/pagination.tsx +127 -0
- package/template/src/components/ui/popover.tsx +48 -0
- package/template/src/components/ui/progress.tsx +29 -0
- package/template/src/components/ui/radio-group.tsx +45 -0
- package/template/src/components/ui/resizable.tsx +54 -0
- package/template/src/components/ui/scroll-area.tsx +58 -0
- package/template/src/components/ui/select.tsx +188 -0
- package/template/src/components/ui/separator.tsx +28 -0
- package/template/src/components/ui/sheet.tsx +137 -0
- package/template/src/components/ui/sidebar.tsx +726 -0
- package/template/src/components/ui/skeleton.tsx +13 -0
- package/template/src/components/ui/slider.tsx +63 -0
- package/template/src/components/ui/sonner.tsx +38 -0
- package/template/src/components/ui/spinner.tsx +16 -0
- package/template/src/components/ui/switch.tsx +31 -0
- package/template/src/components/ui/table.tsx +114 -0
- package/template/src/components/ui/tabs.tsx +66 -0
- package/template/src/components/ui/textarea.tsx +18 -0
- package/template/src/components/ui/toggle-group.tsx +81 -0
- package/template/src/components/ui/toggle.tsx +45 -0
- package/template/src/components/ui/tooltip.tsx +61 -0
- package/template/src/constants/constants.json +58 -0
- package/template/src/hooks/use-is-mobile.ts +21 -0
- package/template/src/hooks/use-page-title.ts +49 -0
- package/template/src/hooks/use-theme.ts +57 -0
- package/template/src/index.css +128 -0
- package/template/src/lang/en/about.json +4 -0
- package/template/src/lang/en/contact.json +39 -0
- package/template/src/lang/en/cookies.json +4 -0
- package/template/src/lang/en/footer.json +12 -0
- package/template/src/lang/en/forgotPassword.json +37 -0
- package/template/src/lang/en/header.json +10 -0
- package/template/src/lang/en/hero.json +8 -0
- package/template/src/lang/en/index.json +30 -0
- package/template/src/lang/en/login.json +18 -0
- package/template/src/lang/en/notfound.json +7 -0
- package/template/src/lang/en/privacy.json +4 -0
- package/template/src/lang/en/register.json +25 -0
- package/template/src/lang/en/terms.json +4 -0
- package/template/src/lang/index.ts +86 -0
- package/template/src/lang/tr/about.json +4 -0
- package/template/src/lang/tr/contact.json +39 -0
- package/template/src/lang/tr/cookies.json +4 -0
- package/template/src/lang/tr/footer.json +12 -0
- package/template/src/lang/tr/forgotPassword.json +37 -0
- package/template/src/lang/tr/header.json +10 -0
- package/template/src/lang/tr/hero.json +8 -0
- package/template/src/lang/tr/index.json +30 -0
- package/template/src/lang/tr/login.json +18 -0
- package/template/src/lang/tr/notfound.json +7 -0
- package/template/src/lang/tr/privacy.json +4 -0
- package/template/src/lang/tr/register.json +25 -0
- package/template/src/lang/tr/terms.json +4 -0
- package/template/src/lib/api.ts +237 -0
- package/template/src/lib/storage.ts +109 -0
- package/template/src/lib/utils.ts +15 -0
- package/template/src/main.tsx +13 -0
- package/template/src/modules/api/USAGE.md +515 -0
- package/template/src/modules/api/customer-client.ts +20 -0
- package/template/src/modules/api/get-error-message.ts +18 -0
- package/template/src/modules/api/validation/en.json +29 -0
- package/template/src/modules/api/validation/tr.json +29 -0
- package/template/src/modules/auth/USAGE.md +248 -0
- package/template/src/modules/auth/auth-header-menu.tsx +123 -0
- package/template/src/modules/auth/auth-store.ts +57 -0
- package/template/src/modules/auth/forgot-password-page.tsx +371 -0
- package/template/src/modules/auth/login-page.tsx +183 -0
- package/template/src/modules/auth/register-page.tsx +252 -0
- package/template/src/modules/auth/use-auth.ts +273 -0
- package/template/src/modules/db/adapters/IDataAdapter.ts +26 -0
- package/template/src/modules/db/adapters/SqliteAdapter.ts +364 -0
- package/template/src/modules/db/adapters/index.ts +2 -0
- package/template/src/modules/db/config.ts +59 -0
- package/template/src/modules/db/core/DataManager.ts +125 -0
- package/template/src/modules/db/core/types.ts +101 -0
- package/template/src/modules/db/index.ts +42 -0
- package/template/src/modules/db/react/QueryProvider.tsx +16 -0
- package/template/src/modules/db/react/index.ts +23 -0
- package/template/src/modules/db/react/queryClient.ts +64 -0
- package/template/src/modules/db/react/useRepository.ts +400 -0
- package/template/src/modules/db/utils/parsers.ts +96 -0
- package/template/src/pages/Index.tsx +108 -0
- package/template/src/pages/NotFound.tsx +35 -0
- package/template/src/router.tsx +14 -0
- package/template/src/types/index.ts +0 -0
- package/template/src/vite-env.d.ts +1 -0
- package/template/tsconfig.app.json +32 -0
- package/template/tsconfig.json +17 -0
- package/template/tsconfig.node.json +26 -0
- package/template/vite.config.ts +74 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# Login Page
|
|
2
|
+
|
|
3
|
+
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.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/login-page/index.ts` | index |
|
|
10
|
+
| `$modules$/login-page/login-page.tsx` | page |
|
|
11
|
+
| `$modules$/login-page/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/login-page/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `LoginPage`, `default`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { LoginPage, default } from '@/modules/login-page';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import LoginPage from '@/modules/login-page';
|
|
26
|
+
|
|
27
|
+
<LoginPage
|
|
28
|
+
onSubmit={(email, password) => console.log(email, password)}
|
|
29
|
+
onGoogleLogin={() => console.log('Google')}
|
|
30
|
+
onMicrosoftLogin={() => console.log('Microsoft')}
|
|
31
|
+
/>
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Dependencies
|
|
35
|
+
|
|
36
|
+
This component requires:
|
|
37
|
+
- `button`
|
|
38
|
+
- `input`
|
|
39
|
+
- `label`
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# Newsletter Section
|
|
2
|
+
|
|
3
|
+
Newsletter subscription section with image and email form. Features a two-column card layout with customizable image on the left and centered subscription form on the right. Accent background with clean, minimal design.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/newsletter-section/index.ts` | index |
|
|
10
|
+
| `$modules$/newsletter-section/newsletter-section.tsx` | component |
|
|
11
|
+
| `$modules$/newsletter-section/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/newsletter-section/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `NewsletterSection`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { NewsletterSection } from '@/modules/newsletter-section';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { NewsletterSection } from '@/modules/newsletter-section';
|
|
26
|
+
|
|
27
|
+
<NewsletterSection
|
|
28
|
+
image="/images/newsletter.jpg"
|
|
29
|
+
/>
|
|
30
|
+
|
|
31
|
+
• Installed at: src/modules/newsletter-section/
|
|
32
|
+
• Customize text: src/modules/newsletter-section/lang/*.json
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Dependencies
|
|
36
|
+
|
|
37
|
+
This component requires:
|
|
38
|
+
- `card`
|
|
39
|
+
- `input`
|
|
40
|
+
- `button`
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Order Card Compact
|
|
2
|
+
|
|
3
|
+
Compact order card component for displaying order summary with status badge, items preview, and quick actions
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/order-card-compact/index.ts` | index |
|
|
10
|
+
| `$modules$/order-card-compact/order-card-compact.tsx` | component |
|
|
11
|
+
| `$modules$/order-card-compact/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/order-card-compact/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `OrderCardCompact`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { OrderCardCompact } from '@/modules/order-card-compact';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { OrderCardCompact } from '@/modules/order-card-compact';
|
|
26
|
+
|
|
27
|
+
<OrderCardCompact order={order} />
|
|
28
|
+
|
|
29
|
+
• Installed at: src/modules/order-card-compact/
|
|
30
|
+
• Shows status, items preview, date, total
|
|
31
|
+
• Use in orders list or dashboard
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Dependencies
|
|
35
|
+
|
|
36
|
+
This component requires:
|
|
37
|
+
- `ecommerce-core`
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Order Detail Block
|
|
2
|
+
|
|
3
|
+
Complete order confirmation view with order summary, status tracker, items list, delivery information, and payment instructions
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/order-detail-block/index.ts` | index |
|
|
10
|
+
| `$modules$/order-detail-block/order-detail-block.tsx` | block |
|
|
11
|
+
| `$modules$/order-detail-block/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/order-detail-block/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `OrderDetailBlock`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { OrderDetailBlock } from '@/modules/order-detail-block';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { OrderDetailBlock } from '@/modules/order-detail-block';
|
|
26
|
+
|
|
27
|
+
<OrderDetailBlock order={order} />
|
|
28
|
+
|
|
29
|
+
• Installed at: src/modules/order-detail-block/
|
|
30
|
+
• Displays order summary, status, items, delivery info
|
|
31
|
+
• Use in order confirmation or order history pages
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Dependencies
|
|
35
|
+
|
|
36
|
+
This component requires:
|
|
37
|
+
- `ecommerce-core`
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# Orders List Block
|
|
2
|
+
|
|
3
|
+
User's order history list with loading skeleton, error state, and empty state. Shows order cards with status badge, date, total, items preview. Each card links to order detail.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/orders-list-block/index.ts` | index |
|
|
10
|
+
| `$modules$/orders-list-block/orders-list-block.tsx` | block |
|
|
11
|
+
| `$modules$/orders-list-block/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/orders-list-block/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Types:** `OrdersListBlockProps`
|
|
17
|
+
|
|
18
|
+
**Components/Functions:** `OrdersListBlock`
|
|
19
|
+
|
|
20
|
+
```typescript
|
|
21
|
+
import { OrdersListBlock, OrdersListBlockProps } from '@/modules/orders-list-block';
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Usage
|
|
25
|
+
|
|
26
|
+
```
|
|
27
|
+
import { OrdersListBlock } from '@/modules/orders-list-block';
|
|
28
|
+
|
|
29
|
+
<OrdersListBlock orders={orders} loading={loading} />
|
|
30
|
+
|
|
31
|
+
• Props: orders (Order[]), loading (boolean)
|
|
32
|
+
• Uses OrderCardCompact for each order
|
|
33
|
+
• States: loading, empty, error, list
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Dependencies
|
|
37
|
+
|
|
38
|
+
This component requires:
|
|
39
|
+
- `ecommerce-core`
|
|
40
|
+
- `order-card-compact`
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# Payment Success Block
|
|
2
|
+
|
|
3
|
+
Payment verification UI with loading, success, and failed states. Displays order details and navigation options
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/payment-success-block/index.ts` | index |
|
|
10
|
+
| `$modules$/payment-success-block/payment-success-block.tsx` | block |
|
|
11
|
+
| `$modules$/payment-success-block/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/payment-success-block/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `PaymentSuccessBlock`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { PaymentSuccessBlock } from '@/modules/payment-success-block';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { PaymentSuccessBlock } from '@/modules/payment-success-block';
|
|
26
|
+
|
|
27
|
+
<PaymentSuccessBlock status="success" orderId={orderId} />
|
|
28
|
+
|
|
29
|
+
• Installed at: src/modules/payment-success-block/
|
|
30
|
+
• Handles loading, success, and failed states
|
|
31
|
+
• Use in payment callback/confirmation pages
|
|
32
|
+
```
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Post Card
|
|
2
|
+
|
|
3
|
+
Blog post card with grid and list layouts. Displays featured image, title, excerpt, categories, author, date, read time, and view count. Includes favorite/bookmark toggle button.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/post-card/index.ts` | index |
|
|
10
|
+
| `$modules$/post-card/post-card.tsx` | component |
|
|
11
|
+
| `$modules$/post-card/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/post-card/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `PostCard`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { PostCard } from '@/modules/post-card';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { PostCard } from '@/modules/post-card';
|
|
26
|
+
|
|
27
|
+
<PostCard post={post} layout="grid" />
|
|
28
|
+
|
|
29
|
+
• Props: post (Post from blog-core), layout (grid|list)
|
|
30
|
+
• Uses useBlog() from blog-core (Zustand) for favorites
|
|
31
|
+
• Features: bookmark toggle, category badges, read time
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Dependencies
|
|
35
|
+
|
|
36
|
+
This component requires:
|
|
37
|
+
- `blog-core`
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Post Detail Block
|
|
2
|
+
|
|
3
|
+
Blog post detail view with featured image header, meta info (date, read time, views), rich content area, tags, author bio card, and share/favorite buttons. Responsive typography and reading-optimized layout.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/post-detail-block/index.ts` | index |
|
|
10
|
+
| `$modules$/post-detail-block/post-detail-block.tsx` | block |
|
|
11
|
+
| `$modules$/post-detail-block/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/post-detail-block/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `PostDetailBlock`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { PostDetailBlock } from '@/modules/post-detail-block';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { PostDetailBlock } from '@/modules/post-detail-block';
|
|
26
|
+
|
|
27
|
+
<PostDetailBlock post={post} />
|
|
28
|
+
|
|
29
|
+
• Uses useBlog() from blog-core (Zustand)
|
|
30
|
+
• Sections: header, content, tags, author, share
|
|
31
|
+
• Props: post (Post type from blog-core)
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Dependencies
|
|
35
|
+
|
|
36
|
+
This component requires:
|
|
37
|
+
- `blog-core`
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Pricing Card
|
|
2
|
+
|
|
3
|
+
SaaS-style pricing plan card with plan name, price (monthly/yearly toggle support), feature list with check/x icons, highlighted 'Popular' badge option, and CTA button. Features hover scale effect, border highlight for recommended plan, and responsive sizing.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/pricing-card/index.ts` | index |
|
|
10
|
+
| `$modules$/pricing-card/pricing-card.tsx` | component |
|
|
11
|
+
| `$modules$/pricing-card/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/pricing-card/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `PricingCard`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { PricingCard } from '@/modules/pricing-card';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { PricingCard } from '@/modules/pricing-card';
|
|
26
|
+
|
|
27
|
+
<PricingCard
|
|
28
|
+
name="Pro"
|
|
29
|
+
price={29}
|
|
30
|
+
period="month"
|
|
31
|
+
features={['Feature 1', 'Feature 2']}
|
|
32
|
+
popular={true}
|
|
33
|
+
/>
|
|
34
|
+
|
|
35
|
+
• Installed at: src/modules/pricing-card/
|
|
36
|
+
• Use in grid: grid grid-cols-1 md:grid-cols-3 gap-8
|
|
37
|
+
```
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# Pricing Section
|
|
2
|
+
|
|
3
|
+
Three-tier pricing section with feature comparison. Features Starter, Professional (highlighted as popular), and Enterprise tiers. Each card shows price, description, feature list with checkmarks, and CTA button. Includes money-back guarantee text.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/pricing-section/index.ts` | index |
|
|
10
|
+
| `$modules$/pricing-section/pricing-section.tsx` | component |
|
|
11
|
+
| `$modules$/pricing-section/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/pricing-section/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `PricingSection`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { PricingSection } from '@/modules/pricing-section';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { PricingSection } from '@/modules/pricing-section';
|
|
26
|
+
|
|
27
|
+
<PricingSection />
|
|
28
|
+
|
|
29
|
+
- 3-tier pricing cards
|
|
30
|
+
- Popular tier highlighted
|
|
31
|
+
- Feature checkmarks
|
|
32
|
+
- Customize prices via lang files
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Dependencies
|
|
36
|
+
|
|
37
|
+
This component requires:
|
|
38
|
+
- `card`
|
|
39
|
+
- `badge`
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# Privacy Policy Page
|
|
2
|
+
|
|
3
|
+
GDPR/CCPA-friendly privacy policy page with table of contents, collapsible sections, and legal text formatting. Covers data collection, usage, cookies, third-party services, user rights, and contact information. Last updated date and version tracking included. Professionally structured for compliance.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/privacy-page/index.ts` | index |
|
|
10
|
+
| `$modules$/privacy-page/privacy-page.tsx` | page |
|
|
11
|
+
| `$modules$/privacy-page/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/privacy-page/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `PrivacyPage`, `default`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { PrivacyPage, default } from '@/modules/privacy-page';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { PrivacyPage } from '@/modules/privacy-page';
|
|
26
|
+
|
|
27
|
+
<Route path="/privacy" element={<PrivacyPage />} />
|
|
28
|
+
|
|
29
|
+
• GDPR/CCPA compliant structure
|
|
30
|
+
• Sections: data collection, cookies, rights, contact
|
|
31
|
+
• Edit content in lang/en.json
|
|
32
|
+
```
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
# Product Card Detailed
|
|
2
|
+
|
|
3
|
+
Detailed product card with wishlist button, hover scale effect, price with optional discount, description, and Add to Cart/Buy Now action buttons. Perfect for product grids with more information.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/product-card-detailed/index.ts` | index |
|
|
10
|
+
| `$modules$/product-card-detailed/product-card-detailed.tsx` | component |
|
|
11
|
+
| `$modules$/product-card-detailed/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/product-card-detailed/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `ProductCardDetailed`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { ProductCardDetailed } from '@/modules/product-card-detailed';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { ProductCardDetailed } from '@/modules/product-card-detailed';
|
|
26
|
+
|
|
27
|
+
<ProductCardDetailed
|
|
28
|
+
href="/products/1"
|
|
29
|
+
image="/images/product.jpg"
|
|
30
|
+
title="Wireless Headphones"
|
|
31
|
+
price={49.99}
|
|
32
|
+
originalPrice={80}
|
|
33
|
+
description="Product description here..."
|
|
34
|
+
onAddToCart={() => {}}
|
|
35
|
+
onBuyNow={() => {}}
|
|
36
|
+
/>
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## Dependencies
|
|
40
|
+
|
|
41
|
+
This component requires:
|
|
42
|
+
- `button`
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# Product Card Hover
|
|
2
|
+
|
|
3
|
+
Product card with image swap on hover effect. Shows default image and reveals alternate image on mouse hover with smooth opacity transition. Displays product name, price, and optional color count.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/product-card-hover/index.ts` | index |
|
|
10
|
+
| `$modules$/product-card-hover/product-card-hover.tsx` | component |
|
|
11
|
+
| `$modules$/product-card-hover/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/product-card-hover/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `ProductCardHover`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { ProductCardHover } from '@/modules/product-card-hover';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { ProductCardHover } from '@/modules/product-card-hover';
|
|
26
|
+
|
|
27
|
+
<ProductCardHover
|
|
28
|
+
href="/products/1"
|
|
29
|
+
image="/images/product-1.jpg"
|
|
30
|
+
hoverImage="/images/product-1-alt.jpg"
|
|
31
|
+
title="Limited Edition Sports Trainer"
|
|
32
|
+
price={189.99}
|
|
33
|
+
colorCount={6}
|
|
34
|
+
/>
|
|
35
|
+
```
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Product Card
|
|
2
|
+
|
|
3
|
+
Versatile e-commerce product card with 4 variants: 'grid' (standard), 'list' (horizontal), 'featured' (large with badge), 'compact' (minimal). Includes add-to-cart button and favorite toggle. Shows price, sale badge, and rating.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/product-card/index.ts` | index |
|
|
10
|
+
| `$modules$/product-card/product-card.tsx` | component |
|
|
11
|
+
| `$modules$/product-card/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/product-card/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `ProductCard`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { ProductCard } from '@/modules/product-card';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { ProductCard } from '@/modules/product-card';
|
|
26
|
+
|
|
27
|
+
<ProductCard product={product} variant="grid" />
|
|
28
|
+
|
|
29
|
+
• Props: product (Product from ecommerce-core), variant (grid|list|featured|compact)
|
|
30
|
+
• Uses useCart() and useFavorites() from ecommerce-core (Zustand)
|
|
31
|
+
• Features: add to cart, toggle favorite, sale badge, rating display
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Dependencies
|
|
35
|
+
|
|
36
|
+
This component requires:
|
|
37
|
+
- `ecommerce-core`
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Product Detail Block
|
|
2
|
+
|
|
3
|
+
Product detail view with image gallery (lightbox zoom), variant selector, quantity input, specifications tabs, reviews section, and add to cart button. Mobile responsive with sticky add-to-cart bar.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/product-detail-block/index.ts` | index |
|
|
10
|
+
| `$modules$/product-detail-block/product-detail-block.tsx` | block |
|
|
11
|
+
| `$modules$/product-detail-block/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/product-detail-block/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `ProductDetailBlock`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { ProductDetailBlock } from '@/modules/product-detail-block';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { ProductDetailBlock } from '@/modules/product-detail-block';
|
|
26
|
+
|
|
27
|
+
<ProductDetailBlock product={product} />
|
|
28
|
+
|
|
29
|
+
• Uses useCart() from ecommerce-core (Zustand)
|
|
30
|
+
• Sections: gallery, info, variants, specs, reviews
|
|
31
|
+
• Props: product (Product type from ecommerce-core)
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Dependencies
|
|
35
|
+
|
|
36
|
+
This component requires:
|
|
37
|
+
- `ecommerce-core`
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# Product Detail Section
|
|
2
|
+
|
|
3
|
+
Product detail UI section with image, title, brand, price, description, color/size selectors, rating stars, social share buttons, and add to cart/wishlist actions. Fully customizable via props.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/product-detail-section/index.ts` | index |
|
|
10
|
+
| `$modules$/product-detail-section/product-detail-section.tsx` | component |
|
|
11
|
+
| `$modules$/product-detail-section/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/product-detail-section/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `ProductDetailSection`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { ProductDetailSection } from '@/modules/product-detail-section';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import { ProductDetailSection } from '@/modules/product-detail-section';
|
|
26
|
+
|
|
27
|
+
<ProductDetailSection
|
|
28
|
+
image="/images/product.jpg"
|
|
29
|
+
title="Product Name"
|
|
30
|
+
brand="Brand"
|
|
31
|
+
price={58}
|
|
32
|
+
description="Product description..."
|
|
33
|
+
colors={[{ name: 'Red', value: '#ef4444' }]}
|
|
34
|
+
sizes={['SM', 'M', 'L', 'XL']}
|
|
35
|
+
rating={4}
|
|
36
|
+
reviewCount={12}
|
|
37
|
+
onAddToCart={() => {}}
|
|
38
|
+
/>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Dependencies
|
|
42
|
+
|
|
43
|
+
This component requires:
|
|
44
|
+
- `button`
|
|
45
|
+
- `select`
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# Products Page
|
|
2
|
+
|
|
3
|
+
Full-featured product listing page with sidebar filters (category, price range, rating), sorting options (price, name, rating, newest), view toggle (grid/list), pagination, and search integration. Uses ProductCard component for display. Includes loading skeletons, empty state handling, and responsive design with collapsible mobile filters.
|
|
4
|
+
|
|
5
|
+
## Files
|
|
6
|
+
|
|
7
|
+
| Target | Type |
|
|
8
|
+
|--------|------|
|
|
9
|
+
| `$modules$/products-page/index.ts` | index |
|
|
10
|
+
| `$modules$/products-page/products-page.tsx` | page |
|
|
11
|
+
| `$modules$/products-page/lang/en.json` | lang |
|
|
12
|
+
| `$modules$/products-page/lang/tr.json` | lang |
|
|
13
|
+
|
|
14
|
+
## Exports
|
|
15
|
+
|
|
16
|
+
**Components/Functions:** `ProductsPage`, `default`
|
|
17
|
+
|
|
18
|
+
```typescript
|
|
19
|
+
import { ProductsPage, default } from '@/modules/products-page';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
import ProductsPage from '@/modules/products-page';
|
|
26
|
+
|
|
27
|
+
<Route path="/products" element={<ProductsPage />} />
|
|
28
|
+
|
|
29
|
+
• Installed at: src/modules/products-page/
|
|
30
|
+
• Add link: <Link to="/products">Browse Products</Link>
|
|
31
|
+
• Supports filters, sorting, grid/list view, pagination
|
|
32
|
+
• Uses useProducts hook for data fetching
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Dependencies
|
|
36
|
+
|
|
37
|
+
This component requires:
|
|
38
|
+
- `ecommerce-core`
|
|
39
|
+
- `product-card`
|