easyorders 0.1.15 → 0.1.17

package/README.md

@@ -21,7 +21,7 @@ npm install -g easyorders
 ### Create a new theme project
 
 ```bash
-easyorders create-theme my-theme
+easyorders create my-theme
 ```
 
 This scaffolds a new directory `my-theme/` containing only the `theme/` folder and a minimal `package.json`. No server code is included — the server runs from the CLI package itself.
@@ -57,7 +57,7 @@ Create a `.env` file in your theme project root (or export the variables) to cus
 
 ## Theme Project Structure
 
-After running `create-theme`, your project will look like:
+After running `create`, your project will look like:
 
 ```
 my-theme/

package/dist/bin/cli.js

@@ -95,7 +95,7 @@ async function startDev() {
     const themeDir = path.join(cwd, "theme");
     if (!fs.existsSync(themeDir)) {
         console.error(`\n   ${RED}${BOLD}✖ No "theme" folder found in the current directory.${RESET}`);
-        console.error(`   ${DIM}Run ${CYAN}npx easyorders create-theme <name>${DIM} first to create a project.${RESET}\n`);
+        console.error(`   ${DIM}Run ${CYAN}npx easyorders create <name>${DIM} first to create a project.${RESET}\n`);
         process.exit(1);
     }
     // The server files are bundled inside the CLI package
@@ -139,8 +139,9 @@ function showMenu() {
     console.log(`   ${CYAN}${BOLD}Easy Orders CLI${RESET}`);
     console.log("");
     console.log(`   ${BOLD}Usage:${RESET}`);
-    console.log(`     ${CYAN}npx easyorders create-theme ${DIM}<name>${RESET}   Create a new theme project`);
+    console.log(`     ${CYAN}npx easyorders create ${DIM}<name>${RESET}         Create a new theme project`);
     console.log(`     ${CYAN}npx easyorders start${RESET}                  Start the dev server`);
+    console.log(`     ${CYAN}npx easyorders -v${RESET}                     Show CLI version`);
     console.log("");
 }
 async function interactiveMenu() {
@@ -165,12 +166,19 @@ async function interactiveMenu() {
             process.exit(1);
     }
 }
-// ── Version check ───────────────────────────────────────────
-async function checkForUpdates() {
+// ── Version ─────────────────────────────────────────────────
+function getPackageInfo() {
     const pkgPath = path.resolve(__dirname, "..", "..", "package.json");
     const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
-    const localVersion = pkg.version;
-    const packageName = pkg.name;
+    return { name: pkg.name, version: pkg.version };
+}
+function showVersion() {
+    const { version } = getPackageInfo();
+    console.log(version);
+}
+// ── Version check ───────────────────────────────────────────
+async function checkForUpdates() {
+    const { name: packageName, version: localVersion } = getPackageInfo();
     try {
         const res = await fetch(`https://registry.npmjs.org/${packageName}/latest`);
         if (!res.ok)
@@ -193,13 +201,18 @@ async function checkForUpdates() {
 }
 // ── Entry point ─────────────────────────────────────────────
 (async () => {
-    await checkForUpdates();
     const command = process.argv[2];
     switch (command) {
-        case "create-theme":
+        case "-v":
+        case "--version":
+            showVersion();
+            break;
+        case "create":
+            await checkForUpdates();
             await createTheme();
             break;
         case "start":
+            await checkForUpdates();
             await startDev();
             break;
         case "--help":
@@ -207,6 +220,7 @@ async function checkForUpdates() {
             showMenu();
             break;
         default:
+            await checkForUpdates();
             await interactiveMenu();
             break;
     }

package/dist/server/index.js

@@ -4,7 +4,7 @@ import express from "express";
 import fs from "node:fs";
 import path from "node:path";
 import readline from "node:readline";
-import { exec } from "node:child_process";
+import { execFile } from "node:child_process";
 import { generateCliToken, checkTokenStatus } from "./api.js";
 import { getToken, saveToken } from "./token-store.js";
 const CYAN = "\x1b[36m";
@@ -116,12 +116,15 @@ function promptStoreName() {
     });
 }
 function openBrowser(url) {
-    const cmd = process.platform === "darwin"
-        ? "open"
-        : process.platform === "win32"
-            ? "start"
-            : "xdg-open";
-    exec(`${cmd} "${url}"`);
+    if (process.platform === "darwin") {
+        execFile("open", [url]);
+    }
+    else if (process.platform === "win32") {
+        execFile("cmd", ["/c", "start", "", url], { windowsHide: true });
+    }
+    else {
+        execFile("xdg-open", [url]);
+    }
 }
 function waitForApproval(tokenId) {
     return new Promise((resolve, reject) => {

package/dist/template/theme/config.json

@@ -55,9 +55,9 @@
     "is_use_config": true
   },
   "palette": {
-    "hd_bg": "",
+    "hd_bg": "#fff",
     "hd_text": "",
-    "ann_bg": "",
+    "ann_bg": "#212121",
     "ann_text": "",
     "ft_bg": "",
     "ft_text": "",
@@ -84,8 +84,24 @@
     "color_primary": "#1A1A2E",
     "hero_headline": "Welcome to Our Store",
     "font_size_base": 16,
+    "main_container_padding_top": 40,
     "hero_show_overlay": true,
-    "product_badge_types": ["sale", "new"]
+    "product_badge_types": ["sale", "new"],
+    "sale_badge_bg_color": "#c94a4a",
+    "sale_badge_text_color": "#ffffff",
+    "card_background_product": "color",
+    "card_background_product_color": "#f5f4f2",
+    "footer_newsletter_title": "",
+    "footer_newsletter_description": "",
+    "footer_newsletter_text_color": "#ffffff",
+    "hide_newsletter_mobile": false,
+    "pgrid_hero_cta_text_color": "#1f272b",
+    "pgrid_hero_cta_font_weight": "600",
+    "featured_hero_subtitle_text_color": "#ffffff",
+    "featured_hero_cta_background_color": "#ffffff",
+    "featured_hero_cta_text_color": "#1f272b",
+    "header_category_strip_bg_color": "#e1dbd1",
+    "header_category_strip_text_color": "#212a2f"
   },
   "announcement_bar": {
     "text": ["it works", "Free shipping for 1000 EGP", "Genuine Quality"],

package/dist/template/theme/home-sections/Tilted-Scrolling-Marque/config.json

@@ -0,0 +1,107 @@
+{
+    "icon": "https://files.easy-orders.net/1778107485984969174.png",
+    "label": "Scrolling Marquee (Infinite)",
+    "section_schema": [
+      {
+        "name": "bg_color",
+        "type": "color",
+        "default": "#000000",
+        "description": "خلفية الشريط"
+      },
+      {
+        "name": "text_color",
+        "type": "color",
+        "default": "#ffffff",
+        "description": "لون النص"
+      },
+      {
+        "name": "messages",
+        "type": "object_array",
+        "fields": [
+          {
+            "name": "text",
+            "type": "string",
+            "default": "LIMITED EDITION COLLECTION",
+            "description": "الجملة"
+          }
+        ],
+        "description": "الجمل المكررة"
+      },
+      {
+        "name": "text_language",
+        "type": "select",
+        "default": "auto",
+        "description": "لغة المحتوى واتجاه الحركة",
+        "options": [
+          { "label": "تلقائي", "value": "auto" },
+          { "label": "عربي (حركة من الشمال لليمين)", "value": "ar" },
+          { "label": "إنجليزي/لاتيني", "value": "en" }
+        ]
+      },
+      {
+        "name": "tilt_direction",
+        "type": "select",
+        "default": "straight",
+        "description": "ميل الشريط",
+        "options": [
+          { "label": "مستقيم", "value": "straight" },
+          { "label": "مائل لليمين (5°)", "value": "right" },
+          { "label": "مائل لليسار (-5°)", "value": "left" }
+        ]
+      },
+      {
+        "name": "font_weight",
+        "type": "select",
+        "default": "700",
+        "description": "وزن الخط",
+        "options": [
+          { "label": "Normal", "value": "400" },
+          { "label": "Medium", "value": "500" },
+          { "label": "Bold", "value": "700" },
+          { "label": "Black", "value": "900" }
+        ]
+      },
+      {
+        "name": "letter_spacing",
+        "type": "number",
+        "default": 2,
+        "description": "تباعد الحروف (px)"
+      },
+      {
+        "name": "desktop_font_size",
+        "type": "number",
+        "default": 48,
+        "description": "حجم الخط - ديسكتوب (px)"
+      },
+      {
+        "name": "desktop_line_height",
+        "type": "number",
+        "default": 68,
+        "description": "ارتفاع الشريط - ديسكتوب (px)"
+      },
+      {
+        "name": "mobile_font_size",
+        "type": "number",
+        "default": 24,
+        "description": "حجم الخط - موبايل (px)"
+      },
+      {
+        "name": "mobile_line_height",
+        "type": "number",
+        "default": 48,
+        "description": "ارتفاع الشريط - موبايل (px)"
+      },
+      {
+        "name": "desktop_speed",
+        "type": "number",
+        "default": 20,
+        "description": "مدة الدورة - ديسكتوب (ثواني - أقل أسرع)"
+      },
+      {
+        "name": "mobile_speed",
+        "type": "number",
+        "default": 10,
+        "description": "مدة الدورة - موبايل (ثواني)"
+      }
+    ]
+  }

package/dist/template/theme/home-sections/Tilted-Scrolling-Marque/template.liquid

@@ -0,0 +1,171 @@
+{% assign tilt_val = "0deg" %}
+{% if section_data.tilt_direction == "right" %}
+  {% assign tilt_val = "5deg" %} 
+{% elsif section_data.tilt_direction == "left" %}
+  {% assign tilt_val = "-5deg" %}
+{% endif %}
+{% assign first_msg = section_data.messages | first %}
+{% assign first_msg_text = "" %}
+{% if first_msg and first_msg.text %}
+  {% assign first_msg_text = first_msg.text %}
+{% endif %}
+{% assign marquee_is_arabic = false %}
+{% if section_data.text_language == "ar" %}
+  {% assign marquee_is_arabic = true %}
+{% elsif section_data.text_language == "auto" %}
+  {% if lang == "ar" or first_msg_text contains "ا" or first_msg_text contains "ب" or first_msg_text contains "ت" or first_msg_text contains "ث" or first_msg_text contains "ج" or first_msg_text contains "ح" or first_msg_text contains "خ" %}
+    {% assign marquee_is_arabic = true %}
+  {% endif %}
+{% endif %}
+{% assign marquee_repeat_count = 4 %}
+{% if section_data.messages.size <= 1 %}
+  {% assign marquee_repeat_count = 8 %}
+{% elsif section_data.messages.size == 2 %}
+  {% assign marquee_repeat_count = 6 %}
+{% endif %}
+
+<section
+  class="ab-marquee-section{% if marquee_is_arabic %} ab-marquee--arabic{% endif %}"
+  style="
+    --mq-bg: {{ section_data.bg_color | default: '#000' }};
+    --mq-color: {{ section_data.text_color | default: '#fff' }};
+    --mq-font-size-dt: {{ section_data.desktop_font_size | default: 48 }}px;
+    --mq-font-size-mb: {{ section_data.mobile_font_size | default: 24 }}px;
+    --mq-lh-dt: {{ section_data.desktop_line_height | default: 68 }}px;
+    --mq-lh-mb: {{ section_data.mobile_line_height | default: 48 }}px;
+    --mq-weight: {{ section_data.font_weight | default: '700' }};
+    --mq-letter-spacing: {{ section_data.letter_spacing | default: 2 }}px;
+    --mq-speed-dt: {{ section_data.desktop_speed | default: 20 }}s;
+    --mq-speed-mb: {{ section_data.mobile_speed | default: 10 }}s;
+    --mq-tilt: {{ tilt_val }};
+  "
+>
+  <div class="ab-marquee-clip">
+    <div class="ab-marquee-band">
+      <div class="ab-marquee-wrapper">
+        <div class="ab-marquee-track">
+          <div class="ab-marquee-content">
+            {% for repeat_index in (1..marquee_repeat_count) %}
+              {% for item in section_data.messages %}
+                <span class="ab-marquee-item">{{ item.text }}</span>
+              {% endfor %}
+            {% endfor %}
+          </div>
+
+          <div class="ab-marquee-content" aria-hidden="true">
+            {% for repeat_index in (1..marquee_repeat_count) %}
+              {% for item in section_data.messages %}
+                <span class="ab-marquee-item">{{ item.text }}</span>
+              {% endfor %}
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+  .ab-marquee-section {
+    margin: 20px 0;
+    overflow-x: clip;
+    overflow-y: visible;
+    position: relative;
+    margin-left: -10px;
+    margin-right: -10px;
+    background-color: transparent;  
+  }
+
+  .ab-marquee-clip {
+    width: 100%;
+   }
+
+  .ab-marquee-band {
+    transform: rotate(var(--mq-tilt));
+    transform-origin: center;
+    width: calc(100% + 160px);
+    margin-left: -80px;
+    background-color: transparent; /* خلفية الباند شفافة */
+  }
+
+  .ab-marquee-wrapper {
+    display: flex;
+    align-items: center;
+    background-color: transparent;
+    direction: ltr;
+  }
+
+  .ab-marquee-track {
+    display: flex;
+    width: max-content;
+    animation: marquee-scroll var(--mq-speed-dt) linear infinite;
+    will-change: transform;
+    background-color: var(--mq-bg); /* لون الخلفية اتنقل هنا زي ما طلبت */
+  }
+
+  .ab-marquee-content {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
+
+  .ab-marquee-item {
+    color: var(--mq-color);
+    font-size: var(--mq-font-size-dt);
+    font-weight: var(--mq-weight);
+    letter-spacing: var(--mq-letter-spacing); /* تحكم تباعد الحروف */
+    line-height: var(--mq-lh-dt); /* التحكم في الارتفاع للديسكتوب */
+    white-space: nowrap;
+    padding: 0 40px;
+    text-transform: uppercase;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .ab-marquee-item::after {
+    content: "•";
+    margin-inline-start: 80px;
+    opacity: 0.3;
+  }
+
+  .ab-marquee--arabic .ab-marquee-track {
+    animation-name: marquee-scroll-ar;
+  }
+  .ab-marquee--arabic .ab-marquee-item {
+    text-transform: none;
+    letter-spacing: 0;
+    direction: rtl;
+    unicode-bidi: plaintext;
+  }
+
+  @keyframes marquee-scroll {
+    from { transform: translateX(0); }
+    to { transform: translateX(-50%); }
+  }
+  @keyframes marquee-scroll-ar {
+    from { transform: translateX(-50%); }
+    to { transform: translateX(0); }
+  }
+
+  /* ريسبونسيف الموبايل */
+  @media (max-width: 768px) {
+    .ab-marquee-track {
+      animation-duration: var(--mq-speed-mb);
+    }
+    .ab-marquee-item {
+      font-size: var(--mq-font-size-mb);
+      line-height: var(--mq-lh-mb); /* التحكم في الارتفاع للموبايل */
+      padding: 0 20px;
+    }
+    .ab-marquee-item::after {
+      margin-inline-start: 40px;
+    }
+  }
+ 
+
+  {% if section_data.tilt_direction != 'straight' %}
+  .ab-marquee-section {
+    margin-block: 72px;
+  }
+  {% endif %}
+</style>

package/dist/template/theme/home-sections/category-mosaic/config.json

@@ -1,5 +1,5 @@
 {
-  "icon": "https://api.iconify.design/lucide:grid-3x3.svg",
+  "icon": "https://files.easy-orders.net/1778107568557501919.png",
   "label": "Category mosaic",
   "section_schema": [
     {
@@ -14,6 +14,66 @@
       "default": "Curated drops for work, weekend, and everything between.",
       "description": "Subheading under the title"
     },
+    {
+      "name": "heading_title_color",
+      "type": "color",
+      "default": "",
+      "group": "controls_title",
+      "description": "Heading title color (leave empty for default)"
+    },
+    {
+      "name": "heading_title_size",
+      "type": "number",
+      "group": "controls_title",
+      "default": 38,
+      "description": "Heading title size (px)"
+    },
+    {
+      "name": "heading_title_weight",
+      "type": "select",
+      "default": "500",
+      "group": "controls_title",
+      "description": "Heading title font weight",
+      "options": [
+        { "label": "Regular 400", "value": "400" },
+        { "label": "Medium 500", "value": "500" },
+        { "label": "SemiBold 600", "value": "600" },
+        { "label": "Bold 700", "value": "700" }
+      ]
+    },
+    {
+      "name": "heading_subtitle_color",
+      "type": "color",
+      "default": "",
+      "group": "controls_subtitle",
+      "description": "Subtitle color (leave empty for default)"
+    },
+    {
+      "name": "heading_subtitle_size",
+      "type": "number",
+      "group": "controls_subtitle",
+      "default": 16,
+      "description": "Subtitle size (px)"
+    },
+    {
+      "name": "heading_subtitle_weight",
+      "type": "select",
+      "default": "400",
+      "group": "controls_subtitle",
+      "description": "Subtitle font weight",
+      "options": [
+        { "label": "Regular 400", "value": "400" },
+        { "label": "Medium 500", "value": "500" },
+        { "label": "SemiBold 600", "value": "600" },
+        { "label": "Bold 700", "value": "700" }
+      ]
+    },
+    {
+      "name": "section_background",
+      "type": "color",
+      "default": "",
+      "description": "Section background color (leave empty for default white)"
+    },
     {
       "name": "columns",
       "type": "select",
@@ -32,9 +92,34 @@
       "description": "Use tighter spacing between tiles"
     },
     {
-      "name": "mosaic_category_ids",
-      "type": "category_multi_select",
-      "description": "Categories to show as tiles (search and reorder in the picker). Images and titles load from each category."
+      "name": "tiles",
+      "type": "object_array",
+      "description": "Category or collection tiles",
+      "fields": [
+        {
+          "name": "image",
+          "type": "image",
+          "default": "",
+          "description": "صورة القسم"
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "default": "Dresses",
+          "description": "اسم القسم على الصورة"
+        },
+        {
+          "name": "tagline",
+          "type": "string",
+          "default": "Fluid lines",
+          "description": "وصف قصير تحت الاسم"
+        },
+        {
+          "name": "category_id",
+          "type": "category_single_select",
+          "description": "اختيار القسم (اللينك يتجاب أوتوماتيك)"
+        }
+      ]
     }
   ]
 }