migrate eboutic to typescript

eboutic/static/eboutic/js/eboutic.js

@@ -1,147 +0,0 @@
-/**
- * @typedef {Object} BasketItem An item in the basket
- * @property {number} id The id of the product
- * @property {string} name The name of the product
- * @property {number} quantity The quantity of the product
- * @property {number} unit_price The unit price of the product
- */
-
-const BASKET_ITEMS_COOKIE_NAME = "basket_items";
-
-/**
- * Search for a cookie by name
- * @param {string} name Name of the cookie to get
- * @returns {string|null|undefined} the value of the cookie or null if it does not exist, undefined if not found
- */
-function getCookie(name) {
-  // biome-ignore lint/style/useBlockStatements: <explanation>
-  if (!document.cookie || document.cookie.length === 0) return null;
-
-  const found = document.cookie
-    .split(";")
-    .map((c) => c.trim())
-    .find((c) => c.startsWith(`${name}=`));
-
-  return found === undefined ? undefined : decodeURIComponent(found.split("=")[1]);
-}
-
-/**
- * Fetch the basket items from the associated cookie
- * @returns {BasketItem[]|[]} the items in the basket
- */
-function getStartingItems() {
-  const cookie = getCookie(BASKET_ITEMS_COOKIE_NAME);
-  if (!cookie) {
-    return [];
-  }
-  // Django cookie backend converts `,` to `\054`
-  let parsed = JSON.parse(cookie.replace(/\\054/g, ","));
-  if (typeof parsed === "string") {
-    // In some conditions, a second parsing is needed
-    parsed = JSON.parse(parsed);
-  }
-  const res = Array.isArray(parsed) ? parsed : [];
-  return res.filter((i) => !!document.getElementById(i.id));
-}
-
-document.addEventListener("alpine:init", () => {
-  Alpine.data("basket", () => ({
-    items: getStartingItems(),
-
-    /**
-     * Get the total price of the basket
-     * @returns {number} The total price of the basket
-     */
-    getTotal() {
-      return this.items.reduce((acc, item) => acc + item.quantity * item.unit_price, 0);
-    },
-
-    /**
-     * Add 1 to the quantity of an item in the basket
-     * @param {BasketItem} item
-     */
-    add(item) {
-      item.quantity++;
-      this.setCookies();
-    },
-
-    /**
-     * Remove 1 to the quantity of an item in the basket
-     * @param {BasketItem} item_id
-     */
-    remove(itemId) {
-      const index = this.items.findIndex((e) => e.id === itemId);
-
-      if (index < 0) {
-        return;
-      }
-      this.items[index].quantity -= 1;
-
-      if (this.items[index].quantity === 0) {
-        this.items = this.items.filter((e) => e.id !== this.items[index].id);
-      }
-      this.setCookies();
-    },
-
-    /**
-     * Remove all the items from the basket & cleans the catalog CSS classes
-     */
-    clearBasket() {
-      this.items = [];
-      this.setCookies();
-    },
-
-    /**
-     * Set the cookie in the browser with the basket items
-     * ! the cookie survives an hour
-     */
-    setCookies() {
-      if (this.items.length === 0) {
-        document.cookie = `${BASKET_ITEMS_COOKIE_NAME}=;Max-Age=0`;
-      } else {
-        document.cookie = `${BASKET_ITEMS_COOKIE_NAME}=${encodeURIComponent(JSON.stringify(this.items))};Max-Age=3600`;
-      }
-    },
-
-    /**
-     * Create an item in the basket if it was not already in
-     * @param {number} id The id of the product to add
-     * @param {string} name The name of the product
-     * @param {number} price The unit price of the product
-     * @returns {BasketItem} The created item
-     */
-    createItem(id, name, price) {
-      const newItem = {
-        id,
-        name,
-        quantity: 0,
-        // biome-ignore lint/style/useNamingConvention: used by django backend
-        unit_price: price,
-      };
-
-      this.items.push(newItem);
-      this.add(newItem);
-
-      return newItem;
-    },
-
-    /**
-     * Add an item to the basket.
-     * This is called when the user click on a button in the catalog
-     * @param {number} id The id of the product to add
-     * @param {string} name The name of the product
-     * @param {number} price The unit price of the product
-     */
-    addFromCatalog(id, name, price) {
-      let item = this.items.find((e) => e.id === id);
-
-      // if the item is not in the basket, we create it
-      // else we add + 1 to it
-      if (item) {
-        this.add(item);
-      } else {
-        item = this.createItem(id, name, price);
-      }
-    },
-  }));
-});