remove stock limits from made-to-order shop

Author: code2344

src/routes/shop.js

@@ -46,11 +46,7 @@ export function shopRoutes({ store, notifier }) {
     const id = `${req.user.id}_${product.id}`;
     const current = await store.get("cart", id);
     const requested = Math.max(1, Math.min(10, Number.parseInt(req.body.quantity || "1", 10) || 1));
-    const quantity = Math.min(10, product.stock, (current?.quantity ?? 0) + requested);
-    if (quantity < 1) {
-      setFlash(res, "error", `${product.name} is out of stock.`);
-      return res.redirect("/app/shop");
-    }
+    const quantity = Math.min(10, (current?.quantity ?? 0) + requested);
     await store.put("cart", id, { id, userId: req.user.id, productId: product.id, quantity });
     setFlash(res, "success", `${product.name} added to your cart.`);
     res.redirect(req.get("referer")?.includes("/app/shop/cart") ? "/app/shop/cart" : "/app/shop");
@@ -80,7 +76,7 @@ export function shopRoutes({ store, notifier }) {
     if (!product) return res.sendStatus(404);
     const quantity = Number.parseInt(req.body.quantity, 10);
     if (!Number.isInteger(quantity) || quantity <= 0) await store.delete("cart", id);
-    else await store.put("cart", id, { id, userId: req.user.id, productId: product.id, quantity: Math.min(10, product.stock, quantity) });
+    else await store.put("cart", id, { id, userId: req.user.id, productId: product.id, quantity: Math.min(10, quantity) });
     res.redirect("/app/shop/cart");
   });
 
@@ -97,7 +93,6 @@ export function shopRoutes({ store, notifier }) {
     if (!currentCart.items.length) errors.push("Your cart is empty.");
     if (currentCart.total > req.user.hertz) errors.push("You do not have enough hertz for this order.");
     currentCart.items.forEach((item) => {
-      if (item.quantity > item.stock) errors.push(`${item.name} only has ${item.stock} left.`);
     });
     if (errors.length) {
       return res.status(422).render("shop/cart", {
@@ -143,8 +138,6 @@ export function shopRoutes({ store, notifier }) {
         for (let index = 0; index < freshCart.items.length; index += 1) {
           const item = freshCart.items[index];
           const product = freshProducts[index];
-          product.stock -= item.quantity;
-          await store.put("product", product.id, product);
         }
         user.hertz = Math.max(0, Math.round((Number(user.hertz) - freshCart.total) * 100) / 100);
         user.updatedAt = timestamp;

views/admin/shop.ejs

@@ -10,7 +10,7 @@
       <input name="name" placeholder="Product name" required>
       <input name="category" placeholder="Category" required>
       <input type="number" name="price" min="0" placeholder="Hertz" required>
-      <input type="number" name="stock" min="0" placeholder="Stock" required>
+      
       <div class="shop-image-upload" data-shop-image-upload><span>Product image</span><input type="hidden" name="image" value="" data-shop-image-url><input type="file" accept="image/jpeg,image/png,image/webp,image/gif" data-shop-image-file <%= imageUploadsConfigured ? '' : 'disabled' %>><small data-shop-image-status><%= imageUploadsConfigured ? 'Choose a JPG, PNG, WebP, or GIF up to 8 MB.' : 'Image uploads need R2 configuration.' %></small><div class="shop-image-preview" data-shop-image-preview></div></div>
       <input type="number" name="sort_order" value="100" placeholder="Sort">
       <textarea name="description" placeholder="Description" required></textarea>
@@ -25,7 +25,7 @@
         <img src="<%= item.image || '/assets/radio_img.png' %>" alt="">
         <label>Name<input name="name" value="<%= item.name %>" required></label>
         <label>Category<input name="category" value="<%= item.category %>" required></label>
-        <div class="form-grid"><label>Price<input type="number" name="price" min="0" value="<%= item.price %>" required></label><label>Stock<input type="number" name="stock" min="0" value="<%= item.stock %>" required></label></div>
+        <div class="form-grid"><label>Price<input type="number" name="price" min="0" value="<%= item.price %>" required></label></div>
         <div class="shop-image-upload" data-shop-image-upload><span>Replace product image</span><input type="hidden" name="image" value="<%= item.image || '/assets/radio_img.png' %>" data-shop-image-url><input type="file" accept="image/jpeg,image/png,image/webp,image/gif" data-shop-image-file <%= imageUploadsConfigured ? '' : 'disabled' %>><small data-shop-image-status><%= imageUploadsConfigured ? 'Choose a new image, or leave this empty to keep the current one.' : 'Image uploads need R2 configuration.' %></small><div class="shop-image-preview" data-shop-image-preview></div></div>
         <label>Description<textarea name="description" rows="3"><%= item.description %></textarea></label>
         <label>Sort order<input type="number" name="sort_order" value="<%= item.sortOrder %>"></label>

views/shop/index.ejs

@@ -4,7 +4,7 @@
   <div class="appbody">
     <div class="shoptools"><span class="filter active">ALL / <%= products.length %></span><a class="filter" href="/app/shop/orders">ORDER LOG</a></div>
     <% if (!products.length) { %><div class="empty-screen"><div><h2>NO STOCK ON THIS BAND</h2><p>Check back later.</p></div></div><% } else { %><div class="products">
-      <% products.forEach((product) => { %><article class="product"><div class="product-img"><img src="<%= product.image || '/assets/radio_img.png' %>" alt=""></div><span class="eyebrow"><%= product.category %> / <%= product.stock %> AVAILABLE</span><h3><%= product.name %></h3><p><%= product.description %></p><% if (product.category === 'radios') { %><p class="product-note">READINESS CHECK REQUIRED</p><% } %><div class="product-foot"><b><%= Number(product.price).toFixed(3) %> Hz</b><form method="post" action="/app/shop/cart/<%= product.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><input type="hidden" name="quantity" value="1"><button class="add" type="submit" <%= product.stock < 1 ? 'disabled' : '' %>><%= product.stock < 1 ? 'OUT' : 'ADD / +' %></button></form></div></article><% }) %>
+      <% products.forEach((product) => { %><article class="product"><div class="product-img"><img src="<%= product.image || '/assets/radio_img.png' %>" alt=""></div><span class="eyebrow"><%= product.category %> / AVAILABLE</span><h3><%= product.name %></h3><p><%= product.description %></p><% if (product.category === 'radios') { %><p class="product-note">READINESS CHECK REQUIRED</p><% } %><div class="product-foot"><b><%= Number(product.price).toFixed(3) %> Hz</b><form method="post" action="/app/shop/cart/<%= product.id %>"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><input type="hidden" name="quantity" value="1"><button class="add" type="submit" <%= product.stock < 1 ? 'disabled' : '' %>><%= product.stock < 1 ? 'OUT' : 'ADD / +' %></button></form></div></article><% }) %>
     </div><% } %>
   </div>
 </section>