@deneb-ui/cli 2.0.32 → 2.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/cli",
-  "version": "2.0.32",
+  "version": "2.0.33",
   "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.32",
+    "@deneb-ui/core": "^2.0.33",
     "adm-zip": "^0.6.0",
     "recast": "^0.23.11"
   },

package/src/arc/__tests__/arc.test.cjs

@@ -10,11 +10,57 @@ const { scanProject, buildDependencyGraph } = require('../scanner.cjs');
 const { analyzeFile } = require('../semantic.cjs');
 const { planTransformations } = require('../planner.cjs');
 const { applyFilePlan } = require('../transformer.cjs');
-const { buildFieldPath, inferFieldName } = require('../field-paths.cjs');
+const { buildFieldPath, inferFieldName, isListActionCtaKey } = require('../field-paths.cjs');
+const { enrichSchemasFromContent } = require('../manifest.cjs');
 const { runDenebArc } = require('../index.cjs');
 const { parseSource } = require('../ast.cjs');
 const { loadFingerprintBoost } = require('../learning.cjs');
 
+test('field-paths recognizes list action CTA keys', () => {
+  assert.equal(isListActionCtaKey('preOrderCta'), true);
+  assert.equal(isListActionCtaKey('addToTrayCta'), true);
+  assert.equal(isListActionCtaKey('features'), false);
+});
+
+test('manifest enrichSchemasFromContent registers list CTA and paired directions fields', () => {
+  const sections = [
+    {
+      id: 'contact',
+      path: 'contact',
+      type: 'object',
+      label: 'Contact',
+      fields: [],
+    },
+    {
+      id: 'home',
+      path: 'home',
+      type: 'object',
+      label: 'Home',
+      fields: [],
+    },
+  ];
+  enrichSchemasFromContent(
+    {
+      contact: {
+        directionsLabel: 'Get Directions',
+        directionsUrl: 'https://maps.example',
+      },
+      home: {
+        demoPreOrderCta: [{ buttonLabel: 'Order', buttonUrl: 'https://wa.me/123' }],
+      },
+    },
+    sections
+  );
+  const contactFields = sections.find((s) => s.id === 'contact').fields;
+  assert.ok(contactFields.some((f) => f.key === 'directionsUrl' && f.type === 'url'));
+  assert.ok(contactFields.some((f) => f.key === 'directionsLabel'));
+  const homeFields = sections.find((s) => s.id === 'home').fields;
+  const list = homeFields.find((f) => f.key === 'demoPreOrderCta');
+  assert.ok(list && list.type === 'list');
+  assert.ok(list.fields.some((f) => f.key === 'buttonLabel'));
+  assert.ok(list.fields.some((f) => f.key === 'buttonUrl' && f.type === 'url'));
+});
+
 test('unseen fingerprints do not change planner confidence', () => {
   const hint = loadFingerprintBoost(null);
   assert.equal(hint.boost, 0);
@@ -109,6 +155,8 @@ test('AST transformer preserves className and uses nullish fallbacks', () => {
   assert.match(result.code, /data-preview-field-path=/);
   assert.match(result.code, /\?\?/);
   assert.match(result.code, /<span[\s\S]*data-preview-field-path="/);
+  assert.match(result.code, /<span[^>]*hidden[^>]*data-preview-field-path="/);
+  assert.match(result.code, /data-preview-static="action-link"/);
   assert.doesNotMatch(result.code, /'use client'/);
   assert.match(result.code, /site-data\.json|@\/data\/site-data\.json/);
   assert.match(result.code, /data-preview-style-target=/);

package/src/arc/field-paths.cjs

@@ -141,6 +141,14 @@ function humanLabel(fieldPath) {
     .trim();
 }
 
+function isListActionCtaKey(key) {
+  return /Cta$/i.test(String(key || ''));
+}
+
+function listActionCtaItemFieldNames() {
+  return ['buttonLabel', 'buttonUrl'];
+}
+
 function classifyFieldType(kind, value) {
   if (kind === 'image') return 'image';
   if (kind === 'url') return 'url';
@@ -162,4 +170,6 @@ module.exports = {
   buildFieldPath,
   humanLabel,
   classifyFieldType,
+  isListActionCtaKey,
+  listActionCtaItemFieldNames,
 };

package/src/arc/manifest.cjs

@@ -59,7 +59,7 @@ function upsertSchemaField(sections, fieldPath, fieldType, label, required = fal
       if (!existing) {
         fields.push({
           key,
-          type: fieldType === 'url' ? 'text' : fieldType === 'textarea' ? 'textarea' : fieldType,
+          type: fieldType === 'url' ? 'url' : fieldType === 'textarea' ? 'textarea' : fieldType === 'phone' ? 'tel' : fieldType,
           label: label || humanLabel(key),
           ...(required ? { required: true } : {}),
         });
@@ -119,12 +119,77 @@ function upsertSchemaList(sections, listPath, itemFields, items) {
     maxItems: Math.max((items || []).length, 12),
     fields: (itemFields || []).map((field) => ({
       key: field.key,
-      type: field.type === 'url' ? 'url' : field.type === 'image' ? 'image' : 'text',
+      type:
+        field.type === 'url'
+          ? 'url'
+          : field.type === 'image'
+            ? 'image'
+            : field.type === 'textarea'
+              ? 'textarea'
+              : field.type === 'tel' || field.type === 'phone'
+                ? 'tel'
+                : field.type === 'email'
+                  ? 'email'
+                  : field.type || 'text',
       label: humanLabel(field.key),
     })),
   });
 }
 
+const LIST_ACTION_CTA_ITEM_FIELDS = [
+  { key: 'buttonLabel', type: 'text' },
+  { key: 'buttonUrl', type: 'url' },
+];
+
+function isListActionCtaKey(key) {
+  return /Cta$/i.test(String(key || ''));
+}
+
+/**
+ * Walks merged site-data content and registers schemas ARC learns from merchant patterns:
+ * list CTAs (`*Cta` with buttonLabel/buttonUrl) and paired *Label/*Url siblings.
+ */
+function enrichSchemasFromContent(content, sections) {
+  if (!content || typeof content !== 'object') return;
+
+  function walk(node, prefix) {
+    if (!node || typeof node !== 'object') return;
+    if (Array.isArray(node)) {
+      const listKey = prefix.split('.').pop() || '';
+      if (isListActionCtaKey(listKey)) {
+        const sample = node[0];
+        if (sample && typeof sample === 'object' && ('buttonLabel' in sample || 'buttonUrl' in sample)) {
+          upsertSchemaList(sections, prefix, LIST_ACTION_CTA_ITEM_FIELDS, node);
+        }
+      }
+      node.forEach((item, idx) => {
+        if (item && typeof item === 'object') walk(item, `${prefix}[${idx}]`);
+      });
+      return;
+    }
+
+    for (const [key, value] of Object.entries(node)) {
+      const nextPath = prefix ? `${prefix}.${key}` : key;
+      if (Array.isArray(value) && isListActionCtaKey(key)) {
+        const sample = value[0];
+        if (sample && typeof sample === 'object' && ('buttonLabel' in sample || 'buttonUrl' in sample)) {
+          upsertSchemaList(sections, nextPath, LIST_ACTION_CTA_ITEM_FIELDS, value);
+        }
+      } else if (typeof value === 'string' && /Url$/i.test(key)) {
+        upsertSchemaField(sections, nextPath, 'url', humanLabel(key));
+        const labelKey = key.replace(/Url$/i, 'Label');
+        if (Object.prototype.hasOwnProperty.call(node, labelKey)) {
+          upsertSchemaField(sections, `${prefix}.${labelKey}`, 'text', humanLabel(labelKey));
+        }
+      } else if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+        walk(value, nextPath);
+      }
+    }
+  }
+
+  walk(content, '');
+}
+
 function collectFieldsFromPlan(plan) {
   const fields = [];
   for (const file of plan.files || []) {
@@ -362,6 +427,7 @@ function buildSiteDataAndManifest({
   siteData.template.structure.pages = routes.map((p) => p.id);
 
   assignSectionPageKeys(editorSections, routes, markerRoutes);
+  enrichSchemasFromContent(content, editorSections);
 
   const controlOnlyPaths = computeControlOnlyPaths(
     content,
@@ -435,4 +501,6 @@ module.exports = {
   computeControlOnlyPaths,
   assignSectionPageKeys,
   upsertSchemaList,
+  enrichSchemasFromContent,
+  isListActionCtaKey,
 };

package/src/arc/transformer.cjs

@@ -126,13 +126,42 @@ function splitActionChildren(node, labelField, labelFallback) {
   node.children = nextChildren;
 }
 
+function wrapHiddenUrlSibling(pathNode, urlField, fallback) {
+  const urlParts = urlField.split('.');
+  const hiddenUrl = b.jsxElement(
+    b.jsxOpeningElement(
+      b.jsxIdentifier('span'),
+      [
+        b.jsxAttribute(b.jsxIdentifier('hidden')),
+        b.jsxAttribute(b.jsxIdentifier('aria-hidden'), b.stringLiteral('true')),
+        jsxPreviewAttr(urlField),
+      ],
+      false
+    ),
+    b.jsxClosingElement(b.jsxIdentifier('span')),
+    [b.jsxExpressionContainer(siteDataBinding(urlParts, fallback, 'url'))],
+    false
+  );
+  pathNode.insertAfter(hiddenUrl);
+}
+
 function applyTransformToElement(pathNode, transform) {
   const node = pathNode.node;
   if (transform.operation === 'split-action-contract') {
     const urlParts = transform.urlField.split('.');
     replaceAttrValue(node, 'href', siteDataBinding(urlParts, transform.fallback, 'url'));
-    ensurePreviewPath(node, transform.urlField);
+    if (!hasJsxAttribute(node, 'data-preview-static')) {
+      node.openingElement.attributes.push(
+        b.jsxAttribute(b.jsxIdentifier('data-preview-static'), b.stringLiteral('action-link'))
+      );
+    }
+    if (hasJsxAttribute(node, 'data-preview-field-path')) {
+      node.openingElement.attributes = node.openingElement.attributes.filter(
+        (attr) => !(attr.type === 'JSXAttribute' && attr.name && attr.name.name === 'data-preview-field-path')
+      );
+    }
     splitActionChildren(node, transform.labelField, transform.labelFallback || '');
+    wrapHiddenUrlSibling(pathNode, transform.urlField, transform.fallback);
     return;
   }
   if (transform.operation === 'extract-url') {