@ui5/webcomponents-tools 0.0.0-35e2c9666 → 0.0.0-37338d49d

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 (87) hide show
  1. package/CHANGELOG.md +1619 -0
  2. package/README.md +6 -9
  3. package/assets-meta.js +15 -10
  4. package/bin/dev.js +1 -5
  5. package/components-package/cypress/support/commands.js +39 -0
  6. package/components-package/cypress/support/component-index.html +17 -0
  7. package/components-package/cypress/support/component.d.ts +23 -0
  8. package/components-package/cypress/support/component.js +34 -0
  9. package/components-package/cypress.config.js +19 -0
  10. package/components-package/eslint.js +101 -2
  11. package/components-package/nps.js +109 -72
  12. package/components-package/postcss.components.js +1 -21
  13. package/components-package/postcss.themes.js +1 -26
  14. package/components-package/vite.config.js +13 -0
  15. package/components-package/wdio.js +61 -15
  16. package/icons-collection/nps.js +13 -14
  17. package/lib/amd-to-es6/index.js +102 -0
  18. package/lib/amd-to-es6/no-remaining-require.js +33 -0
  19. package/lib/cem/custom-elements-manifest.config.mjs +544 -0
  20. package/lib/cem/event.mjs +168 -0
  21. package/lib/cem/schema-internal.json +1413 -0
  22. package/lib/cem/schema.json +1098 -0
  23. package/lib/cem/types-internal.d.ts +808 -0
  24. package/lib/cem/types.d.ts +736 -0
  25. package/lib/cem/utils.mjs +413 -0
  26. package/lib/cem/validate.js +70 -0
  27. package/lib/copy-and-watch/index.js +24 -1
  28. package/lib/copy-list/index.js +17 -17
  29. package/lib/create-icons/index.js +126 -72
  30. package/lib/create-illustrations/index.js +143 -111
  31. package/lib/create-new-component/Component.js +74 -0
  32. package/lib/create-new-component/ComponentTemplate.js +12 -0
  33. package/lib/create-new-component/index.js +60 -101
  34. package/lib/css-processors/css-processor-components.mjs +77 -0
  35. package/lib/css-processors/css-processor-themes.mjs +74 -0
  36. package/lib/css-processors/scope-variables.mjs +49 -0
  37. package/lib/css-processors/shared.mjs +56 -0
  38. package/lib/dev-server/custom-hot-update-plugin.js +39 -0
  39. package/lib/dev-server/dev-server.mjs +66 -0
  40. package/lib/dev-server/virtual-index-html-plugin.js +52 -0
  41. package/lib/generate-js-imports/illustrations.js +86 -0
  42. package/lib/generate-json-imports/i18n.js +58 -67
  43. package/lib/generate-json-imports/themes.js +36 -46
  44. package/lib/hbs2lit/src/compiler.js +24 -4
  45. package/lib/hbs2lit/src/includesReplacer.js +5 -5
  46. package/lib/hbs2lit/src/litVisitor2.js +85 -22
  47. package/lib/hbs2lit/src/svgProcessor.js +12 -5
  48. package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +39 -6
  49. package/lib/hbs2ui5/index.js +57 -24
  50. package/lib/i18n/defaults.js +66 -57
  51. package/lib/i18n/toJSON.js +12 -11
  52. package/lib/postcss-combine-duplicated-selectors/index.js +185 -0
  53. package/lib/remove-dev-mode/remove-dev-mode.mjs +37 -0
  54. package/lib/scoping/get-all-tags.js +11 -11
  55. package/lib/scoping/lint-src.js +8 -7
  56. package/lib/scoping/scope-test-pages.js +2 -1
  57. package/lib/test-runner/test-runner.js +71 -0
  58. package/package.json +39 -32
  59. package/tsconfig.json +18 -0
  60. package/types/index.d.ts +1 -0
  61. package/components-package/rollup-plugins/empty-module.js +0 -15
  62. package/components-package/rollup.js +0 -239
  63. package/components-package/wdio.sync.js +0 -360
  64. package/lib/documentation/index.js +0 -165
  65. package/lib/documentation/templates/api-component-since.js +0 -3
  66. package/lib/documentation/templates/api-css-variables-section.js +0 -24
  67. package/lib/documentation/templates/api-events-section.js +0 -35
  68. package/lib/documentation/templates/api-methods-section.js +0 -26
  69. package/lib/documentation/templates/api-properties-section.js +0 -42
  70. package/lib/documentation/templates/api-slots-section.js +0 -28
  71. package/lib/documentation/templates/template.js +0 -39
  72. package/lib/esm-abs-to-rel/index.js +0 -54
  73. package/lib/hash/config.js +0 -10
  74. package/lib/hash/generate.js +0 -19
  75. package/lib/hash/upToDate.js +0 -31
  76. package/lib/jsdoc/config.json +0 -29
  77. package/lib/jsdoc/plugin.js +0 -2436
  78. package/lib/jsdoc/template/publish.js +0 -4112
  79. package/lib/polyfill-placeholder/index.js +0 -5
  80. package/lib/postcss-css-to-esm/index.js +0 -45
  81. package/lib/postcss-css-to-json/index.js +0 -36
  82. package/lib/postcss-new-files/index.js +0 -36
  83. package/lib/postcss-p/postcss-p.mjs +0 -11
  84. package/lib/replace-global-core/index.js +0 -20
  85. package/lib/serve/index.js +0 -46
  86. package/lib/serve/serve.json +0 -3
  87. package/package-lock.json +0 -48
@@ -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,45 +0,0 @@
1
- const fs = require('fs');
2
- const path = require('path');
3
- const mkdirp = require('mkdirp');
4
- const assets = require("../../assets-meta.js");
5
-
6
- const DEFAULT_THEME = assets.themes.default;
7
-
8
- const getDefaultThemeCode = packageName => {
9
- return `import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
10
-
11
- import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/${DEFAULT_THEME}/parameters-bundle.css.js";
12
- import defaultTheme from "./${DEFAULT_THEME}/parameters-bundle.css.js";
13
-
14
- registerThemePropertiesLoader("@ui5/webcomponents-theming", "${DEFAULT_THEME}", () => defaultThemeBase);
15
- registerThemePropertiesLoader("${packageName}", "${DEFAULT_THEME}", () => defaultTheme);
16
- `;
17
- };
18
-
19
- const proccessCSS = css => {
20
- css = css.replace(/\.sapThemeMeta[\s\S]*?:root/, ":root");
21
- css = css.replace(/\.background-image.*{.*}/, "");
22
- css = css.replace(/\.sapContrast[ ]*:root[\s\S]*?}/, "");
23
- css = css.replace(/--sapFontUrl.*\);?/, "");
24
- return JSON.stringify(css);
25
- }
26
-
27
- module.exports = function (opts) {
28
- opts = opts || {};
29
-
30
- return {
31
- postcssPlugin: 'postcss-css-to-esm',
32
- Once (root) {
33
- let css = root.toString();
34
- css = proccessCSS(css);
35
-
36
- const targetFile = root.source.input.from.replace(`/${opts.toReplace}/`, "/dist/generated/").replace(`\\${opts.toReplace}\\`, "\\dist\\generated\\");
37
- mkdirp.sync(path.dirname(targetFile));
38
-
39
- const filePath = `${targetFile}.js`;
40
- const defaultTheme = opts.includeDefaultTheme ? getDefaultThemeCode(opts.packageName) : ``;
41
- fs.writeFileSync(filePath, `${defaultTheme}export default {packageName:"${opts.packageName}",fileName:"${targetFile.substr(targetFile.lastIndexOf("themes"))}",content:${css}}`);
42
- }
43
- };
44
- };
45
- module.exports.postcss = true;
@@ -1,36 +0,0 @@
1
- const fs = require('fs');
2
- const path = require('path');
3
- const mkdirp = require('mkdirp');
4
-
5
- const proccessCSS = css => {
6
- css = css.replace(/\.sapThemeMeta[\s\S]*?:root/, ":root");
7
- css = css.replace(/\.background-image.*{.*}/, "");
8
- css = css.replace(/\.sapContrast[ ]*:root[\s\S]*?}/, "");
9
- css = css.replace(/--sapFontUrl.*\);?/, "");
10
- return css;
11
- }
12
-
13
- module.exports = function (opts) {
14
- opts = opts || {};
15
-
16
- return {
17
- postcssPlugin: 'postcss-css-to-json',
18
- Once (root) {
19
- let css = root.toString();
20
- css = proccessCSS(css);
21
-
22
- const targetFile = root.source.input.from.replace(`/${opts.toReplace}/`, "/dist/generated/assets/").replace(`\\${opts.toReplace}\\`, "\\dist\\generated\\assets\\");
23
- mkdirp.sync(path.dirname(targetFile));
24
-
25
- const filePath = `${targetFile}.json`;
26
- const data = {
27
- packageName: opts.packageName,
28
- fileName: targetFile.substr(targetFile.lastIndexOf("themes")),
29
- content: css
30
- };
31
- fs.writeFileSync(filePath, JSON.stringify({_: data}));
32
- }
33
- };
34
- };
35
-
36
- module.exports.postcss = true;
@@ -1,36 +0,0 @@
1
- const chokidar = require("chokidar");
2
- const commandLineArgs = require("command-line-args");
3
- const { exec } = require("child_process");
4
-
5
- const options = commandLineArgs([
6
- { name: "srcFiles", type: String },
7
- ]);
8
-
9
- const runPostcss = path => {
10
- let command = `postcss ${path} --config config/postcss.components --base src --dir dist/css/`;
11
- console.log(`Executing: ${command}`);
12
- exec(command, (err, stdout, stderr) => {
13
- if (err) {
14
- console.log(`Could not run postcss for ${path}. Error: ${err}`);
15
- }
16
- });
17
-
18
- command = `${command} -w`;
19
- console.log(`Executing: ${command}`);
20
- exec(command, (err, stdout, stderr) => {
21
- if (err) {
22
- console.log(`Could not run postcss in watch mode for ${path}. Error: ${err}`);
23
- }
24
- });
25
- };
26
-
27
- let ready = false; // Do nothing until the ready event has been fired (we don't want to recompile all files initially)
28
- const watcher = chokidar.watch(options.srcFiles);
29
- watcher.on("ready", () => {
30
- ready = true; // Initial scan is over -> waiting for new files
31
- });
32
- watcher.on("add", path => {
33
- if (ready) {
34
- runPostcss(path);
35
- }
36
- });
@@ -1,11 +0,0 @@
1
- import 'zx/globals';
2
-
3
- const inputFiles = await globby("src/**/parameters-bundle.css");
4
-
5
- const restArgs = process.argv.slice(2);
6
-
7
- // run all postcss processes in parallel as passing the glob directly to postcss makes them processed sequentially.
8
- // and the amount of imports give a big speed up when run in parallel
9
- await Promise.all(inputFiles.map(file => {
10
- return $`postcss ${file} --config config/postcss.themes --base src --dir dist/css/ ${restArgs}`;
11
- }));
@@ -1,20 +0,0 @@
1
- const fs = require("fs");
2
- const glob = require("glob");
3
-
4
- const basePath = process.argv[2];
5
-
6
- const replaceGlobalCoreUsage = (srcPath) => {
7
-
8
- const original = fs.readFileSync(srcPath).toString();
9
- let replaced = original.replace(/sap\.ui\.getCore\(\)/g, `Core`);
10
-
11
- if (original !== replaced) {
12
- replaced = `import Core from 'sap/ui/core/Core';
13
- ${replaced}`;
14
- fs.writeFileSync(srcPath, replaced);
15
- }
16
- };
17
-
18
- const fileNames = glob.sync(basePath + "**/*.js");
19
- fileNames.forEach(replaceGlobalCoreUsage);
20
- console.log("Success: Replaced global core usage in:", basePath);
@@ -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("cli-color");
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
- }