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

$3

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 start
7. For production build use npx miranda-bender build, it creates minified scripts and styles and doesnt run BrowserSync and watcher.

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

OR

Try miranda-bender -h` for CLI help