Basic server root

Closes <digidem/comapeo-cloud#18>.
digidem · Oct 21, 2024 · c511a60 · c511a60
1 parent 1bb9c06
commit c511a60
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 1 deletion.
diff --git a/src/server/routes.js b/src/server/routes.js
@@ -1,4 +1,5 @@
 import { Type } from '@sinclair/typebox'
+import * as fs from 'node:fs'
 import { kProjectReplicate } from '../mapeo-project.js'
 import { wsCoreReplicator } from './ws-core-replicator.js'
 import timingSafeEqual from '../lib/timing-safe-equal.js'
@@ -12,6 +13,8 @@ const HEX_STRING_32_BYTES = Type.String({ pattern: HEX_REGEX_32_BYTES })
 const BASE32_REGEX_32_BYTES = '^[0-9A-Za-z]{52}$'
 const BASE32_STRING_32_BYTES = Type.String({ pattern: BASE32_REGEX_32_BYTES })
 
+const INDEX_HTML_PATH = new URL('./static/index.html', import.meta.url)
+
 /**
  * @typedef {object} RouteOptions
  * @prop {string} serverBearerToken
@@ -37,6 +40,12 @@ export default async function routes(
     }
   }
 
+  fastify.get('/', (_req, reply) => {
+    const stream = fs.createReadStream(INDEX_HTML_PATH)
+    reply.header('Content-Type', 'text/html')
+    reply.send(stream)
+  })
+
   fastify.get(
     '/info',
     {
@@ -283,7 +292,7 @@ export default async function routes(
                 url: new URL(
                   `projects/${projectPublicId}/attachments/${attachment.driveDiscoveryId}/${attachment.type}/${attachment.name}`,
                   req.baseUrl
-                ),
+                ).href,
               })),
             tags: obs.tags,
           })

diff --git a/src/server/static/index.html b/src/server/static/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>CoMapeo</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+
+      html {
+        display: flex;
+        min-height: 100vh;
+        font-family: sans-serif;
+        font-size: 28pt;
+        text-align: center;
+        color: black;
+        background: white;
+      }
+
+      body {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        html {
+          color: white;
+          background: black;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <p>¡Hola desde CoMapeo!</p>
+    <p>Olá da CoMapeo!</p>
+    <p>Hello from CoMapeo!</p>
+  </body>
+</html>
diff --git a/src/server/test/root.js b/src/server/test/root.js
@@ -0,0 +1,20 @@
+import assert from 'node:assert/strict'
+import test from 'node:test'
+import { createTestServer } from './test-helpers.js'
+
+test('server root', async (t) => {
+  const server = createTestServer(t)
+
+  const response = await server.inject({
+    method: 'GET',
+    url: '/',
+  })
+
+  assert.equal(response.statusCode, 200)
+  const contentType = response.headers['content-type']
+  assert(
+    typeof contentType === 'string' && contentType.startsWith('text/html'),
+    'response is HTML'
+  )
+  assert(response.body.includes('<html'), 'response body looks like HTML')
+})