{"version":3,"sources":["utils/requests.tsx","config.ts","types/reader.types.ts","pages/Home.tsx","components/Loader.tsx","types/theme.types.ts","hooks/useTheme.ts","components/Icons.tsx","components/Modal.tsx","components/HotKeys.tsx","components/Share.tsx","components/MangaControl.tsx","pages/Reader.tsx","pages/Manga.tsx","assets/logo/logo.svg","components/Layout.tsx","pages/NotFound.tsx","App.tsx","index.tsx"],"names":["getPages","mangafile","chapter","a","url","API_URL","axios","get","pages","data","map","page","name","getChapters","chapters","reduce","result","includes","push","getImage","responseType","b64","Buffer","from","toString","getMetadata","response","getTitleNames","titles","title","type","PLACEHOLDER_IMG","ReaderMode","ImageSizing","StorageKey","Home","props","queryTitles","titleNames","i","length","titleName","metadata","group","image","cover_image","console","log","setState","state","this","className","Object","keys","key","index","item","to","src","React","Component","withRouter","Loader","ref","refImg","classProps","colourThemes","useTheme","useState","localStorage","getItem","carrotTheme","theme","setTheme","themeSet","setItem","useEffect","applyTheme","colours","document","documentElement","style","setProperty","primaryText","secondaryText","background","panelBackground","BookmarkIcon","width","height","viewBox","fill","xmlns","d","strokeWidth","strokeLinecap","strokeLinejoin","BookOpenIcon","CheckMarkIcon","ColorSwatchIcon","fillRule","clipRule","PhotographIcon","LeftArrowIcon","RightArrowIcon","DownloadIcon","ShareIcon","RssIcon","TitleIcon","classNames","ChevronLeftIcon","ChevronRightIcon","CopyLinkIcon","stroke","CopyLinkSuccessIcon","Modal","children","isOpen","setIsOpen","buttonMsg","appear","show","as","Fragment","open","onClose","Overlay","Child","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","Title","onClick","HotKeys","settings","previousPage","nextPage","previousChapter","nextChapter","Share","copySuccess","setCopySuccess","sleep","ms","Promise","resolve","setTimeout","handleOnClick","navigator","clipboard","writeText","window","location","href","MangaControl","useHistory","readerSettings","updateReaderSettings","keyBindings","setKeyBindings","updateChapter","updatePage","mangaType","setColourMode","colourThemeValues","isOpenHotKeys","setIsOpenHotKeys","isOpenShare","setIsOpenShare","menuOpen","mangaName","onChange","event","currentTarget","value","values","readerMode","imageSizing","colourTheme","setSettings","id","checked","autoLoadChapter","htmlFor","Reader","myRef","loadImage","img","Image","queryManga","history","loadPage","images","promises","imageFiles","loadFunction","file","loaded","current","scrollIntoView","task","scrollDown","scrollBy","top","innerHeight","left","behavior","scrollUp","newReaderSettings","updateLocalStorage","curState","longStrip","carrotSettings","JSON","stringify","newChapter","newPage","previousPages","go","scroll","replace","pathname","match","params","clicked","checkVisible","inView","ind","toClasses","classes","options","original","split","join","singlePage","handleMouseEvent","e","pageX","innerWidth","newKeyBindings","handleHotKeys","fitHeight","savedSettings","parsedSettings","parse","err","keyBindingsLocal","keyBindingsParsed","zipped","pageCount","createRef","addEventListener","removeEventListener","onMouseDown","threshold","entry","Manga","alt","description","Layout","notReader","setReader","listen","substring","Logo","NotFound","App","exact","path","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.0adb4cc4.chunk.js","sourcesContent":["import axios from 'axios';\nimport { Chapter, Page, Metadata } from 'types/reader.types';\nimport { API_URL } from 'config'\n\nexport const getPages = async (mangafile: string, chapter: string): Promise<Page[]> => {\n\n  const url = `${API_URL}/${mangafile}/jpg/${chapter}`;\n  let { data: pages } = await axios.get(url);\n\n  // filter out useless stuff\n  pages = pages.map((page: Record<string, unknown>) => (\n    {\n      name: page.name,\n    }\n  ));\n  return pages;\n};\n\nexport const getChapters = async (mangafile: string): Promise<Chapter[]> => {\n\n  const url = `${API_URL}/${mangafile}/jpg`;\n  let { data: chapters } = await axios.get(url);\n\n  // filter out useless stuff\n  chapters = chapters.reduce((result: Chapter[], chapter: Record<string, unknown>) => {\n    const name = chapter.name as string;\n    if (!name.includes('.zip')) {\n      result.push({ name: name })\n    }\n    return result;\n  }, []);\n  return chapters;\n};\n\nexport const getImage = async (url: string): Promise<string> => {\n\n  const { data } = await axios.get(url, { responseType: 'arraybuffer' });\n\n  const b64 = Buffer.from(data, 'binary').toString('base64');\n\n  return b64;\n\n};\n\nexport const getMetadata = async (mangafile: string): Promise<Metadata> => {\n  const url = `${API_URL}/${mangafile}/.metadata`\n  const response = await axios.get(url)\n\n  return response.data;\n}\n\nexport const getTitleNames = async (): Promise<string[]> => {\n  const url = API_URL;\n  let { data: titles } = await axios.get(url);\n  // filter out useless stuff\n  titles = titles.reduce((result: string[], title: Record<string, string>) => {\n    const type = title.type;\n    if (type === 'directory') {\n      result.push(title.name)\n    }\n    return result;\n  }, []);\n  return titles;\n}\n","export const API_URL = 'https://files.karatsubascans.com'\nexport const PLACEHOLDER_IMG = 'https://media.istockphoto.com/vectors/thumbnail-image-vector-graphic-vector-id1147544807?k=20&m=1147544807&s=612x612&w=0&h=pBhz1dkwsCMq37Udtp9sfxbjaMl27JUapoyYpQm0anc='","\nexport interface ReaderSettings {\n  readerMode: ReaderMode,\n  imageSizing: ImageSizing,\n  colourTheme: string,\n  menuOpen: boolean,\n  autoLoadChapter: boolean,\n}\n\nexport enum ReaderMode {\n  longStrip = \"Long Strip\",\n  singlePage = \"Single Page\"\n}\n\nexport enum ImageSizing {\n  original = \"Original\",\n  fitWidth = \"Fit Width\",\n  fitHeight = \"Fit Height\"\n}\n\nexport type Page = {\n  name: string\n};\nexport type Chapter = {\n  name: string\n};\n\nexport interface KeyBindings {\n  previousPage: string,\n  nextPage: string,\n  previousChapter: string,\n  nextChapter: string\n}\n\nexport enum StorageKey {\n  carrotSettings = \"carrotSettings\",\n  carrotTheme = \"carrotTheme\"\n}\n\nexport interface Metadata {\n  title: string,\n  group?: string,\n  author?: string,\n  description?: string,\n  cover_image?: string,\n  url: string,\n  type: string,\n  original: boolean,\n}","import React from 'react';\r\nimport { Link, withRouter } from 'react-router-dom'\r\nimport { Helmet } from 'react-helmet-async'\r\nimport Loader from 'components/Loader'\r\n\r\nimport { Title } from 'types/home.types'\r\nimport { getTitleNames, getMetadata } from 'utils/requests'\r\nimport { PLACEHOLDER_IMG } from 'config';\r\n\r\ninterface State {\r\n  titles: Record<string, Title[]>\r\n}\r\nclass Home extends React.Component<any, State> {\r\n  constructor(props: any) {\r\n    super(props);\r\n    this.state = {\r\n      titles: {}\r\n    }\r\n  }\r\n\r\n  queryTitles = async () => {\r\n    const titles: Record<string, Title[]> = {};\r\n    const titleNames = await getTitleNames();\r\n    for (let i = 0; i < titleNames.length; i += 1 ) {\r\n      const titleName = titleNames[i];\r\n      try {\r\n        const metadata = await getMetadata(titleName);\r\n        const group = metadata.group || 'Other';\r\n        if (!titles[group]) {\r\n          titles[group] = [];\r\n        }\r\n        titles[group].push({\r\n          title: metadata.title || 'Unknown',\r\n          url: metadata.url,\r\n          image: metadata.cover_image || PLACEHOLDER_IMG,\r\n          group: group,\r\n          mangafile: titleName\r\n        })\r\n      } catch (err) {\r\n        console.log(`Could not find metadata for ${titleName}`)\r\n      }\r\n    }\r\n\r\n    this.setState({titles})\r\n  }\r\n\r\n  async componentDidMount() {\r\n    await this.queryTitles();\r\n  }\r\n  render() {\r\n    return (\r\n      <div className=\"p-6 bg-backgroundColour text-secondaryColour\">\r\n        <Helmet>\r\n          <title>Home | Carrot Reader</title>\r\n        </Helmet>\r\n\r\n        <div className=\"h-20\"></div>\r\n        <h1 className=\"heading\">Home</h1>\r\n        <div className=\"flex flex-col\">\r\n          {\r\n            Object.keys(this.state.titles).map((key, index) => {\r\n              return (\r\n                <div key={index}>\r\n                  <h2 className=\"title\">{key}</h2>\r\n                  <div className=\"flex flex-wrap pb-4 pt-2\">\r\n                    {\r\n                      this.state.titles[key].map((item, index) => {\r\n                        return (\r\n                          <Link key={index} to={`/manga/${item.mangafile}`}>\r\n                            <div className=\"w-52 h-64 m-2 bg-panelBackgroundColour rounded-md\">\r\n                              <img src={item.image} className=\"w-full h-52 object-cover rounded-md\"/>\r\n                              <div className=\"regular font-bold pt-2 px-2 truncate\">\r\n                                {item.title}\r\n                              </div>\r\n                            </div>\r\n                          </Link>\r\n                        )\r\n                      })\r\n                    }\r\n                  </div>\r\n                </div>\r\n              )\r\n            })\r\n          }\r\n        </div>\r\n     </div>\r\n    )\r\n  }\r\n}\r\n\r\nexport default withRouter(Home);","import React, { Component } from 'react';\nimport './Loader.css'\ntype Props = {\n  refImg?: React.RefObject<HTMLImageElement | HTMLDivElement> | undefined\n  classProps?: string,\n}\nconst Loader = (props: Props) => {\n\n  return (\n    <div className=\"loader\" ref={props.refImg}>\n      <div className={(props.classProps || 'w-full h-full') + ' animate-pulse'}>\n        <div className=\" bg-gray-100 rounded-3xl w-full h-full\"></div>\n      </div>\n    </div>\n  );\n\n}\n\nexport default Loader;\n","\nexport type Themes = {\n  [themeName: string]: ThemeSettings\n}\n\nexport type ThemeSettings = {\n  [themeOption: string]: string\n}\n\nconst colourThemes: Themes = {\n  'Light': {\n    'panelBackground': '#F3F4F6',\n    'primaryText': '#374151',\n    'background': '#FFF',\n    'secondaryText': '#374151',\n    'link1': '#eebeb0',\n    'link2': '#eebeb0',\n    'link3': '#eebeb0',\n    'link4': '#eebeb0'\n  },\n  'Dark': {\n    'panelBackground': '#1e293b',\n    'primaryText': '#FFF',\n    'background': '#0f172a',\n    'secondaryText': '#FFF',\n    'link1': '#eebeb0',\n    'link2': '#eebeb0',\n    'link3': '#eebeb0',\n    'link4': '#eebeb0'\n  },\n  'Olivia': {\n    'panelBackground': '#2b2b2b',\n    'primaryText': '#eebeb0',\n    'background': '#f1ede9',\n    'secondaryText': '#2b2b2b',\n    'link1': '#eebeb0',\n    'link2': '#eebeb0',\n    'link3': '#eebeb0',\n    'link4': '#eebeb0'\n  },\n  'Mizu': {\n    'panelBackground': '#253646',\n    'primaryText': '#f9f6f3',\n    'background': '#b6d9eb',\n    'secondaryText': '#253646',\n    'link1': '#f9f6f3',\n    'link2': '#f9f6f3',\n    'link3': '#f9f6f3',\n    'link4': '#f9f6f3'\n  },\n  'Oblivion Hagoromo': {\n    'panelBackground': '#464647',\n    'primaryText': '#e3dcd0',\n    'background': '#e3dcd0',\n    'secondaryText': '#464647',\n    'link1': '#008aba',\n    'link2': '#79c23c',\n    'link3': '#ad98c7',\n    'link4': '#fe4321'\n  },\n  'Modo Light': {\n    'panelBackground': '#737576',\n    'primaryText': '#56585a',\n    'background': '#d1d1cf',\n    'secondaryText': '#56585a',\n    'link1': '#a0c6bc',\n    'link2': '#a0c6bc',\n    'link3': '#a0c6bc',\n    'link4': '#a0c6bc'\n  },\n  'Oblivion': {\n    'panelBackground': '#464647',\n    'primaryText': '#e3dcd0',\n    'background': '#636b6b',\n    'secondaryText': '#e3dcd0',\n    'link1': '#008aba',\n    'link2': '#79c23c',\n    'link3': '#ad98c7',\n    'link4': '#fe4321'\n  },\n  'Botanical': {\n    'panelBackground': '#3E5D58',\n    'primaryText': '#92ACA0',\n    'background': '#DDE5ED',\n    'secondaryText': '#3E5D58',\n    'link1': '#92ACA0',\n    'link2': '#92ACA0',\n    'link3': '#92ACA0',\n    'link4': '#92ACA0'\n  },\n  'Patisserie': {\n    'panelBackground': '#f6dfd8',\n    'primaryText': '#da7157',\n    'background': '#f7f2ea',\n    'secondaryText': '#da7157',\n    'link1': '#da7157',\n    'link2': '#da7157',\n    'link3': '#da7157',\n    'link4': '#da7157'\n  },\n  'Serika': {\n    'panelBackground': '#FFCD00',\n    'primaryText': '#171718',\n    'background': '#ece4d0',\n    'secondaryText': '#171718',\n    'link1': '#171718',\n    'link2': '#171718',\n    'link3': '#171718',\n    'link4': '#171718'\n  },\n  'Sumi': {\n    'panelBackground': '#f7f2ea',\n    'primaryText': '#191e28',\n    'background': '#191e28',\n    'secondaryText': '#f7f2ea',\n    'link1': '#cc2c24',\n    'link2': '#cc2c24',\n    'link3': '#cc2c24',\n    'link4': '#cc2c24'\n  },\n  'Shoko': {\n    'panelBackground': '#7A99AC',\n    'primaryText': '#DDE5ED',\n    'background': '#DDE5ED',\n    'secondaryText': '#7A99AC',\n    'link1': '#99D6EA',\n    'link2': '#99D6EA',\n    'link3': '#99D6EA',\n    'link4': '#99D6EA'\n  },\n  'Tuzi': {\n    'panelBackground': '#8d8bb2',\n    'primaryText': '#e1dfed',\n    'background': '#e1dfed',\n    'secondaryText': '#8d8bb2',\n    'link1': '#7e4f7b',\n    'link2': '#7e4f7b',\n    'link3': '#7e4f7b',\n    'link4': '#7e4f7b'\n  },\n  'Bingsu': {\n    'panelBackground': '#533d44',\n    'primaryText': '#e1dbd1',\n    'background': '#946877',\n    'secondaryText': '#e1dbd1',\n    'link1': '#e1dbd1',\n    'link2': '#e1dbd1',\n    'link3': '#e1dbd1',\n    'link4': '#e1dbd1'\n  },\n  'Muted Sleeves': {\n    'panelBackground': '#B1B3B3',\n    'primaryText': '#171718',\n    'background': '#D9D9D6',\n    'secondaryText': '#171718',\n    'link1': '#ABCAE9',\n    'link2': '#ABCAE9',\n    'link3': '#ABCAE9',\n    'link4': '#ABCAE9',\n    'logo': '#ECC3B2'\n  },\n  'Minimal sleeves': {\n    'panelBackground': '#f7f2ea',\n    'primaryText': '#171718',\n    'background': '#f7f2ea',\n    'secondaryText': '#171718',\n    'link1': '#ABCAE9',\n    'link2': '#ABCAE9',\n    'link3': '#ABCAE9',\n    'link4': '#ABCAE9',\n    'logo': '#ECC3B2'\n  },\n  'Nimbus': {\n    'panelBackground': '#e1dbd1',\n    'primaryText': '#393b3b',\n    'background': '#ACDCF1',\n    'secondaryText': '#393b3b',\n    'link1': '#393b3b',\n    'link2': '#393b3b',\n    'link3': '#393b3b',\n    'link4': '#393b3b',\n    'logo': '#393b3b'\n  },\n  'Yuru': {\n    'panelBackground': '#712F3E',\n    'primaryText': '#E1DBD1',\n    'background': '#E1DBD1',\n    'secondaryText': '#712F3E',\n    'link1': '#88D4CC',\n    'link2': '#88D4CC',\n    'link3': '#88D4CC',\n    'link4': '#88D4CC',\n    'logo': '#88D4CC'\n  },\n  'Cafe': {\n    'panelBackground': '#3d3635',\n    'primaryText': '#d8d2c3',\n    'background': '#d8d2c3',\n    'secondaryText': '#3d3635',\n    'link1': '#d0b084',\n    'link2': '#d0b084',\n    'link3': '#d0b084',\n    'link4': '#d0b084',\n    'logo': '#d0b084'\n  },\n  'Metaverse': {\n    'panelBackground': '#171718',\n    'primaryText': '#f7f2ea',\n    'background': '#f7f2ea',\n    'secondaryText': '#171718',\n    'link1': '#dd1126',\n    'link2': '#dd1126',\n    'link3': '#dd1126',\n    'link4': '#dd1126',\n    'logo': '#dd1126'\n  },\n  'November Fog': {\n    'panelBackground': '#94A59E',\n    'primaryText': '#58534B',\n    'background': '#D9E1E2',\n    'secondaryText': '#58534B',\n    'link1': '#58534B',\n    'link2': '#58534B',\n    'link3': '#58534B',\n    'link4': '#58534B',\n    'logo': '#58534B'\n  }\n}\n\nexport default colourThemes;\n","import { useEffect, useState } from 'react'\r\nimport { StorageKey } from 'types/reader.types'\r\nimport colourThemes, { ThemeSettings } from 'types/theme.types'\r\n\r\nexport default function useTheme(): [string, (theme: string) => void] {\r\n  const [theme, setTheme] = useState(localStorage.getItem(StorageKey.carrotTheme) || 'Light');\r\n  const themeSet = (theme: string) => {\r\n    setTheme(theme)\r\n    localStorage.setItem(StorageKey.carrotTheme, theme)\r\n  }\r\n  useEffect(() => {\r\n    const applyTheme = localStorage.getItem(StorageKey.carrotTheme) || 'Light'\r\n    setTheme(applyTheme)\r\n    const colours: ThemeSettings = colourThemes[applyTheme] || colourThemes['Light']\r\n\r\n    document.documentElement.style.setProperty(`--primaryColour`, colours.primaryText)\r\n    document.documentElement.style.setProperty(`--secondaryColour`, colours.secondaryText)\r\n    document.documentElement.style.setProperty(`--backgroundColour`, colours.background)\r\n    document.documentElement.style.setProperty(`--panelBackgroundColour`, colours.panelBackground)\r\n  }, [theme, themeSet])\r\n  return [theme, themeSet]\r\n}\r\n","import React from 'react';\nimport classNames from 'classnames';\n\ninterface IconProps {\n  className?: string\n}\n\nexport const BookmarkIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"stroke-current inline-block\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V21L12 17.5L19 21V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport const BookOpenIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"stroke-current inline-block\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M12 6.253V19.253M12 6.253C10.832 5.477 9.246 5 7.5 5C5.754 5 4.168 5.477 3 6.253V19.253C4.168 18.477 5.754 18 7.5 18C9.246 18 10.832 18.477 12 19.253M12 6.253C13.168 5.477 14.754 5 16.5 5C18.247 5 19.832 5.477 21 6.253V19.253C19.832 18.477 18.247 18 16.5 18C14.754 18 13.168 18.477 12 19.253\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n\n  )\n}\n\nexport const CheckMarkIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"stroke-current inline-block\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.99997 12L11 14L15 10M7.83497 4.697C8.55228 4.63975 9.23325 4.35771 9.78097 3.891C10.3999 3.36327 11.1866 3.07339 12 3.07339C12.8133 3.07339 13.6001 3.36327 14.219 3.891C14.7667 4.35771 15.4477 4.63975 16.165 4.697C16.9757 4.7615 17.737 5.11283 18.312 5.68793C18.8871 6.26303 19.2385 7.02425 19.303 7.835C19.3602 8.55231 19.6423 9.23328 20.109 9.781C20.6367 10.3999 20.9266 11.1866 20.9266 12C20.9266 12.8134 20.6367 13.6001 20.109 14.219C19.6423 14.7667 19.3602 15.4477 19.303 16.165C19.2385 16.9758 18.8871 17.737 18.312 18.3121C17.737 18.8872 16.9757 19.2385 16.165 19.303C15.4477 19.3603 14.7667 19.6423 14.219 20.109C13.6001 20.6367 12.8133 20.9266 12 20.9266C11.1866 20.9266 10.3999 20.6367 9.78097 20.109C9.23325 19.6423 8.55228 19.3603 7.83497 19.303C7.02422 19.2385 6.263 18.8872 5.6879 18.3121C5.1128 17.737 4.76147 16.9758 4.69697 16.165C4.63972 15.4477 4.35767 14.7667 3.89097 14.219C3.36324 13.6001 3.07336 12.8134 3.07336 12C3.07336 11.1866 3.36324 10.3999 3.89097 9.781C4.35767 9.23328 4.63972 8.55231 4.69697 7.835C4.76147 7.02425 5.1128 6.26303 5.6879 5.68793C6.263 5.11283 7.02422 4.7615 7.83497 4.697Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n\n  )\n}\n\nexport const ColorSwatchIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"stroke-current\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M4 2C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V15C2 15.7956 2.31607 16.5587 2.87868 17.1213C3.44129 17.6839 4.20435 18 5 18C5.79565 18 6.55871 17.6839 7.12132 17.1213C7.68393 16.5587 8 15.7956 8 15V4C8 3.46957 7.78929 2.96086 7.41421 2.58579C7.03914 2.21071 6.53043 2 6 2H4ZM5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16ZM10 14.243L14.9 9.343C15.2749 8.96795 15.4856 8.45933 15.4856 7.929C15.4856 7.39867 15.2749 6.89006 14.9 6.515L13.485 5.1C13.1099 4.72506 12.6013 4.51443 12.071 4.51443C11.5407 4.51443 11.0321 4.72506 10.657 5.1L10 5.757V14.243ZM16 18H9.071L15.071 12H16C16.5304 12 17.0391 12.2107 17.4142 12.5858C17.7893 12.9609 18 13.4696 18 14V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18Z\" fill=\"#2E3A59\" />\n    </svg>\n\n  )\n}\n\nexport const PhotographIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"stroke-current\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M4 16L8.586 11.414C8.96106 11.0391 9.46967 10.8284 10 10.8284C10.5303 10.8284 11.0389 11.0391 11.414 11.414L16 16M14 14L15.586 12.414C15.9611 12.0391 16.4697 11.8284 17 11.8284C17.5303 11.8284 18.0389 12.0391 18.414 12.414L20 14M14 8H14.01M6 20H18C18.5304 20 19.0391 19.7893 19.4142 19.4142C19.7893 19.0391 20 18.5304 20 18V6C20 5.46957 19.7893 4.96086 19.4142 4.58579C19.0391 4.21071 18.5304 4 18 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V18C4 18.5304 4.21071 19.0391 4.58579 19.4142C4.96086 19.7893 5.46957 20 6 20Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n\n  )\n}\n\nexport const LeftArrowIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"fill-current\" width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M22 40.3333C11.8748 40.3333 3.66666 32.1252 3.66666 22C3.66666 11.8748 11.8748 3.66667 22 3.66667C32.1252 3.66667 40.3333 11.8748 40.3333 22C40.3222 32.1206 32.1206 40.3222 22 40.3333ZM22 7.33333C13.9432 7.33537 7.3965 13.8359 7.33743 21.8925C7.27836 29.949 13.7291 36.5449 21.7849 36.665C29.8408 36.7852 36.4854 30.3847 36.6667 22.33V25.5988V22C36.6576 13.9036 30.0964 7.34243 22 7.33333ZM24.6583 30.9833L15.5833 21.9083L24.6583 12.8333L27.2507 15.4257L20.768 21.9083L27.2488 28.391L24.6602 30.9833H24.6583Z\" />\n    </svg>\n  )\n}\n\nexport const RightArrowIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"fill-current\" width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M18.9999 0.666667C29.1251 0.666667 37.3333 8.87478 37.3333 19C37.3333 29.1252 29.1251 37.3333 18.9999 37.3333C8.8747 37.3333 0.666584 29.1252 0.666584 19C0.677699 8.87939 8.8793 0.677781 18.9999 0.666667ZM18.9999 33.6667C27.0567 33.6646 33.6034 27.1641 33.6625 19.1075C33.7215 11.051 27.2708 4.45514 19.215 4.33497C11.1591 4.21479 4.51453 10.6153 4.33325 18.67V15.4012V19C4.34234 27.0964 10.9035 33.6576 18.9999 33.6667ZM16.3416 10.0167L25.4166 19.0917L16.3416 28.1667L13.7493 25.5743L20.2319 19.0917L13.7511 12.609L16.3398 10.0167H16.3416Z\" />\n    </svg>\n  )\n}\n\nexport const DownloadIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"stroke-current\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M1 13V14C1 14.7956 1.31607 15.5587 1.87868 16.1213C2.44129 16.6839 3.20435 17 4 17H14C14.7956 17 15.5587 16.6839 16.1213 16.1213C16.6839 15.5587 17 14.7956 17 14V13M13 9L9 13M9 13L5 9M9 13V1\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport const ShareIcon = ({ className }: IconProps) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n      <path d=\"M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z\" />\n    </svg>\n  )\n}\n\nexport const RssIcon = ({ className }: IconProps) => {\n  return (\n    <svg className=\"stroke-current\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.50002 1.41666C10.2784 1.41666 16.5834 7.72166 16.5834 15.5M2.50002 7.91666C4.51125 7.91666 6.4401 8.71561 7.86225 10.1378C9.2844 11.5599 10.0834 13.4888 10.0834 15.5M3.58335 15.5C3.58335 15.7873 3.46922 16.0629 3.26605 16.266C3.06289 16.4692 2.78734 16.5833 2.50002 16.5833C2.2127 16.5833 1.93715 16.4692 1.73399 16.266C1.53082 16.0629 1.41669 15.7873 1.41669 15.5C1.41669 15.2127 1.53082 14.9371 1.73399 14.734C1.93715 14.5308 2.2127 14.4167 2.50002 14.4167C2.78734 14.4167 3.06289 14.5308 3.26605 14.734C3.46922 14.9371 3.58335 15.2127 3.58335 15.5Z\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport const TitleIcon = ({ className }: IconProps) => {\n  return (\n    <svg className={classNames(\"stroke-current\", className)} width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M33.3333 35H6.66665C4.8257 35 3.33331 33.5076 3.33331 31.6667V8.33333C3.33331 6.49238 4.8257 5 6.66665 5H33.3333C35.1743 5 36.6666 6.49238 36.6666 8.33333V31.6667C36.6666 33.5076 35.1743 35 33.3333 35ZM16.6666 11.6667V31.6667H33.3333V11.6667H16.6666ZM6.66665 11.6667V31.6667H13.3333V11.6667H6.66665Z\" fill=\"#2E3A59\" />\n    </svg>\n  )\n}\n\nexport const ChevronLeftIcon = ({ className }: IconProps) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n      <path fillRule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clipRule=\"evenodd\" />\n    </svg>\n  )\n}\n\nexport const ChevronRightIcon = ({ className }: IconProps) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n      <path fillRule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clipRule=\"evenodd\" />\n    </svg>\n  )\n}\n\nexport const MoonIcon = ({ className }: IconProps) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n      <path d=\"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z\" />\n    </svg>\n  )\n}\n\nexport const SunIcon = ({ className }: IconProps) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n      <path fillRule=\"evenodd\" d=\"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z\" clipRule=\"evenodd\" />\n    </svg>\n  )\n}\n\nexport const CopyLinkIcon = ({ className }: IconProps) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\" />\n    </svg>\n  )\n}\n\nexport const CopyLinkSuccessIcon = ({ className }: IconProps) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" />\n    </svg>\n  )\n}","import React, { useState, Fragment } from 'react';\nimport { Dialog, Transition } from '@headlessui/react'\n\ntype Props = {\n  title: string,\n  isOpen: boolean,\n  setIsOpen: (open: boolean) => void,\n  children: JSX.Element,\n  buttonMsg: string\n}\n\nconst Modal: React.FunctionComponent<Props> = (props: Props) => {\n  const { title, children, isOpen, setIsOpen, buttonMsg } = props;\n\n  return (\n    <Transition appear show={isOpen} as={Fragment}>\n      <Dialog open={isOpen} onClose={() => setIsOpen(false)} as=\"div\" className=\"fixed inset-0 z-40 overflow-y-auto\">\n\n        <div className=\"min-h-screen px-4 text-center\">\n          <Dialog.Overlay className=\"fixed inset-0 bg-black opacity-30\" />\n\n\n          <span\n            className=\"inline-block h-screen align-middle\"\n            aria-hidden=\"true\"\n          >\n            &#8203;\n          </span>\n          <Transition.Child\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0 scale-95\"\n            enterTo=\"opacity-100 scale-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100 scale-100\"\n            leaveTo=\"opacity-0 scale-95\"\n          >\n            <div className=\"inline-block w-full max-w-md p-6 my-8 overflow-hidden text-left align-middle transition-all transform bg-panelBackgroundColour dark:bg-gray-700 shadow-xl rounded-2xl\">\n              <Dialog.Title\n                as=\"h3\"\n                className=\"text-lg font-medium leading-6 text-primaryColour dark:text-white\"\n              >\n                {title}\n              </Dialog.Title>\n              <div className=\"mt-2\">\n                {children}\n              </div>\n\n              <div className=\"mt-4\">\n                <button\n                  type=\"button\"\n                  className=\"inline-flex justify-center px-4 py-2 text-sm font-medium text-secondaryColour bg-blue-500 border border-transparent rounded-md hover:bg-blue-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500\"\n                  onClick={() => setIsOpen(false)}\n                >\n                  {buttonMsg}\n                </button>\n              </div>\n            </div>\n          </Transition.Child>\n        </div>\n      </Dialog>\n    </Transition>\n  )\n}\n\nexport default Modal;","import React, { useState } from 'react';\nimport { KeyBindings } from 'types/reader.types'\n\ntype Props = {\n  settings: KeyBindings,\n  setSettings: (newSettings: KeyBindings) => void\n}\n\nconst HotKeys: React.FunctionComponent<Props> = (props: Props) => {\n  const { settings } = props;\n\n  return (\n    <div>\n      <div className=\"flex flex-row space-x-4\">\n        <h1 className=\"flex-grow\">Previous Page:</h1>\n        <h1>{settings.previousPage}</h1>\n      </div>\n      <div className=\"flex flex-row space-x-4\">\n        <h1 className=\"flex-grow\">Next Page:</h1>\n        <h1>{settings.nextPage}</h1>\n      </div>\n      <div className=\"flex flex-row space-x-4\">\n        <h1 className=\"flex-grow\">Previous Chapter:</h1>\n        <h1>{settings.previousChapter}</h1>\n      </div>\n      <div className=\"flex flex-row space-x-4\">\n        <h1 className=\"flex-grow\">Next Chapter:</h1>\n        <h1>{settings.nextChapter}</h1>\n      </div>\n    </div>\n  )\n}\n\nexport default HotKeys;","import React, { useState } from 'react';\nimport { CopyLinkIcon, CopyLinkSuccessIcon } from './Icons';\n\nconst Share: React.FunctionComponent = () => {\n\n  const [copySuccess, setCopySuccess] = useState(false);\n\n  function sleep(ms: number) {\n    return new Promise(resolve => setTimeout(resolve, ms));\n  }\n\n  const handleOnClick = async () => {\n    setCopySuccess(true);\n    navigator.clipboard.writeText(window.location.href)\n    await sleep(2000);\n    setCopySuccess(false);\n  }\n\n  return (\n    <>\n      <button onClick={() => handleOnClick()}>\n        {\n          copySuccess ? <CopyLinkSuccessIcon/> : <CopyLinkIcon/>\n        }\n      </button>\n    </>\n  );\n}\n\nexport default Share;\n","import React, { useState } from 'react';\r\nimport { Link, useHistory } from 'react-router-dom'\r\n\r\nimport { ReaderSettings, ReaderMode, KeyBindings, ImageSizing, Chapter, Page } from 'types/reader.types';\r\nimport useTheme from 'hooks/useTheme'\r\nimport colourThemes from 'types/theme.types'\r\nimport 'components/MangaControl.css';\r\nimport {\r\n  TitleIcon,\r\n  BookmarkIcon,\r\n  BookOpenIcon,\r\n  CheckMarkIcon,\r\n  ColorSwatchIcon,\r\n  PhotographIcon,\r\n  LeftArrowIcon,\r\n  RightArrowIcon,\r\n  DownloadIcon,\r\n  ShareIcon,\r\n  RssIcon,\r\n  ChevronLeftIcon,\r\n  ChevronRightIcon,\r\n} from 'components/Icons'\r\nimport Logo from 'assets/logo/logo.svg'\r\n\r\nimport Modal from './Modal';\r\nimport HotKeys from './HotKeys';\r\nimport Share from './Share';\r\n\r\ntype Props = {\r\n  mangaName: string,\r\n  mangafile: string,\r\n  mangaType: string,\r\n  readerSettings: ReaderSettings,\r\n  updateReaderSettings: (newReaderSettings: Partial<ReaderSettings>) => void,\r\n  keyBindings: KeyBindings,\r\n  setKeyBindings: (newKeyBindings: KeyBindings) => void,\r\n  chapters: Chapter[],\r\n  chapter: number,\r\n  nextChapter: () => void,\r\n  previousChapter: () => void,\r\n  updateChapter: (newChapter: number) => void,\r\n  page: number,\r\n  pages: Page[],\r\n  nextPage: () => void,\r\n  previousPage: () => void,\r\n  updatePage: (newPage: number) => void,\r\n}\r\n\r\nconst MangaControl: React.FunctionComponent<Props> = (props: Props) => {\r\n  const history = useHistory();\r\n  const { readerSettings, updateReaderSettings, keyBindings, setKeyBindings, chapter, chapters, updateChapter, page, pages, updatePage, mangaType } = props;\r\n\r\n  const [colourMode, setColourMode] = useTheme();\r\n  const colourThemeValues = Object.keys(colourThemes)\r\n  const toggleMenuState = () => {\r\n    updateReaderSettings({ menuOpen: !readerSettings.menuOpen, });\r\n  };\r\n  const changeReaderMode = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    updateReaderSettings({ readerMode: event.currentTarget.value as ReaderMode });\r\n  };\r\n  const changeImageSizing = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    updateReaderSettings({ imageSizing: event.currentTarget.value as ImageSizing });\r\n  };\r\n  const changeColourTheme = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    setColourMode(event.currentTarget.value)\r\n    updateReaderSettings({ colourTheme: event.currentTarget.value });\r\n  };\r\n  const toggleAutoLoadChapter = () => {\r\n    updateReaderSettings({ autoLoadChapter: !readerSettings.autoLoadChapter })\r\n  }\r\n\r\n  const changeChapter = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    updateChapter(+event.currentTarget.value);\r\n  };\r\n  const changePage = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    updatePage(+event.currentTarget.value);\r\n  };\r\n\r\n  const [isOpenHotKeys, setIsOpenHotKeys] = useState(false);\r\n\r\n  const [isOpenShare, setIsOpenShare] = useState(false);\r\n\r\n  return (\r\n    <div className=\"menuWrapper no-scrollbar pr-12\">\r\n      <div className={readerSettings.menuOpen ? \"menu\" : \"menu menu-closed\"}>\r\n        <div className=\"absolute right-0 flex justify-center items-center vertical-center mr-2 h-20\">\r\n          <button onClick={() => { toggleMenuState() }} className=\"bg-panelBackgroundColour dark:bg-gray-700 p-2 shadow-lg rounded\">\r\n            {readerSettings.menuOpen ? <LeftArrowIcon /> : <RightArrowIcon />}\r\n          </button>\r\n        </div>\r\n\r\n        <div>\r\n          <TitleIcon className=\"float-left mr-2\" />\r\n          <div className=\"heading\">\r\n            <Link to={`/manga/${props.mangafile}`}>\r\n              {props.mangaName}\r\n            </Link>\r\n            <CheckMarkIcon className=\"inline-block\" />\r\n          </div>\r\n        </div>\r\n        <div className=\"control\">\r\n          <div className=\"control-title\">\r\n            <BookmarkIcon />\r\n            <div className=\"title\">Chapter</div>\r\n          </div>\r\n          <div className=\"control-title\">\r\n            <button onClick={() => props.previousChapter()}>\r\n              <ChevronLeftIcon className=\"flex-none\" />\r\n            </button>\r\n            <select className=\"subtitle dropdown flex-grow\" onChange={changeChapter} value={chapter}>\r\n              {Object.values(chapters).map((chapter: Chapter, index: number) =>\r\n                (<option className=\"subtitle\" value={index} key={index}>{index + 1}</option>)\r\n              )}\r\n            </select>\r\n            <button onClick={() => props.nextChapter()}>\r\n              <ChevronRightIcon className=\"flex-none\" />\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"control\">\r\n          <div className=\"control-title\">\r\n            <BookmarkIcon />\r\n            <div className=\"title\">Page</div>\r\n          </div>\r\n          <div className=\"control-title\">\r\n            <button onClick={() => props.previousPage()}>\r\n              <ChevronLeftIcon className=\"flex-none\" />\r\n            </button>\r\n            <select className=\"subtitle dropdown flex-grow\" onChange={changePage} value={page}>\r\n              {Object.values(pages).map((page: Page, index: number) =>\r\n                (<option className=\"subtitle\" value={index} key={index}>{index + 1}</option>)\r\n              )}\r\n            </select>\r\n            <button onClick={() => props.nextPage()}>\r\n              <ChevronRightIcon className=\"flex-none\" />\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"control\">\r\n          <div className=\"control-title\">\r\n            <BookOpenIcon />\r\n            <div className=\"title\">Reading Mode</div>\r\n          </div>\r\n          <select className=\"subtitle dropdown\" onChange={changeReaderMode} value={readerSettings.readerMode}>\r\n            {Object.values(ReaderMode).map((readerMode: string) => {\r\n              if (mangaType === 'manga' || readerMode === 'Long Strip') {\r\n                return (<option className=\"subtitle\" value={readerMode} key={readerMode}>{readerMode}</option>)\r\n              }\r\n            }\r\n            )}\r\n          </select>\r\n        </div>\r\n\r\n        <div className=\"control\">\r\n          <div className=\"control-title\">\r\n            <PhotographIcon />\r\n            <div className=\"title\">Image Size</div>\r\n          </div>\r\n          <select className=\"subtitle dropdown\" onChange={changeImageSizing} value={readerSettings.imageSizing}>\r\n            {Object.values(ImageSizing).map((item: string) => {\r\n              if (mangaType === 'manga' || item === 'Original') {\r\n                return (<option className=\"subtitle\" value={item} key={item}>{item}</option>)\r\n              }\r\n            }\r\n            )}\r\n          </select>\r\n        </div>\r\n\r\n        <div className=\"control\">\r\n          <div className=\"control-title\">\r\n            <ColorSwatchIcon />\r\n            <div className=\"title\">Colour Theme</div>\r\n          </div>\r\n          <div className=\"control-title\">\r\n            <select className=\"subtitle dropdown w-full\" onChange={changeColourTheme} value={readerSettings.colourTheme}>\r\n              {Object.values(colourThemeValues).map((item: string) =>\r\n                (<option className=\"subtitle\" value={item} key={item}>{item}</option>)\r\n              )}\r\n            </select>\r\n          </div>\r\n\r\n        </div>\r\n        <div>\r\n          <button onClick={() => setIsOpenHotKeys(true)} className=\"bg-backgroundColour text-secondaryColour rounded py-2 px-4 hover:bg-primaryColour hover:text-panelBackgroundColour\">\r\n            HotKeys\r\n          </button>\r\n          <Modal title={'HotKeys'} isOpen={isOpenHotKeys} setIsOpen={setIsOpenHotKeys} buttonMsg=\"Close\">\r\n            <HotKeys settings={keyBindings} setSettings={setKeyBindings} />\r\n          </Modal>\r\n        </div>\r\n        <div className=\"regular\">\r\n          <input type=\"checkbox\" id=\"autoLoadChapter\" checked={readerSettings.autoLoadChapter} onChange={() => toggleAutoLoadChapter()} />\r\n          <label htmlFor=\"autoLoadChapter\" className=\"px-2\">Autoload next/previous chapters</label>\r\n        </div>\r\n        <div className=\"control-title\">\r\n          <button onClick={() => setIsOpenShare(true)}>\r\n            <ShareIcon />\r\n          </button>\r\n          <Modal title={'Share'} isOpen={isOpenShare} setIsOpen={setIsOpenShare} buttonMsg=\"Close\">\r\n            <Share></Share>\r\n          </Modal>\r\n          <button>\r\n            <RssIcon />\r\n          </button>\r\n          <button>\r\n            <DownloadIcon />\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default MangaControl;\r\n","import React, { useRef, MouseEvent } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { Helmet } from 'react-helmet-async';\nimport { InView } from 'react-intersection-observer';\n\nimport Loader from 'components/Loader'\nimport MangaControl from 'components/MangaControl';\nimport 'pages/Reader.css';\n\nimport { ReaderSettings, KeyBindings, ReaderMode, ImageSizing, Page, Chapter, StorageKey, Metadata } from 'types/reader.types';\n\nimport { fetchZip, extractZip, ZipInfo } from 'services/archive.service';\nimport { getPages, getChapters, getImage, getMetadata } from 'utils/requests';\nimport queryString from 'query-string';\nimport { API_URL } from 'config';\n\ninterface State {\n  zipped: ZipInfo[],\n  images: string[],\n  imageFiles: string[],\n  pageCount: number,\n  mangafile: string,\n  chapter: number,\n  chapters: Chapter[],\n  page: number,\n  pages: Page[],\n  metadata: Metadata | Record<string, never>,\n  loaded: boolean,\n  readerSettings: ReaderSettings,\n  keyBindings: KeyBindings,\n}\n\nclass Reader extends React.Component<any, State> {\n  myRef: React.RefObject<HTMLImageElement>; // fix typing up\n\n  constructor(props: any) {\n    super(props);\n    let readerSettings = {\n      readerMode: ReaderMode.longStrip,\n      imageSizing: ImageSizing.fitHeight,\n      colourTheme: 'Light',\n      menuOpen: true,\n      autoLoadChapter: true,\n    }\n\n    const savedSettings = localStorage.getItem(StorageKey.carrotSettings);\n    if (savedSettings) {\n      try {\n        const parsedSettings: Partial<ReaderSettings> = JSON.parse(savedSettings)\n        readerSettings = { ...readerSettings, ...parsedSettings }\n      }\n      catch (err) {\n        console.log('No settings found.')\n      }\n    }\n\n    let keyBindings = {\n      previousPage: \"k\",\n      nextPage: \"j\",\n      previousChapter: \"h\",\n      nextChapter: \"l\",\n    }\n    const keyBindingsLocal = localStorage.getItem('carrotKeyBindings')\n    if (keyBindingsLocal) {\n      try {\n        const keyBindingsParsed: Partial<KeyBindings> = JSON.parse(keyBindingsLocal);\n        keyBindings = { ...keyBindings, ...keyBindingsParsed }\n      } catch (err) {\n        console.log('Key Binding settings not found.')\n      }\n    }\n\n    this.state = {\n      zipped: [],\n      images: [],\n      imageFiles: [],\n      pageCount: 0,\n      mangafile: this.props.match.params.mangafile,\n      chapter: this.props.match.params.chapter - 1,\n      chapters: [],\n      page: this.props.match.params.page - 1,\n      pages: [],\n      metadata: {},\n      loaded: false,\n      readerSettings,\n      keyBindings,\n    };\n\n    this.myRef = React.createRef();\n  }\n\n  loadImage = async (src: string) => {\n    const img = new Image();\n    img.src = src;\n    return img;\n  }\n\n  queryManga = async () => {\n    let metadata: Metadata | Record<string, never>= {};\n    try {\n      metadata = await getMetadata(this.state.mangafile);\n    } catch (err) {\n      this.props.history.push('/404');\n    }\n    let chapters: Chapter[] = [];\n    try {\n      chapters = await getChapters(this.state.mangafile);\n    } catch (err) {\n      this.props.history.push('/404');\n      return;\n    }\n    const pages = await getPages(this.state.mangafile, chapters[this.state.chapter].name);\n    this.setState({\n      chapters,\n      pages,\n      metadata,\n    });\n  }\n\n  loadPage = async (pageNumber = -1) => {\n    if (pageNumber === -1) {\n      // load everything\n      const images: string[] = [];\n      const promises: (() => void)[] = [];\n      const imageFiles = []\n      for (let i = 0; i < this.state.pages.length; i += 1) {\n        images.push(`${API_URL}/${this.state.mangafile}/jpg/` +\n          `${this.state.chapters[this.state.chapter].name}/` +\n          `${this.state.pages[i].name}`);\n        imageFiles.push('')\n        const loadFunction = async (url: string, index: number) => {\n          const file = await getImage(url);\n          const imageFiles = this.state.imageFiles\n          imageFiles[index] = `data:image/png;base64,${file}`;\n          this.setState({\n            imageFiles\n          })\n        }\n        promises.push(() => loadFunction(images[i], i))\n      }\n\n      this.setState({\n        images,\n        imageFiles,\n        loaded: true,\n      }, () => {\n        this.myRef?.current?.scrollIntoView()\n        promises.map(task => task())\n      });\n    }\n  }\n\n  scrollDown = () => {\n    window.scrollBy({top: window.innerHeight*0.8, left: 0, behavior: 'smooth'}) \n  }\n\n  scrollUp = () => {\n    window.scrollBy({top: (window.innerHeight) * -0.8, left: 0, behavior: 'smooth'}) \n  }\n\n  updateReaderSettings = (newReaderSettings: Partial<ReaderSettings>, updateLocalStorage = true) => {\n    const readerSettings = { ...this.state.readerSettings, ...newReaderSettings }\n    this.setState(curState => ({\n      ...curState,\n      readerSettings,\n    }), () => {\n      if (newReaderSettings.readerMode === ReaderMode.longStrip) {\n        this.myRef.current?.scrollIntoView()\n      }\n    });\n    if (updateLocalStorage) {\n      localStorage.setItem(StorageKey.carrotSettings, JSON.stringify(readerSettings))\n    }\n  }\n\n  updateChapter = async (newChapter: number, previousPage = false) => {\n    let newPage = 1;\n    if (previousPage) {\n      const previousPages = await getPages(this.state.mangafile, this.state.chapters[this.state.chapter - 1].name)\n      newPage = previousPages.length\n    }\n    this.props.history.push(`/read/${this.state.mangafile}/${newChapter + 1}/${newPage}`);\n    this.props.history.go(0);\n  }\n\n  updatePage = (newPage: number, scroll = false) => {\n    this.props.history.replace({ pathname: `/read/${this.state.mangafile}/${this.props.match.params.chapter}/${newPage + 1}` })\n    this.setState(curState => ({\n      ...curState,\n      page: newPage,\n    }), () => {\n      if (!scroll && this.state.loaded) {\n          this.myRef?.current?.scrollIntoView()\n      }\n    })\n  }\n\n  nextChapter = () => {\n    if (this.state.chapter + 1 < this.state.chapters.length) {\n      this.updateChapter(this.state.chapter + 1)\n    }\n  };\n\n  previousChapter = (previousPage = false) => {\n    if (this.state.chapter - 1 >= 0) {\n      this.updateChapter(this.state.chapter - 1, previousPage)\n    }\n  };\n\n  nextPage = (clicked = false) => {\n    if (this.state.page + 1 < this.state.pages.length) {\n      if (this.state.metadata.type !== 'manga' && clicked) {\n        this.scrollDown()\n      } else {\n        this.updatePage(this.state.page + 1)\n      }\n    }\n    else if (this.state.readerSettings.autoLoadChapter) {\n      this.nextChapter();\n    }\n  };\n\n  previousPage = (clicked = false) => {\n    if (this.state.page - 1 >= 0) {\n      if (this.state.metadata.type !== 'manga' && clicked) {\n        this.scrollUp()\n      } else {\n        this.updatePage(this.state.page - 1)\n      }\n    }\n    else if (this.state.readerSettings.autoLoadChapter) {\n      this.previousChapter(true);\n    }\n  };\n\n  checkVisible = (inView: boolean, ind: number) => {\n    if (inView) {\n      this.updatePage(ind, true)\n    }\n  }\n\n  toClasses = (index: number) => {\n    let classes = '';\n    const options = [];\n    if (this.state.metadata.type !== 'manga') {\n      options.push(ReaderMode.longStrip)\n      options.push(ImageSizing.original)\n    } else {\n      options.push(this.state.readerSettings.readerMode)\n      options.push(this.state.readerSettings.imageSizing)\n    }\n\n    for (let i = 0; i < options.length; i += 1) {\n      classes += options[i].split(' ').join('') + ' ';\n    }\n    if (this.state.readerSettings.readerMode === ReaderMode.singlePage && index !== this.state.page && this.state.metadata.type === 'manga') {\n      classes += 'hidden'\n    }\n    return classes;\n  }\n\n  handleMouseEvent = (e: MouseEvent<HTMLDivElement>) => {\n    if (e.pageX < window.innerWidth * 0.5) {\n      this.previousPage(true);\n    } else {\n      this.nextPage(true);\n    }\n  }\n\n  setKeyBindings = (newKeyBindings: Partial<KeyBindings>) => {\n    const keyBindings = { ...this.state.keyBindings, ...newKeyBindings }\n    this.setState(curState => ({\n      ...curState,\n      keyBindings\n    }));\n    localStorage.setItem(\"carrotKeyBindings\", JSON.stringify(keyBindings))\n  }\n\n  handleHotKeys = (event: KeyboardEvent) => {\n    const key = event.key;\n    if (key === this.state.keyBindings.previousPage || key === \"ArrowLeft\") {\n      this.previousPage()\n    }\n    if (key === this.state.keyBindings.nextPage || key === \"ArrowRight\") {\n      this.nextPage()\n    }\n    if (key === this.state.keyBindings.previousChapter) {\n      this.previousChapter()\n    }\n    if (key === this.state.keyBindings.nextChapter) {\n      this.nextChapter()\n    }\n  }\n\n  async componentDidMount() {\n    await this.queryManga();\n    await this.loadPage();\n    document.addEventListener(\"keydown\", this.handleHotKeys, false)\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener(\"keydown\", this.handleHotKeys, false)\n  }\n\n  render() {\n    return (\n      <div>\n        <Helmet>\n          <title>{this.state.metadata.title || 'Manga'} | Carrot Reader</title>\n        </Helmet>\n        <MangaControl\n          mangaName={this.state.metadata.title || 'Manga'}\n          mangafile={this.state.mangafile}\n          readerSettings={this.state.readerSettings}\n          mangaType={this.state.metadata.type}\n          updateReaderSettings={this.updateReaderSettings}\n          keyBindings={this.state.keyBindings}\n          setKeyBindings={this.setKeyBindings}\n          chapter={this.state.chapter}\n          chapters={this.state.chapters}\n          nextChapter={this.nextChapter}\n          previousChapter={this.previousChapter}\n          updateChapter={this.updateChapter}\n          page={this.state.page}\n          pages={this.state.pages}\n          nextPage={this.nextPage}\n          previousPage={this.previousPage}\n          updatePage={this.updatePage}\n        ></MangaControl>\n\n        <div onMouseDown={this.handleMouseEvent} className=\"mangaimage-container\">\n          {\n            this.state.pages.map((page, ind) => {\n              let ref;\n              if (this.state.page === ind) {\n                ref = this.myRef;\n              }\n              return (\n                <InView\n                  as=\"div\"\n                  key={ind}\n                  threshold={0.1}\n                  onChange={(inView, entry) => this.checkVisible(inView, ind)}\n                  className={this.toClasses(ind)}\n                >\n                  {\n                    (this.state.imageFiles[ind] !== \"\") ?\n                      <img src={this.state.imageFiles[ind]} ref={ref} className=\"w-full h-full object-contain\" />\n                      :\n                      <Loader refImg={ref} classProps=\"loader-read\" />\n                  }\n\n                </InView>\n              )\n            })\n          }\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default withRouter(Reader);\n","import React, { Fragment } from 'react';\r\nimport { Link, withRouter } from 'react-router-dom'\r\nimport { Helmet } from 'react-helmet-async'\r\n\r\nimport { Metadata, Chapter } from 'types/reader.types'\r\nimport { getMetadata, getChapters } from 'utils/requests'\r\nimport { PLACEHOLDER_IMG } from 'config';\r\nimport Loader from 'components/Loader';\r\n\r\ninterface State {\r\n  mangafile: string,\r\n  metadata: Metadata | Record<string, never> ,\r\n  chapters: Chapter[],\r\n}\r\nclass Manga extends React.Component<any, State> {\r\n  constructor(props: any) {\r\n    super(props);\r\n    this.state = {\r\n      mangafile: this.props.match.params.mangafile,\r\n      metadata: {},\r\n      chapters: [],\r\n    }\r\n  }\r\n\r\n  queryManga = async () => {\r\n    let metadata: Metadata | Record<string, never>= {};\r\n    try {\r\n      metadata = await getMetadata(this.state.mangafile);\r\n    } catch (err) {\r\n      this.props.history.push('/404');\r\n    }\r\n    let chapters: Chapter[] = [];\r\n    try {\r\n      chapters = await getChapters(this.state.mangafile);\r\n    } catch (err) {\r\n      this.props.history.push('/404');\r\n      return;\r\n    }\r\n    this.setState({\r\n      chapters,\r\n      metadata,\r\n    });\r\n  }\r\n\r\n\r\n  async componentDidMount() {\r\n    await this.queryManga();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"p-6 bg-backgroundColour text-secondaryColour\">\r\n        <Helmet>\r\n          <title>{this.state.metadata.title || 'Manga'} | Carrot Reader</title>\r\n        </Helmet>\r\n\r\n        <div className=\"h-20\"></div>\r\n        {\r\n          this.state.metadata.title ? \r\n          <h1 className=\"heading\">{this.state.metadata.title || 'Manga'}</h1> :\r\n          <div className=\"w-72 h-20\"><Loader/></div>\r\n        }\r\n        <div className=\"flex flex-wrap bg-panelBackgroundColour rounded-md inline-flex\">\r\n        {\r\n          this.state.metadata.title ? \r\n          (\r\n            <Fragment>\r\n              <img src={this.state.metadata.cover_image || PLACEHOLDER_IMG} className=\"rounded-md w-72\" alt=\"Cover Image\" />\r\n              <p className=\"regular w-96 p-4\">{this.state.metadata.description || 'No description available.'}</p>\r\n            </Fragment>\r\n          ):\r\n          (\r\n            <Fragment>\r\n              <div className=\"w-72 h-96\"><Loader/></div>\r\n              <div className=\"w-72 h-96\"><Loader/></div>\r\n            </Fragment>\r\n          )\r\n        }\r\n       </div>\r\n       <div className=\"flex flex-wrap pt-5\">\r\n         {\r\n           this.state.chapters.map((chapter, index) => {\r\n             return (\r\n               <Link key={index} className=\"bg-panelBackgroundColour rounded-lg mr-2 mt-2 p-2 w-32\" to={`/read/${this.state.mangafile}/${index+1}/1`}>Chapter {index+1}</Link>\r\n             )\r\n           })\r\n         }\r\n       </div>\r\n     </div>\r\n    )\r\n  }\r\n}\r\n\r\nexport default withRouter(Manga);","export default __webpack_public_path__ + \"static/media/logo.be72ee23.svg\";","import React, { Component, useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router';\r\n\r\nimport Logo from 'assets/logo/logo.svg'\r\nimport './Layout.css'\r\nimport useTheme from 'hooks/useTheme'\r\nimport { SunIcon, MoonIcon } from 'components/Icons'\r\nimport { Link } from 'react-router-dom'\r\n\r\ntype layoutProps = {\r\n  children: JSX.Element\r\n}\r\n\r\nconst Layout = (props: layoutProps) => {\r\n  const history = useHistory();\r\n\r\n  const [colorTheme, setTheme] = useTheme()\r\n  const [notReader, setReader] = useState(false)\r\n\r\n  history.listen(() => {\r\n    if (history.location.pathname.substring(0, 5) == \"/read\") {\r\n      setReader(false)\r\n    } else {\r\n      setReader(true)\r\n    }\r\n  })\r\n\r\n  return (\r\n    <div>\r\n      {\r\n        notReader &&\r\n        <div className=\"nav\">\r\n          <Link to=\"/\">\r\n            <button>\r\n              <img src={Logo} alt=\"Logo\" />\r\n            </button>\r\n          </Link>\r\n          <h1 className=\"title pl-4\">Karatsuba Scan&apos;s Carrot Reader</h1>\r\n        </div>\r\n      }\r\n        {/*\r\n\r\n        <button className=\"absolute dark:text-white text-primaryColour p-2 m-2 right-4 inset-y-0\" onClick={() => setTheme(colorTheme)}>\r\n          {colorTheme === \"light\" ? (<MoonIcon />) : (<SunIcon />)}\r\n          {colorTheme}\r\n        </button>\r\n\r\n        */}\r\n\r\n\r\n      <main>{props.children}</main>\r\n    </div>\r\n  );\r\n\r\n}\r\n\r\nexport default Layout;\r\n","import React from 'react';\n\nconst NotFound: React.FunctionComponent = () => {\n  return (\n    <div className=\"header flex items-center justify-center h-screen\">\n      <h1>\n        Sorry, but we could not find what you asked for.\n      </h1>\n    </div>\n  )\n}\n\nexport default NotFound;","import React from 'react';\r\nimport './App.css';\r\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\r\nimport { HelmetProvider } from 'react-helmet-async'\r\n\r\nimport Home from 'pages/Home';\r\nimport Reader from 'pages/Reader';\r\nimport Manga from 'pages/Manga';\r\nimport Layout from './components/Layout'\r\nimport NotFound from 'pages/NotFound'\r\n\r\nfunction App() {\r\n  return (\r\n    <HelmetProvider>\r\n      <Router>\r\n        <Layout>\r\n          <Switch>\r\n            <Route exact path=\"/\"><Home /></Route>\r\n            <Route exact path=\"/read/:mangafile/:chapter/:page\"><Reader /></Route>\r\n            <Route exact path=\"/manga/:mangafile\"><Manga /></Route>\r\n            <Route exact><NotFound /></Route>\r\n          </Switch>\r\n        </Layout>\r\n      </Router>\r\n    </HelmetProvider>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}