@ravishranjan/cart 2.0.4 → 2.0.6

package/dist/react/index.d.mts

@@ -1 +1,4 @@
 export { useCart } from './useCart.mjs';
+export { CartProvider } from './CartContext.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/react/index.d.ts

@@ -1 +1,4 @@
 export { useCart } from './useCart.js';
+export { CartProvider } from './CartContext.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/react/index.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/react/index.ts
 var react_exports = {};
 __export(react_exports, {
+  CartProvider: () => CartProvider,
   useCart: () => useCart
 });
 module.exports = __toCommonJS(react_exports);
@@ -29,8 +30,92 @@ var import_react2 = require("react");
 
 // src/react/CartContext.tsx
 var import_react = require("react");
+
+// src/core/storage.ts
+function getStorage(type) {
+  if (typeof window == "undefined") throw new Error("No window object found");
+  return type == "localStorage" ? window.localStorage : window.sessionStorage;
+}
+
+// src/core/cart.ts
+var Cart = class {
+  constructor({
+    storage = "localStorage",
+    key = "cart"
+  } = {}) {
+    this.storage = getStorage(storage);
+    this.key = key;
+  }
+  getCart() {
+    const data = this.storage.getItem(this.key);
+    return data ? JSON.parse(data) : [];
+  }
+  save(cart) {
+    this.storage.setItem(this.key, JSON.stringify(cart));
+  }
+  addItem(item) {
+    const cart = this.getCart();
+    const exists = cart.find((item2) => item2.id === item2.id);
+    if (exists)
+      exists.quantity = (exists.quantity || 1) + (item.quantity || 1);
+    else cart.push({ ...item, quantity: item.quantity || 1 });
+    this.save(cart);
+  }
+  removeItem(id) {
+    this.save(this.getCart().filter((item) => item.id !== id));
+  }
+  clear() {
+    this.save([]);
+  }
+  getItems(category) {
+    const items = this.getCart();
+    return category ? items.filter((item) => item.category === category) : items;
+  }
+  getTotal(category) {
+    let items = this.getCart();
+    if (category) {
+      items = items.filter((item) => item.category === category);
+    }
+    return items.reduce(
+      (sum, item) => sum + (item.price || 0) * (item.quantity || 1),
+      0
+    );
+  }
+};
+
+// src/react/CartContext.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var CartContext = (0, import_react.createContext)(null);
+var CartProvider = ({ children }) => {
+  const cartInstance = new Cart();
+  const [items, setItems] = (0, import_react.useState)(cartInstance.getItems());
+  const sync = () => setItems(cartInstance.getItems());
+  const api = {
+    cart: items,
+    addItem: (item) => {
+      cartInstance.addItem(item);
+      sync();
+    },
+    removeItem: (id) => {
+      cartInstance.removeItem(id);
+      sync();
+    },
+    getItems: (category) => {
+      cartInstance.getItems(category);
+    },
+    clear: () => {
+      cartInstance.clear();
+      sync();
+    },
+    total: cartInstance.getTotal()
+  };
+  (0, import_react.useEffect)(() => {
+    const handleSync = () => sync();
+    window.addEventListener("storage", handleSync);
+    return () => window.removeEventListener("storage", handleSync);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CartContext.Provider, { value: api, children });
+};
 
 // src/react/useCart.tsx
 var useCart = () => {
@@ -40,5 +125,6 @@ var useCart = () => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CartProvider,
   useCart
 });

package/dist/react/index.mjs

@@ -1,9 +1,12 @@
 import {
   useCart
 } from "../chunk-K4RESSJQ.mjs";
-import "../chunk-3AB6KTDB.mjs";
+import {
+  CartProvider
+} from "../chunk-3AB6KTDB.mjs";
 import "../chunk-YTW5MCYO.mjs";
 import "../chunk-7RBGBF5M.mjs";
 export {
+  CartProvider,
   useCart
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ravishranjan/cart",
-	"version": "2.0.4",
+	"version": "2.0.6",
 	"description": "A native cart system for web apps with optional React hooks",
 	"main": "dist/index.js",
 	"module": "dist/index.mjs",
@@ -21,10 +21,12 @@
 	],
 	"exports": {
 		".": {
+			"types": "./dist/index.d.ts",
 			"import": "./dist/index.mjs",
 			"require": "./dist/index.js"
 		},
 		"./react": {
+			"types": "./dist/react/index.d.ts",
 			"import": "./dist/react/index.mjs",
 			"require": "./dist/react/index.js"
 		}