@techninja/staticart 0.1.9 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techninja/staticart",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "StatiCart — a full-featured e-commerce platform built 99% on static hosting",
   "repository": {
     "type": "git",

package/scripts/sync-vendor.js

@@ -7,7 +7,7 @@
  * @module scripts/sync-vendor
  */
 
-import { cpSync, mkdirSync, rmSync } from 'node:fs';
+import { cpSync, mkdirSync, rmSync, existsSync, readFileSync, writeFileSync } from 'node:fs';
 import { resolve, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
@@ -16,6 +16,14 @@ const SRC = resolve(ROOT, 'src');
 const DEST = resolve(ROOT, 'vendor');
 
 const DIRS = ['components', 'locales', 'pages', 'router', 'store', 'styles', 'utils'];
+const ROOT_FILES = ['icons.json'];
+
+// Preserve root-level vendor files before clean
+const preserved = {};
+for (const f of ROOT_FILES) {
+  const p = resolve(DEST, f);
+  if (existsSync(p)) preserved[f] = readFileSync(p, 'utf-8');
+}
 
 // Clean and rebuild
 rmSync(DEST, { recursive: true, force: true });
@@ -25,5 +33,9 @@ for (const dir of DIRS) {
   cpSync(resolve(SRC, dir), resolve(DEST, dir), { recursive: true });
   console.log(`✓ ${dir}/`);
 }
+for (const [f, content] of Object.entries(preserved)) {
+  writeFileSync(resolve(DEST, f), content);
+  console.log(`✓ ${f} (preserved)`);
+}
 
 console.log(`\nVendor synced from src/ → vendor/`);

package/src/components/molecules/product-card/product-card.js

@@ -74,7 +74,7 @@ export default define({
                               class="btn btn-primary btn-sm"
                               data-vid="${v.id}"
                               onclick="${handlePick}"
-                              disabled="${v.stock <= 0}"
+                              disabled="${v.stock === 0}"
                             >
                               ${v.label}
                             </button>
@@ -87,7 +87,7 @@ export default define({
                     <button
                       class="btn btn-primary product-card__add"
                       onclick="${handleAdd}"
-                      disabled="${stock <= 0}"
+                      disabled="${stock === 0}"
                     >
                       ${t('cart.add')}
                     </button>

package/src/pages/product-detail/product-detail-view.js

@@ -115,7 +115,7 @@ export default define({
               <button
                 class="btn btn-primary"
                 onclick="${handleAdd}"
-                disabled="${stock <= 0 || (variants.length > 0 && !selectedVariant)}"
+                disabled="${stock === 0 || (variants.length > 0 && !selectedVariant)}"
               >
                 <app-icon name="cart" size="sm"></app-icon> ${t('cart.add')}
               </button>

package/src/utils/productVariants.js

@@ -20,14 +20,16 @@ export function effectiveStock(p, vid) {
 
 /** @param {number} stock */
 export function stockLabel(stock) {
-  if (stock <= 0) return t('product.outOfStock');
+  if (stock < 0) return t('product.inStock');
+  if (stock === 0) return t('product.outOfStock');
   if (stock <= 5) return t('product.lowStock');
   return t('product.inStock');
 }
 
 /** @param {number} stock */
 export function stockColor(stock) {
-  if (stock <= 0) return 'danger';
+  if (stock < 0) return 'success';
+  if (stock === 0) return 'danger';
   if (stock <= 5) return 'warning';
   return 'success';
 }

package/vendor/components/molecules/product-card/product-card.js

@@ -74,7 +74,7 @@ export default define({
                               class="btn btn-primary btn-sm"
                               data-vid="${v.id}"
                               onclick="${handlePick}"
-                              disabled="${v.stock <= 0}"
+                              disabled="${v.stock === 0}"
                             >
                               ${v.label}
                             </button>
@@ -87,7 +87,7 @@ export default define({
                     <button
                       class="btn btn-primary product-card__add"
                       onclick="${handleAdd}"
-                      disabled="${stock <= 0}"
+                      disabled="${stock === 0}"
                     >
                       ${t('cart.add')}
                     </button>

package/vendor/icons.json

@@ -0,0 +1,26 @@
+{
+  "plus": "plus",
+  "minus": "minus",
+  "check": "check",
+  "trash-2": "trash",
+  "x": "x",
+  "chevron-right": "chevron",
+  "chevron-left": "chevron-left",
+  "search": "search",
+  "shopping-cart": "cart",
+  "package": "package",
+  "tag": "tag",
+  "heart": "heart",
+  "star": "star",
+  "filter": "filter",
+  "arrow-left": "arrow-left",
+  "arrow-right": "arrow-right",
+  "sun": "sun",
+  "moon": "moon",
+  "user": "user",
+  "circle-check": "circle-check",
+  "circle-x": "circle-x",
+  "alert-triangle": "alert-triangle",
+  "image": "image",
+  "globe": "globe"
+}

package/vendor/pages/product-detail/product-detail-view.js

@@ -115,7 +115,7 @@ export default define({
               <button
                 class="btn btn-primary"
                 onclick="${handleAdd}"
-                disabled="${stock <= 0 || (variants.length > 0 && !selectedVariant)}"
+                disabled="${stock === 0 || (variants.length > 0 && !selectedVariant)}"
               >
                 <app-icon name="cart" size="sm"></app-icon> ${t('cart.add')}
               </button>

package/vendor/utils/productVariants.js

@@ -20,14 +20,16 @@ export function effectiveStock(p, vid) {
 
 /** @param {number} stock */
 export function stockLabel(stock) {
-  if (stock <= 0) return t('product.outOfStock');
+  if (stock < 0) return t('product.inStock');
+  if (stock === 0) return t('product.outOfStock');
   if (stock <= 5) return t('product.lowStock');
   return t('product.inStock');
 }
 
 /** @param {number} stock */
 export function stockColor(stock) {
-  if (stock <= 0) return 'danger';
+  if (stock < 0) return 'success';
+  if (stock === 0) return 'danger';
   if (stock <= 5) return 'warning';
   return 'success';
 }