miranda-bender v1.1.20

Miranda Bender

Introduction

Miranda Bender is based on Shoptet Bender developed by Shoptet. It proxies remote e-shop to localhost while injecting and serving your local styles and scripts. This tool enables to development of visual changes without breaking the production e-shop. It is also suitable for Premium e-shop development, while emulation of the Blank mode is possible.

Install

Node >= 20 prerequisited\ Install using yarn:\ yarn add miranda-bender Or npm: npm install miranda-bender

Usage

Step-by-step guide to start

1. Create file config.json (set "defaultUrl" to you e-shop URL):

{
	"defaultUrl": "https://classic.shoptet.cz/",
	"sourceFolder": "./src",
	"outputFolder": "./dist",
	"blankModeScript": false,
	"blankModeStyle": false
}

2. Your package.json should contain "name", "description" and "version".
3. Create "src" folder, inside create "scss" and "js" folders.
4. "scss" folder reads "critical.scss" and "style.scss" files.
5. "js" folder reads "critical.js" and "script.js" files.
6. Run the tool with: npx miranda-bender
7. For production build use -m "production", it creates minified scripts and styles.

And you're ready to go -> enjoy coding and development ;)

OR

Try miranda-bender -h for CLI help