@ui5/webcomponents-tools 0.0.0-f2abb18c2 → 0.0.0-f42e7c18c

package/lib/init-package/index.js

@@ -1,123 +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"
-	};
-
-	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.es5.js

@@ -1,25 +0,0 @@
-// ES5 bundle targets IE11 only
-import "@ui5/webcomponents-base/dist/features/browsersupport/IE11.js";
-
-import "./bundle.esm.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";
-
-const configuration = {
-	getAnimationMode,
-	getLanguage,
-	getTheme,
-	setTheme,
-	getNoConflict,
-	setNoConflict,
-	getCalendarType,
-	getRTL,
-	getFirstDayOfWeek,
-};
-export default configuration;

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

@@ -1,34 +0,0 @@
-// ESM bundle targets Edge + browsers with native support
-import "@ui5/webcomponents-base/dist/features/browsersupport/Edge.js";
-
-// used in test pages
-import RenderScheduler from "@ui5/webcomponents-base/dist/RenderScheduler.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.RenderScheduler = RenderScheduler;
-window["sap-ui-webcomponents-bundle"] = {
-	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");

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");

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");

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

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

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

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

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

@@ -1,11 +0,0 @@
-const getScripts = require("@ui5/webcomponents-tools/components-package/nps.js");
-
-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,56 +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="../../webcomponentsjs/webcomponents-loader.js"></script>
-	<script src="../../resources/bundle.esm.js" type="module"></script>
-	<script nomodule src="../../resources/bundle.es5.js"></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", () => {
-	browser.url("http://localhost:INIT_PACKAGE_VAR_PORT/test-resources/pages/index.html");
-
-	it("tests if web component is correctly rendered", () => {
-
-		const innerContent = browser.$("#myFirstComponent").shadow$("div");
-
-		assert.ok(innerContent, "content rendered");
-	});
-});

package/lib/jsdoc/config.json

@@ -1,29 +0,0 @@
-{
-	"source": {
-		"include": "src",
-		"excludePattern": "(/|\\\\)library-all\\.js|(/|\\\\).*-preload\\.js|^jquery-.*\\.js|^sap-.*\\.js|.+Renderer\\.lit\\.js|.*library\\.js|thirdparty"
-	},
-	"opts" : {
-		"recurse": true,
-		"template" : "template",
-		"destination": ""
-	},
-	"plugins": [
-		"./plugin.js"
-	],
-	"templates" : {
-		"ui5" : {
-			"variants": [
-				"apijson"
-			],
-			"version": "1.62",
-			"apiJsonFolder": "",
-			"apiJsonFile": "dist/api.json",
-			"includeSettingsInConstructor": false
-		}
-	},
-	"tags": {
-		"allowUnknownTags": true,
-		"dictionaries": ["jsdoc"]
-	}
-}