easyorders 0.1.13 → 0.1.15

package/README.md

@@ -1,93 +1,93 @@
-# Easy Orders CLI
-
-CLI tool for creating and developing [EasyOrders](https://www.easyorders.eg) storefront themes. Edit Liquid templates, CSS, and JavaScript in the `theme/` folder and preview changes on a live store instantly.
-
-Full theme documentation — Liquid variables, palette, sections, events:
-
-**https://themes-docs.easy-orders.net/docs/custom-themes/getting-started**
-
-## ⚠️ Important Notice
-
-The tunnel URL is tied to your current browser session. When you stop the dev server (tunnel) or close the theme editor, you **must close the browser entirely** to end the session. Otherwise the browser may continue trying to load the old tunnel URL, causing errors on subsequent runs.
-
-## Installation
-
-```bash
-npm install -g easyorders
-```
-
-## Usage
-
-### Create a new theme project
-
-```bash
-easyorders create-theme 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.
-
-### Start the dev server
-
-```bash
-cd my-theme
-easyorders start
-```
-
-This will:
-
-1. Prompt you for your store subdomain (e.g. `sand` from `sand.myeasyorders.com`)
-2. Authenticate with the Easy Orders API
-3. Start a local Express server that serves your theme
-4. Open a Cloudflare tunnel so your store can load the theme in real-time
-
-### Interactive mode
-
-Running `easyorders` without arguments shows an interactive menu where you can choose to create a theme or start the dev server.
-
-## Environment Variables
-
-Create a `.env` file in your theme project root (or export the variables) to customise the defaults:
-
-| Variable            | Description                                       | Default                       |
-| ------------------- | ------------------------------------------------- | ----------------------------- |
-| `PORT`              | Local server port                                 | `4000`                        |
-| `API_BASE_URL`      | Backend API base URL used for CLI token endpoints | `https://api.easy-orders.net` |
-| `FRONTEND_BASE_URL` | Frontend base URL used for the approval page      | `https://app.easy-orders.net` |
-| `STORE_DOMAIN`      | Domain used to build the store preview URL        | `myeasyorders.com`            |
-
-## Theme Project Structure
-
-After running `create-theme`, your project will look like:
-
-```
-my-theme/
-├── package.json
-├── .gitignore
-└── theme/
-    ├── config.json
-    ├── schema.json
-    ├── theme-data.json
-    ├── style.css
-    ├── script.js
-    ├── sections/
-    │   ├── header.liquid
-    │   ├── footer.liquid
-    │   └── ...
-    └── home-sections/
-        ├── <section-key>/
-        │   ├── config.json
-        │   └── template.liquid
-        └── ...
-```
-
-You only need to edit files inside the `theme/` folder. The server code is handled by the CLI.
-
-## 🔑 Clearing Sessions & Auth
-
-If you want to delete any saved sessions or store authentication, simply delete the `.cli-tokens.json` file in your theme project root:
-
-```bash
-rm .cli-tokens.json
-```
-
-The next time you run the dev server, you will be prompted to authenticate again.
+# Easy Orders CLI
+
+CLI tool for creating and developing [EasyOrders](https://www.easyorders.eg) storefront themes. Edit Liquid templates, CSS, and JavaScript in the `theme/` folder and preview changes on a live store instantly.
+
+Full theme documentation — Liquid variables, palette, sections, events:
+
+**https://themes-docs.easy-orders.net/docs/custom-themes/getting-started**
+
+## ⚠️ Important Notice
+
+The tunnel URL is tied to your current browser session. When you stop the dev server (tunnel) or close the theme editor, you **must close the browser entirely** to end the session. Otherwise the browser may continue trying to load the old tunnel URL, causing errors on subsequent runs.
+
+## Installation
+
+```bash
+npm install -g easyorders
+```
+
+## Usage
+
+### Create a new theme project
+
+```bash
+easyorders create-theme 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.
+
+### Start the dev server
+
+```bash
+cd my-theme
+easyorders start
+```
+
+This will:
+
+1. Prompt you for your store subdomain (e.g. `sand` from `sand.myeasyorders.com`)
+2. Authenticate with the Easy Orders API
+3. Start a local Express server that serves your theme
+4. Open a Cloudflare tunnel so your store can load the theme in real-time
+
+### Interactive mode
+
+Running `easyorders` without arguments shows an interactive menu where you can choose to create a theme or start the dev server.
+
+## Environment Variables
+
+Create a `.env` file in your theme project root (or export the variables) to customise the defaults:
+
+| Variable            | Description                                       | Default                       |
+| ------------------- | ------------------------------------------------- | ----------------------------- |
+| `PORT`              | Local server port                                 | `4000`                        |
+| `API_BASE_URL`      | Backend API base URL used for CLI token endpoints | `https://api.easy-orders.net` |
+| `FRONTEND_BASE_URL` | Frontend base URL used for the approval page      | `https://app.easy-orders.net` |
+| `STORE_DOMAIN`      | Domain used to build the store preview URL        | `myeasyorders.com`            |
+
+## Theme Project Structure
+
+After running `create-theme`, your project will look like:
+
+```
+my-theme/
+├── package.json
+├── .gitignore
+└── theme/
+    ├── config.json
+    ├── schema.json
+    ├── theme-data.json
+    ├── style.css
+    ├── script.js
+    ├── sections/
+    │   ├── header.liquid
+    │   ├── footer.liquid
+    │   └── ...
+    └── home-sections/
+        ├── <section-key>/
+        │   ├── config.json
+        │   └── template.liquid
+        └── ...
+```
+
+You only need to edit files inside the `theme/` folder. The server code is handled by the CLI.
+
+## 🔑 Clearing Sessions & Auth
+
+If you want to delete any saved sessions or store authentication, simply delete the `.cli-tokens.json` file in your theme project root:
+
+```bash
+rm .cli-tokens.json
+```
+
+The next time you run the dev server, you will be prompted to authenticate again.

package/dist/bin/cli.js

@@ -5,7 +5,6 @@ import fs from "node:fs";
 import path from "node:path";
 import readline from "node:readline";
 import { fileURLToPath } from "node:url";
-import { getCliVersion } from "../server/api.js";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const CLI_ROOT = path.resolve(__dirname, "..");
@@ -169,13 +168,21 @@ async function interactiveMenu() {
 // ── Version check ───────────────────────────────────────────
 async function checkForUpdates() {
     const pkgPath = path.resolve(__dirname, "..", "..", "package.json");
-    const localVersion = JSON.parse(fs.readFileSync(pkgPath, "utf-8")).version;
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+    const localVersion = pkg.version;
+    const packageName = pkg.name;
     try {
-        const latestVersion = await getCliVersion();
-        if (latestVersion !== localVersion) {
+        const res = await fetch(`https://registry.npmjs.org/${packageName}/latest`);
+        if (!res.ok)
+            return;
+        const data = (await res.json());
+        const latestVersion = data.version;
+        if (latestVersion.localeCompare(localVersion, undefined, {
+            numeric: true,
+        }) > 0) {
             console.log("");
             console.log(`   ${YELLOW}${BOLD}⚠  Update available!${RESET} ${DIM}${localVersion}${RESET} → ${GREEN}${BOLD}${latestVersion}${RESET}`);
-            console.log(`   ${DIM}Run${RESET} ${CYAN}npm install -g easyorders@latest${RESET} ${DIM}to update.${RESET}`);
+            console.log(`   ${DIM}Run${RESET} ${CYAN}npm install -g ${packageName}@latest${RESET} ${DIM}to update.${RESET}`);
             console.log("");
             process.exit(1);
         }

package/dist/template/theme/config.json

@@ -1,95 +1,95 @@
-{
-  "footer": {
-    "logo": "",
-    "pages": [
-      {
-        "id": "ADD_PAGE_ID_HERE"
-      }
-    ],
-    "social": [
-      {
-        "url": "https://facebook.com",
-        "type": "facebook"
-      },
-      {
-        "url": "https://facebook.com",
-        "type": "instagram"
-      },
-      {
-        "url": "https://facebook.com",
-        "type": "twitter"
-      },
-      {
-        "url": "https://facebook.com",
-        "type": "linkedin"
-      },
-      {
-        "url": "https://facebook.com",
-        "type": "tiktok"
-      },
-      {
-        "url": "https://facebook.com",
-        "type": "youtube"
-      }
-    ],
-    "categories": [
-      {
-        "id": "ADD_CATEGORY_ID_HERE"
-      }
-    ],
-    "payment_img": "https://easyorders.fra1.digitaloceanspaces.com/1773958283329740254payment_icons.svg",
-    "is_use_config": true
-  },
-  "header": {
-    "logo": "",
-    "links": [
-      {
-        "id": "ADD_CATEGORY_ID_HERE",
-        "type": "category"
-      },
-      {
-        "id": "ADD_PAGE_ID_HERE",
-        "type": "page"
-      }
-    ],
-    "is_use_config": true
-  },
-  "palette": {
-    "hd_bg": "",
-    "hd_text": "",
-    "ann_bg": "",
-    "ann_text": "",
-    "ft_bg": "",
-    "ft_text": "",
-    "buy_btn_bg": "",
-    "buy_btn_text": "",
-    "buy_btn_border": "",
-    "crt_btn_bg": "",
-    "crt_btn_text": "",
-    "crt_btn_border": "",
-    "product_name_text": "",
-    "product_price_text": "",
-    "product_sale_price_text": "",
-    "body_bg": "",
-    "body_text": "",
-    "input_border": "",
-    "input_bg": "",
-    "input_text": "",
-    "checkout_form_bg": "",
-    "checkout_heading_text": ""
-  },
-  "theme_data": {
-    "hero_slides": [],
-    "color_scheme": "light",
-    "color_primary": "#1A1A2E",
-    "hero_headline": "Welcome to Our Store",
-    "font_size_base": 16,
-    "hero_show_overlay": true,
-    "product_badge_types": ["sale", "new"]
-  },
-  "announcement_bar": {
-    "text": ["it works", "Free shipping for 1000 EGP", "Genuine Quality"],
-    "type": "marquee",
-    "is_use_config": true
-  }
-}
+{
+  "footer": {
+    "logo": "",
+    "pages": [
+      {
+        "id": "ADD_PAGE_ID_HERE"
+      }
+    ],
+    "social": [
+      {
+        "url": "https://facebook.com",
+        "type": "facebook"
+      },
+      {
+        "url": "https://facebook.com",
+        "type": "instagram"
+      },
+      {
+        "url": "https://facebook.com",
+        "type": "twitter"
+      },
+      {
+        "url": "https://facebook.com",
+        "type": "linkedin"
+      },
+      {
+        "url": "https://facebook.com",
+        "type": "tiktok"
+      },
+      {
+        "url": "https://facebook.com",
+        "type": "youtube"
+      }
+    ],
+    "categories": [
+      {
+        "id": "ADD_CATEGORY_ID_HERE"
+      }
+    ],
+    "payment_img": "https://easyorders.fra1.digitaloceanspaces.com/1773958283329740254payment_icons.svg",
+    "is_use_config": true
+  },
+  "header": {
+    "logo": "",
+    "links": [
+      {
+        "id": "ADD_CATEGORY_ID_HERE",
+        "type": "category"
+      },
+      {
+        "id": "ADD_PAGE_ID_HERE",
+        "type": "page"
+      }
+    ],
+    "is_use_config": true
+  },
+  "palette": {
+    "hd_bg": "",
+    "hd_text": "",
+    "ann_bg": "",
+    "ann_text": "",
+    "ft_bg": "",
+    "ft_text": "",
+    "buy_btn_bg": "",
+    "buy_btn_text": "",
+    "buy_btn_border": "",
+    "crt_btn_bg": "",
+    "crt_btn_text": "",
+    "crt_btn_border": "",
+    "product_name_text": "",
+    "product_price_text": "",
+    "product_sale_price_text": "",
+    "body_bg": "",
+    "body_text": "",
+    "input_border": "",
+    "input_bg": "",
+    "input_text": "",
+    "checkout_form_bg": "",
+    "checkout_heading_text": ""
+  },
+  "theme_data": {
+    "hero_slides": [],
+    "color_scheme": "light",
+    "color_primary": "#1A1A2E",
+    "hero_headline": "Welcome to Our Store",
+    "font_size_base": 16,
+    "hero_show_overlay": true,
+    "product_badge_types": ["sale", "new"]
+  },
+  "announcement_bar": {
+    "text": ["it works", "Free shipping for 1000 EGP", "Genuine Quality"],
+    "type": "marquee",
+    "is_use_config": true
+  }
+}

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

@@ -1,40 +1,40 @@
-{
-  "icon": "https://api.iconify.design/lucide:grid-3x3.svg",
-  "label": "Category mosaic",
-  "section_schema": [
-    {
-      "name": "title",
-      "type": "string",
-      "default": "Shop by mood",
-      "description": "Section heading"
-    },
-    {
-      "name": "subtitle",
-      "type": "string",
-      "default": "Curated drops for work, weekend, and everything between.",
-      "description": "Subheading under the title"
-    },
-    {
-      "name": "columns",
-      "type": "select",
-      "default": "3",
-      "description": "Columns on large screens",
-      "options": [
-        { "label": "Two columns", "value": "2" },
-        { "label": "Three columns", "value": "3" },
-        { "label": "Four columns", "value": "4" }
-      ]
-    },
-    {
-      "name": "gap_tight",
-      "type": "boolean",
-      "default": false,
-      "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."
-    }
-  ]
-}
+{
+  "icon": "https://api.iconify.design/lucide:grid-3x3.svg",
+  "label": "Category mosaic",
+  "section_schema": [
+    {
+      "name": "title",
+      "type": "string",
+      "default": "Shop by mood",
+      "description": "Section heading"
+    },
+    {
+      "name": "subtitle",
+      "type": "string",
+      "default": "Curated drops for work, weekend, and everything between.",
+      "description": "Subheading under the title"
+    },
+    {
+      "name": "columns",
+      "type": "select",
+      "default": "3",
+      "description": "Columns on large screens",
+      "options": [
+        { "label": "Two columns", "value": "2" },
+        { "label": "Three columns", "value": "3" },
+        { "label": "Four columns", "value": "4" }
+      ]
+    },
+    {
+      "name": "gap_tight",
+      "type": "boolean",
+      "default": false,
+      "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."
+    }
+  ]
+}