Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-03 05:53:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

Compatible with quicklaunch internet search

Browse Source
This commit is contained in:
shamoon 2023-01-31 00:25:23 -08:00
parent 87dbbcb1e0
commit 7a5a3a6608
2 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/widgets/search/search.jsx
View File

@ -3,6 +3,7 @@ import { useTranslation } from "next-i18next";
import { FiSearch } from "react-icons/fi"; import { FiSearch } from "react-icons/fi";
import { SiDuckduckgo, SiMicrosoftbing, SiGoogle, SiBaidu, SiBrave } from "react-icons/si"; import { SiDuckduckgo, SiMicrosoftbing, SiGoogle, SiBaidu, SiBrave } from "react-icons/si";
import { Listbox, Transition } from "@headlessui/react"; import { Listbox, Transition } from "@headlessui/react";
import classNames from "classnames";
export const searchProviders = { export const searchProviders = {
google: { google: {
@ -37,10 +38,6 @@ export const searchProviders = {
}, },
}; };
function classNames(...classes) {
return classes.filter(Boolean).join(" ");
}
function getAvailableProviderIds(options) { function getAvailableProviderIds(options) {
if (options.provider && Array.isArray(options.provider)) { if (options.provider && Array.isArray(options.provider)) {
return Object.keys(searchProviders).filter((value) => options.provider.includes(value)); return Object.keys(searchProviders).filter((value) => options.provider.includes(value));
@ -51,27 +48,33 @@ function getAvailableProviderIds(options) {
return null; return null;
} }
const localStorageKey = "search-name";
export function getStoredProvider() {
if (typeof window !== 'undefined') {
const storedName = localStorage.getItem(localStorageKey);
if (storedName) {
return Object.values(searchProviders).find((el) => el.name === storedName);
}
}
return null;
}
export default function Search({ options }) { export default function Search({ options }) {
const { t } = useTranslation(); const { t } = useTranslation();
const availableProviderIds = getAvailableProviderIds(options); const availableProviderIds = getAvailableProviderIds(options);
const key = "search-name";
const [query, setQuery] = useState(""); const [query, setQuery] = useState("");
const [selectedProvider, setSelectedProvider] = useState(searchProviders[availableProviderIds[0] ?? searchProviders.google]); const [selectedProvider, setSelectedProvider] = useState(searchProviders[availableProviderIds[0] ?? searchProviders.google]);
useEffect(() => { useEffect(() => {
const storedName = localStorage.getItem(key); const storedProvider = getStoredProvider();
let storedProvider = null;
let storedProviderKey = null; let storedProviderKey = null;
if (storedName) {
storedProvider = Object.values(searchProviders).find((el) => el.name === storedName);
storedProviderKey = Object.keys(searchProviders).find((pkey) => searchProviders[pkey] === storedProvider); storedProviderKey = Object.keys(searchProviders).find((pkey) => searchProviders[pkey] === storedProvider);
if (storedProvider && availableProviderIds.includes(storedProviderKey)) { if (storedProvider && availableProviderIds.includes(storedProviderKey)) {
setSelectedProvider(storedProvider); setSelectedProvider(storedProvider);
} }
}
}, [availableProviderIds]); }, [availableProviderIds]);
if (!availableProviderIds) { if (!availableProviderIds) {
@ -95,7 +98,7 @@ export default function Search({ options }) {
const onChangeProvider = (provider) => { const onChangeProvider = (provider) => {
setSelectedProvider(provider); setSelectedProvider(provider);
localStorage.setItem(key, provider.name); localStorage.setItem(localStorageKey, provider.name);
} }
return ( return (

7
src/pages/index.jsx
View File

@ -22,7 +22,7 @@ import { bookmarksResponse, servicesResponse, widgetsResponse } from "utils/conf
import ErrorBoundary from "components/errorboundry"; import ErrorBoundary from "components/errorboundry";
import themes from "utils/styles/themes"; import themes from "utils/styles/themes";
import QuickLaunch from "components/quicklaunch"; import QuickLaunch from "components/quicklaunch";
import { searchProviders } from "components/widgets/search/search"; import { getStoredProvider, searchProviders } from "components/widgets/search/search";
const ThemeToggle = dynamic(() => import("components/toggles/theme"), { const ThemeToggle = dynamic(() => import("components/toggles/theme"), {
ssr: false, ssr: false,
@ -197,6 +197,10 @@ function Home({ initialSettings }) {
let searchProvider = null; let searchProvider = null;
const searchWidget = Object.values(widgets).find(w => w.type === "search"); const searchWidget = Object.values(widgets).find(w => w.type === "search");
if (searchWidget) { if (searchWidget) {
if (Array.isArray(searchWidget.options?.provider)) {
// if search provider is a list, try to retrieve from localstorage, fall back to the first
searchProvider = getStoredProvider() ?? searchProviders[searchWidget.options.provider[0]];
} else {
if (searchWidget.options?.provider === 'custom') { if (searchWidget.options?.provider === 'custom') {
searchProvider = { searchProvider = {
url: searchWidget.options.url url: searchWidget.options.url
@ -205,6 +209,7 @@ function Home({ initialSettings }) {
searchProvider = searchProviders[searchWidget.options?.provider]; searchProvider = searchProviders[searchWidget.options?.provider];
} }
} }
}
useEffect(() => { useEffect(() => {
function handleKeyDown(e) { function handleKeyDown(e) {