-
-
Notifications
You must be signed in to change notification settings - Fork 2.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
AnythingLLM Chrome Extension (#2066)
* initial commit for chrome extension * wip browser extension backend * wip frontend browser extension settings * fix typo for browserExtension route * implement verification codes + frontend panel for browser extension keys * reorganize + state management for all connection states * implement embed to workspace * add send page to anythingllm extension option + refactor * refactor connection string auth + update context menus + organize background.js into models * popup extension from main app and save if successful * fix hebrew translation misspelling * fetch custom logo inside chrome extension * delete api keys on disconnect of extension * use correct apiUrl constant in frontend + remove unneeded comments * remove upload-link endpoint and send inner text html to raw text collector endpoint * update readme * fix readme link * fix readme typo * update readme * handle deletion of browser keys with key id and DELETE endpoint * move event string to constant * remove tablename and writable fields from BrowserExtensionApiKey backend model * add border-none to all buttons and inputs for desktop compatibility * patch prisma injections * update delete endpoints to delete keys by id * remove unused prop * add button to attempt browser extension connection + remove max active keys * wip multi user mode support * multi user mode support * clean up backend + show created by in frotend browser extension page * show multi user warning message on key creation + hide context menus when no workspaces * show browser extension options to managers * small backend changes and refactors * extension cleanup * rename submodule * extension updates & docs * dev docker build --------- Co-authored-by: shatfield4 <seanhatfield5@gmail.com>
- Loading branch information
1 parent
fc6d735
commit 29df483
Showing
30 changed files
with
918 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Submodule browser-extension
added at
d9b28c
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| import { API_BASE } from "@/utils/constants"; | ||
| import { baseHeaders } from "@/utils/request"; | ||
|
|
||
| const BrowserExtensionApiKey = { | ||
| getAll: async () => { | ||
| return await fetch(`${API_BASE}/browser-extension/api-keys`, { | ||
| method: "GET", | ||
| headers: baseHeaders(), | ||
| }) | ||
| .then((res) => res.json()) | ||
| .catch((e) => { | ||
| console.error(e); | ||
| return { success: false, error: e.message, apiKeys: [] }; | ||
| }); | ||
| }, | ||
|
|
||
| generateKey: async () => { | ||
| return await fetch(`${API_BASE}/browser-extension/api-keys/new`, { | ||
| method: "POST", | ||
| headers: baseHeaders(), | ||
| }) | ||
| .then((res) => res.json()) | ||
| .catch((e) => { | ||
| console.error(e); | ||
| return { success: false, error: e.message }; | ||
| }); | ||
| }, | ||
|
|
||
| revoke: async (id) => { | ||
| return await fetch(`${API_BASE}/browser-extension/api-keys/${id}`, { | ||
| method: "DELETE", | ||
| headers: baseHeaders(), | ||
| }) | ||
| .then((res) => res.json()) | ||
| .catch((e) => { | ||
| console.error(e); | ||
| return { success: false, error: e.message }; | ||
| }); | ||
| }, | ||
| }; | ||
|
|
||
| export default BrowserExtensionApiKey; |
120 changes: 120 additions & 0 deletions
120
...tend/src/pages/GeneralSettings/BrowserExtensionApiKey/BrowserExtensionApiKeyRow/index.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,120 @@ | ||
| import { useRef, useState } from "react"; | ||
| import BrowserExtensionApiKey from "@/models/browserExtensionApiKey"; | ||
| import showToast from "@/utils/toast"; | ||
| import { Trash, Copy, Check, Plug } from "@phosphor-icons/react"; | ||
| import { POPUP_BROWSER_EXTENSION_EVENT } from "@/utils/constants"; | ||
| import { Tooltip } from "react-tooltip"; | ||
|
|
||
| export default function BrowserExtensionApiKeyRow({ | ||
| apiKey, | ||
| removeApiKey, | ||
| connectionString, | ||
| isMultiUser, | ||
| }) { | ||
| const rowRef = useRef(null); | ||
| const [copied, setCopied] = useState(false); | ||
|
|
||
| const handleRevoke = async () => { | ||
| if ( | ||
| !window.confirm( | ||
| `Are you sure you want to revoke this browser extension API key?\nAfter you do this it will no longer be useable.\n\nThis action is irreversible.` | ||
| ) | ||
| ) | ||
| return false; | ||
|
|
||
| const result = await BrowserExtensionApiKey.revoke(apiKey.id); | ||
| if (result.success) { | ||
| removeApiKey(apiKey.id); | ||
| showToast("Browser Extension API Key permanently revoked", "info", { | ||
| clear: true, | ||
| }); | ||
| } else { | ||
| showToast("Failed to revoke API Key", "error", { | ||
| clear: true, | ||
| }); | ||
| } | ||
| }; | ||
|
|
||
| const handleCopy = () => { | ||
| navigator.clipboard.writeText(connectionString); | ||
| showToast("Connection string copied to clipboard", "success", { | ||
| clear: true, | ||
| }); | ||
| setCopied(true); | ||
| setTimeout(() => setCopied(false), 2000); | ||
| }; | ||
|
|
||
| const handleConnect = () => { | ||
| // Sending a message to Chrome extension to pop up the extension window | ||
| // This will open the extension window and attempt to connect with the API key | ||
| window.postMessage( | ||
| { type: POPUP_BROWSER_EXTENSION_EVENT, apiKey: connectionString }, | ||
| "*" | ||
| ); | ||
| showToast("Attempting to connect to browser extension...", "info", { | ||
| clear: true, | ||
| }); | ||
| }; | ||
|
|
||
| return ( | ||
| <tr | ||
| ref={rowRef} | ||
| className="bg-transparent text-white text-opacity-80 text-sm font-medium" | ||
| > | ||
| <td scope="row" className="px-6 py-4 whitespace-nowrap flex items-center"> | ||
| <span className="mr-2 font-mono">{connectionString}</span> | ||
| <div className="flex items-center space-x-2"> | ||
| <button | ||
| onClick={handleCopy} | ||
| data-tooltip-id={`copy-connection-text-${apiKey.id}`} | ||
| data-tooltip-content="Copy connection string" | ||
| className="text-white hover:text-white/80 transition-colors duration-200 p-1 rounded" | ||
| > | ||
| {copied ? ( | ||
| <Check className="h-5 w-5 text-green-500" /> | ||
| ) : ( | ||
| <Copy className="h-5 w-5" /> | ||
| )} | ||
| <Tooltip | ||
| id={`copy-connection-text-${apiKey.id}`} | ||
| place="bottom" | ||
| delayShow={300} | ||
| className="allm-tooltip !allm-text-xs" | ||
| /> | ||
| </button> | ||
|
|
||
| <button | ||
| onClick={handleConnect} | ||
| data-tooltip-id={`auto-connection-${apiKey.id}`} | ||
| data-tooltip-content="Automatically connect to extension" | ||
| className="text-white hover:text-white/80 transition-colors duration-200 p-1 rounded" | ||
| > | ||
| <Plug className="h-5 w-5" /> | ||
| <Tooltip | ||
| id={`auto-connection-${apiKey.id}`} | ||
| place="bottom" | ||
| delayShow={300} | ||
| className="allm-tooltip !allm-text-xs" | ||
| /> | ||
| </button> | ||
| </div> | ||
| </td> | ||
| {isMultiUser && ( | ||
| <td className="px-6 py-4"> | ||
| {apiKey.user ? apiKey.user.username : "N/A"} | ||
| </td> | ||
| )} | ||
| <td className="px-6 py-4"> | ||
| {new Date(apiKey.createdAt).toLocaleString()} | ||
| </td> | ||
| <td className="px-6 py-4"> | ||
| <button | ||
| onClick={handleRevoke} | ||
| className="font-medium px-2 py-1 rounded-lg hover:bg-sidebar-gradient text-white hover:text-white/80 hover:bg-opacity-20" | ||
| > | ||
| <Trash className="h-5 w-5" /> | ||
| </button> | ||
| </td> | ||
| </tr> | ||
| ); | ||
| } |
Oops, something went wrong.