npm - @o2vend/theme-cli - Versions diffs - 1.0.32 - Mend

@o2vend/theme-cli 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/README.md +425 -0
package/assets/Logo_o2vend.png +0 -0
package/assets/favicon.png +0 -0
package/assets/logo-white.png +0 -0
package/bin/o2vend +42 -0
package/config/widget-map.json +50 -0
package/lib/commands/check.js +201 -0
package/lib/commands/generate.js +33 -0
package/lib/commands/init.js +214 -0
package/lib/commands/optimize.js +216 -0
package/lib/commands/package.js +208 -0
package/lib/commands/serve.js +105 -0
package/lib/commands/validate.js +191 -0
package/lib/lib/api-client.js +357 -0
package/lib/lib/dev-server.js +2618 -0
package/lib/lib/file-watcher.js +80 -0
package/lib/lib/hot-reload.js +106 -0
package/lib/lib/liquid-engine.js +822 -0
package/lib/lib/liquid-filters.js +671 -0
package/lib/lib/mock-api-server.js +989 -0
package/lib/lib/mock-data.js +1468 -0
package/lib/lib/widget-service.js +321 -0
package/package.json +70 -0
package/test-theme/README.md +27 -0
package/test-theme/assets/async-sections.js +446 -0
package/test-theme/assets/cart-drawer.js +463 -0
package/test-theme/assets/cart-manager.js +223 -0
package/test-theme/assets/checkout-price-handler.js +368 -0
package/test-theme/assets/components.css +4629 -0
package/test-theme/assets/delivery-zone.css +299 -0
package/test-theme/assets/delivery-zone.js +396 -0
package/test-theme/assets/logo.png +0 -0
package/test-theme/assets/sections.css +48 -0
package/test-theme/assets/theme.css +3500 -0
package/test-theme/assets/theme.js +3745 -0
package/test-theme/config/settings_data.json +292 -0
package/test-theme/config/settings_schema.json +1050 -0
package/test-theme/layout/theme.liquid +195 -0
package/test-theme/locales/en.default.json +260 -0
package/test-theme/sections/content-fallback.liquid +53 -0
package/test-theme/sections/content.liquid +57 -0
package/test-theme/sections/footer-fallback.liquid +328 -0
package/test-theme/sections/footer.liquid +278 -0
package/test-theme/sections/header-fallback.liquid +1805 -0
package/test-theme/sections/header.liquid +1145 -0
package/test-theme/sections/hero-fallback.liquid +212 -0
package/test-theme/sections/hero.liquid +136 -0
package/test-theme/snippets/account-sidebar.liquid +200 -0
package/test-theme/snippets/add-to-cart-modal.liquid +484 -0
package/test-theme/snippets/breadcrumbs.liquid +134 -0
package/test-theme/snippets/cart-drawer.liquid +467 -0
package/test-theme/snippets/delivery-zone-city-selector.liquid +79 -0
package/test-theme/snippets/delivery-zone-modal.liquid +337 -0
package/test-theme/snippets/delivery-zone-search.liquid +78 -0
package/test-theme/snippets/icon.liquid +105 -0
package/test-theme/snippets/login-modal.liquid +346 -0
package/test-theme/snippets/mega-menu.liquid +812 -0
package/test-theme/snippets/news-thumbnail.liquid +187 -0
package/test-theme/snippets/pagination.liquid +120 -0
package/test-theme/snippets/price.liquid +92 -0
package/test-theme/snippets/product-card-related.liquid +78 -0
package/test-theme/snippets/product-card-simple.liquid +41 -0
package/test-theme/snippets/product-card.liquid +697 -0
package/test-theme/snippets/rating.liquid +85 -0
package/test-theme/snippets/skeleton-collection-grid.liquid +114 -0
package/test-theme/snippets/skeleton-product-card.liquid +124 -0
package/test-theme/snippets/skeleton-product-grid.liquid +34 -0
package/test-theme/snippets/social-sharing.liquid +185 -0
package/test-theme/templates/account/dashboard.liquid +401 -0
package/test-theme/templates/account/loyalty-redemption.liquid +405 -0
package/test-theme/templates/account/loyalty.liquid +588 -0
package/test-theme/templates/account/order-detail.liquid +230 -0
package/test-theme/templates/account/orders.liquid +349 -0
package/test-theme/templates/account/profile.liquid +758 -0
package/test-theme/templates/account/register.liquid +232 -0
package/test-theme/templates/account/return-orders.liquid +348 -0
package/test-theme/templates/account/store-credit.liquid +464 -0
package/test-theme/templates/account/subscriptions.liquid +601 -0
package/test-theme/templates/account/wishlist.liquid +419 -0
package/test-theme/templates/address-book.liquid +1092 -0
package/test-theme/templates/categories.liquid +452 -0
package/test-theme/templates/checkout.liquid +4511 -0
package/test-theme/templates/error.liquid +384 -0
package/test-theme/templates/index.liquid +11 -0
package/test-theme/templates/login.liquid +185 -0
package/test-theme/templates/order-confirmation.liquid +720 -0
package/test-theme/templates/page.liquid +297 -0
package/test-theme/templates/product-detail.liquid +4363 -0
package/test-theme/templates/products.liquid +518 -0
package/test-theme/templates/search.liquid +922 -0
package/test-theme/theme.json.example +19 -0
package/test-theme/widgets/brand-carousel.liquid +676 -0
package/test-theme/widgets/brand.liquid +245 -0
package/test-theme/widgets/carousel.liquid +843 -0
package/test-theme/widgets/category-list-carousel.liquid +656 -0
package/test-theme/widgets/category-list.liquid +340 -0
package/test-theme/widgets/category.liquid +475 -0
package/test-theme/widgets/discount-time.liquid +176 -0
package/test-theme/widgets/footer-menu.liquid +695 -0
package/test-theme/widgets/footer.liquid +179 -0
package/test-theme/widgets/gallery.liquid +271 -0
package/test-theme/widgets/header-menu.liquid +932 -0
package/test-theme/widgets/header.liquid +159 -0
package/test-theme/widgets/html.liquid +214 -0
package/test-theme/widgets/news.liquid +217 -0
package/test-theme/widgets/product-canvas.liquid +235 -0
package/test-theme/widgets/product-carousel.liquid +502 -0
package/test-theme/widgets/product.liquid +45 -0
package/test-theme/widgets/recently-viewed.liquid +26 -0
package/test-theme/widgets/shared/product-grid.liquid +339 -0
package/test-theme/widgets/simple-product.liquid +42 -0
package/test-theme/widgets/single-product.liquid +610 -0
package/test-theme/widgets/spacebar-carousel.liquid +663 -0
package/test-theme/widgets/spacebar.liquid +279 -0
package/test-theme/widgets/splash.liquid +378 -0
package/test-theme/widgets/testimonial-carousel.liquid +709 -0

package/test-theme/templates/error.liquid ADDED Viewed

@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ error.title }} - {{ shop.name }}</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap" rel="stylesheet">
+</head>
+<body>
+<div class="error-page">
+  <div class="error-container">
+    <div class="error-content">
+      <div class="error-icon">
+        <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="10"></circle>
+          <line x1="12" y1="8" x2="12" y2="12"></line>
+          <line x1="12" y1="16" x2="12.01" y2="16"></line>
+        </svg>
+      </div>
+      <div class="error-header">
+        <div class="status-code">{{ error.statusCode }}</div>
+        <h1 class="error-title">{{ error.title }}</h1>
+      </div>
+      <p class="error-message">{{ error.message }}</p>
+      {% if error.details %}
+        <div class="error-details">
+          <div class="error-details-header">Technical Details</div>
+          <div class="error-details-content">{{ error.details }}</div>
+        </div>
+      {% endif %}
+      <div class="error-actions">
+        <a href="/" class="btn btn-primary">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
+            <polyline points="9 22 9 12 15 12 15 22"></polyline>
+          </svg>
+          Back to Home
+        </a>
+        <button type="button" class="btn btn-secondary" id="retry-button">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="23 4 23 10 17 10"></polyline>
+            <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path>
+          </svg>
+          Try Again
+        </button>
+      </div>
+      <div class="error-footer">
+        <div class="error-meta">
+          <div class="error-meta-item">
+            <span class="meta-label">Store:</span>
+            <span class="meta-value">{{ request.host }}</span>
+          </div>
+          <div class="error-meta-item">
+            <span class="meta-label">Time:</span>
+            <span class="meta-value">{{ error.timestamp }}</span>
+          </div>
+        </div>
+        <p class="error-help">If this problem persists, please contact support.</p>
+      </div>
+    </div>
+  </div>
+</div>
+<style>
+  /* CSS Variables - Default Theme Colors */
+  :root {
+    --color-primary: #000000;
+    --color-secondary: #6b7280;
+    --color-white: #ffffff;
+    --color-gray-50: #f9fafb;
+    --color-gray-100: #f3f4f6;
+    --color-gray-200: #e5e7eb;
+    --color-gray-300: #d1d5db;
+    --color-gray-400: #9ca3af;
+    --color-gray-500: #6b7280;
+    --color-gray-600: #4b5563;
+    --color-gray-700: #374151;
+    --color-gray-800: #1f2937;
+    --color-gray-900: #111827;
+    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    --font-display: 'Playfair Display', Georgia, serif;
+    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  }
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+  body {
+    font-family: var(--font-primary);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .error-page {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--color-gray-50);
+    padding: 2rem 1rem;
+  }
+  .error-container {
+    max-width: 640px;
+    width: 100%;
+  }
+  .error-content {
+    background-color: var(--color-white);
+    border-radius: 0.75rem;
+    padding: 3rem 2rem;
+    text-align: center;
+    box-shadow: var(--shadow-lg);
+    border: 1px solid var(--color-gray-200);
+  }
+  .error-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 2rem;
+    color: var(--color-gray-400);
+  }
+  .error-icon svg {
+    width: 64px;
+    height: 64px;
+  }
+  .error-header {
+    margin-bottom: 1.5rem;
+  }
+  .status-code {
+    font-family: var(--font-display);
+    font-size: 4rem;
+    font-weight: 800;
+    line-height: 1;
+    color: var(--color-gray-900);
+    margin-bottom: 1rem;
+    letter-spacing: -0.05em;
+  }
+  .error-title {
+    font-family: var(--font-display);
+    font-size: 2rem;
+    font-weight: 700;
+    line-height: 1.2;
+    color: var(--color-gray-900);
+    margin-bottom: 0;
+    letter-spacing: -0.025em;
+  }
+  .error-message {
+    font-size: 1.125rem;
+    line-height: 1.7;
+    color: var(--color-gray-600);
+    margin-bottom: 2rem;
+    max-width: 480px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .error-details {
+    background-color: var(--color-gray-50);
+    border: 1px solid var(--color-gray-200);
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    margin-bottom: 2rem;
+    text-align: left;
+  }
+  .error-details-header {
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: var(--color-gray-900);
+    margin-bottom: 0.75rem;
+  }
+  .error-details-content {
+    font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
+    font-size: 0.8125rem;
+    color: var(--color-gray-700);
+    line-height: 1.6;
+    word-break: break-word;
+    overflow-wrap: break-word;
+  }
+  .error-actions {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    margin-bottom: 2.5rem;
+    flex-wrap: wrap;
+  }
+  .btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    padding: 0.875rem 1.5rem;
+    font-size: 0.9375rem;
+    font-weight: 500;
+    line-height: 1;
+    text-decoration: none;
+    border: 1px solid transparent;
+    border-radius: 0.375rem;
+    cursor: pointer;
+    transition: all 150ms ease-in-out;
+    white-space: nowrap;
+    font-family: var(--font-primary);
+  }
+  .btn svg {
+    width: 16px;
+    height: 16px;
+    flex-shrink: 0;
+  }
+  .btn-primary {
+    background-color: var(--color-primary);
+    color: var(--color-white);
+    border-color: var(--color-primary);
+  }
+  .btn-primary:hover {
+    background-color: var(--color-gray-800);
+    border-color: var(--color-gray-800);
+  }
+  .btn-secondary {
+    background-color: var(--color-white);
+    color: var(--color-gray-700);
+    border-color: var(--color-gray-300);
+  }
+  .btn-secondary:hover {
+    background-color: var(--color-gray-50);
+    border-color: var(--color-gray-400);
+    color: var(--color-primary);
+  }
+  .error-footer {
+    padding-top: 2rem;
+    border-top: 1px solid var(--color-gray-200);
+  }
+  .error-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+  }
+  .error-meta-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    font-size: 0.875rem;
+  }
+  .meta-label {
+    color: var(--color-gray-500);
+    font-weight: 500;
+  }
+  .meta-value {
+    color: var(--color-gray-700);
+    font-weight: 600;
+  }
+  .error-help {
+    font-size: 0.875rem;
+    color: var(--color-gray-500);
+    line-height: 1.5;
+  }
+  /* Responsive Design */
+  @media (max-width: 768px) {
+    .error-page {
+      padding: 1.5rem 1rem;
+    }
+    .error-content {
+      padding: 2rem 1.5rem;
+    }
+    .error-icon svg {
+      width: 48px;
+      height: 48px;
+    }
+    .status-code {
+      font-size: 3rem;
+    }
+    .error-title {
+      font-size: 1.5rem;
+    }
+    .error-message {
+      font-size: 1rem;
+    }
+    .error-actions {
+      flex-direction: column;
+      width: 100%;
+    }
+    .btn {
+      width: 100%;
+      padding: 0.875rem 1.25rem;
+    }
+    .error-meta {
+      gap: 0.75rem;
+    }
+    .error-meta-item {
+      flex-direction: column;
+      gap: 0.25rem;
+    }
+  }
+  @media (max-width: 480px) {
+    .status-code {
+      font-size: 2.5rem;
+    }
+    .error-title {
+      font-size: 1.25rem;
+    }
+    .error-details {
+      padding: 1rem;
+    }
+    .error-details-content {
+      font-size: 0.75rem;
+    }
+  }
+</style>
+<script>
+  // Wait for DOM to be ready
+  (function() {
+    'use strict';
+    function initErrorPage() {
+      const retryButton = document.getElementById('retry-button');
+      if (retryButton) {
+        retryButton.addEventListener('click', function() {
+          // Reload the page
+          window.location.reload();
+        });
+      }
+    }
+    // Initialize when DOM is ready
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', initErrorPage);
+    } else {
+      initErrorPage();
+    }
+  })();
+</script>
+</body>
+</html>

package/test-theme/templates/index.liquid ADDED Viewed

@@ -0,0 +1,11 @@
+{% layout 'layout/theme' %}
+{% comment %}
+  O2VEND Default Theme - Homepage Template
+  Uses sections for better customization and widget support
+{% endcomment %}
+<!-- Hero Section -->
+{% section 'sections/hero' %}
+<!-- Content Section -->
+{% section 'sections/content' %}

package/test-theme/templates/login.liquid ADDED Viewed

@@ -0,0 +1,185 @@
+{% layout 'layout/theme' %}
+{% comment %}
+  Customer Login Template
+{% endcomment %}
+<div class="customer-login">
+  <div class="customer-login-container">
+    <div class="customer-login-header">
+      <h1 class="customer-login-title">Sign In</h1>
+      <p class="customer-login-subtitle">Welcome back! Please sign in to your account.</p>
+    </div>
+    <div class="customer-login-form-wrapper">
+      <form class="customer-login-form" action="/webstoreapi/customer/login" method="post" id="customer-login-form">
+        {% if form.errors %}
+          <div class="form-errors">
+            {% for error in form.errors %}
+              <p class="form-error">{{ error }}</p>
+            {% endfor %}
+          </div>
+        {% endif %}
+        <div class="form-group">
+          <label for="customer-email" class="form-label">Email</label>
+          <input type="email"
+                 id="customer-email"
+                 name="email"
+                 class="form-input"
+                 placeholder="Enter your email"
+                 required
+                 autocomplete="email">
+        </div>
+        <div class="form-group">
+          <label for="customer-password" class="form-label">Password</label>
+          <input type="password"
+                 id="customer-password"
+                 name="password"
+                 class="form-input"
+                 placeholder="Enter your password"
+                 required
+                 autocomplete="current-password">
+        </div>
+        <div class="form-group form-group-row">
+          <label class="form-checkbox">
+            <input type="checkbox" name="remember" id="remember-me">
+            <span>Remember me</span>
+          </label>
+          <a href="/customer/forgot-password" class="form-link">Forgot password?</a>
+        </div>
+        <button type="submit" class="btn btn-primary btn-block">Sign In</button>
+      </form>
+      <div class="customer-login-footer">
+        <p>Don't have an account? <a href="/customer/register">Create one</a></p>
+      </div>
+    </div>
+  </div>
+</div>
+<style>
+  .customer-login {
+    min-height: 60vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4rem 1rem;
+    background: {{ settings.color_background }};
+  }
+  .customer-login-container {
+    max-width: 400px;
+    width: 100%;
+  }
+  .customer-login-header {
+    text-align: center;
+    margin-bottom: 2rem;
+  }
+  .customer-login-title {
+    font-size: 2rem;
+    font-weight: 700;
+    margin: 0 0 0.5rem 0;
+    color: {{ settings.color_text }};
+  }
+  .customer-login-subtitle {
+    font-size: 1rem;
+    color: {{ settings.color_text_light }};
+    margin: 0;
+  }
+  .customer-login-form-wrapper {
+    background: white;
+    padding: 2rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+  }
+  .form-group {
+    margin-bottom: 1.5rem;
+  }
+  .form-group-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .form-label {
+    display: block;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    color: {{ settings.color_text }};
+  }
+  .form-input {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    border: 1px solid #d1d5db;
+    border-radius: 0.375rem;
+    font-size: 1rem;
+    transition: border-color 0.2s ease;
+  }
+  .form-input:focus {
+    outline: none;
+    border-color: {{ settings.color_primary }};
+  }
+  .form-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    cursor: pointer;
+  }
+  .form-link {
+    color: {{ settings.color_primary }};
+    text-decoration: none;
+    font-size: 0.875rem;
+  }
+  .form-link:hover {
+    text-decoration: underline;
+  }
+  .form-errors {
+    background: #fee2e2;
+    border: 1px solid #fecaca;
+    border-radius: 0.375rem;
+    padding: 1rem;
+    margin-bottom: 1.5rem;
+  }
+  .form-error {
+    color: #991b1b;
+    margin: 0;
+    font-size: 0.875rem;
+  }
+  .btn-block {
+    width: 100%;
+  }
+  .customer-login-footer {
+    text-align: center;
+    margin-top: 1.5rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid #e5e7eb;
+  }
+  .customer-login-footer a {
+    color: {{ settings.color_primary }};
+    text-decoration: none;
+  }
+  .customer-login-footer a:hover {
+    text-decoration: underline;
+  }
+</style>