create-widget-app
Version:
The create-widget-app command line tool makes it easy to generate a configured WP Elementor widget.
60 lines (48 loc) • 1.1 kB
JavaScript
const baseTemplate = require('./base.template');
module.exports = Object.assign({
getFileName: () => "index.html",
template: ({ className }) => `\
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Elementor Widget</title>
<style>
* {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<style>
.${className} {}
</style>
<div class="${className}" data-selector="${className}">
Widget works!
</div>
<script>
init();
////
function init() {
log('Start initialization...')
main();
}
function main() {
log('Initialization success!')
handlerA();
}
function handlerA() {
// your code here...
}
function log(...message) {
console.log('[${className}]', ...message);
}
</script>
</body>
</html>
`
}, baseTemplate);