@ui5/create-webcomponents-package 0.0.0-9e104af01 → 0.0.0-9ed6f23c6

package/CHANGELOG.md

@@ -3,6 +3,268 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.15.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.15.0-rc.1...v1.15.0-rc.2) (2023-06-22)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.15.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.15.0-rc.0...v1.15.0-rc.1) (2023-06-15)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+
+
+
+
+# [1.15.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0...v1.15.0-rc.0) (2023-06-08)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.14.0](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0-rc.2...v1.14.0) (2023-06-01)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.14.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0-rc.1...v1.14.0-rc.2) (2023-06-01)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.14.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.14.0-rc.0...v1.14.0-rc.1) (2023-05-25)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.14.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.13.2...v1.14.0-rc.0) (2023-05-18)
+
+
+### Features
+
+* users can provide a JSDoc namespeace when creating a package ([#7034](https://github.com/SAP/ui5-webcomponents/issues/7034)) ([0af8d23](https://github.com/SAP/ui5-webcomponents/commit/0af8d2376e25e5abe6d940c72286ab7c682eea56))
+
+
+
+
+
+## [1.13.1](https://github.com/SAP/ui5-webcomponents/compare/v1.13.0-rc.5...v1.13.1) (2023-05-11)
+
+
+### Bug Fixes
+
+* **create-package:** revert  `moduleResolution` setting to `node` ([#7020](https://github.com/SAP/ui5-webcomponents/issues/7020)) ([9fc84e2](https://github.com/SAP/ui5-webcomponents/commit/9fc84e288452616ee72f3a2b6fc31d9752f05f6f))
+
+
+
+
+
+# [1.13.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v1.13.0-rc.4...v1.13.0-rc.5) (2023-05-11)
+
+
+### Bug Fixes
+
+* **create-webcomponents-package:** fix package creation issues with test and lint ([#6976](https://github.com/SAP/ui5-webcomponents/issues/6976)) ([dd70f3a](https://github.com/SAP/ui5-webcomponents/commit/dd70f3aa8ef70b592f1d4e0f3f9894c6280fb1bf))
+
+
+
+
+
+# [1.13.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.13.0-rc.3...v1.13.0-rc.4) (2023-05-04)
+
+
+### Features
+
+* generate TS from HBS templates ([#6558](https://github.com/SAP/ui5-webcomponents/issues/6558)) ([02611b2](https://github.com/SAP/ui5-webcomponents/commit/02611b2e24b2c2a06129b8e60a8bc680d9501e39))
+
+
+
+
+
+# [1.13.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.13.0-rc.2...v1.13.0-rc.3) (2023-04-27)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.13.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.13.0-rc.1...v1.13.0-rc.2) (2023-04-20)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.13.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.13.0-rc.0...v1.13.0-rc.1) (2023-04-13)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.13.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.12.0...v1.13.0-rc.0) (2023-04-06)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.12.0](https://github.com/SAP/ui5-webcomponents/compare/v1.12.0-rc.3...v1.12.0) (2023-04-04)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.12.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.12.0-rc.2...v1.12.0-rc.3) (2023-03-30)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.12.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.12.0-rc.1...v1.12.0-rc.2) (2023-03-23)
+
+
+### Bug Fixes
+
+* inline sources in the .map file so the src folder is not mandatory ([#6732](https://github.com/SAP/ui5-webcomponents/issues/6732)) ([16771a6](https://github.com/SAP/ui5-webcomponents/commit/16771a64d7b13f418af9afa1a03b224fe3762775))
+
+
+
+
+
+# [1.12.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.12.0-rc.0...v1.12.0-rc.1) (2023-03-16)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.12.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.11.0...v1.12.0-rc.0) (2023-03-09)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.11.0](https://github.com/SAP/ui5-webcomponents/compare/v1.11.0-rc.4...v1.11.0) (2023-03-06)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.11.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.11.0-rc.3...v1.11.0-rc.4) (2023-03-02)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.11.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.11.0-rc.2...v1.11.0-rc.3) (2023-02-23)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.11.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.11.0-rc.1...v1.11.0-rc.2) (2023-02-16)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.11.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.11.0-rc.0...v1.11.0-rc.1) (2023-02-09)
+
+
+### Features
+
+* **framework:** add option to define package name, tag and typescript support from CLI ([#6379](https://github.com/SAP/ui5-webcomponents/issues/6379)) ([687c0f7](https://github.com/SAP/ui5-webcomponents/commit/687c0f7a420a72f77f294ace2898223c48708ae2)), closes [#6382](https://github.com/SAP/ui5-webcomponents/issues/6382)
+
+
+
+
+
+# [1.11.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.10.4-rc.0...v1.11.0-rc.0) (2023-02-02)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+## [1.10.4-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.10.3...v1.10.4-rc.0) (2023-01-26)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+## [1.10.3](https://github.com/SAP/ui5-webcomponents/compare/v1.10.2...v1.10.3) (2023-01-25)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+## [1.10.1](https://github.com/SAP/ui5-webcomponents/compare/v0.0.0-7b49a7ff1...v1.10.1) (2023-01-24)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+# [1.10.0](https://github.com/SAP/ui5-webcomponents/compare/v1.9.3...v1.10.0) (2023-01-20)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
+## [1.9.3](https://github.com/SAP/ui5-webcomponents/compare/v1.9.2...v1.9.3) (2022-12-16)
+
+**Note:** Version bump only for package @ui5/create-webcomponents-package
+
+
+
+
+
 ## [1.9.1](https://github.com/SAP/ui5-webcomponents/compare/v1.9.0...v1.9.1) (2022-11-10)
 
 **Note:** Version bump only for package @ui5/create-webcomponents-package

package/README.md

@@ -6,17 +6,39 @@
 
 Provides an `npm init` script for creating new "UI5 Web Components" packages.
 
-## Usage
+## Usage with npm
 
-with `npm`
+```
+Usage:
 
-- `npm init @ui5/webcomponents-package` (the user will be asked for **name**, **port**, **tag**);
-- `npm init @ui5/webcomponents-package <NEW-PACKAGE-NAME>` (the user will be asked for **port** and **tag** only).
+# npm 6.x
+    npm init @ui5/webcomponents-package [OPTIONS]
+# npm 7+, an extra double-dash is needed:
+    npm init @ui5/webcomponents-package -- [OPTIONS]
 
-And with `yarn`
+Options:
+    --name <string>     - defines the package name
+    --component-name <string>      - defines the component class name that will be created in your new package
+    --tag <string>      - defines the tag name of the sample web component that will be created in your new package. The tag will be derived from the component name if not provided.
+    --enable-typescript - enables TypeScript support for the package
+    --skip              - skips configuration and generates package with a default value for each parameter that wasn't passed
+```
 
-- `yarn create @ui5/webcomponents-package`
-- `yarn create @ui5/webcomponents-package <NEW-PACKAGE-NAME>`.
+The script creates a new directory, and fills it with a `package.json` file and all necessary source files, and resources for a new
+components package.
+
+## Usage with yarn
+
+```
+Usage:
+    yarn create @ui5/webcomponents-package [OPTIONS]
+Options:
+    --name <string>     - defines the package name
+    --component-name <string>      - defines the component class name that will be created in your new package
+    --tag <string>      - defines the tag name of the sample web component that will be created in your new package
+    --enable-typescript - enables TypeScript support for the package
+    --skip              - skips configuration and generates package with a default value for each parameter that wasn't passed
+```
 
 The script creates a new directory, and fills it with a `package.json` file and all necessary source files, and resources for a new
 components package.

package/create-package.js

@@ -0,0 +1,271 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+const mkdirp = require("mkdirp");
+const prompts = require("prompts");
+const parser = require("npm-config-user-agent-parser");
+const yargs = require("yargs/yargs");
+const { hideBin } = require("yargs/helpers");
+
+const argv = yargs(hideBin(process.argv)).argv;
+
+const version = JSON.parse(fs.readFileSync(path.join(__dirname, "package.json"))).version;
+
+// from where all the files will be copied
+const TEMPLATE_DIR = path.join(`${__dirname}`, `template/`);
+
+// String utils
+const isTSRelatedFile = sourcePath => {
+	return ["Assets.ts", "MyFirstComponent.ts", "tsconfig.json", "global.d.ts"].some(fileName => sourcePath.includes(fileName));
+};
+const isJSRelatedFile = sourcePath => {
+	return ["Assets.js", "MyFirstComponent.js"].some(fileName => sourcePath.includes(fileName));
+};
+const isGitIgnore = sourcePath => {
+	return sourcePath.includes("gitignore");
+};
+const isLogo = sourcePath => {
+	return sourcePath.includes("logo");
+};
+const isNPMRC = sourcePath => {
+	return sourcePath.includes("npmrc");
+};
+
+// Validation of user input
+const ComponentNamePattern = /^[A-Z][A-Za-z0-9]+$/;
+const NamespacePattern = /^[a-z][a-z0-9\.\-]+$/;
+const isPackageNameValid = name => typeof name === "string" && name.match(/^(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/);
+const isComponentNameValid = name => typeof name === "string" && ComponentNamePattern.test(name);
+const isNamespaceValid = name => typeof name === "string" && NamespacePattern.test(name);
+const isTagValid = tag => typeof tag === "string" && tag.match(/^[a-z0-9]+?-[a-zA-Z0-9\-_]+?[a-z0-9]$/);
+
+/**
+ * Hyphanates the given PascalCase string, f.e.:
+ * Foo -> "my-foo" (adds preffix)
+ * FooBar -> "foo-bar"
+ */
+const hyphaneteComponentName = (componentName) => {
+	const result = componentName.replace(/([a-z])([A-Z])/g, '$1-$2' ).toLowerCase();
+
+	return result.includes("-") ? result : `my-${result}`;
+};
+
+// Utils for building the file structure
+const replaceVarsInFileContent = (vars, content) => {
+	for (let key in vars) {
+		const re = new RegExp(key, "g");
+		content = content.replace(re, vars[key]);
+	}
+	return content;
+};
+
+const replaceVarsInFileName = (vars, fileName) => {
+	return fileName.replace(/MyFirstComponent/, vars.INIT_PACKAGE_VAR_CLASS_NAME);
+};
+
+const copyFile = (vars, sourcePath, destPath) => {
+	const ignoreJsRelated = vars.INIT_PACKAGE_VAR_TYPESCRIPT && isJSRelatedFile(sourcePath);
+	const ignoreTsRelated = !vars.INIT_PACKAGE_VAR_TYPESCRIPT && isTSRelatedFile(sourcePath);
+
+	if (ignoreJsRelated || ignoreTsRelated) {
+		return;
+	}
+
+	if (isLogo(sourcePath)) {
+		fs.copyFileSync(sourcePath, destPath);
+		return;
+	}
+
+	let content = fs.readFileSync(sourcePath, { encoding: "UTF-8" });
+	content = replaceVarsInFileContent(vars, content);
+	destPath = replaceVarsInFileName(vars, destPath);
+
+	fs.writeFileSync(destPath, content);
+
+	// Rename "gitignore" to ".gitignore" (npm init won't include ".gitignore", so we add it as "gitignore" and rename it later)
+	if (isGitIgnore(sourcePath)) {
+		fs.renameSync(destPath, destPath.replace("gitignore", ".gitignore"))
+	}
+
+	// Rename "npmrc" to ".npmrc" (npm init won't include ".npmrc", so we add it as "npmrc" and rename it later)
+	if (isNPMRC(sourcePath)) {
+		fs.renameSync(destPath, destPath.replace("npmrc", ".npmrc"));
+	}
+};
+
+const copyFiles = (vars, sourcePath, destPath) => {
+	const isDir = fs.lstatSync(sourcePath).isDirectory();
+	if (isDir) {
+		if (destPath) {
+			mkdirp.sync(destPath);
+		}
+		fs.readdirSync(sourcePath).forEach(file => {
+			copyFiles(vars, path.join(sourcePath, file), path.join(destPath, file));
+		});
+	} else {
+		copyFile(vars, sourcePath, destPath);
+	}
+};
+
+const generateFilesContent = (packageName, componentName, namespace, typescript, skipSubfolder) => {
+	const tagName = argv.tag || hyphaneteComponentName(componentName);
+
+	// All variables that will be replaced in the content of the resources/
+	const vars = {
+		INIT_PACKAGE_VAR_NAMESPACE: namespace, // namespace must be replaced before name
+		INIT_PACKAGE_VAR_NAME: packageName,
+		INIT_PACKAGE_VAR_TAG: tagName,
+		INIT_PACKAGE_VAR_CLASS_NAME: componentName,
+		INIT_PACKAGE_VAR_TYPESCRIPT: typescript,
+	};
+
+	const packageContent = {
+		name: packageName,
+		version: "0.0.1",
+		ui5: {
+			webComponentsPackage: true,
+		},
+		scripts: {
+			"clean": "wc-dev clean",
+			"lint": "wc-dev lint",
+			"start": "wc-dev start",
+			"watch": "wc-dev watch",
+			"build": "wc-dev build",
+			"test": "wc-dev test",
+			"create-ui5-element": "wc-create-ui5-element",
+			"prepublishOnly": "npm run build",
+		},
+		exports: {
+			"./src/*": "./src/*",
+			"./dist/*": "./dist/*",
+			"./package.json": "./package.json",
+			"./bundle.js": "./bundle.js",
+			"./*": "./dist/*",
+		},
+		"dependencies": {
+			"@ui5/webcomponents-base": version,
+			"@ui5/webcomponents-theming": version,
+		},
+		"devDependencies": {
+			"@ui5/webcomponents-tools": version,
+			"chromedriver": "*",
+		},
+	};
+
+	if (typescript) {
+		packageContent.devDependencies.typescript = "^4.9.4";
+	}
+
+	// Update package.json
+	let destDir = packageName.includes("@") ? packageName.slice(packageName.lastIndexOf("/") + 1) : packageName;
+
+	destDir = skipSubfolder ? path.join("./") : path.join("./", destDir);
+	mkdirp.sync(destDir);
+	fs.writeFileSync(path.join(destDir, "package.json"), JSON.stringify(packageContent, null, 2));
+	// Copy files
+	copyFiles(vars, TEMPLATE_DIR, destDir);
+
+	console.log("\nPackage successfully created!\nNext steps:\n");
+	console.log(`$ cd ${destDir}`);
+
+	let userAgentInfo;
+	try {
+		userAgentInfo = parser(process.env.npm_config_user_agent);
+	} catch (e) {}
+
+	if (userAgentInfo && userAgentInfo.yarn) {
+		console.log(`$ yarn`);
+		console.log(`$ yarn start`);
+	} else {
+		console.log(`$ npm i`);
+		console.log(`$ npm start`);
+	}
+
+	console.log("\n");
+};
+
+// Main function
+const createWebcomponentsPackage = async () => {
+	let response;
+	if (argv.name && !isPackageNameValid(argv.name)) {
+		throw new Error("The package name should be a string, starting with letter and containing the following symbols [a-z, A-Z, 0-9].");
+	}
+
+	if (argv.componentName && !isComponentNameValid(argv.componentName)) {
+		throw new Error("The component name should be a string, starting with a capital letter [A-Z][a-z], for example: Button, MyButton, etc.");
+	}
+
+	if (argv.namespace && !isNamespaceValid(argv.namespace)) {
+		throw new Error("The JSDoc namespace must start with a letter and can only contain small-case letters, numbers, dots and dashes.");
+	}
+
+	if (argv.tag && !isTagValid(argv.tag) ) {
+		throw new Error("The tag should be in kebab-case (f.e my-component) and it can't be a single word.");
+	}
+
+	let packageName = argv.name || "my-package";
+	let componentName = argv.componentName || "MyComponent";
+	let namespace = argv.namespace || "demo.components";
+	let typescriptSupport = !!argv.enableTypescript;
+	const skipSubfolder = !!argv.skipSubfolder;
+
+	if (argv.skip) {
+		return generateFilesContent(packageName, componentName, namespace, typescriptSupport, skipSubfolder);
+	}
+
+	if (!argv.name) {
+		response = await prompts({
+			type: "text",
+			name: "name",
+			message: "Package name:",
+			validate: (value) => isPackageNameValid(value) ? true : "Package name should be a string, starting with a letter and containing the following symbols [a-z, A-Z ,0-9, _, -].",
+		});
+		packageName = response.name;
+	}
+
+	if (!typescriptSupport) {
+		response = await prompts({
+			type: "select",
+			name: "language",
+			message: "Project type:",
+			choices: [
+				{
+					title: "JavaScript",
+					value: false,
+				},
+				{
+					title: "TypeScript",
+					value: true,
+				},
+			],
+		});
+		typescriptSupport = response.language;
+	}
+
+	if (!argv.componentName) {
+		response = await prompts({
+			type: "text",
+			name: "componentName",
+			message: "Component name:",
+			initial: "MyComponent",
+			validate: (value) => isComponentNameValid(value) ? true : "Component name should follow PascalCase naming convention (f.e. Button, MyButton, etc.).",
+		});
+		componentName = response.componentName;
+	}
+
+	if (!argv.namespace) {
+		response = await prompts({
+			type: "text",
+			name: "namespace",
+			message: "JSDoc namespace:",
+			initial: "demo.components",
+			validate: (value) => isNamespaceValid(value) ? true : "The JSDoc namespace must start with a letter and can only contain small-case letters, numbers, dots and dashes.",
+		});
+		namespace = response.namespace;
+	}
+
+	return generateFilesContent(packageName, componentName, namespace, typescriptSupport, skipSubfolder);
+};
+
+createWebcomponentsPackage();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/create-webcomponents-package",
-  "version": "0.0.0-9e104af01",
+  "version": "0.0.0-9ed6f23c6",
   "description": "UI5 Web Components: create package",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -11,7 +11,7 @@
     "ui5"
   ],
   "bin": {
-    "create-webcomponents-package": "index.js"
+    "create-webcomponents-package": "create-package.js"
   },
   "repository": {
     "type": "git",
@@ -21,6 +21,7 @@
   "dependencies": {
     "mkdirp": "^1.0.4",
     "npm-config-user-agent-parser": "^1.0.0",
-    "prompts": "^2.4.1"
+    "prompts": "^2.4.1",
+    "yargs": "^17.5.1"
   }
 }

package/template/.eslintignore

@@ -1,3 +1,6 @@
 # Note: Changes to this file also must be applied to the top level .eslintignore file.
 dist
 test
+src/generated
+jsdoc-dist
+.eslintrc.js

package/template/.eslintrc.js

@@ -0,0 +1,5 @@
+const config = require("@ui5/webcomponents-tools/components-package/eslint.js");
+
+// This eslint config is defined @ui5/webcomponents-tools,
+// Feel free to override part of the configuration or provide entirely new config to fit your dev requirements.
+module.exports = config;

package/template/gitignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+jsdoc-dist
+src/generated

package/template/npmrc

@@ -0,0 +1,2 @@
+# Auto detect the chromedriver version
+detect_chromedriver_version=true

package/template/package-scripts.js

@@ -1,7 +1,8 @@
 const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js"); //eslint-disable-line
 
 const options = {
-	port: INIT_PACKAGE_VAR_PORT,
+	port: 8080,
+	typescript: INIT_PACKAGE_VAR_TYPESCRIPT,
 };
 
 const scripts = getScripts(options);

package/template/src/Assets.ts

@@ -0,0 +1,5 @@
+import "@ui5/webcomponents-theming/dist/Assets.js"; // Theming
+
+// own INIT_PACKAGE_VAR_NAME package assets
+import "./generated/json-imports/Themes.js";
+import "./generated/json-imports/i18n.js";

package/template/src/MyFirstComponent.hbs

@@ -1 +1 @@
-<div>This is: INIT_PACKAGE_VAR_TAG. {{pleaseWaitText}}</div>
+<div @click="{{onClick}}">{{counterText}} :: {{count}}</div>

package/template/src/MyFirstComponent.js

@@ -1,6 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 
 // Template
 import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
@@ -8,14 +9,24 @@ import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACK
 // Styles
 import INIT_PACKAGE_VAR_CLASS_NAMECss from "./generated/themes/INIT_PACKAGE_VAR_CLASS_NAME.css.js";
 
-import { PLEASE_WAIT } from "./generated/i18n/i18n-defaults.js";
+import { COUNT } from "./generated/i18n/i18n-defaults.js";
 
 /**
  * @public
  */
 const metadata = {
 	tag: "INIT_PACKAGE_VAR_TAG",
-	properties: {
+	properties: /** @lends INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME.prototype */ {
+		/**
+		 * Defines the count of the component.
+		 * @type { sap.ui.webc.base.types.Integer }
+		 * @defaultvalue 0
+		 * @public
+		 */
+		count: {
+			type: Integer,
+			defaultValue: 0,
+		},
 	},
 	slots: {
 	},
@@ -31,7 +42,7 @@ const metadata = {
  * The <code>INIT_PACKAGE_VAR_TAG</code> component is a demo component that displays some text.
  *
  * @constructor
- * @alias demo.components.INIT_PACKAGE_VAR_CLASS_NAME
+ * @alias INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME
  * @extends sap.ui.webc.base.UI5Element
  * @tagname INIT_PACKAGE_VAR_TAG
  * @public
@@ -57,8 +68,12 @@ class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
 		INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle = await getI18nBundle("INIT_PACKAGE_VAR_NAME");
 	}
 
-	get pleaseWaitText() {
-		return INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle.getText(PLEASE_WAIT);
+	onClick() {
+		this.count++;
+	}
+
+	get counterText() {
+		return INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle.getText(COUNT);
 	}
 }
 

package/template/src/MyFirstComponent.ts

@@ -0,0 +1,63 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+
+// Template
+import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
+
+// Styles
+import INIT_PACKAGE_VAR_CLASS_NAMECss from "./generated/themes/INIT_PACKAGE_VAR_CLASS_NAME.css.js";
+
+import { COUNT } from "./generated/i18n/i18n-defaults.js";
+
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>INIT_PACKAGE_VAR_TAG</code> component is a demo component that displays some text.
+ *
+ * @constructor
+ * @alias INIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname INIT_PACKAGE_VAR_TAG
+ * @public
+ */
+@customElement({
+	tag: "INIT_PACKAGE_VAR_TAG",
+	renderer: litRender,
+	styles: INIT_PACKAGE_VAR_CLASS_NAMECss,
+	template: INIT_PACKAGE_VAR_CLASS_NAMETemplate,
+})
+class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
+	static i18nBundle: I18nBundle;
+
+	static async onDefine() {
+		INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle = await getI18nBundle("INIT_PACKAGE_VAR_NAME");
+	}
+
+	/**
+	 * Defines the component count.
+	 * @name NIT_PACKAGE_VAR_NAMESPACE.INIT_PACKAGE_VAR_CLASS_NAME.prototype.count
+	 * @public
+	 * @type { sap.ui.webc.base.types.Integer }
+	 */
+	@property({ validator: Integer, defaultValue: 0 })
+	count!: number;
+
+	onClick() {
+		this.count++;
+	}
+
+	get counterText() {
+		return INIT_PACKAGE_VAR_CLASS_NAME.i18nBundle.getText(COUNT);
+	}
+}
+
+INIT_PACKAGE_VAR_CLASS_NAME.define();
+
+export default INIT_PACKAGE_VAR_CLASS_NAME;

package/template/src/i18n/messagebundle.properties

@@ -1,2 +1,3 @@
-#please wait text for the sample component
-PLEASE_WAIT=wait
+# the "counter" text for the sample component
+COUNT=Count
+

package/template/src/i18n/messagebundle_de.properties

@@ -1 +1 @@
-PLEASE_WAIT=Bitte warten
+COUNT=Zählung

package/template/src/i18n/messagebundle_en.properties

@@ -1 +1 @@
-PLEASE_WAIT=Please wait
+COUNT=Count

package/template/src/i18n/messagebundle_es.properties

@@ -1 +1 @@
-PLEASE_WAIT=Espere
+COUNT=Cuenta

package/template/src/i18n/messagebundle_fr.properties

@@ -1 +1 @@
-PLEASE_WAIT=Patientez.
+COUNT=Comte

package/template/src/themes/MyFirstComponent.css

@@ -1,11 +1,16 @@
 :host {
-    border: 2px solid var(--my-component-border-color);
-    background-color: var(--sapBackgroundColor);
-    color: var(--sapTextColor);
-    display: block;
-    width: 24rem;
-    height: 3rem;
-    text-align: center;
-    vertical-align: middle;
-    line-height: 3rem;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	padding: 0 2rem;
+	color: var(--sapAvatar_6_TextColor);
+	background-color: var(--sapAvatar_6_Background);
+	border: 2px solid var(--my-component-border-color);
+	border-radius: 0.5rem;
+	box-shadow: var(--sapContent_Shadow0);
+	text-align: center;
+	line-height: 3rem;
+	font-size: 1.25rem;
+	user-select: none;
 }

package/template/src/themes/sap_fiori_3/parameters-bundle.css

@@ -1,3 +1,3 @@
 :root {
-    --my-component-border-color: green;
+    --my-component-border-color: blue;
 }

package/template/src/themes/sap_horizon_dark/parameters-bundle.css

@@ -0,0 +1,3 @@
+:root {
+    --my-component-border-color: darkblue;
+}

package/template/src/themes/sap_horizon_hcb/parameters-bundle.css

@@ -0,0 +1,3 @@
+:root {
+    --my-component-border-color: white;
+}

package/template/test/pages/css/index.css

@@ -0,0 +1,45 @@
+body {
+	color: var(--sapTextColor);
+	background-color: var(--sapBackgroundColor);
+	font-size: var(--sapFontSize);
+	font-family: var(--sapFontFamily);
+}
+
+h1 {
+	font-size: var(--sapFontHeader2Size);
+	margin-bottom: 0.5rem;
+}
+
+h2 {
+	font-size: var(--sapFontHeader3Size);
+	margin-bottom: 0.5rem;
+}
+
+.app, .app-settings, .app-docs, .app-first-component  {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+}
+
+.app-first-component {
+	margin-bottom: 3rem;
+}
+
+.app-docs {
+	margin-top: 3rem;
+}
+
+a {
+	margin: 0.25rem;
+	color: var(--sapLinkColor);
+}
+
+.logo-link {
+	display: block;
+	width: 250px;
+	height: 250px;
+	background-size: 250px 250px;
+	background-repeat: no-repeat;
+	background-image: url("data:image/jpeg;base64,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");
+}

package/template/test/pages/index.html

@@ -10,43 +10,48 @@
 
 	<script data-ui5-config type="application/json">
 		{
+			"theme": "sap_horizon_dark",
 			"language": "EN"
 		}
 	</script>
 
+	<link rel="stylesheet" type="text/css" href="./css/index.css">
 	<script src="../../bundle.esm.js" type="module"></script>
-
-    <style>
-        code { color: blue; font-size: small; }
-    </style>
-
 </head>
 
 <body>
-	<ul>
-	    <li><a href="?sap-ui-theme=sap_fiori_3">Fiori 3</a></li>
-		<li><a href="?sap-ui-theme=sap_fiori_3_dark">Fiori 3 Dark</a></li>
-		<li><a href="?sap-ui-theme=sap_fiori_3_hcb">Fiori 3 High Contrast Black</a></li>
-		<li><a href="?sap-ui-theme=sap_fiori_3_hcw">Fiori 3 High Contrast White</a></li>
-		<li><a href="?sap-ui-theme=sap_belize">Belize</a></li>
-		<li><a href="?sap-ui-theme=sap_belize_hcb">Belize High Contrast Black</a></li>
-		<li><a href="?sap-ui-theme=sap_belize_hcw">Belize High Contrast White</a></li>
-	</ul>
-    <br>
-    <span>or in the browser console, for example:</span>
-    <code>window['sap-ui-webcomponents-bundle'].configuration.setTheme("sap_belize_hcb")</code>
-
-    <br><br>
-
-    <a href="?sap-ui-language=en">English</a> |
-    <a href="?sap-ui-language=de">German</a> |
-    <a href="?sap-ui-language=es">Spanish</a> |
-    <a href="?sap-ui-language=fr">French</a>
-
-    <br><br>
-
-    <h1>Test your web components here</h1>
-    <INIT_PACKAGE_VAR_TAG id="myFirstComponent"></INIT_PACKAGE_VAR_TAG>
+	<div class="app">
+		<a href="https://sap.github.io/ui5-webcomponents/playground/getting-started" target="_blank" class="logo-link"></a>
+
+		<div class="app-first-component">
+			<h1>Hooray! It's Your First Web Component!</h1>
+			<div> <pre>&lt;INIT_PACKAGE_VAR_TAG>&lt;/INIT_PACKAGE_VAR_TAG> </pre></div>
+			<INIT_PACKAGE_VAR_TAG id="myFirstComponent"></INIT_PACKAGE_VAR_TAG>
+		</div>
+
+		<div class="app-settings">
+
+			<h2>Switch themes</h2>
+			<div style="display: flex; flex-direction: row;">
+				<a class="link" href="?sap-ui-theme=sap_horizon">Horizon</a>
+				<a class="link" href="?sap-ui-theme=sap_horizon_dark">Horizon Dark</a>
+				<a class="link" href="?sap-ui-theme=sap_horizon_hcb">Horizon High Contrast Black</a>
+				<a class="link" href="?sap-ui-theme=sap_horizon_hcw">Horizon High Contrast White</a>
+			</div>
+
+			<h2>Switch language</h2>
+			<div>
+				<a class="link" href="?sap-ui-language=en">English</a>
+				<a class="link" href="?sap-ui-language=de">German</a>
+				<a class="link" href="?sap-ui-language=es">Spanish</a>
+				<a class="link" href="?sap-ui-language=fr">French</a>
+			</div>
+		</div>
+
+		<div class="app-docs">
+			<h2>Documentation</h2>
+			<a class="link" href="https://sap.github.io/ui5-webcomponents/playground/development">Custom Component Development</a>
+		</div>
+	</div>
 </body>
-
 </html>

package/template/test/specs/Demo.spec.js

@@ -1,10 +1,11 @@
 const assert = require("assert");
 
 describe("INIT_PACKAGE_VAR_TAG rendering", async () => {
-	await browser.url("test/pages/index.html");
+	before(async () => {
+		await browser.url("test/pages/index.html");
+	});
 
 	it("tests if web component is correctly rendered", async () => {
-
 		const innerContent = await browser.$("#myFirstComponent").shadow$("div");
 
 		assert.ok(innerContent, "content rendered");

package/template/tsconfig.json

@@ -0,0 +1,15 @@
+{
+    "include": ["src/**/*", "global.d.ts"],
+    "compilerOptions": {
+      "target": "ES2021",
+      // Generate d.ts files
+      "declaration": true,
+      "outDir": "dist",
+      "skipLibCheck": true,
+      "sourceMap": true,
+      "inlineSources": true,
+      "strict": true,
+      "moduleResolution": "node",
+      "experimentalDecorators": true,
+    },
+}

package/index.js

@@ -1,169 +0,0 @@
-#!/usr/bin/env node
-
-const fs = require("fs");
-const path = require("path");
-const mkdirp = require("mkdirp");
-const prompts = require("prompts");
-const parser = require("npm-config-user-agent-parser");
-
-const version = JSON.parse(fs.readFileSync(path.join(__dirname, "package.json"))).version;
-
-// from where all the files will be copied
-const TEMPLATE_DIR = path.join(`${__dirname}`, `template/`);
-
-// String utils
-const capitalizeFirst = str => str.substr(0,1).toUpperCase() + str.substr(1);
-const kebabToCamelCase = string => toCamelCase(string.split("-"));
-const toCamelCase = parts => {
-	return parts.map((string, index) => {
-		return index === 0 ? string.toLowerCase() : string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
-	}).join("");
-};
-
-// Validation of user input
-const isNameValid = name => typeof name === "string" && name.match(/^[a-zA-Z0-9\-_]+$/);
-const isPortValid = port => typeof port === "string" && port.match(/^[0-9]+$/);
-const isTagValid = tag => typeof tag === "string" && tag.match(/^[a-z0-9]+?-[a-zA-Z0-9\-_]+?[a-z0-9]$/);
-
-// Utils for building the file structure
-const replaceVarsInFileContent = (vars, content) => {
-	for (let key in vars) {
-		const re = new RegExp(key, "g");
-		content = content.replace(re, vars[key]);
-	}
-	return content;
-};
-
-const replaceVarsInFileName = (vars, fileName) => {
-	return fileName.replace(/MyFirstComponent/, vars.INIT_PACKAGE_VAR_CLASS_NAME);
-};
-
-const copyFile = (vars, sourcePath, destPath) => {
-	let content = fs.readFileSync(sourcePath, {encoding: "UTF-8"});
-	content = replaceVarsInFileContent(vars, content);
-	destPath = replaceVarsInFileName(vars, destPath);
-	fs.writeFileSync(destPath, content);
-};
-
-const copyFiles = (vars, sourcePath, destPath) => {
-	const isDir = fs.lstatSync(sourcePath).isDirectory();
-	if (isDir) {
-		if (destPath) {
-			mkdirp.sync(destPath);
-		}
-		fs.readdirSync(sourcePath).forEach(file => {
-			copyFiles(vars, path.join(sourcePath, file), path.join(destPath, file));
-		});
-	} else {
-		copyFile(vars, sourcePath, destPath);
-	}
-};
-
-// Main function
-const createWebcomponentsPackage = async () => {
-	let response;
-
-	// Get the name
-	let name = process.argv[2];
-
-	if (!isNameValid(name)) {
-		response = await prompts({
-			type: "text",
-			name: "name",
-			message: "Package name:",
-			validate: isNameValid,
-		});
-		name = response.name;
-	}
-
-	// Get the port
-	response = await prompts({
-		type: "text",
-		name: "port",
-		message: "Dev server port:",
-		validate: isPortValid,
-		initial: "8080",
-	});
-	const port = response.port;
-
-	// Get the tag
-	response = await prompts({
-		type: "text",
-		name: "tag",
-		message: "Demo component name:",
-		initial: "my-first-component",
-		validate: isTagValid,
-	});
-	const tag = response.tag;
-
-	const className = capitalizeFirst(kebabToCamelCase(tag));
-
-	// All variables that will be replaced in the content of the resources/
-	const vars = {
-		INIT_PACKAGE_VAR_NAME: name,
-		INIT_PACKAGE_VAR_PORT: port,
-		INIT_PACKAGE_VAR_TAG: tag,
-		INIT_PACKAGE_VAR_CLASS_NAME: className,
-	};
-
-	const packageContent = {
-		name,
-		version: "0.0.1",
-		ui5: {
-			webComponentsPackage: true,
-		},
-		scripts: {
-			"clean": "wc-dev clean",
-			"lint": "wc-dev lint",
-			"start": "wc-dev start",
-			"watch": "wc-dev watch",
-			"build": "wc-dev build",
-			"test": "wc-dev test",
-			"create-ui5-element": "wc-create-ui5-element",
-			"prepublishOnly": "npm run build",
-		},
-		exports: {
-			"./.port": "./.port",
-			"./src/*": "./src/*",
-			"./dist/*": "./dist/*",
-			"./package.json": "./package.json",
-			"./bundle.js": "./bundle.js",
-			"./*": "./dist/*",
-		},
-		"dependencies": {
-			"@ui5/webcomponents-base": version,
-			"@ui5/webcomponents-theming": version,
-		},
-		"devDependencies": {
-			"@ui5/webcomponents-tools": version,
-			"chromedriver": "*",
-		},
-	};
-
-	// Update package.json
-	const destDir = path.join(`./`, name);
-	mkdirp.sync(destDir);
-	fs.writeFileSync(path.join(destDir, "package.json"), JSON.stringify(packageContent, null, 2));
-	// Copy files
-	copyFiles(vars, TEMPLATE_DIR, destDir);
-
-	console.log("\nPackage successfully created!\nNext steps:\n");
-	console.log(`$ cd ${name}`);
-
-	let userAgentInfo;
-	try {
-		userAgentInfo = parser(process.env.npm_config_user_agent);
-	} catch (e) {}
-
-	if (userAgentInfo && userAgentInfo.yarn) {
-		console.log(`$ yarn`);
-		console.log(`$ yarn start`);
-	} else {
-		console.log(`$ npm i`);
-		console.log(`$ npm start`);
-	}
-
-	console.log("\n");
-};
-
-createWebcomponentsPackage();

package/template/src/themes/sap_belize_hcw/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --my-component-border-color: black;
-}

package/template/src/themes/sap_fiori_3_dark/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --my-component-border-color: blue;
-}

package/template/src/themes/sap_fiori_3_hcb/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --my-component-border-color: lightblue;
-}

package/template/src/themes/sap_fiori_3_hcw/parameters-bundle.css

@@ -1,3 +0,0 @@
-:root {
-    --my-component-border-color: gray;
-}