* Configure Webpack
// webpack.config.js
const Dotenv = require('dotenv-webpack');
...
.addEntry('component-loader', './node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js')
.addEntry('console-ui', './vendor/drinksco/console-ui-bundle/assets/app.js')
...
// uncomment if you use TypeScript
.enableTypeScriptLoader()
...
.addPlugin(new Dotenv())
...
* To run electron App update file
...
"main": "./vendor/drinksco/console-ui-bundle/main.js",
"scripts": {
...
"console-ui-start": "electron ."
}
* Install yarn dependencies
yarn add --dev @hotwired/stimulus @symfony/stimulus-bridge @symfony/webpack-encore core-js dotenv dotenv-webpack electron regenerator-runtime ts-loader typescript webpack-notifier @material/card @material/mwc-button @material/mwc-checkbox @material/mwc-circular-progress @material/mwc-dialog @material/mwc-formfield @material/mwc-icon @material/mwc-list @material/mwc-textfield @material/mwc-top-app-bar-fixed @webcomponents/webcomponentsjs lit material-components-web
* Build console-ui app
yarn encore production
* Not using Docker install Mercure Hub
Download the legacy binary from Mercure releases page https://github.com/dunglas/mercure/releases,
and extract binary in the project root folder
* Check environment variables in your .env