hd-commerce: neutrales SQLite-Commerce-Backend (Admin + API + Demo-Storefront)

2026-06-17 12:05:29 +00:00
commit 4e8a3ab105
43 changed files with 2689 additions and 0 deletions
@@ -0,0 +1,62 @@
+/* hd-commerce — Storefront Cart (vanilla, localStorage) */
+(function () {
+  var KEY = 'hdc_cart';
+  function read() { try { return JSON.parse(localStorage.getItem(KEY) || '[]'); } catch (e) { return []; } }
+  function write(c) { localStorage.setItem(KEY, JSON.stringify(c)); updateBadge(); }
+  function count() { return read().reduce(function (s, i) { return s + (i.qty || 1); }, 0); }
+  function updateBadge() {
+    var b = document.getElementById('cartBadge');
+    if (!b) return;
+    var n = count();
+    b.textContent = n;
+    b.classList.toggle('show', n > 0);
+  }
+  function track(type, value, meta) {
+    try {
+      fetch('/api/track', { method: 'POST', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ type: type, path: location.pathname, value_cents: value || 0, meta: meta || {} }) });
+    } catch (e) {}
+  }
+  function add(item) {
+    var c = read();
+    var ex = c.find(function (i) { return i.slug === item.slug && i.size === item.size; });
+    if (ex) ex.qty += item.qty || 1; else c.push(item);
+    write(c);
+    track('add_to_cart', (item.priceCents || 0) * (item.qty || 1), { slug: item.slug });
+    toast(item.name + ' wurde hinzugefügt');
+  }
+  function toast(msg) {
+    var t = document.createElement('div');
+    t.textContent = msg;
+    t.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;z-index:200;box-shadow:0 8px 30px rgba(0,0,0,.2);transition:.3s;opacity:0';
+    document.body.appendChild(t);
+    requestAnimationFrame(function () { t.style.opacity = '1'; });
+    setTimeout(function () { t.style.opacity = '0'; setTimeout(function () { t.remove(); }, 320); }, 2000);
+  }
+  window.HDC = {
+    read: read, write: write, count: count, add: add, track: track,
+    remove: function (idx) { var c = read(); c.splice(idx, 1); write(c); },
+    setQty: function (idx, q) { var c = read(); if (c[idx]) { c[idx].qty = Math.max(1, q); write(c); } },
+    clear: function () { write([]); },
+    subtotal: function () { return read().reduce(function (s, i) { return s + (i.priceCents || 0) * (i.qty || 1); }, 0); }
+  };
+  document.addEventListener('DOMContentLoaded', function () {
+    updateBadge();
+    document.querySelectorAll('[data-add-to-cart]').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        var p = JSON.parse(btn.getAttribute('data-product') || '{}');
+        var sizeSel = document.querySelector('.size-chip.active');
+        var size = sizeSel ? sizeSel.getAttribute('data-size') : (p.sizes && p.sizes[0]) || 'One Size';
+        add({ slug: p.slug, name: p.name, size: size, priceCents: p.priceCents, image: p.image, qty: 1 });
+      });
+    });
+    document.querySelectorAll('.size-chip').forEach(function (chip) {
+      chip.addEventListener('click', function () {
+        document.querySelectorAll('.size-chip').forEach(function (c) { c.classList.remove('active'); });
+        chip.classList.add('active');
+      });
+    });
+    var pv = document.getElementById('pdpData');
+    if (pv) track('product_view', 0, { slug: pv.getAttribute('data-slug') });
+  });
+})();