@deneb-ui/cli 2.0.14 → 2.0.15

package/bin/index.js

@@ -199,6 +199,32 @@ function detectPages(projectDir) {
                 ...(isContact ? { required: true } : {}),
               });
             }
+
+            // Check for dynamic product detail routes (e.g. products/[slug] or shop/[id])
+            const subDirPath = path.join(cDir, routeName);
+            try {
+              if (fs.existsSync(subDirPath)) {
+                const subEntries = fs.readdirSync(subDirPath, { withFileTypes: true });
+                const hasDynamicSlug = subEntries.some((se) => se.isDirectory() && se.name.startsWith('['));
+                if (hasDynamicSlug && !foundRoutes.has('/' + routeName + '/detail')) {
+                  foundRoutes.add('/' + routeName + '/detail');
+                  let sampleSlug = 'vanta-aero-x';
+                  const siteDataPath = path.join(projectDir, 'src', 'data', 'site-data.json');
+                  if (fs.existsSync(siteDataPath)) {
+                    try {
+                      const sd = JSON.parse(fs.readFileSync(siteDataPath, 'utf8'));
+                      if (sd.content?.product?.slug) sampleSlug = sd.content.product.slug;
+                      else if (sd.content?.home?.product1Slug) sampleSlug = sd.content.home.product1Slug;
+                    } catch {}
+                  }
+                  pages.push({
+                    id: 'product',
+                    label: 'Product Detail',
+                    route: `/${routeName}/${sampleSlug}`,
+                  });
+                }
+              }
+            } catch {}
           }
         }
       } catch {
@@ -291,6 +317,28 @@ function getDefaultManifest(projectName, pages) {
             },
           ],
         },
+        ...(pages.some((p) => p.id === 'product')
+          ? [
+              {
+                id: 'product',
+                path: 'product',
+                type: 'object',
+                label: 'Product Detail Content',
+                fields: [
+                  { key: 'name', type: 'text', label: 'Product Title', required: true },
+                  { key: 'price', type: 'text', label: 'Product Price', required: true },
+                  { key: 'description', type: 'textarea', label: 'Product Description' },
+                  { key: 'badge', type: 'text', label: 'Product Badge' },
+                  { key: 'featuredImage', type: 'image', label: 'Featured Product Image' },
+                  { key: 'addToSelectionLabel', type: 'text', label: 'Add to Selection Label' },
+                  { key: 'specsTitle', type: 'text', label: 'Specifications Heading' },
+                  { key: 'shippingTitle', type: 'text', label: 'Shipping Heading' },
+                  { key: 'shippingSummary', type: 'text', label: 'Shipping Summary' },
+                  { key: 'shippingReturns', type: 'text', label: 'Shipping Returns Note' },
+                ],
+              },
+            ]
+          : []),
       ],
     },
   };
@@ -352,6 +400,24 @@ function getDefaultSiteData(projectName, pages) {
         primaryCtaLabel: 'Shop Now',
         secondaryCtaLabel: 'Learn More',
       },
+      ...(pages.some((p) => p.id === 'product')
+        ? {
+            product: {
+              name: 'Signature Performance Edition',
+              price: 'LKR 32,500',
+              description: 'Lightweight performance runner with responsive foam midsole and breathable engineered mesh.',
+              badge: 'NEW',
+              featuredImage: '/products/vanta-aero-x.jpg',
+              addToSelectionLabel: 'Add to Selection',
+              specsTitle: 'Specifications',
+              shippingTitle: 'Shipping & Returns',
+              shippingSummary: 'Free Islandwide Delivery within 2-3 business days. Cash on delivery available.',
+              shippingReturns: '14-day hassle-free exchanges for unworn footwear in original condition.',
+              relatedLabel: 'You May Also Like',
+              relatedTitle: 'Related Products',
+            },
+          }
+        : {}),
     },
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/cli",
-  "version": "2.0.14",
+  "version": "2.0.15",
   "description": "Official developer CLI for DENEB UI — Validating, scaffolding, testing, and packaging storefront templates. Created by Chamika Gayashan & Induranga Kawishwara.",
   "bin": {
     "deneb": "bin/index.js",

package/src/recipes/vanta-shoes-store.json

@@ -2,7 +2,7 @@
   "name": "vanta-shoes-store",
   "label": "Vanta Shoes Storefront",
   "description": "Calibrated Vanta shoes store recipe with WhatsApp CTA, Instagram social link, product grid, and hero slides.",
-  "savedAt": "2026-09-08T17:20:49.206Z",
+  "savedAt": "2026-09-09T04:15:03.327Z",
   "signatures": {
     "keywords": [
       "vanta-shoes-store",
@@ -53,7 +53,16 @@
       }
     ],
     "autoIndex": true,
-    "defaultCardPrefix": "product"
+    "defaultCardPrefix": "product",
+    "withBasePathImages": true,
+    "safeNavigationButtons": true
+  },
+  "productDetailRules": {
+    "enabled": true,
+    "sectionPath": "product",
+    "sampleRoute": "/products/vanta-aero-x",
+    "galleryWithBasePath": true,
+    "noStaticOnEditableAncestors": true
   },
   "actionRules": {
     "splitActionAndLabel": true,
@@ -89,6 +98,40 @@
     ],
     "targetPath": "common.footer"
   },
+  "pages": [
+    {
+      "id": "home",
+      "label": "Home",
+      "route": "/",
+      "required": true
+    },
+    {
+      "id": "about",
+      "label": "About",
+      "route": "/about"
+    },
+    {
+      "id": "contact",
+      "label": "Contact",
+      "route": "/contact",
+      "required": true
+    },
+    {
+      "id": "products",
+      "label": "Products",
+      "route": "/products"
+    },
+    {
+      "id": "shop",
+      "label": "Shop",
+      "route": "/shop"
+    },
+    {
+      "id": "product",
+      "label": "Product Detail",
+      "route": "/products/vanta-aero-x"
+    }
+  ],
   "sections": [
     {
       "id": "common",
@@ -937,6 +980,7 @@
     },
     {
       "id": "product",
+      "path": "product",
       "label": "Product Detail Page",
       "fields": [
         {
@@ -1119,7 +1163,7 @@
       "product2Name": "VANTA Flux 01",
       "product2Category": "Sneakers",
       "product2Price": "LKR 28,900",
-      "product2Badge": "",
+      "product2Badge": "Trending",
       "product2Image": "/products/vanta-flux-01.jpg",
       "product3Name": "VANTA Core Runner",
       "product3Category": "Performance",
@@ -1129,12 +1173,12 @@
       "product4Name": "VANTA Mono",
       "product4Category": "Lifestyle",
       "product4Price": "LKR 24,800",
-      "product4Badge": "",
+      "product4Badge": "Exclusive",
       "product4Image": "/products/vanta-mono.jpg",
       "product5Name": "VANTA Street 02",
       "product5Category": "Sneakers",
       "product5Price": "LKR 27,500",
-      "product5Badge": "",
+      "product5Badge": "Popular",
       "product5Image": "/products/vanta-street-02.jpg",
       "product6Name": "VANTA Velocity",
       "product6Category": "Performance",
@@ -1144,7 +1188,7 @@
       "product7Name": "VANTA Apex Hi",
       "product7Category": "Sneakers",
       "product7Price": "LKR 31,200",
-      "product7Badge": "",
+      "product7Badge": "Featured",
       "product7Image": "/products/vanta-apex-hi.jpg",
       "product8Name": "VANTA Train Pro",
       "product8Category": "Training",
@@ -1159,7 +1203,7 @@
       "product10Name": "VANTA Flux 01",
       "product10Category": "Sneakers",
       "product10Price": "LKR 28,900",
-      "product10Badge": "",
+      "product10Badge": "Trending",
       "product10Image": "/products/vanta-flux-01.jpg",
       "product11Name": "VANTA Core Runner",
       "product11Category": "Performance",
@@ -1169,7 +1213,7 @@
       "product12Name": "VANTA Mono",
       "product12Category": "Lifestyle",
       "product12Price": "LKR 24,800",
-      "product12Badge": "",
+      "product12Badge": "Exclusive",
       "product12Image": "/products/vanta-mono.jpg"
     },
     "product": {

package/src/tools/recipe-engine.cjs

@@ -132,6 +132,15 @@ function saveRecipeFromProject(projectDir, recipeName = 'custom-storefront', opt
       ],
       autoIndex: true,
       defaultCardPrefix: 'product',
+      withBasePathImages: true,
+      safeNavigationButtons: true,
+    },
+    productDetailRules: {
+      enabled: true,
+      sectionPath: 'product',
+      sampleRoute: '/products/vanta-aero-x',
+      galleryWithBasePath: true,
+      noStaticOnEditableAncestors: true,
     },
     actionRules: {
       splitActionAndLabel: true,
@@ -146,7 +155,11 @@ function saveRecipeFromProject(projectDir, recipeName = 'custom-storefront', opt
       platforms: ['instagram', 'facebook', 'twitter', 'tiktok', 'youtube', 'linkedin'],
       targetPath: 'common.footer',
     },
-    sections: manifest.editorSchema?.sections || [],
+    pages: manifest.pages || [],
+    sections: (manifest.editorSchema?.sections || []).map((s) => ({
+      ...s,
+      path: s.path || s.id,
+    })),
     defaults: siteData.content || {},
   };
 

package/src/tools/template-converter.cjs

@@ -579,13 +579,18 @@ function transformFileContent(filePath, pageKey, extractedData, backupDir, proje
   });
 
   // 14. Sensitive Element Guardian: Auto-annotate non-bound <a> and <img> tags with data-preview-static
-  // Ensures 100% compliance with Fivora strict mode so unannotated links/images don't fail certification
-  code = code.replace(/<a(\s+[^>]*?href="[^"]*"[^>]*?)>/gi, (match, attrs) => {
+  // CRITICAL FIVORA RULE: Never mark an <a> as static if it encloses any children with data-preview-field-path
+  // This completely eliminates "markers cannot be on or inside data-preview-static" errors across cards and links.
+  code = code.replace(/<a(\s+[^>]*?href="[^"]*"[^>]*?)>([\s\S]*?)<\/a>/gi, (match, attrs, inner) => {
     if (attrs.includes('data-preview-field-path') || attrs.includes('data-preview-static')) {
       return match;
     }
+    // If the inner content has editable field markers or is a card wrapper, NEVER mark the anchor static!
+    if (inner.includes('data-preview-field-path') || inner.includes('data-preview-item-path') || /card|product|shoe|item/i.test(attrs)) {
+      return match;
+    }
     fileModified = true;
-    return `<a${attrs} data-preview-static="navigation-link">`;
+    return `<a${attrs} data-preview-static="navigation-link">${inner}</a>`;
   });
 
   code = code.replace(/<img(\s+[^>]*?src="[^"]*"[^>]*?)>/gi, (match, attrs) => {
@@ -735,13 +740,25 @@ function generateTemplateData(projectDir, projectName, detectedPages, extractedB
     },
   ];
 
-  // If active recipe has defined sections, seed them
+  // Merge pages from detectedPages and activeRecipe.pages
+  const mergedPages = [...detectedPages];
+  if (activeRecipe && Array.isArray(activeRecipe.pages)) {
+    for (const rp of activeRecipe.pages) {
+      if (!mergedPages.some((p) => p.id === rp.id || p.route === rp.route)) {
+        mergedPages.push(rp);
+      }
+    }
+  }
+
+  // If active recipe has defined sections, seed them with guaranteed path property
   if (activeRecipe && Array.isArray(activeRecipe.sections)) {
     for (const sec of activeRecipe.sections) {
-      if (sec.id === 'common') {
+      const clonedSec = { ...sec };
+      if (!clonedSec.path) clonedSec.path = clonedSec.id;
+      if (clonedSec.id === 'common') {
         const commonSec = editorSections.find((s) => s.id === 'common');
-        if (commonSec && Array.isArray(sec.fields)) {
-          for (const rf of sec.fields) {
+        if (commonSec && Array.isArray(clonedSec.fields)) {
+          for (const rf of clonedSec.fields) {
             if (!commonSec.fields.some((f) => f.key === rf.key)) {
               commonSec.fields.push(rf);
             }
@@ -749,7 +766,7 @@ function generateTemplateData(projectDir, projectName, detectedPages, extractedB
         }
         continue;
       }
-      editorSections.push(sec);
+      editorSections.push(clonedSec);
     }
   }
 
@@ -796,6 +813,7 @@ function generateTemplateData(projectDir, projectName, detectedPages, extractedB
     }
 
     if (existingSection) {
+      if (!existingSection.path) existingSection.path = existingSection.id;
       existingSection.fields.push(...newFieldDefs);
     } else if (newFieldDefs.length > 0) {
       editorSections.push({
@@ -808,6 +826,11 @@ function generateTemplateData(projectDir, projectName, detectedPages, extractedB
     }
   }
 
+  // Ensure all editorSections have a valid path attribute
+  for (const sec of editorSections) {
+    if (!sec.path) sec.path = sec.id;
+  }
+
   const siteData = {
     project: {
       id: `${projectName}-project`,
@@ -823,11 +846,11 @@ function generateTemplateData(projectDir, projectName, detectedPages, extractedB
       name: projectName,
       engine: 'NEXT_STATIC_EXPORT',
       structure: {
-        pages: detectedPages.map((p) => p.id),
+        pages: mergedPages.map((p) => p.id),
       },
     },
     requirements: {
-      requiredPages: detectedPages.filter((p) => p.required).map((p) => p.id),
+      requiredPages: mergedPages.filter((p) => p.required).map((p) => p.id),
       requiredFeatures: [],
     },
     content: content,
@@ -846,7 +869,7 @@ function generateTemplateData(projectDir, projectName, detectedPages, extractedB
     installCommand: 'npm install',
     buildCommand: 'npm run build',
     basePathEnvVar: 'NEXT_PUBLIC_SITE_BASE_PATH',
-    pages: detectedPages,
+    pages: mergedPages,
     editorSchema: {
       version: 1,
       sections: editorSections,