OpenWebUI/extension
1
0
Fork 0
mirror of https://github.com/open-webui/extension synced 2025-06-26 18:25:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: storage

Browse Source
This commit is contained in:
Timothy J. Baek 2024-05-23 02:41:45 -07:00
parent 4dce964f8e
commit fe024a6e9b
2 changed files with 59 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
extension/dist/main.js vendored
View File

File diff suppressed because one or more lines are too long

62
extension/src/components/SpotlightSearch.jsx
View File

@ -6,18 +6,44 @@ export const SpotlightSearch = () => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [searchValue, setSearchValue] = useState(""); const [searchValue, setSearchValue] = useState("");
const [url, setUrl] = useState(localStorage.getItem("url") ?? ""); const [storageCache, setStorageCache] = useState(null);
const [key, setKey] = useState(localStorage.getItem("key") ?? "");
const [model, setModel] = useState(localStorage.getItem("model") ?? ""); useEffect(() => {
async function getStorageCache() {
let _storageCache = null;
try {
_storageCache = await chrome.storage.local.get();
} catch (error) {
console.log(error);
}
setStorageCache(_storageCache);
}
getStorageCache();
}, []);
const [url, setUrl] = useState(storageCache?.url ?? "");
const [key, setKey] = useState(storageCache?.key ?? "");
const [model, setModel] = useState(storageCache?.model ?? "");
const [showConfig, setShowConfig] = useState(url === "" || key === ""); const [showConfig, setShowConfig] = useState(url === "" || key === "");
const [models, setModels] = useState(null); const [models, setModels] = useState(null);
const resetConfig = () => { const resetConfig = () => {
console.log("resetConfig"); console.log("resetConfig");
localStorage.setItem("url", "");
localStorage.setItem("key", ""); try {
localStorage.setItem("model", ""); chrome.storage.local.clear().then(() => {
console.log("Value is cleared");
});
} catch (error) {
console.log(error);
localStorage.setItem("url", "");
localStorage.setItem("key", "");
localStorage.setItem("model", "");
}
setUrl(""); setUrl("");
setKey(""); setKey("");
@ -171,11 +197,19 @@ export const SpotlightSearch = () => {
const initHandler = (e) => { const initHandler = (e) => {
e.preventDefault(); e.preventDefault();
localStorage.setItem("url", url); try {
localStorage.setItem("key", key); chrome.storage.local
localStorage.setItem("model", model); .set({ url: url, key: key, model: model })
.then(() => {
console.log("Value is set");
});
} catch (error) {
console.log(error);
console.log(localStorage); localStorage.setItem("url", url);
localStorage.setItem("key", key);
localStorage.setItem("model", model);
}
setShowConfig(false); setShowConfig(false);
}; };
@ -224,7 +258,7 @@ export const SpotlightSearch = () => {
onChange={(e) => { onChange={(e) => {
setUrl(e.target.value); setUrl(e.target.value);
}} }}
autoComplete="off" autoComplete="one-time-code"
required required
/> />
</div> </div>
@ -246,13 +280,11 @@ export const SpotlightSearch = () => {
</svg> </svg>
</div> </div>
<input <input
id="open-webui-key-input"
placeholder="Open WebUI API Key" placeholder="Open WebUI API Key"
type="password"
className="tlwd-p-0 tlwd-m-0 tlwd-text-xl tlwd-w-full tlwd-font-medium tlwd-bg-transparent tlwd-border-none placeholder:tlwd-text-gray-500 tlwd-text-neutral-100 tlwd-outline-none" className="tlwd-p-0 tlwd-m-0 tlwd-text-xl tlwd-w-full tlwd-font-medium tlwd-bg-transparent tlwd-border-none placeholder:tlwd-text-gray-500 tlwd-text-neutral-100 tlwd-outline-none"
value={key} value={key}
onChange={(e) => setKey(e.target.value)} onChange={(e) => setKey(e.target.value)}
autoComplete="off" autoComplete="one-time-code"
required required
/> />
<button <button
@ -378,7 +410,7 @@ export const SpotlightSearch = () => {
className="tlwd-p-0 tlwd-m-0 tlwd-text-xl tlwd-w-full tlwd-font-medium tlwd-bg-transparent tlwd-border-none placeholder:tlwd-text-gray-500 tlwd-text-neutral-100 tlwd-outline-none" className="tlwd-p-0 tlwd-m-0 tlwd-text-xl tlwd-w-full tlwd-font-medium tlwd-bg-transparent tlwd-border-none placeholder:tlwd-text-gray-500 tlwd-text-neutral-100 tlwd-outline-none"
value={searchValue} value={searchValue}
onChange={(e) => setSearchValue(e.target.value)} onChange={(e) => setSearchValue(e.target.value)}
autoComplete="off" autoComplete="one-time-code"
/> />
</div> </div>