@techninja/staticart 0.1.12 → 0.1.13

package/package.json

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

package/scripts/vendor-deps.js

@@ -8,17 +8,29 @@
 import { cpSync, mkdirSync } from 'node:fs';
 import { resolve, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
+import { createRequire } from 'node:module';
 
 const ROOT = dirname(dirname(fileURLToPath(import.meta.url)));
 const VENDOR_DIR = resolve(ROOT, 'src/vendor');
+const require = createRequire(import.meta.url);
 
-/** @type {{ name: string, src: string }[]} */
-const DEPS = [{ name: 'hybrids', src: 'node_modules/hybrids/src' }];
+/** Resolve a package's source dir, handling npm hoisting. */
+function findPkgSrc(pkg, subdir) {
+  try {
+    const entry = require.resolve(`${pkg}/package.json`);
+    return resolve(dirname(entry), subdir);
+  } catch {
+    return resolve(ROOT, 'node_modules', pkg, subdir);
+  }
+}
+
+/** @type {{ name: string, src: string, subdir: string }[]} */
+const DEPS = [{ name: 'hybrids', src: 'hybrids', subdir: 'src' }];
 
 mkdirSync(VENDOR_DIR, { recursive: true });
 
 for (const dep of DEPS) {
-  const src = resolve(ROOT, dep.src);
+  const src = findPkgSrc(dep.src, dep.subdir);
   const dest = resolve(VENDOR_DIR, dep.name);
   cpSync(src, dest, { recursive: true });
   console.log(`✓ Vendored: ${dep.name} → src/vendor/${dep.name}/`);

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

@@ -49,7 +49,14 @@ export function renderNotFound(CatalogView) {
 
 /** @param {number} s */
 export function stockBadge(s) {
-  const label = s < 0 ? 'product.inStock' : s === 0 ? 'product.outOfStock' : s <= 5 ? 'product.lowStock' : 'product.inStock';
+  const label =
+    s < 0
+      ? 'product.inStock'
+      : s === 0
+        ? 'product.outOfStock'
+        : s <= 5
+          ? 'product.lowStock'
+          : 'product.inStock';
   const color = s < 0 ? 'success' : s === 0 ? 'danger' : s <= 5 ? 'warning' : 'success';
   return html`<app-badge label="${t(label)}" color="${color}"></app-badge>`;
 }