alex/LocalAGI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move views

Browse Source
This commit is contained in:
Ettore Di Giacinto
2024-04-11 00:16:03 +02:00
parent 3b361d1a3d
commit f85962769a
9 changed files with 46 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
example/webui/main.go
View File

@@ -1,6 +1,7 @@
package main package main
import ( import (
"embed"
"fmt" "fmt"
"log" "log"
"math/rand" "math/rand"
@@ -10,6 +11,7 @@ import (
"github.com/donseba/go-htmx" "github.com/donseba/go-htmx"
fiber "github.com/gofiber/fiber/v2" fiber "github.com/gofiber/fiber/v2"
"github.com/gofiber/template/html/v2"
. "github.com/mudler/local-agent-framework/agent" . "github.com/mudler/local-agent-framework/agent"
"github.com/mudler/local-agent-framework/llm" "github.com/mudler/local-agent-framework/llm"
@@ -46,6 +48,9 @@ func htmlIfy(s string) string {
return s return s
} }
//go:embed views/*
var viewsfs embed.FS
func main() { func main() {
// current dir // current dir
cwd, err := os.Getwd() cwd, err := os.Getwd()
@@ -96,27 +101,30 @@ func main() {
if err := pool.StartAll(); err != nil { if err := pool.StartAll(); err != nil {
panic(err) panic(err)
} }
engine := html.NewFileSystem(http.FS(viewsfs), ".html")
// Initialize a new Fiber app // Initialize a new Fiber app
webapp := fiber.New() // Pass the engine to the Views
webapp := fiber.New(fiber.Config{
Views: engine,
})
// Serve static files // Serve static files
webapp.Static("/", "./public") webapp.Static("/", "./public")
webapp.Get("/", func(c *fiber.Ctx) error { webapp.Get("/", func(c *fiber.Ctx) error {
return c.Render("index.html", fiber.Map{ return c.Render("views/index", fiber.Map{
"Agents": pool.List(), "Agents": pool.List(),
}) })
}) })
webapp.Get("/agents", func(c *fiber.Ctx) error { webapp.Get("/agents", func(c *fiber.Ctx) error {
return c.Render("agents.html", fiber.Map{ return c.Render("views/agents", fiber.Map{
"Agents": pool.List(), "Agents": pool.List(),
}) })
}) })
webapp.Get("/create", func(c *fiber.Ctx) error { webapp.Get("/create", func(c *fiber.Ctx) error {
return c.Render("create.html", fiber.Map{ return c.Render("views/create", fiber.Map{
"Title": "Hello, World!", "Title": "Hello, World!",
"Actions": AvailableActions, "Actions": AvailableActions,
"Connectors": AvailableConnectors, "Connectors": AvailableConnectors,
@@ -124,7 +132,7 @@ func main() {
}) })
webapp.Get("/knowledgebase", func(c *fiber.Ctx) error { webapp.Get("/knowledgebase", func(c *fiber.Ctx) error {
return c.Render("knowledgebase.html", fiber.Map{ return c.Render("views/knowledgebase", fiber.Map{
"Title": "Hello, World!", "Title": "Hello, World!",
"KnowledgebaseItemsCount": len(db.Database), "KnowledgebaseItemsCount": len(db.Database),
}) })

20
example/webui/agents.html → example/webui/views/agents.html
View File

@@ -2,19 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agent List</title> <title>Agent List</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> {{template "views/partials/header"}}
</head> </head>
<body class="bg-gray-900 p-4 text-white"> <body class="bg-gray-900 p-4 text-white">
<div class="max-w-6xl mx-auto"> <div class="max-w-6xl mx-auto">
<div class="text-center mb-6"> <div class="text-center mb-6">
<h1 class="text-2xl font-bold">Smart Agent List</h1> <h1 class="text-3xl md:text-4xl font-bold">Smart Agent List</h1>
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8"> <div class="overflow-x-auto">
<div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8"> <div class="py-2 align-middle inline-block min-w-full">
<div class="shadow overflow-hidden border-b border-gray-700 sm:rounded-lg"> <div class="shadow overflow-hidden border-b border-gray-700 rounded-lg">
<table class="min-w-full divide-y divide-gray-700"> <table class="min-w-full divide-y divide-gray-700">
<thead class="bg-gray-700"> <thead class="bg-gray-700">
<tr> <tr>
@@ -39,10 +39,10 @@
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-300">{{.}}</td> <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-300">{{.}}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">Online</td> <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">Online</td>
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"> <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
<a href="/talk/{{.}}" class="text-blue-500 hover:text-blue-400">Talk</a> <a href="/talk/{{.}}" class="text-indigo-500 hover:text-indigo-400">Talk</a>
</td> </td>
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"> <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
<a href="/delete/{{.}}" class="text-blue-500 hover:text-blue-400">Delete</a> <a href="/delete/{{.}}" class="text-red-500 hover:text-red-400">Delete</a>
</td> </td>
</tr> </tr>
{{ end }} {{ end }}
@@ -53,8 +53,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mt-6"> <div class="mt-6 text-center">
<a href="/create" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> <a href="/create" class="bg-indigo-500 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded transition duration-300 ease-in-out">
Add New Agent Add New Agent
</a> </a>
</div> </div>

4
example/webui/chat.html → example/webui/views/chat.html
View File

@@ -1,10 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8">
<title>Smart Agent Interface</title> <title>Smart Agent Interface</title>
<!-- Include Tailwind CSS from CDN --> {{template "views/partials/header"}}
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<!-- Optional: Include HTMX and SSE Extension for dynamic updates --> <!-- Optional: Include HTMX and SSE Extension for dynamic updates -->
<script src="https://unpkg.com/htmx.org"></script> <script src="https://unpkg.com/htmx.org"></script>
<script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script> <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>

3
example/webui/create.html → example/webui/views/create.html
View File

@@ -1,9 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8">
<title>Create New Agent</title> <title>Create New Agent</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> {{template "views/partials/header"}}
<script src="https://unpkg.com/htmx.org"></script> <script src="https://unpkg.com/htmx.org"></script>
<script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script> <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>
<script src="https://unpkg.com/hyperscript.org@0.9.12"></script> <script src="https://unpkg.com/hyperscript.org@0.9.12"></script>

3
example/webui/index.html → example/webui/views/index.html
View File

@@ -1,9 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8">
<title>Smart Assistant Dashboard</title> <title>Smart Assistant Dashboard</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> {{template "views/partials/header"}}
</head> </head>
<body class="bg-gray-900 p-4 text-white"> <body class="bg-gray-900 p-4 text-white">
<div class="max-w-4xl mx-auto"> <div class="max-w-4xl mx-auto">

3
example/webui/knowledgebase.html → example/webui/views/knowledgebase.html
View File

@@ -1,9 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8">
<title>KnowledgeBase</title> <title>KnowledgeBase</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> {{template "views/partials/header"}}
<script src="https://unpkg.com/htmx.org"></script> <script src="https://unpkg.com/htmx.org"></script>
<script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script> <script src="https://unpkg.com/htmx.org/dist/ext/sse.js"></script>
<script src="https://unpkg.com/hyperscript.org@0.9.12"></script> <script src="https://unpkg.com/hyperscript.org@0.9.12"></script>

9
example/webui/views/partials/header.html Normal file
View File

@@ -0,0 +1,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
}
</style>

3
go.mod
View File

@@ -24,6 +24,9 @@ require (
github.com/andybalholm/cascadia v1.1.0 // indirect github.com/andybalholm/cascadia v1.1.0 // indirect
github.com/go-logr/logr v1.3.0 // indirect github.com/go-logr/logr v1.3.0 // indirect
github.com/go-task/slim-sprig v0.0.0-20230315185526-52ccab3ef572 // indirect github.com/go-task/slim-sprig v0.0.0-20230315185526-52ccab3ef572 // indirect
github.com/gofiber/template v1.8.3 // indirect
github.com/gofiber/template/html/v2 v2.1.1 // indirect
github.com/gofiber/utils v1.1.0 // indirect
github.com/google/go-cmp v0.6.0 // indirect github.com/google/go-cmp v0.6.0 // indirect
github.com/google/go-querystring v1.1.0 // indirect github.com/google/go-querystring v1.1.0 // indirect
github.com/google/pprof v0.0.0-20210407192527-94a9f03dee38 // indirect github.com/google/pprof v0.0.0-20210407192527-94a9f03dee38 // indirect

6
go.sum
View File

@@ -24,6 +24,12 @@ github.com/go-test/deep v1.0.4 h1:u2CU3YKy9I2pmu9pX0eq50wCgjfGIt539SqR7FbHiho=
github.com/go-test/deep v1.0.4/go.mod h1:wGDj63lr65AM2AQyKZd/NYHGb0R+1RLqB8NKt3aSFNA= github.com/go-test/deep v1.0.4/go.mod h1:wGDj63lr65AM2AQyKZd/NYHGb0R+1RLqB8NKt3aSFNA=
github.com/gofiber/fiber/v2 v2.52.4 h1:P+T+4iK7VaqUsq2PALYEfBBo6bJZ4q3FP8cZ84EggTM= github.com/gofiber/fiber/v2 v2.52.4 h1:P+T+4iK7VaqUsq2PALYEfBBo6bJZ4q3FP8cZ84EggTM=
github.com/gofiber/fiber/v2 v2.52.4/go.mod h1:KEOE+cXMhXG0zHc9d8+E38hoX+ZN7bhOtgeF2oT6jrQ= github.com/gofiber/fiber/v2 v2.52.4/go.mod h1:KEOE+cXMhXG0zHc9d8+E38hoX+ZN7bhOtgeF2oT6jrQ=
github.com/gofiber/template v1.8.3 h1:hzHdvMwMo/T2kouz2pPCA0zGiLCeMnoGsQZBTSYgZxc=
github.com/gofiber/template v1.8.3/go.mod h1:bs/2n0pSNPOkRa5VJ8zTIvedcI/lEYxzV3+YPXdBvq8=
github.com/gofiber/template/html/v2 v2.1.1 h1:QEy3O3EBkvwDthy5bXVGUseOyO6ldJoiDxlF4+MJiV8=
github.com/gofiber/template/html/v2 v2.1.1/go.mod h1:2G0GHHOUx70C1LDncoBpe4T6maQbNa4x1CVNFW0wju0=
github.com/gofiber/utils v1.1.0 h1:vdEBpn7AzIUJRhe+CiTOJdUcTg4Q9RK+pEa0KPbLdrM=
github.com/gofiber/utils v1.1.0/go.mod h1:poZpsnhBykfnY1Mc0KeEa6mSHrS3dV0+oBWyeQmb2e0=
github.com/golang/protobuf v1.5.3 h1:KhyjKVUg7Usr/dYsdSqoFveMYd5ko72D+zANwlG1mmg= github.com/golang/protobuf v1.5.3 h1:KhyjKVUg7Usr/dYsdSqoFveMYd5ko72D+zANwlG1mmg=
github.com/golang/protobuf v1.5.3/go.mod h1:XVQd3VNwM+JqD3oG2Ue2ip4fOMUkwXdXDdiuN0vRsmY= github.com/golang/protobuf v1.5.3/go.mod h1:XVQd3VNwM+JqD3oG2Ue2ip4fOMUkwXdXDdiuN0vRsmY=
github.com/google/go-cmp v0.5.2/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE= github.com/google/go-cmp v0.5.2/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=