@ui5/webcomponents-tools 0.0.0-cc312800a → 0.0.0-cf50976ce

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/CHANGELOG.md +184 -0
  2. package/README.md +5 -6
  3. package/assets-meta.js +7 -1
  4. package/bin/dev.js +1 -5
  5. package/components-package/nps.js +55 -51
  6. package/components-package/postcss.themes.js +6 -3
  7. package/components-package/vite.config.js +12 -0
  8. package/components-package/wdio.js +71 -29
  9. package/components-package/wdio.sync.js +360 -0
  10. package/icons-collection/nps.js +41 -13
  11. package/lib/copy-and-watch/index.js +24 -1
  12. package/lib/copy-list/index.js +28 -0
  13. package/lib/create-icons/index.js +101 -58
  14. package/lib/create-illustrations/index.js +161 -0
  15. package/lib/create-new-component/index.js +12 -4
  16. package/lib/dev-server/dev-server.js +66 -0
  17. package/lib/dev-server/virtual-index-html-plugin.js +52 -0
  18. package/lib/esm-abs-to-rel/index.js +58 -0
  19. package/lib/generate-json-imports/i18n.js +38 -31
  20. package/lib/generate-json-imports/themes.js +31 -24
  21. package/lib/hbs2lit/src/compiler.js +12 -3
  22. package/lib/hbs2lit/src/includesReplacer.js +5 -5
  23. package/lib/hbs2lit/src/litVisitor2.js +31 -6
  24. package/lib/hbs2lit/src/svgProcessor.js +3 -3
  25. package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +4 -11
  26. package/lib/hbs2ui5/index.js +37 -21
  27. package/lib/i18n/defaults.js +49 -57
  28. package/lib/i18n/toJSON.js +12 -11
  29. package/lib/jsdoc/plugin.js +9 -0
  30. package/lib/jsdoc/template/publish.js +13 -2
  31. package/lib/postcss-combine-duplicated-selectors/index.js +178 -0
  32. package/lib/postcss-css-to-esm/index.js +16 -4
  33. package/lib/postcss-css-to-json/index.js +18 -2
  34. package/lib/postcss-p/postcss-p.mjs +14 -0
  35. package/lib/replace-global-core/index.js +25 -0
  36. package/lib/scoping/lint-src.js +1 -1
  37. package/lib/scoping/missing-dependencies.js +65 -0
  38. package/lib/scoping/report-tags-usage.js +28 -0
  39. package/lib/scoping/scope-test-pages.js +1 -1
  40. package/lib/test-runner/test-runner.js +63 -0
  41. package/package.json +26 -39
  42. package/bin/init-ui5-package.js +0 -3
  43. package/components-package/rollup.js +0 -195
  44. package/lib/documentation/index.js +0 -165
  45. package/lib/documentation/templates/api-component-since.js +0 -3
  46. package/lib/documentation/templates/api-css-variables-section.js +0 -24
  47. package/lib/documentation/templates/api-events-section.js +0 -35
  48. package/lib/documentation/templates/api-methods-section.js +0 -26
  49. package/lib/documentation/templates/api-properties-section.js +0 -40
  50. package/lib/documentation/templates/api-slots-section.js +0 -28
  51. package/lib/documentation/templates/template.js +0 -38
  52. package/lib/hash/config.js +0 -10
  53. package/lib/hash/generate.js +0 -19
  54. package/lib/hash/upToDate.js +0 -31
  55. package/lib/init-package/index.js +0 -123
  56. package/lib/init-package/resources/.eslintignore +0 -3
  57. package/lib/init-package/resources/bundle.es5.js +0 -25
  58. package/lib/init-package/resources/bundle.esm.js +0 -31
  59. package/lib/init-package/resources/config/.eslintrc.js +0 -1
  60. package/lib/init-package/resources/config/postcss.components/postcss.config.js +0 -1
  61. package/lib/init-package/resources/config/postcss.themes/postcss.config.js +0 -1
  62. package/lib/init-package/resources/config/rollup.config.js +0 -1
  63. package/lib/init-package/resources/config/wdio.conf.js +0 -1
  64. package/lib/init-package/resources/package-scripts.js +0 -11
  65. package/lib/init-package/resources/src/Assets.js +0 -5
  66. package/lib/init-package/resources/src/MyFirstComponent.hbs +0 -1
  67. package/lib/init-package/resources/src/MyFirstComponent.js +0 -56
  68. package/lib/init-package/resources/src/i18n/messagebundle.properties +0 -2
  69. package/lib/init-package/resources/src/i18n/messagebundle_de.properties +0 -1
  70. package/lib/init-package/resources/src/i18n/messagebundle_en.properties +0 -1
  71. package/lib/init-package/resources/src/i18n/messagebundle_es.properties +0 -1
  72. package/lib/init-package/resources/src/i18n/messagebundle_fr.properties +0 -1
  73. package/lib/init-package/resources/src/themes/MyFirstComponent.css +0 -11
  74. package/lib/init-package/resources/src/themes/sap_belize/parameters-bundle.css +0 -3
  75. package/lib/init-package/resources/src/themes/sap_belize_hcb/parameters-bundle.css +0 -3
  76. package/lib/init-package/resources/src/themes/sap_belize_hcw/parameters-bundle.css +0 -3
  77. package/lib/init-package/resources/src/themes/sap_fiori_3/parameters-bundle.css +0 -3
  78. package/lib/init-package/resources/src/themes/sap_fiori_3_dark/parameters-bundle.css +0 -3
  79. package/lib/init-package/resources/src/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -3
  80. package/lib/init-package/resources/src/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -3
  81. package/lib/init-package/resources/test/pages/index.html +0 -56
  82. package/lib/init-package/resources/test/specs/Demo.spec.js +0 -12
  83. package/lib/polyfill-placeholder/index.js +0 -5
  84. package/lib/serve/index.js +0 -46
  85. package/lib/serve/serve.json +0 -3
  86. package/package-lock.json +0 -48
@@ -1,56 +0,0 @@
1
- import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
- import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
4
-
5
- // Template
6
- import INIT_PACKAGE_VAR_CLASS_NAMETemplate from "./generated/templates/INIT_PACKAGE_VAR_CLASS_NAMETemplate.lit.js";
7
-
8
- // Styles
9
- import INIT_PACKAGE_VAR_CLASS_NAMECss from "./generated/themes/INIT_PACKAGE_VAR_CLASS_NAME.css.js";
10
-
11
- import { PLEASE_WAIT } from "./generated/i18n/i18n-defaults.js";
12
-
13
- const metadata = {
14
- tag: "INIT_PACKAGE_VAR_TAG",
15
- properties: {
16
- },
17
- slots: {
18
- },
19
- events: {
20
- },
21
- };
22
-
23
- class INIT_PACKAGE_VAR_CLASS_NAME extends UI5Element {
24
- constructor() {
25
- super();
26
- this.i18nBundle = getI18nBundle("INIT_PACKAGE_VAR_NAME");
27
- }
28
-
29
- get pleaseWaitText() {
30
- return this.i18nBundle.getText(PLEASE_WAIT);
31
- }
32
-
33
- static get metadata() {
34
- return metadata;
35
- }
36
-
37
- static get render() {
38
- return litRender;
39
- }
40
-
41
- static get template() {
42
- return INIT_PACKAGE_VAR_CLASS_NAMETemplate;
43
- }
44
-
45
- static get styles() {
46
- return INIT_PACKAGE_VAR_CLASS_NAMECss;
47
- }
48
-
49
- static async onDefine() {
50
- await fetchI18nBundle("INIT_PACKAGE_VAR_NAME");
51
- }
52
- }
53
-
54
- INIT_PACKAGE_VAR_CLASS_NAME.define();
55
-
56
- export default INIT_PACKAGE_VAR_CLASS_NAME;
@@ -1,2 +0,0 @@
1
- #please wait text for the sample component
2
- PLEASE_WAIT=wait
@@ -1 +0,0 @@
1
- PLEASE_WAIT=Bitte warten
@@ -1 +0,0 @@
1
- PLEASE_WAIT=Please wait
@@ -1 +0,0 @@
1
- PLEASE_WAIT=Espere
@@ -1 +0,0 @@
1
- PLEASE_WAIT=Patientez.
@@ -1,11 +0,0 @@
1
- :host {
2
- border: 2px solid var(--my-component-border-color);
3
- background-color: var(--sapBackgroundColor);
4
- color: var(--sapTextColor);
5
- display: block;
6
- width: 24rem;
7
- height: 3rem;
8
- text-align: center;
9
- vertical-align: middle;
10
- line-height: 3rem;
11
- }
@@ -1,3 +0,0 @@
1
- :root {
2
- --my-component-border-color: lightblue;
3
- }
@@ -1,3 +0,0 @@
1
- :root {
2
- --my-component-border-color: black;
3
- }
@@ -1,3 +0,0 @@
1
- :root {
2
- --my-component-border-color: black;
3
- }
@@ -1,3 +0,0 @@
1
- :root {
2
- --my-component-border-color: green;
3
- }
@@ -1,3 +0,0 @@
1
- :root {
2
- --my-component-border-color: blue;
3
- }
@@ -1,3 +0,0 @@
1
- :root {
2
- --my-component-border-color: lightblue;
3
- }
@@ -1,3 +0,0 @@
1
- :root {
2
- --my-component-border-color: gray;
3
- }
@@ -1,56 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <meta charset="utf-8">
7
-
8
- <title>INIT_PACKAGE_VAR_TAG</title>
9
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
11
- <meta charset="utf-8">
12
-
13
- <script data-ui5-config type="application/json">
14
- {
15
- "language": "EN"
16
- }
17
- </script>
18
-
19
- <script src="../../webcomponentsjs/webcomponents-loader.js"></script>
20
- <script src="../../resources/bundle.esm.js" type="module"></script>
21
- <script nomodule src="../../resources/bundle.es5.js"></script>
22
-
23
- <style>
24
- code { color: blue; font-size: small; }
25
- </style>
26
-
27
- </head>
28
-
29
- <body>
30
- <ul>
31
- <li><a href="?sap-ui-theme=sap_fiori_3">Fiori 3</a></li>
32
- <li><a href="?sap-ui-theme=sap_fiori_3_dark">Fiori 3 Dark</a></li>
33
- <li><a href="?sap-ui-theme=sap_fiori_3_hcb">Fiori 3 High Contrast Black</a></li>
34
- <li><a href="?sap-ui-theme=sap_fiori_3_hcw">Fiori 3 High Contrast White</a></li>
35
- <li><a href="?sap-ui-theme=sap_belize">Belize</a></li>
36
- <li><a href="?sap-ui-theme=sap_belize_hcb">Belize High Contrast Black</a></li>
37
- <li><a href="?sap-ui-theme=sap_belize_hcw">Belize High Contrast White</a></li>
38
- </ul>
39
- <br>
40
- <span>or in the browser console, for example:</span>
41
- <code>window['sap-ui-webcomponents-bundle'].configuration.setTheme("sap_belize_hcb")</code>
42
-
43
- <br><br>
44
-
45
- <a href="?sap-ui-language=en">English</a> |
46
- <a href="?sap-ui-language=de">German</a> |
47
- <a href="?sap-ui-language=es">Spanish</a> |
48
- <a href="?sap-ui-language=fr">French</a>
49
-
50
- <br><br>
51
-
52
- <h1>Test your web components here</h1>
53
- <INIT_PACKAGE_VAR_TAG id="myFirstComponent"></INIT_PACKAGE_VAR_TAG>
54
- </body>
55
-
56
- </html>
@@ -1,12 +0,0 @@
1
- const assert = require("assert");
2
-
3
- describe("INIT_PACKAGE_VAR_TAG rendering", () => {
4
- browser.url("http://localhost:INIT_PACKAGE_VAR_PORT/test-resources/pages/index.html");
5
-
6
- it("tests if web component is correctly rendered", () => {
7
-
8
- const innerContent = browser.$("#myFirstComponent").shadow$("div");
9
-
10
- assert.ok(innerContent, "content rendered");
11
- });
12
- });
@@ -1,5 +0,0 @@
1
- const mkdirp = require("mkdirp");
2
- const fs = require("fs");
3
-
4
- mkdirp.sync("dist/webcomponentsjs/");
5
- fs.writeFileSync("dist/webcomponentsjs/webcomponents-loader.js", "");
@@ -1,46 +0,0 @@
1
- const fs = require("fs");
2
- const path = require("path");
3
- const commandLineArgs = require("command-line-args");
4
- const { exec } = require("child_process");
5
- const colors = require("colors/safe");
6
- const isPortReachable = require("is-port-reachable");
7
-
8
- const options = commandLineArgs([
9
- { name: "port", type: Number },
10
- { name: "portStep", type: Number },
11
- { name: "packageName", type: String },
12
- { name: "dir", type: String },
13
- { name: "config", type: String },
14
- ]);
15
- const serveConfig = path.join(__dirname, `serve.json`);
16
-
17
- const requestPort = async () => {
18
- const serveProcess = (await gen.next()).value;
19
- serveProcess.stdout.on('data', data => {
20
- const matches = data.match(/Accepting connections at .*?:(\d+)/);
21
- if (matches) {
22
- console.log(colors.yellow(`Reserved port ${matches[1]} for the ${options.packageName} package.`));
23
- fs.writeFileSync(".port", matches[1]);
24
- }
25
- });
26
- };
27
-
28
- async function* serverGenerator(callback, port = 8080, step = 1) {
29
- while (true) {
30
- const portInUse = await isPortReachable(port, { host: "127.0.0.1" });
31
- if (!portInUse) {
32
- const command = `serve --config "${serveConfig}" --no-port-switching --no-clipboard -l ${port} ${options.dir}`;
33
- console.log(colors.yellow(`Executing: ${command}`));
34
- const serveProcess = exec(command, (err) => {
35
- console.log(colors.yellow(`Port ${port} already in use.`));
36
- callback();
37
- });
38
- yield serveProcess;
39
- }
40
- port += step;
41
- }
42
- }
43
-
44
- const gen = serverGenerator(requestPort, options.port, options.portStep);
45
-
46
- requestPort();
@@ -1,3 +0,0 @@
1
- {
2
- "cleanUrls": false
3
- }
package/package-lock.json DELETED
@@ -1,48 +0,0 @@
1
- {
2
- "name": "@ui5/webcomponents-tools",
3
- "version": "1.0.0-rc.8",
4
- "lockfileVersion": 1,
5
- "requires": true,
6
- "dependencies": {
7
- "balanced-match": {
8
- "version": "1.0.0",
9
- "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
10
- "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
11
- "dev": true
12
- },
13
- "brace-expansion": {
14
- "version": "1.1.11",
15
- "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
16
- "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
17
- "dev": true,
18
- "requires": {
19
- "balanced-match": "^1.0.0",
20
- "concat-map": "0.0.1"
21
- }
22
- },
23
- "concat-map": {
24
- "version": "0.0.1",
25
- "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
26
- "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
27
- "dev": true
28
- },
29
- "minimatch": {
30
- "version": "3.0.4",
31
- "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
32
- "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
33
- "dev": true,
34
- "requires": {
35
- "brace-expansion": "^1.1.7"
36
- }
37
- },
38
- "recursive-readdir": {
39
- "version": "2.2.2",
40
- "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz",
41
- "integrity": "sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==",
42
- "dev": true,
43
- "requires": {
44
- "minimatch": "3.0.4"
45
- }
46
- }
47
- }
48
- }