@springmicro/cart 0.5.1 → 0.5.2

package/src/utils/cartAuthHandler.ts

@@ -1,50 +1,50 @@
-import { defaultCartValue } from ".";
-import { ApiCartResponse, Cart } from "../types";
-import { Storage } from "unstorage";
-
-export function cartAuthHandler(
-  cartState: [Cart, React.Dispatch<React.SetStateAction<Cart>>],
-  storage: {
-    api: Storage<any>;
-    local: Storage<any>;
-  } | null,
-  userId: number | string | undefined,
-  prevUserId: number | string | undefined
-) {
-  const [cart, setCart] = cartState;
-  if (storage === null) return () => {}; // storage can be null.
-
-  if (userId === prevUserId) return;
-
-  if (userId === undefined) {
-    // logout
-    setCart(defaultCartValue);
-    return;
-  }
-
-  // login
-  if (cart.items.length > 0) {
-    setCart((c) => ({
-      ...c,
-      authentication: {
-        loggedIn: true,
-        user_id: userId,
-      },
-    }));
-    return;
-  }
-  storage.api
-    .getItem(`${userId}`)
-    .then((c2: ApiCartResponse) => {
-      if (!c2) return;
-
-      setCart({
-        items: JSON.parse(c2.cart),
-        authentication: {
-          loggedIn: true,
-          user_id: c2.user_id,
-        },
-      });
-    })
-    .catch(() => {});
-}
+import { defaultCartValue } from ".";
+import { ApiCartResponse, Cart } from "../types";
+import { Storage } from "unstorage";
+
+export function cartAuthHandler(
+  cartState: [Cart, React.Dispatch<React.SetStateAction<Cart>>],
+  storage: {
+    api: Storage<any>;
+    local: Storage<any>;
+  } | null,
+  userId: number | string | undefined,
+  prevUserId: number | string | undefined
+) {
+  const [cart, setCart] = cartState;
+  if (storage === null) return () => {}; // storage can be null.
+
+  if (userId === prevUserId) return;
+
+  if (userId === undefined) {
+    // logout
+    setCart(defaultCartValue);
+    return;
+  }
+
+  // login
+  if (cart.items.length > 0) {
+    setCart((c) => ({
+      ...c,
+      authentication: {
+        loggedIn: true,
+        user_id: userId,
+      },
+    }));
+    return;
+  }
+  storage.api
+    .getItem(`${userId}`)
+    .then((c2: ApiCartResponse) => {
+      if (!c2) return;
+
+      setCart({
+        items: JSON.parse(c2.cart),
+        authentication: {
+          loggedIn: true,
+          user_id: c2.user_id,
+        },
+      });
+    })
+    .catch(() => {});
+}

package/src/utils/index.ts

@@ -1,28 +1,28 @@
-import { Cart, PathDetailsType } from "../types";
-
-export const defaultCartValue: Cart = {
-  authentication: {
-    loggedIn: false,
-  },
-  items: [],
-};
-
-export function fetchFromCartApi(
-  method: "GET" | "PUT" | "DELETE",
-  { baseUrl, userId }: PathDetailsType,
-  body?: string
-) {
-  return fetch(`${baseUrl}/api/ecommerce/cart/${userId}`, {
-    method,
-    body,
-    headers: {
-      "Content-Type": "application/json",
-    },
-  });
-}
-
-export function pathDetailsIsFullyDefined(pathDetails: PathDetailsType) {
-  if (pathDetails.userId === undefined) return false;
-  if (pathDetails.baseUrl === undefined) return false;
-  return true;
-}
+import { Cart, PathDetailsType } from "../types";
+
+export const defaultCartValue: Cart = {
+  authentication: {
+    loggedIn: false,
+  },
+  items: [],
+};
+
+export function fetchFromCartApi(
+  method: "GET" | "PUT" | "DELETE",
+  { baseUrl, userId }: PathDetailsType,
+  body?: string
+) {
+  return fetch(`${baseUrl}/api/ecommerce/cart/${userId}`, {
+    method,
+    body,
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+}
+
+export function pathDetailsIsFullyDefined(pathDetails: PathDetailsType) {
+  if (pathDetails.userId === undefined) return false;
+  if (pathDetails.baseUrl === undefined) return false;
+  return true;
+}

package/src/utils/storage.ts

@@ -1,133 +1,133 @@
-import {
-  fetchFromCartApi,
-  defaultCartValue,
-  pathDetailsIsFullyDefined,
-} from "./";
-import { persistentAtom } from "@nanostores/persistent";
-import { atom } from "nanostores";
-import { Cart, CartProduct, PathDetailsType } from "../types";
-
-export const cartStore = persistentAtom(
-  "cart",
-  JSON.stringify(defaultCartValue)
-);
-
-export const apiPathDetails = atom<PathDetailsType>({});
-
-function cartProductToCartDataItemIds(product: CartProduct) {
-  return {
-    ...product,
-    image: undefined,
-    name: undefined,
-  };
-}
-
-apiPathDetails.listen((pathDetails) => {
-  if (pathDetailsIsFullyDefined(pathDetails)) {
-    // Runs on init if there is a user id and api key. Automatically logs in if userId is updated from undefined.
-    fetchFromCartApi("GET", pathDetails).then(async (c) => {
-      const cart = await c.json();
-      cartStore.set(
-        JSON.stringify({
-          authentication: { loggedIn: true, user_id: cart.user_id },
-          items: JSON.parse((cart as any).items),
-          order: cart.order ? JSON.parse((cart as any).order) : undefined,
-        })
-      );
-    });
-  } else {
-    const localCartData = JSON.parse(cartStore.get());
-    if (localCartData.authentication.loggedIn)
-      cartStore.set(JSON.stringify(defaultCartValue));
-  }
-});
-
-export function addToCart(p: CartProduct) {
-  const cart: Cart = JSON.parse(cartStore.get());
-  const newCart: Cart = {
-    ...cart,
-    items: [...cart.items, p],
-    order: undefined,
-  };
-
-  const pathDetails = apiPathDetails.get();
-  if (pathDetailsIsFullyDefined(pathDetails)) {
-    fetchFromCartApi(
-      "PUT",
-      pathDetails,
-      JSON.stringify({
-        user_id: pathDetails.userId,
-        items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
-      })
-    ).then(async () => {
-      cartStore.set(JSON.stringify(newCart));
-    });
-  } else {
-    cartStore.set(JSON.stringify(newCart));
-  }
-}
-
-export function removeFromCart(i: number) {
-  const cart: Cart = JSON.parse(cartStore.get());
-
-  const products: CartProduct[] = [...cart.items];
-  products.splice(i, 1);
-  const newCart: Cart = { ...cart, items: products, order: undefined };
-
-  const pathDetails = apiPathDetails.get();
-  if (pathDetailsIsFullyDefined(pathDetails)) {
-    // If products.length is 0, delete cart. Otheriwise, update cart.
-    const cartIsEmpty = products.length > 0;
-
-    const body = {
-      user_id: pathDetails.userId,
-      items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
-    };
-
-    fetchFromCartApi(
-      cartIsEmpty ? "PUT" : "DELETE",
-      pathDetails,
-      cartIsEmpty ? JSON.stringify(body) : undefined
-    ).then(async () => {
-      cartStore.set(JSON.stringify(newCart));
-    });
-  } else {
-    cartStore.set(JSON.stringify(newCart));
-  }
-}
-
-export function clearCart() {
-  const cart: Cart = JSON.parse(cartStore.get());
-  const newCart: Cart = { ...cart, items: [], order: undefined };
-
-  const pathDetails = apiPathDetails.get();
-  if (pathDetailsIsFullyDefined(pathDetails)) {
-    fetchFromCartApi("DELETE", pathDetails).then(async () => {
-      cartStore.set(JSON.stringify(newCart));
-    });
-  } else {
-    cartStore.set(JSON.stringify(newCart));
-  }
-}
-
-export function setOrder(order: { id: number; reference: string }) {
-  const cart: Cart = JSON.parse(cartStore.get());
-  const newCart: Cart = { ...cart, order };
-
-  const pathDetails = apiPathDetails.get();
-  if (pathDetailsIsFullyDefined(pathDetails)) {
-    fetchFromCartApi(
-      "PUT",
-      pathDetails,
-      JSON.stringify({
-        user_id: pathDetails.userId,
-        items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
-        order: JSON.stringify(order),
-      })
-    ).then(async () => {
-      cartStore.set(JSON.stringify(newCart));
-    });
-  } else {
-    cartStore.set(JSON.stringify(newCart));
-  }
-}
+import {
+  fetchFromCartApi,
+  defaultCartValue,
+  pathDetailsIsFullyDefined,
+} from "./";
+import { persistentAtom } from "@nanostores/persistent";
+import { atom } from "nanostores";
+import { Cart, CartProduct, PathDetailsType } from "../types";
+
+export const cartStore = persistentAtom(
+  "cart",
+  JSON.stringify(defaultCartValue)
+);
+
+export const apiPathDetails = atom<PathDetailsType>({});
+
+function cartProductToCartDataItemIds(product: CartProduct) {
+  return {
+    ...product,
+    image: undefined,
+    name: undefined,
+  };
+}
+
+apiPathDetails.listen((pathDetails) => {
+  if (pathDetailsIsFullyDefined(pathDetails)) {
+    // Runs on init if there is a user id and api key. Automatically logs in if userId is updated from undefined.
+    fetchFromCartApi("GET", pathDetails).then(async (c) => {
+      const cart = await c.json();
+      cartStore.set(
+        JSON.stringify({
+          authentication: { loggedIn: true, user_id: cart.user_id },
+          items: JSON.parse((cart as any).items),
+          order: cart.order ? JSON.parse((cart as any).order) : undefined,
+        })
+      );
+    });
+  } else {
+    const localCartData = JSON.parse(cartStore.get());
+    if (localCartData.authentication.loggedIn)
+      cartStore.set(JSON.stringify(defaultCartValue));
+  }
+});
+
+export function addToCart(p: CartProduct) {
+  const cart: Cart = JSON.parse(cartStore.get());
+  const newCart: Cart = {
+    ...cart,
+    items: [...cart.items, p],
+    order: undefined,
+  };
+
+  const pathDetails = apiPathDetails.get();
+  if (pathDetailsIsFullyDefined(pathDetails)) {
+    fetchFromCartApi(
+      "PUT",
+      pathDetails,
+      JSON.stringify({
+        user_id: pathDetails.userId,
+        items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
+      })
+    ).then(async () => {
+      cartStore.set(JSON.stringify(newCart));
+    });
+  } else {
+    cartStore.set(JSON.stringify(newCart));
+  }
+}
+
+export function removeFromCart(i: number) {
+  const cart: Cart = JSON.parse(cartStore.get());
+
+  const products: CartProduct[] = [...cart.items];
+  products.splice(i, 1);
+  const newCart: Cart = { ...cart, items: products, order: undefined };
+
+  const pathDetails = apiPathDetails.get();
+  if (pathDetailsIsFullyDefined(pathDetails)) {
+    // If products.length is 0, delete cart. Otheriwise, update cart.
+    const cartIsEmpty = products.length > 0;
+
+    const body = {
+      user_id: pathDetails.userId,
+      items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
+    };
+
+    fetchFromCartApi(
+      cartIsEmpty ? "PUT" : "DELETE",
+      pathDetails,
+      cartIsEmpty ? JSON.stringify(body) : undefined
+    ).then(async () => {
+      cartStore.set(JSON.stringify(newCart));
+    });
+  } else {
+    cartStore.set(JSON.stringify(newCart));
+  }
+}
+
+export function clearCart() {
+  const cart: Cart = JSON.parse(cartStore.get());
+  const newCart: Cart = { ...cart, items: [], order: undefined };
+
+  const pathDetails = apiPathDetails.get();
+  if (pathDetailsIsFullyDefined(pathDetails)) {
+    fetchFromCartApi("DELETE", pathDetails).then(async () => {
+      cartStore.set(JSON.stringify(newCart));
+    });
+  } else {
+    cartStore.set(JSON.stringify(newCart));
+  }
+}
+
+export function setOrder(order: { id: number; reference: string }) {
+  const cart: Cart = JSON.parse(cartStore.get());
+  const newCart: Cart = { ...cart, order };
+
+  const pathDetails = apiPathDetails.get();
+  if (pathDetailsIsFullyDefined(pathDetails)) {
+    fetchFromCartApi(
+      "PUT",
+      pathDetails,
+      JSON.stringify({
+        user_id: pathDetails.userId,
+        items: newCart.items.map((p) => cartProductToCartDataItemIds(p)),
+        order: JSON.stringify(order),
+      })
+    ).then(async () => {
+      cartStore.set(JSON.stringify(newCart));
+    });
+  } else {
+    cartStore.set(JSON.stringify(newCart));
+  }
+}

package/tsconfig.json

@@ -1,24 +1,24 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": false,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": false
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": false,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": false
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -1,11 +1,11 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -1,25 +1,25 @@
-import react from "@vitejs/plugin-react";
-import { resolve } from "path";
-import { defineConfig } from "vite";
-import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
-
-export default defineConfig({
-  plugins: [react(), cssInjectedByJsPlugin()],
-  build: {
-    lib: {
-      entry: resolve(__dirname, "src/index.ts"),
-      name: "@springmicro/cart",
-      fileName: "index",
-    },
-    rollupOptions: {
-      external: ["react", "react-dom", "nanoid"],
-      output: {
-        globals: {
-          react: "React",
-          "react-dom": "ReactDOM",
-          nanoid: "Nanoid",
-        },
-      },
-    },
-  },
-});
+import react from "@vitejs/plugin-react";
+import { resolve } from "path";
+import { defineConfig } from "vite";
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
+
+export default defineConfig({
+  plugins: [react(), cssInjectedByJsPlugin()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, "src/index.ts"),
+      name: "@springmicro/cart",
+      fileName: "index",
+    },
+    rollupOptions: {
+      external: ["react", "react-dom", "nanoid"],
+      output: {
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+          nanoid: "Nanoid",
+        },
+      },
+    },
+  },
+});