feat: update build scripts and add CSS minification functionality

Author: caperaven

_build_scripts/build-component.ts

@@ -1,5 +1,6 @@
 import * as esbuild from "https://deno.land/x/[email protected]/mod.js";
 import { copy } from "https://deno.land/[email protected]/fs/mod.ts";
+import { minify as minifyCss } from "https://esm.sh/[email protected]";
 
 export async function buildComponent(componentName: string) {
     console.log(`Building ${componentName}`);
@@ -41,13 +42,28 @@ async function copy_files(componentName: string) {
             await copyFilesToFolder(`${srcFolder}/${entry.name}`, `${distFolder}/${entry.name}`);
             continue;
         }
+
+        if (entry.name.endsWith(".css")) {
+            await copyCSSFiles(`${srcFolder}/${entry.name}`, `${distFolder}/${entry.name}`);
+            continue;
+        }
 
         const srcPath = `${srcFolder}/${entry.name}`;
         const distPath = `${distFolder}/${entry.name}`;
         await copy(srcPath, distPath, { overwrite: true });
     }
 }
 
+async function copyCSSFiles(srcFile: string, distFile: string) {
+    const css = await Deno.readTextFile(srcFile);
+    const result = await minifyCss(css);
+    await Deno.writeTextFile(distFile, result.css);
+}
+
+async function copyHTMLFiles(srcFolder: string, distFolder: string) {
+
+}
+
 async function copyFilesToFolder(sourceDir: string, targetDir: string) {
     for await (const entry of Deno.readDir(sourceDir)) {
         const srcPath = `${sourceDir}/${entry.name}`;

deno.json

@@ -1,7 +1,9 @@
 {
+	"nodeModulesDir": "auto",
 	"tasks": {
 		"surreal": "surreal start --user root --password root surrealkv:./data/mydatabase.db",
-		"compile_markdown": "wasm-pack build ./wasm/markdown/  --target web --out-dir ./../../src/modules/markdown"
+		"compile_markdown": "wasm-pack build ./wasm/markdown/  --target web --out-dir ./../../src/modules/markdown",
+		"build": "deno run --allow-all _build_scripts/build.ts"
 	},
 	"fmt": {
 		"useTabs": true