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:
   • if you are using npm: npx miranda-bender
   • if you are using yarn: miranda-bender
7. For production build use -m "production"

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

OR

Try miranda-bender -h for CLI help