uetchy/namae
1
0
Fork 0
mirror of https://github.com/uetchy/namae.git synced 2025-08-20 18:08:11 +09:00
Code Issues Releases Activity

chore: add eslint rules

Browse Source
This commit is contained in:
uetchy
2019-12-24 01:57:07 +09:00
parent 934486d64f
commit 1fd9332bdc
35 changed files with 381 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/Footer.tsx
View File

@@ -5,7 +5,7 @@ import {FaTwitter, FaGithubAlt} from 'react-icons/fa';
import {ExternalLink} from './Links';
export default function Footer() {
const Footer: React.FC = () => {
const {t} = useTranslation();
return (
@@ -51,7 +51,8 @@ export default function Footer() {
</Box>
</Container>
);
}
};
export default Footer;
const Container = styled.div`
display: flex;

8
web/src/components/Form.tsx
View File

@@ -15,19 +15,19 @@ const Form: React.FC<{onQuery: (query: string) => void}> = ({onQuery}) => {
const {t} = useTranslation();
// set input value
function onInputChange(e: React.FormEvent<HTMLInputElement>) {
function onInputChange(e: React.FormEvent<HTMLInputElement>): void {
const value = e.currentTarget.value;
setInputValue(value);
}
// clear input form and focus on it
function onLogoClick(e: React.MouseEvent<HTMLDivElement>) {
function onLogoClick(): void {
setInputValue('');
inputRef.current!.focus();
inputRef.current?.focus();
}
// invoke when user clicked one of the suggested items
function onSuggestionCompleted(name: string) {
function onSuggestionCompleted(name: string): void {
setInputValue(name);
setSuggested(true);
}

6
web/src/components/Icons.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
export const SpectrumIcon = () => (
export const SpectrumIcon: React.FC = () => (
<svg
width="1em"
height="1em"
@@ -13,7 +13,7 @@ export const SpectrumIcon = () => (
</svg>
);
export const NowIcon = () => (
export const NowIcon: React.FC = () => (
<svg
width="1em"
height="1em"
@@ -28,7 +28,7 @@ export const NowIcon = () => (
</svg>
);
export const NetlifyIcon = () => (
export const NetlifyIcon: React.FC = () => (
<svg
width="1em"
height="1em"

94
web/src/components/Suggestion.tsx
View File

@@ -9,47 +9,47 @@ import {mobile} from '../util/css';
type Modifier = (word: string) => string;
const maximumCount = 3;
const modifiers: Modifier[] = [
(word) => `${capitalize(word)}ify`,
(word) => `lib${lower(word)}`,
(word) => `Omni${capitalize(word)}`,
(word) => `${capitalize(word)}Lab`,
(word) => `${capitalize(word)}Kit`,
(word) => `Open${capitalize(word)}`,
(word) => `${capitalize(word)}box`,
(word) => `Insta${lower(word)}`,
(word) => `${capitalize(word)}Hub`,
(word) => `Cloud${capitalize(word)}`,
(word) => `quick${lower(word)}`,
(word) => `fast${lower(word)}`,
(word) => `super-${lower(word)}`,
(word) => `Hyper${capitalize(word)}`,
(word) => `${capitalize(word)}Go`,
(word) => `${lower(word)}-io`,
(word) => `Go${capitalize(word)}`,
(word) => `${capitalize(word)}X`,
(word) => `${capitalize(word)}time`,
(word) => `${capitalize(word)}flow`,
(word) => `${capitalize(word)}ful`,
(word) => `${capitalize(word)}ery`,
(word) => `${lower(word)}ly`,
(word) => `${lower(word)}joy`,
(word) => `${capitalize(word)}Hunt`,
(word) => `${capitalize(word)}gram`,
(word) => `${capitalize(word)}base`,
(word) => `${capitalize(word)}API`,
(word) => `${capitalize(word)}note`,
(word) => `In${capitalize(word)}`,
(word) => `Uni${lower(word)}`,
(word) => `${capitalize(word)}`,
];
function lower(word: string) {
function lower(word: string): string {
return word.toLowerCase();
}
function shuffleArray(array: any[]) {
const maximumCount = 3;
const modifiers: Modifier[] = [
(word): string => `${capitalize(word)}ify`,
(word): string => `lib${lower(word)}`,
(word): string => `Omni${capitalize(word)}`,
(word): string => `${capitalize(word)}Lab`,
(word): string => `${capitalize(word)}Kit`,
(word): string => `Open${capitalize(word)}`,
(word): string => `${capitalize(word)}box`,
(word): string => `Insta${lower(word)}`,
(word): string => `${capitalize(word)}Hub`,
(word): string => `Cloud${capitalize(word)}`,
(word): string => `quick${lower(word)}`,
(word): string => `fast${lower(word)}`,
(word): string => `super-${lower(word)}`,
(word): string => `Hyper${capitalize(word)}`,
(word): string => `${capitalize(word)}Go`,
(word): string => `${lower(word)}-io`,
(word): string => `Go${capitalize(word)}`,
(word): string => `${capitalize(word)}X`,
(word): string => `${capitalize(word)}time`,
(word): string => `${capitalize(word)}flow`,
(word): string => `${capitalize(word)}ful`,
(word): string => `${capitalize(word)}ery`,
(word): string => `${lower(word)}ly`,
(word): string => `${lower(word)}joy`,
(word): string => `${capitalize(word)}Hunt`,
(word): string => `${capitalize(word)}gram`,
(word): string => `${capitalize(word)}base`,
(word): string => `${capitalize(word)}API`,
(word): string => `${capitalize(word)}note`,
(word): string => `In${capitalize(word)}`,
(word): string => `Uni${lower(word)}`,
(word): string => `${capitalize(word)}`,
];
function shuffleArray<T>(array: T[]): T[] {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
const temp = array[i];
@@ -59,15 +59,15 @@ function shuffleArray(array: any[]) {
return array;
}
function sampleFromArray(array: any[], maximum: number) {
function sampleFromArray<T>(array: T[], maximum: number): T[] {
return shuffleArray(array).slice(0, maximum);
}
function modifyWord(word: string) {
function modifyWord(word: string): string {
return modifiers[Math.floor(Math.random() * modifiers.length)](word);
}
function fillArray(array: any[], filler: string, maximum: number) {
function fillArray<T>(array: T[], filler: string, maximum: number): T[] {
const deficit = maximum - array.length;
if (deficit > 0) {
array = [...array, ...Array(deficit).fill(filler)];
@@ -75,7 +75,7 @@ function fillArray(array: any[], filler: string, maximum: number) {
return array;
}
async function findSynonyms(word: string) {
async function findSynonyms(word: string): Promise<string[]> {
try {
const response = await fetch(
`https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&dt=ss&ie=UTF-8&oe=UTF-8&dj=1&q=${encodeURIComponent(
@@ -92,7 +92,7 @@ async function findSynonyms(word: string) {
[] as string[],
),
),
).filter((word) => !word.match(/[\s-]/));
).filter((word) => !/[\s-]/.exec(word));
return synonyms;
} catch (err) {
return [];
@@ -107,7 +107,7 @@ const Suggestion: React.FC<{
const synonymRef = useRef<string[]>([]);
const [bestWords, setBestWords] = useState<string[]>([]);
function shuffle() {
function shuffle(): void {
const best = fillArray(
sampleFromArray(synonymRef.current, maximumCount),
query,
@@ -116,12 +116,12 @@ const Suggestion: React.FC<{
setBestWords(best);
}
function applyQuery(name: string) {
function applyQuery(name: string): void {
onSubmit(name);
}
useEffect(() => {
const fn = async () => {
const fn = async (): Promise<void> => {
if (query && query.length > 0) {
const synonyms = await findSynonyms(query);
synonymRef.current = synonyms;
@@ -142,7 +142,7 @@ const Suggestion: React.FC<{
<Items>
{bestWords &&
bestWords.map((name) => (
<Item key={name} onClick={() => applyQuery(name)}>
<Item key={name} onClick={(): void => applyQuery(name)}>
{name}
</Item>
))}

5
web/src/components/Welcome.tsx
View File

@@ -23,7 +23,7 @@ import {DiRust, DiHeroku} from 'react-icons/di';
import {SpectrumIcon, NowIcon, NetlifyIcon} from './Icons';
import {mobile} from '../util/css';
export default function Welcome() {
const Welcome: React.FC = () => {
const {t} = useTranslation();
return (
@@ -96,7 +96,8 @@ export default function Welcome() {
</List>
</Container>
);
}
};
export default Welcome;
const Container = styled.div`
padding-bottom: 40px;

1
web/src/components/cards/core.tsx
View File

@@ -231,6 +231,7 @@ class ErrorBoundary extends React.Component<
return {hasError: true, message: error.message};
}
// eslint-disable-next-line @typescript-eslint/no-explicit-any
componentDidCatch(error: Error, errorInfo: any) {
if (error instanceof APIError || error instanceof NotFoundError) {
return;