@ui5/webcomponents-tools 0.0.0-b0b835975 → 0.0.0-b3a4f8020

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 (129) hide show
  1. package/CHANGELOG.md +1791 -0
  2. package/LICENSE.txt +201 -0
  3. package/README.md +7 -9
  4. package/assets-meta.js +7 -9
  5. package/bin/dev.js +10 -4
  6. package/bin/ui5nps.js +301 -0
  7. package/components-package/eslint.js +59 -29
  8. package/components-package/nps.js +114 -82
  9. package/components-package/postcss.components.js +1 -24
  10. package/components-package/postcss.themes.js +1 -30
  11. package/components-package/vite.config.js +7 -11
  12. package/components-package/wdio.js +421 -400
  13. package/icons-collection/nps.js +31 -20
  14. package/lib/amd-to-es6/index.js +109 -0
  15. package/lib/amd-to-es6/no-remaining-require.js +33 -0
  16. package/lib/cem/cem.js +16 -0
  17. package/lib/cem/custom-elements-manifest.config.mjs +582 -0
  18. package/lib/cem/event.mjs +168 -0
  19. package/lib/cem/merge.mjs +220 -0
  20. package/lib/cem/patch/@custom-elements-manifest/analyzer/cli.js +128 -0
  21. package/lib/cem/patch/@custom-elements-manifest/analyzer/package.json +59 -0
  22. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/browser-entrypoint.js +23 -0
  23. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/create.js +117 -0
  24. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/arrow-function.js +26 -0
  25. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/class-jsdoc.js +157 -0
  26. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/classes.js +20 -0
  27. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createArrowFunction.js +17 -0
  28. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createAttribute.js +24 -0
  29. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createClass.js +301 -0
  30. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createClassField.js +26 -0
  31. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createFunctionLike.js +73 -0
  32. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createMixin.js +33 -0
  33. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createVariable.js +22 -0
  34. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/handlers.js +338 -0
  35. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/custom-elements-define-calls.js +90 -0
  36. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/exports.js +156 -0
  37. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/function-like.js +24 -0
  38. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/mixins.js +29 -0
  39. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/reexported-wrapped-mixin-exports.js +84 -0
  40. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/variables.js +34 -0
  41. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/collect-phase/collect-imports.js +101 -0
  42. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst/catalyst.js +11 -0
  43. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst/controller.js +34 -0
  44. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst-major-2/catalyst.js +11 -0
  45. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst-major-2/controller.js +34 -0
  46. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/decorators/attr.js +53 -0
  47. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/decorators/custom-element-decorator.js +36 -0
  48. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/fast/fast.js +7 -0
  49. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js +13 -0
  50. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/member-denylist.js +21 -0
  51. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/method-denylist.js +20 -0
  52. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/property-decorator.js +94 -0
  53. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/static-properties.js +121 -0
  54. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/utils.js +66 -0
  55. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/stencil/stencil.js +129 -0
  56. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/index.js +80 -0
  57. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/cleanup-classes.js +25 -0
  58. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/field-denylist.js +22 -0
  59. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/method-denylist.js +25 -0
  60. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/apply-inheritance.js +78 -0
  61. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/is-custom-element.js +34 -0
  62. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/link-class-to-tagname.js +27 -0
  63. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/remove-unexported-declarations.js +23 -0
  64. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/resolve-initializers.js +52 -0
  65. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/ast-helpers.js +186 -0
  66. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/cli-helpers.js +164 -0
  67. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/exports.js +44 -0
  68. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/find-external-manifests.js +67 -0
  69. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/imports.js +25 -0
  70. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/index.js +71 -0
  71. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/jsdoc.js +19 -0
  72. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/manifest-helpers.js +194 -0
  73. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/mixins.js +112 -0
  74. package/lib/cem/schema-internal.json +1462 -0
  75. package/lib/cem/schema.json +1138 -0
  76. package/lib/cem/types-internal.d.ts +838 -0
  77. package/lib/cem/types.d.ts +766 -0
  78. package/lib/cem/utils.mjs +433 -0
  79. package/lib/cem/validate.js +81 -0
  80. package/lib/chokidar/chokidar.js +28 -0
  81. package/lib/copy-and-watch/index.js +110 -97
  82. package/lib/copy-list/index.js +18 -10
  83. package/lib/create-icons/index.js +32 -25
  84. package/lib/create-illustrations/index.js +86 -51
  85. package/lib/create-new-component/{tsFileContentTemplate.js → Component.js} +15 -21
  86. package/lib/create-new-component/ComponentTemplate.js +12 -0
  87. package/lib/create-new-component/index.js +16 -22
  88. package/lib/css-processors/css-processor-components.mjs +103 -0
  89. package/lib/css-processors/css-processor-themes.mjs +122 -0
  90. package/lib/css-processors/postcss-plugin.mjs +153 -0
  91. package/lib/css-processors/scope-variables.mjs +74 -0
  92. package/lib/css-processors/shared.mjs +47 -0
  93. package/lib/dev-server/custom-hot-update-plugin.js +4 -4
  94. package/lib/dev-server/{dev-server.js → dev-server.mjs} +26 -14
  95. package/lib/dev-server/virtual-index-html-plugin.js +24 -20
  96. package/lib/eslint/eslint.js +44 -0
  97. package/lib/generate-js-imports/illustrations.js +57 -53
  98. package/lib/generate-json-imports/i18n.js +63 -68
  99. package/lib/generate-json-imports/themes.js +38 -43
  100. package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +12 -7
  101. package/lib/hbs2ui5/index.js +3 -3
  102. package/lib/i18n/defaults.js +17 -9
  103. package/lib/i18n/toJSON.js +40 -12
  104. package/lib/icons-hash/icons-hash.mjs +149 -0
  105. package/lib/postcss-combine-duplicated-selectors/index.js +12 -5
  106. package/lib/remove-dev-mode/remove-dev-mode.mjs +51 -0
  107. package/lib/rimraf/rimraf.js +31 -0
  108. package/lib/scoping/get-all-tags.js +10 -3
  109. package/lib/scoping/lint-src.js +8 -7
  110. package/lib/scoping/scope-test-pages.js +2 -1
  111. package/lib/test-runner/test-runner.js +56 -48
  112. package/lib/vite-bundler/vite-bundler.mjs +35 -0
  113. package/package.json +29 -24
  114. package/tsconfig.json +18 -0
  115. package/components-package/wdio.sync.js +0 -368
  116. package/lib/create-new-component/jsFileContentTemplate.js +0 -73
  117. package/lib/esm-abs-to-rel/index.js +0 -58
  118. package/lib/generate-custom-elements-manifest/index.js +0 -327
  119. package/lib/jsdoc/config.json +0 -29
  120. package/lib/jsdoc/configTypescript.json +0 -29
  121. package/lib/jsdoc/plugin.js +0 -2468
  122. package/lib/jsdoc/preprocess.js +0 -146
  123. package/lib/jsdoc/template/publish.js +0 -4120
  124. package/lib/postcss-css-to-esm/index.js +0 -90
  125. package/lib/postcss-css-to-json/index.js +0 -47
  126. package/lib/postcss-new-files/index.js +0 -36
  127. package/lib/postcss-p/postcss-p.mjs +0 -14
  128. package/lib/postcss-scope-vars/index.js +0 -24
  129. package/lib/replace-global-core/index.js +0 -25
@@ -30,116 +30,129 @@ const globParent = require('glob-parent');
30
30
 
31
31
  /* CODE */
32
32
 
33
- const args = process.argv.slice(2);
34
- const options = {};
35
-
36
- ['watch', 'clean', 'skip-initial-copy', 'safe', 'silent'].forEach(key => {
37
- const index = args.indexOf(`--${key}`);
38
- if (index >= 0) {
39
- options[key] = true;
40
- args.splice(index, 1);
41
- }
42
- });
33
+ const copyAndWatchFn = async (argv) => {
34
+ const args = argv.slice(2);
35
+ const options = {};
36
+
37
+ ['watch', 'clean', 'skip-initial-copy', 'safe', 'silent'].forEach(key => {
38
+ const index = args.indexOf(`--${key}`);
39
+ if (index >= 0) {
40
+ options[key] = true;
41
+ args.splice(index, 1);
42
+ }
43
+ });
43
44
 
44
- if (args.length < 2) {
45
- console.error('Not enough arguments: copy-and-watch [options] <sources> <target>'.red);
46
- process.exit(1);
47
- }
45
+ // Default to silent mode unless verbose is enabled
46
+ if (process.env.UI5_VERBOSE !== "true") {
47
+ options.silent = true;
48
+ }
48
49
 
49
- if (options['skip-initial-copy'] && !options['watch']) {
50
- console.error('--skip-initial-copy argument is meant to be used with --watch, otherwise no files will be copied'.red);
51
- process.exit(1);
52
- }
50
+ if (args.length < 2) {
51
+ console.error('Not enough arguments: copy-and-watch [options] <sources> <target>');
52
+ process.exit(1);
53
+ }
53
54
 
54
- const target = args.pop();
55
- const sources = args;
56
- const parents = [...new Set(sources.map(globParent))];
57
-
58
- const findTarget = from => {
59
- const parent = parents
60
- .filter(p => from.indexOf(p) >= 0)
61
- .sort()
62
- .reverse()[0];
63
- return path.join(target, path.relative(parent, from));
64
- };
65
- const createDirIfNotExist = to => {
66
- 'use strict';
67
-
68
- const dirs = [];
69
- let dir = path.dirname(to);
70
-
71
- while (dir !== path.dirname(dir)) {
72
- dirs.unshift(dir);
73
- dir = path.dirname(dir);
55
+ if (options['skip-initial-copy'] && !options['watch']) {
56
+ console.error('--skip-initial-copy argument is meant to be used with --watch, otherwise no files will be copied');
57
+ process.exit(1);
74
58
  }
75
59
 
76
- dirs.forEach(dir => {
77
- if (!fs.existsSync(dir)) {
78
- fs.mkdirSync(dir);
60
+ const target = args.pop();
61
+ const sources = args;
62
+ const parents = [...new Set(sources.map(globParent))];
63
+
64
+ const findTarget = from => {
65
+ const parent = parents
66
+ .filter(p => from.indexOf(p) >= 0)
67
+ .sort()
68
+ .reverse()[0];
69
+ return path.join(target, path.relative(parent, from));
70
+ };
71
+ const createDirIfNotExist = to => {
72
+ 'use strict';
73
+
74
+ const dirs = [];
75
+ let dir = path.dirname(to);
76
+
77
+ while (dir !== path.dirname(dir)) {
78
+ dirs.unshift(dir);
79
+ dir = path.dirname(dir);
79
80
  }
80
- });
81
- };
82
- const copy = from => {
83
- const to = findTarget(from);
84
- createDirIfNotExist(to);
85
- const stats = fs.statSync(from);
86
- if (stats.isDirectory()) {
87
- return;
88
- }
89
- fs.writeFileSync(to, fs.readFileSync(from));
90
- options.silent || console.log('[COPY]'.yellow, from, 'to'.yellow, to);
91
- };
92
- const remove = from => {
93
- const to = findTarget(from);
94
- fs.unlinkSync(to);
95
- options.silent || console.log('[DELETE]'.yellow, to);
96
- };
97
- const rimraf = dir => {
98
- if (fs.existsSync(dir)) {
99
- fs.readdirSync(dir).forEach(entry => {
100
- const entryPath = path.join(dir, entry);
101
- if (fs.lstatSync(entryPath).isDirectory()) {
102
- rimraf(entryPath);
103
- } else {
104
- fs.unlinkSync(entryPath);
81
+
82
+ dirs.forEach(dir => {
83
+ if (!fs.existsSync(dir)) {
84
+ fs.mkdirSync(dir);
105
85
  }
106
86
  });
107
- fs.rmdirSync(dir);
87
+ };
88
+ const copy = from => {
89
+ const to = findTarget(from);
90
+ createDirIfNotExist(to);
91
+ const stats = fs.statSync(from);
92
+ if (stats.isDirectory()) {
93
+ return;
94
+ }
95
+ fs.writeFileSync(to, fs.readFileSync(from));
96
+ options.silent || console.log('[COPY]', from, 'to', to);
97
+ };
98
+ const remove = from => {
99
+ const to = findTarget(from);
100
+ fs.unlinkSync(to);
101
+ options.silent || console.log('[DELETE]', to);
102
+ };
103
+ const rimraf = dir => {
104
+ if (fs.existsSync(dir)) {
105
+ fs.readdirSync(dir).forEach(entry => {
106
+ const entryPath = path.join(dir, entry);
107
+ if (fs.lstatSync(entryPath).isDirectory()) {
108
+ rimraf(entryPath);
109
+ } else {
110
+ fs.unlinkSync(entryPath);
111
+ }
112
+ });
113
+ fs.rmdirSync(dir);
114
+ }
115
+ };
116
+
117
+ // clean
118
+ if (options.clean) {
119
+ rimraf(target);
108
120
  }
109
- };
110
121
 
111
- // clean
112
- if (options.clean) {
113
- rimraf(target);
114
- }
122
+ // initial copy
123
+ if (!options['skip-initial-copy']) {
124
+ sources.forEach(s => glob.sync(s).forEach(copy));
125
+ }
115
126
 
116
- // initial copy
117
- if (!options['skip-initial-copy']) {
118
- sources.forEach(s => glob.sync(s).forEach(copy));
119
- }
127
+ // watch
128
+ if (options.watch) {
129
+ const chokidarOptions = {
130
+ ignoreInitial: true
131
+ };
120
132
 
121
- // watch
122
- if (options.watch) {
123
- const chokidarOptions = {
124
- ignoreInitial: true
125
- };
133
+ if (options.safe) {
134
+ chokidarOptions.awaitWriteFinish = {
135
+ stabilityThreshold: 500,
136
+ pollInterval: 100
137
+ };
138
+ }
126
139
 
127
- if (options.safe) {
128
- chokidarOptions.awaitWriteFinish = {
129
- stabilityThreshold: 500,
130
- pollInterval: 100
131
- };
140
+ chokidar
141
+ .watch(sources, chokidarOptions)
142
+ .on('ready', () => sources.forEach(s => {
143
+ options.silent || console.log('[WATCH]', s);
144
+ }))
145
+ .on('add', copy)
146
+ .on('addDir', copy)
147
+ .on('change', copy)
148
+ .on('unlink', remove)
149
+ .on('unlinkDir', remove)
150
+ .on('error', e => console.log('[ERROR]', e));
132
151
  }
152
+ }
133
153
 
134
- chokidar
135
- .watch(sources, chokidarOptions)
136
- .on('ready', () => sources.forEach(s => {
137
- options.silent || console.log('[WATCH]'.yellow, s);
138
- }))
139
- .on('add', copy)
140
- .on('addDir', copy)
141
- .on('change', copy)
142
- .on('unlink', remove)
143
- .on('unlinkDir', remove)
144
- .on('error', e => console.log('[ERROR]'.red, e));
154
+ if (require.main === module) {
155
+ copyAndWatchFn(process.argv)
145
156
  }
157
+
158
+ exports._ui5mainFn = copyAndWatchFn;
@@ -1,11 +1,10 @@
1
1
  const fs = require("fs").promises;
2
2
  const path = require("path");
3
3
 
4
- const fileList = process.argv[2];
5
- const dest = process.argv[3];
6
- const src = "@openui5/sap.ui.core/src/";
7
-
8
- const generate = async () => {
4
+ const generate = async (argv) => {
5
+ const fileList = argv[2];
6
+ const dest = argv[3];
7
+ const src = "@openui5/sap.ui.core/src/";
9
8
  const filesToCopy = (await fs.readFile(fileList)).toString();
10
9
  // console.log(filesToCopy);
11
10
 
@@ -14,15 +13,24 @@ const generate = async () => {
14
13
 
15
14
  const trimFile = file => file.trim();
16
15
 
17
- return filesToCopy.split("\n").map(trimFile).filter(shouldCopy).map(async moduleName => {
18
- const srcPath = require.resolve(path.join(src, moduleName), {paths: [process.cwd()]});
16
+ const promises = filesToCopy.split("\n").map(trimFile).filter(shouldCopy).map(async moduleName => {
17
+ const srcPath = require.resolve(path.join(src, moduleName), { paths: [process.cwd()] });
19
18
  const destPath = path.join(dest, moduleName);
20
19
 
21
20
  await fs.mkdir(path.dirname(destPath), { recursive: true });
22
21
  return fs.copyFile(srcPath, destPath);
23
22
  });
23
+
24
+ return Promise.all(promises).then(() => {
25
+ if (process.env.UI5_VERBOSE === "true") {
26
+ console.log("Files copied.");
27
+ }
28
+ });
24
29
  };
25
30
 
26
- generate().then(() => {
27
- console.log("Files copied.");
28
- });
31
+
32
+ if (require.main === module) {
33
+ generate(process.argv)
34
+ }
35
+
36
+ exports._ui5mainFn = generate;
@@ -1,11 +1,6 @@
1
1
  const fs = require("fs").promises;
2
2
  const path = require("path");
3
3
 
4
- const collectionName = process.argv[2] || "SAP-icons-v4";
5
- const collectionVersion = process.argv[3];
6
- const srcFile = collectionVersion ? path.normalize(`src/${collectionVersion}/${collectionName}.json`) : path.normalize(`src/${collectionName}.json`);
7
- const destDir = collectionVersion ? path.normalize(`dist/${collectionVersion}/`) : path.normalize("dist/");
8
-
9
4
  const iconTemplate = (name, pathData, ltr, collection, packageName) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
10
5
 
11
6
  const name = "${name}";
@@ -21,8 +16,8 @@ export default "${collection}/${name}";
21
16
  export { pathData, ltr, accData };`;
22
17
 
23
18
 
24
- const iconAccTemplate = (name, pathData, ltr, accData, collection, packageName) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
25
- import { ${accData.key} } from "../generated/i18n/i18n-defaults.js";
19
+ const iconAccTemplate = (name, pathData, ltr, accData, collection, packageName, versioned) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
20
+ import { ${accData.key} } from "${versioned ? "../" : "./"}generated/i18n/i18n-defaults.js";
26
21
 
27
22
  const name = "${name}";
28
23
  const pathData = "${pathData}";
@@ -38,14 +33,16 @@ export { pathData, ltr, accData };`;
38
33
 
39
34
 
40
35
 
41
- const collectionTemplate = (name, versions, fullName) => `import { isLegacyThemeFamily } from "@ui5/webcomponents-base/dist/config/Theme.js";
36
+ const collectionTemplate = (name, versions, fullName) => `import { isLegacyThemeFamilyAsync } from "@ui5/webcomponents-base/dist/config/Theme.js";
42
37
  import { pathData as pathData${versions[0]}, ltr, accData } from "./${versions[0]}/${name}.js";
43
38
  import { pathData as pathData${versions[1]} } from "./${versions[1]}/${name}.js";
44
39
 
45
- const pathData = isLegacyThemeFamily() ? pathData${versions[0]} : pathData${versions[1]};
40
+ const getPathData = async() => {
41
+ return await isLegacyThemeFamilyAsync() ? pathDatav4 : pathDatav5;
42
+ };
46
43
 
47
44
  export default "${fullName}";
48
- export { pathData, ltr, accData };`;
45
+ export { getPathData, ltr, accData };`;
49
46
 
50
47
 
51
48
  const typeDefinitionTemplate = (name, accData, collection) => `declare const pathData: string;
@@ -56,23 +53,27 @@ declare const _default: "${collection}/${name}";
56
53
  export default _default;
57
54
  export { pathData, ltr, accData };`
58
55
 
59
- const collectionTypeDefinitionTemplate = (name, accData) => `declare const pathData: string;
56
+ const collectionTypeDefinitionTemplate = (name, accData) => `declare const getPathData: () => Promise<string>;
60
57
  declare const ltr: boolean;
61
58
  declare const accData: ${accData ? '{ key: string; defaultText: string; }' : null}
62
59
  declare const _default: "${name}";
63
60
 
64
61
  export default _default;
65
- export { pathData, ltr, accData };`
62
+ export { getPathData, ltr, accData };`
66
63
 
67
64
 
68
65
  const svgTemplate = (pathData) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
69
66
  <path d="${pathData}"/>
70
67
  </svg>`;
71
68
 
72
- const createIcons = async (file) => {
69
+ const createIcons = async (argv) => {
70
+ const collectionName = argv[2] || "SAP-icons-v4";
71
+ const collectionVersion = argv[3];
72
+ const srcFile = collectionVersion ? path.normalize(`src/${collectionVersion}/${collectionName}.json`) : path.normalize(`src/${collectionName}.json`);
73
+ const destDir = collectionVersion ? path.normalize(`dist/${collectionVersion}/`) : path.normalize("dist/");
73
74
  await fs.mkdir(destDir, { recursive: true });
74
75
 
75
- const json = JSON.parse(await fs.readFile(file));
76
+ const json = JSON.parse(await fs.readFile(srcFile));
76
77
 
77
78
  const promises = [];
78
79
  for (let name in json.data) {
@@ -80,10 +81,11 @@ const createIcons = async (file) => {
80
81
  const pathData = iconData.path;
81
82
  const ltr = !!iconData.ltr;
82
83
  const acc = iconData.acc;
83
- const packageName = json.packageName;
84
- const collection = json.collection;
84
+ const packageName = json.packageName;
85
+ const collection = json.collection;
86
+ const versioned = json.version;
85
87
 
86
- const content = acc ? iconAccTemplate(name, pathData, ltr, acc, collection, packageName) : iconTemplate(name, pathData, ltr, collection, packageName);
88
+ const content = acc ? iconAccTemplate(name, pathData, ltr, acc, collection, packageName, versioned) : iconTemplate(name, pathData, ltr, collection, packageName);
87
89
 
88
90
  promises.push(fs.writeFile(path.join(destDir, `${name}.js`), content));
89
91
  promises.push(fs.writeFile(path.join(destDir, `${name}.svg`), svgTemplate(pathData)));
@@ -91,24 +93,27 @@ const createIcons = async (file) => {
91
93
 
92
94
  // For versioned icons collections, the script creates top level (unversioned) module that internally imports the versioned ones.
93
95
  // For example, the top level "@ui5/ui5-webcomponents-icons/dist/accept.js" imports:
94
- // - "@ui5/ui5-webcomponents-icons/dist/v5/accept.js"
96
+ // - "@ui5/ui5-webcomponents-icons/dist/v5/accept.js"
95
97
  // - "@ui5/ui5-webcomponents-icons/dist/v4/accept.js"
96
98
 
97
- if (json.version) {
99
+ if (versioned) {
98
100
  // The exported value from the top level (unversioned) icon module depends on whether the collection is the default,
99
101
  // to add or not the collection name to the exported value:
100
102
  // For the default collection (SAPIcons) we export just the icon name - "export default { 'accept' }"
101
103
  // For non-default collections (SAPTNTIcons and SAPBSIcons) we export the full name - "export default { 'tnt/actor' }"
102
104
  const effectiveName = isDefaultCollection(collection) ? name : getUnversionedFullIconName(name, collection);
103
105
  promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.js`), collectionTemplate(name, json.versions, effectiveName)));
104
- promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.d.ts`), collectionTypeDefinitionTemplate(effectiveName, acc)));
106
+ promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.d.ts`), collectionTypeDefinitionTemplate(effectiveName, acc)));
105
107
  }
106
108
  }
107
109
 
108
- return Promise.all(promises);
110
+ return Promise.all(promises)
111
+ .then(() => {
112
+ console.log("Icons created.");
113
+ });
109
114
  };
110
115
 
111
- const isDefaultCollection = collectionName => collectionName === "SAP-icons-v4" || collectionName === "SAP-icons-v5";
116
+ const isDefaultCollection = collectionName => collectionName === "SAP-icons-v4" || collectionName === "SAP-icons-v5";
112
117
  const getUnversionedFullIconName = (name, collection) => `${getUnversionedCollectionName(collection)}/${name}`;
113
118
  const getUnversionedCollectionName = collectionName => CollectionVersionedToUnversionedMap[collectionName] || collectionName;
114
119
 
@@ -119,6 +124,8 @@ const CollectionVersionedToUnversionedMap = {
119
124
  "business-suite-v2": "business-suite",
120
125
  };
121
126
 
122
- createIcons(srcFile).then(() => {
123
- console.log("Icons created.");
124
- });
127
+ if (require.main === module) {
128
+ createIcons(process.argv)
129
+ }
130
+
131
+ exports._ui5mainFn = createIcons;
@@ -1,11 +1,10 @@
1
1
  const fs = require("fs").promises;
2
2
  const path = require("path");
3
3
 
4
- if (process.argv.length < 7) {
5
- throw new Error("Not enough arguments");
6
- }
7
-
8
- const generate = async () => {
4
+ const generate = async (argv) => {
5
+ if (argv.length < 7) {
6
+ throw new Error("Not enough arguments");
7
+ }
9
8
 
10
9
  const ORIGINAL_TEXTS = {
11
10
  UnableToLoad: "UnableToLoad",
@@ -20,7 +19,15 @@ const generate = async () => {
20
19
  SuccessScreen: "SuccessScreen",
21
20
  NoMail: "NoMail",
22
21
  NoSavedItems: "NoSavedItems",
23
- NoTasks: "NoTasks"
22
+ NoTasks: "NoTasks",
23
+ NoDimensionsSet: "NoDimensionsSet",
24
+ AddPeople: "AddPeople",
25
+ AddColumn: "AddColumn",
26
+ SortColumn: "SortColumn",
27
+ FilterTable: "FilterTable",
28
+ ResizeColumn: "ResizeColumn",
29
+ GroupTable: "GroupTable",
30
+ UploadCollection: "UploadCollection"
24
31
  };
25
32
 
26
33
  const FALLBACK_TEXTS = {
@@ -47,38 +54,60 @@ const generate = async () => {
47
54
  SimpleNotFoundMagnifier: ORIGINAL_TEXTS.NoSearchResults,
48
55
  SimpleReload: ORIGINAL_TEXTS.UnableToLoad,
49
56
  SimpleTask: ORIGINAL_TEXTS.NoTasks,
57
+ NoChartData: ORIGINAL_TEXTS.NoDimensionsSet,
58
+ AddingColumns: ORIGINAL_TEXTS.AddColumn,
59
+ SortingColumns: ORIGINAL_TEXTS.SortColumn,
60
+ FilteringColumns: ORIGINAL_TEXTS.FilterTable,
61
+ ResizingColumns: ORIGINAL_TEXTS.ResizeColumn,
62
+ GroupingColumns: ORIGINAL_TEXTS.GroupTable,
63
+ AddPeopleToCalendar: ORIGINAL_TEXTS.AddPeople,
64
+ DragFilesToUpload: ORIGINAL_TEXTS.UploadCollection,
65
+ KeyTask: ORIGINAL_TEXTS.SuccessScreen,
66
+ ReceiveAppreciation: ORIGINAL_TEXTS.BalloonSky,
50
67
  SuccessBalloon: ORIGINAL_TEXTS.BalloonSky,
51
68
  SuccessCheckMark: ORIGINAL_TEXTS.SuccessScreen,
52
69
  SuccessHighFive: ORIGINAL_TEXTS.BalloonSky
53
70
  };
54
71
 
55
- const srcPath = process.argv[2];
56
- const defaultText = process.argv[3] === "true";
57
- const illustrationsPrefix = process.argv[4];
58
- const illustrationSet = process.argv[5];
59
- const destPath = process.argv[6];
60
- const collection = process.argv[7];
72
+ const srcPath = argv[2];
73
+ const defaultText = argv[3] === "true";
74
+ const illustrationsPrefix = argv[4];
75
+ const illustrationSet = argv[5];
76
+ const destPath = argv[6];
77
+ const collection = argv[7];
61
78
  const fileNamePattern = new RegExp(`${illustrationsPrefix}-.+-(.+).svg`);
62
- // collect each illustration name because each one should have Sample.js file
79
+ // collect each illustration name because each one should have Sample.js file
63
80
  const fileNames = new Set();
64
81
 
82
+ let dotIllustrationNames = [];
83
+
65
84
  try {
66
85
  await fs.access(srcPath);
67
86
  } catch (error) {
68
- console.log(`The path ${srcPath} does not exist.`);
87
+ if (process.env.UI5_VERBOSE === "true") {
88
+ console.log(`The path ${srcPath} does not exist.`);
89
+ }
69
90
  return Promise.resolve(null);
70
91
  }
71
92
 
72
- console.log(`Generating illustrations from ${srcPath} to ${destPath}`)
93
+ if (process.env.UI5_VERBOSE === "true") {
94
+ console.log(`Generating illustrations from ${srcPath} to ${destPath}`);
95
+ }
73
96
 
74
97
  const svgImportTemplate = svgContent => {
75
98
  return `export default \`${svgContent}\`;`
76
99
  };
77
100
  const svgToJs = async fileName => {
78
- const svg = await fs.readFile(path.join(srcPath, fileName), {encoding: "utf-8"});
101
+ const svg = await fs.readFile(path.join(srcPath, fileName), { encoding: "utf-8" });
79
102
  const fileContent = svgImportTemplate(svg);
103
+ const fileNameSplitArr = fileName.split('-');
80
104
  fileName = fileName.replace(/\.svg$/, ".js");
81
105
 
106
+ if (fileNameSplitArr[1] === 'Dot') {
107
+ // we keep the Dot illustration names to import them later. If no Dot is present, Spot will be used
108
+ dotIllustrationNames.push(fileNameSplitArr[2].split('.')[0]);
109
+ }
110
+
82
111
  return fs.writeFile(path.join(destPath, fileName), fileContent);
83
112
  };
84
113
  const illustrationImportTemplate = illustrationName => {
@@ -93,59 +122,53 @@ const generate = async () => {
93
122
  }
94
123
 
95
124
  const illustrationNameUpperCase = illustrationNameForTranslation.toUpperCase();
125
+ // If no Dot is present, Spot will be imported as Dot
126
+ const hasDot = dotIllustrationNames.indexOf(illustrationName) !== -1 ? 'Dot' : 'Spot';
96
127
 
97
- return defaultText ? `import { registerIllustration } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
128
+ return `import { unsafeRegisterIllustration } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
98
129
  import dialogSvg from "./${illustrationsPrefix}-Dialog-${illustrationName}.js";
99
130
  import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
100
131
  import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
101
- import {
132
+ import dotSvg from "./${illustrationsPrefix}-${hasDot}-${illustrationName}.js";${defaultText ? `import {
102
133
  IM_TITLE_${illustrationNameUpperCase},
103
134
  IM_SUBTITLE_${illustrationNameUpperCase},
104
- } from "../generated/i18n/i18n-defaults.js";
135
+ } from "../generated/i18n/i18n-defaults.js";` : ``}
105
136
 
106
137
  const name = "${illustrationName}";
107
138
  const set = "${illustrationSet}";
108
- const collection = "${collection}";
139
+ const collection = "${collection}";${defaultText ? `
109
140
  const title = IM_TITLE_${illustrationNameUpperCase};
110
- const subtitle = IM_SUBTITLE_${illustrationNameUpperCase};
141
+ const subtitle = IM_SUBTITLE_${illustrationNameUpperCase};` : ``}
111
142
 
112
- registerIllustration(name, {
143
+ unsafeRegisterIllustration(name, {
113
144
  dialogSvg,
114
145
  sceneSvg,
115
146
  spotSvg,
147
+ dotSvg,${defaultText ? `
116
148
  title,
117
- subtitle,
149
+ subtitle,` : ``}
118
150
  set,
119
151
  collection,
120
152
  });
121
153
 
154
+ export default "${illustrationSet === "fiori" ? "" : `${illustrationSet}/`}${illustrationName}";
122
155
  export {
123
156
  dialogSvg,
124
157
  sceneSvg,
125
158
  spotSvg,
126
- };` :
127
- `import { registerIllustration } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
128
- import dialogSvg from "./${illustrationsPrefix}-Dialog-${illustrationName}.js";
129
- import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
130
- import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
159
+ dotSvg,
160
+ };`
161
+ };
131
162
 
132
- const name = "${illustrationName}";
133
- const set = "${illustrationSet}";
134
- const collection = "${collection}";
163
+ const illustrationTypeDefinition = illustrationName => {
164
+ return `declare const dialogSvg: string;
165
+ declare const sceneSvg: string;
166
+ declare const spotSvg: string;
167
+ declare const dotSvg: string;
168
+ declare const _default: "${illustrationSet === "fiori" ? "" : `${illustrationSet}/`}${illustrationName}";
135
169
 
136
- registerIllustration(name, {
137
- dialogSvg,
138
- sceneSvg,
139
- spotSvg,
140
- set,
141
- collection,
142
- });
143
-
144
- export {
145
- dialogSvg,
146
- sceneSvg,
147
- spotSvg,
148
- };`
170
+ export default _default;
171
+ export { dialogSvg, sceneSvg, spotSvg, dotSvg };`
149
172
  };
150
173
 
151
174
  await fs.mkdir(destPath, { recursive: true });
@@ -163,13 +186,25 @@ export {
163
186
  }
164
187
  });
165
188
 
166
- for (let illustrationName of fileNames) {
167
- promises.push(fs.writeFile(path.join(destPath, `${illustrationName}.js`), illustrationImportTemplate(illustrationName)));
168
- }
189
+ return Promise.all(promises)
190
+ .then(() => {
191
+ const nestedPromises = [];
192
+ for (let illustrationName of fileNames) {
193
+ nestedPromises.push(fs.writeFile(path.join(destPath, `${illustrationName}.js`), illustrationImportTemplate(illustrationName)));
194
+ nestedPromises.push(fs.writeFile(path.join(destPath, `${illustrationName}.d.ts`), illustrationTypeDefinition(illustrationName)));
195
+ }
169
196
 
170
- return Promise.all(promises);
197
+ return Promise.all(nestedPromises);
198
+ })
199
+ .then(() => {
200
+ if (process.env.UI5_VERBOSE === "true") {
201
+ console.log("Illustrations generated.");
202
+ }
203
+ });
171
204
  };
172
205
 
173
- generate().then(() => {
174
- console.log("Illustrations generated.");
175
- });
206
+ if (require.main === module) {
207
+ generate(process.argv)
208
+ }
209
+
210
+ exports._ui5mainFn = generate;