hey-pharmacist-ecommerce 1.0.0 → 1.0.1
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/README.md +12 -12
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -16,7 +16,7 @@ A reusable, customizable e-commerce package for Next.js with dynamic theming, bu
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install
|
|
19
|
+
npm install hey-pharmacist-ecommerce
|
|
20
20
|
```
|
|
21
21
|
|
|
22
22
|
### Peer Dependencies
|
|
@@ -35,7 +35,7 @@ Create a configuration file for your store:
|
|
|
35
35
|
|
|
36
36
|
```typescript
|
|
37
37
|
// ecommerce.config.ts
|
|
38
|
-
import { EcommerceConfig } from '
|
|
38
|
+
import { EcommerceConfig } from 'hey-pharmacist-ecommerce';
|
|
39
39
|
|
|
40
40
|
export const config: EcommerceConfig = {
|
|
41
41
|
storeId: 'your-store-id',
|
|
@@ -57,9 +57,9 @@ In your root layout or `_app.tsx`:
|
|
|
57
57
|
|
|
58
58
|
```typescript
|
|
59
59
|
// app/layout.tsx (App Router)
|
|
60
|
-
import { EcommerceProvider } from '
|
|
60
|
+
import { EcommerceProvider } from 'hey-pharmacist-ecommerce';
|
|
61
61
|
import { config } from './ecommerce.config';
|
|
62
|
-
import '
|
|
62
|
+
import 'hey-pharmacist-ecommerce/styles/globals.css';
|
|
63
63
|
|
|
64
64
|
export default function RootLayout({ children }) {
|
|
65
65
|
return (
|
|
@@ -78,7 +78,7 @@ export default function RootLayout({ children }) {
|
|
|
78
78
|
|
|
79
79
|
```typescript
|
|
80
80
|
// app/shop/page.tsx
|
|
81
|
-
import { ShopScreen } from '
|
|
81
|
+
import { ShopScreen } from 'hey-pharmacist-ecommerce';
|
|
82
82
|
|
|
83
83
|
export default function ShopPage() {
|
|
84
84
|
return <ShopScreen />;
|
|
@@ -114,7 +114,7 @@ import {
|
|
|
114
114
|
Input,
|
|
115
115
|
Badge,
|
|
116
116
|
Modal,
|
|
117
|
-
} from '
|
|
117
|
+
} from 'hey-pharmacist-ecommerce';
|
|
118
118
|
```
|
|
119
119
|
|
|
120
120
|
## Hooks
|
|
@@ -131,7 +131,7 @@ import {
|
|
|
131
131
|
useCategories,
|
|
132
132
|
useOrders,
|
|
133
133
|
useCurrentOrders,
|
|
134
|
-
} from '
|
|
134
|
+
} from 'hey-pharmacist-ecommerce';
|
|
135
135
|
|
|
136
136
|
function MyComponent() {
|
|
137
137
|
const { user, login, logout } = useAuth();
|
|
@@ -188,7 +188,7 @@ All requests include:
|
|
|
188
188
|
The package uses Tailwind CSS with CSS variables for dynamic theming. Include the styles:
|
|
189
189
|
|
|
190
190
|
```typescript
|
|
191
|
-
import '
|
|
191
|
+
import 'hey-pharmacist-ecommerce/styles/globals.css';
|
|
192
192
|
```
|
|
193
193
|
|
|
194
194
|
### Customize Tailwind
|
|
@@ -200,7 +200,7 @@ Extend the default Tailwind config if needed:
|
|
|
200
200
|
module.exports = {
|
|
201
201
|
content: [
|
|
202
202
|
'./app/**/*.{js,ts,jsx,tsx}',
|
|
203
|
-
'./node_modules
|
|
203
|
+
'./node_modules/hey-pharmacist-ecommerce/**/*.{js,ts,jsx,tsx}',
|
|
204
204
|
],
|
|
205
205
|
// ... your config
|
|
206
206
|
};
|
|
@@ -233,7 +233,7 @@ import type {
|
|
|
233
233
|
Cart,
|
|
234
234
|
Order,
|
|
235
235
|
User,
|
|
236
|
-
} from '
|
|
236
|
+
} from 'hey-pharmacist-ecommerce';
|
|
237
237
|
```
|
|
238
238
|
|
|
239
239
|
## Advanced Usage
|
|
@@ -243,7 +243,7 @@ import type {
|
|
|
243
243
|
If you need to make custom API calls:
|
|
244
244
|
|
|
245
245
|
```typescript
|
|
246
|
-
import { getApiClient } from '
|
|
246
|
+
import { getApiClient } from 'hey-pharmacist-ecommerce';
|
|
247
247
|
|
|
248
248
|
const apiClient = getApiClient();
|
|
249
249
|
const response = await apiClient.get('/custom-endpoint');
|
|
@@ -252,7 +252,7 @@ const response = await apiClient.get('/custom-endpoint');
|
|
|
252
252
|
### Direct API Access
|
|
253
253
|
|
|
254
254
|
```typescript
|
|
255
|
-
import { productsApi, authApi, cartApi, ordersApi } from '
|
|
255
|
+
import { productsApi, authApi, cartApi, ordersApi } from 'hey-pharmacist-ecommerce';
|
|
256
256
|
|
|
257
257
|
// Use API methods directly
|
|
258
258
|
const products = await productsApi.getProducts({ category: 'electronics' });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hey-pharmacist-ecommerce",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Multi-tenant e-commerce package for Next.js",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -16,13 +16,9 @@
|
|
|
16
16
|
"type-check": "tsc --noEmit"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"react": "^18.2.0",
|
|
20
|
-
"react-dom": "^18.2.0",
|
|
21
|
-
"next": "^14.0.0",
|
|
22
19
|
"axios": "^1.6.0",
|
|
23
20
|
"framer-motion": "^10.16.0",
|
|
24
21
|
"lucide-react": "^0.294.0",
|
|
25
|
-
"react-hook-form": "^7.48.0",
|
|
26
22
|
"zod": "^3.22.0",
|
|
27
23
|
"@hookform/resolvers": "^3.3.0",
|
|
28
24
|
"sonner": "^1.2.0",
|
|
@@ -39,12 +35,17 @@
|
|
|
39
35
|
"autoprefixer": "^10.4.0",
|
|
40
36
|
"tsup": "^8.0.0",
|
|
41
37
|
"eslint": "^8.0.0",
|
|
42
|
-
"eslint-config-next": "^14.0.0"
|
|
38
|
+
"eslint-config-next": "^14.0.0",
|
|
39
|
+
"react": "^18.2.0",
|
|
40
|
+
"react-dom": "^18.2.0",
|
|
41
|
+
"next": "^14.0.0",
|
|
42
|
+
"react-hook-form": "^7.48.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"react": "^18.0.0",
|
|
46
46
|
"react-dom": "^18.0.0",
|
|
47
|
-
"next": "^14.0.0"
|
|
47
|
+
"next": "^14.0.0",
|
|
48
|
+
"react-hook-form": "^7.0.0"
|
|
48
49
|
},
|
|
49
50
|
"keywords": [
|
|
50
51
|
"ecommerce",
|
|
@@ -67,4 +68,3 @@
|
|
|
67
68
|
},
|
|
68
69
|
"homepage": "https://github.com/yourusername/hey-pharmacist-customer#readme"
|
|
69
70
|
}
|
|
70
|
-
|