@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.
Files changed (107) hide show
  1. package/CHANGELOG.md +1326 -0
  2. package/README.md +6 -6
  3. package/assets-meta.js +17 -6
  4. package/bin/dev.js +1 -5
  5. package/components-package/eslint.js +36 -0
  6. package/components-package/nps.js +110 -67
  7. package/components-package/postcss.components.js +1 -21
  8. package/components-package/postcss.themes.js +1 -23
  9. package/components-package/vite.config.js +13 -0
  10. package/components-package/wdio.js +107 -37
  11. package/icons-collection/nps.js +51 -18
  12. package/lib/amd-to-es6/index.js +102 -0
  13. package/lib/amd-to-es6/no-remaining-require.js +33 -0
  14. package/lib/cem/custom-elements-manifest.config.mjs +501 -0
  15. package/lib/cem/event.mjs +131 -0
  16. package/lib/cem/schema-internal.json +1357 -0
  17. package/lib/cem/schema.json +1098 -0
  18. package/lib/cem/types-internal.d.ts +796 -0
  19. package/lib/cem/types.d.ts +736 -0
  20. package/lib/cem/utils.mjs +384 -0
  21. package/lib/cem/validate.js +70 -0
  22. package/lib/copy-and-watch/index.js +24 -1
  23. package/lib/copy-list/index.js +28 -0
  24. package/lib/create-icons/index.js +126 -58
  25. package/lib/create-illustrations/index.js +182 -0
  26. package/lib/create-new-component/index.js +65 -97
  27. package/lib/create-new-component/tsFileContentTemplate.js +71 -0
  28. package/lib/css-processors/css-processor-component-styles.mjs +48 -0
  29. package/lib/css-processors/css-processor-components.mjs +77 -0
  30. package/lib/css-processors/css-processor-themes.mjs +79 -0
  31. package/lib/css-processors/scope-variables.mjs +49 -0
  32. package/lib/css-processors/shared.mjs +76 -0
  33. package/lib/dev-server/custom-hot-update-plugin.js +39 -0
  34. package/lib/dev-server/dev-server.js +66 -0
  35. package/lib/dev-server/ssr-dom-shim-loader.js +26 -0
  36. package/lib/dev-server/virtual-index-html-plugin.js +52 -0
  37. package/lib/generate-js-imports/illustrations.js +86 -0
  38. package/lib/generate-json-imports/i18n.js +35 -55
  39. package/lib/generate-json-imports/themes.js +30 -45
  40. package/lib/hbs2lit/src/compiler.js +24 -4
  41. package/lib/hbs2lit/src/includesReplacer.js +5 -5
  42. package/lib/hbs2lit/src/litVisitor2.js +113 -25
  43. package/lib/hbs2lit/src/svgProcessor.js +12 -5
  44. package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +34 -13
  45. package/lib/hbs2ui5/index.js +56 -23
  46. package/lib/i18n/defaults.js +65 -57
  47. package/lib/i18n/toJSON.js +12 -11
  48. package/lib/postcss-combine-duplicated-selectors/index.js +185 -0
  49. package/lib/remove-dev-mode/remove-dev-mode.mjs +37 -0
  50. package/lib/scoping/get-all-tags.js +2 -9
  51. package/lib/scoping/lint-src.js +9 -8
  52. package/lib/scoping/missing-dependencies.js +65 -0
  53. package/lib/scoping/report-tags-usage.js +28 -0
  54. package/lib/scoping/scope-test-pages.js +2 -1
  55. package/lib/test-runner/test-runner.js +71 -0
  56. package/package.json +38 -41
  57. package/bin/init-ui5-package.js +0 -3
  58. package/components-package/rollup.js +0 -195
  59. package/lib/documentation/index.js +0 -165
  60. package/lib/documentation/templates/api-component-since.js +0 -3
  61. package/lib/documentation/templates/api-css-variables-section.js +0 -24
  62. package/lib/documentation/templates/api-events-section.js +0 -35
  63. package/lib/documentation/templates/api-methods-section.js +0 -26
  64. package/lib/documentation/templates/api-properties-section.js +0 -40
  65. package/lib/documentation/templates/api-slots-section.js +0 -28
  66. package/lib/documentation/templates/template.js +0 -38
  67. package/lib/hash/config.js +0 -10
  68. package/lib/hash/generate.js +0 -19
  69. package/lib/hash/upToDate.js +0 -31
  70. package/lib/init-package/index.js +0 -123
  71. package/lib/init-package/resources/.eslintignore +0 -3
  72. package/lib/init-package/resources/bundle.es5.js +0 -25
  73. package/lib/init-package/resources/bundle.esm.js +0 -31
  74. package/lib/init-package/resources/config/.eslintrc.js +0 -1
  75. package/lib/init-package/resources/config/postcss.components/postcss.config.js +0 -1
  76. package/lib/init-package/resources/config/postcss.themes/postcss.config.js +0 -1
  77. package/lib/init-package/resources/config/rollup.config.js +0 -1
  78. package/lib/init-package/resources/config/wdio.conf.js +0 -1
  79. package/lib/init-package/resources/package-scripts.js +0 -11
  80. package/lib/init-package/resources/src/Assets.js +0 -5
  81. package/lib/init-package/resources/src/MyFirstComponent.hbs +0 -1
  82. package/lib/init-package/resources/src/MyFirstComponent.js +0 -56
  83. package/lib/init-package/resources/src/i18n/messagebundle.properties +0 -2
  84. package/lib/init-package/resources/src/i18n/messagebundle_de.properties +0 -1
  85. package/lib/init-package/resources/src/i18n/messagebundle_en.properties +0 -1
  86. package/lib/init-package/resources/src/i18n/messagebundle_es.properties +0 -1
  87. package/lib/init-package/resources/src/i18n/messagebundle_fr.properties +0 -1
  88. package/lib/init-package/resources/src/themes/MyFirstComponent.css +0 -11
  89. package/lib/init-package/resources/src/themes/sap_belize/parameters-bundle.css +0 -3
  90. package/lib/init-package/resources/src/themes/sap_belize_hcb/parameters-bundle.css +0 -3
  91. package/lib/init-package/resources/src/themes/sap_belize_hcw/parameters-bundle.css +0 -3
  92. package/lib/init-package/resources/src/themes/sap_fiori_3/parameters-bundle.css +0 -3
  93. package/lib/init-package/resources/src/themes/sap_fiori_3_dark/parameters-bundle.css +0 -3
  94. package/lib/init-package/resources/src/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -3
  95. package/lib/init-package/resources/src/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -3
  96. package/lib/init-package/resources/test/pages/index.html +0 -56
  97. package/lib/init-package/resources/test/specs/Demo.spec.js +0 -12
  98. package/lib/jsdoc/config.json +0 -29
  99. package/lib/jsdoc/plugin.js +0 -2427
  100. package/lib/jsdoc/template/publish.js +0 -4101
  101. package/lib/polyfill-placeholder/index.js +0 -5
  102. package/lib/postcss-css-to-esm/index.js +0 -45
  103. package/lib/postcss-css-to-json/index.js +0 -31
  104. package/lib/postcss-new-files/index.js +0 -36
  105. package/lib/serve/index.js +0 -46
  106. package/lib/serve/serve.json +0 -3
  107. 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: process.env.TRAVIS ? 1 : 5,
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: ['--headless', '--disable-gpu'],
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: undefined, // This is important since WDIO 7+ does not accept an empty string for 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.execute(function (elem) {
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
- return elem === activeElement;
187
+ done(elem === activeElement);
168
188
  }, this);
169
189
  }, true);
170
190
 
171
- browser.addCommand("setProperty", function(property, value) {
172
- return browser.execute((elem, property, value) => {
173
- return elem[property] = value;
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.execute((elem, attribute, value) => {
179
- return elem.setAttribute(attribute, value);
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.execute((elem, attribute) => {
185
- return elem.removeAttribute(attribute);
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.execute((elem, className) => {
191
- return elem.classList.contains(className);
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("getStaticAreaItemClassName", function(selector) {
196
- return browser.execute(async (selector) => {
197
- const staticAreaItem = await document.querySelector(selector).getStaticAreaItemDomRef();
198
- return staticAreaItem.host.classList[0];
199
- }, selector);
200
- }, false);
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
- // afterTest: function (test) {
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.execute(function() {
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
  /**
@@ -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 getScripts = (options) => {
5
+ const createIconImportsCommand = (options) => {
6
+ if (!options.versions) {
7
+ return `node "${LIB}/create-icons/index.js" "${options.collectionName}"`;
8
+ }
11
9
 
12
- const scripts = {
13
- clean: "rimraf dist",
14
- copy: {
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" dist/generated/assets/`
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: `${UP_TO_DATE} || nps clean copy build.i18n build.icons build.jsonImports hash`,
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 dist/generated/i18n`,
24
- json: `mkdirp dist/generated/assets/i18n && node "${LIB}/i18n/toJSON.js" src/i18n dist/generated/assets/i18n`,
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 dist/generated/json-imports && nps build.jsonImports.i18n",
28
- i18n: `node "${LIB}/generate-json-imports/i18n.js" dist/generated/assets/i18n dist/generated/json-imports`,
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: `node "${LIB}/create-icons/index.js" "${options.collectionName}"`,
63
+ icons: createJSImportsCmd,
31
64
  },
32
- hash: `node ${generateHash} dist/ hash.txt`,
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();