An application for Shoptet visual addons development and local override
npm install miranda-benderMiranda 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.
Node >= 20 prerequisited\
Install using yarn:\yarn add miranda-bender
Or npm:npm install miranda-bender
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 startnpx miranda-bender build
7. For production build use , 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