✨ Add proper copy to clipboard

go-go-golems · Dec 31, 2024 · 7e9c964 · 7e9c964
1 parent 09dda72
commit 7e9c964
Show file tree

Hide file tree

Showing 10 changed files with 54 additions and 302 deletions.
diff --git a/pkg/server/handlers/index.go b/pkg/server/handlers/index.go
@@ -14,6 +14,9 @@ func (h *Handlers) Index() http.HandlerFunc {
 		}
 
 		component := pages.Index(h.state.GetAllRepositories(), h.state.Repos)
-		component.Render(r.Context(), w)
+		err := component.Render(r.Context(), w)
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+		}
 	}
 }
diff --git a/pkg/server/handlers/prompt.go b/pkg/server/handlers/prompt.go
@@ -29,7 +29,10 @@ func (h *Handlers) PromptList() http.HandlerFunc {
 
 		prompts := repository.GetPromptosByGroup(group)
 		component := components.PromptList(prompts)
-		component.Render(r.Context(), w)
+		err := component.Render(r.Context(), w)
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+		}
 	}
 }
 
@@ -54,7 +57,10 @@ func (h *Handlers) PromptContent() http.HandlerFunc {
 				allPrompts = append(allPrompts, repo.GetPromptos()...)
 			}
 			component := components.PromptList(allPrompts)
-			component.Render(r.Context(), w)
+			err := component.Render(r.Context(), w)
+			if err != nil {
+				http.Error(w, err.Error(), http.StatusInternalServerError)
+			}
 			return
 		}
 
@@ -74,7 +80,10 @@ func (h *Handlers) PromptContent() http.HandlerFunc {
 			}
 
 			component := components.PromptList(prompts)
-			component.Render(r.Context(), w)
+			err := component.Render(r.Context(), w)
+			if err != nil {
+				http.Error(w, err.Error(), http.StatusInternalServerError)
+			}
 			return
 		}
 
@@ -153,6 +162,9 @@ func (h *Handlers) Search() http.HandlerFunc {
 		}
 
 		component := components.PromptList(matchingPrompts)
-		component.Render(r.Context(), w)
+		err := component.Render(r.Context(), w)
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+		}
 	}
 }
diff --git a/pkg/server/legacy-handlers/handlers.go b/pkg/server/legacy-handlers/handlers.go
diff --git a/pkg/server/legacy-handlers/prompt_handler.go b/pkg/server/legacy-handlers/prompt_handler.go
diff --git a/pkg/server/legacy-handlers/refresh_handler.go b/pkg/server/legacy-handlers/refresh_handler.go
diff --git a/pkg/server/legacy-handlers/repositories_handler.go b/pkg/server/legacy-handlers/repositories_handler.go
diff --git a/pkg/server/static/templates/repoList.html b/pkg/server/static/templates/repoList.html
diff --git a/pkg/server/static/templates/root.html b/pkg/server/static/templates/root.html
diff --git a/pkg/server/templates/pages/index.templ b/pkg/server/templates/pages/index.templ
@@ -6,9 +6,15 @@ import (
 )
 
 script copyToClipboard(text string) {
-	navigator.clipboard.writeText(text).then(() => {
-		// Could add a toast notification here
-	});
+	fetch("/prompts/" + text)
+		.then(response => response.text())
+		.then(content => {
+			navigator.clipboard.writeText(content).then(() => {
+				const toastEl = document.getElementById('copyToast');
+				const toast = new bootstrap.Toast(toastEl);
+				toast.show();
+			});
+		});
 }
 
 script addToFavorites(name string) {
@@ -17,6 +23,16 @@ script addToFavorites(name string) {
 
 templ Index(repositories []string, repos map[string]*pkg.Repository) {
 	@templates.Layout() {
+		<div class="toast-container position-fixed bottom-0 end-0 p-3">
+			<div id="copyToast" class="toast align-items-center text-bg-success" role="alert" aria-live="assertive" aria-atomic="true">
+				<div class="d-flex">
+					<div class="toast-body">
+						<i class="bi bi-clipboard-check me-2"></i>Prompt copied to clipboard!
+					</div>
+					<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+				</div>
+			</div>
+		</div>
 		<div class="row g-4">
 			<div class="col-12 col-lg-8">
 				<div class="mb-4">