@ui5/webcomponents-tools 0.0.0-11d529e8a → 0.0.0-1e08ebdef

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.1](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0...v1.0.1) (2021-11-10)
+
+**Note:** Version bump only for package @ui5/webcomponents-tools
+
+
+
+
+
+# [1.0.0](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.16...v1.0.0) (2021-11-10)
+
+
+**Note:** Version bump only for package @ui5/webcomponents-tools
+
+
+# [1.0.0-rc.16](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.15...v1.0.0-rc.16) (2021-11-09)
+
+
+
+### Features
+
+* **tools:** create an npm init script ([#4090](https://github.com/SAP/ui5-webcomponents/issues/4090)) ([5608e04](https://github.com/SAP/ui5-webcomponents/commit/5608e04))
+
+
+
 # [1.0.0-rc.15](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.14...v1.0.0-rc.15) (2021-07-23)
 
 

package/README.md

@@ -17,7 +17,7 @@ used by other UI5 Web Components packages, such as `main` and `fiori`.
 We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://join-ui5-slack.herokuapp.com/).
 
 ## Contribute
-Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/CONTRIBUTING.md).
+Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/docs/6-contributing/02-conventions-and-guidelines.md).
 
 ## License
 Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved.

package/assets-meta.js

@@ -9,7 +9,8 @@ const assetsMeta = {
       "sap_belize_hcw",
       "sap_fiori_3_hcb",
       "sap_fiori_3_hcw",
-	  "sap_horizon"
+	  "sap_horizon",
+	  "sap_horizon_exp"
     ]
   },
   "languages": {

package/components-package/nps.js

@@ -10,7 +10,7 @@ const getScripts = (options) => {
 
 	const port = options.port || 8080; // preferred port
 	const portStep = options.portStep || 1; // step to check for available ports, if preferred port is already used
-	let illustrations = options.illustrationsPath || [];
+	let illustrations = options.illustrationsData || [];
 
 	illustrations = illustrations.map(illustration => `node "${LIB}/create-illustrations/index.js" ${illustration.path} ${illustration.defaultText} ${illustration.illustrationsPrefix} ${illustration.set} ${illustration.destinationPath}`);
 
@@ -48,9 +48,7 @@ const getScripts = (options) => {
 				api: `jsdoc -c "${LIB}/jsdoc/config.json"`,
 				docs: `node "${LIB}/documentation/index.js" dist/api.json`,
 			},
-			illustrations: {
-				default: illustrationsScript
-			}
+			illustrations: illustrationsScript
 		},
 		copy: {
 			default: "nps copy.src copy.props copy.test copy.webcomponents-polyfill-placeholder",

package/components-package/postcss.themes.js

@@ -3,6 +3,9 @@ const combineSelectors = require('postcss-combine-duplicated-selectors');
 const postcssCSStoJSON = require('../lib/postcss-css-to-json/index.js');
 const postcssCSStoESM = require('../lib/postcss-css-to-esm/index.js');
 const cssnano = require('cssnano');
+const fs = require("fs");
+
+const packageName = JSON.parse(fs.readFileSync("./package.json")).name;
 
 module.exports = {
 	plugins: [
@@ -17,7 +20,7 @@ module.exports = {
 				},
 			]
 		},),
-		postcssCSStoJSON({toReplace: 'src'}),
-		postcssCSStoESM({toReplace: 'src'}),
+		postcssCSStoJSON({toReplace: 'src', packageName}),
+		postcssCSStoESM({toReplace: 'src', packageName}),
 	]
 };

package/components-package/rollup-plugins/empty-module.js

@@ -0,0 +1,15 @@
+const slash = require("slash");
+
+function emptyModulePlugin({ emptyModules }) {
+	return {
+		name: "ui5-dev-empty-module-plugin",
+		load(id) {
+			if (emptyModules.some(mod => slash(id).includes(mod))) {
+				return `export default ""`;
+			}
+			return null;
+		},
+	};
+}
+
+module.exports = emptyModulePlugin;

package/components-package/rollup.js

@@ -6,18 +6,27 @@ const { nodeResolve } = require("@rollup/plugin-node-resolve");
 const url = require("@rollup/plugin-url");
 const { terser } = require("rollup-plugin-terser");
 const json = require("@rollup/plugin-json");
+const replace = require("@rollup/plugin-replace");
+const commonjs = require("@rollup/plugin-commonjs");
 const colors = require("colors/safe");
 const filesize = require("rollup-plugin-filesize");
 const livereload = require("rollup-plugin-livereload");
+const emptyModulePlugin = require("./rollup-plugins/empty-module.js");
 
 const packageFile = JSON.parse(fs.readFileSync("./package.json"));
 const packageName = packageFile.name;
 const DEPLOY_PUBLIC_PATH = process.env.DEPLOY_PUBLIC_PATH || "";
 
-const warningsToSkip = [{
-	warningCode: "THIS_IS_UNDEFINED",
-	filePath: /.+zxing.+/,
-}];
+const warningsToSkip = [
+	{
+		warningCode: "THIS_IS_UNDEFINED",
+		filePath: /.+zxing.+/,
+	},
+	{
+		warningCode: "THIS_IS_UNDEFINED",
+		filePath: /focus-visible.js/,
+	},
+];
 
 function ui5DevImportCheckerPlugin() {
 	return {
@@ -71,6 +80,25 @@ function ui5DevReadyMessagePlugin() {
 
 const getPlugins = ({ transpile }) => {
 	const plugins = [];
+
+	if (process.env.DEV) {
+		plugins.push(replace({
+			values: {
+				'const DEV_MODE = false': 'const DEV_MODE = true',
+			},
+			preventAssignment: false,
+		}));
+	}
+
+	if (process.env.DEV && !process.env.ENABLE_CLDR) {
+		// Empty the CLDR assets file for better performance during development
+		plugins.push(emptyModulePlugin({
+			emptyModules: [
+				"localization/dist/Assets.js",
+			],
+		}));
+	}
+
 	if (!process.env.DEV) {
 		plugins.push(filesize(
 			{
@@ -116,10 +144,11 @@ const getPlugins = ({ transpile }) => {
 	}
 
 	if (transpile) {
+		plugins.push(commonjs());
 		plugins.push(babel({
 			presets: ["@babel/preset-env"],
 			exclude: /node_modules\/(?!(lit-html|@ui5\/webcomponents))/, // exclude all node_modules/ except lit-html and all starting with @ui5/webcomponents
-			sourcemap: true,
+			sourcemap: false,
 			babelHelpers: "bundled",
 		}));
 	}

package/icons-collection/nps.js

@@ -7,15 +7,49 @@ const UP_TO_DATE = `node "${hashIsUpToDate}" dist/ hash.txt && echo "Up to date.
 
 const LIB = path.join(__dirname, `../lib/`);
 
+const createIconImportsCommand = (options) => {
+	if (!options.versions) {
+		return `node "${LIB}/create-icons/index.js" "${options.collectionName}"`;
+	}
+
+	const command  = { default: "nps" };
+	options.versions.forEach((v) => {
+		command.default += ` build.icons.create${v}`;
+		command[`create${v}`] = `node "${LIB}/create-icons/index.js" "${options.collectionName}" "${v}"`;
+	});
+
+	return command;
+}
+
+const copyIconAssetsCommand = (options) => {
+	if (!options.versions) {
+		return 	{
+			default: "nps copy.json-imports copy.icon-collection",
+			"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
+			"icon-collection": `node "${LIB}/copy-and-watch/index.js" --silent "src/*.json" dist/generated/assets/`,
+		}
+	}
+
+	const command  = {
+		default: "nps copy.json-imports ",
+		"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
+	};
+
+	options.versions.forEach((v) => {
+		command.default += ` copy.icon-collection${v}`;
+		command[`icon-collection${v}`] = `node "${LIB}/copy-and-watch/index.js" --silent "src/${v}/*.json" dist/generated/assets/${v}/`;
+	});
+
+	return command;
+}
+
 const getScripts = (options) => {
+	const createJSImportsCmd = createIconImportsCommand(options);
+	const copyAssetsCmd = copyIconAssetsCommand(options);
 
 	const scripts = {
 		clean: "rimraf dist",
-		copy: {
-			default: "nps copy.json-imports copy.icon-collection",
-			"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
-			"icon-collection": `node "${LIB}/copy-and-watch/index.js" --silent "src/*.json" dist/generated/assets/`
-		},
+		copy: copyAssetsCmd,
 		build: {
 			default: `${UP_TO_DATE} || nps clean copy build.i18n build.icons build.jsonImports hash`,
 			i18n: {
@@ -27,7 +61,7 @@ const getScripts = (options) => {
 				default: "mkdirp dist/generated/json-imports && nps build.jsonImports.i18n",
 				i18n: `node "${LIB}/generate-json-imports/i18n.js" dist/generated/assets/i18n dist/generated/json-imports`,
 			},
-			icons: `node "${LIB}/create-icons/index.js" "${options.collectionName}"`,
+			icons: createJSImportsCmd,
 		},
 		hash: `node "${generateHash}" dist/ hash.txt`,
 	};

package/lib/create-icons/index.js

@@ -3,12 +3,13 @@ const path = require("path");
 const mkdirp = require("mkdirp");
 
 const collectionName = process.argv[2] || "SAP-icons";
-const srcFile = path.normalize(`src/${collectionName}.json`);
-const destDir = path.normalize("dist/");
+const collectionVersion = process.argv[3];
+const srcFile = collectionVersion ? path.normalize(`src/${collectionVersion}/${collectionName}.json`) : path.normalize(`src/${collectionName}.json`);
+const destDir = collectionVersion ? path.normalize(`dist/${collectionVersion}/`) : path.normalize("dist/");
 
 mkdirp.sync(destDir);
 
-const template = (name, pathData, ltr, collection, packageName) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
+const iconTemplate = (name, pathData, ltr, collection, packageName) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
 
 const name = "${name}";
 const pathData = "${pathData}";
@@ -21,8 +22,8 @@ registerIcon(name, { pathData, ltr, collection, packageName });
 export default { pathData };`;
 
 
-const accTemplate = (name, pathData, ltr, accData, collection, packageName) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
-import { ${accData.key} } from "./generated/i18n/i18n-defaults.js";
+const iconAccTemplate = (name, pathData, ltr, accData, collection, packageName) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
+import { ${accData.key} } from "../generated/i18n/i18n-defaults.js";
 
 const name = "${name}";
 const pathData = "${pathData}";
@@ -35,6 +36,15 @@ registerIcon(name, { pathData, ltr, accData, collection, packageName });
 
 export default { pathData, accData };`;
 
+
+
+const collectionTemplate = (name) => `import { isTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
+import pathDataV4 from "./v5/${name}.js";
+import pathDataV5 from "./v4/${name}.js";
+const pathData = isTheme("sap_horizon") ? pathDataV5 : pathDataV4;
+export default { pathData };`;
+
+
 const svgTemplate = (pathData) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 	<path d="${pathData}"/>
 </svg>`;
@@ -48,10 +58,14 @@ const createIcons = (file) => {
 		const ltr = !!iconData.ltr;
 		const acc = iconData.acc;
 
-		const content = acc ? accTemplate(name, pathData, ltr, acc, json.collection, json.packageName) : template(name, pathData, ltr, json.collection, json.packageName);
+		const content = acc ? iconAccTemplate(name, pathData, ltr, acc, json.collection, json.packageName) : iconTemplate(name, pathData, ltr, json.collection, json.packageName);
 
 		fs.writeFileSync(path.join(destDir, `${name}.js`), content);
 		fs.writeFileSync(path.join(destDir, `${name}.svg`), svgTemplate(pathData));
+
+		if (json.version) {
+			fs.writeFileSync(path.join(path.normalize("dist/"), `${name}.js`), collectionTemplate(name));
+		}
 	}
 };
 

package/lib/documentation/templates/template.js

@@ -33,6 +33,6 @@ module.exports = {
         <a class="separator" href="https://www.sap.com/about/legal/privacy.html" target="_blank">Privacy Policy</a>
         <a href="https://www.sap.com/about/legal/impressum.html" target="_blank">Legal</a>
       </div>
-      <img src="../../../../../../assets/images/sap-logo-svg.svg" alt="Sap Logo" />
+      <img src="../../../assets/images/sap-logo-svg.svg" alt="Sap Logo" />
     </footer>`
 };

package/lib/hbs2lit/src/litVisitor2.js

@@ -8,6 +8,9 @@ let skipIfDefined = false;
 // when true => an HTML node value, when false => an attribute value
 let isNodeValue = false;
 
+// when true => the current attribute is "style"
+let isStyleAttribute = false;
+
 // matches event handlers @click= and boolean attrs ?disabled=
 const dynamicAttributeRgx = /\s(\?|@)([a-zA-Z|-]+)="?\s*$/;
 
@@ -77,6 +80,12 @@ HTMLLitVisitor.prototype.ContentStatement = function(content) {
 		isNodeValue = closingIndex > openingIndex;
 	}
 
+	isStyleAttribute = !isNodeValue && contentStatement.match(/style *= *["']? *$/);
+
+	if (!isStyleAttribute && contentStatement.match(/style=/)) {
+		console.log("WARNING: style hard-coded", contentStatement);
+	}
+
 	// Scope custom element tags
 	contentStatement = contentStatement.replaceAll(/(<\/?\s*)([a-zA-Z0-9_]+-[a-zA-Z0-9_-]+)/g, "$1\${scopeTag(\"$2\", tags, suffix)}");
 
@@ -91,7 +100,6 @@ HTMLLitVisitor.prototype.MustacheStatement = function(mustache) {
 	} else {
 		const path = normalizePath.call(this, mustache.path.original);
 		const hasCalculatingClasses = path.includes("context.classes");
-		const hasStylesCalculation = path.includes("context.styles");
 
 		let parsedCode = "";
 
@@ -99,7 +107,7 @@ HTMLLitVisitor.prototype.MustacheStatement = function(mustache) {
 			parsedCode = `\${unsafeHTML(${path})}`;
 		} else if (hasCalculatingClasses) {
 			parsedCode = `\${classMap(${path})}`;
-		} else if (hasStylesCalculation) {
+		} else if (isStyleAttribute) {
 			parsedCode = `\${styleMap(${path})}`;
 		} else if (skipIfDefined){
 			parsedCode = `\${${path}}`;

package/lib/postcss-css-to-esm/index.js

@@ -8,10 +8,10 @@ const DEFAULT_THEME = assets.themes.default;
 const getDefaultThemeCode = packageName => {
 	return `import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
 
-import defaultThemeBase from "@ui5/webcomponents-theme-base/dist/generated/themes/${DEFAULT_THEME}/parameters-bundle.css.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/${DEFAULT_THEME}/parameters-bundle.css.js";
 import defaultTheme from "./${DEFAULT_THEME}/parameters-bundle.css.js";
 
-registerThemePropertiesLoader("@ui5/webcomponents-theme-base", "${DEFAULT_THEME}", () => defaultThemeBase);
+registerThemePropertiesLoader("@ui5/webcomponents-theming", "${DEFAULT_THEME}", () => defaultThemeBase);
 registerThemePropertiesLoader("${packageName}", "${DEFAULT_THEME}", () => defaultTheme);
 `;
 };
@@ -38,8 +38,8 @@ module.exports = function (opts) {
 
 			const filePath = `${targetFile}.js`;
 			const defaultTheme = opts.includeDefaultTheme ? getDefaultThemeCode(opts.packageName) : ``;
-			fs.writeFileSync(filePath, `${defaultTheme}export default ${css};`);
+			fs.writeFileSync(filePath, `${defaultTheme}export default {packageName:"${opts.packageName}",fileName:"${targetFile.substr(targetFile.lastIndexOf("themes"))}",content:${css}}`);
 		}
 	};
 };
-module.exports.postcss = true;
+module.exports.postcss = true;

package/lib/postcss-css-to-json/index.js

@@ -23,9 +23,14 @@ module.exports = function (opts) {
 			mkdirp.sync(path.dirname(targetFile));
 
 			const filePath = `${targetFile}.json`;
-			fs.writeFileSync(filePath, JSON.stringify({_: css}));
+			const data = {
+				packageName: opts.packageName,
+				fileName: targetFile.substr(targetFile.lastIndexOf("themes")),
+				content: css
+			};
+			fs.writeFileSync(filePath, JSON.stringify({_: data}));
 		}
 	};
 };
 
-module.exports.postcss = true;
+module.exports.postcss = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-tools",
-  "version": "0.0.0-11d529e8a",
+  "version": "0.0.0-1e08ebdef",
   "description": "UI5 Web Components: webcomponents.tools",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -13,8 +13,7 @@
   "scripts": {},
   "bin": {
     "wc-dev": "bin/dev.js",
-    "wc-create-ui5-element": "bin/create-ui5-element.js",
-    "wc-init-ui5-package": "bin/init-ui5-package.js"
+    "wc-create-ui5-element": "bin/create-ui5-element.js"
   },
   "repository": {
     "type": "git",
@@ -22,13 +21,14 @@
     "directory": "packages/tools"
   },
   "dependencies": {
-    "@babel/cli": "^7.13.10",
     "@babel/core": "^7.13.10",
-    "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
     "@babel/preset-env": "^7.13.10",
+    "@openui5/sap.ui.core": "1.95.0",
     "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.5",
+    "@rollup/plugin-replace": "^3.0.0",
     "@rollup/plugin-url": "^6.0.0",
     "@wdio/cli": "^7.12.2",
     "@wdio/dot-reporter": "^7.10.1",
@@ -40,7 +40,6 @@
     "child_process": "^1.0.2",
     "chokidar": "^3.5.1",
     "chokidar-cli": "^3.0.0",
-    "clean-css": "^5.1.1",
     "colors": "^1.4.0",
     "command-line-args": "^5.1.1",
     "concurrently": "^6.0.0",
@@ -54,27 +53,27 @@
     "folder-hash": "^4.0.1",
     "getopts": "^2.3.0",
     "glob": "^7.1.6",
+    "glob-parent": "^6.0.2",
     "handlebars": "^4.7.7",
     "is-port-reachable": "^3.1.0",
     "jsdoc": "^3.6.6",
     "json-beautify": "^1.1.1",
     "mkdirp": "^1.0.4",
-    "npm-run-all": "^4.1.3",
     "nps": "^5.10.0",
     "postcss": "^8.2.10",
     "postcss-cli": "^9.0.1",
     "postcss-combine-duplicated-selectors": "^10.0.3",
     "postcss-import": "^14.0.0",
     "properties-reader": "^2.2.0",
-    "puppeteer": "^10.4.0",
     "recursive-readdir": "^2.2.2",
+    "resolve": "^1.20.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.41.4",
     "rollup-plugin-filesize": "^9.1.1",
     "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-string": "^3.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "serve": "^12.0.0",
+    "slash": "3.0.0",
     "wdio-chromedriver-service": "^7.0.0"
   },
   "peerDependencies": {

package/bin/init-ui5-package.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-require("../lib/init-package/index.js");

package/lib/init-package/index.js

@@ -1,134 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const mkdirp = require("mkdirp");
-const commandLineArgs = require('command-line-args');
-const beautify = require("json-beautify");
-
-// String utils
-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("");
-};
-const capitalizeFirst = str => str.substr(0,1).toUpperCase() + str.substr(1);
-
-// content of package.json
-let packageContent;
-
-const DEFAULT_PORT = 8080;
-const DEFAULT_TAG = 'my-first-component';
-
-// from where all the files will be copied
-const RESOURCES_DIR = path.join(`${__dirname}`, `resources/`);
-
-// Command line options
-const options = commandLineArgs([
-	{name: 'port', alias: 'p', type: Number},
-	{name: 'tag', type: String},
-]);
-
-// Ensure there is package.json
-try {
-	packageContent = JSON.parse(fs.readFileSync("package.json"));
-} catch (err) {
-	console.log("No package.json found, please run: 'npm init' first");
-	process.exit(1);
-}
-
-// Ensure correct tag
-const tag = options.tag || DEFAULT_TAG;
-if (!tag.includes("-")) {
-	console.log("tag name should contain at least one dash");
-	process.exit(1);
-}
-if (tag.startsWith("ui5-")) {
-	console.log("The ui5- prefix is reserved for the standard UI5 Web Components due to future possible name clashes.");
-	process.exit(1);
-}
-
-const className = capitalizeFirst(kebabToCamelCase(tag));
-
-// All variables that will be replaced in the content of the resources/
-const vars = {
-	INIT_PACKAGE_VAR_NAME: packageContent.name,
-	INIT_PACKAGE_VAR_PORT: options.port || DEFAULT_PORT,
-	INIT_PACKAGE_VAR_TAG: tag,
-	INIT_PACKAGE_VAR_CLASS_NAME: className,
-};
-console.log(vars);
-
-const replaceVarsInFileContent = content => {
-	for (let key in vars) {
-		const re = new RegExp(key, "g");
-		content = content.replace(re, vars[key]);
-	}
-	return content;
-};
-
-const replaceVarsInFileName = fileName => {
-	return fileName.replace(/MyFirstComponent/, vars.INIT_PACKAGE_VAR_CLASS_NAME)	;
-};
-
-const copyFile = (sourcePath, destPath) => {
-	let content = fs.readFileSync(sourcePath, {encoding: "UTF-8"});
-	content = replaceVarsInFileContent(content);
-	destPath = replaceVarsInFileName(destPath);
-	fs.writeFileSync(destPath, content);
-	console.log(destPath);
-};
-
-const copyResources = sourcePath => {
-	const destPath = sourcePath.substr(RESOURCES_DIR.length);
-	const isDir = fs.lstatSync(sourcePath).isDirectory();
-	if (isDir) {
-		if (destPath) {
-			mkdirp.sync(destPath);
-			console.log(destPath);
-		}
-		fs.readdirSync(sourcePath).forEach(file => {
-			copyResources(path.join(sourcePath, file));
-		});
-	} else {
-		copyFile(sourcePath, destPath);
-	}
-};
-
-const updatePackageFile = () => {
-	packageContent.scripts = {
-		"clean": "wc-dev clean",
-		"lint": "wc-dev lint",
-		"start": "wc-dev start",
-		"watch": "wc-dev watch",
-		"serve": "wc-dev serve",
-		"build": "wc-dev build",
-		"test": "wc-dev test",
-		"create-ui5-element": "wc-create-ui5-element",
-		"prepublishOnly": "npm run build"
-	};
-
-	// make convinient exports (no dist in component path)
-	// export the rest that is used directly or via require.resolve in scripts
-	packageContent.exports = {
-		"./.port": "./.port",
-		"./src/*": "./src/*",
-		"./dist/*": "./dist/*",
-		"./package.json": "./package.json",
-		"./bundle.js": "./bundle.js",
-		"./*": "./dist/*"
-	}
-
-	packageContent.ui5 = {
-		webComponentsPackage: true
-	};
-
-	fs.writeFileSync("package.json", beautify(packageContent, null, 2, 100));
-};
-
-// Copy files
-copyResources(RESOURCES_DIR);
-
-// Update package.json
-updatePackageFile();
-
-console.log("Package successfully initialized.");

package/lib/init-package/resources/.eslintignore

@@ -1,3 +0,0 @@
-# Note: Changes to this file also must be applied to the top level .eslintignore file.
-dist
-test

package/lib/init-package/resources/bundle.esm.js

@@ -1,31 +0,0 @@
-// used in test pages
-import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
-
-import { getAnimationMode } from "@ui5/webcomponents-base/dist/config/AnimationMode.js";
-import { getLanguage } from "@ui5/webcomponents-base/dist/config/Language.js";
-import { getCalendarType } from "@ui5/webcomponents-base/dist/config/CalendarType.js";
-import { getTheme, setTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
-import { getNoConflict, setNoConflict } from "@ui5/webcomponents-base/dist/config/NoConflict.js";
-import { getRTL } from "@ui5/webcomponents-base/dist/config/RTL.js";
-import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSettings.js";
-
-// Enable additional themes and i18n texts
-import "./dist/Assets.js";
-
-// Import your web components here from the dist/ directory
-import "./dist/INIT_PACKAGE_VAR_CLASS_NAME.js";
-
-window["sap-ui-webcomponents-bundle"] = {
-	renderFinished,
-	configuration: {
-		getAnimationMode,
-		getLanguage,
-		getTheme,
-		setTheme,
-		getNoConflict,
-		setNoConflict,
-		getCalendarType,
-		getRTL,
-		getFirstDayOfWeek,
-	},
-};

package/lib/init-package/resources/config/.eslintrc.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/eslint.js"); // eslint-disable-line

package/lib/init-package/resources/config/postcss.components/postcss.config.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/postcss.components.js"); // eslint-disable-line

package/lib/init-package/resources/config/postcss.themes/postcss.config.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/postcss.themes.js"); // eslint-disable-line

package/lib/init-package/resources/config/rollup.config.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/rollup.js"); // eslint-disable-line

package/lib/init-package/resources/config/wdio.conf.js

@@ -1 +0,0 @@
-module.exports = require("@ui5/webcomponents-tools/components-package/wdio.js"); // eslint-disable-line

package/lib/init-package/resources/package-scripts.js

@@ -1,11 +0,0 @@
-const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js"); //eslint-disable-line
-
-const options = {
-	port: INIT_PACKAGE_VAR_PORT,
-};
-
-const scripts = getScripts(options);
-
-module.exports = {
-	scripts,
-};

package/lib/init-package/resources/src/Assets.js

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

package/lib/init-package/resources/src/MyFirstComponent.hbs

@@ -1 +0,0 @@
-<div>This is: INIT_PACKAGE_VAR_TAG. {{pleaseWaitText}}</div>

package/lib/init-package/resources/src/MyFirstComponent.js

@@ -1,56 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.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 { PLEASE_WAIT } from "./generated/i18n/i18n-defaults.js";
-
-const metadata = {
-	tag: "INIT_PACKAGE_VAR_TAG",
-	properties: {
-	},
-	slots: {
-	},
-	events: {
-	},
-};
-
-class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
-	constructor() {
-		super();
-		this.i18nBundle = getI18nBundle("INIT_PACKAGE_VAR_NAME");
-	}
-
-	get pleaseWaitText() {
-		return this.i18nBundle.getText(PLEASE_WAIT);
-	}
-
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return INIT_PACKAGE_VAR_CLASS_NAMETemplate;
-	}
-
-	static get styles() {
-		return INIT_PACKAGE_VAR_CLASS_NAMECss;
-	}
-
-	static async onDefine() {
-		await fetchI18nBundle("INIT_PACKAGE_VAR_NAME");
-	}
-}
-
-INIT_PACKAGE_VAR_CLASS_NAME.define();
-
-export default INIT_PACKAGE_VAR_CLASS_NAME;

package/lib/init-package/resources/src/i18n/messagebundle.properties

@@ -1,2 +0,0 @@
-#please wait text for the sample component
-PLEASE_WAIT=wait

package/lib/init-package/resources/src/i18n/messagebundle_de.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Bitte warten

package/lib/init-package/resources/src/i18n/messagebundle_en.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Please wait

package/lib/init-package/resources/src/i18n/messagebundle_es.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Espere

package/lib/init-package/resources/src/i18n/messagebundle_fr.properties

@@ -1 +0,0 @@
-PLEASE_WAIT=Patientez.

package/lib/init-package/resources/src/themes/MyFirstComponent.css

@@ -1,11 +0,0 @@
-: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;
-}

package/lib/init-package/resources/src/themes/sap_belize/parameters-bundle.css

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

package/lib/init-package/resources/src/themes/sap_belize_hcb/parameters-bundle.css

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

package/lib/init-package/resources/src/themes/sap_belize_hcw/parameters-bundle.css

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

package/lib/init-package/resources/src/themes/sap_fiori_3/parameters-bundle.css

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

package/lib/init-package/resources/src/themes/sap_fiori_3_dark/parameters-bundle.css

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

package/lib/init-package/resources/src/themes/sap_fiori_3_hcb/parameters-bundle.css

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

package/lib/init-package/resources/src/themes/sap_fiori_3_hcw/parameters-bundle.css

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

package/lib/init-package/resources/test/pages/index.html

@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta charset="utf-8">
-
-	<title>INIT_PACKAGE_VAR_TAG</title>
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta charset="utf-8">
-
-	<script data-ui5-config type="application/json">
-		{
-			"language": "EN"
-		}
-	</script>
-
-	<script src="../../resources/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>
-</body>
-
-</html>

package/lib/init-package/resources/test/specs/Demo.spec.js

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