style: minify GraphQL Playground CSS

.gitignore

@@ -4,3 +4,4 @@ rusty-tags.vi
 video.tape
 *.profraw
 sqlite.db*
+/assets

.gitleaksignore

@@ -0,0 +1 @@
+deno.lock:generic-api-key:10

deno.json

@@ -0,0 +1,21 @@
+{
+  "fmt": {
+    "include": ["./**/*.ts"],
+    "exclude": ["public/", "target/"]
+  },
+  "lint": {
+    "exclude": ["public/", "target/"],
+    "rules": {
+      "tags": ["recommended"]
+    }
+  },
+  "tasks": {
+    "fmt": "yamlfmt . && dprint fmt && deno fmt && cargo fmt",
+    "minify:css": "deno run --allow-env --allow-read --allow-net --allow-run --allow-write scripts/minify-css.ts"
+  },
+  "imports": {
+    "@/": "./",
+    "browserslist": "https://esm.sh/browserslist@4.24.2",
+    "lightningcss": "https://esm.sh/lightningcss-wasm@1.28.1"
+  }
+}

gitleaks-report.json

@@ -0,0 +1 @@
+[]

scripts/minify-css.ts

@@ -0,0 +1,37 @@
+import browserslist from "browserslist";
+import init, { browserslistToTargets, transform } from "lightningcss";
+
+await init();
+
+const targets = browserslistToTargets(
+  browserslist(
+    "> 0.5%, last 2 versions, Firefox >= 102, Firefox ESR, not dead",
+  ),
+);
+
+async function minifyStylesheet(path: string) {
+  try {
+    const inputPath = `./assets/${path}`;
+    const outputPath = `./public/${path}`;
+    const css = await Deno.readTextFile(inputPath);
+    const { code: outputCss } = transform({
+      filename: inputPath,
+      code: new TextEncoder().encode(css),
+      minify: true,
+      targets,
+    });
+
+    const decoder = new TextDecoder();
+    await Deno.writeTextFile(outputPath, `${decoder.decode(outputCss)}\n`);
+  } catch (error: unknown) {
+    console.error(
+      `Error building styles for path ${path}: ${error as string}`,
+    );
+  }
+}
+
+const cssFiles = ["fonts/fonts.css", "static/css/index.css"];
+
+for await (const file of cssFiles) {
+  minifyStylesheet(file);
+}