Further organizes code and adds clean task

.gitignore

@@ -3,8 +3,8 @@ elm-stuff
 # elm-repl generated files
 repl-temp-*
 # generated css and js
-static/js/*.min.js
-static/css/*.min.css
+static/js/*
+static/css/*
 # Node modules
 node_modules/
 # Wrangler

static/_headers → _headers

@@ -7,3 +7,9 @@
 
 https://armorylinks.pages.dev/*
   X-Robots-Tag: noindex
+
+/static/js/*
+    Content-Type: application/javascript
+
+/static/css/*
+    Content-Type: text/css

deno.json

@@ -1,7 +1,8 @@
 {
     "tasks": {
-        "build": "deno run --allow-read --allow-env --allow-write --allow-run build.ts",
-        "publish": "deno run --allow-read --allow-env --allow-write --allow-run publish.ts",
-        "run": "deno run --allow-read --allow-env --allow-write --allow-run run.ts"
+        "build": "deno run --allow-read --allow-env --allow-write --allow-run scripts/build.ts",
+        "publish": "deno run --allow-read --allow-env --allow-write --allow-run scripts/publish.ts",
+        "run": "deno run --allow-read --allow-env --allow-write --allow-run scripts/run.ts",
+        "clean": "deno run --allow-read --allow-env --allow-write --allow-run scripts/clean.ts"
     }
 }

build.ts → scripts/build.ts

@@ -18,7 +18,7 @@ async function createDirectories() {
 async function compileAndMinifyElm() {
     try {
         const compiledJs = await ElmCompile("./src/Main.elm", { mode: "optimize" });
-        const minifiedJs = await minify(compiledJs);
+        const minifiedJs = await minify(compiledJs, { ecma: 2016 });
         await Deno.writeTextFile("./static/js/main.min.js", minifiedJs.code ?? "");
     } catch (error) {
         if (error instanceof Deno.errors.NotFound) {
@@ -44,7 +44,7 @@ async function compileSass() {
 // Only run if the script is run directly, not imported as a module
 if (import.meta.main) {
     await compile();
-    console.log("✅ Done!");
+    console.log("✅ Build complete!");
 }
 
 export async function compile() {

scripts/clean.ts

@@ -0,0 +1,26 @@
+async function cleanDirectories(directories: string[]) {
+    for (const dir of directories) {
+        for await (const item of Deno.readDir(`./static/${dir}`)) {
+            const filePath = `./static/${dir}/${item.name}`;
+            await Deno.remove(filePath);
+        }
+    }
+}
+
+async function removeDirectories(directories: string[]) {
+    for (const dir of directories) {
+        await Deno.remove(dir, { recursive: true });
+    }
+}
+
+try {
+    console.log("🧹 Cleaning generated files...")
+
+    await cleanDirectories(["css", "js"]);
+    await removeDirectories(["dist"]);
+
+    console.log("✅ Clean complete!");
+} catch (error) {
+    if (!(error instanceof Deno.errors.NotFound))
+        throw error;
+}

publish.ts → scripts/publish.ts

@@ -1,18 +1,26 @@
 import * as fs from "jsr:@std/fs";
 import { compile } from "./build.ts";
 
+async function deleteExistingDist() {
+    try {
+        await Deno.remove("./dist", { recursive: true });
+    } catch (error) {
+        if (!(error instanceof Deno.errors.NotFound))
+            throw error;
+    }
+}
+
 /// Builds and publishes necessary files to `dist/` for deployment.
 async function publish() {
     console.log("🏗️  Running build step...");
     await compile();
 
     console.log("🚀 Publishing files to `dist/`...");
-    await Deno.mkdir("./dist", { recursive: true });
+
+    await deleteExistingDist();
     await fs.copy("./static", "./dist/static", { overwrite: true });
     await fs.copy("./wrangler.toml", "./dist/wrangler.toml", { overwrite: true });
-
-    // Move _headers to the root of dist
-    await fs.move("./dist/static/_headers", "./dist/_headers");
+    await fs.copy("./_headers", "./dist/_headers");
 
     console.log("✅ Publish complete!");
 }