@ui5/webcomponents-tools 0.0.0-a7032d86e → 0.0.0-a8a75c830

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 +2188 -0
  2. package/LICENSE.txt +201 -0
  3. package/README.md +7 -9
  4. package/assets-meta.js +12 -11
  5. package/bin/dev.js +10 -4
  6. package/bin/ui5nps.js +301 -0
  7. package/components-package/eslint.js +51 -15
  8. package/components-package/nps.js +123 -80
  9. package/components-package/postcss.components.js +1 -21
  10. package/components-package/postcss.themes.js +1 -26
  11. package/components-package/vite.config.js +7 -10
  12. package/components-package/wdio.js +43 -15
  13. package/icons-collection/nps.js +32 -19
  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 +575 -0
  18. package/lib/cem/event.mjs +168 -0
  19. package/lib/cem/patch/@custom-elements-manifest/analyzer/cli.js +128 -0
  20. package/lib/cem/patch/@custom-elements-manifest/analyzer/package.json +59 -0
  21. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/browser-entrypoint.js +23 -0
  22. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/create.js +117 -0
  23. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/arrow-function.js +26 -0
  24. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/class-jsdoc.js +157 -0
  25. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/classes.js +20 -0
  26. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createArrowFunction.js +17 -0
  27. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createAttribute.js +24 -0
  28. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createClass.js +301 -0
  29. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createClassField.js +26 -0
  30. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createFunctionLike.js +73 -0
  31. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createMixin.js +33 -0
  32. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createVariable.js +22 -0
  33. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/handlers.js +338 -0
  34. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/custom-elements-define-calls.js +90 -0
  35. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/exports.js +156 -0
  36. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/function-like.js +24 -0
  37. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/mixins.js +29 -0
  38. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/reexported-wrapped-mixin-exports.js +84 -0
  39. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/variables.js +34 -0
  40. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/collect-phase/collect-imports.js +101 -0
  41. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst/catalyst.js +11 -0
  42. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst/controller.js +34 -0
  43. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst-major-2/catalyst.js +11 -0
  44. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst-major-2/controller.js +34 -0
  45. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/decorators/attr.js +53 -0
  46. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/decorators/custom-element-decorator.js +36 -0
  47. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/fast/fast.js +7 -0
  48. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js +13 -0
  49. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/member-denylist.js +21 -0
  50. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/method-denylist.js +20 -0
  51. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/property-decorator.js +94 -0
  52. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/static-properties.js +121 -0
  53. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/utils.js +66 -0
  54. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/stencil/stencil.js +129 -0
  55. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/index.js +80 -0
  56. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/cleanup-classes.js +25 -0
  57. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/field-denylist.js +22 -0
  58. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/method-denylist.js +25 -0
  59. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/apply-inheritance.js +78 -0
  60. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/is-custom-element.js +34 -0
  61. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/link-class-to-tagname.js +27 -0
  62. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/remove-unexported-declarations.js +23 -0
  63. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/resolve-initializers.js +52 -0
  64. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/ast-helpers.js +186 -0
  65. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/cli-helpers.js +164 -0
  66. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/exports.js +44 -0
  67. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/find-external-manifests.js +67 -0
  68. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/imports.js +25 -0
  69. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/index.js +71 -0
  70. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/jsdoc.js +19 -0
  71. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/manifest-helpers.js +194 -0
  72. package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/mixins.js +112 -0
  73. package/lib/cem/schema-internal.json +1422 -0
  74. package/lib/cem/schema.json +1098 -0
  75. package/lib/cem/types-internal.d.ts +808 -0
  76. package/lib/cem/types.d.ts +736 -0
  77. package/lib/cem/utils.mjs +429 -0
  78. package/lib/cem/validate.js +81 -0
  79. package/lib/chokidar/chokidar.js +28 -0
  80. package/lib/copy-and-watch/index.js +110 -97
  81. package/lib/copy-list/index.js +18 -10
  82. package/lib/create-icons/index.js +57 -27
  83. package/lib/create-illustrations/index.js +94 -45
  84. package/lib/create-new-component/Component.js +74 -0
  85. package/lib/create-new-component/ComponentTemplate.js +12 -0
  86. package/lib/create-new-component/index.js +62 -101
  87. package/lib/css-processors/css-processor-components.mjs +103 -0
  88. package/lib/css-processors/css-processor-themes.mjs +122 -0
  89. package/lib/css-processors/postcss-plugin.mjs +153 -0
  90. package/lib/css-processors/scope-variables.mjs +74 -0
  91. package/lib/css-processors/shared.mjs +47 -0
  92. package/lib/dev-server/custom-hot-update-plugin.js +39 -0
  93. package/lib/dev-server/{dev-server.js → dev-server.mjs} +26 -14
  94. package/lib/dev-server/virtual-index-html-plugin.js +24 -21
  95. package/lib/eslint/eslint.js +44 -0
  96. package/lib/generate-js-imports/illustrations.js +79 -64
  97. package/lib/generate-json-imports/i18n.js +63 -68
  98. package/lib/generate-json-imports/themes.js +38 -43
  99. package/lib/hbs2lit/src/compiler.js +9 -6
  100. package/lib/hbs2lit/src/litVisitor2.js +42 -17
  101. package/lib/hbs2lit/src/svgProcessor.js +12 -5
  102. package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +39 -6
  103. package/lib/hbs2ui5/index.js +23 -6
  104. package/lib/i18n/defaults.js +24 -9
  105. package/lib/i18n/toJSON.js +41 -13
  106. package/lib/icons-hash/icons-hash.mjs +149 -0
  107. package/lib/postcss-combine-duplicated-selectors/index.js +12 -5
  108. package/lib/remove-dev-mode/remove-dev-mode.mjs +51 -0
  109. package/lib/rimraf/rimraf.js +31 -0
  110. package/lib/scoping/get-all-tags.js +10 -3
  111. package/lib/scoping/lint-src.js +8 -7
  112. package/lib/scoping/scope-test-pages.js +2 -1
  113. package/lib/test-runner/test-runner.js +59 -43
  114. package/lib/vite-bundler/vite-bundler.mjs +35 -0
  115. package/package.json +36 -25
  116. package/tsconfig.json +18 -0
  117. package/components-package/wdio.sync.js +0 -360
  118. package/lib/esm-abs-to-rel/index.js +0 -58
  119. package/lib/generate-custom-elements-manifest/index.js +0 -373
  120. package/lib/jsdoc/config.json +0 -29
  121. package/lib/jsdoc/configTypescript.json +0 -29
  122. package/lib/jsdoc/plugin.js +0 -2468
  123. package/lib/jsdoc/preprocess.js +0 -146
  124. package/lib/jsdoc/template/publish.js +0 -4120
  125. package/lib/postcss-css-to-esm/index.js +0 -57
  126. package/lib/postcss-css-to-json/index.js +0 -47
  127. package/lib/postcss-new-files/index.js +0 -36
  128. package/lib/postcss-p/postcss-p.mjs +0 -14
  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";
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) => `import { isThemeFamily } from "@ui5/webcomponents-base/dist/config/Theme.js";
42
- import {pathData as pathDataV5, ltr, accData} from "./v5/${name}.js";
43
- import {pathData as pathDataV4} from "./v4/${name}.js";
36
+ const collectionTemplate = (name, versions, fullName) => `import { isLegacyThemeFamilyAsync } from "@ui5/webcomponents-base/dist/config/Theme.js";
37
+ import { pathData as pathData${versions[0]}, ltr, accData } from "./${versions[0]}/${name}.js";
38
+ import { pathData as pathData${versions[1]} } from "./${versions[1]}/${name}.js";
44
39
 
45
- const pathData = isThemeFamily("sap_horizon") ? pathDataV5 : pathDataV4;
40
+ const getPathData = async() => {
41
+ return await isLegacyThemeFamilyAsync() ? pathDatav4 : pathDatav5;
42
+ };
46
43
 
47
- export default "${name}";
48
- export { pathData, ltr, accData };`;
44
+ export default "${fullName}";
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,22 +81,51 @@ const createIcons = async (file) => {
80
81
  const pathData = iconData.path;
81
82
  const ltr = !!iconData.ltr;
82
83
  const acc = iconData.acc;
84
+ const packageName = json.packageName;
85
+ const collection = json.collection;
86
+ const versioned = json.version;
83
87
 
84
- const content = acc ? iconAccTemplate(name, pathData, ltr, acc, json.collection, json.packageName) : iconTemplate(name, pathData, ltr, json.collection, json.packageName);
88
+ const content = acc ? iconAccTemplate(name, pathData, ltr, acc, collection, packageName, versioned) : iconTemplate(name, pathData, ltr, collection, packageName);
85
89
 
86
90
  promises.push(fs.writeFile(path.join(destDir, `${name}.js`), content));
87
91
  promises.push(fs.writeFile(path.join(destDir, `${name}.svg`), svgTemplate(pathData)));
88
- promises.push(fs.writeFile(path.join(destDir, `${name}.d.ts`), typeDefinitionTemplate(name, acc, json.collection)));
89
-
90
- if (json.version) {
91
- promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.js`), collectionTemplate(name)));
92
- promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.d.ts`), collectionTypeDefinitionTemplate(name, acc)));
92
+ promises.push(fs.writeFile(path.join(destDir, `${name}.d.ts`), typeDefinitionTemplate(name, acc, collection)));
93
+
94
+ // For versioned icons collections, the script creates top level (unversioned) module that internally imports the versioned ones.
95
+ // For example, the top level "@ui5/ui5-webcomponents-icons/dist/accept.js" imports:
96
+ // - "@ui5/ui5-webcomponents-icons/dist/v5/accept.js"
97
+ // - "@ui5/ui5-webcomponents-icons/dist/v4/accept.js"
98
+
99
+ if (versioned) {
100
+ // The exported value from the top level (unversioned) icon module depends on whether the collection is the default,
101
+ // to add or not the collection name to the exported value:
102
+ // For the default collection (SAPIcons) we export just the icon name - "export default { 'accept' }"
103
+ // For non-default collections (SAPTNTIcons and SAPBSIcons) we export the full name - "export default { 'tnt/actor' }"
104
+ const effectiveName = isDefaultCollection(collection) ? name : getUnversionedFullIconName(name, collection);
105
+ promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.js`), collectionTemplate(name, json.versions, effectiveName)));
106
+ promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.d.ts`), collectionTypeDefinitionTemplate(effectiveName, acc)));
93
107
  }
94
108
  }
95
109
 
96
- return Promise.all(promises);
110
+ return Promise.all(promises)
111
+ .then(() => {
112
+ console.log("Icons created.");
113
+ });
97
114
  };
98
115
 
99
- createIcons(srcFile).then(() => {
100
- console.log("Icons created.");
101
- });
116
+ const isDefaultCollection = collectionName => collectionName === "SAP-icons-v4" || collectionName === "SAP-icons-v5";
117
+ const getUnversionedFullIconName = (name, collection) => `${getUnversionedCollectionName(collection)}/${name}`;
118
+ const getUnversionedCollectionName = collectionName => CollectionVersionedToUnversionedMap[collectionName] || collectionName;
119
+
120
+ const CollectionVersionedToUnversionedMap = {
121
+ "tnt-v2": "tnt",
122
+ "tnt-v3": "tnt",
123
+ "business-suite-v1": "business-suite",
124
+ "business-suite-v2": "business-suite",
125
+ };
126
+
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,28 +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];
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];
60
78
  const fileNamePattern = new RegExp(`${illustrationsPrefix}-.+-(.+).svg`);
61
- // 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
62
80
  const fileNames = new Set();
63
81
 
82
+ let dotIllustrationNames = [];
83
+
84
+ try {
85
+ await fs.access(srcPath);
86
+ } catch (error) {
87
+ if (process.env.UI5_VERBOSE === "true") {
88
+ console.log(`The path ${srcPath} does not exist.`);
89
+ }
90
+ return Promise.resolve(null);
91
+ }
92
+
93
+ if (process.env.UI5_VERBOSE === "true") {
94
+ console.log(`Generating illustrations from ${srcPath} to ${destPath}`);
95
+ }
96
+
64
97
  const svgImportTemplate = svgContent => {
65
98
  return `export default \`${svgContent}\`;`
66
99
  };
67
100
  const svgToJs = async fileName => {
68
- 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" });
69
102
  const fileContent = svgImportTemplate(svg);
103
+ const fileNameSplitArr = fileName.split('-');
70
104
  fileName = fileName.replace(/\.svg$/, ".js");
71
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
+
72
111
  return fs.writeFile(path.join(destPath, fileName), fileContent);
73
112
  };
74
113
  const illustrationImportTemplate = illustrationName => {
@@ -83,55 +122,53 @@ const generate = async () => {
83
122
  }
84
123
 
85
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';
86
127
 
87
- 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";
88
129
  import dialogSvg from "./${illustrationsPrefix}-Dialog-${illustrationName}.js";
89
130
  import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
90
131
  import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
91
- import {
132
+ import dotSvg from "./${illustrationsPrefix}-${hasDot}-${illustrationName}.js";${defaultText ? `import {
92
133
  IM_TITLE_${illustrationNameUpperCase},
93
134
  IM_SUBTITLE_${illustrationNameUpperCase},
94
- } from "../generated/i18n/i18n-defaults.js";
135
+ } from "../generated/i18n/i18n-defaults.js";` : ``}
95
136
 
96
137
  const name = "${illustrationName}";
97
138
  const set = "${illustrationSet}";
139
+ const collection = "${collection}";${defaultText ? `
98
140
  const title = IM_TITLE_${illustrationNameUpperCase};
99
- const subtitle = IM_SUBTITLE_${illustrationNameUpperCase};
141
+ const subtitle = IM_SUBTITLE_${illustrationNameUpperCase};` : ``}
100
142
 
101
- registerIllustration(name, {
143
+ unsafeRegisterIllustration(name, {
102
144
  dialogSvg,
103
145
  sceneSvg,
104
146
  spotSvg,
147
+ dotSvg,${defaultText ? `
105
148
  title,
106
- subtitle,
149
+ subtitle,` : ``}
107
150
  set,
151
+ collection,
108
152
  });
109
153
 
154
+ export default "${illustrationSet === "fiori" ? "" : `${illustrationSet}/`}${illustrationName}";
110
155
  export {
111
156
  dialogSvg,
112
157
  sceneSvg,
113
158
  spotSvg,
114
- };` :
115
- `import { registerIllustration } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
116
- import dialogSvg from "./${illustrationsPrefix}-Dialog-${illustrationName}.js";
117
- import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
118
- import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
119
-
120
- const name = "${illustrationName}";
121
- const set = "${illustrationSet}";
159
+ dotSvg,
160
+ };`
161
+ };
122
162
 
123
- registerIllustration(name, {
124
- dialogSvg,
125
- sceneSvg,
126
- spotSvg,
127
- set,
128
- });
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}";
129
169
 
130
- export {
131
- dialogSvg,
132
- sceneSvg,
133
- spotSvg,
134
- };`
170
+ export default _default;
171
+ export { dialogSvg, sceneSvg, spotSvg, dotSvg };`
135
172
  };
136
173
 
137
174
  await fs.mkdir(destPath, { recursive: true });
@@ -149,13 +186,25 @@ export {
149
186
  }
150
187
  });
151
188
 
152
- for (let illustrationName of fileNames) {
153
- promises.push(fs.writeFile(path.join(destPath, `${illustrationName}.js`), illustrationImportTemplate(illustrationName)));
154
- }
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
+ }
155
196
 
156
- 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
+ });
157
204
  };
158
205
 
159
- generate().then(() => {
160
- console.log("Illustrations generated.");
161
- });
206
+ if (require.main === module) {
207
+ generate(process.argv)
208
+ }
209
+
210
+ exports._ui5mainFn = generate;