@attabot/product-app 1.0.0

package/README.md

@@ -0,0 +1,132 @@
+# Product App
+
+A React component library for managing and displaying products with API integration. This package provides a complete product management interface with filtering, search, and product details functionality.
+
+## Installation
+
+```bash
+npm install product-app
+```
+
+## Peer Dependencies
+
+Make sure you have React and React DOM installed in your project:
+
+```bash
+npm install react react-dom
+```
+
+## Usage
+
+### Basic Usage
+
+```jsx
+import React from 'react';
+import ProductApp from 'product-app';
+import 'product-app/style.css';
+
+function App() {
+  return (
+    <ProductApp 
+      apiUrl={import.meta.env.VITE_API_URL} // or process.env.VITE_API_URL
+      authToken="YOUR_BEARER_TOKEN" // optional
+    />
+  );
+}
+
+export default App;
+```
+
+### With Base Path
+
+If you need to mount the app at a specific base path:
+
+```jsx
+import React from 'react';
+import ProductApp from 'product-app';
+import 'product-app/style.css';
+
+function App() {
+  return (
+    <ProductApp 
+      apiUrl="https://your-api-url.com/api"
+      basePath="/products"
+    />
+  );
+}
+
+export default App;
+```
+
+## Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `apiUrl` | `string` | Yes | `import.meta.env.VITE_API_URL` or `process.env.VITE_API_URL` if provided | The base API URL for all API calls |
+| `authToken` | `string` | No | - | Optional bearer token to pre-seed auth |
+| `basePath` | `string` | No | `'/'` | Base path for routing |
+| `theme` | `object` | No | - | Theme configuration (coming soon) |
+
+## API Requirements
+
+The package expects your API to have the following endpoint:
+
+- `GET /products` - Returns a list of products
+
+### Expected Product Data Structure
+
+```json
+{
+  "id": 1,
+  "name": "Product Name",
+  "category": "Category Name",
+  "price": 100,
+  "originalPrice": 120,
+  "stock": 50,
+  "maxStock": 100,
+  "status": "Active",
+  "image": "image-url",
+  "offer": "Special offer text",
+  "sku": "SKU: 123456"
+}
+```
+
+## Authentication
+
+The package uses cookies for authentication:
+- `token` - Access token (Bearer token)
+- `refreshToken` - Refresh token for token renewal
+
+Make sure your API supports token refresh at:
+- `POST /api/v1/auth/refresh`
+
+## Features
+
+- ✅ Product listing with grid view
+- ✅ Product filtering by category and status
+- ✅ Search functionality
+- ✅ Product details page
+- ✅ Bulk selection
+- ✅ Redux state management
+- ✅ Token refresh handling
+- ✅ Responsive design
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Run development server
+npm run dev
+
+# Build for production
+npm run build
+
+# Preview production build
+npm run preview
+```
+
+## License
+
+MIT

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@attabot/product-app",
+  "version": "1.0.0",
+  "description": "A React component library for managing and displaying products with API integration",
+  "type": "module",
+  "main": "./dist/product-app.umd.js",
+  "module": "./dist/product-app.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/product-app.js",
+      "require": "./dist/product-app.umd.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "react",
+    "product",
+    "component",
+    "library",
+    "redux",
+    "mui"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@heroicons/react": "^2.2.0",
+    "@mui/material": "^7.3.6",
+    "@reduxjs/toolkit": "^2.11.1",
+    "axios": "^1.13.2",
+    "js-cookie": "^3.0.5",
+    "lucide-react": "^0.556.0",
+    "react-feather": "^2.0.10",
+    "react-icons": "^5.5.0",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^6.30.2",
+    "redux-persist": "^6.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.3.0"
+  }
+}