create-brainerce-store 1.27.2 → 1.27.4

package/dist/index.js

@@ -31,7 +31,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "create-brainerce-store",
-      version: "1.27.2",
+      version: "1.27.4",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"
@@ -163,29 +163,16 @@ async function installDependencies(projectDir, pkgManager) {
 // src/cli.ts
 async function runInteractive(defaults) {
   const questions = [];
-  if (!defaults.projectName) {
-    questions.push({
-      type: "text",
-      name: "projectName",
-      message: "Project name:",
-      initial: "my-store",
-      validate: (value) => {
-        const error = validateProjectName(value);
-        return error || true;
-      }
-    });
-  } else {
-    questions.push({
-      type: "text",
-      name: "projectName",
-      message: "Project name:",
-      initial: defaults.projectName,
-      validate: (value) => {
-        const error = validateProjectName(value);
-        return error || true;
-      }
-    });
-  }
+  questions.push({
+    type: "text",
+    name: "projectName",
+    message: "Project name:",
+    initial: defaults.projectName || "",
+    validate: (value) => {
+      const error = validateProjectName(value);
+      return error || true;
+    }
+  });
   if (!defaults.connectionId) {
     questions.push({
       type: "text",
@@ -624,41 +611,10 @@ program.name("create-brainerce-store").description("Scaffold a production-ready
         );
       }
     }
-    const HEBREW_TO_LATIN = {
-      \u05D0: "a",
-      \u05D1: "b",
-      \u05D2: "g",
-      \u05D3: "d",
-      \u05D4: "h",
-      \u05D5: "v",
-      \u05D6: "z",
-      \u05D7: "ch",
-      \u05D8: "t",
-      \u05D9: "y",
-      \u05DB: "k",
-      \u05DA: "k",
-      \u05DC: "l",
-      \u05DE: "m",
-      \u05DD: "m",
-      \u05E0: "n",
-      \u05DF: "n",
-      \u05E1: "s",
-      \u05E2: "a",
-      \u05E4: "p",
-      \u05E3: "f",
-      \u05E6: "ts",
-      \u05E5: "ts",
-      \u05E7: "k",
-      \u05E8: "r",
-      \u05E9: "sh",
-      \u05EA: "t"
-    };
-    const transliterate = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").split("").map((ch) => HEBREW_TO_LATIN[ch] ?? ch).join("");
-    const slugify = (s) => {
-      const slug = transliterate(s).toLowerCase().trim().replace(/[^a-z0-9._-]+/g, "-").replace(/^[.-]+|[.-]+$/g, "").slice(0, 50);
-      return slug || "my-store";
-    };
-    const projectNameDefault = projectName || (storeInfo ? slugify(storeInfo.name) : void 0);
+    const slugify = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim().replace(/[^a-z0-9._-]+/g, "-").replace(/^[.-]+|[.-]+$/g, "").slice(0, 50);
+    const channelSlug = storeInfo ? slugify(storeInfo.name) : "";
+    const storeSlug = storeInfo ? slugify(storeInfo.storeName) : "";
+    const projectNameDefault = projectName || channelSlug || storeSlug || void 0;
     const languageDefault = language || storeInfo?.language;
     if (!projectName || !connectionId || !language) {
       const answers = await runInteractive({

package/messages/en.json

@@ -65,7 +65,9 @@
     "sortNameZA": "Name Z-A",
     "sortPriceLow": "Price: Low to High",
     "sortPriceHigh": "Price: High to Low",
-    "selectOptions": "Select Options"
+    "selectOptions": "Select Options",
+    "allBrands": "All Brands",
+    "allTags": "All Tags"
   },
   "productDetail": {
     "notFound": "Product not found.",

package/messages/he.json

@@ -65,7 +65,9 @@
     "sortNameZA": "שם ת-א",
     "sortPriceLow": "מחיר: מהנמוך לגבוה",
     "sortPriceHigh": "מחיר: מהגבוה לנמוך",
-    "selectOptions": "בחר אפשרויות"
+    "selectOptions": "בחר אפשרויות",
+    "allBrands": "כל המותגים",
+    "allTags": "כל התגיות"
   },
   "productDetail": {
     "notFound": "המוצר לא נמצא.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-brainerce-store",
-  "version": "1.27.2",
+  "version": "1.27.4",
   "description": "Scaffold a production-ready e-commerce storefront connected to Brainerce",
   "bin": {
     "create-brainerce-store": "dist/index.js"

package/templates/nextjs/base/src/app/products/page.tsx

@@ -225,6 +225,8 @@ function ProductsContent() {
 
   const searchQuery = searchParams.get('search') || '';
   const categoryId = searchParams.get('category') || '';
+  const brandId = searchParams.get('brand') || '';
+  const tagId = searchParams.get('tag') || '';
   const sortParam = searchParams.get('sort') || '0';
 
   const [products, setProducts] = useState<Product[]>([]);
@@ -234,22 +236,26 @@ function ProductsContent() {
   const [totalPages, setTotalPages] = useState(1);
   const [total, setTotal] = useState(0);
   const [categories, setCategories] = useState<CategoryNode[]>([]);
+  const [brands, setBrands] = useState<Array<{ id: string; name: string }>>([]);
+  const [tags, setTags] = useState<Array<{ id: string; name: string }>>([]);
 
   const sortIndex = parseInt(sortParam, 10) || 0;
   const currentSort = sortOptions[sortIndex] || sortOptions[0];
 
-  // Load categories (keep tree structure)
+  // Load categories, brands, and tags
   useEffect(() => {
-    async function loadCategories() {
-      try {
-        const client = getClient();
-        const result = await client.getCategories();
-        setCategories(result.categories as CategoryNode[]);
-      } catch {
-        // Categories endpoint may not be available in all modes
-      }
+    async function loadFilters() {
+      const client = getClient();
+      const [catRes, brandRes, tagRes] = await Promise.allSettled([
+        client.getCategories(),
+        client.getBrands(),
+        client.getTags(),
+      ]);
+      if (catRes.status === 'fulfilled') setCategories(catRes.value.categories as CategoryNode[]);
+      if (brandRes.status === 'fulfilled') setBrands(brandRes.value.brands);
+      if (tagRes.status === 'fulfilled') setTags(tagRes.value.tags);
     }
-    loadCategories();
+    loadFilters();
   }, []);
 
   // Load products when filters change
@@ -272,6 +278,8 @@ function ProductsContent() {
 
         if (searchQuery) params.search = searchQuery;
         if (categoryId) params.categories = categoryId;
+        if (brandId) params.brands = brandId;
+        if (tagId) params.tags = tagId;
 
         const result = await client.getProducts(params);
 
@@ -290,7 +298,7 @@ function ProductsContent() {
         setLoadingMore(false);
       }
     },
-    [searchQuery, categoryId, currentSort.sortBy, currentSort.sortOrder]
+    [searchQuery, categoryId, brandId, tagId, currentSort.sortBy, currentSort.sortOrder]
   );
 
   useEffect(() => {
@@ -332,7 +340,7 @@ function ProductsContent() {
       </div>
 
       {/* Filters and Sort */}
-      <div className="mb-6 flex flex-col items-start gap-4 sm:flex-row sm:items-center">
+      <div className="mb-6 flex flex-col gap-4">
         {/* Category Filter */}
         {categories.length > 0 && (
           <div className="flex flex-wrap gap-2">
@@ -359,23 +367,54 @@ function ProductsContent() {
           </div>
         )}
 
-        {/* Sort */}
-        <div className="flex items-center gap-2 sm:ms-auto">
-          <label htmlFor="sort" className="text-muted-foreground whitespace-nowrap text-sm">
-            {tc('sortBy')}
-          </label>
-          <select
-            id="sort"
-            value={sortIndex}
-            onChange={(e) => updateParam('sort', e.target.value)}
-            className="border-border bg-background text-foreground focus:ring-primary/20 focus:border-primary h-9 rounded border px-3 text-sm focus:outline-none focus:ring-2"
-          >
-            {sortOptions.map((opt, idx) => (
-              <option key={idx} value={idx}>
-                {t(opt.labelKey)}
-              </option>
-            ))}
-          </select>
+        {/* Brand, Tag & Sort row */}
+        <div className="flex flex-wrap items-center gap-3">
+          {/* Brand Filter */}
+          {brands.length > 0 && (
+            <select
+              value={brandId}
+              onChange={(e) => updateParam('brand', e.target.value)}
+              className="border-border bg-background text-foreground focus:ring-primary/20 focus:border-primary h-9 rounded border px-3 text-sm focus:outline-none focus:ring-2"
+            >
+              <option value="">{t('allBrands')}</option>
+              {brands.map((b) => (
+                <option key={b.id} value={b.id}>{b.name}</option>
+              ))}
+            </select>
+          )}
+
+          {/* Tag Filter */}
+          {tags.length > 0 && (
+            <select
+              value={tagId}
+              onChange={(e) => updateParam('tag', e.target.value)}
+              className="border-border bg-background text-foreground focus:ring-primary/20 focus:border-primary h-9 rounded border px-3 text-sm focus:outline-none focus:ring-2"
+            >
+              <option value="">{t('allTags')}</option>
+              {tags.map((tg) => (
+                <option key={tg.id} value={tg.id}>{tg.name}</option>
+              ))}
+            </select>
+          )}
+
+          {/* Sort */}
+          <div className="flex items-center gap-2 sm:ms-auto">
+            <label htmlFor="sort" className="text-muted-foreground whitespace-nowrap text-sm">
+              {tc('sortBy')}
+            </label>
+            <select
+              id="sort"
+              value={sortIndex}
+              onChange={(e) => updateParam('sort', e.target.value)}
+              className="border-border bg-background text-foreground focus:ring-primary/20 focus:border-primary h-9 rounded border px-3 text-sm focus:outline-none focus:ring-2"
+            >
+              {sortOptions.map((opt, idx) => (
+                <option key={idx} value={idx}>
+                  {t(opt.labelKey)}
+                </option>
+              ))}
+            </select>
+          </div>
         </div>
       </div>
 

package/templates/nextjs/base/src/lib/translations.ts.ejs

@@ -12,8 +12,14 @@ export { MessagesContext };
 export function useTranslations(namespace: string) {
   const messages = useContext(MessagesContext);
   const ns = (messages[namespace] || {}) as Record<string, string>;
-  return function t(key: string): string {
-    return ns[key] || `${namespace}.${key}`;
+  return function t(key: string, values?: Record<string, string>): string {
+    let result = ns[key] || `${namespace}.${key}`;
+    if (values) {
+      for (const [k, v] of Object.entries(values)) {
+        result = result.replace(`{${k}}`, v);
+      }
+    }
+    return result;
   };
 }
 <% } else { %>
@@ -24,8 +30,14 @@ type Namespace = keyof Messages;
 
 export function useTranslations<N extends Namespace>(namespace: N) {
   const ns = messages[namespace] as Record<string, string>;
-  return function t(key: keyof Messages[N]): string {
-    return ns[key as string] || `${String(namespace)}.${key as string}`;
+  return function t(key: string, values?: Record<string, string>): string {
+    let result = ns[key] || `${String(namespace)}.${key}`;
+    if (values) {
+      for (const [k, v] of Object.entries(values)) {
+        result = result.replace(`{${k}}`, v);
+      }
+    }
+    return result;
   };
 }
 <% } %>