Add temporary static homepage

platformatic · May 3, 2024 · fb64d7f · fb64d7f
1 parent 89cedaf
commit fb64d7f
Show file tree

Hide file tree

Showing 6 changed files with 61 additions and 4 deletions.
diff --git a/config.d.ts b/config.d.ts
@@ -223,6 +223,7 @@ export interface AiWarpConfig {
     }[];
   };
   module?: string;
+  showAiWarpHomepage?: boolean;
   aiProvider:
     | {
         openai: {

diff --git a/index.ts b/index.ts
@@ -1,6 +1,8 @@
+import { join } from 'node:path'
 import { platformaticService, Stackable } from '@platformatic/service'
 import fastifyUser from 'fastify-user'
 import fastifyPlugin from 'fastify-plugin'
+import fastifyStatic from '@fastify/static'
 import { schema } from './lib/schema.js'
 import { Generator } from './lib/generator.js'
 import { AiWarpConfig } from './config.js'
@@ -19,6 +21,12 @@ const stackable: Stackable<AiWarpConfig> = async function (fastify, opts) {
   await fastify.register(rateLimitPlugin, opts)
   await fastify.register(apiPlugin, opts)
 
+  if (config.showAiWarpHomepage) {
+    await fastify.register(fastifyStatic, {
+      root: join(import.meta.dirname, 'static')
+    })
+  }
+
   await fastify.register(platformaticService, opts)
 }
 

diff --git a/lib/schema.ts b/lib/schema.ts
@@ -7,6 +7,10 @@ const aiWarpSchema = {
   properties: {
     ...schema.schema.properties,
     module: { type: 'string' },
+    showAiWarpHomepage: {
+      type: 'boolean',
+      default: true
+    },
     aiProvider: {
       type: 'object',
       oneOf: [

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "start-ai-warp": "./dist/cli/start.js"
   },
   "scripts": {
-    "build": "tsc --build",
+    "build": "tsc --build && cp -r ./static ./dist/",
     "build:config": "node ./dist/lib/schema.js --dump-schema | json2ts > config.d.ts",
     "clean": "rm -fr ./dist",
     "lint": "ts-standard | snazzy",
@@ -38,6 +38,7 @@
     "@azure/openai": "^1.0.0-beta.12",
     "@fastify/error": "^3.4.1",
     "@fastify/rate-limit": "^9.1.0",
+    "@fastify/static": "^7.0.3",
     "@fastify/type-provider-typebox": "^4.0.0",
     "@platformatic/config": "^1.24.0",
     "@platformatic/generators": "^1.24.0",

diff --git a/static/index.html b/static/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Warp</title>
+</head>
+<body>
+    <div>
+        <label for="prompt-text">Prompt: </label>
+        <textarea name="prompt text" id="prompt-text" cols="60" rows="1"></textarea>
+        <button id="prompt-button">Prompt</button>
+    </div>
+
+    <p id="response"></p>
+
+    <script>
+        const promptText = document.getElementById('prompt-text')
+        const responseText = document.getElementById('response')
+
+        const promptButton = document.getElementById('prompt-button')
+        promptButton.onclick = async () => {
+            const res = await fetch('/api/v1/prompt', {
+                method: 'POST',
+                headers: {
+                    'content-type': 'application/json'
+                },
+                body: JSON.stringify({
+                    prompt: promptText.value
+                })
+            })
+            const body = await res.json()
+
+            if (res.status === 200) {
+                responseText.innerHTML = body.response
+            } else {
+                responseText.innerHTML = `Error: ${body.message} (${body.code})`;
+            }
+        }
+    </script>
+</body>
+</html>