@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.
- package/CHANGELOG.md +1791 -0
- package/LICENSE.txt +201 -0
- package/README.md +7 -9
- package/assets-meta.js +7 -9
- package/bin/dev.js +10 -4
- package/bin/ui5nps.js +301 -0
- package/components-package/eslint.js +59 -29
- package/components-package/nps.js +114 -82
- package/components-package/postcss.components.js +1 -24
- package/components-package/postcss.themes.js +1 -30
- package/components-package/vite.config.js +7 -11
- package/components-package/wdio.js +421 -400
- package/icons-collection/nps.js +31 -20
- 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 +582 -0
- package/lib/cem/event.mjs +168 -0
- package/lib/cem/merge.mjs +220 -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 +1462 -0
- package/lib/cem/schema.json +1138 -0
- package/lib/cem/types-internal.d.ts +838 -0
- package/lib/cem/types.d.ts +766 -0
- package/lib/cem/utils.mjs +433 -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 +32 -25
- package/lib/create-illustrations/index.js +86 -51
- package/lib/create-new-component/{tsFileContentTemplate.js → Component.js} +15 -21
- package/lib/create-new-component/ComponentTemplate.js +12 -0
- package/lib/create-new-component/index.js +16 -22
- 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 +4 -4
- package/lib/dev-server/{dev-server.js → dev-server.mjs} +26 -14
- package/lib/dev-server/virtual-index-html-plugin.js +24 -20
- package/lib/eslint/eslint.js +44 -0
- package/lib/generate-js-imports/illustrations.js +57 -53
- package/lib/generate-json-imports/i18n.js +63 -68
- package/lib/generate-json-imports/themes.js +38 -43
- package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +12 -7
- package/lib/hbs2ui5/index.js +3 -3
- package/lib/i18n/defaults.js +17 -9
- package/lib/i18n/toJSON.js +40 -12
- 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 +56 -48
- package/lib/vite-bundler/vite-bundler.mjs +35 -0
- package/package.json +29 -24
- package/tsconfig.json +18 -0
- package/components-package/wdio.sync.js +0 -368
- package/lib/create-new-component/jsFileContentTemplate.js +0 -73
- package/lib/esm-abs-to-rel/index.js +0 -58
- package/lib/generate-custom-elements-manifest/index.js +0 -327
- 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 -90
- 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/postcss-scope-vars/index.js +0 -24
- 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-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 {
|
|
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
|
|
40
|
+
const getPathData = async() => {
|
|
41
|
+
return await isLegacyThemeFamilyAsync() ? pathDatav4 : pathDatav5;
|
|
42
|
+
};
|
|
46
43
|
|
|
47
44
|
export default "${fullName}";
|
|
48
|
-
export {
|
|
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,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 =
|
|
84
|
-
const 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 (
|
|
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
|
-
|
|
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"
|
|
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
|
-
|
|
123
|
-
|
|
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
|
-
|
|
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,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 =
|
|
56
|
-
const defaultText =
|
|
57
|
-
const illustrationsPrefix =
|
|
58
|
-
const illustrationSet =
|
|
59
|
-
const destPath =
|
|
60
|
-
const collection =
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
128
|
-
|
|
129
|
-
import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
|
|
130
|
-
import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
|
|
159
|
+
dotSvg,
|
|
160
|
+
};`
|
|
161
|
+
};
|
|
131
162
|
|
|
132
|
-
const
|
|
133
|
-
const
|
|
134
|
-
const
|
|
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
|
-
|
|
137
|
-
|
|
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
|
-
|
|
167
|
-
|
|
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
|
-
|
|
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
|
-
|
|
174
|
-
|
|
175
|
-
}
|
|
206
|
+
if (require.main === module) {
|
|
207
|
+
generate(process.argv)
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
exports._ui5mainFn = generate;
|