feat: implement create control script (#747)

Author: tsanislavgatev

packages/main/lib/create-new-component/create-new-component.js

@@ -0,0 +1,65 @@
+const jsFileContentTemplate = sComponentName => {
+	return `import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import ${sComponentName}Template from "./generated/templates/${sComponentName}Template.lit.js";
+
+// Styles
+import ${sComponentName}Css from "./generated/themes/${sComponentName}.css.js";
+
+
+const metadata = {
+	tag: "ui5-${sComponentName.toLowerCase()}",
+	properties: {
+		//
+	},
+	slots: {
+		//
+	},
+	events: {
+		//
+	},
+};
+
+class ${sComponentName} extends UI5Element {
+	static get metadata() {
+		return metadata;
+	}
+
+	static get render() {
+		return litRender;
+	}
+
+	static get styles() {
+		return ${sComponentName}Css;
+	}
+
+	static get template() {
+		return ${sComponentName}Template;
+	}
+
+	static async define(...params) {
+		super.define(...params);
+	}
+}
+
+${sComponentName}.define();
+
+export default ${sComponentName};
+`;
+};
+
+const fs = require("fs");
+
+
+const aArgs = process.argv.slice(2);
+const sComponentName = aArgs[0];
+const oPaths = {
+	"js": `./src/${sComponentName}.js`,
+	"css": `./src/themes/${sComponentName}.css`,
+	"hbs": `./src/${sComponentName}.hbs`,
+};
+const sJsFileContentTemplate = jsFileContentTemplate(sComponentName);
+
+fs.writeFileSync(oPaths.js, sJsFileContentTemplate, { flag: "wx+" });
+fs.writeFileSync(oPaths.css, "", { flag: "wx+" });
+fs.writeFileSync(oPaths.hbs, "<div>Hello World</div>", { flag: "wx+" });

packages/main/package.json

@@ -66,6 +66,7 @@
     "copy:qunit": "cpx \"test/**/qunit/*.*\" dist/test-resources",
     "copy:webcomponents-polyfill": "cpx \"../../node_modules/@webcomponents/webcomponentsjs/**/*.*\" dist/webcomponentsjs/",
     "dev": "npm-run-all --sequential build:i18n watch:all",
+    "generate-new-component" : "node ./lib/create-new-component/create-new-component.js",
     "start": "npm-run-all --parallel serve:static dev",
     "lint": "eslint .",
     "test:wdio": "npm-run-all --parallel --race serve:static test:wdio-run",