@ui5/webcomponents-tools 0.0.0-bef62af04 → 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 (109) hide show
  1. package/CHANGELOG.md +1314 -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 +109 -70
  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 +17 -17
  24. package/lib/create-icons/index.js +126 -58
  25. package/lib/create-illustrations/index.js +157 -45
  26. package/lib/create-new-component/index.js +61 -101
  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 +95 -24
  43. package/lib/hbs2lit/src/svgProcessor.js +12 -5
  44. package/lib/hbs2ui5/RenderTemplates/LitRenderer.js +32 -4
  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 +8 -7
  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 -39
  57. package/bin/init-ui5-package.js +0 -3
  58. package/components-package/rollup.js +0 -216
  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/esm-abs-to-rel/index.js +0 -54
  68. package/lib/hash/config.js +0 -10
  69. package/lib/hash/generate.js +0 -19
  70. package/lib/hash/upToDate.js +0 -31
  71. package/lib/init-package/index.js +0 -136
  72. package/lib/init-package/resources/.eslintignore +0 -3
  73. package/lib/init-package/resources/bundle.es5.js +0 -25
  74. package/lib/init-package/resources/bundle.esm.js +0 -31
  75. package/lib/init-package/resources/config/.eslintrc.js +0 -1
  76. package/lib/init-package/resources/config/postcss.components/postcss.config.js +0 -1
  77. package/lib/init-package/resources/config/postcss.themes/postcss.config.js +0 -1
  78. package/lib/init-package/resources/config/rollup.config.js +0 -1
  79. package/lib/init-package/resources/config/wdio.conf.js +0 -1
  80. package/lib/init-package/resources/package-scripts.js +0 -11
  81. package/lib/init-package/resources/src/Assets.js +0 -5
  82. package/lib/init-package/resources/src/MyFirstComponent.hbs +0 -1
  83. package/lib/init-package/resources/src/MyFirstComponent.js +0 -56
  84. package/lib/init-package/resources/src/i18n/messagebundle.properties +0 -2
  85. package/lib/init-package/resources/src/i18n/messagebundle_de.properties +0 -1
  86. package/lib/init-package/resources/src/i18n/messagebundle_en.properties +0 -1
  87. package/lib/init-package/resources/src/i18n/messagebundle_es.properties +0 -1
  88. package/lib/init-package/resources/src/i18n/messagebundle_fr.properties +0 -1
  89. package/lib/init-package/resources/src/themes/MyFirstComponent.css +0 -11
  90. package/lib/init-package/resources/src/themes/sap_belize/parameters-bundle.css +0 -3
  91. package/lib/init-package/resources/src/themes/sap_belize_hcb/parameters-bundle.css +0 -3
  92. package/lib/init-package/resources/src/themes/sap_belize_hcw/parameters-bundle.css +0 -3
  93. package/lib/init-package/resources/src/themes/sap_fiori_3/parameters-bundle.css +0 -3
  94. package/lib/init-package/resources/src/themes/sap_fiori_3_dark/parameters-bundle.css +0 -3
  95. package/lib/init-package/resources/src/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -3
  96. package/lib/init-package/resources/src/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -3
  97. package/lib/init-package/resources/test/pages/index.html +0 -56
  98. package/lib/init-package/resources/test/specs/Demo.spec.js +0 -12
  99. package/lib/jsdoc/config.json +0 -29
  100. package/lib/jsdoc/plugin.js +0 -2427
  101. package/lib/jsdoc/template/publish.js +0 -4101
  102. package/lib/polyfill-placeholder/index.js +0 -5
  103. package/lib/postcss-css-to-esm/index.js +0 -45
  104. package/lib/postcss-css-to-json/index.js +0 -31
  105. package/lib/postcss-new-files/index.js +0 -36
  106. package/lib/replace-global-core/index.js +0 -20
  107. package/lib/serve/index.js +0 -46
  108. package/lib/serve/serve.json +0 -3
  109. package/package-lock.json +0 -48
package/README.md CHANGED
@@ -1,24 +1,24 @@
1
- ![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/master/docs/images/UI5_logo_wide.png)
1
+ ![UI5 icon](https://raw.githubusercontent.com/SAP/ui5-webcomponents/main/docs/images/UI5_logo_wide.png)
2
+
2
3
 
3
4
  # UI5 Web Components - Tools
4
5
 
5
- [![Travis CI Build Status](https://travis-ci.org/SAP/ui5-webcomponents.svg?branch=master)](https://travis-ci.org/SAP/ui5-webcomponents)
6
6
  [![npm Package Version](https://badge.fury.io/js/%40ui5%2Fwebcomponents.svg)](https://www.npmjs.com/package/@ui5/webcomponents)
7
7
 
8
8
  Provides libraries, configuration files and build artifacts,
9
9
  used by other UI5 Web Components packages, such as `main` and `fiori`.
10
10
 
11
11
  ## Resources
12
- - [UI5 Web Components - README.md](https://github.com/SAP/ui5-webcomponents/blob/master/README.md)
12
+ - [UI5 Web Components - README.md](https://github.com/SAP/ui5-webcomponents/blob/main/README.md)
13
13
  - [UI5 Web Components - Home Page](https://sap.github.io/ui5-webcomponents)
14
14
  - [UI5 Web Components - Playground and API Reference](https://sap.github.io/ui5-webcomponents/playground/)
15
15
 
16
16
  ## Support
17
- We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://join-ui5-slack.herokuapp.com/).
17
+ We welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/).
18
18
 
19
19
  ## Contribute
20
- Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/master/CONTRIBUTING.md).
20
+ Please check our [Contribution Guidelines](https://github.com/SAP/ui5-webcomponents/blob/main/docs/6-contributing/02-conventions-and-guidelines.md).
21
21
 
22
22
  ## License
23
23
  Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved.
24
- This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the [LICENSE](https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt) file.
24
+ This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the [LICENSE](https://github.com/SAP/ui5-webcomponents/blob/main/LICENSE.txt) file.
package/assets-meta.js CHANGED
@@ -1,15 +1,20 @@
1
1
  const assetsMeta = {
2
2
  "themes": {
3
- "default": "sap_fiori_3",
3
+ "default": "sap_horizon",
4
4
  "all": [
5
5
  "sap_fiori_3",
6
6
  "sap_fiori_3_dark",
7
- "sap_belize",
8
- "sap_belize_hcb",
9
- "sap_belize_hcw",
10
7
  "sap_fiori_3_hcb",
11
- "sap_fiori_3_hcw"
12
- ]
8
+ "sap_fiori_3_hcw",
9
+ "sap_horizon",
10
+ "sap_horizon_dark",
11
+ "sap_horizon_hcb",
12
+ "sap_horizon_hcw",
13
+ "sap_horizon_exp",
14
+ "sap_horizon_dark_exp",
15
+ "sap_horizon_hcb_exp",
16
+ "sap_horizon_hcw_exp",
17
+ ],
13
18
  },
14
19
  "languages": {
15
20
  "default": "en",
@@ -17,6 +22,7 @@ const assetsMeta = {
17
22
  "ar",
18
23
  "bg",
19
24
  "ca",
25
+ "cnr",
20
26
  "cs",
21
27
  "cy",
22
28
  "da",
@@ -44,6 +50,7 @@ const assetsMeta = {
44
50
  "ko",
45
51
  "lt",
46
52
  "lv",
53
+ "mk",
47
54
  "ms",
48
55
  "nl",
49
56
  "no",
@@ -55,6 +62,7 @@ const assetsMeta = {
55
62
  "sh",
56
63
  "sk",
57
64
  "sl",
65
+ "sr",
58
66
  "sv",
59
67
  "th",
60
68
  "tr",
@@ -72,6 +80,7 @@ const assetsMeta = {
72
80
  "ar_SA",
73
81
  "bg",
74
82
  "ca",
83
+ "cnr",
75
84
  "cs",
76
85
  "da",
77
86
  "de",
@@ -119,6 +128,7 @@ const assetsMeta = {
119
128
  "lt",
120
129
  "lv",
121
130
  "ms",
131
+ "mk",
122
132
  "nb",
123
133
  "nl",
124
134
  "nl_BE",
@@ -131,6 +141,7 @@ const assetsMeta = {
131
141
  "sk",
132
142
  "sl",
133
143
  "sr",
144
+ "sr_Latn",
134
145
  "sv",
135
146
  "th",
136
147
  "tr",
package/bin/dev.js CHANGED
@@ -10,11 +10,7 @@ if (command === "watch") {
10
10
  command = `watch.${argument}`;
11
11
  }
12
12
  } else if (command === "test") {
13
- if (argument === "--no-server") { // yarn test --no-server
14
- command = `test.run`;
15
- } else if (argument) { // yarn test test/specs/Button.spec.js
16
- command = `test.spec --spec ${argument}`;
17
- }
13
+ command = `test ${process.argv.slice(3).join(" ")}`;
18
14
  }
19
15
 
20
16
  child_process.execSync(`npx nps "${command}"`, {stdio: 'inherit'});
@@ -1,3 +1,38 @@
1
+ const fs = require("fs");
2
+ const path = require("path");
3
+ const tsMode = fs.existsSync(path.join(process.cwd(), "tsconfig.json"));
4
+
5
+ /**
6
+ * Typescript Rules
7
+ */
8
+ const overrides = tsMode ? [{
9
+ files: ["*.ts"],
10
+ parser: "@typescript-eslint/parser",
11
+ plugins: ["@typescript-eslint"],
12
+ extends: [
13
+ "plugin:@typescript-eslint/recommended",
14
+ "plugin:@typescript-eslint/recommended-requiring-type-checking"
15
+ ],
16
+ parserOptions: {
17
+ "project": ["./tsconfig.json", "./packages/*/tsconfig.json"],
18
+ EXPERIMENTAL_useSourceOfProjectReferenceRedirect: true,
19
+ },
20
+ rules: {
21
+ "no-shadow": "off",
22
+ "@typescript-eslint/no-shadow": ["error"],
23
+ "@typescript-eslint/no-unsafe-member-access": "off",
24
+ "@typescript-eslint/no-floating-promises": "off",
25
+ "@typescript-eslint/no-explicit-any": "off",
26
+ "@typescript-eslint/no-unsafe-assignment": "off",
27
+ "@typescript-eslint/ban-ts-comment": "off",
28
+ "@typescript-eslint/no-unsafe-call": "off",
29
+ "@typescript-eslint/no-non-null-assertion": "off",
30
+ "@typescript-eslint/no-empty-function": "off",
31
+ "@typescript-eslint/no-empty-interface": "off",
32
+ "lines-between-class-members": "off",
33
+ }
34
+ }] : [];
35
+
1
36
  module.exports = {
2
37
  "env": {
3
38
  "browser": true,
@@ -5,6 +40,7 @@ module.exports = {
5
40
  },
6
41
  "root": true,
7
42
  "extends": "airbnb-base",
43
+ overrides,
8
44
  "parserOptions": {
9
45
  "ecmaVersion": 2018,
10
46
  "sourceType": "module"
@@ -1,111 +1,150 @@
1
1
  const path = require("path");
2
2
  const fs = require("fs");
3
-
4
3
  const LIB = path.join(__dirname, `../lib/`);
5
- const polyfillDir = path.dirname(require.resolve("@webcomponents/webcomponentsjs"));
6
- const polyfillPath = path.join(polyfillDir, "{*.js,*.map,*.md,bundles/**/*.*}");
7
- const packageName = JSON.parse(fs.readFileSync("./package.json")).name;
4
+ let websiteBaseUrl = "/";
5
+
6
+ if (process.env.DEPOY) {
7
+ websiteBaseUrl = "/ui5-webcomponents/";
8
+ } else if (process.env.DEPLOY_NIGHTLY) {
9
+ websiteBaseUrl = "/ui5-webcomponents/nightly/";
10
+ }
8
11
 
9
12
  const getScripts = (options) => {
10
13
 
11
- const port = options.port || 8080; // preferred port
12
- const portStep = options.portStep || 1; // step to check for available ports, if preferred port is already used
13
- const illustrationsPath = options.illustrationsPath || "";
14
+ // The script creates all JS modules (dist/illustrations/{illustrationName}.js) out of the existing SVGs
15
+ const illustrationsData = options.illustrationsData || [];
16
+ const illustrations = illustrationsData.map(illustration => `node "${LIB}/create-illustrations/index.js" ${illustration.path} ${illustration.defaultText} ${illustration.illustrationsPrefix} ${illustration.set} ${illustration.destinationPath} ${illustration.collection}`);
17
+ const createIllustrationsJSImportsScript = illustrations.join(" && ");
18
+
19
+ // The script creates the "src/generated/js-imports/Illustration.js" file that registers loaders (dynamic JS imports) for each illustration
20
+ const createIllustrationsLoadersScript = illustrationsData.map(illustrations => `node ${LIB}/generate-js-imports/illustrations.js ${illustrations.destinationPath} ${illustrations.dynamicImports.outputFile} ${illustrations.set} ${illustrations.collection} ${illustrations.dynamicImports.location} ${illustrations.dynamicImports.filterOut.join(" ")}`).join(" && ");
21
+
22
+ const tsOption = !options.legacy;
23
+ const tsCommandOld = tsOption ? "tsc" : "";
24
+ let tsWatchCommandStandalone = tsOption ? "tsc --watch" : "";
25
+ // this command is only used for standalone projects. monorepo projects get their watch from vite, so opt-out here
26
+ if (options.noWatchTS) {
27
+ tsWatchCommandStandalone = "";
28
+ }
29
+ const tsCrossEnv = tsOption ? "cross-env UI5_TS=true" : "";
30
+
31
+ if (tsOption) {
32
+ try {
33
+ require("typescript");
34
+ } catch(e) {
35
+ console.error(`TypeScript is not found. Try to install it by running \`npm install --save-dev typescript\` if you are using npm or by running \`yarn add --dev typescript\` if you are using yarn.`);
36
+ process.exit(e.code);
37
+ }
38
+ }
39
+
40
+ let viteConfig;
41
+ if (fs.existsSync("config/vite.config.js")) {
42
+ // old project setup where config file is in separate folder
43
+ viteConfig = "-c config/vite.config.js";
44
+ } else if (fs.existsSync("vite.config.js")) {
45
+ // preferred way of custom configuration in root project folder
46
+ viteConfig = "";
47
+ } else {
48
+ // no custom configuration - use default from tools project
49
+ viteConfig = `-c "${require.resolve("@ui5/webcomponents-tools/components-package/vite.config.js")}"`;
50
+ }
51
+
52
+ let eslintConfig;
53
+ if (fs.existsSync(".eslintrc.js") || fs.existsSync(".eslintrc.cjs")) {
54
+ // preferred way of custom configuration in root project folder
55
+ eslintConfig = "";
56
+ } else {
57
+ // no custom configuration - use default from tools project
58
+ eslintConfig = `--config "${require.resolve("@ui5/webcomponents-tools/components-package/eslint.js")}"`;
59
+ }
14
60
 
15
61
  const scripts = {
16
- clean: "rimraf dist && rimraf .port",
17
- lint: "eslint . --config config/.eslintrc.js",
18
- lintfix: "eslint . --config config/.eslintrc.js --fix",
62
+ clean: 'rimraf src/generated && rimraf dist && rimraf .port && nps "scope.testPages.clean"',
63
+ lint: `eslint . ${eslintConfig}`,
64
+ lintfix: `eslint . ${eslintConfig} --fix`,
65
+ generate: {
66
+ default: `${tsCrossEnv} nps prepare.all`,
67
+ all: 'concurrently "nps build.templates" "nps build.i18n" "nps prepare.styleRelated" "nps copy" "nps build.illustrations"',
68
+ styleRelated: "nps build.styles build.jsonImports build.jsImports",
69
+ },
19
70
  prepare: {
20
- default: "nps clean build.templates build.styles build.i18n build.jsonImports copy build.samples build.illustrations",
21
- es5: "nps clean build.templates build.styles build.i18n build.jsonImports copy.es5 build.samples build.illustrations"
71
+ default: `${tsCrossEnv} nps clean prepare.all copy prepare.typescript generateAPI`,
72
+ all: 'concurrently "nps build.templates" "nps build.i18n" "nps prepare.styleRelated" "nps build.illustrations"',
73
+ styleRelated: "nps build.styles build.jsonImports build.jsImports",
74
+ typescript: tsCommandOld,
22
75
  },
23
76
  build: {
24
- default: "nps lint prepare.es5 build.bundle",
25
- templates: `mkdirp dist/generated/templates && node "${LIB}/hbs2ui5/index.js" -d src/ -o dist/generated/templates`,
77
+ default: "nps prepare lint build.bundle", // build.bundle2
78
+ templates: `mkdirp src/generated/templates && ${tsCrossEnv} node "${LIB}/hbs2ui5/index.js" -d src/ -o src/generated/templates`,
26
79
  styles: {
27
- default: "nps build.styles.themes build.styles.components",
28
- themes: "postcss src/**/parameters-bundle.css --config config/postcss.themes --base src --dir dist/css/",
29
- components: "postcss src/themes/*.css --config config/postcss.components --base src --dir dist/css/", // When updating this, also update the new files script
80
+ default: `concurrently "nps build.styles.themes" "nps build.styles.components" "nps build.styles.componentStyles"`,
81
+ themes: `node "${LIB}/css-processors/css-processor-themes.mjs"`,
82
+ components: `node "${LIB}/css-processors/css-processor-components.mjs"`,
83
+ componentStyles: `node "${LIB}/css-processors/css-processor-component-styles.mjs"`,
30
84
  },
31
85
  i18n: {
32
86
  default: "nps build.i18n.defaultsjs build.i18n.json",
33
- defaultsjs: `node "${LIB}/i18n/defaults.js" src/i18n dist/generated/i18n`,
87
+ defaultsjs: `node "${LIB}/i18n/defaults.js" src/i18n src/generated/i18n`,
34
88
  json: `node "${LIB}/i18n/toJSON.js" src/i18n dist/generated/assets/i18n`,
35
89
  },
36
90
  jsonImports: {
37
- default: "mkdirp dist/generated/json-imports && nps build.jsonImports.themes build.jsonImports.i18n",
38
- themes: `node "${LIB}/generate-json-imports/themes.js" dist/generated/assets/themes dist/generated/json-imports`,
39
- i18n: `node "${LIB}/generate-json-imports/i18n.js" dist/generated/assets/i18n dist/generated/json-imports`,
91
+ default: "mkdirp src/generated/json-imports && nps build.jsonImports.themes build.jsonImports.i18n",
92
+ themes: `node "${LIB}/generate-json-imports/themes.js" dist/generated/assets/themes src/generated/json-imports`,
93
+ i18n: `node "${LIB}/generate-json-imports/i18n.js" dist/generated/assets/i18n src/generated/json-imports`,
40
94
  },
41
- bundle: "rollup --config config/rollup.config.js --environment ES5_BUILD",
42
- samples: {
43
- default: "nps build.samples.api build.samples.docs",
44
- api: `jsdoc -c "${LIB}/jsdoc/config.json"`,
45
- docs: `node "${LIB}/documentation/index.js" dist/api.json`,
95
+ jsImports: {
96
+ default: "mkdirp src/generated/js-imports && nps build.jsImports.illustrationsLoaders",
97
+ illustrationsLoaders: createIllustrationsLoadersScript,
46
98
  },
47
- illustrations: {
48
- default: `node "${LIB}/create-illustrations/index.js" ${illustrationsPath} dist/illustrations`
49
- }
99
+ bundle: `vite build ${viteConfig} --mode testing --base ${websiteBaseUrl}`,
100
+ bundle2: ``,
101
+ illustrations: createIllustrationsJSImportsScript,
50
102
  },
51
103
  copy: {
52
- default: "nps copy.src copy.props copy.test copy.webcomponents-polyfill-placeholder",
53
- es5: "nps copy.src copy.props copy.test copy.webcomponents-polyfill",
54
- src: `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.js" dist/`,
104
+ default: "nps copy.src copy.props",
105
+ src: `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.{js,json}" dist/`,
106
+ // srcGenerated2: `node "${LIB}/copy-and-watch/index.js" --silent "src/generated/**/*.{js,json}" dist/generated/`,
55
107
  props: `node "${LIB}/copy-and-watch/index.js" --silent "src/**/*.properties" dist/`,
56
- test: `node "${LIB}/copy-and-watch/index.js" --silent "test/**/*.*" dist/test-resources`,
57
- "webcomponents-polyfill": `node "${LIB}/copy-and-watch/index.js" --silent "${polyfillPath}" dist/webcomponentsjs/`,
58
- "webcomponents-polyfill-placeholder": `node ${LIB}/polyfill-placeholder/index.js`
59
108
  },
60
109
  watch: {
61
- default: 'concurrently "nps watch.templates" "nps watch.samples" "nps watch.test" "nps watch.src" "nps watch.bundle" "nps watch.styles" "nps watch.i18n"',
62
- es5: 'concurrently "nps watch.templates" "nps watch.samples" "nps watch.test" "nps watch.src" "nps watch.bundle.es5" "nps watch.styles" "nps watch.i18n"',
110
+ default: `${tsCrossEnv} concurrently "nps watch.templates" "nps watch.typescript" "nps watch.src" "nps watch.styles" "nps watch.i18n" "nps watch.props"`,
111
+ devServer: 'concurrently "nps watch.default" "nps watch.bundle"',
63
112
  src: 'nps "copy.src --watch --safe --skip-initial-copy"',
113
+ typescript: tsWatchCommandStandalone,
64
114
  props: 'nps "copy.props --watch --safe --skip-initial-copy"',
65
- test: 'nps "copy.test --watch --safe --skip-initial-copy"',
66
- bundle: {
67
- default: 'rollup --config config/rollup.config.js -w --environment DEV,DEPLOY_PUBLIC_PATH:/resources/',
68
- es5: 'rollup --config config/rollup.config.js -w --environment ES5_BUILD,DEV,DEPLOY_PUBLIC_PATH:/resources/'
69
- },
115
+ bundle: `node ${LIB}/dev-server/dev-server.js ${viteConfig}`,
70
116
  styles: {
71
- default: 'concurrently "nps watch.styles.themes" "nps watch.styles.components"',
117
+ default: 'concurrently "nps watch.styles.themes" "nps watch.styles.components" "nps watch.styles.componentStyles" ',
72
118
  themes: 'nps "build.styles.themes -w"',
73
- components: {
74
- default: 'concurrently "nps watch.styles.components.existingFiles" "nps watch.styles.components.newFiles"',
75
- existingFiles: `nps "build.styles.components -w"`,
76
- newFiles: `node "${LIB}/postcss-new-files/index.js" --srcFiles="src/themes/*.css"`,
77
- },
119
+ components: `nps "build.styles.components -w"`,
120
+ componentStyles: `nps "build.styles.componentStyles -w"`,
78
121
  },
79
122
  templates: 'chokidar "src/**/*.hbs" -c "nps build.templates"',
80
- samples: 'chokidar "test/**/*.sample.html" -c "nps build.samples"',
81
123
  i18n: 'chokidar "src/i18n/messagebundle.properties" -c "nps build.i18n.defaultsjs"'
82
124
  },
83
- dev: {
84
- default: 'concurrently "nps serve" "nps watch"',
85
- es5: 'concurrently "nps serve" "nps watch.es5"'
86
- },
87
- start: "nps prepare dev",
88
- serve: `node "${LIB}/serve/index.js" --dir="dist/" --port=${port} --portStep=${portStep} --packageName="${packageName}"`,
89
- test: {
90
- // --success first - report the exit code of the test run (first command to finish), as serve is always terminated and has a non-0 exit code
91
- default: 'concurrently "nps serve" "nps test.run" --kill-others --success first',
92
- run: "cross-env WDIO_LOG_LEVEL=error wdio config/wdio.conf.js",
93
- spec: "wdio run config/wdio.conf.js",
94
- },
95
- startWithScope: "nps scope.prepare scope.dev",
125
+ start: "nps prepare watch.devServer",
126
+ test: `node "${LIB}/test-runner/test-runner.js"`,
127
+ "test-suite-1": `node "${LIB}/test-runner/test-runner.js" --suite suite1`,
128
+ "test-suite-2": `node "${LIB}/test-runner/test-runner.js" --suite suite2`,
129
+ startWithScope: "nps scope.prepare scope.watchWithBundle",
96
130
  scope: {
97
- prepare: "nps scope.lint prepare scope.testPages",
131
+ prepare: "nps scope.lint scope.testPages",
98
132
  lint: `node "${LIB}/scoping/lint-src.js"`,
99
133
  testPages: {
100
134
  default: "nps scope.testPages.clean scope.testPages.copy scope.testPages.replace",
101
- clean: "rimraf dist/test-resources/pages/scoped",
102
- copy: `node "${LIB}/copy-and-watch/index.js" --silent "dist/test-resources/pages/**/*" dist/test-resources/scoped`,
103
- replace: `node "${LIB}/scoping/scope-test-pages.js" dist/test-resources/scoped demo`,
135
+ clean: "rimraf test/pages/scoped",
136
+ copy: `node "${LIB}/copy-and-watch/index.js" --silent "test/pages/**/*" test/pages/scoped`,
137
+ replace: `node "${LIB}/scoping/scope-test-pages.js" test/pages/scoped demo`,
104
138
  },
105
- dev: 'concurrently "nps serve" "nps scope.watch"',
106
- watch: 'concurrently "nps watch.templates" "nps watch.samples" "nps watch.test" "nps watch.src" "nps watch.props" "nps scope.bundle" "nps watch.styles"',
107
- bundle: 'rollup --config config/rollup.config.js -w --environment ES5_BUILD,DEV,SCOPE'
108
- }
139
+ watchWithBundle: 'concurrently "nps scope.watch" "nps scope.bundle" ',
140
+ watch: 'concurrently "nps watch.templates" "nps watch.src" "nps watch.props" "nps watch.styles"',
141
+ bundle: `node ${LIB}/dev-server/dev-server.js ${viteConfig}`,
142
+ },
143
+ generateAPI: {
144
+ default: tsOption ? "nps generateAPI.generateCEM generateAPI.validateCEM" : "",
145
+ generateCEM: `cem analyze --config "${LIB}/cem/custom-elements-manifest.config.mjs" ${ options.dev ? "--dev" : "" }`,
146
+ validateCEM: `node "${LIB}/cem/validate.js" ${ options.dev ? "--dev" : "" }`,
147
+ },
109
148
  };
110
149
 
111
150
  return scripts;
@@ -1,21 +1 @@
1
- const postcssImport = require('postcss-import');
2
- const postcssCSStoESM = require('../lib/postcss-css-to-esm/index.js');
3
- const cssnano = require('cssnano');
4
- const fs = require("fs");
5
-
6
- const packageName = JSON.parse(fs.readFileSync("./package.json")).name;
7
-
8
- module.exports = {
9
- plugins: [
10
- postcssImport(),
11
- cssnano({
12
- preset: [
13
- 'default', {
14
- mergeLonghand: false, // https://github.com/cssnano/cssnano/issues/675
15
- mergeRules: false, // https://github.com/cssnano/cssnano/issues/730
16
- },
17
- ]
18
- }),
19
- postcssCSStoESM({toReplace: 'src', includeDefaultTheme: true, packageName}),
20
- ]
21
- };
1
+ module.exports = {}
@@ -1,23 +1 @@
1
- const postcssImport = require('postcss-import');
2
- const combineSelectors = require('postcss-combine-duplicated-selectors');
3
- const postcssCSStoJSON = require('../lib/postcss-css-to-json/index.js');
4
- const postcssCSStoESM = require('../lib/postcss-css-to-esm/index.js');
5
- const cssnano = require('cssnano');
6
-
7
- module.exports = {
8
- plugins: [
9
- postcssImport(),
10
- combineSelectors({
11
- removeDuplicatedProperties: true
12
- }),
13
- cssnano({
14
- preset: [
15
- 'default', {
16
- mergeLonghand: false, // https://github.com/cssnano/cssnano/issues/675
17
- },
18
- ]
19
- },),
20
- postcssCSStoJSON({toReplace: 'src'}),
21
- postcssCSStoESM({toReplace: 'src'}),
22
- ]
23
- };
1
+ module.exports = {};
@@ -0,0 +1,13 @@
1
+ // vite.config.js
2
+ import { defineConfig } from 'vite';
3
+ import virtualIndex from '../lib/dev-server/virtual-index-html-plugin.js';
4
+
5
+ export default defineConfig(async () => {
6
+ const data = await virtualIndex();
7
+ return {
8
+ build: {
9
+ emptyOutDir: false,
10
+ },
11
+ plugins: [data],
12
+ }
13
+ })