update build scripts

Author: caperaven

_build_scripts/build-component.ts

@@ -0,0 +1,57 @@
+import * as esbuild from "https://deno.land/x/[email protected]/mod.js";
+import { copy } from "https://deno.land/[email protected]/fs/mod.ts";
+
+export async function buildComponent(componentName: string) {
+    console.log(`Building ${componentName}`);
+    await build_src(componentName);
+    await copy_files(componentName);
+}
+
+async function build_src(componentName: string) {
+    const result = await esbuild.build({
+        entryPoints: [`components/${componentName}/${componentName}.js`],
+        outfile: `dist/components/${componentName}/${componentName}.js`,
+        bundle: true,
+        minify: true,
+        sourcemap: true,
+        target: ["es2020"],
+        format: "esm",
+        keepNames: true
+    });
+    esbuild.stop();
+    
+    if (result.errors.length > 0) {
+        console.error(result.errors);
+        Deno.exit(1);
+    }
+}
+
+// Copy all files and folders.
+// Ignore js files.
+async function copy_files(componentName: string) {
+    const srcFolder = `components/${componentName}`;
+    const distFolder = `dist/components/${componentName}`;
+
+    for await (const entry of Deno.readDir(srcFolder)) {
+        if (entry.isFile && entry.name.endsWith(".js")) {
+            continue;
+        }
+
+        if (entry.isDirectory) {
+            await copyFilesToFolder(`${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 copyFilesToFolder(sourceDir: string, targetDir: string) {
+    for await (const entry of Deno.readDir(sourceDir)) {
+        const srcPath = `${sourceDir}/${entry.name}`;
+        const distPath = `${targetDir}/${entry.name}`;
+        await copy(srcPath, distPath, { overwrite: true });
+    }
+}

_build_scripts/build-src.ts

@@ -0,0 +1,21 @@
+import * as esbuild from "https://deno.land/x/[email protected]/mod.js";
+
+export async function buildSrcFile(file: string) {
+    console.log(`Building ${file}`);
+    const result = await esbuild.build({
+        entryPoints: [`src/${file}`],
+        outfile: `dist/src/${file}`,
+        bundle: false,
+        minify: true,
+        sourcemap: true,
+        target: ["es2020"],
+        format: "esm",
+        keepNames: true
+    });
+    esbuild.stop();
+    
+    if (result.errors.length > 0) {
+        console.error(result.errors);
+        Deno.exit(1);
+    }
+}

_build_scripts/build.ts

@@ -1,33 +1,17 @@
-import * as esbuild from "https://deno.land/x/[email protected]/mod.js";
+import { buildSrcFile } from "./build-src.ts";
+import { buildComponent } from "./build-component.ts";
 
 async function cleaerDistFolder() {
     await Deno.remove("dist", { recursive: true });
     await Deno.mkdir("dist");
     await Deno.mkdir("dist/src");
 }
 
-async function buildSrcFile(file: string) {
-    console.log(`Building ${file}`);
-    const result = await esbuild.build({
-        entryPoints: [`src/${file}`],
-        outfile: `dist/src/${file}`,
-        bundle: true,
-        format: "esm",
-        minify: true,
-        sourcemap: true,
-        target: "es6",
-        keepNames: true
-    });
-    esbuild.stop();
-    
-    if (result.errors.length > 0) {
-        console.error(result.errors);
-        Deno.exit(1);
-    }
-}
-
 await cleaerDistFolder();
 
+// Components
+await buildComponent("activity-state");
+
 // System Files
 await buildSrcFile("system/assert.js");
 await buildSrcFile("system/events-manager.js");

deno.lock

@@ -0,0 +1,28 @@
+:host {
+    display: block;
+    box-sizing: border-box;
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.rotate {
+    animation: rotate 2s linear infinite;
+}
+
+@keyframes rotate {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.success {
+    fill: green;
+}
+
+.error {
+    fill: red;
+}
+

dist/components/activity-state/activity-state.css

@@ -0,0 +1 @@
+<material-icon></material-icon>