@o2vend/theme-cli 1.0.0

package/src/lib/mock-api-server.js

@@ -0,0 +1,225 @@
+/**
+ * Mock O2VEND Storefront API Server
+ * Provides realistic mock data for local development
+ */
+
+const express = require('express');
+const mockDataGenerator = require('./mock-data');
+
+class MockApiServer {
+  constructor(options = {}) {
+    this.port = options.port || 3001;
+    this.app = express();
+    this.server = null;
+    this.mockData = mockDataGenerator.generateMockData();
+  }
+
+  /**
+   * Setup routes
+   */
+  setupRoutes() {
+    // Body parser
+    this.app.use(express.json());
+    this.app.use(express.urlencoded({ extended: true }));
+
+    // Store Info
+    this.app.get('/shopfront/api/v2/storeinfo', (req, res) => {
+      res.json(this.mockData.store);
+    });
+
+    // Store Settings
+    this.app.get('/shopfront/api/v2/settings', (req, res) => {
+      res.json(this.mockData.settings);
+    });
+
+    // Products
+    this.app.post('/shopfront/api/v2/products', (req, res) => {
+      const { limit = 20, offset = 0, categoryId, brandId, search } = req.body;
+      let products = [...this.mockData.products];
+
+      // Filter by category
+      if (categoryId) {
+        products = products.filter(p => p.categoryId === categoryId);
+      }
+
+      // Filter by brand
+      if (brandId) {
+        products = products.filter(p => p.brandId === brandId);
+      }
+
+      // Search
+      if (search) {
+        const searchLower = search.toLowerCase();
+        products = products.filter(p => 
+          p.title.toLowerCase().includes(searchLower) ||
+          p.description?.toLowerCase().includes(searchLower)
+        );
+      }
+
+      // Paginate
+      const paginated = products.slice(offset, offset + limit);
+
+      res.json({
+        products: paginated,
+        total: products.length,
+        limit,
+        offset
+      });
+    });
+
+    // Product by ID
+    this.app.get('/shopfront/api/v2/products/:id', (req, res) => {
+      const product = this.mockData.products.find(p => p.id === req.params.id);
+      if (product) {
+        res.json(product);
+      } else {
+        res.status(404).json({ error: 'Product not found' });
+      }
+    });
+
+    // Product Search
+    this.app.post('/shopfront/api/v2/products/search', (req, res) => {
+      const { query, limit = 20, offset = 0 } = req.body;
+      const searchLower = (query || '').toLowerCase();
+      
+      let products = this.mockData.products.filter(p => 
+        p.title.toLowerCase().includes(searchLower) ||
+        p.description?.toLowerCase().includes(searchLower)
+      );
+
+      const paginated = products.slice(offset, offset + limit);
+
+      res.json({
+        products: paginated,
+        total: products.length,
+        limit,
+        offset,
+        query
+      });
+    });
+
+    // Categories
+    this.app.post('/shopfront/api/v2/categories', (req, res) => {
+      const { limit = 50, offset = 0 } = req.body;
+      const paginated = this.mockData.categories.slice(offset, offset + limit);
+      
+      res.json({
+        categories: paginated,
+        total: this.mockData.categories.length,
+        limit,
+        offset
+      });
+    });
+
+    // Category by ID
+    this.app.get('/shopfront/api/v2/categories/:id', (req, res) => {
+      const category = this.mockData.categories.find(c => c.id === req.params.id);
+      if (category) {
+        res.json(category);
+      } else {
+        res.status(404).json({ error: 'Category not found' });
+      }
+    });
+
+    // Brands
+    this.app.post('/shopfront/api/v2/brands', (req, res) => {
+      const { limit = 50, offset = 0 } = req.body;
+      const paginated = this.mockData.brands.slice(offset, offset + limit);
+      
+      res.json({
+        brands: paginated,
+        total: this.mockData.brands.length,
+        limit,
+        offset
+      });
+    });
+
+    // Widgets
+    this.app.post('/shopfront/api/v2/widgets', (req, res) => {
+      const { section, pageId, status } = req.body;
+      
+      let widgets = [...this.mockData.widgets];
+      
+      // Filter by section
+      if (section) {
+        widgets = widgets.filter(w => w.section === section || w.sectionName === section);
+      }
+      
+      // Filter by status
+      if (status) {
+        widgets = widgets.filter(w => w.status === status);
+      }
+      
+      res.json({
+        widgets: widgets,
+        total: widgets.length
+      });
+    });
+
+    // Cart endpoints
+    this.app.get('/shopfront/api/v2/cart/:cartId', (req, res) => {
+      res.json(this.mockData.cart);
+    });
+
+    this.app.post('/shopfront/api/v2/cart/:cartId/items', (req, res) => {
+      // Add item to cart
+      const newItem = {
+        id: Date.now().toString(),
+        productId: req.body.productId,
+        variantId: req.body.variantId,
+        quantity: req.body.quantity || 1,
+        ...req.body
+      };
+      this.mockData.cart.items.push(newItem);
+      this.mockData.cart.itemCount = this.mockData.cart.items.length;
+      this.mockData.cart.total = this.mockData.cart.items.reduce((sum, item) => 
+        sum + (item.price * item.quantity), 0
+      );
+      res.json(this.mockData.cart);
+    });
+
+    // Default route
+    this.app.use((req, res) => {
+      res.status(404).json({ 
+        error: 'Not found',
+        message: `Mock API endpoint not found: ${req.method} ${req.path}`
+      });
+    });
+  }
+
+  /**
+   * Start mock API server
+   */
+  async start() {
+    return new Promise((resolve, reject) => {
+      this.setupRoutes();
+      
+      this.server = this.app.listen(this.port, (error) => {
+        if (error) {
+          reject(error);
+          return;
+        }
+        
+        console.log(`✅ Mock API server running on http://localhost:${this.port}`);
+        resolve(this.server);
+      });
+    });
+  }
+
+  /**
+   * Stop mock API server
+   */
+  async stop() {
+    return new Promise((resolve) => {
+      if (this.server) {
+        this.server.close(() => {
+          resolve();
+        });
+      } else {
+        resolve();
+      }
+    });
+  }
+}
+
+module.exports = MockApiServer;

package/src/lib/mock-data.js

@@ -0,0 +1,290 @@
+/**
+ * Mock Data Generator
+ * Generates realistic mock data for development
+ */
+
+/**
+ * Generate mock data
+ * @returns {Object} Mock data object
+ */
+function generateMockData() {
+  return {
+    store: {
+      id: 'mock-store-1',
+      name: 'My O2VEND Store',
+      description: 'A beautiful e-commerce store powered by O2VEND',
+      domain: 'localhost:3000',
+      email: 'store@example.com',
+      phone: '+1234567890',
+      address: {
+        address1: '123 Main Street',
+        city: 'New York',
+        state: 'NY',
+        zip: '10001',
+        country: 'US'
+      },
+      currency: 'USD',
+      currencySymbol: '$',
+      locale: 'en-US',
+      timezone: 'America/New_York',
+      settings: {
+        currencySymbol: '$',
+        currencyFormat: '#,##0.00',
+        currencyDecimalDigits: 2,
+        currencyGroupSeparator: ',',
+        currencyDecimalSeparator: '.'
+      }
+    },
+    
+    settings: {
+      shopName: 'My O2VEND Store',
+      shopEmail: 'store@example.com',
+      shopPhone: '+1234567890'
+    },
+
+    products: generateMockProducts(20),
+    categories: generateMockCategories(10),
+    brands: generateMockBrands(8),
+    widgets: generateMockWidgets(),
+    cart: {
+      id: 'mock-cart-1',
+      items: [],
+      total: 0,
+      itemCount: 0,
+      currency: 'USD'
+    }
+  };
+}
+
+/**
+ * Generate mock products
+ * @param {number} count - Number of products to generate
+ * @returns {Array} Mock products
+ */
+function generateMockProducts(count = 20) {
+  const products = [];
+  const productNames = [
+    'Wireless Headphones', 'Smart Watch', 'Laptop Stand', 'USB-C Cable',
+    'Wireless Mouse', 'Keyboard', 'Monitor', 'Webcam', 'Speakers',
+    'Tablet', 'Smartphone', 'Camera', 'Drone', 'Gaming Chair',
+    'Desk Lamp', 'Notebook', 'Pen Set', 'Backpack', 'Water Bottle',
+    'Coffee Mug', 'T-Shirt', 'Jeans', 'Sneakers', 'Sunglasses'
+  ];
+
+  for (let i = 0; i < count; i++) {
+    const productId = `product-${i + 1}`;
+    const price = Math.floor(Math.random() * 50000) + 1000; // $10 to $500 (in cents)
+    const comparePrice = price * 1.5;
+    
+    products.push({
+      id: productId,
+      title: productNames[i % productNames.length] + ` ${i + 1}`,
+      handle: `product-${i + 1}`.toLowerCase(),
+      description: `Description for ${productNames[i % productNames.length]}. High quality product with excellent features.`,
+      price: price,
+      compareAtPrice: comparePrice,
+      discountPercentage: Math.floor(((comparePrice - price) / comparePrice) * 100),
+      currency: 'USD',
+      inStock: Math.random() > 0.2,
+      stock: Math.floor(Math.random() * 100) + 10,
+      sku: `SKU-${i + 1}`,
+      categoryId: `category-${(i % 10) + 1}`,
+      brandId: `brand-${(i % 8) + 1}`,
+      images: [
+        {
+          id: `img-${i + 1}-1`,
+          url: `https://via.placeholder.com/800x800?text=${encodeURIComponent(productNames[i % productNames.length])}`,
+          alt: productNames[i % productNames.length],
+          width: 800,
+          height: 800
+        }
+      ],
+      variants: [
+        {
+          id: `variant-${i + 1}-1`,
+          title: 'Default',
+          price: price,
+          compareAtPrice: comparePrice,
+          sku: `SKU-${i + 1}`,
+          inStock: Math.random() > 0.2,
+          stock: Math.floor(Math.random() * 100) + 10
+        }
+      ],
+      tags: ['featured', 'new', 'sale'],
+      createdAt: new Date(Date.now() - Math.random() * 365 * 24 * 60 * 60 * 1000).toISOString()
+    });
+  }
+
+  return products;
+}
+
+/**
+ * Generate mock categories
+ * @param {number} count - Number of categories to generate
+ * @returns {Array} Mock categories
+ */
+function generateMockCategories(count = 10) {
+  const categories = [];
+  const categoryNames = [
+    'Electronics', 'Clothing', 'Accessories', 'Home & Garden',
+    'Sports', 'Books', 'Toys', 'Beauty', 'Automotive', 'Food & Beverages'
+  ];
+
+  for (let i = 0; i < count; i++) {
+    categories.push({
+      id: `category-${i + 1}`,
+      name: categoryNames[i] || `Category ${i + 1}`,
+      handle: categoryNames[i]?.toLowerCase().replace(/\s+/g, '-') || `category-${i + 1}`,
+      description: `Products in ${categoryNames[i] || `Category ${i + 1}`} category`,
+      image: `https://via.placeholder.com/400x300?text=${encodeURIComponent(categoryNames[i] || `Category ${i + 1}`)}`,
+      productCount: Math.floor(Math.random() * 50) + 5,
+      parentId: i > 5 ? `category-${Math.floor(Math.random() * 5) + 1}` : null
+    });
+  }
+
+  return categories;
+}
+
+/**
+ * Generate mock brands
+ * @param {number} count - Number of brands to generate
+ * @returns {Array} Mock brands
+ */
+function generateMockBrands(count = 8) {
+  const brands = [];
+  const brandNames = [
+    'TechBrand', 'StyleCo', 'HomeGoods', 'SportMax',
+    'BookCorner', 'ToyWorld', 'BeautyPro', 'AutoParts'
+  ];
+
+  for (let i = 0; i < count; i++) {
+    brands.push({
+      id: `brand-${i + 1}`,
+      name: brandNames[i] || `Brand ${i + 1}`,
+      handle: brandNames[i]?.toLowerCase() || `brand-${i + 1}`,
+      description: `Premium products from ${brandNames[i] || `Brand ${i + 1}`}`,
+      logo: `https://via.placeholder.com/200x100?text=${encodeURIComponent(brandNames[i] || `Brand ${i + 1}`)}`,
+      productCount: Math.floor(Math.random() * 30) + 5
+    });
+  }
+
+  return brands;
+}
+
+/**
+ * Generate mock widgets for different sections
+ * @returns {Array} Mock widgets
+ */
+function generateMockWidgets() {
+  const widgets = [
+    {
+      id: 'widget-hero-1',
+      type: 'Banner',
+      section: 'hero',
+      sectionName: 'hero',
+      status: 'active',
+      position: 1,
+      title: 'Welcome to Our Store',
+      subtitle: 'Discover amazing products',
+      settings: {
+        title: 'Welcome to Our Store',
+        subtitle: 'Discover amazing products',
+        showTitle: true,
+        backgroundColor: '#ffffff'
+      },
+      data: {
+        content: {
+          image: 'https://via.placeholder.com/1200x600?text=Hero+Banner',
+          linkText: 'Shop Now',
+          targetUrl: '/collections/all'
+        }
+      },
+      content: JSON.stringify({
+        image: 'https://via.placeholder.com/1200x600?text=Hero+Banner',
+        linkText: 'Shop Now',
+        targetUrl: '/collections/all'
+      })
+    },
+    {
+      id: 'widget-products-1',
+      type: 'ProductGrid',
+      section: 'products',
+      sectionName: 'products',
+      status: 'active',
+      position: 1,
+      title: 'Featured Products',
+      settings: {
+        title: 'Featured Products',
+        columns: 4,
+        showTitle: true
+      },
+      data: {
+        content: {
+          productIds: ['product-1', 'product-2', 'product-3', 'product-4']
+        }
+      }
+    },
+    {
+      id: 'widget-footer-1',
+      type: 'Footer',
+      section: 'footer',
+      sectionName: 'footer',
+      status: 'active',
+      position: 1,
+      settings: {},
+      data: {
+        content: {
+          links: [
+            { text: 'About', url: '/pages/about' },
+            { text: 'Contact', url: '/pages/contact' },
+            { text: 'Privacy', url: '/pages/privacy' }
+          ]
+        }
+      }
+    }
+  ];
+
+  // Add more widgets for different sections
+  widgets.push(
+    {
+      id: 'widget-hero-2',
+      type: 'ProductCarousel',
+      section: 'hero',
+      sectionName: 'hero',
+      status: 'active',
+      position: 2,
+      settings: { title: 'Featured Products' },
+      data: { content: {} }
+    },
+    {
+      id: 'widget-content-1',
+      type: 'ProductGrid',
+      section: 'content',
+      sectionName: 'content',
+      status: 'active',
+      position: 1,
+      settings: { title: 'New Arrivals', columns: 4 },
+      data: { content: {} }
+    },
+    {
+      id: 'widget-sidebar-1',
+      type: 'CategoryList',
+      section: 'sidebar',
+      sectionName: 'sidebar',
+      status: 'active',
+      position: 1,
+      settings: { title: 'Categories' },
+      data: { content: {} }
+    }
+  );
+
+  return widgets;
+}
+
+module.exports = {
+  generateMockData,
+  generateMockProducts,
+  generateMockCategories,
+  generateMockBrands,
+  generateMockWidgets
+};