From 8c45e0cb1aa543bfa2938fe2a7713f4ca0baf35f Mon Sep 17 00:00:00 2001
From: Alperen Elhan <alperen@elhan.io>
Date: Mon, 10 Oct 2022 01:47:48 +0300
Subject: [PATCH] feat: implement add manga

---
 .eslintrc.json                       |   1 +
 package.json                         |   1 +
 public/cover-not-found.jpg           | Bin 0 -> 26227 bytes
 src/components/addLibrary.tsx        |   8 +-
 src/components/mangaCard.tsx         |  17 +-
 src/components/mangaSearchResult.tsx | 142 +++++++++
 src/components/newMangaCard.tsx      | 444 ++++++++++++++++++++++++++-
 src/pages/library/[id].tsx           |  48 +--
 src/server/downloader/downloader.ts  |  62 +---
 src/server/trpc/router/manga.ts      |  69 +++++
 src/utils/mangal.ts                  | 151 +++++++++
 yarn.lock                            |   5 +
 12 files changed, 855 insertions(+), 93 deletions(-)
 create mode 100644 public/cover-not-found.jpg
 create mode 100644 src/components/mangaSearchResult.tsx
 create mode 100644 src/utils/mangal.ts

diff --git a/.eslintrc.json b/.eslintrc.json
index fa75147..80045cf 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -15,6 +15,7 @@
     "plugin:react/jsx-runtime"
   ],
   "rules": {
+    "no-nested-ternary": "off",
     "react/jsx-props-no-spreading": "off",
     "no-underscore-dangle": "off",
     "import/extensions": [
diff --git a/package.json b/package.json
index 009123d..0635e49 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "@mantine/nprogress": "^5.5.4",
     "@mantine/spotlight": "^5.5.4",
     "@prisma/client": "4.4.0",
+    "@tabler/icons": "^1.101.0",
     "@tanstack/react-query": "^4.9.0",
     "@trpc/client": "^10.0.0-proxy-beta.13",
     "@trpc/next": "^10.0.0-proxy-beta.13",
diff --git a/public/cover-not-found.jpg b/public/cover-not-found.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..378da68cee753a34a75d9c01aa7f1ee3bf82a589
GIT binary patch
literal 26227
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
E**x`BhyVZp

literal 0
HcmV?d00001

diff --git a/src/components/addLibrary.tsx b/src/components/addLibrary.tsx
index 73b6a4d..bb15a14 100644
--- a/src/components/addLibrary.tsx
+++ b/src/components/addLibrary.tsx
@@ -2,9 +2,9 @@ import { Box, Button, Code, LoadingOverlay, Text, TextInput } from '@mantine/cor
 import { useForm } from '@mantine/form';
 import { useModals } from '@mantine/modals';
 import { showNotification } from '@mantine/notifications';
+import { IconCheck, IconX } from '@tabler/icons';
 import { useState } from 'react';
-import { IoCloseCircle } from 'react-icons/io5';
-import { MdCheckCircleOutline, MdOutlineCreateNewFolder } from 'react-icons/md';
+import { MdOutlineCreateNewFolder } from 'react-icons/md';
 import { trpc } from '../utils/trpc';
 
 function Form({ onClose }: { onClose: () => void }) {
@@ -35,7 +35,7 @@ function Form({ onClose }: { onClose: () => void }) {
           });
         } catch (err) {
           showNotification({
-            icon: <IoCloseCircle size={48} />,
+            icon: <IconX size={18} />,
             color: 'red',
             autoClose: true,
             title: 'Library',
@@ -55,7 +55,7 @@ function Form({ onClose }: { onClose: () => void }) {
         onClose();
         setVisible((v) => !v);
         showNotification({
-          icon: <MdCheckCircleOutline size={48} />,
+          icon: <IconCheck size={18} />,
           color: 'teal',
           autoClose: true,
           title: 'Library',
diff --git a/src/components/mangaCard.tsx b/src/components/mangaCard.tsx
index b12fa0e..160cca7 100644
--- a/src/components/mangaCard.tsx
+++ b/src/components/mangaCard.tsx
@@ -1,4 +1,5 @@
 import { Badge, Button, createStyles, Paper, Title } from '@mantine/core';
+import { IconExternalLink } from '@tabler/icons';
 
 const useStyles = createStyles((theme) => ({
   card: {
@@ -35,7 +36,7 @@ const useStyles = createStyles((theme) => ({
 interface ArticleCardImageProps {
   image: string;
   title: string;
-  category: string;
+  category?: string;
 }
 
 export function MangaCard({ image, title, category }: ArticleCardImageProps) {
@@ -50,16 +51,22 @@ export function MangaCard({ image, title, category }: ArticleCardImageProps) {
       className={classes.card}
     >
       <div>
-        <Badge color="teal" variant="filled" className={classes.category} size="md">
-          {category}
-        </Badge>
+        {category && (
+          <Badge color="teal" variant="filled" className={classes.category} size="md">
+            {category}
+          </Badge>
+        )}
         <Title order={3} className={classes.title}>
           {title}
         </Title>
       </div>
-      <Button variant="filled" color="indigo" size="xs">
+      <Button leftIcon={<IconExternalLink size={16} />} variant="filled" color="indigo" size="xs">
         Read
       </Button>
     </Paper>
   );
 }
+
+MangaCard.defaultProps = {
+  category: '',
+};
diff --git a/src/components/mangaSearchResult.tsx b/src/components/mangaSearchResult.tsx
new file mode 100644
index 0000000..918c3b6
--- /dev/null
+++ b/src/components/mangaSearchResult.tsx
@@ -0,0 +1,142 @@
+import { createStyles, Image, SimpleGrid, Text, UnstyledButton } from '@mantine/core';
+import { useUncontrolled } from '@mantine/hooks';
+import { useState } from 'react';
+
+const useStyles = createStyles((theme, { checked, disabled }: { checked: boolean; disabled: boolean }) => ({
+  button: {
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%',
+    transition: 'background-color 150ms ease, border-color 150ms ease',
+    border: `1px solid ${
+      checked
+        ? theme.fn.variant({ variant: 'outline', color: theme.primaryColor }).border
+        : theme.colorScheme === 'dark'
+        ? theme.colors.dark[8]
+        : theme.colors.gray[3]
+    }`,
+    borderRadius: theme.radius.sm,
+    padding: theme.spacing.sm,
+    backgroundColor: checked
+      ? theme.fn.variant({ variant: 'light', color: theme.primaryColor }).background
+      : disabled
+      ? theme.colors.gray[3]
+      : theme.white,
+  },
+
+  body: {
+    flex: 1,
+    marginLeft: theme.spacing.md,
+  },
+}));
+
+interface ImageCheckboxProps {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onChange?(checked: boolean): void;
+  title: string;
+  description: string;
+  image: string;
+}
+
+export function ImageCheckbox({
+  checked,
+  defaultChecked,
+  onChange,
+  title,
+  description,
+  className,
+  disabled,
+  image,
+  ...others
+}: ImageCheckboxProps & Omit<React.ComponentPropsWithoutRef<'button'>, keyof ImageCheckboxProps>) {
+  const [value, handleChange] = useUncontrolled({
+    value: checked,
+    defaultValue: defaultChecked,
+    finalValue: false,
+    onChange,
+  });
+
+  const { classes, cx } = useStyles({ checked: value, disabled: disabled || false });
+
+  return (
+    <UnstyledButton
+      {...others}
+      onClick={() => {
+        if (!disabled) {
+          handleChange(!value);
+        }
+      }}
+      className={cx(classes.button, className)}
+    >
+      <Image
+        withPlaceholder
+        placeholder={<Image src="/cover-not-found.jpg" alt={title} width={42} height={64} />}
+        src={image}
+        width={42}
+        height={64}
+      />
+
+      <div className={classes.body}>
+        <Text color="dimmed" size="xs" sx={{ lineHeight: 1 }} mb={5}>
+          {description}
+        </Text>
+        <Text weight={500} size="sm" sx={{ lineHeight: 1 }}>
+          {title}
+        </Text>
+      </div>
+    </UnstyledButton>
+  );
+}
+
+ImageCheckbox.defaultProps = {
+  checked: undefined,
+  defaultChecked: undefined,
+  onChange: () => {},
+};
+
+type IMangaSearchResult = {
+  status: string;
+  title: string;
+  order: number;
+  cover: string;
+};
+
+export function MangaSearchResult({
+  items,
+  onSelect,
+}: {
+  items: IMangaSearchResult[];
+  onSelect: (selected: IMangaSearchResult | undefined) => void;
+}) {
+  const [selected, setSelected] = useState<IMangaSearchResult>();
+
+  return (
+    <SimpleGrid
+      cols={2}
+      breakpoints={[
+        { maxWidth: 'md', cols: 2 },
+        { maxWidth: 'sm', cols: 1 },
+      ]}
+    >
+      {items.map((m) => (
+        <ImageCheckbox
+          key={m.title}
+          image={m.cover || '/cover-not-found.jpg'}
+          title={m.title}
+          disabled={selected && m.title !== selected.title}
+          description={m.status}
+          onChange={(checked) => {
+            if (checked) {
+              setSelected(m);
+              onSelect(m);
+            } else {
+              setSelected(undefined);
+              onSelect(undefined);
+            }
+          }}
+        />
+      ))}
+    </SimpleGrid>
+  );
+}
diff --git a/src/components/newMangaCard.tsx b/src/components/newMangaCard.tsx
index 159f492..443f9df 100644
--- a/src/components/newMangaCard.tsx
+++ b/src/components/newMangaCard.tsx
@@ -1,4 +1,32 @@
-import { Button, createStyles, Paper } from '@mantine/core';
+import {
+  ActionIcon,
+  Badge,
+  Box,
+  Button,
+  Code,
+  createStyles,
+  Divider,
+  Grid,
+  Group,
+  Image,
+  LoadingOverlay,
+  Paper,
+  Select,
+  Stepper,
+  Text,
+  TextInput,
+  Title,
+  Tooltip,
+} from '@mantine/core';
+import { useForm, UseFormReturnType, zodResolver } from '@mantine/form';
+import { getHotkeyHandler } from '@mantine/hooks';
+import { useModals } from '@mantine/modals';
+import { showNotification } from '@mantine/notifications';
+import { IconArrowRight, IconBook, IconCheck, IconSearch, IconX } from '@tabler/icons';
+import { useState } from 'react';
+import { z } from 'zod';
+import { trpc } from '../utils/trpc';
+import { MangaSearchResult } from './mangaSearchResult';
 
 const useStyles = createStyles((theme) => ({
   card: {
@@ -18,11 +46,414 @@ const useStyles = createStyles((theme) => ({
       boxShadow: theme.shadows.md,
     },
   },
+  form: {
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: 300,
+    padding: theme.spacing.xs,
+  },
+  stepper: {
+    flexGrow: 1,
+  },
+  stepBody: {
+    marginTop: 30,
+    marginBottom: 30,
+  },
+  buttonGroup: {
+    position: 'fixed',
+    bottom: '19px',
+    right: '55px',
+    width: 'calc(100% - 55px)',
+    height: '50px',
+    background: 'white',
+  },
+  placeHolder: {
+    alignItems: 'start !important',
+    justifyContent: 'flex-start !important',
+  },
 }));
 
-export function NewMangaCard() {
+const schema = z.object({
+  source: z.string().min(1, { message: 'You must select a source' }),
+  query: z.string().min(1, { message: 'Cannot be empty' }),
+  mangaOrder: z.number().gte(0, { message: 'Please select a manga' }),
+  mangaTitle: z.string().min(1, { message: 'Please select a manga' }),
+});
+
+type FormType = z.TypeOf<typeof schema>;
+
+function SourceStep({ form }: { form: UseFormReturnType<FormType> }) {
+  const query = trpc.manga.sources.useQuery(undefined, {
+    staleTime: Infinity,
+  });
+
+  if (query.isLoading) {
+    return <LoadingOverlay visible />;
+  }
+
+  const selectData = query.data?.map((s) => ({
+    value: s,
+    label: s,
+  }));
+
+  return (
+    <Box>
+      <Select
+        data={selectData || []}
+        label="Available sources"
+        placeholder="Select a source"
+        {...form.getInputProps('source')}
+      />
+    </Box>
+  );
+}
+
+function SearchStep({ form }: { form: UseFormReturnType<FormType> }) {
+  const ctx = trpc.useContext();
+  type SearchResult = Awaited<ReturnType<typeof ctx.manga.search.fetch>>;
+
+  const [loading, setLoading] = useState(false);
+  const [searchResult, setSearchResult] = useState<SearchResult>([]);
+
+  const handleSearch = async () => {
+    form.validateField('query');
+    if (!form.isValid('query')) {
+      return;
+    }
+    setLoading(true);
+    const result = await ctx.manga.search.fetch({
+      keyword: form.values.query,
+      source: form.values.source,
+    });
+    setLoading(false);
+
+    if (result) {
+      setSearchResult(result);
+    }
+  };
+
+  return (
+    <>
+      <LoadingOverlay visible={loading} />
+
+      <TextInput
+        data-autofocus
+        mb="xl"
+        size="md"
+        radius="xl"
+        onKeyDown={getHotkeyHandler([['Enter', handleSearch]])}
+        icon={<IconSearch size={18} stroke={1.5} />}
+        rightSection={
+          <ActionIcon size={32} radius="xl" color="blue" variant="filled" onClick={handleSearch}>
+            <IconArrowRight size={18} stroke={1.5} />
+          </ActionIcon>
+        }
+        rightSectionWidth={42}
+        label="Search for a manga"
+        placeholder="Bleach"
+        {...form.getInputProps('query')}
+      />
+      <TextInput hidden {...form.getInputProps('mangaTitle')} />
+      <MangaSearchResult
+        items={searchResult}
+        onSelect={(selected) => {
+          if (selected) {
+            form.setFieldValue('mangaOrder', selected.order);
+            form.setFieldValue('mangaTitle', selected.title);
+          } else {
+            form.setFieldValue('mangaOrder', -1);
+            form.setFieldValue('mangaTitle', '');
+          }
+        }}
+      />
+    </>
+  );
+}
+
+function ReviewStep({ form }: { form: UseFormReturnType<FormType> }) {
+  const query = trpc.manga.detail.useQuery(
+    {
+      keyword: form.values.query,
+      source: form.values.source,
+      order: form.values.mangaOrder,
+    },
+    {
+      staleTime: Infinity,
+      enabled: !!form.values.query && !!form.values.source && !!form.values.mangaTitle && form.values.mangaOrder > -1,
+    },
+  );
+
   const { classes } = useStyles();
 
+  const manga = query.data;
+
+  return (
+    <>
+      <LoadingOverlay visible={query.isLoading} />
+
+      {manga && (
+        <Grid>
+          <Grid.Col span={4}>
+            <Image
+              classNames={{
+                placeholder: classes.placeHolder,
+              }}
+              radius="lg"
+              sx={(theme) => ({
+                boxShadow: theme.shadows.xl,
+              })}
+              withPlaceholder
+              placeholder={
+                <Image
+                  radius="lg"
+                  sx={(theme) => ({
+                    width: 210,
+                    boxShadow: theme.shadows.xl,
+                  })}
+                  src="/cover-not-found.jpg"
+                  alt={manga.Name}
+                />
+              }
+              src={manga.Metadata.Cover}
+            />
+          </Grid.Col>
+          <Grid.Col span={8}>
+            <Divider mb="xs" labelPosition="center" label={<Title order={3}>{manga.Name}</Title>} />
+            {manga.Metadata.Synonyms && (
+              <Group spacing="xs">
+                {manga.Metadata.Synonyms.map((synonym) => (
+                  <Tooltip label={synonym} key={synonym}>
+                    <div style={{ maxWidth: 100 }}>
+                      <Badge color="blue" variant="filled" size="sm" fullWidth>
+                        {synonym}
+                      </Badge>
+                    </div>
+                  </Tooltip>
+                ))}
+              </Group>
+            )}
+            <Divider variant="dashed" my="xs" label="Status" />
+            {manga.Metadata.Status ? (
+              <Badge color="cyan" variant="filled" size="sm">
+                {manga.Metadata.Status}
+              </Badge>
+            ) : (
+              <Text size="sm">No status...</Text>
+            )}
+            <Divider variant="dashed" my="xs" label="Chapters" />
+            <Text>
+              There are &nbsp;
+              <Badge color="teal" variant="outline" size="lg">
+                {manga.Chapters?.length || 0}
+              </Badge>
+              &nbsp; chapters
+            </Text>
+            <Divider variant="dashed" my="xs" label="Summary" />
+            <Text size="sm">{manga.Metadata.Summary || 'No summary...'}</Text>
+            <Divider variant="dashed" my="xs" label="Genres" />
+            {manga.Metadata.Genres ? (
+              <Group spacing="xs">
+                {manga.Metadata.Genres.map((genre) => (
+                  <Tooltip label={genre} key={genre}>
+                    <div style={{ maxWidth: 100 }}>
+                      <Badge color="indigo" variant="light" size="xs" fullWidth>
+                        {genre}
+                      </Badge>
+                    </div>
+                  </Tooltip>
+                ))}
+              </Group>
+            ) : (
+              <Text size="sm">No genres...</Text>
+            )}
+            <Divider variant="dashed" my="xs" label="Tags" />
+            {manga.Metadata.Tags ? (
+              <Group spacing="xs">
+                {manga.Metadata.Tags.map((tag) => (
+                  <Tooltip label={tag} key={tag}>
+                    <div style={{ maxWidth: 100 }}>
+                      <Badge color="violet" variant="light" size="xs" fullWidth>
+                        {tag}
+                      </Badge>
+                    </div>
+                  </Tooltip>
+                ))}
+              </Group>
+            ) : (
+              <Text size="sm">No tags...</Text>
+            )}
+          </Grid.Col>
+        </Grid>
+      )}
+    </>
+  );
+}
+
+function Form({ onClose }: { onClose: () => void }) {
+  const { classes } = useStyles();
+  const [active, setActive] = useState(0);
+  const [visible, setVisible] = useState(false);
+
+  const mutation = trpc.manga.add.useMutation();
+
+  const form = useForm({
+    validateInputOnBlur: ['source', 'query'],
+    initialValues: {
+      source: '',
+      query: '',
+      mangaOrder: -1,
+      mangaTitle: '',
+    },
+    validate: zodResolver(schema),
+  });
+
+  const nextStep = () => {
+    if (active === 0) {
+      form.validateField('source');
+      if (!form.isValid('source')) {
+        return;
+      }
+    }
+    if (active === 1) {
+      form.validateField('mangaTitle');
+      form.validateField('mangaOrder');
+      if (!form.isValid('mangaOrder') || !form.isValid('mangaTitle')) {
+        return;
+      }
+    }
+    form.clearErrors();
+    setActive((current) => (current < 2 ? current + 1 : current));
+  };
+
+  const prevStep = () => {
+    if (active === 1) {
+      form.setFieldValue('query', '');
+      form.setFieldValue('source', '');
+    }
+    if (active === 2) {
+      form.setFieldValue('query', '');
+      form.setFieldValue('mangaOrder', -1);
+      form.setFieldValue('mangaTitle', '');
+    }
+    setActive((current) => (current > 0 ? current - 1 : current));
+  };
+  return (
+    <form
+      className={classes.form}
+      onSubmit={form.onSubmit(async (values) => {
+        setVisible((v) => !v);
+        const { mangaOrder, mangaTitle, query, source } = values;
+        try {
+          await mutation.mutateAsync({
+            keyword: query,
+            order: mangaOrder,
+            title: mangaTitle,
+            source,
+          });
+        } catch (err) {
+          showNotification({
+            icon: <IconX size={18} />,
+            color: 'red',
+            autoClose: true,
+            title: 'Manga',
+            message: (
+              <Text>
+                Failed to create add manga. <Code color="red">{`${err}`}</Code>
+              </Text>
+            ),
+          });
+
+          form.reset();
+          onClose();
+          setVisible((v) => !v);
+          return;
+        }
+        form.reset();
+        onClose();
+        setVisible((v) => !v);
+        showNotification({
+          icon: <IconCheck size={18} />,
+          color: 'teal',
+          autoClose: true,
+          title: 'Manga',
+          message: (
+            <Text>
+              <Code color="blue">{values.mangaTitle}</Code> is added to library
+            </Text>
+          ),
+        });
+      })}
+    >
+      <LoadingOverlay visible={visible} />
+      <Stepper
+        classNames={{
+          root: classes.stepper,
+          content: classes.stepBody,
+        }}
+        active={active}
+        onStepClick={setActive}
+        breakpoint="sm"
+        m="xl"
+      >
+        <Stepper.Step
+          label="Source"
+          description={form.values.source || 'Select a source'}
+          allowStepSelect={active > 0}
+          color={active > 0 ? 'teal' : 'blue'}
+        >
+          <SourceStep form={form} />
+        </Stepper.Step>
+        <Stepper.Step
+          label="Manga"
+          description={form.values.mangaTitle || 'Search for manga'}
+          allowStepSelect={active > 1}
+          color={active > 1 ? 'teal' : 'blue'}
+        >
+          <SearchStep form={form} />
+        </Stepper.Step>
+
+        <Stepper.Completed>
+          <ReviewStep form={form} />
+        </Stepper.Completed>
+      </Stepper>
+
+      <Group position="right" className={classes.buttonGroup}>
+        <Button variant="default" onClick={prevStep}>
+          Back
+        </Button>
+        <Button hidden={active !== 2} type="submit">
+          Add
+        </Button>
+        <Button hidden={active === 2} onClick={nextStep}>
+          Next step
+        </Button>
+      </Group>
+    </form>
+  );
+}
+
+export function NewMangaCard({ onAdd }: { onAdd: () => void }) {
+  const { classes } = useStyles();
+  const modals = useModals();
+
+  const openCreateModal = () => {
+    const id = modals.openModal({
+      overflow: 'inside',
+      trapFocus: true,
+      size: 'xl',
+      title: 'Add a new manga',
+      centered: true,
+      children: (
+        <Form
+          onClose={() => {
+            modals.closeModal(id);
+            onAdd();
+          }}
+        />
+      ),
+    });
+  };
+
   return (
     <Paper
       shadow="lg"
@@ -33,7 +464,14 @@ export function NewMangaCard() {
       }}
       className={classes.card}
     >
-      <Button variant="filled" fullWidth color="indigo" size="xs">
+      <Button
+        variant="filled"
+        leftIcon={<IconBook size={18} />}
+        onClick={openCreateModal}
+        fullWidth
+        color="indigo"
+        size="xs"
+      >
         Add new
       </Button>
     </Paper>
diff --git a/src/pages/library/[id].tsx b/src/pages/library/[id].tsx
index 17aefb1..79c99c5 100644
--- a/src/pages/library/[id].tsx
+++ b/src/pages/library/[id].tsx
@@ -1,4 +1,4 @@
-import { Grid } from '@mantine/core';
+import { Grid, LoadingOverlay } from '@mantine/core';
 import { useRouter } from 'next/router';
 import { MangaCard } from '../../components/mangaCard';
 import { NewMangaCard } from '../../components/newMangaCard';
@@ -7,35 +7,37 @@ import { trpc } from '../../utils/trpc';
 export default function LibraryPage() {
   const router = useRouter();
   const { id } = router.query;
-
-  if (id === undefined || id === null) {
-    return null;
-  }
-
-  const mangaQuery = trpc.manga.query.useQuery({
-    library: parseInt(id as string, 10),
-  });
+  const mangaQuery = trpc.manga.query.useQuery(
+    {
+      library: parseInt(id as string, 10),
+    },
+    {
+      staleTime: Infinity,
+      enabled: id !== undefined,
+    },
+  );
 
   if (mangaQuery.isLoading) {
-    return null;
-  }
-
-  if (!mangaQuery.data) {
-    return <NewMangaCard />;
+    return <LoadingOverlay visible overlayBlur={2} />;
   }
 
   return (
-    <Grid justify="center">
+    <Grid justify="flex-start">
       <Grid.Col span="content">
-        <NewMangaCard />
+        <NewMangaCard
+          onAdd={() => {
+            mangaQuery.refetch();
+          }}
+        />
       </Grid.Col>
-      {mangaQuery.data.map((manga) => {
-        return (
-          <Grid.Col span="content" key={manga.id}>
-            <MangaCard category={manga.interval} title={manga.title} image={manga.cover} />
-          </Grid.Col>
-        );
-      })}
+      {mangaQuery.data &&
+        mangaQuery.data.map((manga) => {
+          return (
+            <Grid.Col span="content" key={manga.id}>
+              <MangaCard category={manga.interval} title={manga.title} image={manga.cover} />
+            </Grid.Col>
+          );
+        })}
     </Grid>
   );
 }
diff --git a/src/server/downloader/downloader.ts b/src/server/downloader/downloader.ts
index 8a341c9..a29c6be 100644
--- a/src/server/downloader/downloader.ts
+++ b/src/server/downloader/downloader.ts
@@ -1,19 +1,11 @@
 import { Job, Worker } from 'bullmq';
-import execa from 'execa';
 import fs from 'fs/promises';
 import path from 'path';
-import { IComic } from './config';
 import { logger } from '../../utils/logging';
+import { downloadChapter, getAvailableSources, getChapters } from '../../utils/mangal';
+import { IComic } from './config';
 import { sendNotification } from './notification';
 
-interface IChapterSearch {
-  Manga: {
-    Chapters: {
-      Index: number;
-    }[];
-  }[];
-}
-
 interface IDownloadWorkerData {
   chapterIndex: number;
   source: string;
@@ -22,36 +14,6 @@ interface IDownloadWorkerData {
   libraryPath: string;
 }
 
-const getAvailableSources = async () => {
-  const { stdout } = await execa('mangal', ['sources', '-r']);
-  return stdout.split('\n').map((s) => s.trim());
-};
-
-const getRemoteChapters = async (source: string, query: string): Promise<number[]> => {
-  try {
-    const { stdout } = await execa('mangal', [
-      'inline',
-      '--source',
-      source,
-      '--query',
-      query,
-      '--manga',
-      'first',
-      '--chapters',
-      'all',
-      '-j',
-    ]);
-    const result: IChapterSearch = JSON.parse(stdout);
-    if (result && result.Manga.length === 1 && result.Manga[0]?.Chapters && result.Manga[0]?.Chapters.length > 0) {
-      return result.Manga[0].Chapters.map((c) => c.Index);
-    }
-  } catch (err) {
-    logger.error(err);
-  }
-
-  return [];
-};
-
 export const findMissingChapters = async (title: IComic, libraryPath: string) => {
   if (!title.download) {
     logger.error(`Download option is not configured for ${title.name}`);
@@ -82,7 +44,7 @@ export const findMissingChapters = async (title: IComic, libraryPath: string) =>
     })
     .filter((index) => index !== -1);
 
-  const remoteChapters = await getRemoteChapters(title.download?.source, title.download?.query);
+  const remoteChapters = await getChapters(title.download?.source, title.download?.query, 'first');
   return remoteChapters.filter((c) => !localChapters.includes(c));
 };
 
@@ -91,24 +53,8 @@ export const downloadWorker = new Worker(
   async (job: Job) => {
     const { chapterIndex, libraryPath, name, query, source }: IDownloadWorkerData = job.data;
     try {
-      logger.info(`Downloading chapter #${chapterIndex} for ${name} from ${source}`);
-      const { stdout, stderr } = await execa(
-        'mangal',
-        ['inline', '--source', source, '--query', query, '--manga', 'first', '--chapters', `${chapterIndex}`, '-d'],
-        {
-          cwd: libraryPath,
-        },
-      );
-
-      if (stderr) {
-        logger.error(`Failed to download the chapter #${chapterIndex} for ${name}. Err:\n${stderr}`);
-        await job.log(stderr);
-        throw new Error(stderr);
-      } else {
-        logger.info(`Downloaded chapter #${chapterIndex} for ${name}. Result:\n${stdout}`);
-      }
+      downloadChapter(name, source, query, chapterIndex, 'first', libraryPath);
     } catch (err) {
-      logger.error(`Failed to download the chapter #${chapterIndex} for ${name}. Err:\n${err}`);
       await job.log(`${err}`);
       throw err;
     }
diff --git a/src/server/trpc/router/manga.ts b/src/server/trpc/router/manga.ts
index cfedd7f..9b4b1e6 100644
--- a/src/server/trpc/router/manga.ts
+++ b/src/server/trpc/router/manga.ts
@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { getAvailableSources, getMangaDetail, search } from '../../../utils/mangal';
 import { t } from '../trpc';
 
 export const mangaRouter = t.router({
@@ -15,4 +16,72 @@ export const mangaRouter = t.router({
         },
       });
     }),
+  sources: t.procedure.query(async () => {
+    return getAvailableSources();
+  }),
+  detail: t.procedure
+    .input(
+      z.object({
+        keyword: z.string().trim().min(1),
+        source: z.string().trim().min(1),
+        order: z.number().gte(0),
+      }),
+    )
+    .query(async ({ input }) => {
+      const { keyword, source, order } = input;
+      return getMangaDetail(source, keyword, order.toString());
+    }),
+  search: t.procedure
+    .input(
+      z.object({
+        keyword: z.string().trim().min(1),
+        source: z.string().trim().min(1),
+      }),
+    )
+    .query(async ({ input }) => {
+      const { keyword, source } = input;
+      const result = await search(source, keyword);
+      return result.Manga.map((m, i) => ({
+        status: m.Metadata.Status,
+        title: m.Name,
+        order: i,
+        cover: m.Metadata.Cover,
+      }));
+    }),
+  add: t.procedure
+    .input(
+      z.object({
+        keyword: z.string().trim().min(1),
+        source: z.string().trim().min(1),
+        title: z.string().trim().min(1),
+        order: z.number().gte(0),
+      }),
+    )
+    .mutation(async ({ input, ctx }) => {
+      const { keyword, source, order, title } = input;
+      const detail = await getMangaDetail(source, keyword, order.toString());
+      const library = await ctx.prisma.library.findFirst();
+      if (!detail || !library) {
+        return undefined;
+      }
+      const result = await ctx.prisma.manga.findFirst({
+        where: {
+          title,
+        },
+      });
+      if (result) {
+        return result;
+      }
+
+      return ctx.prisma.manga.create({
+        data: {
+          cover: detail.Metadata.Cover,
+          query: keyword,
+          source,
+          title: detail.Name,
+          libraryId: library?.id,
+          interval: 'hourly',
+        },
+      });
+    }),
 });
diff --git a/src/utils/mangal.ts b/src/utils/mangal.ts
new file mode 100644
index 0000000..1299cc2
--- /dev/null
+++ b/src/utils/mangal.ts
@@ -0,0 +1,151 @@
+import execa from 'execa';
+import { logger } from './logging';
+
+export interface IOutput {
+  Manga: Manga[];
+}
+
+export interface Manga {
+  Name: string;
+  URL: string;
+  Index: number;
+  ID: string;
+  Chapters: Chapter[];
+  Metadata: Metadata;
+}
+
+export interface Chapter {
+  Name: string;
+  URL: string;
+  Index: number;
+  ID: string;
+  Volume: string;
+}
+
+export interface Metadata {
+  Genres: string[];
+  Summary: string;
+  Author: string;
+  Cover: string;
+  Tags: string[];
+  Characters: string[];
+  Status: string;
+  StartDate: MangaDate;
+  EndDate: MangaDate;
+  Synonyms: string[];
+  URLs: string[];
+}
+
+export interface MangaDate {
+  Year: number;
+  Month: number;
+  Day: number;
+}
+
+export const getAvailableSources = async () => {
+  try {
+    const { stdout, command } = await execa('mangal', ['sources', '-r']);
+    logger.info(`Get available sources with following command: ${command}`);
+    return stdout.split('\n').map((s) => s.trim());
+  } catch (err) {
+    logger.error(`Failed to get available sources: err: ${err}`);
+  }
+
+  return [];
+};
+
+export const search = async (source: string, query: string): Promise<IOutput> => {
+  try {
+    const { stdout, command } = await execa('mangal', ['inline', '--source', source, '--query', query, '-j']);
+    logger.info(`Search manga with following command: ${command}`);
+    return JSON.parse(stdout);
+  } catch (err) {
+    logger.error(`Failed to get available sources: err: ${err}`);
+  }
+
+  return {
+    Manga: [],
+  };
+};
+
+export const getChapters = async (source: string, query: string, order: string): Promise<number[]> => {
+  try {
+    const { stdout, command } = await execa('mangal', [
+      'inline',
+      '--source',
+      source,
+      '--query',
+      query,
+      '--manga',
+      order,
+      '--chapters',
+      'all',
+      '-j',
+    ]);
+    logger.info(`Get chapters with following command: ${command}`);
+    const result: IOutput = JSON.parse(stdout);
+    if (result && result.Manga.length === 1 && result.Manga[0]?.Chapters && result.Manga[0]?.Chapters.length > 0) {
+      return result.Manga[0].Chapters.map((c) => c.Index);
+    }
+  } catch (err) {
+    logger.error(err);
+  }
+
+  return [];
+};
+
+export const getMangaDetail = async (source: string, query: string, order: string) => {
+  try {
+    const { stdout, command } = await execa('mangal', [
+      'inline',
+      '--source',
+      source,
+      '--query',
+      query,
+      '--manga',
+      order,
+      '-j',
+    ]);
+    logger.info(`Get manga detail with following command: ${command}`);
+    const result: IOutput = JSON.parse(stdout);
+    if (result && result.Manga.length === 1) {
+      return result.Manga[0];
+    }
+  } catch (err) {
+    logger.error(err);
+  }
+
+  return undefined;
+};
+
+export const downloadChapter = async (
+  title: string,
+  source: string,
+  query: string,
+  chapterIndex: number,
+  order: string,
+  libraryPath: string,
+) => {
+  try {
+    logger.info(`Downloading chapter #${chapterIndex} for ${title} from ${source}`);
+    const { stdout, stderr, command } = await execa(
+      'mangal',
+      ['inline', '--source', source, '--query', query, '--manga', order, '--chapters', `${chapterIndex}`, '-d'],
+      {
+        cwd: libraryPath,
+      },
+    );
+
+    logger.info(`Download chapter with following command: ${command}`);
+
+    if (stderr) {
+      logger.error(`Failed to download the chapter #${chapterIndex} for ${title}. Err:\n${stderr}`);
+      throw new Error(stderr);
+    } else {
+      logger.info(`Downloaded chapter #${chapterIndex} for ${title}. Result:\n${stdout}`);
+    }
+  } catch (err) {
+    logger.error(`Failed to download the chapter #${chapterIndex} for ${title}. Err:\n${err}`);
+    throw err;
+  }
+};
diff --git a/yarn.lock b/yarn.lock
index 61341ca..ff650b3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -774,6 +774,11 @@
   dependencies:
     tslib "^2.4.0"
 
+"@tabler/icons@^1.101.0":
+  version "1.101.0"
+  resolved "https://registry.yarnpkg.com/@tabler/icons/-/icons-1.101.0.tgz#fc0bbcf55878a858c89a492d9900cdb0b8488a62"
+  integrity sha512-3DXsgQRpxSMQMNGQbFndYWPGNlxRKnl3I1p11i7kT6eEJTY2Noc7J37gg25MoxVIs57m+fUI6Qux1X7i9fiobw==
+
 "@tanstack/query-core@4.9.0":
   version "4.9.0"
   resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-4.9.0.tgz#ffc057b664f952bf3d4925fd924a12403646f6a2"