Start to impl proxy stuff

astro.config.ts

@@ -4,6 +4,14 @@ import wisp from "wisp-server-node";
 import node from '@astrojs/node';
 import tailwindcss from '@tailwindcss/vite';
 import icon from "astro-icon";
+import { viteStaticCopy } from "vite-plugin-static-copy";
+import playformCompress from "@playform/compress";
+import { uvPath } from "@titaniumnetwork-dev/ultraviolet";
+import { scramjetPath } from "@mercuryworkshop/scramjet";
+//@ts-expect-error No types
+import { epoxyPath } from "@mercuryworkshop/epoxy-transport";
+import { libcurlPath } from "@mercuryworkshop/libcurl-transport";
+import { baremuxPath } from "@mercuryworkshop/bare-mux/node";
 
 const viteWispServer = (): Plugin => {
     return {
@@ -20,10 +28,28 @@ export default defineConfig({
     vite: {
         plugins: [
             tailwindcss(),
-            viteWispServer()
+            viteWispServer(),
+            viteStaticCopy({
+                targets: [
+                    { src: `${uvPath}/**/*`.replace(/\\/g, "/"), dest: "vu", overwrite: false },
+                    { src: `${scramjetPath}/**/*`.replace(/\\/g, "/"), dest: "marcs", overwrite: false },
+                    { src: `${baremuxPath}/**/*`.replace(/\\/g, "/"), dest: "erab", overwrite: false },
+                    { src: `${epoxyPath}/**/*`.replace(/\\/g, "/"), dest: "epoxy", overwrite: false },
+                    { src: `${libcurlPath}/**/*`.replace(/\\/g, "/"), dest: "libcurl", overwrite: false }
+                ]
+            })
         ]
     },
-    integrations: [icon()],
+    integrations: [
+        icon(),
+        playformCompress({
+            CSS: false,
+            HTML: true,
+            Image: true,
+            JavaScript: true,
+            SVG: true
+        })
+    ],
     output: 'server',
     adapter: node({
         mode: 'middleware'

package.json

@@ -38,8 +38,11 @@
   "devDependencies": {
     "@fontsource/inter": "^5.2.5",
     "@iconify-json/lucide": "^1.2.30",
+    "@mercuryworkshop/bare-mux": "^2.1.7",
     "@mercuryworkshop/epoxy-transport": "^2.1.27",
     "@mercuryworkshop/libcurl-transport": "^1.4.0",
+    "@mercuryworkshop/scramjet": "https://github.com/MercuryWorkshop/scramjet/releases/download/latest/mercuryworkshop-scramjet-1.0.2-dev.tgz",
+    "@playform/compress": "^0.1.7",
     "@titaniumnetwork-dev/ultraviolet": "^3.2.10",
     "@types/node": "^22.13.10",
     "tsx": "^4.19.3",

src/components/Header.astro

@@ -15,13 +15,13 @@ const path = Astro.url.pathname;
 </div>
 <div class="fixed w-full h-full z-10 flex flex-row pointer-events-auto invisible transition duration-500" id="navigation">
     <div id="innerNav" class="flex flex-col gap-6 w-72 h-full bg-(--background) border-r border-r-(--border) p-6 transition duration-250 shadow-lg">
-        <div class="w-full flex flex-row justify-between">
+        <div class="w-full flex flex-row justify-between transition duration-250">
             <Icon name="lucide:radius" class="w-10 h-10 rotate-180 text-(--foreground)" />
             <button id="exitNav">
                 <Icon name="lucide:x" class="text-(--muted-foreground)" />
             </button>
         </div>
-        <div class="flex flex-col gap-3 transition duration-500"> 
+        <div class="flex flex-col gap-3 transition duration-250"> 
             <div class="text-(--secondary-foreground) w-full border-b border-b-(--border) pb-3 flex flex-col gap-3">
                 <a href="/" class=`flex flex-row gap-2 items-center rounded-lg h-10 w-full whitespace-nowrap px-4 py-2 font-medium text-sm ${path === '/' ? 'bg-(--secondary)': 'bg-(--background)'} transition-all duration-200 hover:bg-(--secondary) hover:scale-105 focus:ring-(--ring) focus:ring-2`>
                     <Icon name="lucide:house" class="text-lg w-6 h-6" /> Home

tsconfig.json

@@ -3,6 +3,7 @@
   "include": [".astro/types.d.ts", "**/*"],
   "exclude": ["dist", "server"],
   "compilerOptions": {
+    "moduleResolution": "bundler",
     "baseUrl": ".",
     "paths": {
         "@components/*": ["src/components/*"],