mirror of
https://github.com/uetchy/namae.git
synced 2025-03-17 04:30:31 +09:00
feat: support for Firefox Add-ons
This commit is contained in:
parent
3cb7f4c3b5
commit
5ca31d2f18
37
api/services/firefox-addons/[query].ts
Normal file
37
api/services/firefox-addons/[query].ts
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
import { send, sendError, fetch } from '../../../util/http';
|
||||||
|
import { VercelRequest, VercelResponse } from '@vercel/node';
|
||||||
|
|
||||||
|
export default async function handler(
|
||||||
|
req: VercelRequest,
|
||||||
|
res: VercelResponse
|
||||||
|
): Promise<void> {
|
||||||
|
const { query } = req.query;
|
||||||
|
|
||||||
|
if (!query || typeof query !== 'string') {
|
||||||
|
return sendError(res, new Error('No query given'));
|
||||||
|
}
|
||||||
|
|
||||||
|
const term = encodeURIComponent(query);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(
|
||||||
|
`https://addons.mozilla.org/api/v5/addons/search/?app=firefox&appversion=100.0&type=extension&lang=en-US&q=${term}`,
|
||||||
|
'GET'
|
||||||
|
);
|
||||||
|
const json = await response.json();
|
||||||
|
console.log(json.results.map((i: any) => i.name));
|
||||||
|
const items = json.results.map((item: any) => {
|
||||||
|
const locale = item.name._default || 'en-US';
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
name: item.name[locale],
|
||||||
|
description: item.summary[locale],
|
||||||
|
url: item.url,
|
||||||
|
author: item.authors[0].name,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
send(res, { result: items.slice(0, 10) });
|
||||||
|
} catch (err: any) {
|
||||||
|
sendError(res, err);
|
||||||
|
}
|
||||||
|
}
|
@ -44,7 +44,8 @@
|
|||||||
"reddit": "Reddit",
|
"reddit": "Reddit",
|
||||||
"twitter": "Twitter",
|
"twitter": "Twitter",
|
||||||
"cloudflare": "Cloudflare Pages",
|
"cloudflare": "Cloudflare Pages",
|
||||||
"chromeWebStore": "Chrome Web Store"
|
"chromeWebStore": "Chrome Web Store",
|
||||||
|
"firefoxAddons": "Firefox Add-ons"
|
||||||
},
|
},
|
||||||
"showMore": "show more",
|
"showMore": "show more",
|
||||||
"title": "Grab a slick name for your new app",
|
"title": "Grab a slick name for your new app",
|
||||||
|
@ -13,6 +13,7 @@ import {
|
|||||||
FaSlack,
|
FaSlack,
|
||||||
FaTwitter,
|
FaTwitter,
|
||||||
FaCloudflare,
|
FaCloudflare,
|
||||||
|
FaFirefoxBrowser,
|
||||||
} from 'react-icons/fa';
|
} from 'react-icons/fa';
|
||||||
import { IoIosBeer, IoMdAppstore } from 'react-icons/io';
|
import { IoIosBeer, IoMdAppstore } from 'react-icons/io';
|
||||||
import { MdDomain } from 'react-icons/md';
|
import { MdDomain } from 'react-icons/md';
|
||||||
@ -60,6 +61,7 @@ const supportedProviders: Record<string, React.ReactNode> = {
|
|||||||
githubSearch: <FaGithubAlt />,
|
githubSearch: <FaGithubAlt />,
|
||||||
appStore: <SiAppstore />,
|
appStore: <SiAppstore />,
|
||||||
playStore: <IoMdAppstore />,
|
playStore: <IoMdAppstore />,
|
||||||
|
firefoxAddons: <FaFirefoxBrowser />,
|
||||||
chromeWebStore: <RiChromeFill />,
|
chromeWebStore: <RiChromeFill />,
|
||||||
nta: <RiBuilding2Fill />,
|
nta: <RiBuilding2Fill />,
|
||||||
};
|
};
|
||||||
|
@ -8,6 +8,7 @@ import CloudflareCard from './providers/Cloudflare';
|
|||||||
import CratesioCard from './providers/Cratesio';
|
import CratesioCard from './providers/Cratesio';
|
||||||
import DomainCard from './providers/Domains';
|
import DomainCard from './providers/Domains';
|
||||||
import FirebaseCard from './providers/Firebase';
|
import FirebaseCard from './providers/Firebase';
|
||||||
|
import FirefoxAddonsCard from './providers/FirefoxAddons';
|
||||||
import GithubCard from './providers/GitHubOrganization';
|
import GithubCard from './providers/GitHubOrganization';
|
||||||
import GithubSearchCard from './providers/GitHubSearch';
|
import GithubSearchCard from './providers/GitHubSearch';
|
||||||
import GitLabCard from './providers/GitLab';
|
import GitLabCard from './providers/GitLab';
|
||||||
@ -65,6 +66,7 @@ const Index: React.FC<{ query: string }> = ({ query }) => {
|
|||||||
<GithubSearchCard query={query} />
|
<GithubSearchCard query={query} />
|
||||||
<AppStoreCard query={query} />
|
<AppStoreCard query={query} />
|
||||||
<PlayStoreCard query={query} />
|
<PlayStoreCard query={query} />
|
||||||
|
<FirefoxAddonsCard query={query} />
|
||||||
<ChromeWebStoreCard query={query} />
|
<ChromeWebStoreCard query={query} />
|
||||||
{language === 'ja' ? <NtaCard query={query} /> : null}
|
{language === 'ja' ? <NtaCard query={query} /> : null}
|
||||||
</Cards>
|
</Cards>
|
||||||
|
56
src/components/cards/providers/FirefoxAddons.tsx
Normal file
56
src/components/cards/providers/FirefoxAddons.tsx
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
import useFetch from 'fetch-suspense';
|
||||||
|
import React from 'react';
|
||||||
|
import { useTranslation } from 'react-i18next';
|
||||||
|
import { FaFirefoxBrowser } from 'react-icons/fa';
|
||||||
|
import { RiChromeFill } from 'react-icons/ri';
|
||||||
|
import { Card, Result } from '../core';
|
||||||
|
|
||||||
|
const Search: React.FC<{ query: string }> = ({ query }) => {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
const response = useFetch(
|
||||||
|
`/api/services/firefox-addons/${encodeURIComponent(query)}`
|
||||||
|
) as {
|
||||||
|
result: Array<{
|
||||||
|
name: string;
|
||||||
|
url: string;
|
||||||
|
author: string;
|
||||||
|
description: string;
|
||||||
|
id: string;
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
const apps = response.result;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{apps && apps.length > 0 ? (
|
||||||
|
apps.map((app) => (
|
||||||
|
<Result
|
||||||
|
title={app.name.split(/\s[-–—\-:]\s/)[0]}
|
||||||
|
message={`${app.author}: ${app.description}`}
|
||||||
|
link={app.url}
|
||||||
|
icon={<FaFirefoxBrowser />}
|
||||||
|
key={app.id}
|
||||||
|
/>
|
||||||
|
))
|
||||||
|
) : (
|
||||||
|
<Result
|
||||||
|
title={t('noResult')}
|
||||||
|
message={t('noResult')}
|
||||||
|
icon={<FaFirefoxBrowser />}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const FirefoxAddonsCard: React.FC<{ query: string }> = ({ query }) => {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Card title={t('providers.firefoxAddons')}>
|
||||||
|
<Search query={query} />
|
||||||
|
</Card>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default FirefoxAddonsCard;
|
@ -25,7 +25,7 @@ const Search: React.FC<{ query: string }> = ({ query }) => {
|
|||||||
{apps && apps.length > 0 ? (
|
{apps && apps.length > 0 ? (
|
||||||
apps.map((app) => (
|
apps.map((app) => (
|
||||||
<Result
|
<Result
|
||||||
title={app.name}
|
title={app.name.split(/\s[-–—\-:]\s/)[0]}
|
||||||
message={`${app.author}: ${app.description}`}
|
message={`${app.author}: ${app.description}`}
|
||||||
link={app.url}
|
link={app.url}
|
||||||
icon={<IoMdAppstore />}
|
icon={<IoMdAppstore />}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user