@ui5/webcomponents-tools 0.0.0-e7dd012d7 → 0.0.0-e818f286e

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 (83) hide show
  1. package/CHANGELOG.md +200 -0
  2. package/README.md +5 -6
  3. package/assets-meta.js +16 -1
  4. package/bin/dev.js +1 -5
  5. package/components-package/nps.js +68 -46
  6. package/components-package/postcss.themes.js +6 -3
  7. package/components-package/vite.config.js +12 -0
  8. package/components-package/wdio.js +73 -31
  9. package/components-package/wdio.sync.js +360 -0
  10. package/icons-collection/nps.js +46 -8
  11. package/lib/copy-and-watch/index.js +30 -5
  12. package/lib/copy-list/index.js +28 -0
  13. package/lib/create-icons/index.js +82 -52
  14. package/lib/create-illustrations/index.js +161 -0
  15. package/lib/create-new-component/index.js +12 -4
  16. package/lib/dev-server/dev-server.js +66 -0
  17. package/lib/dev-server/virtual-index-html-plugin.js +52 -0
  18. package/lib/esm-abs-to-rel/index.js +58 -0
  19. package/lib/generate-json-imports/i18n.js +75 -30
  20. package/lib/generate-json-imports/themes.js +62 -24
  21. package/lib/hbs2lit/src/compiler.js +12 -3
  22. package/lib/hbs2lit/src/includesReplacer.js +5 -5
  23. package/lib/hbs2lit/src/litVisitor2.js +31 -6
  24. package/lib/hbs2lit/src/svgProcessor.js +3 -3
  25. package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +4 -11
  26. package/lib/hbs2ui5/index.js +37 -21
  27. package/lib/i18n/defaults.js +49 -57
  28. package/lib/i18n/toJSON.js +13 -12
  29. package/lib/jsdoc/config.json +1 -1
  30. package/lib/jsdoc/plugin.js +30 -1
  31. package/lib/jsdoc/template/publish.js +22 -2
  32. package/lib/postcss-combine-duplicated-selectors/index.js +178 -0
  33. package/lib/postcss-css-to-esm/index.js +33 -18
  34. package/lib/postcss-css-to-json/index.js +31 -11
  35. package/lib/postcss-new-files/index.js +36 -0
  36. package/lib/postcss-p/postcss-p.mjs +14 -0
  37. package/lib/replace-global-core/index.js +25 -0
  38. package/lib/scoping/lint-src.js +1 -1
  39. package/lib/scoping/missing-dependencies.js +65 -0
  40. package/lib/scoping/report-tags-usage.js +28 -0
  41. package/lib/scoping/scope-test-pages.js +1 -1
  42. package/lib/test-runner/test-runner.js +63 -0
  43. package/package.json +42 -52
  44. package/bin/init-ui5-package.js +0 -3
  45. package/components-package/rollup.js +0 -145
  46. package/components-package/serve.json +0 -3
  47. package/lib/documentation/index.js +0 -143
  48. package/lib/documentation/templates/api-component-since.js +0 -3
  49. package/lib/documentation/templates/api-css-variables-section.js +0 -24
  50. package/lib/documentation/templates/api-events-section.js +0 -35
  51. package/lib/documentation/templates/api-methods-section.js +0 -26
  52. package/lib/documentation/templates/api-properties-section.js +0 -40
  53. package/lib/documentation/templates/api-slots-section.js +0 -28
  54. package/lib/documentation/templates/template.js +0 -38
  55. package/lib/init-package/index.js +0 -123
  56. package/lib/init-package/resources/.eslintignore +0 -3
  57. package/lib/init-package/resources/bundle.es5.js +0 -25
  58. package/lib/init-package/resources/bundle.esm.js +0 -34
  59. package/lib/init-package/resources/config/.eslintrc.js +0 -1
  60. package/lib/init-package/resources/config/postcss.components/postcss.config.js +0 -1
  61. package/lib/init-package/resources/config/postcss.themes/postcss.config.js +0 -1
  62. package/lib/init-package/resources/config/rollup.config.js +0 -1
  63. package/lib/init-package/resources/config/wdio.conf.js +0 -1
  64. package/lib/init-package/resources/package-scripts.js +0 -11
  65. package/lib/init-package/resources/src/Assets.js +0 -5
  66. package/lib/init-package/resources/src/MyFirstComponent.hbs +0 -1
  67. package/lib/init-package/resources/src/MyFirstComponent.js +0 -56
  68. package/lib/init-package/resources/src/i18n/messagebundle.properties +0 -2
  69. package/lib/init-package/resources/src/i18n/messagebundle_de.properties +0 -1
  70. package/lib/init-package/resources/src/i18n/messagebundle_en.properties +0 -1
  71. package/lib/init-package/resources/src/i18n/messagebundle_es.properties +0 -1
  72. package/lib/init-package/resources/src/i18n/messagebundle_fr.properties +0 -1
  73. package/lib/init-package/resources/src/themes/MyFirstComponent.css +0 -11
  74. package/lib/init-package/resources/src/themes/sap_belize/parameters-bundle.css +0 -3
  75. package/lib/init-package/resources/src/themes/sap_belize_hcb/parameters-bundle.css +0 -3
  76. package/lib/init-package/resources/src/themes/sap_belize_hcw/parameters-bundle.css +0 -3
  77. package/lib/init-package/resources/src/themes/sap_fiori_3/parameters-bundle.css +0 -3
  78. package/lib/init-package/resources/src/themes/sap_fiori_3_dark/parameters-bundle.css +0 -3
  79. package/lib/init-package/resources/src/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -3
  80. package/lib/init-package/resources/src/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -3
  81. package/lib/init-package/resources/test/pages/index.html +0 -56
  82. package/lib/init-package/resources/test/specs/Demo.spec.js +0 -12
  83. package/package-lock.json +0 -48
@@ -1,16 +1,39 @@
1
+ /*
2
+ MIT License
3
+
4
+ Copyright (c) 2017
5
+
6
+ Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ of this software and associated documentation files (the "Software"), to deal
8
+ in the Software without restriction, including without limitation the rights
9
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ copies of the Software, and to permit persons to whom the Software is
11
+ furnished to do so, subject to the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be included in all
14
+ copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22
+ SOFTWARE.
23
+ */
24
+
1
25
  const fs = require('fs');
2
26
  const path = require('path');
3
27
  const chokidar = require('chokidar');
4
28
  const glob = require('glob');
5
29
  const globParent = require('glob-parent');
6
- require('colors');
7
30
 
8
31
  /* CODE */
9
32
 
10
33
  const args = process.argv.slice(2);
11
34
  const options = {};
12
35
 
13
- ['watch', 'clean', 'skip-initial-copy', 'safe'].forEach(key => {
36
+ ['watch', 'clean', 'skip-initial-copy', 'safe', 'silent'].forEach(key => {
14
37
  const index = args.indexOf(`--${key}`);
15
38
  if (index >= 0) {
16
39
  options[key] = true;
@@ -64,12 +87,12 @@ const copy = from => {
64
87
  return;
65
88
  }
66
89
  fs.writeFileSync(to, fs.readFileSync(from));
67
- console.log('[COPY]'.yellow, from, 'to'.yellow, to);
90
+ options.silent || console.log('[COPY]'.yellow, from, 'to'.yellow, to);
68
91
  };
69
92
  const remove = from => {
70
93
  const to = findTarget(from);
71
94
  fs.unlinkSync(to);
72
- console.log('[DELETE]'.yellow, to);
95
+ options.silent || console.log('[DELETE]'.yellow, to);
73
96
  };
74
97
  const rimraf = dir => {
75
98
  if (fs.existsSync(dir)) {
@@ -110,7 +133,9 @@ if (options.watch) {
110
133
 
111
134
  chokidar
112
135
  .watch(sources, chokidarOptions)
113
- .on('ready', () => sources.forEach(s => console.log('[WATCH]'.yellow, s)))
136
+ .on('ready', () => sources.forEach(s => {
137
+ options.silent || console.log('[WATCH]'.yellow, s);
138
+ }))
114
139
  .on('add', copy)
115
140
  .on('addDir', copy)
116
141
  .on('change', copy)
@@ -0,0 +1,28 @@
1
+ const fs = require("fs").promises;
2
+ const path = require("path");
3
+
4
+ const fileList = process.argv[2];
5
+ const dest = process.argv[3];
6
+ const src = "../../node_modules/@openui5/sap.ui.core/src/";
7
+
8
+ const generate = async () => {
9
+ const filesToCopy = (await fs.readFile(fileList)).toString();
10
+ // console.log(filesToCopy);
11
+
12
+ // Support full-line comments starting with # in the used-modules.txt file
13
+ const shouldCopy = file => file.length && !file.startsWith("#");
14
+
15
+ const trimFile = file => file.trim();
16
+
17
+ return filesToCopy.split("\n").map(trimFile).filter(shouldCopy).map(async moduleName => {
18
+ const srcPath = path.join(src, moduleName);
19
+ const destPath = path.join(dest, moduleName);
20
+
21
+ await fs.mkdir(path.dirname(destPath), { recursive: true });
22
+ return fs.copyFile(srcPath, destPath);
23
+ });
24
+ };
25
+
26
+ generate().then(() => {
27
+ console.log("Files copied.");
28
+ });
@@ -1,52 +1,82 @@
1
- const fs = require("fs");
2
- const path = require("path");
3
- const mkdirp = require("mkdirp");
4
-
5
- const collectionName = process.argv[2] || "SAP-icons";
6
- const srcFile = path.normalize(`src/${collectionName}.json`);
7
- const destDir = path.normalize("dist/");
8
-
9
- mkdirp.sync(destDir);
10
-
11
- const template = (name, pathData, ltr, collection) => `import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";
12
-
13
- const name = "${name}";
14
- const pathData = "${pathData}";
15
- const ltr = ${ltr};
16
- const collection = "${collection}";
17
-
18
- registerIcon(name, { pathData, ltr, collection});
19
-
20
- export default { pathData };`;
21
-
22
-
23
- const accTemplate = (name, pathData, ltr, accData, collection) => `import { registerIcon } from "@ui5/webcomponents-base/dist/SVGIconRegistry.js";
24
- import { ${accData.key} } from "./generated/i18n/i18n-defaults.js";
25
-
26
- const name = "${name}";
27
- const pathData = "${pathData}";
28
- const ltr = ${ltr};
29
- const accData = ${accData.key};
30
- const collection = "${collection}";
31
-
32
- registerIcon(name, { pathData, ltr, accData, collection });
33
-
34
- export default { pathData, accData };`;
35
-
36
-
37
- const createIcons = (file) => {
38
- const json = JSON.parse(fs.readFileSync(file));
39
-
40
- for (let name in json.data) {
41
- const iconData = json.data[name];
42
- const pathData = iconData.path;
43
- const ltr = !!iconData.ltr;
44
- const acc = iconData.acc;
45
-
46
- const content = acc ? accTemplate(name, pathData, ltr, acc, json.collection) : template(name, pathData, ltr, json.collection);
47
-
48
- fs.writeFileSync(path.join(destDir, `${name}.js`), content);
49
- }
50
- };
51
-
52
- createIcons(srcFile);
1
+ const fs = require("fs").promises;
2
+ const path = require("path");
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
+ const iconTemplate = (name, pathData, ltr, collection, packageName) => `import { registerIcon } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
10
+
11
+ const name = "${name}";
12
+ const pathData = "${pathData}";
13
+ const ltr = ${ltr};
14
+ const accData = null;
15
+ const collection = "${collection}";
16
+ const packageName = "${packageName}";
17
+
18
+ registerIcon(name, { pathData, ltr, collection, packageName });
19
+
20
+ export default "${name}";
21
+ export { pathData, ltr, accData };`;
22
+
23
+
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";
26
+
27
+ const name = "${name}";
28
+ const pathData = "${pathData}";
29
+ const ltr = ${ltr};
30
+ const accData = ${accData.key};
31
+ const collection = "${collection}";
32
+ const packageName = "${packageName}";
33
+
34
+ registerIcon(name, { pathData, ltr, accData, collection, packageName });
35
+
36
+ export default "${name}";
37
+ export { pathData, ltr, accData };`;
38
+
39
+
40
+
41
+ const collectionTemplate = (name) => `import { isThemeFamily } from "@ui5/webcomponents-base/dist/config/Theme.js";
42
+ import {pathData as pathDataV5, ltr, accData} from "./v5/${name}.js";
43
+ import {pathData as pathDataV4} from "./v4/${name}.js";
44
+
45
+ const pathData = isThemeFamily("sap_horizon") ? pathDataV5 : pathDataV4;
46
+
47
+ export default "${name}";
48
+ export { pathData, ltr, accData };`;
49
+
50
+
51
+ const svgTemplate = (pathData) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
52
+ <path d="${pathData}"/>
53
+ </svg>`;
54
+
55
+ const createIcons = async (file) => {
56
+ await fs.mkdir(destDir, { recursive: true });
57
+
58
+ const json = JSON.parse(await fs.readFile(file));
59
+
60
+ const promises = [];
61
+ for (let name in json.data) {
62
+ const iconData = json.data[name];
63
+ const pathData = iconData.path;
64
+ const ltr = !!iconData.ltr;
65
+ const acc = iconData.acc;
66
+
67
+ const content = acc ? iconAccTemplate(name, pathData, ltr, acc, json.collection, json.packageName) : iconTemplate(name, pathData, ltr, json.collection, json.packageName);
68
+
69
+ promises.push(fs.writeFile(path.join(destDir, `${name}.js`), content));
70
+ promises.push(fs.writeFile(path.join(destDir, `${name}.svg`), svgTemplate(pathData)));
71
+
72
+ if (json.version) {
73
+ promises.push(fs.writeFile(path.join(path.normalize("dist/"), `${name}.js`), collectionTemplate(name)));
74
+ }
75
+ }
76
+
77
+ return Promise.all(promises);
78
+ };
79
+
80
+ createIcons(srcFile).then(() => {
81
+ console.log("Icons created.");
82
+ });
@@ -0,0 +1,161 @@
1
+ const fs = require("fs").promises;
2
+ const path = require("path");
3
+
4
+ if (process.argv.length < 7) {
5
+ throw new Error("Not enough arguments");
6
+ }
7
+
8
+ const generate = async () => {
9
+
10
+ const ORIGINAL_TEXTS = {
11
+ UnableToLoad: "UnableToLoad",
12
+ UnableToUpload: "UnableToUpload",
13
+ NoActivities: "NoActivities",
14
+ BeforeSearch: "BeforeSearch",
15
+ NoSearchResults: "NoSearchResults",
16
+ NoEntries: "NoEntries",
17
+ NoData: "NoData",
18
+ NoNotifications: "NoNotifications",
19
+ BalloonSky: "BalloonSky",
20
+ SuccessScreen: "SuccessScreen",
21
+ NoMail: "NoMail",
22
+ NoSavedItems: "NoSavedItems",
23
+ NoTasks: "NoTasks"
24
+ };
25
+
26
+ const FALLBACK_TEXTS = {
27
+ ReloadScreen: ORIGINAL_TEXTS.UnableToLoad,
28
+ Connection: ORIGINAL_TEXTS.UnableToLoad,
29
+ ErrorScreen: ORIGINAL_TEXTS.UnableToUpload,
30
+ EmptyCalendar: ORIGINAL_TEXTS.NoActivities,
31
+ SearchEarth: ORIGINAL_TEXTS.BeforeSearch,
32
+ SearchFolder: ORIGINAL_TEXTS.NoSearchResults,
33
+ EmptyList: ORIGINAL_TEXTS.NoEntries,
34
+ Tent: ORIGINAL_TEXTS.NoData,
35
+ SleepingBell: ORIGINAL_TEXTS.NoNotifications,
36
+ SimpleBalloon: ORIGINAL_TEXTS.BalloonSky,
37
+ SimpleBell: ORIGINAL_TEXTS.NoNotifications,
38
+ SimpleCalendar: ORIGINAL_TEXTS.NoActivities,
39
+ SimpleCheckMark: ORIGINAL_TEXTS.SuccessScreen,
40
+ SimpleConnection: ORIGINAL_TEXTS.UnableToLoad,
41
+ SimpleEmptyDoc: ORIGINAL_TEXTS.NoData,
42
+ SimpleEmptyList: ORIGINAL_TEXTS.NoEntries,
43
+ SimpleError: ORIGINAL_TEXTS.UnableToUpload,
44
+ SimpleMagnifier: ORIGINAL_TEXTS.BeforeSearch,
45
+ SimpleMail: ORIGINAL_TEXTS.NoMail,
46
+ SimpleNoSavedItems: ORIGINAL_TEXTS.NoSavedItems,
47
+ SimpleNotFoundMagnifier: ORIGINAL_TEXTS.NoSearchResults,
48
+ SimpleReload: ORIGINAL_TEXTS.UnableToLoad,
49
+ SimpleTask: ORIGINAL_TEXTS.NoTasks,
50
+ SuccessBalloon: ORIGINAL_TEXTS.BalloonSky,
51
+ SuccessCheckMark: ORIGINAL_TEXTS.SuccessScreen,
52
+ SuccessHighFive: ORIGINAL_TEXTS.BalloonSky
53
+ };
54
+
55
+ const srcPath = process.argv[2];
56
+ const defaultText = process.argv[3] === "true";
57
+ const illustrationsPrefix = process.argv[4];
58
+ const illustrationSet = process.argv[5];
59
+ const destPath = process.argv[6];
60
+ const fileNamePattern = new RegExp(`${illustrationsPrefix}-.+-(.+).svg`);
61
+ // collect each illustration name because each one should have Sample.js file
62
+ const fileNames = new Set();
63
+
64
+ const svgImportTemplate = svgContent => {
65
+ return `export default \`${svgContent}\`;`
66
+ };
67
+ const svgToJs = async fileName => {
68
+ const svg = await fs.readFile(path.join(srcPath, fileName), {encoding: "utf-8"});
69
+ const fileContent = svgImportTemplate(svg);
70
+ fileName = fileName.replace(/\.svg$/, ".js");
71
+
72
+ return fs.writeFile(path.join(destPath, fileName), fileContent);
73
+ };
74
+ const illustrationImportTemplate = illustrationName => {
75
+ let illustrationNameForTranslation = illustrationName;
76
+
77
+ if (defaultText) {
78
+ if (FALLBACK_TEXTS[illustrationNameForTranslation]) {
79
+ illustrationNameForTranslation = FALLBACK_TEXTS[illustrationNameForTranslation];
80
+ } else if (illustrationName.indexOf("_v") !== -1) {
81
+ illustrationNameForTranslation = illustrationNameForTranslation.substr(0, illustrationNameForTranslation.indexOf('_v'));
82
+ }
83
+ }
84
+
85
+ const illustrationNameUpperCase = illustrationNameForTranslation.toUpperCase();
86
+
87
+ return defaultText ? `import { registerIllustration } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
88
+ import dialogSvg from "./${illustrationsPrefix}-Dialog-${illustrationName}.js";
89
+ import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
90
+ import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
91
+ import {
92
+ IM_TITLE_${illustrationNameUpperCase},
93
+ IM_SUBTITLE_${illustrationNameUpperCase},
94
+ } from "../generated/i18n/i18n-defaults.js";
95
+
96
+ const name = "${illustrationName}";
97
+ const set = "${illustrationSet}";
98
+ const title = IM_TITLE_${illustrationNameUpperCase};
99
+ const subtitle = IM_SUBTITLE_${illustrationNameUpperCase};
100
+
101
+ registerIllustration(name, {
102
+ dialogSvg,
103
+ sceneSvg,
104
+ spotSvg,
105
+ title,
106
+ subtitle,
107
+ set,
108
+ });
109
+
110
+ export {
111
+ dialogSvg,
112
+ sceneSvg,
113
+ spotSvg,
114
+ };` :
115
+ `import { registerIllustration } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
116
+ import dialogSvg from "./${illustrationsPrefix}-Dialog-${illustrationName}.js";
117
+ import sceneSvg from "./${illustrationsPrefix}-Scene-${illustrationName}.js";
118
+ import spotSvg from "./${illustrationsPrefix}-Spot-${illustrationName}.js";
119
+
120
+ const name = "${illustrationName}";
121
+ const set = "${illustrationSet}";
122
+
123
+ registerIllustration(name, {
124
+ dialogSvg,
125
+ sceneSvg,
126
+ spotSvg,
127
+ set,
128
+ });
129
+
130
+ export {
131
+ dialogSvg,
132
+ sceneSvg,
133
+ spotSvg,
134
+ };`
135
+ };
136
+
137
+ await fs.mkdir(destPath, { recursive: true });
138
+
139
+ const illustrationFileNames = await fs.readdir(path.normalize(srcPath));
140
+
141
+ // convert SVG to JS imports
142
+ const promises = [];
143
+ illustrationFileNames.forEach(illustration => {
144
+ if (fileNamePattern.test(illustration)) {
145
+ let [fileName, illustrationName] = illustration.match(fileNamePattern);
146
+
147
+ promises.push(svgToJs(fileName));
148
+ fileNames.add(illustrationName);
149
+ }
150
+ });
151
+
152
+ for (let illustrationName of fileNames) {
153
+ promises.push(fs.writeFile(path.join(destPath, `${illustrationName}.js`), illustrationImportTemplate(illustrationName)));
154
+ }
155
+
156
+ return Promise.all(promises);
157
+ };
158
+
159
+ generate().then(() => {
160
+ console.log("Illustrations generated.");
161
+ });
@@ -139,8 +139,16 @@ console.log(`Successfully generated ${componentName}.js`);
139
139
  console.log(`Successfully generated ${componentName}.css`);
140
140
  console.log(`Successfully generated ${componentName}.hbs`);
141
141
 
142
+ const bundleLogger = fs.createWriteStream("./bundle.common.js", {
143
+ flags: "a" // appending
144
+ });
145
+
146
+ bundleLogger.write(`
147
+ // TODO: Move this line in order to keep the file sorted alphabetically
148
+ import ${componentName} from "./dist/${componentName}.js";`);
149
+
142
150
  // Change the color of the output
143
- console.warn('\x1b[33m%s\x1b[0m', `
144
- Please import the generated component in bundle.esm.js:
145
- import ${componentName} from "./dist/${componentName}.js";
146
- `);
151
+ console.warn('\x1b[33m%s\x1b[0m', `
152
+ Component is imported in bundle.common.js.
153
+ Do NOT forget to sort the file in alphabeticall order.
154
+ `);
@@ -0,0 +1,66 @@
1
+ const fs = require("fs/promises");
2
+ const { createServer } = require('vite');
3
+ const yargs = require('yargs/yargs')
4
+ const { hideBin } = require('yargs/helpers')
5
+
6
+ const argv = yargs(hideBin(process.argv))
7
+ .alias("c", "config")
8
+ .argv;
9
+
10
+ const startVite = async (port) => {
11
+ const server = await createServer({
12
+ configFile: argv.config,
13
+ server: {
14
+ port: port,
15
+ strictPort: true,
16
+ open: true,
17
+ host: true,
18
+ },
19
+ logLevel: 'info',
20
+ clearScreen: false,
21
+ })
22
+ await server.listen()
23
+ server.printUrls()
24
+ return server;
25
+ };
26
+
27
+ const rmPortFile = async () => {
28
+ // exit handler must be sync
29
+ try {
30
+ await fs.rm(".dev-server-port");
31
+ } catch (e) {}
32
+ process.exit();
33
+ }
34
+
35
+ ["exit", "SIGINT", "SIGUSR1", "SIGUSR2", "uncaughtException", "SIGTERM"].forEach((eventType) => {
36
+ process.on(eventType, rmPortFile);
37
+ });
38
+
39
+ (async () => {
40
+ let retries = 10;
41
+ let port = 8080;
42
+ while (retries--) {
43
+ console.log(`taking port ${port}`);
44
+ await fs.writeFile(".dev-server-port", `${port}`);
45
+ try {
46
+ // execSync(command, {stdio: 'pipe'});
47
+ const server = await startVite(port);
48
+ if (server) {
49
+ // server started, don't try other ports
50
+ break;
51
+ }
52
+ } catch (e) {
53
+ // uncomment for debug
54
+ // console.log(e.toString());
55
+ if (e.toString().includes("already in use")) {
56
+ console.log(`Port ${port} already in use`)
57
+ port++;
58
+ continue;
59
+ }
60
+ // other error or CTRL-C
61
+ process.exit();
62
+ }
63
+ // no error normal exit
64
+ // process.exit();
65
+ }
66
+ })();
@@ -0,0 +1,52 @@
1
+ let path = require("path");
2
+
3
+ const virtualIndexPlugin = async () => {
4
+ const { globby } = await import("globby");
5
+ const files = await globby(["test/pages/**/*.html", "packages/*/test/pages/**/*.html"]);
6
+
7
+ const pagesPerFolder = {};
8
+ files.forEach(file => {
9
+ let folder = pagesPerFolder[path.dirname(file)] = pagesPerFolder[path.dirname(file)] || [];
10
+ folder.push(path.basename(file));
11
+ });
12
+
13
+ const rollupInput = {};
14
+
15
+ files.forEach(file => {
16
+ rollupInput[file] = path.resolve(process.cwd(), file);
17
+ })
18
+
19
+ return {
20
+ name: 'virtual-index-html',
21
+ config() {
22
+ return {
23
+ build: {
24
+ rollupOptions: {
25
+ input: rollupInput
26
+ }
27
+ }
28
+ }
29
+ },
30
+ configureServer(server) {
31
+ server.middlewares.use((req, res, next) => {
32
+ if (req.url === "/") {
33
+ const folders = Object.keys(pagesPerFolder);
34
+
35
+ res.statusCode = 200;
36
+ res.end(`${folders.map(folder => {
37
+ const pages = pagesPerFolder[folder];
38
+ return `<h1>${folder}</h1>
39
+ ${pages.map(page => {
40
+ return `<li><a href='${folder}/${page}'>${page}</a></li>`
41
+ }).join("")}
42
+ `
43
+ }).join("")}`);
44
+ } else {
45
+ next();
46
+ }
47
+ })
48
+ },
49
+ }
50
+ };
51
+
52
+ module.exports = virtualIndexPlugin;
@@ -0,0 +1,58 @@
1
+ const esprima = require("esprima");
2
+ const escodegen = require("escodegen");
3
+
4
+ const fs = require("fs").promises;
5
+ const path = require("path");
6
+ const basePath = process.argv[2];
7
+
8
+ const convertImports = async (srcPath) => {
9
+ let changed = false;
10
+ // console.log("scanning imports of", srcPath);
11
+ let code = (await fs.readFile(srcPath)).toString();
12
+ const tree = esprima.parseModule(code);
13
+ const importer = srcPath.replace(basePath, "");
14
+ const importerDir = path.dirname(importer);
15
+ // console.log("-> ", importer);
16
+ tree.body.forEach(node => {
17
+ if (node.type === "ImportDeclaration") {
18
+ let importee = node.source.value;
19
+ if (importee.startsWith(".")) {
20
+ // add .js extension if missing
21
+ if (!importee.endsWith(".js")) {
22
+ node.source.value += ".js"
23
+ changed = true;
24
+ }
25
+ return;
26
+ }
27
+ let importeeDir = path.dirname(importee);
28
+ let importeeFile = path.basename(importee);
29
+ let relativePath = path.relative(importerDir, importeeDir);
30
+ if (relativePath.length === 0) {
31
+ relativePath = "."
32
+ }
33
+ if (!relativePath.startsWith(".")) {
34
+ relativePath = "./" + relativePath;
35
+ }
36
+
37
+ relativePath = relativePath.replace(/\\/g, "/"); // the browser expects unix paths
38
+ let relativeImport = `${relativePath}/${importeeFile}.js`;
39
+ // console.log(importee + " --> " + relativeImport);
40
+ node.source.value = relativeImport;
41
+ changed = true;
42
+ }
43
+ });
44
+
45
+ if (changed) {
46
+ return fs.writeFile(srcPath, escodegen.generate(tree));
47
+ }
48
+ }
49
+
50
+ const generate = async () => {
51
+ const { globby } = await import("globby");
52
+ const fileNames = await globby(basePath + "**/*.js");
53
+ return Promise.all(fileNames.map(convertImports).filter(x => !!x));
54
+ };
55
+
56
+ generate().then(() => {
57
+ console.log("Success: Converted absolute imports to relative for files in:", basePath);
58
+ });