Fixing notes from previous pull request (#753)

Author: tsanislavgatev

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

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

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

@@ -66,7 +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",
+    "generate-new-component" : "node ./lib/create-new-component/index.js",
     "start": "npm-run-all --parallel serve:static dev",
     "lint": "eslint .",
     "test:wdio": "npm-run-all --parallel --race serve:static test:wdio-run",
@@ -155,4 +155,4 @@
     "dir-glob": "2.0.0",
     "wdio-chromedriver-service/chromedriver": "^76.0.0"
   }
-}
+}