@o2vend/theme-cli 1.0.32

package/lib/lib/widget-service.js

@@ -0,0 +1,321 @@
+/**
+ * O2VEND Widget Service
+ * Standalone implementation - copied and adapted from webstore solution
+ * Update manually when webstore solution changes
+ * 
+ * Source: o2vend-webstore/services/widget-service.js
+ */
+
+const fs = require('fs');
+const path = require('path');
+const NodeCache = require('node-cache');
+
+/**
+ * Widget Service for O2VEND API
+ * Manages widgets for liquid theming and dynamic content
+ */
+class WidgetService {
+  constructor(apiClient, options = {}) {
+    this.apiClient = apiClient;
+    this.themeName = options.theme || 'default';
+    this.themePath = options.themePath || process.cwd();
+    this.cache = new NodeCache({
+      stdTTL: 300, // 5 minutes cache
+      checkperiod: 60
+    });
+    this.widgetTemplateMap = this.loadWidgetTemplateMap();
+  }
+
+  /**
+   * Load widget template mapping from config
+   * @returns {Object} widget type to template slug map
+   */
+  loadWidgetTemplateMap() {
+    try {
+      // Try to load from CLI config directory first
+      const configPath = path.join(__dirname, '../../config/widget-map.json');
+      if (fs.existsSync(configPath)) {
+        const fileContent = fs.readFileSync(configPath, 'utf8');
+        const map = JSON.parse(fileContent);
+        console.log(`[WidgetService] Loaded widget map with ${Object.keys(map).length} entries`);
+        return map;
+      }
+      console.warn('[WidgetService] Widget map file not found at:', configPath);
+    } catch (error) {
+      console.warn('[WidgetService] Failed to load widget map:', error.message);
+    }
+    return {};
+  }
+
+  /**
+   * Normalize keys recursively from PascalCase to camelCase
+   * @param {*} obj - Object to normalize
+   * @returns {*} Object with normalized keys
+   */
+  normalizeContentKeys(obj) {
+    if (obj === null || obj === undefined) {
+      return obj;
+    }
+
+    if (Array.isArray(obj)) {
+      return obj.map(item => this.normalizeContentKeys(item));
+    }
+
+    if (typeof obj === 'object') {
+      const normalized = {};
+      for (const key in obj) {
+        if (obj.hasOwnProperty(key)) {
+          const normalizedKey = key.charAt(0).toLowerCase() + key.slice(1);
+          normalized[normalizedKey] = this.normalizeContentKeys(obj[key]);
+          // Keep original PascalCase for compatibility
+          if (key !== normalizedKey) {
+            normalized[key] = normalized[normalizedKey];
+          }
+        }
+      }
+      return normalized;
+    }
+
+    return obj;
+  }
+
+  /**
+   * Normalize widget object
+   * @param {Object} widget
+   * @returns {Object}
+   */
+  normalizeWidget(widget) {
+    if (!widget || typeof widget !== 'object') {
+      return widget;
+    }
+
+    // Normalize widget ID
+    if (!widget.id) {
+      if (widget._id) {
+        widget.id = typeof widget._id === 'object' && widget._id.$oid 
+          ? widget._id.$oid 
+          : String(widget._id);
+      } else if (widget.Id) {
+        widget.id = String(widget.Id);
+      } else if (widget.WidgetInstanceId) {
+        widget.id = String(widget.WidgetInstanceId);
+      } else {
+        widget.id = `${widget.type || 'widget'}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+      }
+    } else {
+      widget.id = String(widget.id);
+    }
+
+    // Initialize settings and data
+    if (!widget.settings || typeof widget.settings !== 'object') {
+      widget.settings = {};
+    }
+    
+    if (!widget.data || typeof widget.data !== 'object') {
+      widget.data = widget.payload || {};
+    }
+
+    // Parse widget.content if it's a JSON string
+    let parsedContent = null;
+    if (widget.content) {
+      if (typeof widget.content === 'string') {
+        try {
+          parsedContent = JSON.parse(widget.content);
+          parsedContent = this.normalizeContentKeys(parsedContent);
+        } catch (error) {
+          console.warn(`[WidgetService] Failed to parse widget.content JSON:`, error.message);
+          parsedContent = {};
+        }
+      } else if (typeof widget.content === 'object') {
+        parsedContent = this.normalizeContentKeys(widget.content);
+      }
+    } else {
+      parsedContent = {};
+    }
+
+    // Move Title/Subtitle to settings
+    if (widget.Title && !widget.settings.title) {
+      widget.settings.title = widget.Title;
+    }
+    if (widget.title && !widget.settings.title) {
+      widget.settings.title = widget.title;
+    }
+    if (widget.Subtitle && !widget.settings.subtitle) {
+      widget.settings.subtitle = widget.Subtitle;
+    }
+    if (widget.subtitle && !widget.settings.subtitle) {
+      widget.settings.subtitle = widget.subtitle;
+    }
+
+    // Store content
+    widget.data.content = parsedContent;
+    widget.content = parsedContent; // Legacy support
+
+    // Handle HtmlContent
+    if (widget.htmlContent !== undefined && widget.htmlContent !== null && widget.htmlContent !== '') {
+      widget.data.htmlContent = widget.htmlContent;
+    } else if (widget.HtmlContent !== undefined && widget.HtmlContent !== null && widget.HtmlContent !== '') {
+      widget.data.htmlContent = widget.HtmlContent;
+      widget.htmlContent = widget.HtmlContent;
+    }
+
+    // Set section
+    if (!widget.section) {
+      widget.section = widget.sectionName || widget.area || 'content';
+    }
+    widget.section = String(widget.section || 'content').toLowerCase();
+
+    // Set template path
+    widget.template = this.getTemplateSlug(widget.type);
+    widget.template_path = `widgets/${widget.template}`;
+    widget.templatePath = widget.template_path; // Also set camelCase version
+    widget.handle = `${widget.section}-${widget.template}-${widget.id}`.replace(/\s+/g, '-').toLowerCase();
+    
+    // Ensure template_path is always set for rendering
+    if (!widget.template_path) {
+      widget.template_path = `widgets/${widget.template}`;
+    }
+
+    return widget;
+  }
+
+  /**
+   * Get template slug for widget type
+   * @param {string} widgetType - Widget type
+   * @returns {string} Template slug
+   */
+  getTemplateSlug(widgetType) {
+    if (!widgetType) return 'default';
+    
+    const slug = this.widgetTemplateMap[widgetType] || 
+                 this.widgetTemplateMap[widgetType + 'Widget'] ||
+                 widgetType.toLowerCase().replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
+    
+    return slug;
+  }
+
+  /**
+   * Normalize array of widgets
+   * @param {Array} widgets
+   * @returns {Array}
+   */
+  normalizeWidgetArray(widgets = []) {
+    if (!Array.isArray(widgets)) {
+      return widgets;
+    }
+    
+    const normalized = widgets.map(widget => this.normalizeWidget(widget));
+    
+    // Sort by Position, order, or priority
+    normalized.sort((a, b) => {
+      const positionA = a.Position !== undefined ? a.Position : (a.position !== undefined ? a.position : (a.order || a.priority || 0));
+      const positionB = b.Position !== undefined ? b.Position : (b.position !== undefined ? b.position : (b.order || b.priority || 0));
+      return positionA - positionB;
+    });
+    
+    return normalized;
+  }
+
+  /**
+   * Get widgets by section
+   * @param {string} section - Section name
+   * @param {Object} options - Options (pageId, etc.)
+   * @returns {Promise<Array>} Widgets array
+   */
+  async getWidgetsBySection(section, options = {}) {
+    try {
+      if (!this.apiClient) {
+        // If no API client, return empty array (mock mode will handle)
+        return [];
+      }
+
+      const params = {
+        section,
+        status: 'active',
+        ...options
+      };
+      
+      const response = await this.apiClient.getWidgetsBySection(options.pageId, section);
+      const widgets = Array.isArray(response) ? response : (response.widgets || []);
+      
+      return this.normalizeWidgetArray(widgets);
+    } catch (error) {
+      console.warn(`[WidgetService] Error getting widgets for section ${section}:`, error.message);
+      return [];
+    }
+  }
+
+  /**
+   * Get all widgets organized by section
+   * @param {Object} options - Options (pageId, etc.)
+   * @returns {Promise<Object>} Widgets organized by section
+   */
+  async getWidgetsBySections(options = {}) {
+    try {
+      if (!this.apiClient) {
+        return {};
+      }
+
+      const params = {
+        status: 'active',
+        ...options
+      };
+      
+      const response = await this.apiClient.getWidgets(params);
+      const widgets = Array.isArray(response) ? response : (response.widgets || []);
+      
+      console.log(`[WidgetService] Received ${widgets.length} widgets from API`);
+      
+      const normalized = this.normalizeWidgetArray(widgets);
+      
+      // DEBUG: Verify widgets have template_path after normalization
+      if (normalized.length > 0) {
+        const sampleWidget = normalized[0];
+        console.log(`[WidgetService DEBUG] Sample widget after normalization:`);
+        console.log(`  - Type: ${sampleWidget.type}`);
+        console.log(`  - ID: ${sampleWidget.id}`);
+        console.log(`  - Template: ${sampleWidget.template || 'N/A'}`);
+        console.log(`  - Template path: ${sampleWidget.template_path || 'N/A'}`);
+        console.log(`  - Section: ${sampleWidget.section || 'N/A'}`);
+        
+        // Check if template file exists
+        if (sampleWidget.template_path) {
+          const templatePath = path.join(this.themePath, `${sampleWidget.template_path}.liquid`);
+          const templateExists = fs.existsSync(templatePath);
+          console.log(`  - Template file exists: ${templateExists} (${templatePath})`);
+        }
+      }
+      
+      // Organize by section
+      const widgetsBySection = {};
+      normalized.forEach(widget => {
+        const section = (widget.section || widget.sectionName || 'content').toLowerCase();
+        if (!widgetsBySection[section]) {
+          widgetsBySection[section] = [];
+        }
+        widgetsBySection[section].push(widget);
+      });
+      
+      console.log(`[WidgetService] Organized widgets into sections: ${Object.keys(widgetsBySection).join(', ')}`);
+      
+      return widgetsBySection;
+    } catch (error) {
+      console.warn('[WidgetService] Error getting widgets:', error.message);
+      return {};
+    }
+  }
+
+  /**
+   * Check if widget template exists in theme
+   * @param {string} widgetType - Widget type
+   * @param {string} themePath - Theme path
+   * @returns {boolean}
+   */
+  widgetTemplateExists(widgetType, themePath = null) {
+    const templateSlug = this.getTemplateSlug(widgetType);
+    const widgetPath = path.join(themePath || this.themePath, 'widgets', `${templateSlug}.liquid`);
+    return fs.existsSync(widgetPath);
+  }
+}
+
+module.exports = WidgetService;

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@o2vend/theme-cli",
+  "version": "1.0.32",
+  "description": "O2VEND Theme Development CLI - Standalone tool for local theme development",
+  "bin": {
+    "o2vend": "./bin/o2vend"
+  },
+  "prepublishOnly": "npm run build",
+  "keywords": [
+    "o2vend",
+    "theme",
+    "cli",
+    "ecommerce",
+    "liquid"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "node scripts/build.js",
+    "deprecate-old": "node scripts/deprecate-old-versions.js",
+    "unpublish-all": "node scripts/unpublish-all-versions.js",
+    "republish-clean": "node scripts/republish-clean.js",
+    "unpublish-and-republish": "node scripts/unpublish-and-republish.js"
+  },
+  "dependencies": {
+    "commander": "^11.0.0",
+    "express": "^4.18.2",
+    "liquidjs": "^10.7.0",
+    "axios": "^1.6.0",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "slugify": "^1.6.6",
+    "chokidar": "^3.5.3",
+    "socket.io": "^4.7.0",
+    "chalk": "^4.1.2",
+    "inquirer": "^9.2.0",
+    "ora": "^5.4.1",
+    "boxen": "^7.1.1",
+    "table": "^6.8.3",
+    "listr": "^0.14.3",
+    "dotenv": "^16.3.1",
+    "archiver": "^6.0.1",
+    "glob": "^10.3.10",
+    "fs-extra": "^11.1.1",
+    "node-cache": "^5.1.2",
+    "http-proxy-middleware": "^2.0.6",
+    "open": "^8.4.2"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "files": [
+    "bin/**/*",
+    "lib/**/*",
+    "config/**/*",
+    "assets/**/*",
+    "test-theme/**/*",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Jeyan-Technologies/o2vend-theme-dev-tools.git",
+    "directory": "packages/cli"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "author": "Jeyan Technologies Private Limited",
+  "license": "MIT"
+}

package/test-theme/README.md

@@ -0,0 +1,27 @@
+# test-theme
+
+O2VEND Theme
+
+## Getting Started
+
+1. Start development server:
+   ```bash
+   o2vend serve
+   ```
+
+2. Edit theme files in this directory
+
+3. Package for marketplace:
+   ```bash
+   o2vend package
+   ```
+
+## Structure
+
+- `layout/` - Layout templates
+- `templates/` - Page templates
+- `sections/` - Section components
+- `widgets/` - Widget templates
+- `snippets/` - Reusable snippets
+- `assets/` - CSS, JavaScript, images
+- `config/` - Theme configuration