Build light weight GUI with frontend stack.
- Chrome Browser is installed
npm i carpen --save
// package.json
{
"scripts": {
"dev": "carpen",
"build": "carpen build"
}
}Write a index.html as entry:
<html>
<body>
<div id="root" />
<script src="./app.js"></script>
</body>
</html>Write your app code on ./app.js:
document.querySelector('#root').innerHTML = '<div>Hello world</div>'Then run npm run dev, Parcel will parse the index.html and bundle the code, so feel free to use any stacks you prefer. Finally the app would start and is ready for your development.
Sometimes you may want to expose some Node.js functions which can be called on the client side code:
// exposed.js
const crypto = require('crypto')
exports.md5 = text => crypto.createHash('md5').update(text).digest('hex')Add a --expose option targeted to the exposed.js:
// package.json
{
"scripts": {
"dev": "carpen --expose exposed.js",
}
}Then call it from client side (notice that all exposed functions return a Promise):
const crypted = await md5('hello world')MIT License