@ui5/webcomponents-tools 0.0.0-bf8366eb6 → 0.0.0-c143e338b

package/lib/remove-dev-mode/remove-dev-mode.mjs

@@ -1,37 +1,51 @@
 import { globby } from "globby";
 import * as esbuild from 'esbuild'
 import * as fs from "fs";
+import { pathToFileURL } from "url";
 
-let customPlugin = {
+const generate = async () => {
+  let customPlugin = {
     name: 'ui5-tools',
     setup(build) {
-        build.onLoad({ filter: /UI5Element.ts$/ }, async (args) => {
-          let text = await fs.promises.readFile(args.path, 'utf8');
-          text = text.replaceAll(/const DEV_MODE = true/g, "");
-          text = text.replaceAll(/if \(DEV_MODE\)/g, "if (false)");
-          return {
-            contents: text,
-            loader: 'ts',
-          }
-        })
-      },
-}
+      build.onLoad({ filter: /UI5Element.ts$/ }, async (args) => {
+        let text = await fs.promises.readFile(args.path, 'utf8');
+        text = text.replaceAll(/const DEV_MODE = true/g, "");
+        text = text.replaceAll(/if \(DEV_MODE\)/g, "if (false)");
+        return {
+          contents: text,
+          loader: 'ts',
+        }
+      })
+    },
+  }
 
-const getConfig = async () => {
+  const getConfig = async () => {
     const config = {
-        entryPoints: await globby("src/**/*.ts"),
-        bundle: false,
-        minify: true,
-        sourcemap: true,
-        outdir: 'dist/prod',
-        outbase: 'src',
-        plugins: [
-            customPlugin,
-        ]
+      entryPoints: await globby("src/**/*.ts"),
+      bundle: false,
+      minify: true,
+      sourcemap: true,
+      outdir: 'dist/prod',
+      outbase: 'src',
+      plugins: [
+        customPlugin,
+      ]
     };
     return config;
+  }
+
+
+  const config = await getConfig();
+  const result = await esbuild.build(config);
 }
 
+const filePath = process.argv[1];
+const fileUrl = pathToFileURL(filePath).href;
+
+if (import.meta.url === fileUrl) {
+  generate()
+}
 
-const config = await getConfig();
-const result = await esbuild.build(config);
+export default {
+  _ui5mainFn: generate
+}

package/lib/rimraf/rimraf.js

@@ -0,0 +1,31 @@
+const fs = require('fs');
+const path = require('path');
+
+const rimraf = dir => {
+	if (fs.existsSync(dir)) {
+		fs.readdirSync(dir).forEach(entry => {
+			const entryPath = path.join(dir, entry);
+			if (fs.lstatSync(entryPath).isDirectory()) {
+				rimraf(entryPath);
+			} else {
+				fs.unlinkSync(entryPath);
+			}
+		});
+		fs.rmdirSync(dir);
+	}
+};
+
+const main = argv => {
+	if (argv.length < 3) {
+		console.error("rimraf <dir>");
+		process.exit(1);
+	}
+	const dir = argv[2];
+	rimraf(dir);
+};
+
+if (require.main === module) {
+	main(process.argv)
+}
+
+exports._ui5mainFn = main;

package/lib/scoping/get-all-tags.js

@@ -4,8 +4,15 @@ const glob = require("glob");
 
 const getTag = file => {
 	const fileContent = String(fs.readFileSync(file)).replace(/\n/g, "");
-	const matches = fileContent.match(/\btag\b:\s*\"(.*?)\"/);
-	return matches ? matches[1] : undefined;
+	let matches = fileContent.match(/\btag\b:\s*\"(.*?)\"/);
+	if (matches) {
+		return matches[1];
+	}
+	matches = fileContent.match(/@customElement\("(.*?)"\)/);
+	if (matches) {
+		return matches[1];
+	}
+	return undefined;
 };
 
 const getPackageTags = (packageDir) => {

package/package.json

@@ -1,27 +1,26 @@
 {
   "name": "@ui5/webcomponents-tools",
-  "version": "0.0.0-bf8366eb6",
+  "version": "0.0.0-c143e338b",
   "description": "UI5 Web Components: webcomponents.tools",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
-  "private": false,
   "keywords": [
     "openui5",
     "sapui5",
     "ui5"
   ],
-  "scripts": {},
   "bin": {
-    "wc-dev": "bin/dev.js",
-    "wc-create-ui5-element": "bin/create-ui5-element.js"
+    "ui5nps": "bin/ui5nps.js",
+    "wc-create-ui5-element": "bin/create-ui5-element.js",
+    "wc-dev": "bin/dev.js"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/SAP/ui5-webcomponents.git",
+    "url": "https://github.com/UI5/webcomponents.git",
     "directory": "packages/tools"
   },
   "dependencies": {
-    "@custom-elements-manifest/analyzer": "^0.8.4",
+    "@custom-elements-manifest/analyzer": "^0.10.10",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
     "@wdio/cli": "^7.19.7",
@@ -34,27 +33,28 @@
     "cem-plugin-vs-code-custom-data-generator": "^1.4.2",
     "chai": "^4.3.4",
     "child_process": "^1.0.2",
-    "chokidar": "^3.5.1",
+    "chokidar": "^3.6.0",
     "chokidar-cli": "^3.0.0",
     "command-line-args": "^5.1.1",
     "comment-parser": "^1.4.0",
-    "concurrently": "^6.0.0",
     "cross-env": "^7.0.3",
     "custom-element-jet-brains-integration": "^1.4.4",
+    "dotenv": "^16.5.0",
     "escodegen": "^2.0.0",
     "eslint": "^7.22.0",
     "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-no-leaked-values": "^0.1.24",
     "esprima": "^4.0.1",
     "getopts": "^2.3.0",
     "glob": "^7.1.6",
     "glob-parent": "^6.0.2",
     "globby": "^13.1.1",
     "handlebars": "^4.7.7",
+    "ignore": "^7.0.5",
     "is-port-reachable": "^3.1.0",
     "json-beautify": "^1.1.1",
     "mkdirp": "^1.0.4",
-    "nps": "^5.10.0",
     "postcss": "^8.4.5",
     "postcss-cli": "^9.1.0",
     "postcss-selector-parser": "^6.0.10",
@@ -62,22 +62,27 @@
     "properties-reader": "^2.2.0",
     "recursive-readdir": "^2.2.2",
     "resolve": "^1.20.0",
-    "rimraf": "^3.0.2",
     "slash": "3.0.0",
-    "vite": "^4.4.9",
+    "string-argv": "^0.3.2",
+    "vite": "^5.4.8",
+    "vite-plugin-istanbul": "^6.0.2",
     "wdio-chromedriver-service": "^7.3.2"
   },
   "peerDependencies": {
     "chromedriver": "*",
-    "typescript": "^4.9.4"
+    "typescript": "^5.6.2"
   },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
     }
   },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "devDependencies": {
-    "esbuild": "^0.19.9",
+    "esbuild": "^0.25.0",
     "yargs": "^17.5.1"
-  }
-}
+  },
+  "gitHead": "6309e8d90fa82344a60be72084660c1e3e52e107"
+}

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+	"compilerOptions": {
+		"target": "ES2021",
+		"lib": [
+			"DOM",
+			"DOM.Iterable",
+			"ES2023"
+		],
+		"declaration": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"inlineSources": true,
+		"strict": true,
+		"moduleResolution": "node",
+		"jsx": "react-jsx",
+		"jsxImportSource": "@ui5/webcomponents-base",
+	}
+}

package/lib/css-processors/css-processor-component-styles.mjs

@@ -1,48 +0,0 @@
-import { globby } from "globby";
-import * as esbuild from 'esbuild'
-import * as fs from "fs";
-import * as path from "path";
-import { writeFile, mkdir } from "fs/promises";
-import scopeVariables from "./scope-variables.mjs";
-
-const packageJSON = JSON.parse(fs.readFileSync("./package.json"))
-const inputFiles = await globby("src/styles/*.module.css");
-const restArgs = process.argv.slice(2);
-
-let componentStylesPlugin = {
-    name: 'component-styles',
-    setup(build) {
-        build.initialOptions.write = false;
-
-        build.onEnd(result => {
-            result.outputFiles.forEach(async f => {
-                // scoping
-                const newText = scopeVariables(f.text, packageJSON);
-                await mkdir(path.dirname(f.path), {recursive: true});
-                writeFile(f.path, newText);
-                writeFile(f.path.replace(".module.css", ".css"), newText);
-            });
-        })
-    },
-}
-
-const config = {
-    entryPoints: inputFiles,
-    outdir: 'dist',
-    bundle: true,
-    outbase: 'src',
-    loader: {
-        ".module.css": "global-css"
-    },
-    plugins: [
-        componentStylesPlugin,
-    ]
-};
-
-if (restArgs.includes("-w")) {
-    let ctx = await esbuild.context(config);
-    await ctx.watch()
-    console.log('watching...')
-} else {
-    await esbuild.build(config);
-}

package/lib/dev-server/ssr-dom-shim-loader.js

@@ -1,26 +0,0 @@
-const fs = require("fs");
-
-/**
- * UI5Elements loads the ssr-dom.js file with a package specifier to use the export conditions
- * in the package.json so that a shim for the dom can be loaded from SSR environments
- * This however makes the TS Checker plugin used for development try to load the file from dist as input
- * This plugin loads an empty file and TS ignores the file completely
- */
-
-const ssrDomShimLoader = async () => {
-	return {
-		name: 'ssr-dom-shim-loader',
-		resolveId(id) {
-			if (id === "@ui5/webcomponents-base/dist/ssr-dom.js") {
-				return "\0shim"
-			}
-		},
-		load(id) {
-			if (id === "\0shim") {
-				return "";
-			}
-		}
-	}
-};
-
-module.exports = ssrDomShimLoader;