本地部署

Author: clansty

apps/web/README.md

@@ -44,3 +44,13 @@ By default, the Cloudflare pages adaptor _does not_ include a `public/_routes.js
 In the above example, it's saying _all_ pages should be SSR'd. However, the root static files such as `/favicon.ico` and any static assets in `/build/*` should be excluded from the Functions, and instead treated as a static file.
 
 In most cases the generated `dist/_routes.json` file is ideal. However, if you need more granular control over each path, you can instead provide you're own `public/_routes.json` file. When the project provides its own `public/_routes.json` file, then the Cloudflare adaptor will not auto-generate the routes config and instead use the committed one within the `public` directory.
+
+## Fastify Server
+
+This app has a minimal [Fastify server](https://fastify.dev/) implementation. After running a full build, you can preview the build using the command:
+
+```
+pnpm serve
+```
+
+Then visit [http://localhost:3000/](http://localhost:3000/)

apps/web/adapters/fastify/vite.config.ts

@@ -0,0 +1,15 @@
+import { nodeServerAdapter } from "@builder.io/qwik-city/adapters/node-server/vite";
+import { extendConfig } from "@builder.io/qwik-city/vite";
+import baseConfig from "../../vite.config";
+
+export default extendConfig(baseConfig, () => {
+  return {
+    build: {
+      ssr: true,
+      rollupOptions: {
+        input: ["src/entry.fastify.tsx", "@qwik-city-plan"],
+      },
+    },
+    plugins: [nodeServerAdapter({ name: "fastify" })],
+  };
+});

apps/web/deploy.nu

@@ -0,0 +1,3 @@
+cd ../..
+docker build -t gitea.c5y.moe/clansty/maibot-web -f web.Dockerfile --push .
+

apps/web/package.json

@@ -5,17 +5,22 @@
   "type": "module",
   "scripts": {
     "build": "qwik build",
-    "build.server": "vite build -c adapters/cloudflare-pages/vite.config.ts",
     "build.client": "vite build",
-    "deploy": "pnpm run build && wrangler pages deploy ./dist",
+    "build.server": "vite build -c adapters/fastify/vite.config.ts",
+    "deploy": "nu deploy.nu",
     "dev": "vite --mode ssr",
-    "tail": "wrangler pages deployment tail --project-name maibot-web",
-    "serve": "wrangler pages dev ./dist --compatibility-flags=nodejs_als"
+    "serve": "node server/entry.fastify",
+    "tail": "wrangler pages deployment tail --project-name maibot-web"
   },
   "dependencies": {
     "@clansty/maibot-clients": "workspace:^",
     "@clansty/maibot-types": "workspace:^",
-    "@clansty/maibot-utils": "workspace:^"
+    "@clansty/maibot-utils": "workspace:^",
+    "@fastify/compress": "^6.2.1",
+    "@fastify/static": "^6.10.1",
+    "dotenv": "^16.3.2",
+    "fastify": "^4.17.0",
+    "fastify-plugin": "^4.5.0"
   },
   "devDependencies": {
     "@builder.io/qwik": "^1.7.3",

apps/web/src/entry.fastify.tsx

@@ -0,0 +1,48 @@
+/*
+ * WHAT IS THIS FILE?
+ *
+ * It's the entry point for the Fastify server when building for production.
+ *
+ * Learn more about Node.js server integrations here:
+ * - https://qwik.dev/docs/deployments/node/
+ *
+ */
+import { type PlatformNode } from "@builder.io/qwik-city/middleware/node";
+import "dotenv/config";
+import Fastify from "fastify";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+import FastifyQwik from "./plugins/fastify-qwik";
+
+declare global {
+  interface QwikCityPlatform extends PlatformNode {}
+}
+
+// Directories where the static assets are located
+const distDir = join(fileURLToPath(import.meta.url), "..", "..", "dist");
+const buildDir = join(distDir, "build");
+
+// Allow for dynamic port and host
+const PORT = parseInt(process.env.PORT ?? "3000");
+const HOST = process.env.HOST ?? "0.0.0.0";
+
+const start = async () => {
+  // Create the fastify server
+  // https://fastify.dev/docs/latest/Guides/Getting-Started/
+  const fastify = Fastify({
+    logger: true,
+  });
+
+  // Enable compression
+  // https://github.com/fastify/fastify-compress
+  // IMPORTANT NOTE: THIS MUST BE REGISTERED BEFORE THE fastify-qwik PLUGIN
+  // await fastify.register(import('@fastify/compress'))
+
+  // Handle Qwik City using a plugin
+  await fastify.register(FastifyQwik, { distDir, buildDir });
+
+  // Start the fastify server
+  await fastify.listen({ port: PORT, host: HOST });
+};
+
+start();

apps/web/src/plugins/fastify-qwik.ts

@@ -0,0 +1,42 @@
+import { createQwikCity } from "@builder.io/qwik-city/middleware/node";
+import fastifyStatic from "@fastify/static";
+import qwikCityPlan from "@qwik-city-plan";
+import type { FastifyPluginAsync } from "fastify";
+import fastifyPlugin from "fastify-plugin";
+
+import render from "../entry.ssr";
+
+export interface FastifyQwikOptions {
+  distDir: string;
+  buildDir: string;
+}
+
+const { router, notFound } = createQwikCity({ render, qwikCityPlan });
+
+const qwikPlugin: FastifyPluginAsync<FastifyQwikOptions> = async (
+  fastify,
+  options,
+) => {
+  const { buildDir, distDir } = options;
+
+  fastify.register(fastifyStatic, {
+    root: buildDir,
+    prefix: "/build",
+    immutable: true,
+    maxAge: "1y",
+    decorateReply: false,
+  });
+
+  fastify.register(fastifyStatic, {
+    root: distDir,
+    redirect: false,
+    decorateReply: false,
+  });
+
+  fastify.setNotFoundHandler(async (request, response) => {
+    await router(request.raw, response.raw, (err) => fastify.log.error(err));
+    await notFound(request.raw, response.raw, (err) => fastify.log.error(err));
+  });
+};
+
+export default fastifyPlugin(qwikPlugin, { fastify: ">=4.0.0 <6.0.0" });

packages/botcore/src/UserContext.ts

@@ -74,7 +74,7 @@ export default class UserContext<T extends BotTypes> {
 		const currentProfile = await this.getCurrentProfile(false);
 		const currentProfileId = this.currentProfileId;
 
-		let url = `https://maibot-web.pages.dev/${type}/`;
+		let url = `http://web:3000/${type}/`;
 		if (currentProfile.dto.type === 'AquaDX-v2') {
 			url += `aquadx/${encodeURIComponent(currentProfile.dto.username)}`;
 		} else if (currentProfile.dto.type === 'Minato') {

packages/clients/src/Minato.ts

@@ -2,6 +2,6 @@ import AquaDxLike from './AquaDxLike';
 
 export default class Minato extends AquaDxLike {
 	public constructor() {
-		super('https://minato-web-api.init.ink');
+		super('http://11.11.41.11');
 	}
-}
+}