Experimenting with WCs

- Maybe ESBuild will be able to build webcomponents after all...?
- Removed Qodana btw

.editorconfig

@@ -53,4 +53,8 @@ tab_width = 4
 [*.{cs,cshtml}]
 # Roslynator.Analyzers rules
 dotnet_diagnostic.rcs1260.severity = warning
-roslynator_trailing_comma_style = omit_when_single_line
+roslynator_trailing_comma_style = omit_when_single_line
+
+
+[*.cs]
+csharp_style_namespace_declarations = file_scoped:warning

Ogma3/esbuild.mjs

@@ -1,22 +1,39 @@
 import * as esbuild from "esbuild";
+import { minifyTemplates, writeFiles } from "esbuild-minify-templates";
 
 const start = process.hrtime.bigint();
 
-const ctx = await esbuild.context({
-	entryPoints: ["./wwwroot/js/src/**/*.ts", "./wwwroot/js/src/**/*.js"],
+const baseSettings = {
 	minify: true,
 	bundle: true,
 	sourcemap: true,
-	outdir: "./wwwroot/js/dist",
 	color: true,
 	logLevel: "info"
+};
+
+const bundleContext = await esbuild.context({
+	...baseSettings,
+	entryPoints: ["./wwwroot/js/src/**/*.ts", "./wwwroot/js/src/**/*.js"],
+	outdir: "./wwwroot/js/dist"
 });
 
+const litContext = await esbuild.context({
+	...baseSettings,
+	entryPoints: ["./wwwroot/js/src-webcomponents/**/*.ts"],
+	plugins: [minifyTemplates(), writeFiles()],
+	outdir: "./wwwroot/js/bundle",
+	write: false
+})
+
+// perform build
+const ctx = process.argv.includes('--wc') ? litContext : bundleContext;
+
 if (process.argv.includes("--watch")) {
 	await ctx.watch();
 	console.log("Watching files...");
 } else {
 	await ctx.rebuild();
 	await ctx.dispose();
 	console.log(`Build completed in ${(process.hrtime.bigint() - start) / BigInt(1_000_000)}ms`);
+	process.exit();
 }

Ogma3/package.json

@@ -13,6 +13,7 @@
 		"autoprefixer": "10.4.16",
 		"concurrently": "^8.2.2",
 		"esbuild": "0.19.5",
+		"esbuild-minify-templates": "^0.11.0",
 		"eslint": "8.53.0",
 		"eslint-config-prettier": "9.0.0",
 		"gulp": "4.0.2",
@@ -53,7 +54,9 @@
 		"dayjs": "1.11.10",
 		"lit": "3.0.2"
 	},
-	"web-types": ["./web-types.json"],
+	"web-types": [
+		"./web-types.json"
+	],
 	"wca-config": {
 		"webtypesConfig": {
 			"name": "Ogma Components",