@deneb-ui/cli 2.0.57 → 2.0.59

package/bin/index.js

@@ -468,6 +468,11 @@ function getComponentRegistry(importPkg) {
       component: 'EditableProductGrid',
       code: `'use client';\n\nimport { EditableProductGrid, ProductGrid, type EditableProductGridProps, type ProductGridItem } from '${importPkg}';\n\nexport { EditableProductGrid, ProductGrid, type EditableProductGridProps, type ProductGridItem };\n`,
     },
+    'product-showcase': {
+      file: 'ProductShowcase.tsx',
+      component: 'EditableProductShowcase',
+      code: `'use client';\n\nimport { EditableProductShowcase, ProductShowcase, type EditableProductShowcaseProps, type ProductShowcaseItem, type ProductShowcaseColor } from '${importPkg}';\n\nexport { EditableProductShowcase, ProductShowcase, type EditableProductShowcaseProps, type ProductShowcaseItem, type ProductShowcaseColor };\n`,
+    },
     'product-detail': {
       file: 'ProductDetail.tsx',
       component: 'EditableProductDetail',
@@ -528,6 +533,11 @@ function getComponentRegistry(importPkg) {
       component: 'WhatsAppButton',
       code: `'use client';\n\nimport { WhatsAppButton, type WhatsAppButtonProps } from '${importPkg}';\n\nexport { WhatsAppButton, type WhatsAppButtonProps };\n`,
     },
+    'whatsapp-order-button': {
+      file: 'WhatsAppOrderButton.tsx',
+      component: 'WhatsAppOrderButton',
+      code: `'use client';\n\nimport React from 'react';\nimport { useSiteData } from '${importPkg}';\nimport { MessageCircle } from 'lucide-react';\n\nexport interface WhatsAppOrderButtonProps {\n  product: { name: string; price?: string | number; brand?: string; condition?: string; [key: string]: any };\n  selectedColor?: string;\n  selectedStorage?: string;\n  className?: string;\n  showText?: boolean;\n}\n\nexport function WhatsAppOrderButton({\n  product,\n  selectedColor,\n  selectedStorage,\n  className = '',\n  showText = true,\n}: WhatsAppOrderButtonProps) {\n  const siteData = useSiteData();\n  const rawTarget =\n    siteData?.content?.home?.whatsappOrderUrl ||\n    siteData?.content?.home?.whatsappNumber ||\n    siteData?.content?.common?.business?.whatsapp ||\n    'https://wa.me/15550192834';\n  const orderLabel = siteData?.content?.home?.whatsappOrderLabel ?? 'Order via WhatsApp';\n\n  const handleWhatsAppClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    const color = selectedColor || product.colors?.[0]?.name || 'Default';\n    const storage = selectedStorage || product.storageOptions?.[0] || 'Default';\n    const message = \`Hi, I would like to order the following product:\\n\\n*\${product.name}*\\nBrand: \${product.brand || 'Store'}\\nCondition: \${product.condition || 'New'}\\nColor: \${color}\\nStorage: \${storage}\\nPrice: Rs \${product.price}\\n\\nIs it available?\`;\n\n    let targetUrl = (rawTarget || '').trim();\n    if (!targetUrl.startsWith('http://') && !targetUrl.startsWith('https://')) {\n      const cleanNum = targetUrl.replace(/[^0-9]/g, '');\n      targetUrl = \`https://wa.me/\${cleanNum || '15550192834'}\`;\n    }\n    const sep = targetUrl.includes('?') ? '&' : '?';\n    const url = \`\${targetUrl}\${sep}text=\${encodeURIComponent(message)}\`;\n    window.open(url, '_blank', 'noopener,noreferrer');\n  };\n\n  return (\n    <button type=\"button\" onClick={handleWhatsAppClick} className={className}>\n      <MessageCircle className=\"h-4 w-4\" />\n      {showText && (\n        <span data-preview-field-path=\"home.whatsappOrderLabel\" data-preview-style-target=\"home.whatsappOrderLabel\" data-preview-style-type=\"text\">\n          {orderLabel}\n        </span>\n      )}\n    </button>\n  );\n}\n`,
+    },
     'phone-button': {
       file: 'PhoneButton.tsx',
       component: 'PhoneButton',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/cli",
-  "version": "2.0.57",
+  "version": "2.0.59",
   "description": "Official DENEB CLI — scaffold, convert, validate, and package Fivora-ready storefront templates.",
   "bin": {
     "deneb": "bin/index.js",
@@ -49,7 +49,7 @@
   "license": "MIT",
   "dependencies": {
     "@babel/parser": "^7.28.0",
-    "@deneb-ui/core": "^2.0.57",
+    "@deneb-ui/core": "^2.0.59",
     "@octokit/rest": "^22.0.1",
     "adm-zip": "^0.6.0",
     "dotenv": "^17.4.2",

package/src/common/template-package-archive.ts

@@ -150,6 +150,9 @@ export function isForbiddenTemplatePackagePath(entryName: string) {
   const hasGeneratedDirectory = segments.some((segment) =>
     FORBIDDEN_GENERATED_DIRECTORIES.has(segment),
   );
+  const hasDenebInternal = segments.some((segment) =>
+    segment === '.deneb' || segment.startsWith('.deneb-backup'),
+  );
   const isEnvironmentFile = fileName === '.env' || fileName.startsWith('.env.');
   const isNestedArchive = fileName.endsWith('.zip');
   const isLogFile = fileName.endsWith('.log');
@@ -160,6 +163,7 @@ export function isForbiddenTemplatePackagePath(entryName: string) {
     hasForbiddenDirectory ||
     hasYarnCache ||
     hasGeneratedDirectory ||
+    hasDenebInternal ||
     isEnvironmentFile ||
     isNestedArchive ||
     isLogFile ||

package/src/recipes/mobile-shop.json

@@ -1053,6 +1053,16 @@
               "key": "verifiedService",
               "type": "text",
               "label": "Verified Service"
+            },
+            {
+              "key": "rating",
+              "type": "number",
+              "label": "Rating"
+            },
+            {
+              "key": "device",
+              "type": "text",
+              "label": "Device"
             }
           ]
         },
@@ -1306,11 +1316,6 @@
           "type": "text",
           "label": "Rs Label3"
         },
-        {
-          "key": "rsLabel4",
-          "type": "text",
-          "label": "Rs Label4"
-        },
         {
           "key": "inStockTestedLabel",
           "type": "text",
@@ -1538,126 +1543,11 @@
           "type": "text",
           "label": "Click Inspect Hardware Label"
         },
-        {
-          "key": "instantValueCalculatorLabel",
-          "type": "text",
-          "label": "Instant Value Calculator Label"
-        },
-        {
-          "key": "heading10",
-          "type": "text",
-          "label": "Heading10"
-        },
-        {
-          "key": "newPossibilitiesLabel",
-          "type": "text",
-          "label": "New Possibilities Label"
-        },
-        {
-          "key": "description10",
-          "type": "textarea",
-          "label": "Description10"
-        },
-        {
-          "key": "selectCurrentDeviceBrand",
-          "type": "text",
-          "label": "Select Current Device Brand"
-        },
-        {
-          "key": "exactModel",
-          "type": "text",
-          "label": "Exact Model"
-        },
-        {
-          "key": "physicalCondition",
-          "type": "text",
-          "label": "Physical Condition"
-        },
-        {
-          "key": "targetUpgradeGoal",
-          "type": "text",
-          "label": "Target Upgrade Goal"
-        },
-        {
-          "key": "msrpRs",
-          "type": "text",
-          "label": "Msrp Rs"
-        },
-        {
-          "key": "freeDataTransferSecureMilitary",
-          "type": "text",
-          "label": "Free Data Transfer Secure Military"
-        },
-        {
-          "key": "instantValuationLabel",
-          "type": "text",
-          "label": "Instant Valuation Label"
-        },
-        {
-          "key": "guaranteed14DaysLabel",
-          "type": "text",
-          "label": "Guaranteed14 Days Label"
-        },
-        {
-          "key": "estimatedTradeCreditLabel",
-          "type": "text",
-          "label": "Estimated Trade Credit Label"
-        },
         {
           "key": "subtitle7",
           "type": "text",
           "label": "Subtitle7"
         },
-        {
-          "key": "targetUpgradeLabel",
-          "type": "text",
-          "label": "Target Upgrade Label"
-        },
-        {
-          "key": "retailPriceLabel",
-          "type": "text",
-          "label": "Retail Price Label"
-        },
-        {
-          "key": "rsLabel5",
-          "type": "text",
-          "label": "Rs Label5"
-        },
-        {
-          "key": "lessTradeCreditLabel",
-          "type": "text",
-          "label": "Less Trade Credit Label"
-        },
-        {
-          "key": "rsLabel6",
-          "type": "text",
-          "label": "Rs Label6"
-        },
-        {
-          "key": "yourNetUpgradeLabel",
-          "type": "text",
-          "label": "Your Net Upgrade Label"
-        },
-        {
-          "key": "rsLabel7",
-          "type": "text",
-          "label": "Rs Label7"
-        },
-        {
-          "key": "estimateLockedPasscodeTrLabel",
-          "type": "text",
-          "label": "Estimate Locked Passcode Tr Label"
-        },
-        {
-          "key": "lockEstimateUpgradeLabel",
-          "type": "text",
-          "label": "Lock Estimate Upgrade Label"
-        },
-        {
-          "key": "description11",
-          "type": "textarea",
-          "label": "Description11"
-        },
         {
           "key": "shopPhonesUrl",
           "type": "text",
@@ -1736,6 +1626,31 @@
               "key": "price",
               "type": "number",
               "label": "Price"
+            },
+            {
+              "key": "originalPrice",
+              "type": "number",
+              "label": "Original Price"
+            },
+            {
+              "key": "colors",
+              "type": "list",
+              "label": "Colors",
+              "itemLabel": "Color",
+              "minItems": 1,
+              "maxItems": 6,
+              "fields": [
+                {
+                  "key": "name",
+                  "type": "text",
+                  "label": "Color Name"
+                },
+                {
+                  "key": "hex",
+                  "type": "text",
+                  "label": "Color Hex"
+                }
+              ]
             }
           ]
         },
@@ -1938,11 +1853,6 @@
               "label": "Product Image"
             }
           ]
-        },
-        {
-          "key": "forYourDeviceLabel",
-          "type": "text",
-          "label": "For Your Device Label"
         }
       ],
       "pageKey": "home"

package/src/tools/deneb-doctor.cjs

@@ -674,6 +674,183 @@ function runDoctor(targetDirInput = '.', options = {}) {
     addCheck(suite5, 'warn', 'Empty-State Singleton Persistence', `${unmountedSingletonCount} singleton label(s) unmount when list is empty. Provide an empty fallback container.`, { code: 'DNB-EMP-002' });
   }
 
+  // Check: WhatsApp Action Target Synchronization (DNB-WHA-008)
+  let disconnectedWhatsAppCount = 0;
+  for (const file of sourceFiles) {
+    let c = fs.readFileSync(file, 'utf-8');
+    if (c.includes('whatsappNumber') && (c.includes('1234567890') || c.includes('siteData?.content?.home?.whatsappNumber')) && !c.includes('whatsappOrderUrl')) {
+      disconnectedWhatsAppCount++;
+      if (shouldFix) {
+        c = c.replace(
+          /const\s+whatsappNumber\s*=\s*siteData\?\.content\?\.home\?\.whatsappNumber\s*\?\?\s*["'][^"']+["'];?/g,
+          'const rawTarget = siteData?.content?.home?.whatsappOrderUrl || siteData?.content?.home?.whatsappNumber || siteData?.content?.common?.business?.whatsapp || "https://wa.me/15550192834";'
+        );
+        c = c.replace(
+          /const\s+url\s*=\s*`https:\/\/wa\.me\/\$\{\s*whatsappNumber\.replace\([^)]+\)\s*\}\?text=\$\{([^}]+)\}`;/g,
+          'let targetUrl = (rawTarget || "").trim(); if (!targetUrl.startsWith("http://") && !targetUrl.startsWith("https://")) { const cleanNum = targetUrl.replace(/[^0-9]/g, ""); targetUrl = `https://wa.me/${cleanNum || "15550192834"}`; } const sep = targetUrl.includes("?") ? "&" : "?"; const url = `${targetUrl}${sep}text=${$1}`;'
+        );
+        fs.writeFileSync(file, c, 'utf8');
+      }
+    }
+  }
+  if (disconnectedWhatsAppCount === 0) {
+    addCheck(suite5, 'pass', 'WhatsApp Action Live Sync', 'All WhatsApp order triggers dynamically resolve configured merchant order URLs', { code: 'DNB-WHA-008' });
+  } else if (shouldFix) {
+    addCheck(suite5, 'fixed', 'WhatsApp Action Live Sync', `Repaired ${disconnectedWhatsAppCount} WhatsApp action trigger(s) to dynamically resolve whatsappOrderUrl`, { code: 'DNB-WHA-008' });
+  } else {
+    addCheck(suite5, 'warn', 'WhatsApp Action Live Sync', `${disconnectedWhatsAppCount} WhatsApp trigger(s) using disconnected fallback instead of whatsappOrderUrl. Run with --fix to repair.`, { code: 'DNB-WHA-008' });
+  }
+
+  // Check: Next.js Image Empty String Guard (DNB-IMG-002)
+  let emptyImageSrcCount = 0;
+  for (const file of sourceFiles) {
+    let c = fs.readFileSync(file, 'utf-8');
+    if (c.includes('<Image') || c.includes('<img')) {
+      const unguardedImageMatches = c.matchAll(/<(?:Image|img)\s+[^>]*\bsrc=\{([a-zA-Z0-9_$.?]+)\}[^>]*>/g);
+      let fileModified = false;
+      for (const m of unguardedImageMatches) {
+        const expr = m[1];
+        if (!expr.includes('||') && !expr.includes('?') && !expr.includes('fallback') && !expr.includes('placeholder')) {
+          emptyImageSrcCount++;
+          if (shouldFix) {
+            const safeExpr = `(${expr} && typeof ${expr} === 'string' && ${expr}.trim() !== '') ? ${expr} : '/images/showcase-phone.jpg'`;
+            c = c.replace(m[0], m[0].replace(`src={${expr}}`, `src={${safeExpr}}`));
+            fileModified = true;
+          }
+        }
+      }
+      if (shouldFix && fileModified) {
+        fs.writeFileSync(file, c, 'utf8');
+      }
+    }
+  }
+  if (emptyImageSrcCount === 0) {
+    addCheck(suite5, 'pass', 'Next.js Image Empty-String Guard', 'All Image src attributes are protected against empty string ("") network triggers', { code: 'DNB-IMG-002' });
+  } else if (shouldFix) {
+    addCheck(suite5, 'fixed', 'Next.js Image Empty-String Guard', `Protected ${emptyImageSrcCount} Image src attribute(s) with safe non-empty fallback guards`, { code: 'DNB-IMG-002' });
+  } else {
+    addCheck(suite5, 'warn', 'Next.js Image Empty-String Guard', `${emptyImageSrcCount} Image src attribute(s) pass unguarded expressions that may trigger Next.js empty string download errors. Run with --fix to guard.`, { code: 'DNB-IMG-002' });
+  }
+
+  // Check: Product Card Color Swatch & Strikethrough Price Editability (DNB-COL-009)
+  let staticSwatchCount = 0;
+  let missingColorSchemaCount = 0;
+  for (const file of sourceFiles) {
+    let c = fs.readFileSync(file, 'utf-8');
+    if (c.includes('colors') || c.includes('hex') || c.includes('line-through')) {
+      const staticRegex = /data-preview-static="(?:color-swatch|color-name|active-color-name|swatch)"/g;
+      if (staticRegex.test(c)) {
+        staticSwatchCount++;
+        if (shouldFix) {
+          c = c.replace(/data-preview-static="(?:color-swatch|swatch)"/g, 'data-preview-field-type="color"');
+          c = c.replace(/data-preview-static="(?:color-name|active-color-name)"/g, 'data-preview-style-type="text"');
+          fs.writeFileSync(file, c, 'utf8');
+        }
+      }
+    }
+  }
+
+  if (manifestData?.editorSchema?.sections) {
+    for (const sec of manifestData.editorSchema.sections) {
+      for (const field of sec.fields || []) {
+        if (field.type === 'list' && (field.key.toLowerCase().includes('phone') || field.key.toLowerCase().includes('product'))) {
+          const hasColorField = (field.fields || []).some((sf) => sf.key === 'colors' || sf.key === 'color');
+          const hasPriceField = (field.fields || []).some((sf) => sf.key === 'price');
+          const hasOriginalPriceField = (field.fields || []).some((sf) => sf.key === 'originalPrice');
+
+          let changed = false;
+          if (!hasColorField) {
+            missingColorSchemaCount++;
+            if (shouldFix) {
+              field.fields = field.fields || [];
+              field.fields.push({
+                key: 'colors',
+                type: 'list',
+                label: 'Colors',
+                itemLabel: 'Color',
+                minItems: 1,
+                maxItems: 6,
+                fields: [
+                  { key: 'name', type: 'text', label: 'Color Name' },
+                  { key: 'hex', type: 'text', label: 'Color Hex' },
+                ],
+              });
+              changed = true;
+            }
+          }
+          if (hasPriceField && !hasOriginalPriceField) {
+            missingColorSchemaCount++;
+            if (shouldFix) {
+              field.fields = field.fields || [];
+              field.fields.push({
+                key: 'originalPrice',
+                type: 'number',
+                label: 'Original Price',
+              });
+              changed = true;
+            }
+          }
+          if (changed) {
+            fs.writeFileSync(manifestPath, JSON.stringify(manifestData, null, 2) + '\n', 'utf8');
+          }
+        }
+      }
+    }
+  }
+
+  if (staticSwatchCount === 0 && missingColorSchemaCount === 0) {
+    addCheck(suite5, 'pass', 'Product Color Swatch Editability', 'Product color swatches & original prices are fully editable and registered in editorSchema', { code: 'DNB-COL-009' });
+  } else if (shouldFix) {
+    addCheck(suite5, 'fixed', 'Product Color Swatch Editability', `Made ${staticSwatchCount} static elements editable and registered colors/originalPrice in ${missingColorSchemaCount} schema collection(s)`, { code: 'DNB-COL-009' });
+  } else {
+    addCheck(suite5, 'warn', 'Product Color Swatch Editability', `${staticSwatchCount} static swatch/label element(s) or ${missingColorSchemaCount} missing schema colors/originalPrice definition(s). Run with --fix to make editable.`, { code: 'DNB-COL-009' });
+  }
+
+  // Check: Review & Testimonial Star Rating Editability (DNB-REV-010)
+  let unannotatedStarCount = 0;
+  let missingRatingSchemaCount = 0;
+
+  for (const file of sourceFiles) {
+    let c = fs.readFileSync(file, 'utf-8');
+    if ((c.includes('<Star') || c.includes('starIdx')) && (c.includes('.rating') || c.includes('ratingNum'))) {
+      // Must have data-preview-field-path associated with rating
+      const hasRatingFieldPath = /data-preview-field-path=[^>]*\.rating/i.test(c);
+      if (!hasRatingFieldPath) {
+        unannotatedStarCount++;
+      }
+    }
+  }
+
+  if (manifestData?.editorSchema?.sections) {
+    for (const sec of manifestData.editorSchema.sections) {
+      for (const field of sec.fields || []) {
+        if (field.type === 'list' && (field.key.toLowerCase().includes('review') || field.key.toLowerCase().includes('testimonial'))) {
+          const hasRatingField = (field.fields || []).some((sf) => sf.key === 'rating');
+          if (!hasRatingField) {
+            missingRatingSchemaCount++;
+            if (shouldFix) {
+              field.fields = field.fields || [];
+              field.fields.push({
+                key: 'rating',
+                type: 'number',
+                label: 'Rating',
+              });
+              fs.writeFileSync(manifestPath, JSON.stringify(manifestData, null, 2) + '\n', 'utf8');
+            }
+          }
+        }
+      }
+    }
+  }
+
+  if (unannotatedStarCount === 0 && missingRatingSchemaCount === 0) {
+    addCheck(suite5, 'pass', 'Review Star Rating Editability', 'Review star ratings are clickable, editable, and declared in editorSchema', { code: 'DNB-REV-010' });
+  } else if (shouldFix) {
+    addCheck(suite5, 'fixed', 'Review Star Rating Editability', `Registered rating in ${missingRatingSchemaCount} review schema collection(s) and validated star editability`, { code: 'DNB-REV-010' });
+  } else {
+    addCheck(suite5, 'warn', 'Review Star Rating Editability', `${unannotatedStarCount} component(s) with unannotated star icons or ${missingRatingSchemaCount} review schema(s) missing rating field. Run with --fix to register.`, { code: 'DNB-REV-010' });
+  }
+
   if (!isJson) console.log('\n\x1b[1m[6/6] Multi-Niche Architecture & Asset Security:\x1b[0m');
   const suite6 = 'Niche Architecture & Security';