@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.
- package/CHANGELOG.md +2188 -0
- package/LICENSE.txt +201 -0
- package/README.md +7 -9
- package/assets-meta.js +12 -11
- package/bin/dev.js +10 -4
- package/bin/ui5nps.js +301 -0
- package/components-package/eslint.js +51 -15
- package/components-package/nps.js +123 -80
- package/components-package/postcss.components.js +1 -21
- package/components-package/postcss.themes.js +1 -26
- package/components-package/vite.config.js +7 -10
- package/components-package/wdio.js +43 -15
- package/icons-collection/nps.js +32 -19
- package/lib/amd-to-es6/index.js +109 -0
- package/lib/amd-to-es6/no-remaining-require.js +33 -0
- package/lib/cem/cem.js +16 -0
- package/lib/cem/custom-elements-manifest.config.mjs +575 -0
- package/lib/cem/event.mjs +168 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/cli.js +128 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/package.json +59 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/browser-entrypoint.js +23 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/create.js +117 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/arrow-function.js +26 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/class-jsdoc.js +157 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/classes.js +20 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createArrowFunction.js +17 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createAttribute.js +24 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createClass.js +301 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createClassField.js +26 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createFunctionLike.js +73 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createMixin.js +33 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/createVariable.js +22 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/creators/handlers.js +338 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/custom-elements-define-calls.js +90 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/exports.js +156 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/function-like.js +24 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/mixins.js +29 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/reexported-wrapped-mixin-exports.js +84 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/analyse-phase/variables.js +34 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/collect-phase/collect-imports.js +101 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst/catalyst.js +11 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst/controller.js +34 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst-major-2/catalyst.js +11 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/catalyst-major-2/controller.js +34 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/decorators/attr.js +53 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/decorators/custom-element-decorator.js +36 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/fast/fast.js +7 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js +13 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/member-denylist.js +21 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/method-denylist.js +20 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/property-decorator.js +94 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/static-properties.js +121 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/utils.js +66 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/framework-plugins/stencil/stencil.js +129 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/index.js +80 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/cleanup-classes.js +25 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/field-denylist.js +22 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/link-phase/method-denylist.js +25 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/apply-inheritance.js +78 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/is-custom-element.js +34 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/link-class-to-tagname.js +27 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/remove-unexported-declarations.js +23 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/features/post-processing/resolve-initializers.js +52 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/ast-helpers.js +186 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/cli-helpers.js +164 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/exports.js +44 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/find-external-manifests.js +67 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/imports.js +25 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/index.js +71 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/jsdoc.js +19 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/manifest-helpers.js +194 -0
- package/lib/cem/patch/@custom-elements-manifest/analyzer/src/utils/mixins.js +112 -0
- package/lib/cem/schema-internal.json +1422 -0
- package/lib/cem/schema.json +1098 -0
- package/lib/cem/types-internal.d.ts +808 -0
- package/lib/cem/types.d.ts +736 -0
- package/lib/cem/utils.mjs +429 -0
- package/lib/cem/validate.js +81 -0
- package/lib/chokidar/chokidar.js +28 -0
- package/lib/copy-and-watch/index.js +110 -97
- package/lib/copy-list/index.js +18 -10
- package/lib/create-icons/index.js +57 -27
- package/lib/create-illustrations/index.js +94 -45
- package/lib/create-new-component/Component.js +74 -0
- package/lib/create-new-component/ComponentTemplate.js +12 -0
- package/lib/create-new-component/index.js +62 -101
- package/lib/css-processors/css-processor-components.mjs +103 -0
- package/lib/css-processors/css-processor-themes.mjs +122 -0
- package/lib/css-processors/postcss-plugin.mjs +153 -0
- package/lib/css-processors/scope-variables.mjs +74 -0
- package/lib/css-processors/shared.mjs +47 -0
- package/lib/dev-server/custom-hot-update-plugin.js +39 -0
- package/lib/dev-server/{dev-server.js → dev-server.mjs} +26 -14
- package/lib/dev-server/virtual-index-html-plugin.js +24 -21
- package/lib/eslint/eslint.js +44 -0
- package/lib/generate-js-imports/illustrations.js +79 -64
- package/lib/generate-json-imports/i18n.js +63 -68
- package/lib/generate-json-imports/themes.js +38 -43
- package/lib/hbs2lit/src/compiler.js +9 -6
- package/lib/hbs2lit/src/litVisitor2.js +42 -17
- package/lib/hbs2lit/src/svgProcessor.js +12 -5
- package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +39 -6
- package/lib/hbs2ui5/index.js +23 -6
- package/lib/i18n/defaults.js +24 -9
- package/lib/i18n/toJSON.js +41 -13
- package/lib/icons-hash/icons-hash.mjs +149 -0
- package/lib/postcss-combine-duplicated-selectors/index.js +12 -5
- package/lib/remove-dev-mode/remove-dev-mode.mjs +51 -0
- package/lib/rimraf/rimraf.js +31 -0
- package/lib/scoping/get-all-tags.js +10 -3
- package/lib/scoping/lint-src.js +8 -7
- package/lib/scoping/scope-test-pages.js +2 -1
- package/lib/test-runner/test-runner.js +59 -43
- package/lib/vite-bundler/vite-bundler.mjs +35 -0
- package/package.json +36 -25
- package/tsconfig.json +18 -0
- package/components-package/wdio.sync.js +0 -360
- package/lib/esm-abs-to-rel/index.js +0 -58
- package/lib/generate-custom-elements-manifest/index.js +0 -373
- package/lib/jsdoc/config.json +0 -29
- package/lib/jsdoc/configTypescript.json +0 -29
- package/lib/jsdoc/plugin.js +0 -2468
- package/lib/jsdoc/preprocess.js +0 -146
- package/lib/jsdoc/template/publish.js +0 -4120
- package/lib/postcss-css-to-esm/index.js +0 -57
- package/lib/postcss-css-to-json/index.js +0 -47
- package/lib/postcss-new-files/index.js +0 -36
- package/lib/postcss-p/postcss-p.mjs +0 -14
- 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
|
|
34
|
-
const
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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 (
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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
|
-
|
|
77
|
-
|
|
78
|
-
|
|
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
|
-
|
|
83
|
-
|
|
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
|
-
|
|
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
|
-
//
|
|
112
|
-
if (options
|
|
113
|
-
|
|
114
|
-
}
|
|
122
|
+
// initial copy
|
|
123
|
+
if (!options['skip-initial-copy']) {
|
|
124
|
+
sources.forEach(s => glob.sync(s).forEach(copy));
|
|
125
|
+
}
|
|
115
126
|
|
|
116
|
-
//
|
|
117
|
-
if (
|
|
118
|
-
|
|
119
|
-
|
|
127
|
+
// watch
|
|
128
|
+
if (options.watch) {
|
|
129
|
+
const chokidarOptions = {
|
|
130
|
+
ignoreInitial: true
|
|
131
|
+
};
|
|
120
132
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
133
|
+
if (options.safe) {
|
|
134
|
+
chokidarOptions.awaitWriteFinish = {
|
|
135
|
+
stabilityThreshold: 500,
|
|
136
|
+
pollInterval: 100
|
|
137
|
+
};
|
|
138
|
+
}
|
|
126
139
|
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
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
|
-
|
|
135
|
-
|
|
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;
|
package/lib/copy-list/index.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
const fs = require("fs").promises;
|
|
2
2
|
const path = require("path");
|
|
3
3
|
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
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
|
-
|
|
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
|
-
|
|
27
|
-
|
|
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 {
|
|
42
|
-
import {pathData as
|
|
43
|
-
import {pathData as
|
|
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
|
|
40
|
+
const getPathData = async() => {
|
|
41
|
+
return await isLegacyThemeFamilyAsync() ? pathDatav4 : pathDatav5;
|
|
42
|
+
};
|
|
46
43
|
|
|
47
|
-
export default "${
|
|
48
|
-
export {
|
|
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
|
|
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 {
|
|
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 (
|
|
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(
|
|
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,
|
|
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,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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
|
-
|
|
100
|
-
|
|
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
|
-
|
|
5
|
-
|
|
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 =
|
|
56
|
-
const defaultText =
|
|
57
|
-
const illustrationsPrefix =
|
|
58
|
-
const illustrationSet =
|
|
59
|
-
const destPath =
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
116
|
-
|
|
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
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
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
|
-
|
|
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
|
-
|
|
153
|
-
|
|
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
|
-
|
|
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
|
-
|
|
160
|
-
|
|
161
|
-
}
|
|
206
|
+
if (require.main === module) {
|
|
207
|
+
generate(process.argv)
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
exports._ui5mainFn = generate;
|