@ui5/webcomponents-tools 0.0.0-bad80d0d6 → 0.0.0-bf8366eb6
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 +1326 -0
- package/README.md +6 -6
- package/assets-meta.js +17 -6
- package/bin/dev.js +1 -5
- package/components-package/eslint.js +36 -0
- package/components-package/nps.js +110 -67
- package/components-package/postcss.components.js +1 -21
- package/components-package/postcss.themes.js +1 -23
- package/components-package/vite.config.js +13 -0
- package/components-package/wdio.js +107 -37
- package/icons-collection/nps.js +51 -18
- package/lib/amd-to-es6/index.js +102 -0
- package/lib/amd-to-es6/no-remaining-require.js +33 -0
- package/lib/cem/custom-elements-manifest.config.mjs +501 -0
- package/lib/cem/event.mjs +131 -0
- package/lib/cem/schema-internal.json +1357 -0
- package/lib/cem/schema.json +1098 -0
- package/lib/cem/types-internal.d.ts +796 -0
- package/lib/cem/types.d.ts +736 -0
- package/lib/cem/utils.mjs +384 -0
- package/lib/cem/validate.js +70 -0
- package/lib/copy-and-watch/index.js +24 -1
- package/lib/copy-list/index.js +28 -0
- package/lib/create-icons/index.js +126 -58
- package/lib/create-illustrations/index.js +182 -0
- package/lib/create-new-component/index.js +65 -97
- package/lib/create-new-component/tsFileContentTemplate.js +71 -0
- package/lib/css-processors/css-processor-component-styles.mjs +48 -0
- package/lib/css-processors/css-processor-components.mjs +77 -0
- package/lib/css-processors/css-processor-themes.mjs +79 -0
- package/lib/css-processors/scope-variables.mjs +49 -0
- package/lib/css-processors/shared.mjs +76 -0
- package/lib/dev-server/custom-hot-update-plugin.js +39 -0
- package/lib/dev-server/dev-server.js +66 -0
- package/lib/dev-server/ssr-dom-shim-loader.js +26 -0
- package/lib/dev-server/virtual-index-html-plugin.js +52 -0
- package/lib/generate-js-imports/illustrations.js +86 -0
- package/lib/generate-json-imports/i18n.js +35 -55
- package/lib/generate-json-imports/themes.js +30 -45
- package/lib/hbs2lit/src/compiler.js +24 -4
- package/lib/hbs2lit/src/includesReplacer.js +5 -5
- package/lib/hbs2lit/src/litVisitor2.js +113 -25
- package/lib/hbs2lit/src/svgProcessor.js +12 -5
- package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +34 -13
- package/lib/hbs2ui5/index.js +56 -23
- package/lib/i18n/defaults.js +65 -57
- package/lib/i18n/toJSON.js +12 -11
- package/lib/postcss-combine-duplicated-selectors/index.js +185 -0
- package/lib/remove-dev-mode/remove-dev-mode.mjs +37 -0
- package/lib/scoping/get-all-tags.js +2 -9
- package/lib/scoping/lint-src.js +9 -8
- package/lib/scoping/missing-dependencies.js +65 -0
- package/lib/scoping/report-tags-usage.js +28 -0
- package/lib/scoping/scope-test-pages.js +2 -1
- package/lib/test-runner/test-runner.js +71 -0
- package/package.json +38 -41
- package/bin/init-ui5-package.js +0 -3
- package/components-package/rollup.js +0 -195
- package/lib/documentation/index.js +0 -165
- package/lib/documentation/templates/api-component-since.js +0 -3
- package/lib/documentation/templates/api-css-variables-section.js +0 -24
- package/lib/documentation/templates/api-events-section.js +0 -35
- package/lib/documentation/templates/api-methods-section.js +0 -26
- package/lib/documentation/templates/api-properties-section.js +0 -40
- package/lib/documentation/templates/api-slots-section.js +0 -28
- package/lib/documentation/templates/template.js +0 -38
- package/lib/hash/config.js +0 -10
- package/lib/hash/generate.js +0 -19
- package/lib/hash/upToDate.js +0 -31
- package/lib/init-package/index.js +0 -123
- package/lib/init-package/resources/.eslintignore +0 -3
- package/lib/init-package/resources/bundle.es5.js +0 -25
- package/lib/init-package/resources/bundle.esm.js +0 -31
- package/lib/init-package/resources/config/.eslintrc.js +0 -1
- package/lib/init-package/resources/config/postcss.components/postcss.config.js +0 -1
- package/lib/init-package/resources/config/postcss.themes/postcss.config.js +0 -1
- package/lib/init-package/resources/config/rollup.config.js +0 -1
- package/lib/init-package/resources/config/wdio.conf.js +0 -1
- package/lib/init-package/resources/package-scripts.js +0 -11
- package/lib/init-package/resources/src/Assets.js +0 -5
- package/lib/init-package/resources/src/MyFirstComponent.hbs +0 -1
- package/lib/init-package/resources/src/MyFirstComponent.js +0 -56
- package/lib/init-package/resources/src/i18n/messagebundle.properties +0 -2
- package/lib/init-package/resources/src/i18n/messagebundle_de.properties +0 -1
- package/lib/init-package/resources/src/i18n/messagebundle_en.properties +0 -1
- package/lib/init-package/resources/src/i18n/messagebundle_es.properties +0 -1
- package/lib/init-package/resources/src/i18n/messagebundle_fr.properties +0 -1
- package/lib/init-package/resources/src/themes/MyFirstComponent.css +0 -11
- package/lib/init-package/resources/src/themes/sap_belize/parameters-bundle.css +0 -3
- package/lib/init-package/resources/src/themes/sap_belize_hcb/parameters-bundle.css +0 -3
- package/lib/init-package/resources/src/themes/sap_belize_hcw/parameters-bundle.css +0 -3
- package/lib/init-package/resources/src/themes/sap_fiori_3/parameters-bundle.css +0 -3
- package/lib/init-package/resources/src/themes/sap_fiori_3_dark/parameters-bundle.css +0 -3
- package/lib/init-package/resources/src/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -3
- package/lib/init-package/resources/src/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -3
- package/lib/init-package/resources/test/pages/index.html +0 -56
- package/lib/init-package/resources/test/specs/Demo.spec.js +0 -12
- package/lib/jsdoc/config.json +0 -29
- package/lib/jsdoc/plugin.js +0 -2427
- package/lib/jsdoc/template/publish.js +0 -4101
- package/lib/polyfill-placeholder/index.js +0 -5
- package/lib/postcss-css-to-esm/index.js +0 -45
- package/lib/postcss-css-to-json/index.js +0 -31
- package/lib/postcss-new-files/index.js +0 -36
- package/lib/serve/index.js +0 -46
- package/lib/serve/serve.json +0 -3
- package/package-lock.json +0 -48
@@ -1,3 +1,6 @@
|
|
1
|
+
const dns = require("node:dns");
|
2
|
+
const assert = require("chai").assert;
|
3
|
+
|
1
4
|
exports.config = {
|
2
5
|
//
|
3
6
|
// ====================
|
@@ -50,13 +53,21 @@ exports.config = {
|
|
50
53
|
// maxInstances can get overwritten per capability. So if you have an in-house Selenium
|
51
54
|
// grid with only 5 firefox instances available you can make sure that not more than
|
52
55
|
// 5 instances get started at a time.
|
53
|
-
maxInstances:
|
56
|
+
maxInstances: 5,
|
54
57
|
//
|
55
58
|
browserName: 'chrome',
|
56
59
|
'goog:chromeOptions': {
|
57
60
|
// to run chrome headless the following flags are required
|
58
61
|
// (see https://developers.google.com/web/updates/2017/04/headless-chrome)
|
59
|
-
args: [
|
62
|
+
args: [
|
63
|
+
'--headless',
|
64
|
+
'--start-maximized',
|
65
|
+
'--no-sandbox',
|
66
|
+
'--disable-gpu',
|
67
|
+
'--disable-infobars',
|
68
|
+
'--disable-extensions',
|
69
|
+
'--disable-dev-shm-usage',
|
70
|
+
],
|
60
71
|
// args: ['--disable-gpu'],
|
61
72
|
}
|
62
73
|
}],
|
@@ -82,7 +93,7 @@ exports.config = {
|
|
82
93
|
// with `/`, the base url gets prepended, not including the path portion of your baseUrl.
|
83
94
|
// If your `url` parameter starts without a scheme or `/` (like `some/path`), the base url
|
84
95
|
// gets prepended directly.
|
85
|
-
baseUrl:
|
96
|
+
baseUrl: 'http://localhost:4567', // This is important since WDIO 7+ does not accept an empty string for baseUrl
|
86
97
|
path: '',
|
87
98
|
//
|
88
99
|
// Default timeout for all waitFor* commands.
|
@@ -99,7 +110,13 @@ exports.config = {
|
|
99
110
|
// Services take over a specific job you don't want to take care of. They enhance
|
100
111
|
// your test setup with almost no effort. Unlike plugins, they don't add new
|
101
112
|
// commands. Instead, they hook themselves up into the test process.
|
102
|
-
services: ['chromedriver'
|
113
|
+
services: ['chromedriver', ['static-server', {
|
114
|
+
folders: [
|
115
|
+
{ mount: '/', path: './dist' },
|
116
|
+
],
|
117
|
+
port: '4567',
|
118
|
+
}],
|
119
|
+
],
|
103
120
|
// options
|
104
121
|
chromeDriverArgs: ['--port=9515'], // default
|
105
122
|
// Framework you want to run your specs with.
|
@@ -146,15 +163,18 @@ exports.config = {
|
|
146
163
|
*/
|
147
164
|
// beforeSession: function (config, capabilities, specs) {
|
148
165
|
// },
|
166
|
+
beforeSession: () => {
|
167
|
+
dns.setDefaultResultOrder('ipv4first');
|
168
|
+
},
|
149
169
|
/**
|
150
170
|
* Gets executed before test execution begins. At this point you can access to all global
|
151
171
|
* variables like `browser`. It is the perfect place to define custom commands.
|
152
172
|
* @param {Array.<Object>} capabilities list of capabilities details
|
153
173
|
* @param {Array.<String>} specs List of spec file paths that are to be run
|
154
174
|
*/
|
155
|
-
before: function (capabilities, specs) {
|
156
|
-
browser.addCommand("isFocusedDeep", function () {
|
157
|
-
return browser.
|
175
|
+
before: async function (capabilities, specs) {
|
176
|
+
await browser.addCommand("isFocusedDeep", async function () {
|
177
|
+
return browser.executeAsync(function (elem, done) {
|
158
178
|
let activeElement = document.activeElement;
|
159
179
|
|
160
180
|
while (activeElement.shadowRoot) {
|
@@ -164,56 +184,84 @@ exports.config = {
|
|
164
184
|
break;
|
165
185
|
}
|
166
186
|
}
|
167
|
-
|
187
|
+
done(elem === activeElement);
|
168
188
|
}, this);
|
169
189
|
}, true);
|
170
190
|
|
171
|
-
browser.addCommand("
|
172
|
-
return browser.
|
173
|
-
|
191
|
+
await browser.addCommand("isFocusedDeepElement", async function (element) {
|
192
|
+
return browser.executeAsync(function (elem, element, done) {
|
193
|
+
let activeElement = document.activeElement;
|
194
|
+
|
195
|
+
while (activeElement.shadowRoot) {
|
196
|
+
if (activeElement.shadowRoot.activeElement) {
|
197
|
+
activeElement = activeElement.shadowRoot.activeElement;
|
198
|
+
} else {
|
199
|
+
break;
|
200
|
+
}
|
201
|
+
}
|
202
|
+
done(element === activeElement);
|
203
|
+
}, this, element);
|
204
|
+
}, true);
|
205
|
+
|
206
|
+
await browser.addCommand("setProperty", async function(property, value) {
|
207
|
+
return browser.executeAsync((elem, property, value, done) => {
|
208
|
+
elem[property] = value;
|
209
|
+
done();
|
174
210
|
}, this, property, value);
|
175
211
|
}, true);
|
176
212
|
|
177
|
-
browser.addCommand("setAttribute", function(attribute, value) {
|
178
|
-
return browser.
|
179
|
-
|
213
|
+
await browser.addCommand("setAttribute", async function(attribute, value) {
|
214
|
+
return browser.executeAsync((elem, attribute, value, done) => {
|
215
|
+
elem.setAttribute(attribute, value);
|
216
|
+
done();
|
180
217
|
}, this, attribute, value);
|
181
218
|
}, true);
|
182
219
|
|
183
|
-
browser.addCommand("removeAttribute", function(attribute) {
|
184
|
-
return browser.
|
185
|
-
|
220
|
+
await browser.addCommand("removeAttribute", async function(attribute) {
|
221
|
+
return browser.executeAsync((elem, attribute, done) => {
|
222
|
+
elem.removeAttribute(attribute);
|
223
|
+
done();
|
186
224
|
}, this, attribute);
|
187
225
|
}, true);
|
188
226
|
|
189
|
-
browser.addCommand("hasClass", function(className) {
|
190
|
-
return browser.
|
191
|
-
|
227
|
+
await browser.addCommand("hasClass", async function(className) {
|
228
|
+
return browser.executeAsync((elem, className, done) => {
|
229
|
+
done(elem.classList.contains(className));
|
192
230
|
}, this, className);
|
193
231
|
}, true);
|
194
232
|
|
195
|
-
browser.addCommand("
|
196
|
-
return browser.
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
233
|
+
await browser.addCommand("hasAttribute", async function(attrName) {
|
234
|
+
return browser.executeAsync((elem, attrName, done) => {
|
235
|
+
done(elem.hasAttribute(attrName));
|
236
|
+
}, this, attrName);
|
237
|
+
}, true);
|
238
|
+
|
239
|
+
await browser.addCommand("matches", async function(selector) {
|
240
|
+
return browser.executeAsync((elem, selector, done) => {
|
241
|
+
done(elem.matches(selector));
|
242
|
+
}, this, selector);
|
243
|
+
}, true);
|
244
|
+
|
245
|
+
await browser.addLocatorStrategy('activeElement', (selector) => {
|
246
|
+
return document.querySelector(selector).shadowRoot.activeElement;
|
247
|
+
});
|
201
248
|
},
|
202
249
|
/**
|
203
250
|
* Runs before a WebdriverIO command gets executed.
|
204
251
|
* @param {String} commandName hook command name
|
205
252
|
* @param {Array} args arguments that command would receive
|
206
253
|
*/
|
207
|
-
beforeCommand: function (commandName, args) {
|
254
|
+
beforeCommand: async function (commandName, args) {
|
208
255
|
const waitFor = [
|
209
256
|
"$",
|
210
257
|
"$$",
|
211
258
|
"getAttribute",
|
259
|
+
"hasAttribute", // custom
|
260
|
+
"matches", // custom
|
212
261
|
"getCSSProperty",
|
213
262
|
"getHTML",
|
214
263
|
"getProperty",
|
215
264
|
"getSize",
|
216
|
-
"getStaticAreaItemClassName", // custom
|
217
265
|
"getText",
|
218
266
|
"getValue",
|
219
267
|
"hasClass", // custom
|
@@ -223,11 +271,12 @@ exports.config = {
|
|
223
271
|
"isExisting",
|
224
272
|
"isFocused",
|
225
273
|
"isFocusedDeep", // custom
|
274
|
+
"isFocusedDeepElement", // custom
|
226
275
|
"shadow$",
|
227
|
-
"shadow$$"
|
276
|
+
"shadow$$"
|
228
277
|
];
|
229
278
|
if (waitFor.includes(commandName)) {
|
230
|
-
browser.executeAsync(function (done) {
|
279
|
+
await browser.executeAsync(function (done) {
|
231
280
|
window["sap-ui-webcomponents-bundle"].renderFinished().then(done);
|
232
281
|
});
|
233
282
|
}
|
@@ -261,8 +310,17 @@ exports.config = {
|
|
261
310
|
* Function to be executed after a test (in Mocha/Jasmine) or a step (in Cucumber) starts.
|
262
311
|
* @param {Object} test test details
|
263
312
|
*/
|
264
|
-
|
265
|
-
|
313
|
+
afterTest: async function (test, context) {
|
314
|
+
// fetch the browser logs and fail the test if there are `console.error` messages with the `[UI5-FWK]` marker
|
315
|
+
const logs = await browser.getLogs('browser');
|
316
|
+
const severeLogs = logs
|
317
|
+
.filter(l => l.level === "SEVERE" && l.message.includes("[UI5-FWK]"))
|
318
|
+
.map(l => l.message);
|
319
|
+
assert.equal(severeLogs.length, 0, `[${test.title}]\n\n ${severeLogs.join("\n ")}`)
|
320
|
+
if (severeLogs.length) {
|
321
|
+
test.callback(new Error('Framework errors detected.'))
|
322
|
+
}
|
323
|
+
},
|
266
324
|
/**
|
267
325
|
* Hook that gets executed after the suite has ended
|
268
326
|
* @param {Object} suite suite details
|
@@ -277,12 +335,13 @@ exports.config = {
|
|
277
335
|
* @param {Number} result 0 - command success, 1 - command error
|
278
336
|
* @param {Object} error error object if any
|
279
337
|
*/
|
280
|
-
afterCommand: function (commandName, args, result, error) {
|
338
|
+
afterCommand: async function (commandName, args, result, error) {
|
281
339
|
|
282
340
|
// url -> set configuration first
|
283
341
|
if (commandName === "url" && !args[0].includes("do-not-change-configuration")) {
|
284
|
-
browser.
|
342
|
+
await browser.executeAsync(function(done) {
|
285
343
|
window["sap-ui-webcomponents-bundle"].configuration.setNoConflict(true);
|
344
|
+
done();
|
286
345
|
});
|
287
346
|
}
|
288
347
|
|
@@ -292,20 +351,31 @@ exports.config = {
|
|
292
351
|
"click",
|
293
352
|
"doubleClick",
|
294
353
|
"dragAndDrop",
|
295
|
-
"keys",
|
296
354
|
"pause",
|
297
355
|
"removeAttribute", // custom
|
356
|
+
"scrollIntoView",
|
298
357
|
"setAttribute", // custom
|
299
358
|
"setProperty", // custom
|
300
359
|
"setValue",
|
301
360
|
"setWindowSize",
|
302
361
|
"touchAction",
|
303
|
-
"url"
|
362
|
+
"url",
|
363
|
+
];
|
364
|
+
|
365
|
+
const waitForWithDelay = [
|
366
|
+
"keys",
|
304
367
|
];
|
368
|
+
|
305
369
|
if (waitFor.includes(commandName)) {
|
306
|
-
browser.executeAsync(function (done) {
|
370
|
+
await browser.executeAsync(function (done) {
|
307
371
|
window["sap-ui-webcomponents-bundle"].renderFinished().then(done);
|
308
372
|
});
|
373
|
+
} else if (waitForWithDelay.includes(commandName)) {
|
374
|
+
await browser.executeAsync(function (done) {
|
375
|
+
setTimeout(() => {
|
376
|
+
window["sap-ui-webcomponents-bundle"].renderFinished().then(done);
|
377
|
+
}, 10);
|
378
|
+
});
|
309
379
|
}
|
310
380
|
},
|
311
381
|
/**
|
package/icons-collection/nps.js
CHANGED
@@ -1,35 +1,68 @@
|
|
1
1
|
const path = require("path");
|
2
|
-
const resolve = require("resolve");
|
3
|
-
|
4
|
-
const generateHash = resolve.sync("@ui5/webcomponents-tools/lib/hash/generate.js");
|
5
|
-
const hashIsUpToDate = resolve.sync("@ui5/webcomponents-tools/lib/hash/upToDate.js");
|
6
|
-
const UP_TO_DATE = `node ${hashIsUpToDate} dist/ hash.txt && echo "Up to date."`;
|
7
2
|
|
8
3
|
const LIB = path.join(__dirname, `../lib/`);
|
9
4
|
|
10
|
-
const
|
5
|
+
const createIconImportsCommand = (options) => {
|
6
|
+
if (!options.versions) {
|
7
|
+
return `node "${LIB}/create-icons/index.js" "${options.collectionName}"`;
|
8
|
+
}
|
11
9
|
|
12
|
-
const
|
13
|
-
|
14
|
-
|
10
|
+
const command = { default: "nps" };
|
11
|
+
options.versions.forEach((v) => {
|
12
|
+
command.default += ` build.icons.create${v}`;
|
13
|
+
command[`create${v}`] = `node "${LIB}/create-icons/index.js" "${options.collectionName}" "${v}"`;
|
14
|
+
});
|
15
|
+
|
16
|
+
return command;
|
17
|
+
}
|
18
|
+
|
19
|
+
const copyIconAssetsCommand = (options) => {
|
20
|
+
if (!options.versions) {
|
21
|
+
return {
|
15
22
|
default: "nps copy.json-imports copy.icon-collection",
|
16
23
|
"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
|
17
|
-
"icon-collection": `node "${LIB}/copy-and-watch/index.js" --silent "src/*.json"
|
18
|
-
}
|
24
|
+
"icon-collection": `node "${LIB}/copy-and-watch/index.js" --silent "src/*.json" src/generated/assets/`,
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
const command = {
|
29
|
+
default: "nps copy.json-imports ",
|
30
|
+
"json-imports": `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
|
31
|
+
};
|
32
|
+
|
33
|
+
options.versions.forEach((v) => {
|
34
|
+
command.default += ` copy.icon-collection${v}`;
|
35
|
+
command[`icon-collection${v}`] = `node "${LIB}/copy-and-watch/index.js" --silent "src/${v}/*.json" src/generated/assets/${v}/`;
|
36
|
+
});
|
37
|
+
|
38
|
+
return command;
|
39
|
+
}
|
40
|
+
|
41
|
+
const getScripts = (options) => {
|
42
|
+
const createJSImportsCmd = createIconImportsCommand(options);
|
43
|
+
const copyAssetsCmd = copyIconAssetsCommand(options);
|
44
|
+
const tsCommand = !options.legacy ? "tsc --build" : "";
|
45
|
+
const tsCrossEnv = !options.legacy ? "cross-env UI5_TS=true" : "";
|
46
|
+
|
47
|
+
const scripts = {
|
48
|
+
clean: "rimraf dist && rimraf src/generated",
|
49
|
+
copy: copyAssetsCmd,
|
50
|
+
generate: `${tsCrossEnv} nps clean copy build.i18n build.icons build.jsonImports copyjson`,
|
51
|
+
copyjson: "copy-and-watch \"src/generated/**/*.json\" dist/generated/",
|
19
52
|
build: {
|
20
|
-
default: `${
|
53
|
+
default: `${tsCrossEnv} nps clean copy build.i18n typescript build.icons build.jsonImports`,
|
21
54
|
i18n: {
|
22
55
|
default: "nps build.i18n.defaultsjs build.i18n.json",
|
23
|
-
defaultsjs: `mkdirp dist/generated/i18n && node "${LIB}/i18n/defaults.js" src/i18n
|
24
|
-
json: `mkdirp
|
56
|
+
defaultsjs: `mkdirp dist/generated/i18n && node "${LIB}/i18n/defaults.js" src/i18n src/generated/i18n`,
|
57
|
+
json: `mkdirp src/generated/assets/i18n && node "${LIB}/i18n/toJSON.js" src/i18n src/generated/assets/i18n`,
|
25
58
|
},
|
26
59
|
jsonImports: {
|
27
|
-
default: "mkdirp
|
28
|
-
i18n: `node "${LIB}/generate-json-imports/i18n.js"
|
60
|
+
default: "mkdirp src/generated/json-imports && nps build.jsonImports.i18n",
|
61
|
+
i18n: `node "${LIB}/generate-json-imports/i18n.js" src/generated/assets/i18n src/generated/json-imports`,
|
29
62
|
},
|
30
|
-
icons:
|
63
|
+
icons: createJSImportsCmd,
|
31
64
|
},
|
32
|
-
|
65
|
+
typescript: tsCommand,
|
33
66
|
};
|
34
67
|
|
35
68
|
return scripts;
|
@@ -0,0 +1,102 @@
|
|
1
|
+
const fs = require("fs").promises;
|
2
|
+
const path = require("path");
|
3
|
+
const basePath = process.argv[2];
|
4
|
+
const babelCore = require("@babel/core");
|
5
|
+
const babelParser = require("@babel/parser");
|
6
|
+
const babelGenerator = require("@babel/generator").default;
|
7
|
+
const replaceAsync = require('replace-in-file');
|
8
|
+
|
9
|
+
const convertSAPUIDefineToDefine = async (filePath) => {
|
10
|
+
return replaceAsync({
|
11
|
+
files: filePath,
|
12
|
+
processor: (input) => {
|
13
|
+
return input.replace("sap.ui.define", "define").replace(", /* bExport= */ false", "").replace(", /* bExport= */ true", "");
|
14
|
+
}
|
15
|
+
})
|
16
|
+
}
|
17
|
+
|
18
|
+
const convertAmdToEs6 = async (code) => {
|
19
|
+
return (await babelCore.transformAsync(code, {
|
20
|
+
plugins: [['babel-plugin-amd-to-esm', {}]]
|
21
|
+
})).code;
|
22
|
+
}
|
23
|
+
|
24
|
+
const convertAbsImportsToRelative = (filePath, code) => {
|
25
|
+
let changed = false;
|
26
|
+
// console.log("File processing started: ", srcPath);
|
27
|
+
|
28
|
+
if (code.includes("import(")) {
|
29
|
+
// esprima can't parse this, but it's from the project files
|
30
|
+
return;
|
31
|
+
}
|
32
|
+
|
33
|
+
const tree = babelParser.parse(code, { sourceType: "module" });
|
34
|
+
const importer = filePath.replace(basePath, "");
|
35
|
+
const importerDir = path.dirname(importer);
|
36
|
+
// console.log("Importer -> ", importer);
|
37
|
+
|
38
|
+
tree?.program?.body?.forEach(node => {
|
39
|
+
if (node.type === "ImportDeclaration") {
|
40
|
+
let importee = node.source.value;
|
41
|
+
// console.log(importee);
|
42
|
+
if (importee.startsWith(".")) {
|
43
|
+
// add .js extension if missing
|
44
|
+
if (!importee.endsWith(".js")) {
|
45
|
+
node.source.value += ".js"
|
46
|
+
changed = true;
|
47
|
+
}
|
48
|
+
return;
|
49
|
+
}
|
50
|
+
let importeeDir = path.dirname(importee);
|
51
|
+
let importeeFile = path.basename(importee);
|
52
|
+
let relativePath = path.relative(importerDir, importeeDir);
|
53
|
+
if (relativePath.length === 0) {
|
54
|
+
relativePath = "."
|
55
|
+
}
|
56
|
+
if (!relativePath.startsWith(".")) {
|
57
|
+
relativePath = "./" + relativePath;
|
58
|
+
}
|
59
|
+
|
60
|
+
relativePath = relativePath.replace(/\\/g, "/"); // the browser expects unix paths
|
61
|
+
let relativeImport = `${relativePath}/${importeeFile}.js`;
|
62
|
+
// console.log(importee + " --> " + relativeImport);
|
63
|
+
node.source.value = relativeImport;
|
64
|
+
changed = true;
|
65
|
+
}
|
66
|
+
});
|
67
|
+
|
68
|
+
return changed ? babelGenerator(tree).code : code;
|
69
|
+
}
|
70
|
+
|
71
|
+
const replaceGlobalCoreUsage = (filePath, code) => {
|
72
|
+
if (!filePath.includes("Configuration")) {
|
73
|
+
const replaced = code.replace(/sap\.ui\.getCore\(\)/g, `Core`);
|
74
|
+
return code !== replaced ? `import Core from 'sap/ui/core/Core';${replaced}` : code;
|
75
|
+
}
|
76
|
+
|
77
|
+
return code;
|
78
|
+
};
|
79
|
+
|
80
|
+
const transformAmdToES6Module = async (filePath) => {
|
81
|
+
await convertSAPUIDefineToDefine(filePath);
|
82
|
+
|
83
|
+
let code = (await fs.readFile(filePath)).toString();
|
84
|
+
|
85
|
+
code = await convertAmdToEs6(code);
|
86
|
+
|
87
|
+
code = replaceGlobalCoreUsage(filePath, code);
|
88
|
+
|
89
|
+
code = convertAbsImportsToRelative(filePath, code);
|
90
|
+
|
91
|
+
return fs.writeFile(filePath, code);
|
92
|
+
}
|
93
|
+
|
94
|
+
const transformAmdToES6Modules = async () => {
|
95
|
+
const { globby } = await import("globby");
|
96
|
+
const fileNames = await globby(basePath.replace(/\\/g, "/") + "**/*.js");
|
97
|
+
return Promise.all(fileNames.map(transformAmdToES6Module).filter(x => !!x));
|
98
|
+
};
|
99
|
+
|
100
|
+
transformAmdToES6Modules().then(() => {
|
101
|
+
console.log("Success: all amd modules are transformed to es6!");
|
102
|
+
});
|
@@ -0,0 +1,33 @@
|
|
1
|
+
const fs = require("fs").promises;
|
2
|
+
const path = require("path");
|
3
|
+
const basePath = process.argv[2];
|
4
|
+
const babelCore = require("@babel/core");
|
5
|
+
const babelParser = require("@babel/parser");
|
6
|
+
const babelGenerator = require("@babel/generator").default;
|
7
|
+
const walk = require("estree-walk");
|
8
|
+
|
9
|
+
const checkHasRequire = (filePath, code) => {
|
10
|
+
code = code.replace(/sap\.ui\.require/g, "unhandledRequire");
|
11
|
+
|
12
|
+
const tree = babelParser.parse(code, { sourceType: "module" });
|
13
|
+
walk(tree, {
|
14
|
+
CallExpression: function (node) {
|
15
|
+
if (node.type === "CallExpression" && node?.callee?.name === "unhandledRequire") {
|
16
|
+
throw new Error(`sap.ui.require found in ${filePath}`);
|
17
|
+
}
|
18
|
+
}
|
19
|
+
});
|
20
|
+
}
|
21
|
+
|
22
|
+
const checkFile = async (filePath) => {
|
23
|
+
let code = (await fs.readFile(filePath)).toString();
|
24
|
+
checkHasRequire(filePath, code);
|
25
|
+
}
|
26
|
+
|
27
|
+
const checkAll = async () => {
|
28
|
+
const { globby } = await import("globby");
|
29
|
+
const fileNames = await globby(basePath.replace(/\\/g, "/") + "**/*.js");
|
30
|
+
return Promise.all(fileNames.map(checkFile).filter(x => !!x));
|
31
|
+
};
|
32
|
+
|
33
|
+
checkAll();
|