serve astro assets directly through nginx and optimize script loading order

Author: Plopmenz

astro-app/astro.config.mjs

@@ -9,6 +9,10 @@ import node from "@astrojs/node";
 export default defineConfig({
   base: "/xnode-auth",
 
+  build: {
+    client: "./xnode-auth",
+  },
+
   vite: {
     plugins: [tailwindcss()],
     ssr: {

astro-app/src/components/Connect.astro

@@ -1,4 +1,2 @@
 <appkit-button balance="hide"></appkit-button>
-<script>
-    import "../scripts/appkit";
-</script>
+<script src="../scripts/appkit.ts"></script>

astro-app/src/components/Login.astro

@@ -51,12 +51,6 @@ import Connect from "../components/Connect.astro";
     >
 </div>
 <script>
-    import { wagmiAdapter } from "../scripts/appkit";
-    import { getMessage } from "../lib/message";
-    import { toXnodeAddress } from "../lib/xnode-address";
-    import { appkitStore } from "../store/appkit";
-    import { signMessage } from "@wagmi/core";
-
     function setRedirect(redirect: string) {
         const node = document.getElementById("redirect");
         if (node) {
@@ -78,6 +72,15 @@ import Connect from "../components/Connect.astro";
         updateDisplay();
     }
 
+    const urlParams = new URLSearchParams(window.location.search);
+
+    const redirect = urlParams.get("redirect") ?? window.location.origin;
+    setRedirect(redirect);
+
+    const rejected = urlParams.get("rejected");
+    setError(rejected ?? "");
+
+    import { appkitStore } from "../store/appkit";
     function updateDisplay() {
         // Signing indicator
         {
@@ -98,21 +101,17 @@ import Connect from "../components/Connect.astro";
         }
     }
 
-    const urlParams = new URLSearchParams(window.location.search);
-
-    const redirect = urlParams.get("redirect") ?? window.location.origin;
-    setRedirect(redirect);
-
-    const rejected = urlParams.get("rejected");
-    setError(rejected ?? "");
-
     appkitStore.account.subscribe((account) => {
         if (!account) {
             signingState = false;
         }
         updateDisplay();
     });
 
+    import { wagmiAdapter } from "../scripts/wagmi";
+    import { getMessage } from "../lib/message";
+    import { toXnodeAddress } from "../lib/xnode-address";
+    import { signMessage } from "@wagmi/core";
     document
         .getElementById("authenticate")
         ?.addEventListener("click", async () => {
@@ -164,8 +163,6 @@ import Connect from "../components/Connect.astro";
                 setSigning(false);
             }
         });
-</script>
-<script>
-    import sdk from "@farcaster/miniapp-sdk";
-    sdk.actions.ready();
+
+    import "../scripts/miniapp";
 </script>

astro-app/src/scripts/appkit.ts

@@ -1,20 +1,8 @@
 import { createAppKit } from "@reown/appkit";
 import { mainnet } from "@reown/appkit/networks";
-import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
-import { config } from "../lib/config";
 import { appkitStore } from "../store/appkit";
 import { isAddress } from "viem";
-import farcasterMiniApp from "@farcaster/miniapp-wagmi-connector";
-
-const projectId = config.eth.projectid;
-
-export const networks = [mainnet];
-
-export const wagmiAdapter = new WagmiAdapter({
-  projectId,
-  networks,
-  connectors: [farcasterMiniApp()],
-});
+import { projectId, wagmiAdapter } from "./wagmi";
 
 const metadata = {
   name: "Xnode Auth",

astro-app/src/scripts/miniapp.ts

@@ -0,0 +1,2 @@
+import sdk from "@farcaster/miniapp-sdk";
+sdk.actions.ready();

astro-app/src/scripts/wagmi.ts

@@ -0,0 +1,14 @@
+import { mainnet } from "@reown/appkit/networks";
+import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
+import { config } from "../lib/config";
+import farcasterMiniApp from "@farcaster/miniapp-wagmi-connector";
+
+export const projectId = config.eth.projectid;
+
+export const networks = [mainnet];
+
+export const wagmiAdapter = new WagmiAdapter({
+  projectId,
+  networks,
+  connectors: [farcasterMiniApp()],
+});

nix/nixos-module.nix

@@ -332,7 +332,16 @@ in
           ))
           {
             "${cfg.nginxConfig.subpath}" = {
-              proxyPass = "http://127.0.0.1:${builtins.toString cfg.port}";
+              root = "${xnode-auth}/share";
+            };
+            "${cfg.nginxConfig.subpath}/_astro" = {
+              root = "${xnode-auth}/share";
+              extraConfig = ''
+                add_header Cache-Control "public, max-age=31536000, immutable";
+              '';
+            };
+            "${cfg.nginxConfig.subpath}/api" = {
+              proxyPass = "http://127.0.0.1:${builtins.toString cfg.port}${cfg.nginxConfig.subpath}/api";
               extraConfig = ''
                 proxy_set_header Host $server_name;
               '';