Use yaml-static in Dockerfile

2026-01-24 00:03:14 -05:00 · 2021-08-18 19:42:32 +09:00
64 changed files with 2066 additions and 3038 deletions
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -104,33 +104,6 @@
      "contributions": [
        "infra"
      ]
-    },
-    {
-      "login": "lincolnthedev",
-      "name": "i use arch btw",
-      "avatar_url": "https://avatars.githubusercontent.com/u/41193328?v=4",
-      "profile": "https://lncn.dev",
-      "contributions": [
-        "infra"
-      ]
-    },
-    {
-      "login": "BradleyDS2",
-      "name": "BradleyDS2",
-      "avatar_url": "https://avatars.githubusercontent.com/u/2174921?v=4",
-      "profile": "https://github.com/BradleyDS2",
-      "contributions": [
-        "doc"
-      ]
-    },
-    {
-      "login": "nduja",
-      "name": "Robbo",
-      "avatar_url": "https://avatars.githubusercontent.com/u/69299134?v=4",
-      "profile": "https://github.com/nduja",
-      "contributions": [
-        "code"
-      ]
    }
  ],
  "contributorsPerLine": 7,
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,9 +1,2 @@
 node_modules
 lib
-Dockerfile
-Dockerfile.arm32v7
-Dockerfile.arm64v8
-README.md
-.all-contributorsrc
-env.example
-.github/
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -12,7 +12,7 @@ jobs:

    runs-on: ubuntu-latest
    container:
-      image: crystallang/crystal:1.0.0-alpine
+      image: crystallang/crystal:0.36.1-alpine

    steps:
    - uses: actions/checkout@v2
--- a/2
+++ b/2
@@ -1,4 +1,4 @@
-FROM crystallang/crystal:1.0.0-alpine AS builder
+FROM crystallang/crystal:0.36.1-alpine AS builder

 WORKDIR /Mango

--- a/Dockerfile.arm32v7
+++ b/Dockerfile.arm32v7
@@ -2,10 +2,10 @@ FROM arm32v7/ubuntu:18.04

 RUN apt-get update && apt-get install -y wget git make llvm-8 llvm-8-dev g++ libsqlite3-dev libyaml-dev libgc-dev libssl-dev libcrypto++-dev libevent-dev libgmp-dev zlib1g-dev libpcre++-dev pkg-config libarchive-dev libxml2-dev libacl1-dev nettle-dev liblzo2-dev liblzma-dev libbz2-dev libjpeg-turbo8-dev libpng-dev libtiff-dev

-RUN git clone https://github.com/crystal-lang/crystal && cd crystal && git checkout 1.0.0 && make deps && cd ..
-RUN git clone https://github.com/kostya/myhtml && cd myhtml/src/ext && git checkout v1.5.8 && make && cd ..
-RUN git clone https://github.com/jessedoyle/duktape.cr && cd duktape.cr/ext && git checkout v1.0.0 && make && cd ..
-RUN git clone https://github.com/hkalexling/image_size.cr && cd image_size.cr && git checkout v0.5.0 && make && cd ..
+RUN git clone https://github.com/crystal-lang/crystal && cd crystal && git checkout 0.36.1 && make deps && cd ..
+RUN git clone https://github.com/kostya/myhtml && cd myhtml/src/ext && git checkout v1.5.0 && make && cd ..
+RUN git clone https://github.com/jessedoyle/duktape.cr && cd duktape.cr/ext && git checkout v0.20.0 && make && cd ..
+RUN git clone https://github.com/hkalexling/image_size.cr && cd image_size.cr && git checkout v0.2.0 && make && cd ..

 COPY mango-arm32v7.o .

--- a/Dockerfile.arm64v8
+++ b/Dockerfile.arm64v8
@@ -2,10 +2,10 @@ FROM arm64v8/ubuntu:18.04

 RUN apt-get update && apt-get install -y wget git make llvm-8 llvm-8-dev g++ libsqlite3-dev libyaml-dev libgc-dev libssl-dev libcrypto++-dev libevent-dev libgmp-dev zlib1g-dev libpcre++-dev pkg-config libarchive-dev libxml2-dev libacl1-dev nettle-dev liblzo2-dev liblzma-dev libbz2-dev libjpeg-turbo8-dev libpng-dev libtiff-dev

-RUN git clone https://github.com/crystal-lang/crystal && cd crystal && git checkout 1.0.0 && make deps && cd ..
-RUN git clone https://github.com/kostya/myhtml && cd myhtml/src/ext && git checkout v1.5.8 && make && cd ..
-RUN git clone https://github.com/jessedoyle/duktape.cr && cd duktape.cr/ext && git checkout v1.0.0 && make && cd ..
-RUN git clone https://github.com/hkalexling/image_size.cr && cd image_size.cr && git checkout v0.5.0 && make && cd ..
+RUN git clone https://github.com/crystal-lang/crystal && cd crystal && git checkout 0.36.1 && make deps && cd ..
+RUN git clone https://github.com/kostya/myhtml && cd myhtml/src/ext && git checkout v1.5.0 && make && cd ..
+RUN git clone https://github.com/jessedoyle/duktape.cr && cd duktape.cr/ext && git checkout v0.20.0 && make && cd ..
+RUN git clone https://github.com/hkalexling/image_size.cr && cd image_size.cr && git checkout v0.2.0 && make && cd ..

 COPY mango-arm64v8.o .

--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@

 # Mango

-[![Patreon](https://img.shields.io/badge/support-patreon-brightgreen?link=https://www.patreon.com/hkalexling)](https://www.patreon.com/hkalexling) ![Build](https://github.com/hkalexling/Mango/workflows/Build/badge.svg) [![Gitter](https://badges.gitter.im/mango-cr/mango.svg)](https://gitter.im/mango-cr/mango?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [![Discord](https://img.shields.io/discord/855633663425118228?label=discord)](http://discord.com/invite/ezKtacCp9Q)
+[![Patreon](https://img.shields.io/badge/support-patreon-brightgreen?link=https://www.patreon.com/hkalexling)](https://www.patreon.com/hkalexling) ![Build](https://github.com/hkalexling/Mango/workflows/Build/badge.svg) [![Gitter](https://badges.gitter.im/mango-cr/mango.svg)](https://gitter.im/mango-cr/mango?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

 Mango is a self-hosted manga server and reader. Its features include

@@ -13,7 +13,8 @@ Mango is a self-hosted manga server and reader. Its features include
 - Supports nested folders in library
 - Automatically stores reading progress
 - Thumbnail generation
- Supports [plugins](https://github.com/hkalexling/mango-plugins) to download from third-party sites
+- Built-in [MangaDex](https://mangadex.org/) downloader
+- Supports [plugins](https://github.com/hkalexling/mango-plugins) to download from thrid-party sites
 - The web reader is responsive and works well on mobile, so there is no need for a mobile app
 - All the static files are embedded in the binary, so the deployment process is easy and painless

@@ -51,7 +52,7 @@ The official docker images are available on [Dockerhub](https://hub.docker.com/r
 ### CLI

 ```
-  Mango - Manga Server and Web Reader. Version 0.25.0
+  Mango - Manga Server and Web Reader. Version 0.22.0

  Usage:

@@ -80,26 +81,30 @@ base_url: /
 session_secret: mango-session-secret
 library_path: ~/mango/library
 db_path: ~/mango/mango.db
-queue_db_path: ~/mango/queue.db
 scan_interval_minutes: 5
 thumbnail_generation_interval_hours: 24
 log_level: info
 upload_path: ~/mango/uploads
 plugin_path: ~/mango/plugins
 download_timeout_seconds: 30
-library_cache_path: ~/mango/library.yml.gz
-cache_enabled: false
-cache_size_mbs: 50
-cache_log_enabled: true
+page_margin: 30
 disable_login: false
 default_username: ""
 auth_proxy_header_name: ""
+mangadex:
+  base_url: https://mangadex.org
+  api_url: https://api.mangadex.org/v2
+  download_wait_seconds: 5
+  download_retries: 4
+  download_queue_db_path: ~/mango/queue.db
+  chapter_rename_rule: '[Vol.{volume} ][Ch.{chapter} ]{title|id}'
+  manga_rename_rule: '{title}'
+  subscription_update_interval_hours: 24
 ```

- `scan_interval_minutes`, `thumbnail_generation_interval_hours` can be any non-negative integer. Setting them to `0` disables the periodic tasks
+- `scan_interval_minutes`, `thumbnail_generation_interval_hours` and `db_optimization_interval_hours` can be any non-negative integer. Setting them to `0` disables the periodic tasks
 - `log_level` can be `debug`, `info`, `warn`, `error`, `fatal` or `off`. Setting it to `off` disables the logging
 - You can disable authentication by setting `disable_login` to true. Note that `default_username` must be set to an existing username for this to work.
- By setting `cache_enabled` to `true`, you can enable an experimental feature where Mango caches library metadata to improve page load time. You can further fine-tune the feature with `cache_size_mbs` and `cache_log_enabled`.

 ### Library Structure

@@ -171,9 +176,6 @@ Please check the [development guideline](https://github.com/hkalexling/Mango/wik
    <td align="center"><a href="https://github.com/Leeingnyo"><img src="https://avatars0.githubusercontent.com/u/6760150?v=4?s=100" width="100px;" alt=""/><br /><sub><b>이인용</b></sub></a><br /><a href="https://github.com/hkalexling/Mango/commits?author=Leeingnyo" title="Code">💻</a></td>
    <td align="center"><a href="http://h45h74x.eu.org"><img src="https://avatars1.githubusercontent.com/u/27204033?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon</b></sub></a><br /><a href="https://github.com/hkalexling/Mango/commits?author=h45h74x" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/davidkna"><img src="https://avatars.githubusercontent.com/u/835177?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David Knaack</b></sub></a><br /><a href="#infra-davidkna" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
-    <td align="center"><a href="https://lncn.dev"><img src="https://avatars.githubusercontent.com/u/41193328?v=4?s=100" width="100px;" alt=""/><br /><sub><b>i use arch btw</b></sub></a><br /><a href="#infra-lincolnthedev" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
-    <td align="center"><a href="https://github.com/BradleyDS2"><img src="https://avatars.githubusercontent.com/u/2174921?v=4?s=100" width="100px;" alt=""/><br /><sub><b>BradleyDS2</b></sub></a><br /><a href="https://github.com/hkalexling/Mango/commits?author=BradleyDS2" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://github.com/nduja"><img src="https://avatars.githubusercontent.com/u/69299134?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Robbo</b></sub></a><br /><a href="https://github.com/hkalexling/Mango/commits?author=nduja" title="Code">💻</a></td>
  </tr>
 </table>

--- a/gulpfile.js
+++ b/gulpfile.js
@@ -55,7 +55,7 @@ gulp.task('minify-css', () => {
 gulp.task('copy-files', () => {
 	return gulp.src([
 			'public/*.*',
-			'public/img/**',
+			'public/img/*',
 			'public/webfonts/*',
 			'public/js/*.min.js'
 		], {
--- a/migration/sort_title.12.cr
+++ b/migration/sort_title.12.cr
@@ -1,94 +0,0 @@
-class SortTitle < MG::Base
-  def up : String
-    <<-SQL
-    -- add sort_title column to ids and titles
-    ALTER TABLE ids ADD COLUMN sort_title TEXT;
-    ALTER TABLE titles ADD COLUMN sort_title TEXT;
-    SQL
-  end
-
-  def down : String
-    <<-SQL
-    -- remove sort_title column from ids
-    ALTER TABLE ids RENAME TO tmp;
-
-    CREATE TABLE ids (
-      path TEXT NOT NULL,
-      id TEXT NOT NULL,
-      signature TEXT,
-      unavailable INTEGER NOT NULL DEFAULT 0
-    );
-
-    INSERT INTO ids
-    SELECT path, id, signature, unavailable
-    FROM tmp;
-
-    DROP TABLE tmp;
-
-    -- recreate the indices
-    CREATE UNIQUE INDEX path_idx ON ids (path);
-    CREATE UNIQUE INDEX id_idx ON ids (id);
-
-    -- recreate the foreign key constraint on thumbnails
-    ALTER TABLE thumbnails RENAME TO tmp;
-
-    CREATE TABLE thumbnails (
-      id TEXT NOT NULL,
-      data BLOB NOT NULL,
-      filename TEXT NOT NULL,
-      mime TEXT NOT NULL,
-      size INTEGER NOT NULL,
-      FOREIGN KEY (id) REFERENCES ids (id)
-        ON UPDATE CASCADE
-        ON DELETE CASCADE
-    );
-
-    INSERT INTO thumbnails
-    SELECT * FROM tmp;
-
-    DROP TABLE tmp;
-
-    CREATE UNIQUE INDEX tn_index ON thumbnails (id);
-
-    -- remove sort_title column from titles
-    ALTER TABLE titles RENAME TO tmp;
-
-    CREATE TABLE titles (
-      id TEXT NOT NULL,
-      path TEXT NOT NULL,
-      signature TEXT,
-      unavailable INTEGER NOT NULL DEFAULT 0
-    );
-
-    INSERT INTO titles
-    SELECT id, path, signature, unavailable
-    FROM tmp;
-
-    DROP TABLE tmp;
-
-    -- recreate the indices
-    CREATE UNIQUE INDEX titles_id_idx on titles (id);
-    CREATE UNIQUE INDEX titles_path_idx on titles (path);
-
-    -- recreate the foreign key constraint on tags
-    ALTER TABLE tags RENAME TO tmp;
-
-    CREATE TABLE tags (
-      id TEXT NOT NULL,
-      tag TEXT NOT NULL,
-      UNIQUE (id, tag),
-      FOREIGN KEY (id) REFERENCES titles (id)
-        ON UPDATE CASCADE
-        ON DELETE CASCADE
-    );
-
-    INSERT INTO tags
-    SELECT * FROM tmp;
-
-    DROP TABLE tmp;
-
-    CREATE INDEX tags_id_idx ON tags (id);
-    CREATE INDEX tags_tag_idx ON tags (tag);
-    SQL
-  end
-end
--- a/migration/subscription.12.cr
+++ b/migration/subscription.12.cr
@@ -0,0 +1,31 @@
+class CreateSubscription < MG::Base
+  def up : String
+    # We allow multiple subscriptions for the same manga.
+    # This can be useful for example when you want to download from multiple
+    #   groups.
+    <<-SQL
+    CREATE TABLE subscription (
+      id INTEGER PRIMARY KEY,
+      manga_id INTEGER NOT NULL,
+      language TEXT,
+      group_id INTEGER,
+      min_volume INTEGER,
+      max_volume INTEGER,
+      min_chapter INTEGER,
+      max_chapter INTEGER,
+      last_checked INTEGER NOT NULL,
+      created_at INTEGER NOT NULL,
+      username TEXT NOT NULL,
+      FOREIGN KEY (username) REFERENCES users (username)
+        ON UPDATE CASCADE
+        ON DELETE CASCADE
+    );
+    SQL
+  end
+
+  def down : String
+    <<-SQL
+    DROP TABLE subscription;
+    SQL
+  end
+end
--- a/public/img/icons/icon.png
+++ b/public/img/icons/icon.png
--- a/public/img/icons/icon_x192.png
+++ b/public/img/icons/icon_x192.png
--- a/public/img/icons/icon_x512.png
+++ b/public/img/icons/icon_x512.png
--- a/public/img/icons/icon_x96.png
+++ b/public/img/icons/icon_x96.png
--- a/public/js/admin.js
+++ b/public/js/admin.js
@@ -31,9 +31,6 @@ const component = () => {
 					this.scanMs = data.milliseconds;
 					this.scanTitles = data.titles;
 				})
-				.catch(e => {
-					alert('danger', `Failed to trigger a scan. Error: ${e}`);
-				})
 				.always(() => {
 					this.scanning = false;
 				});
--- a/public/js/download-manager.js
+++ b/public/js/download-manager.js
@@ -55,7 +55,7 @@ const component = () => {
 		jobAction(action, event) {
 			let url = `${base_url}api/admin/mangadex/queue/${action}`;
 			if (event) {
-				const id = event.currentTarget.closest('tr').id.split('-').slice(1).join('-');
+				const id = event.currentTarget.closest('tr').id.split('-')[1];
 				url = `${url}?${$.param({
 					id: id
 				})}`;
--- a/public/js/download.js
+++ b/public/js/download.js
@@ -0,0 +1,379 @@
+const downloadComponent = () => {
+	return {
+		chaptersLimit: 1000,
+		loading: false,
+		addingToDownload: false,
+		searchAvailable: false,
+		searchInput: '',
+		data: {},
+		chapters: [],
+		mangaAry: undefined, // undefined: not searching; []: searched but no result
+		candidateManga: {},
+		langChoice: 'All',
+		groupChoice: 'All',
+		chapterRange: '',
+		volumeRange: '',
+
+		get languages() {
+			const set = new Set();
+			if (this.data.chapters) {
+				this.data.chapters.forEach(chp => {
+					set.add(chp.language);
+				});
+			}
+			const ary = [...set].sort();
+			ary.unshift('All');
+			return ary;
+		},
+
+		get groups() {
+			const set = new Set();
+			if (this.data.chapters) {
+				this.data.chapters.forEach(chp => {
+					Object.keys(chp.groups).forEach(g => {
+						set.add(g);
+					});
+				});
+			}
+			const ary = [...set].sort();
+			ary.unshift('All');
+			return ary;
+		},
+
+		init() {
+			const tableObserver = new MutationObserver(() => {
+				console.log('table mutated');
+				$("#selectable").selectable({
+					filter: 'tr'
+				});
+			});
+			tableObserver.observe($('table').get(0), {
+				childList: true,
+				subtree: true
+			});
+
+			$.getJSON(`${base_url}api/admin/mangadex/expires`)
+				.done((data) => {
+					if (data.error) {
+						alert('danger', 'Failed to check MangaDex integration status. Error: ' + data.error);
+						return;
+					}
+					if (data.expires && data.expires > Math.floor(Date.now() / 1000))
+						this.searchAvailable = true;
+				})
+				.fail((jqXHR, status) => {
+					alert('danger', `Failed to check MangaDex integration status. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+				})
+		},
+
+		filtersUpdated() {
+			if (!this.data.chapters)
+				this.chapters = [];
+			const filters = {
+				chapter: this.parseRange(this.chapterRange),
+				volume: this.parseRange(this.volumeRange),
+				lang: this.langChoice,
+				group: this.groupChoice
+			};
+			console.log('filters:', filters);
+			let _chapters = this.data.chapters.slice();
+			Object.entries(filters).forEach(([k, v]) => {
+				if (v === 'All') return;
+				if (k === 'group') {
+					_chapters = _chapters.filter(c => {
+						const unescaped_groups = Object.entries(c.groups).map(([g, id]) => this.unescapeHTML(g));
+						return unescaped_groups.indexOf(v) >= 0;
+					});
+					return;
+				}
+				if (k === 'lang') {
+					_chapters = _chapters.filter(c => c.language === v);
+					return;
+				}
+				const lb = parseFloat(v[0]);
+				const ub = parseFloat(v[1]);
+				if (isNaN(lb) && isNaN(ub)) return;
+				_chapters = _chapters.filter(c => {
+					const val = parseFloat(c[k]);
+					if (isNaN(val)) return false;
+					if (isNaN(lb))
+						return val <= ub;
+					else if (isNaN(ub))
+						return val >= lb;
+					else
+						return val >= lb && val <= ub;
+				});
+			});
+			console.log('filtered chapters:', _chapters);
+			this.chapters = _chapters;
+		},
+
+		search() {
+			if (this.loading || this.searchInput === '') return;
+			this.data = {};
+			this.mangaAry = undefined;
+
+			var int_id = -1;
+			try {
+				const path = new URL(this.searchInput).pathname;
+				const match = /\/(?:title|manga)\/([0-9]+)/.exec(path);
+				int_id = parseInt(match[1]);
+			} catch (e) {
+				int_id = parseInt(this.searchInput);
+			}
+
+			if (!isNaN(int_id) && int_id > 0) {
+				// The input is a positive integer. We treat it as an ID.
+				this.loading = true;
+				$.getJSON(`${base_url}api/admin/mangadex/manga/${int_id}`)
+					.done((data) => {
+						if (data.error) {
+							alert('danger', 'Failed to get manga info. Error: ' + data.error);
+							return;
+						}
+
+						this.data = data;
+						this.chapters = data.chapters;
+						this.mangaAry = undefined;
+					})
+					.fail((jqXHR, status) => {
+						alert('danger', `Failed to get manga info. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+					})
+					.always(() => {
+						this.loading = false;
+					});
+			} else {
+				if (!this.searchAvailable) {
+					alert('danger', 'Please make sure you are using a valid manga ID or manga URL from Mangadex. If you are trying to search MangaDex with a search term, please log in to MangaDex first by going to "Admin -> Connect to MangaDex".');
+					return;
+				}
+
+				// Search as a search term
+				this.loading = true;
+				$.getJSON(`${base_url}api/admin/mangadex/search?${$.param({
+					query: this.searchInput
+				})}`)
+					.done((data) => {
+						if (data.error) {
+							alert('danger', `Failed to search MangaDex. Error: ${data.error}`);
+							return;
+						}
+
+						this.mangaAry = data.manga;
+						this.data = {};
+					})
+					.fail((jqXHR, status) => {
+						alert('danger', `Failed to search MangaDex. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+					})
+					.always(() => {
+						this.loading = false;
+					});
+			}
+		},
+
+		parseRange(str) {
+			const regex = /^[\t ]*(?:(?:(<|<=|>|>=)[\t ]*([0-9]+))|(?:([0-9]+))|(?:([0-9]+)[\t ]*-[\t ]*([0-9]+))|(?:[\t ]*))[\t ]*$/m;
+			const matches = str.match(regex);
+			var num;
+
+			if (!matches) {
+				return [null, null];
+			} else if (typeof matches[1] !== 'undefined' && typeof matches[2] !== 'undefined') {
+				// e.g., <= 30
+				num = parseInt(matches[2]);
+				if (isNaN(num)) {
+					return [null, null];
+				}
+				switch (matches[1]) {
+					case '<':
+						return [null, num - 1];
+					case '<=':
+						return [null, num];
+					case '>':
+						return [num + 1, null];
+					case '>=':
+						return [num, null];
+				}
+			} else if (typeof matches[3] !== 'undefined') {
+				// a single number
+				num = parseInt(matches[3]);
+				if (isNaN(num)) {
+					return [null, null];
+				}
+				return [num, num];
+			} else if (typeof matches[4] !== 'undefined' && typeof matches[5] !== 'undefined') {
+				// e.g., 10 - 23
+				num = parseInt(matches[4]);
+				const n2 = parseInt(matches[5]);
+				if (isNaN(num) || isNaN(n2) || num > n2) {
+					return [null, null];
+				}
+				return [num, n2];
+			} else {
+				// empty or space only
+				return [null, null];
+			}
+		},
+
+		unescapeHTML(str) {
+			var elt = document.createElement("span");
+			elt.innerHTML = str;
+			return elt.innerText;
+		},
+
+		selectAll() {
+			$('tbody > tr').each((i, e) => {
+				$(e).addClass('ui-selected');
+			});
+		},
+
+		clearSelection() {
+			$('tbody > tr').each((i, e) => {
+				$(e).removeClass('ui-selected');
+			});
+		},
+
+		download() {
+			const selected = $('tbody > tr.ui-selected');
+			if (selected.length === 0) return;
+			UIkit.modal.confirm(`Download ${selected.length} selected chapters?`).then(() => {
+				const ids = selected.map((i, e) => {
+					return parseInt($(e).find('td').first().text());
+				}).get();
+				const chapters = this.chapters.filter(c => ids.indexOf(c.id) >= 0);
+				console.log(ids);
+				this.addingToDownload = true;
+				$.ajax({
+						type: 'POST',
+						url: `${base_url}api/admin/mangadex/download`,
+						data: JSON.stringify({
+							chapters: chapters
+						}),
+						contentType: "application/json",
+						dataType: 'json'
+					})
+					.done(data => {
+						console.log(data);
+						if (data.error) {
+							alert('danger', `Failed to add chapters to the download queue. Error: ${data.error}`);
+							return;
+						}
+						const successCount = parseInt(data.success);
+						const failCount = parseInt(data.fail);
+						alert('success', `${successCount} of ${successCount + failCount} chapters added to the download queue. You can view and manage your download queue on the <a href="${base_url}admin/downloads">download manager page</a>.`);
+					})
+					.fail((jqXHR, status) => {
+						alert('danger', `Failed to add chapters to the download queue. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+					})
+					.always(() => {
+						this.addingToDownload = false;
+					});
+			});
+		},
+
+		chooseManga(manga) {
+			this.candidateManga = manga;
+			UIkit.modal($('#modal').get(0)).show();
+		},
+
+		confirmManga(id) {
+			UIkit.modal($('#modal').get(0)).hide();
+			this.searchInput = id;
+			this.search();
+		},
+
+		subscribe(langConfirmed = false, groupConfirmed = false) {
+			const filters = {
+				manga: this.data.id,
+				language: this.langChoice === 'All' ? null : this.langChoice,
+				group: this.groupChoice === 'All' ? null : this.groupChoice,
+				volume: this.volumeRange === '' ? null : this.volumeRange,
+				chapter: this.chapterRange === '' ? null : this.chapterRange
+			};
+
+			// Get group ID
+			if (filters.group) {
+				this.data.chapters.forEach(chp => {
+					const gid = chp.groups[filters.group];
+					if (gid) {
+						filters.groupId = gid;
+						return;
+					}
+				});
+			}
+
+			// Parse range values
+			if (filters.volume) {
+				[filters.volumeMin, filters.volumeMax] = this.parseRange(filters.volume);
+			}
+			if (filters.chapter) {
+				[filters.chapterMin, filters.chapterMax] = this.parseRange(filters.chapter);
+			}
+
+			if (!filters.language && !langConfirmed) {
+				UIkit.modal.confirm('You didn\'t specify a language in the filtering rules. This might cause Mango to download chapters that are not in your preferred language. Are you sure you want to continue?', {
+					labels: {
+						ok: 'Yes',
+						cancel: 'Cancel'
+					}
+				}).then(() => {
+					this.subscribe(true, groupConfirmed);
+				});
+				return;
+			}
+
+			if (!filters.group && !groupConfirmed) {
+				UIkit.modal.confirm('You didn\'t specify a group in the filtering rules. This might cause Mango to download multiple versions of the same chapter. Are you sure you want to continue?', {
+					labels: {
+						ok: 'Yes',
+						cancel: 'Cancel'
+					}
+				}).then(() => {
+					this.subscribe(langConfirmed, true);
+				});
+				return;
+			}
+
+			const mangaURL = `${mangadex_base_url}/manga/${filters.manga}`;
+
+			console.log(filters);
+			UIkit.modal.confirm(`All <strong>FUTURE</strong> chapters matching the following filters will be downloaded:<br>
+			<ul>
+			<li>Manga ID: ${filters.manga}</li>
+			<li>Language: ${filters.language || 'all'}</li>
+			<li>Group: ${filters.group || 'all'}</li>
+			<li>Volume: ${filters.volume || 'all'}</li>
+			<li>Chapter: ${filters.chapter || 'all'}</li>
+			</ul>
+
+			<strong>IMPORTANT:</strong> Please make sure you are following the manga on MangaDex, otherwise Mango won't be able to receive any updates. To follow it, visit <a href="${mangaURL}">${mangaURL}</a> and click "Follow".
+				`, {
+				labels: {
+					ok: 'Confirm',
+					cancel: 'Cancel'
+				}
+			}).then(() => {
+				$.ajax({
+						type: 'POST',
+						url: `${base_url}api/admin/mangadex/subscriptions`,
+						data: JSON.stringify({
+							subscription: filters
+						}),
+						contentType: "application/json",
+						dataType: 'json'
+					})
+					.done(data => {
+						console.log(data);
+						if (data.error) {
+							alert('danger', `Failed to subscribe. Error: ${data.error}`);
+							return;
+						}
+						alert('success', `You've successfully subscribed to this manga! You can view and manage your subscriptions on the <a href="${base_url}download/subscription">subscription manager page</a>.`);
+					})
+					.fail((jqXHR, status) => {
+						alert('danger', `Failed to subscribe. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+					});
+			});
+		}
+	};
+};
--- a/public/js/mangadex.js
+++ b/public/js/mangadex.js
@@ -0,0 +1,61 @@
+const component = () => {
+	return {
+		username: '',
+		password: '',
+		expires: undefined,
+		loading: true,
+		loggingIn: false,
+
+		init() {
+			this.loading = true;
+			$.ajax({
+					type: 'GET',
+					url: `${base_url}api/admin/mangadex/expires`,
+					contentType: "application/json",
+				})
+				.done(data => {
+					console.log(data);
+					if (data.error) {
+						alert('danger', `Failed to retrieve MangaDex token status. Error: ${data.error}`);
+						return;
+					}
+					this.expires = data.expires;
+					this.loading = false;
+				})
+				.fail((jqXHR, status) => {
+					alert('danger', `Failed to retrieve MangaDex token status. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+				});
+		},
+		login() {
+			if (!(this.username && this.password)) return;
+			this.loggingIn = true;
+			$.ajax({
+					type: 'POST',
+					url: `${base_url}api/admin/mangadex/login`,
+					contentType: "application/json",
+					dataType: 'json',
+					data: JSON.stringify({
+						username: this.username,
+						password: this.password
+					})
+				})
+				.done(data => {
+					console.log(data);
+					if (data.error) {
+						alert('danger', `Failed to log in. Error: ${data.error}`);
+						return;
+					}
+					this.expires = data.expires;
+				})
+				.fail((jqXHR, status) => {
+					alert('danger', `Failed to log in. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+				})
+				.always(() => {
+					this.loggingIn = false;
+				});
+		},
+		get expired() {
+			return this.expires && moment().diff(moment.unix(this.expires)) > 0;
+		}
+	};
+};
--- a/public/js/plugin-download.js
+++ b/public/js/plugin-download.js
@@ -1,446 +1,139 @@
-const component = () => {
-	return {
-		plugins: [],
-		info: undefined,
-		pid: undefined,
-		chapters: undefined, // undefined: not searched yet, []: empty
-		manga: undefined, // undefined: not searched yet, []: empty
-		mid: undefined, // id of the selected manga
-		allChapters: [],
-		query: "",
-		mangaTitle: "",
-		searching: false,
-		adding: false,
-		sortOptions: [],
-		showFilters: false,
-		appliedFilters: [],
-		chaptersLimit: 500,
-		listManga: false,
-		subscribing: false,
-		subscriptionName: "",
+const loadPlugin = id => {
+	localStorage.setItem('plugin', id);
+	const url = `${location.protocol}//${location.host}${location.pathname}`;
+	const newURL = `${url}?${$.param({
+			plugin: id
+		})}`;
+	window.location.href = newURL;
+};

-		init() {
-			const tableObserver = new MutationObserver(() => {
-				console.log("table mutated");
-				$("#selectable").selectable({
-					filter: "tr",
-				});
-			});
-			tableObserver.observe($("table").get(0), {
-				childList: true,
-				subtree: true,
-			});
-			fetch(`${base_url}api/admin/plugin`)
-				.then((res) => res.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					this.plugins = data.plugins;
+$(() => {
+	var storedID = localStorage.getItem('plugin');
+	if (storedID && storedID !== pid) {
+		loadPlugin(storedID);
+	} else {
+		$('#controls').removeAttr('hidden');
+	}

-					const pid = localStorage.getItem("plugin");
-					if (pid && this.plugins.map((p) => p.id).includes(pid))
-						return this.loadPlugin(pid);
+	$('#search-input').keypress(event => {
+		if (event.which === 13) {
+			search();
+		}
+	});
+	$('#plugin-select').val(pid);
+	$('#plugin-select').change(() => {
+		const id = $('#plugin-select').val();
+		loadPlugin(id);
+	});
+});

-					if (this.plugins.length > 0)
-						this.loadPlugin(this.plugins[0].id);
-				})
-				.catch((e) => {
-					alert(
-						"danger",
-						`Failed to list the available plugins. Error: ${e}`
-					);
-				});
-		},
-		loadPlugin(pid) {
-			fetch(
-				`${base_url}api/admin/plugin/info?${new URLSearchParams({
-					plugin: pid,
-				})}`
-			)
-				.then((res) => res.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					this.info = data.info;
-					this.pid = pid;
-				})
-				.catch((e) => {
-					alert(
-						"danger",
-						`Failed to get plugin metadata. Error: ${e}`
-					);
-				});
-		},
-		pluginChanged() {
-			this.loadPlugin(this.pid);
-			localStorage.setItem("plugin", this.pid);
-		},
-		get chapterKeys() {
-			if (this.allChapters.length < 1) return [];
-			return Object.keys(this.allChapters[0]).filter(
-				(k) => !["manga_title"].includes(k)
-			);
-		},
-		searchChapters(query) {
-			this.searching = true;
-			this.allChapters = [];
-			this.sortOptions = [];
-			this.chapters = undefined;
-			this.listManga = false;
-			fetch(
-				`${base_url}api/admin/plugin/list?${new URLSearchParams({
-					plugin: this.pid,
-					query: query,
-				})}`
-			)
-				.then((res) => res.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					try {
-						this.mangaTitle = data.chapters[0].manga_title;
-						if (!this.mangaTitle) throw new Error();
-					} catch (e) {
-						this.mangaTitle = data.title;
-					}
+let mangaTitle = "";
+let searching = false;
+const search = () => {
+	if (searching)
+		return;

-					this.allChapters = data.chapters;
-					this.chapters = data.chapters;
-				})
-				.catch((e) => {
-					alert("danger", `Failed to list chapters. Error: ${e}`);
-				})
-				.finally(() => {
-					this.searching = false;
-				});
-		},
-		searchManga(query) {
-			this.searching = true;
-			this.allChapters = [];
-			this.chapters = undefined;
-			this.manga = undefined;
-			fetch(
-				`${base_url}api/admin/plugin/search?${new URLSearchParams({
-					plugin: this.pid,
-					query: query,
-				})}`
-			)
-				.then((res) => res.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					this.manga = data.manga;
-					this.listManga = true;
-				})
-				.catch((e) => {
-					alert("danger", `Search failed. Error: ${e}`);
-				})
-				.finally(() => {
-					this.searching = false;
-				});
-		},
-		search() {
-			const query = this.query.trim();
-			if (!query) return;
-
-			this.manga = undefined;
-			if (this.info.version === 1) {
-				this.searchChapters(query);
-			} else {
-				this.searchManga(query);
-			}
-		},
-		selectAll() {
-			$("tbody > tr").each((i, e) => {
-				$(e).addClass("ui-selected");
-			});
-		},
-		clearSelection() {
-			$("tbody > tr").each((i, e) => {
-				$(e).removeClass("ui-selected");
-			});
-		},
-		download() {
-			const selected = $("tbody > tr.ui-selected").get();
-			if (selected.length === 0) return;
-
-			UIkit.modal
-				.confirm(`Download ${selected.length} selected chapters?`)
-				.then(() => {
-					const ids = selected.map((e) => e.id);
-					const chapters = this.chapters.filter((c) =>
-						ids.includes(c.id)
-					);
-					console.log(chapters);
-					this.adding = true;
-					fetch(`${base_url}api/admin/plugin/download`, {
-						method: "POST",
-						body: JSON.stringify({
-							chapters,
-							plugin: this.pid,
-							title: this.mangaTitle,
-						}),
-						headers: {
-							"Content-Type": "application/json",
-						},
-					})
-						.then((res) => res.json())
-						.then((data) => {
-							if (!data.success) throw new Error(data.error);
-							const successCount = parseInt(data.success);
-							const failCount = parseInt(data.fail);
-							alert(
-								"success",
-								`${successCount} of ${
-									successCount + failCount
-								} chapters added to the download queue. You can view and manage your download queue on the <a href="${base_url}admin/downloads">download manager page</a>.`
-							);
-						})
-						.catch((e) => {
-							alert(
-								"danger",
-								`Failed to add chapters to the download queue. Error: ${e}`
-							);
-						})
-						.finally(() => {
-							this.adding = false;
-						});
-				});
-		},
-		thClicked(event) {
-			const idx = parseInt(event.currentTarget.id.split("-")[1]);
-			if (idx === undefined || isNaN(idx)) return;
-			const curOption = this.sortOptions[idx];
-			let option;
-			this.sortOptions = [];
-			switch (curOption) {
-				case 1:
-					option = -1;
-					break;
-				case -1:
-					option = 0;
-					break;
-				default:
-					option = 1;
-			}
-			this.sortOptions[idx] = option;
-			this.sort(this.chapterKeys[idx], option);
-		},
-		// Returns an array of filtered but unsorted chapters. Useful when
-		// 	reseting the sort options.
-		get filteredChapters() {
-			let ary = this.allChapters.slice();
-
-			console.log("initial size:", ary.length);
-			for (let filter of this.appliedFilters) {
-				if (!filter.value) continue;
-				if (filter.type === "array" && filter.value === "all") continue;
-				if (filter.type.startsWith("number") && isNaN(filter.value))
-					continue;
-
-				if (filter.type === "string") {
-					ary = ary.filter((ch) =>
-						ch[filter.key]
-							.toLowerCase()
-							.includes(filter.value.toLowerCase())
-					);
-				}
-				if (filter.type === "number-min") {
-					ary = ary.filter(
-						(ch) => Number(ch[filter.key]) >= Number(filter.value)
-					);
-				}
-				if (filter.type === "number-max") {
-					ary = ary.filter(
-						(ch) => Number(ch[filter.key]) <= Number(filter.value)
-					);
-				}
-				if (filter.type === "date-min") {
-					ary = ary.filter(
-						(ch) => Number(ch[filter.key]) >= Number(filter.value)
-					);
-				}
-				if (filter.type === "date-max") {
-					ary = ary.filter(
-						(ch) => Number(ch[filter.key]) <= Number(filter.value)
-					);
-				}
-				if (filter.type === "array") {
-					ary = ary.filter((ch) =>
-						ch[filter.key]
-							.map((s) =>
-								typeof s === "string" ? s.toLowerCase() : s
-							)
-							.includes(filter.value.toLowerCase())
-					);
-				}
-
-				console.log("filtered size:", ary.length);
-			}
-
-			return ary;
-		},
-		// option:
-		// 	- 1: asending
-		// 	- -1: desending
-		// 	- 0: unsorted
-		sort(key, option) {
-			if (option === 0) {
-				this.chapters = this.filteredChapters;
+	const query = $.param({
+		query: $('#search-input').val(),
+		plugin: pid
+	});
+	$.ajax({
+			type: 'GET',
+			url: `${base_url}api/admin/plugin/list?${query}`,
+			contentType: "application/json",
+			dataType: 'json'
+		})
+		.done(data => {
+			console.log(data);
+			if (data.error) {
+				alert('danger', `Search failed. Error: ${data.error}`);
 				return;
 			}
-
-			this.chapters = this.filteredChapters.sort((a, b) => {
-				const comp = this.compare(a[key], b[key]);
-				return option < 0 ? comp * -1 : comp;
-			});
-		},
-		compare(a, b) {
-			if (a === b) return 0;
-
-			// try numbers (also covers dates)
-			if (!isNaN(a) && !isNaN(b)) return Number(a) - Number(b);
-
-			const preprocessString = (val) => {
-				if (typeof val !== "string") return val;
-				return val.toLowerCase().replace(/\s\s/g, " ").trim();
-			};
-
-			return preprocessString(a) > preprocessString(b) ? 1 : -1;
-		},
-		fieldType(values) {
-			if (values.every((v) => this.numIsDate(v))) return "date";
-			if (values.every((v) => !isNaN(v))) return "number";
-			if (values.every((v) => Array.isArray(v))) return "array";
-			return "string";
-		},
-		get filters() {
-			if (this.allChapters.length < 1) return [];
-			const keys = Object.keys(this.allChapters[0]).filter(
-				(k) => !["manga_title", "id"].includes(k)
-			);
-			return keys.map((k) => {
-				let values = this.allChapters.map((c) => c[k]);
-				const type = this.fieldType(values);
-
-				if (type === "array") {
-					// if the type is an array, return the list of available elements
-					// example: an array of groups or authors
-					values = Array.from(
-						new Set(
-							values.flat().map((v) => {
-								if (typeof v === "string")
-									return v.toLowerCase();
-							})
-						)
-					);
-				}
-
-				return {
-					key: k,
-					type: type,
-					values: values,
-				};
-			});
-		},
-		get filterSettings() {
-			return $("#filter-form input:visible, #filter-form select:visible")
-				.get()
-				.map((i) => {
-					const type = i.getAttribute("data-filter-type");
-					let value = i.value.trim();
-					if (type.startsWith("date"))
-						value = value ? Date.parse(value).toString() : "";
-					return {
-						key: i.getAttribute("data-filter-key"),
-						value: value,
-						type: type,
-					};
-				});
-		},
-		applyFilters() {
-			this.appliedFilters = this.filterSettings;
-			this.chapters = this.filteredChapters;
-			this.sortOptions = [];
-		},
-		clearFilters() {
-			$("#filter-form input")
-				.get()
-				.forEach((i) => (i.value = ""));
-			$("#filter-form select").val("all");
-			this.appliedFilters = [];
-			this.chapters = this.filteredChapters;
-			this.sortOptions = [];
-		},
-		mangaSelected(event) {
-			const mid = event.currentTarget.getAttribute("data-id");
-			this.mid = mid;
-			this.searchChapters(mid);
-		},
-		subscribe(modal) {
-			this.subscribing = true;
-			fetch(`${base_url}api/admin/plugin/subscriptions`, {
-				method: "POST",
-				body: JSON.stringify({
-					filters: this.filterSettings,
-					plugin: this.pid,
-					name: this.subscriptionName.trim(),
-					manga: this.mangaTitle,
-					manga_id: this.mid,
-				}),
-				headers: {
-					"Content-Type": "application/json",
-				},
-			})
-				.then((res) => res.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					alert("success", "Subscription created");
-				})
-				.catch((e) => {
-					alert("danger", `Failed to subscribe. Error: ${e}`);
-				})
-				.finally(() => {
-					this.subscribing = false;
-					UIkit.modal(modal).hide();
-				});
-		},
-		numIsDate(num) {
-			return !isNaN(num) && Number(num) > 328896000000; // 328896000000 => 1 Jan, 1980
-		},
-		renderCell(value) {
-			if (this.numIsDate(value))
-				return `<span>${moment(Number(value)).format(
-					"MMM D, YYYY"
-				)}</span>`;
-			const maxLength = 40;
-			if (value && value.length > maxLength)
-				return `<span>${value.substr(
-					0,
-					maxLength
-				)}...</span><div uk-dropdown>${value}</div>`;
-			return `<span>${value}</span>`;
-		},
-		renderFilterRow(ft) {
-			const key = ft.key;
-			let type = ft.type;
-			switch (type) {
-				case "number-min":
-					type = "number (minimum value)";
-					break;
-				case "number-max":
-					type = "number (maximum value)";
-					break;
-				case "date-min":
-					type = "minimum date";
-					break;
-				case "date-max":
-					type = "maximum date";
-					break;
-			}
-			let value = ft.value;
-
-			if (ft.type.startsWith("number") && isNaN(value)) value = "";
-			else if (ft.type.startsWith("date") && value)
-				value = moment(Number(value)).format("MMM D, YYYY");
-
-			return `<td>${key}</td><td>${type}</td><td>${value}</td>`;
-		},
-	};
+			mangaTitle = data.title;
+			$('#title-text').text(data.title);
+			buildTable(data.chapters);
+		})
+		.fail((jqXHR, status) => {
+			alert('danger', `Search failed. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+		})
+		.always(() => {});
+};
+
+const buildTable = (chapters) => {
+	$('#table').attr('hidden', '');
+	$('table').empty();
+
+	const keys = Object.keys(chapters[0]).map(k => `<th>${k}</th>`).join('');
+	const thead = `<thead><tr>${keys}</tr></thead>`;
+	$('table').append(thead);
+
+	const rows = chapters.map(ch => {
+		const tds = Object.values(ch).map(v => `<td>${v}</td>`).join('');
+		return `<tr data-id="${ch.id}" data-title="${ch.title}">${tds}</tr>`;
+	});
+	const tbody = `<tbody id="selectable">${rows}</tbody>`;
+	$('table').append(tbody);
+
+	$('#selectable').selectable({
+		filter: 'tr'
+	});
+
+	$('#table table').tablesorter();
+	$('#table').removeAttr('hidden');
+};
+
+const selectAll = () => {
+	$('tbody > tr').each((i, e) => {
+		$(e).addClass('ui-selected');
+	});
+};
+
+const unselect = () => {
+	$('tbody > tr').each((i, e) => {
+		$(e).removeClass('ui-selected');
+	});
+};
+
+const download = () => {
+	const selected = $('tbody > tr.ui-selected');
+	if (selected.length === 0) return;
+	UIkit.modal.confirm(`Download ${selected.length} selected chapters?`).then(() => {
+		$('#download-btn').attr('hidden', '');
+		$('#download-spinner').removeAttr('hidden');
+		const chapters = selected.map((i, e) => {
+			return {
+				id: $(e).attr('data-id'),
+				title: $(e).attr('data-title')
+			}
+		}).get();
+		console.log(chapters);
+		$.ajax({
+				type: 'POST',
+				url: base_url + 'api/admin/plugin/download',
+				data: JSON.stringify({
+					plugin: pid,
+					chapters: chapters,
+					title: mangaTitle
+				}),
+				contentType: "application/json",
+				dataType: 'json'
+			})
+			.done(data => {
+				console.log(data);
+				if (data.error) {
+					alert('danger', `Failed to add chapters to the download queue. Error: ${data.error}`);
+					return;
+				}
+				const successCount = parseInt(data.success);
+				const failCount = parseInt(data.fail);
+				alert('success', `${successCount} of ${successCount + failCount} chapters added to the download queue. You can view and manage your download queue on the <a href="${base_url}admin/downloads">download manager page</a>.`);
+			})
+			.fail((jqXHR, status) => {
+				alert('danger', `Failed to add chapters to the download queue. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
+			})
+			.always(() => {
+				$('#download-spinner').attr('hidden', '');
+				$('#download-btn').removeAttr('hidden');
+			});
+	});
 };
--- a/public/js/reader.js
+++ b/public/js/reader.js
@@ -6,14 +6,11 @@ const readerComponent = () => {
 		alertClass: 'uk-alert-primary',
 		items: [],
 		curItem: {},
-		enableFlipAnimation: true,
 		flipAnimation: null,
 		longPages: false,
 		lastSavedPage: page,
 		selectedIndex: 0, // 0: not selected; 1: the first page
 		margin: 30,
-		preloadLookahead: 3,
-		enableRightToLeft: false,

 		/**
 		 * Initialize the component by fetching the page dimensions
@@ -55,23 +52,6 @@ const readerComponent = () => {
 					if (savedMargin) {
 						this.margin = savedMargin;
 					}
-
-					// Preload Images
-					this.preloadLookahead = +(localStorage.getItem('preloadLookahead') ?? 3);
-					const limit = Math.min(page + this.preloadLookahead, this.items.length + 1);
-					for (let idx = page + 1; idx <= limit; idx++) {
-						this.preloadImage(this.items[idx - 1].url);
-					}
-
-					const savedFlipAnimation = localStorage.getItem('enableFlipAnimation');
-					this.enableFlipAnimation = savedFlipAnimation === null || savedFlipAnimation === 'true';
-
-					const savedRightToLeft = localStorage.getItem('enableRightToLeft');
-					if (savedRightToLeft === null) {
-						this.enableRightToLeft = false;
-					} else {
-						this.enableRightToLeft = (savedRightToLeft === 'true');
-					}
 				})
 				.catch(e => {
 					const errMsg = `Failed to get the page dimensions. ${e}`;
@@ -80,12 +60,6 @@ const readerComponent = () => {
 					this.msg = errMsg;
 				})
 		},
-		/**
-		 * Preload an image, which is expected to be cached
-		 */
-		preloadImage(url) {
-			(new Image()).src = url;
-		},
 		/**
 		 * Handles the `change` event for the page selector
 		 */
@@ -122,9 +96,9 @@ const readerComponent = () => {
 			if (this.mode === 'continuous') return;

 			if (event.key === 'ArrowLeft' || event.key === 'k')
-				this.flipPage(false ^ this.enableRightToLeft);
+				this.flipPage(false);
 			if (event.key === 'ArrowRight' || event.key === 'j')
-				this.flipPage(true ^ this.enableRightToLeft);
+				this.flipPage(true);
 		},
 		/**
 		 * Flips to the next or the previous page
@@ -137,18 +111,12 @@ const readerComponent = () => {

 			if (newIdx <= 0 || newIdx > this.items.length) return;

-			if (newIdx + this.preloadLookahead < this.items.length + 1) {
-				this.preloadImage(this.items[newIdx + this.preloadLookahead - 1].url);
-			}
-
 			this.toPage(newIdx);

-			if (this.enableFlipAnimation) {
-				if (isNext ^ this.enableRightToLeft)
-					this.flipAnimation = 'right';
-				else
-					this.flipAnimation = 'left';
-			}
+			if (isNext)
+				this.flipAnimation = 'right';
+			else
+				this.flipAnimation = 'left';

 			setTimeout(() => {
 				this.flipAnimation = null;
@@ -319,18 +287,6 @@ const readerComponent = () => {
 		marginChanged() {
 			localStorage.setItem('margin', this.margin);
 			this.toPage(this.selectedIndex);
-		},
-
-		preloadLookaheadChanged() {
-			localStorage.setItem('preloadLookahead', this.preloadLookahead);
-		},
-
-		enableFlipAnimationChanged() {
-			localStorage.setItem('enableFlipAnimation', this.enableFlipAnimation);
-		},
-
-		enableRightToLeftChanged() {
-			localStorage.setItem('enableRightToLeft', this.enableRightToLeft);
-		},
+		}
 	};
 }
--- a/public/js/subscription-manager.js
+++ b/public/js/subscription-manager.js
@@ -1,147 +0,0 @@
-const component = () => {
-	return {
-		subscriptions: [],
-		plugins: [],
-		pid: undefined,
-		subscription: undefined, // selected subscription
-		loading: false,
-
-		init() {
-			fetch(`${base_url}api/admin/plugin`)
-				.then((res) => res.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					this.plugins = data.plugins;
-
-					const pid = localStorage.getItem("plugin");
-					if (pid && this.plugins.map((p) => p.id).includes(pid))
-						this.pid = pid;
-					else if (this.plugins.length > 0)
-						this.pid = this.plugins[0].id;
-
-					this.list(pid);
-				})
-				.catch((e) => {
-					alert(
-						"danger",
-						`Failed to list the available plugins. Error: ${e}`
-					);
-				});
-		},
-		pluginChanged() {
-			localStorage.setItem("plugin", this.pid);
-			this.list(this.pid);
-		},
-		list(pid) {
-			if (!pid) return;
-			fetch(
-				`${base_url}api/admin/plugin/subscriptions?${new URLSearchParams(
-					{
-						plugin: pid,
-					}
-				)}`,
-				{
-					method: "GET",
-				}
-			)
-				.then((response) => response.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					this.subscriptions = data.subscriptions;
-				})
-				.catch((e) => {
-					alert(
-						"danger",
-						`Failed to list subscriptions. Error: ${e}`
-					);
-				});
-		},
-		renderStrCell(str) {
-			const maxLength = 40;
-			if (str.length > maxLength)
-				return `<td><span>${str.substring(
-					0,
-					maxLength
-				)}...</span><div uk-dropdown>${str}</div></td>`;
-			return `<td>${str}</td>`;
-		},
-		renderDateCell(timestamp) {
-			return `<td>${moment
-				.duration(moment.unix(timestamp).diff(moment()))
-				.humanize(true)}</td>`;
-		},
-		selected(event, modal) {
-			const id = event.currentTarget.getAttribute("sid");
-			this.subscription = this.subscriptions.find((s) => s.id === id);
-			UIkit.modal(modal).show();
-		},
-		renderFilterRow(ft) {
-			const key = ft.key;
-			let type = ft.type;
-			switch (type) {
-				case "number-min":
-					type = "number (minimum value)";
-					break;
-				case "number-max":
-					type = "number (maximum value)";
-					break;
-				case "date-min":
-					type = "minimum date";
-					break;
-				case "date-max":
-					type = "maximum date";
-					break;
-			}
-			let value = ft.value;
-
-			if (ft.type.startsWith("number") && isNaN(value)) value = "";
-			else if (ft.type.startsWith("date") && value)
-				value = moment(Number(value)).format("MMM D, YYYY");
-
-			return `<td>${key}</td><td>${type}</td><td>${value}</td>`;
-		},
-		actionHandler(event, type) {
-			const id = $(event.currentTarget).closest("tr").attr("sid");
-			if (type !== 'delete') return this.action(id, type);
-			UIkit.modal.confirm('Are you sure you want to delete the subscription? This cannot be undone.', {
-				labels: {
-					ok: 'Yes, delete it',
-					cancel: 'Cancel'
-				}
-			}).then(() => {
-				this.action(id, type);
-			});
-		},
-		action(id, type) {
-			if (this.loading) return;
-			this.loading = true;
-			fetch(
-				`${base_url}api/admin/plugin/subscriptions${type === 'update' ? '/update' : ''}?${new URLSearchParams(
-					{
-						plugin: this.pid,
-						subscription: id,
-					}
-				)}`,
-				{
-					method: type === 'delete' ? "DELETE" : 'POST'
-				}
-			)
-				.then((response) => response.json())
-				.then((data) => {
-					if (!data.success) throw new Error(data.error);
-					if (type === 'update')
-						alert("success", `Checking updates for subscription ${id}. Check the log for the progress or come back to this page later.`);
-				})
-				.catch((e) => {
-					alert(
-						"danger",
-						`Failed to ${type} subscription. Error: ${e}`
-					);
-				})
-				.finally(() => {
-					this.loading = false;
-					this.list(this.pid);
-				});
-		},
-	};
-};
--- a/public/js/title.js
+++ b/public/js/title.js
@@ -60,11 +60,6 @@ function showModal(encodedPath, pages, percentage, encodedeTitle, encodedEntryTi
 	UIkit.modal($('#modal')).show();
 }

-UIkit.util.on(document, 'hidden', '#modal', () => {
-	$('#read-btn').off('click');
-	$('#unread-btn').off('click');
-});
-
 const updateProgress = (tid, eid, page) => {
 	let url = `${base_url}api/progress/${tid}/${page}`
 	const query = $.param({
@@ -95,6 +90,8 @@ const renameSubmit = (name, eid) => {
 	const upload = $('.upload-field');
 	const titleId = upload.attr('data-title-id');

+	console.log(name);
+
 	if (name.length === 0) {
 		alert('danger', 'The display name should not be empty');
 		return;
@@ -125,47 +122,15 @@ const renameSubmit = (name, eid) => {
 		});
 };

-const renameSortNameSubmit = (name, eid) => {
-	const upload = $('.upload-field');
-	const titleId = upload.attr('data-title-id');
-
-	const params = {};
-	if (eid) params.eid = eid;
-	if (name) params.name = name;
-	const query = $.param(params);
-	let url = `${base_url}api/admin/sort_title/${titleId}?${query}`;
-
-	$.ajax({
-			type: 'PUT',
-			url,
-			contentType: 'application/json',
-			dataType: 'json'
-		})
-		.done(data => {
-			if (data.error) {
-				alert('danger', `Failed to update sort title. Error: ${data.error}`);
-				return;
-			}
-			location.reload();
-		})
-		.fail((jqXHR, status) => {
-			alert('danger', `Failed to update sort title. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
-		});
-};
-
 const edit = (eid) => {
 	const cover = $('#edit-modal #cover');
 	let url = cover.attr('data-title-cover');
 	let displayName = $('h2.uk-title > span').text();
-	let fileTitle = $('h2.uk-title').attr('data-file-title');
-	let sortTitle = $('h2.uk-title').attr('data-sort-title');

 	if (eid) {
 		const item = $(`#${eid}`);
 		url = item.find('img').attr('data-src');
 		displayName = item.find('.uk-card-title').attr('data-title');
-		fileTitle = item.find('.uk-card-title').attr('data-file-title');
-		sortTitle = item.find('.uk-card-title').attr('data-sort-title');
 		$('#title-progress-control').attr('hidden', '');
 	} else {
 		$('#title-progress-control').removeAttr('hidden');
@@ -175,26 +140,14 @@ const edit = (eid) => {

 	const displayNameField = $('#display-name-field');
 	displayNameField.attr('value', displayName);
-	displayNameField.attr('placeholder', fileTitle);
+	console.log(displayNameField);
 	displayNameField.keyup(event => {
 		if (event.keyCode === 13) {
-			renameSubmit(displayNameField.val() || fileTitle, eid);
+			renameSubmit(displayNameField.val(), eid);
 		}
 	});
 	displayNameField.siblings('a.uk-form-icon').click(() => {
-		renameSubmit(displayNameField.val() || fileTitle, eid);
-	});
-
-	const sortTitleField = $('#sort-title-field');
-	sortTitleField.val(sortTitle);
-	sortTitleField.attr('placeholder', fileTitle);
-	sortTitleField.keyup(event => {
-		if (event.keyCode === 13) {
-			renameSortNameSubmit(sortTitleField.val(), eid);
-		}
-	});
-	sortTitleField.siblings('a.uk-form-icon').click(() => {
-		renameSortNameSubmit(sortTitleField.val(), eid);
+		renameSubmit(displayNameField.val(), eid);
 	});

 	setupUpload(eid);
@@ -202,16 +155,6 @@ const edit = (eid) => {
 	UIkit.modal($('#edit-modal')).show();
 };

-UIkit.util.on(document, 'hidden', '#edit-modal', () => {
-	const displayNameField = $('#display-name-field');
-	displayNameField.off('keyup');
-	displayNameField.off('click');
-
-	const sortTitleField = $('#sort-title-field');
-	sortTitleField.off('keyup');
-	sortTitleField.off('click');
-});
-
 const setupUpload = (eid) => {
 	const upload = $('.upload-field');
 	const bar = $('#upload-progress').get(0);
@@ -223,6 +166,7 @@ const setupUpload = (eid) => {
 		queryObj['eid'] = eid;
 	const query = $.param(queryObj);
 	const url = `${base_url}api/admin/upload/cover?${query}`;
+	console.log(url);
 	UIkit.upload('.upload-field', {
 		url: url,
 		name: 'file',
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,23 +0,0 @@
-{
-	"name": "Mango",
-	"description": "Mango: A self-hosted manga server and web reader",
-	"icons": [
-		{
-			"src": "/img/icons/icon_x96.png",
-			"sizes": "96x96",
-			"type": "image/png"
-		},
-		{
-			"src": "/img/icons/icon_x192.png",
-			"sizes": "192x192",
-			"type": "image/png"
-		},
-		{
-			"src": "/img/icons/icon_x512.png",
-			"sizes": "512x512",
-			"type": "image/png"
-		}
-	],
-	"display": "fullscreen",
-	"start_url": "/"
-}
--- a/shard.lock
+++ b/shard.lock
@@ -2,31 +2,31 @@ version: 2.0
 shards:
  ameba:
    git: https://github.com/crystal-ameba/ameba.git
-    version: 0.14.3
+    version: 0.14.0

  archive:
    git: https://github.com/hkalexling/archive.cr.git
-    version: 0.5.0
+    version: 0.4.0

  baked_file_system:
    git: https://github.com/schovi/baked_file_system.git
-    version: 0.10.0
+    version: 0.9.8+git.commit.fb3091b546797fbec3c25dc0e1e2cff60bb9033b

  clim:
    git: https://github.com/at-grandpa/clim.git
-    version: 0.17.1
+    version: 0.12.0

  db:
    git: https://github.com/crystal-lang/crystal-db.git
-    version: 0.10.1
+    version: 0.9.0

  duktape:
    git: https://github.com/jessedoyle/duktape.cr.git
-    version: 1.0.0
+    version: 0.20.0

  exception_page:
    git: https://github.com/crystal-loot/exception_page.git
-    version: 0.1.5
+    version: 0.1.4

  http_proxy:
    git: https://github.com/mamantoha/http_proxy.git
@@ -34,45 +34,49 @@ shards:

  image_size:
    git: https://github.com/hkalexling/image_size.cr.git
-    version: 0.5.0
+    version: 0.4.0

  kemal:
    git: https://github.com/kemalcr/kemal.git
-    version: 1.0.0
+    version: 0.27.0

  kemal-session:
    git: https://github.com/kemalcr/kemal-session.git
-    version: 1.0.0
+    version: 0.13.0

  kilt:
    git: https://github.com/jeromegn/kilt.git
-    version: 0.4.1
+    version: 0.4.0

  koa:
    git: https://github.com/hkalexling/koa.git
-    version: 0.8.0
+    version: 0.7.0
+
+  mangadex:
+    git: https://github.com/hkalexling/mangadex.git
+    version: 0.11.0+git.commit.f5b0d64fbb138879fb9228b6e9ff34ec97c3e824

  mg:
    git: https://github.com/hkalexling/mg.git
-    version: 0.5.0+git.commit.697e46e27cde8c3969346e228e372db2455a6264
+    version: 0.3.0+git.commit.a19417abf03eece80039f89569926cff1ce3a1a3

  myhtml:
    git: https://github.com/kostya/myhtml.git
-    version: 1.5.8
+    version: 1.5.1

  open_api:
-    git: https://github.com/hkalexling/open_api.cr.git
-    version: 1.2.1+git.commit.1d3c55dd5534c6b0af18964d031858a08515553a
+    git: https://github.com/jreinert/open_api.cr.git
+    version: 1.2.1+git.commit.95e4df2ca10b1fe88b8b35c62a18b06a10267b6c

  radix:
    git: https://github.com/luislavena/radix.git
-    version: 0.4.1
+    version: 0.3.9

  sqlite3:
    git: https://github.com/crystal-lang/crystal-sqlite3.git
-    version: 0.18.0
+    version: 0.16.0

  tallboy:
    git: https://github.com/epoch/tallboy.git
-    version: 0.9.3+git.commit.9be1510bb0391c95e92f1b288f3afb429a73caa6
+    version: 0.9.3

--- a/shard.yml
+++ b/shard.yml
@@ -1,5 +1,5 @@
 name: mango
-version: 0.25.0
+version: 0.22.0

 authors:
  - Alex Ling <hkalexling@gmail.com>
@@ -8,7 +8,7 @@ targets:
  mango:
    main: src/mango.cr

-crystal: 1.0.0
+crystal: 0.36.1

 license: MIT

@@ -21,6 +21,7 @@ dependencies:
    github: crystal-lang/crystal-sqlite3
  baked_file_system:
    github: schovi/baked_file_system
+    version: 0.9.8+git.commit.fb3091b546797fbec3c25dc0e1e2cff60bb9033b
  archive:
    github: hkalexling/archive.cr
  ameba:
@@ -29,6 +30,7 @@ dependencies:
    github: at-grandpa/clim
  duktape:
    github: jessedoyle/duktape.cr
+    version: ~> 0.20.0
  myhtml:
    github: kostya/myhtml
  http_proxy:
@@ -39,6 +41,7 @@ dependencies:
    github: hkalexling/koa
  tallboy:
    github: epoch/tallboy
-    branch: master
  mg:
   github: hkalexling/mg
+  mangadex:
+   github: hkalexling/mangadex
--- a/spec/util_spec.cr
+++ b/spec/util_spec.cr
@@ -61,13 +61,3 @@ describe "chapter_sort" do
    end.should eq ary
  end
 end
-
-describe "sanitize_filename" do
-  it "returns a random string for empty sanitized string" do
-    sanitize_filename("..").should_not eq sanitize_filename("..")
-  end
-  it "sanitizes correctly" do
-    sanitize_filename("..  \n\v.\rマンゴー/|*()<[1/2] 3.14 hello world ")
-      .should eq "マンゴー_()[1_2] 3.14 hello world"
-  end
-end
--- a/src/config.cr
+++ b/src/config.cr
@@ -4,28 +4,40 @@ class Config
  include YAML::Serializable

  @[YAML::Field(ignore: true)]
-  property path = ""
-  property host = "0.0.0.0"
+  property path : String = ""
+  property host : String = "0.0.0.0"
  property port : Int32 = 9000
-  property base_url = "/"
-  property session_secret = "mango-session-secret"
-  property library_path = "~/mango/library"
-  property library_cache_path = "~/mango/library.yml.gz"
-  property db_path = "~/mango/mango.db"
-  property queue_db_path = "~/mango/queue.db"
+  property base_url : String = "/"
+  property session_secret : String = "mango-session-secret"
+  property library_path : String = File.expand_path "~/mango/library",
+    home: true
+  property db_path : String = File.expand_path "~/mango/mango.db", home: true
  property scan_interval_minutes : Int32 = 5
  property thumbnail_generation_interval_hours : Int32 = 24
-  property log_level = "info"
-  property upload_path = "~/mango/uploads"
-  property plugin_path = "~/mango/plugins"
+  property log_level : String = "info"
+  property upload_path : String = File.expand_path "~/mango/uploads",
+    home: true
+  property plugin_path : String = File.expand_path "~/mango/plugins",
+    home: true
  property download_timeout_seconds : Int32 = 30
-  property cache_enabled = true
-  property cache_size_mbs = 50
-  property cache_log_enabled = true
  property disable_login = false
  property default_username = ""
  property auth_proxy_header_name = ""
-  property plugin_update_interval_hours : Int32 = 24
+  property mangadex = Hash(String, String | Int32).new
+
+  @[YAML::Field(ignore: true)]
+  @mangadex_defaults = {
+    "base_url"               => "https://mangadex.org",
+    "api_url"                => "https://api.mangadex.org/v2",
+    "download_wait_seconds"  => 5,
+    "download_retries"       => 4,
+    "download_queue_db_path" => File.expand_path("~/mango/queue.db",
+      home: true),
+    "chapter_rename_rule" => "[Vol.{volume} ]" \
+                             "[Ch.{chapter} ]{title|id}",
+    "manga_rename_rule"                  => "{title}",
+    "subscription_update_interval_hours" => 24,
+  }

  @@singlet : Config?

@@ -43,7 +55,7 @@ class Config
    if File.exists? cfg_path
      config = self.from_yaml File.read cfg_path
      config.path = path
-      config.expand_paths
+      config.fill_defaults
      config.preprocess
      return config
    end
@@ -51,7 +63,7 @@ class Config
         "Dumping the default config there."
    default = self.allocate
    default.path = path
-    default.expand_paths
+    default.fill_defaults
    cfg_dir = File.dirname cfg_path
    unless Dir.exists? cfg_dir
      Dir.mkdir_p cfg_dir
@@ -61,9 +73,13 @@ class Config
    default
  end

-  def expand_paths
-    {% for p in %w(library library_cache db queue_db upload plugin) %}
-      @{{p.id}}_path = File.expand_path @{{p.id}}_path, home: true
+  def fill_defaults
+    {% for hash_name in ["mangadex"] %}
+      @{{hash_name.id}}_defaults.map do |k, v|
+        if @{{hash_name.id}}[k]?.nil?
+          @{{hash_name.id}}[k] = v
+        end
+      end
    {% end %}
  end

@@ -78,5 +94,24 @@ class Config
      raise "Login is disabled, but default username is not set. " \
            "Please set a default username"
    end
+
+    # `Logger.default` is not available yet
+    Log.setup :debug
+    unless mangadex["api_url"] =~ /\/v2/
+      Log.warn { "It looks like you are using the deprecated MangaDex API " \
+                 "v1 in your config file. Please update it to " \
+                 "https://api.mangadex.org/v2 to suppress this warning." }
+      mangadex["api_url"] = "https://api.mangadex.org/v2"
+    end
+    if mangadex["api_url"] =~ /\/api\/v2/
+      Log.warn { "It looks like you are using the outdated MangaDex API " \
+                 "url (mangadex.org/api/v2) in your config file. Please " \
+                 "update it to https://api.mangadex.org/v2 to suppress this " \
+                 "warning." }
+      mangadex["api_url"] = "https://api.mangadex.org/v2"
+    end
+
+    mangadex["api_url"] = mangadex["api_url"].to_s.rstrip "/"
+    mangadex["base_url"] = mangadex["base_url"].to_s.rstrip "/"
  end
 end
--- a/src/handlers/auth_handler.cr
+++ b/src/handlers/auth_handler.cr
@@ -54,9 +54,8 @@ class AuthHandler < Kemal::Handler
  end

  def call(env)
-    # Skip all authentication if requesting /login, /logout, /api/login,
-    #   or a static file
-    if request_path_startswith(env, ["/login", "/logout", "/api/login"]) ||
+    # Skip all authentication if requesting /login, /logout, or a static file
+    if request_path_startswith(env, ["/login", "/logout"]) ||
       requesting_static_file env
      return call_next(env)
    end
--- a/src/library/cache.cr
+++ b/src/library/cache.cr
@@ -1,218 +0,0 @@
-require "digest"
-
-require "./entry"
-require "./title"
-require "./types"
-
-# Base class for an entry in the LRU cache.
-# There are two ways to use it:
-#   1. Use it as it is by instantiating with the appropriate `SaveT` and
-#     `ReturnT`. Note that in this case, `SaveT` and `ReturnT` must be the
-#     same type. That is, the input value will be stored as it is without
-#     any transformation.
-#   2. You can also subclass it and provide custom implementations for
-#     `to_save_t` and `to_return_t`. This allows you to transform and store
-#     the input value to a different type. See `SortedEntriesCacheEntry` as
-#     an example.
-private class CacheEntry(SaveT, ReturnT)
-  getter key : String, atime : Time
-
-  @value : SaveT
-
-  def initialize(@key : String, value : ReturnT)
-    @atime = @ctime = Time.utc
-    @value = self.class.to_save_t value
-  end
-
-  def value
-    @atime = Time.utc
-    self.class.to_return_t @value
-  end
-
-  def self.to_save_t(value : ReturnT)
-    value
-  end
-
-  def self.to_return_t(value : SaveT)
-    value
-  end
-
-  def instance_size
-    instance_sizeof(CacheEntry(SaveT, ReturnT)) + # sizeof itself
-      instance_sizeof(String) + @key.bytesize +   # allocated memory for @key
-      @value.instance_size
-  end
-end
-
-class SortedEntriesCacheEntry < CacheEntry(Array(String), Array(Entry))
-  def self.to_save_t(value : Array(Entry))
-    value.map &.id
-  end
-
-  def self.to_return_t(value : Array(String))
-    ids_to_entries value
-  end
-
-  private def self.ids_to_entries(ids : Array(String))
-    e_map = Library.default.deep_entries.to_h { |entry| {entry.id, entry} }
-    entries = [] of Entry
-    begin
-      ids.each do |id|
-        entries << e_map[id]
-      end
-      return entries if ids.size == entries.size
-    rescue
-    end
-  end
-
-  def instance_size
-    instance_sizeof(SortedEntriesCacheEntry) +  # sizeof itself
-      instance_sizeof(String) + @key.bytesize + # allocated memory for @key
-      @value.size * (instance_sizeof(String) + sizeof(String)) +
-      @value.sum(&.bytesize) # elements in Array(String)
-  end
-
-  def self.gen_key(book_id : String, username : String,
-                   entries : Array(Entry), opt : SortOptions?)
-    entries_sig = Digest::SHA1.hexdigest (entries.map &.id).to_s
-    user_context = opt && opt.method == SortMethod::Progress ? username : ""
-    sig = Digest::SHA1.hexdigest (book_id + entries_sig + user_context +
-                                  (opt ? opt.to_tuple.to_s : "nil"))
-    "#{sig}:sorted_entries"
-  end
-end
-
-class SortedTitlesCacheEntry < CacheEntry(Array(String), Array(Title))
-  def self.to_save_t(value : Array(Title))
-    value.map &.id
-  end
-
-  def self.to_return_t(value : Array(String))
-    value.map { |title_id| Library.default.title_hash[title_id].not_nil! }
-  end
-
-  def instance_size
-    instance_sizeof(SortedTitlesCacheEntry) +   # sizeof itself
-      instance_sizeof(String) + @key.bytesize + # allocated memory for @key
-      @value.size * (instance_sizeof(String) + sizeof(String)) +
-      @value.sum(&.bytesize) # elements in Array(String)
-  end
-
-  def self.gen_key(username : String, titles : Array(Title), opt : SortOptions?)
-    titles_sig = Digest::SHA1.hexdigest (titles.map &.id).to_s
-    user_context = opt && opt.method == SortMethod::Progress ? username : ""
-    sig = Digest::SHA1.hexdigest (titles_sig + user_context +
-                                  (opt ? opt.to_tuple.to_s : "nil"))
-    "#{sig}:sorted_titles"
-  end
-end
-
-class String
-  def instance_size
-    instance_sizeof(String) + bytesize
-  end
-end
-
-struct Tuple(*T)
-  def instance_size
-    sizeof(T) + # total size of non-reference types
-      self.sum do |e|
-        next 0 unless e.is_a? Reference
-        if e.responds_to? :instance_size
-          e.instance_size
-        else
-          instance_sizeof(typeof(e))
-        end
-      end
-  end
-end
-
-alias CacheableType = Array(Entry) | Array(Title) | String |
-                      Tuple(String, Int32)
-alias CacheEntryType = SortedEntriesCacheEntry |
-                       SortedTitlesCacheEntry |
-                       CacheEntry(String, String) |
-                       CacheEntry(Tuple(String, Int32), Tuple(String, Int32))
-
-def generate_cache_entry(key : String, value : CacheableType)
-  if value.is_a? Array(Entry)
-    SortedEntriesCacheEntry.new key, value
-  elsif value.is_a? Array(Title)
-    SortedTitlesCacheEntry.new key, value
-  else
-    CacheEntry(typeof(value), typeof(value)).new key, value
-  end
-end
-
-# LRU Cache
-class LRUCache
-  @@limit : Int128 = Int128.new 0
-  @@should_log = true
-  # key => entry
-  @@cache = {} of String => CacheEntryType
-
-  def self.enabled
-    Config.current.cache_enabled
-  end
-
-  def self.init
-    cache_size = Config.current.cache_size_mbs
-    @@limit = Int128.new cache_size * 1024 * 1024 if enabled
-    @@should_log = Config.current.cache_log_enabled
-  end
-
-  def self.get(key : String)
-    return unless enabled
-    entry = @@cache[key]?
-    if @@should_log
-      Logger.debug "LRUCache #{entry.nil? ? "miss" : "hit"} #{key}"
-    end
-    return entry.value unless entry.nil?
-  end
-
-  def self.set(cache_entry : CacheEntryType)
-    return unless enabled
-    key = cache_entry.key
-    @@cache[key] = cache_entry
-    Logger.debug "LRUCache cached #{key}" if @@should_log
-    remove_least_recent_access
-  end
-
-  def self.invalidate(key : String)
-    return unless enabled
-    @@cache.delete key
-  end
-
-  def self.print
-    return unless @@should_log
-    sum = @@cache.sum { |_, entry| entry.instance_size }
-    Logger.debug "---- LRU Cache ----"
-    Logger.debug "Size: #{sum} Bytes"
-    Logger.debug "List:"
-    @@cache.each do |k, v|
-      Logger.debug "#{k} | #{v.atime} | #{v.instance_size}"
-    end
-    Logger.debug "-------------------"
-  end
-
-  private def self.is_cache_full
-    sum = @@cache.sum { |_, entry| entry.instance_size }
-    sum > @@limit
-  end
-
-  private def self.remove_least_recent_access
-    if @@should_log && is_cache_full
-      Logger.debug "Removing entries from LRUCache"
-    end
-    while is_cache_full && @@cache.size > 0
-      min_tuple = @@cache.min_by { |_, entry| entry.atime }
-      min_key = min_tuple[0]
-      min_entry = min_tuple[1]
-
-      Logger.debug "  \
-        Target: #{min_key}, \
-        Last Access Time: #{min_entry.atime}" if @@should_log
-      invalidate min_key
-    end
-  end
-end
--- a/src/library/entry.cr
+++ b/src/library/entry.cr
@@ -1,16 +1,10 @@
 require "image_size"
-require "yaml"

 class Entry
-  include YAML::Serializable
-
  getter zip_path : String, book : Title, title : String,
    size : String, pages : Int32, id : String, encoded_path : String,
    encoded_title : String, mtime : Time, err_msg : String?

-  @[YAML::Field(ignore: true)]
-  @sort_title : String?
-
  def initialize(@zip_path, @book)
    storage = Storage.default
    @encoded_path = URI.encode @zip_path
@@ -52,54 +46,19 @@ class Entry
    file.close
  end

-  def build_json(*, slim = false)
-    JSON.build do |json|
-      json.object do
-        {% for str in ["zip_path", "title", "size", "id"] %}
+  def to_json(json : JSON::Builder)
+    json.object do
+      {% for str in ["zip_path", "title", "size", "id"] %}
        json.field {{str}}, @{{str.id}}
      {% end %}
-        json.field "title_id", @book.id
-        json.field "title_title", @book.title
-        json.field "sort_title", sort_title
-        json.field "pages" { json.number @pages }
-        unless slim
-          json.field "display_name", @book.display_name @title
-          json.field "cover_url", cover_url
-          json.field "mtime" { json.number @mtime.to_unix }
-        end
-      end
+      json.field "title_id", @book.id
+      json.field "display_name", @book.display_name @title
+      json.field "cover_url", cover_url
+      json.field "pages" { json.number @pages }
+      json.field "mtime" { json.number @mtime.to_unix }
    end
  end

-  def sort_title
-    sort_title_cached = @sort_title
-    return sort_title_cached if sort_title_cached
-    sort_title = @book.entry_sort_title_db id
-    if sort_title
-      @sort_title = sort_title
-      return sort_title
-    end
-    @sort_title = @title
-    @title
-  end
-
-  def set_sort_title(sort_title : String | Nil, username : String)
-    Storage.default.set_entry_sort_title id, sort_title
-    if sort_title == "" || sort_title.nil?
-      @sort_title = nil
-    else
-      @sort_title = sort_title
-    end
-
-    @book.entry_sort_title_cache = nil
-    @book.remove_sorted_entries_cache [SortMethod::Auto, SortMethod::Title],
-      username
-  end
-
-  def sort_title_db
-    @book.entry_sort_title_db @id
-  end
-
  def display_name
    @book.display_name @title
  end
@@ -109,18 +68,10 @@ class Entry
  end

  def cover_url
-    return "#{Config.current.base_url}img/icons/icon_x192.png" if @err_msg
-
-    unless @book.entry_cover_url_cache
-      TitleInfo.new @book.dir do |info|
-        @book.entry_cover_url_cache = info.entry_cover_url
-      end
-    end
-    entry_cover_url = @book.entry_cover_url_cache
-
+    return "#{Config.current.base_url}img/icon.png" if @err_msg
    url = "#{Config.current.base_url}api/cover/#{@book.id}/#{@id}"
-    if entry_cover_url
-      info_url = entry_cover_url[@title]?
+    TitleInfo.new @book.dir do |info|
+      info_url = info.entry_cover_url[@title]?
      unless info_url.nil? || info_url.empty?
        url = File.join Config.current.base_url, info_url
      end
@@ -145,17 +96,13 @@ class Entry
  def read_page(page_num)
    raise "Unreadble archive. #{@err_msg}" if @err_msg
    img = nil
-    begin
-      sorted_archive_entries do |file, entries|
-        page = entries[page_num - 1]
-        data = file.read_entry page
-        if data
-          img = Image.new data, MIME.from_filename(page.filename),
-            page.filename, data.size
-        end
+    sorted_archive_entries do |file, entries|
+      page = entries[page_num - 1]
+      data = file.read_entry page
+      if data
+        img = Image.new data, MIME.from_filename(page.filename), page.filename,
+          data.size
      end
-    rescue e
-      Logger.warn "Unable to read page #{page_num} of #{@zip_path}. Error: #{e}"
    end
    img
  end
@@ -211,12 +158,6 @@ class Entry
  # For backward backward compatibility with v0.1.0, we save entry titles
  #   instead of IDs in info.json
  def save_progress(username, page)
-    LRUCache.invalidate "#{@book.id}:#{username}:progress_sum"
-    @book.parents.each do |parent|
-      LRUCache.invalidate "#{parent.id}:#{username}:progress_sum"
-    end
-    @book.remove_sorted_caches [SortMethod::Progress], username
-
    TitleInfo.new @book.dir do |info|
      if info.progress[username]?.nil?
        info.progress[username] = {@title => page}
--- a/src/library/library.cr
+++ b/src/library/library.cr
@@ -1,94 +1,20 @@
 class Library
-  struct ThumbnailContext
-    property current : Int32, total : Int32
-
-    def initialize
-      @current = 0
-      @total = 0
-    end
-
-    def progress
-      if total == 0
-        0
-      else
-        current / total
-      end
-    end
-
-    def reset
-      @current = 0
-      @total = 0
-    end
-
-    def increment
-      @current += 1
-    end
-  end
-
-  include YAML::Serializable
-
  getter dir : String, title_ids : Array(String),
    title_hash : Hash(String, Title)

-  @[YAML::Field(ignore: true)]
-  getter thumbnail_ctx = ThumbnailContext.new
-
  use_default

-  def save_instance
-    path = Config.current.library_cache_path
-    Logger.debug "Caching library to #{path}"
-
-    writer = Compress::Gzip::Writer.new path,
-      Compress::Gzip::BEST_COMPRESSION
-    writer.write self.to_yaml.to_slice
-    writer.close
-  end
-
-  def self.load_instance
-    path = Config.current.library_cache_path
-    return unless File.exists? path
-
-    Logger.debug "Loading cached library from #{path}"
-
-    begin
-      Compress::Gzip::Reader.open path do |content|
-        loaded = Library.from_yaml content
-        # We will have to do a full restart in these cases. Otherwise having
-        #   two instances of the library will cause some weirdness.
-        if loaded.dir != Config.current.library_path
-          Logger.fatal "Cached library dir #{loaded.dir} does not match " \
-                       "current library dir #{Config.current.library_path}. " \
-                       "Deleting cache"
-          delete_cache_and_exit path
-        end
-        if loaded.title_ids.size > 0 &&
-           Storage.default.count_titles == 0
-          Logger.fatal "The library cache is inconsistent with the DB. " \
-                       "Deleting cache"
-          delete_cache_and_exit path
-        end
-        @@default = loaded
-        Logger.debug "Library cache loaded"
-      end
-      Library.default.register_jobs
-    rescue e
-      Logger.error e
-    end
-  end
-
  def initialize
+    register_mime_types
+
    @dir = Config.current.library_path
    # explicitly initialize @titles to bypass the compiler check. it will
    #   be filled with actual Titles in the `scan` call below
    @title_ids = [] of String
    @title_hash = {} of String => Title

-    register_jobs
-  end
-
-  protected def register_jobs
-    register_mime_types
+    @entries_count = 0
+    @thumbnails_count = 0

    scan_interval = Config.current.scan_interval_minutes
    if scan_interval < 1
@@ -99,7 +25,7 @@ class Library
          start = Time.local
          scan
          ms = (Time.local - start).total_milliseconds
-          Logger.debug "Library initialized in #{ms}ms"
+          Logger.info "Scanned #{@title_ids.size} titles in #{ms}ms"
          sleep scan_interval.minutes
        end
      end
@@ -116,6 +42,25 @@ class Library
        end
      end
    end
+
+    subscription_interval = Config.current
+      .mangadex["subscription_update_interval_hours"].as Int32
+    unless subscription_interval < 1
+      spawn do
+        loop do
+          subscriptions = Storage.default.subscriptions
+          Logger.info "Checking MangaDex for updates on " \
+                      "#{subscriptions.size} subscriptions"
+          added_count = 0
+          subscriptions.each do |sub|
+            added_count += sub.check_for_updates
+          end
+          Logger.info "Subscription update completed. Added #{added_count} " \
+                      "chapters to the download queue"
+          sleep subscription_interval.hours
+        end
+      end
+    end
  end

  def titles
@@ -125,6 +70,11 @@ class Library
  def sorted_titles(username, opt : SortOptions? = nil)
    if opt.nil?
      opt = SortOptions.from_info_json @dir, username
+    else
+      TitleInfo.new @dir do |info|
+        info.sort_by[username] = opt.to_tuple
+        info.save
+      end
    end

    # Helper function from src/util/util.cr
@@ -135,21 +85,11 @@ class Library
    titles + titles.flat_map &.deep_titles
  end

-  def deep_entries
-    titles.flat_map &.deep_entries
-  end
-
-  def build_json(*, slim = false, depth = -1)
-    JSON.build do |json|
-      json.object do
-        json.field "dir", @dir
-        json.field "titles" do
-          json.array do
-            self.titles.each do |title|
-              json.raw title.build_json(slim: slim, depth: depth)
-            end
-          end
-        end
+  def to_json(json : JSON::Builder)
+    json.object do
+      json.field "dir", @dir
+      json.field "titles" do
+        json.raw self.titles.to_json
      end
    end
  end
@@ -163,7 +103,6 @@ class Library
  end

  def scan
-    start = Time.local
    unless Dir.exists? @dir
      Logger.info "The library directory #{@dir} does not exist. " \
                  "Attempting to create it"
@@ -172,38 +111,14 @@ class Library

    storage = Storage.new auto_close: false

-    examine_context : ExamineContext = {
-      cached_contents_signature: {} of String => String,
-      deleted_title_ids:         [] of String,
-      deleted_entry_ids:         [] of String,
-    }
-
-    library_paths = (Dir.entries @dir)
+    (Dir.entries @dir)
      .select { |fn| !fn.starts_with? "." }
      .map { |fn| File.join @dir, fn }
-    @title_ids.select! do |title_id|
-      title = @title_hash[title_id]
-      next false unless library_paths.includes? title.dir
-      existence = title.examine examine_context
-      unless existence
-        examine_context["deleted_title_ids"].concat [title_id] +
-                                                    title.deep_titles.map &.id
-        examine_context["deleted_entry_ids"].concat title.deep_entries.map &.id
-      end
-      existence
-    end
-    remained_title_dirs = @title_ids.map { |id| title_hash[id].dir }
-    examine_context["deleted_title_ids"].each do |title_id|
-      @title_hash.delete title_id
-    end
-
-    cache = examine_context["cached_contents_signature"]
-    library_paths
-      .select { |path| !(remained_title_dirs.includes? path) }
      .select { |path| File.directory? path }
-      .map { |path| Title.new path, "", cache }
+      .map { |path| Title.new path, "" }
      .select { |title| !(title.entries.empty? && title.titles.empty?) }
-      .sort! { |a, b| a.sort_title <=> b.sort_title }
+      .sort! { |a, b| a.title <=> b.title }
+      .tap { |_| @title_ids.clear }
      .each do |title|
        @title_hash[title.id] = title
        @title_ids << title.id
@@ -212,15 +127,8 @@ class Library
    storage.bulk_insert_ids
    storage.close

-    ms = (Time.local - start).total_milliseconds
-    Logger.info "Scanned #{@title_ids.size} titles in #{ms}ms"
-
-    Storage.default.mark_unavailable examine_context["deleted_entry_ids"],
-      examine_context["deleted_title_ids"]
-
-    spawn do
-      save_instance
-    end
+    Logger.debug "Scan completed"
+    Storage.default.mark_unavailable
  end

  def get_continue_reading_entries(username)
@@ -304,29 +212,34 @@ class Library
      .shuffle!
  end

+  def thumbnail_generation_progress
+    return 0 if @entries_count == 0
+    @thumbnails_count / @entries_count
+  end
+
  def generate_thumbnails
-    if thumbnail_ctx.current > 0
+    if @thumbnails_count > 0
      Logger.debug "Thumbnail generation in progress"
      return
    end

    Logger.info "Starting thumbnail generation"
    entries = deep_titles.flat_map(&.deep_entries).reject &.err_msg
-    thumbnail_ctx.total = entries.size
-    thumbnail_ctx.current = 0
+    @entries_count = entries.size
+    @thumbnails_count = 0

    # Report generation progress regularly
    spawn do
      loop do
-        unless thumbnail_ctx.current == 0
+        unless @thumbnails_count == 0
          Logger.debug "Thumbnail generation progress: " \
-                       "#{(thumbnail_ctx.progress * 100).round 1}%"
+                       "#{(thumbnail_generation_progress * 100).round 1}%"
        end
        # Generation is completed. We reset the count to 0 to allow subsequent
        #   calls to the function, and break from the loop to stop the progress
        #   report fiber
-        if thumbnail_ctx.progress.to_i == 1
-          thumbnail_ctx.reset
+        if thumbnail_generation_progress.to_i == 1
+          @thumbnails_count = 0
          break
        end
        sleep 10.seconds
@@ -340,7 +253,7 @@ class Library
        #   and CPU
        sleep 1.seconds
      end
-      thumbnail_ctx.increment
+      @thumbnails_count += 1
    end
    Logger.info "Thumbnail generation finished"
  end
--- a/src/library/title.cr
+++ b/src/library/title.cr
@@ -1,30 +1,13 @@
-require "digest"
 require "../archive"

 class Title
-  include YAML::Serializable
-
  getter dir : String, parent_id : String, title_ids : Array(String),
    entries : Array(Entry), title : String, id : String,
-    encoded_title : String, mtime : Time, signature : UInt64,
-    entry_cover_url_cache : Hash(String, String)?
-  setter entry_cover_url_cache : Hash(String, String)?,
-    entry_sort_title_cache : Hash(String, String | Nil)?
+    encoded_title : String, mtime : Time, signature : UInt64

-  @[YAML::Field(ignore: true)]
-  @sort_title : String?
-  @[YAML::Field(ignore: true)]
-  @entry_sort_title_cache : Hash(String, String | Nil)?
-  @[YAML::Field(ignore: true)]
  @entry_display_name_cache : Hash(String, String)?
-  @[YAML::Field(ignore: true)]
-  @entry_cover_url_cache : Hash(String, String)?
-  @[YAML::Field(ignore: true)]
-  @cached_display_name : String?
-  @[YAML::Field(ignore: true)]
-  @cached_cover_url : String?

-  def initialize(@dir : String, @parent_id, cache = {} of String => String)
+  def initialize(@dir : String, @parent_id)
    storage = Storage.default
    @signature = Dir.signature dir
    id = storage.get_title_id dir, signature
@@ -37,7 +20,6 @@ class Title
      })
    end
    @id = id
-    @contents_signature = Dir.contents_signature dir, cache
    @title = File.basename dir
    @encoded_title = URI.encode @title
    @title_ids = [] of String
@@ -48,7 +30,7 @@ class Title
      next if fn.starts_with? "."
      path = File.join dir, fn
      if File.directory? path
-        title = Title.new path, @id, cache
+        title = Title.new path, @id
        next if title.entries.size == 0 && title.titles.size == 0
        Library.default.title_hash[title.id] = title
        @title_ids << title.id
@@ -71,180 +53,31 @@ class Title
    end
    sorter = ChapterSorter.new @entries.map &.title
    @entries.sort! do |a, b|
-      sorter.compare a.sort_title, b.sort_title
+      sorter.compare a.title, b.title
    end
  end

-  # Utility method used in library rescanning.
-  # - When the title does not exist on the file system anymore, return false
-  #     and let it be deleted from the library instance
-  # - When the title exists, but its contents signature is now different from
-  #     the cache, it means some of its content (nested titles or entries)
-  #     has been added, deleted, or renamed. In this case we update its
-  #     contents signature and instance variables
-  # - When the title exists and its contents signature is still the same, we
-  #     return true so it can be reused without rescanning
-  def examine(context : ExamineContext) : Bool
-    return false unless Dir.exists? @dir
-    contents_signature = Dir.contents_signature @dir,
-      context["cached_contents_signature"]
-    return true if @contents_signature == contents_signature
-
-    @contents_signature = contents_signature
-    @signature = Dir.signature @dir
-    storage = Storage.default
-    id = storage.get_title_id dir, signature
-    if id.nil?
-      id = random_str
-      storage.insert_title_id({
-        path:      dir,
-        id:        id,
-        signature: signature.to_s,
-      })
-    end
-    @id = id
-    @mtime = File.info(@dir).modification_time
-
-    previous_titles_size = @title_ids.size
-    @title_ids.select! do |title_id|
-      title = Library.default.get_title title_id
-      unless title # for if data consistency broken
-        context["deleted_title_ids"].concat [title_id]
-        next false
-      end
-      existence = title.examine context
-      unless existence
-        context["deleted_title_ids"].concat [title_id] +
-                                            title.deep_titles.map &.id
-        context["deleted_entry_ids"].concat title.deep_entries.map &.id
-      end
-      existence
-    end
-    remained_title_dirs = @title_ids.map do |title_id|
-      title = Library.default.get_title! title_id
-      title.dir
-    end
-
-    previous_entries_size = @entries.size
-    @entries.select! do |entry|
-      existence = File.exists? entry.zip_path
-      Fiber.yield
-      context["deleted_entry_ids"] << entry.id unless existence
-      existence
-    end
-    remained_entry_zip_paths = @entries.map &.zip_path
-
-    is_titles_added = false
-    is_entries_added = false
-    Dir.entries(dir).each do |fn|
-      next if fn.starts_with? "."
-      path = File.join dir, fn
-      if File.directory? path
-        next if remained_title_dirs.includes? path
-        title = Title.new path, @id, context["cached_contents_signature"]
-        next if title.entries.size == 0 && title.titles.size == 0
-        Library.default.title_hash[title.id] = title
-        @title_ids << title.id
-        is_titles_added = true
-
-        # We think they are removed, but they are here!
-        # Cancel reserved jobs
-        revival_title_ids = [title.id] + title.deep_titles.map &.id
-        context["deleted_title_ids"].select! do |deleted_title_id|
-          !(revival_title_ids.includes? deleted_title_id)
-        end
-        revival_entry_ids = title.deep_entries.map &.id
-        context["deleted_entry_ids"].select! do |deleted_entry_id|
-          !(revival_entry_ids.includes? deleted_entry_id)
-        end
-
-        next
-      end
-      if is_supported_file path
-        next if remained_entry_zip_paths.includes? path
-        entry = Entry.new path, self
-        if entry.pages > 0 || entry.err_msg
-          @entries << entry
-          is_entries_added = true
-          context["deleted_entry_ids"].select! do |deleted_entry_id|
-            entry.id != deleted_entry_id
-          end
-        end
-      end
-    end
-
-    mtimes = [@mtime]
-    mtimes += @title_ids.map { |e| Library.default.title_hash[e].mtime }
-    mtimes += @entries.map &.mtime
-    @mtime = mtimes.max
-
-    if is_titles_added || previous_titles_size != @title_ids.size
-      @title_ids.sort! do |a, b|
-        compare_numerically Library.default.title_hash[a].title,
-          Library.default.title_hash[b].title
-      end
-    end
-    if is_entries_added || previous_entries_size != @entries.size
-      sorter = ChapterSorter.new @entries.map &.sort_title
-      @entries.sort! do |a, b|
-        sorter.compare a.sort_title, b.sort_title
-      end
-    end
-
-    if @title_ids.size > 0 || @entries.size > 0
-      true
-    else
-      context["deleted_title_ids"].concat [@id]
-      false
-    end
-  end
-
-  alias SortContext = NamedTuple(username: String, opt: SortOptions)
-
-  def build_json(*, slim = false, depth = -1,
-                 sort_context : SortContext? = nil)
-    JSON.build do |json|
-      json.object do
-        {% for str in ["dir", "title", "id"] %}
+  def to_json(json : JSON::Builder)
+    json.object do
+      {% for str in ["dir", "title", "id"] %}
        json.field {{str}}, @{{str.id}}
      {% end %}
-        json.field "signature" { json.number @signature }
-        json.field "sort_title", sort_title
-        unless slim
-          json.field "display_name", display_name
-          json.field "cover_url", cover_url
-          json.field "mtime" { json.number @mtime.to_unix }
-        end
-        unless depth == 0
-          json.field "titles" do
-            json.array do
-              self.titles.each do |title|
-                json.raw title.build_json(slim: slim,
-                  depth: depth > 0 ? depth - 1 : depth)
-              end
-            end
-          end
-          json.field "entries" do
-            json.array do
-              _entries = if sort_context
-                           sorted_entries sort_context[:username],
-                             sort_context[:opt]
-                         else
-                           @entries
-                         end
-              _entries.each do |entry|
-                json.raw entry.build_json(slim: slim)
-              end
-            end
-          end
-        end
-        json.field "parents" do
-          json.array do
-            self.parents.each do |title|
-              json.object do
-                json.field "title", title.title
-                json.field "id", title.id
-              end
+      json.field "signature" { json.number @signature }
+      json.field "display_name", display_name
+      json.field "cover_url", cover_url
+      json.field "mtime" { json.number @mtime.to_unix }
+      json.field "titles" do
+        json.raw self.titles.to_json
+      end
+      json.field "entries" do
+        json.raw @entries.to_json
+      end
+      json.field "parents" do
+        json.array do
+          self.parents.each do |title|
+            json.object do
+              json.field "title", title.title
+              json.field "id", title.id
            end
          end
        end
@@ -256,15 +89,6 @@ class Title
    @title_ids.map { |tid| Library.default.get_title! tid }
  end

-  def sorted_titles(username, opt : SortOptions? = nil)
-    if opt.nil?
-      opt = SortOptions.from_info_json @dir, username
-    end
-
-    # Helper function from src/util/util.cr
-    sort_titles titles, opt.not_nil!, username
-  end
-
  # Get all entries, including entries in nested titles
  def deep_entries
    return @entries if title_ids.empty?
@@ -301,48 +125,6 @@ class Title
    ary.join " and "
  end

-  def sort_title
-    sort_title_cached = @sort_title
-    return sort_title_cached if sort_title_cached
-    sort_title = Storage.default.get_title_sort_title id
-    if sort_title
-      @sort_title = sort_title
-      return sort_title
-    end
-    @sort_title = @title
-    @title
-  end
-
-  def set_sort_title(sort_title : String | Nil, username : String)
-    Storage.default.set_title_sort_title id, sort_title
-    if sort_title == "" || sort_title.nil?
-      @sort_title = nil
-    else
-      @sort_title = sort_title
-    end
-
-    if parents.size > 0
-      target = parents[-1].titles
-    else
-      target = Library.default.titles
-    end
-    remove_sorted_titles_cache target,
-      [SortMethod::Auto, SortMethod::Title], username
-  end
-
-  def sort_title_db
-    Storage.default.get_title_sort_title id
-  end
-
-  def entry_sort_title_db(entry_id)
-    unless @entry_sort_title_cache
-      @entry_sort_title_cache =
-        Storage.default.get_entries_sort_title @entries.map &.id
-    end
-
-    @entry_sort_title_cache.not_nil![entry_id]?
-  end
-
  def tags
    Storage.default.get_title_tags @id
  end
@@ -360,15 +142,11 @@ class Title
  end

  def display_name
-    cached_display_name = @cached_display_name
-    return cached_display_name unless cached_display_name.nil?
-
    dn = @title
    TitleInfo.new @dir do |info|
      info_dn = info.display_name
      dn = info_dn unless info_dn.empty?
    end
-    @cached_display_name = dn
    dn
  end

@@ -392,7 +170,6 @@ class Title
  end

  def set_display_name(dn)
-    @cached_display_name = dn
    TitleInfo.new @dir do |info|
      info.display_name = dn
      info.save
@@ -402,16 +179,12 @@ class Title
  def set_display_name(entry_name : String, dn)
    TitleInfo.new @dir do |info|
      info.entry_display_name[entry_name] = dn
-      @entry_display_name_cache = info.entry_display_name
      info.save
    end
  end

  def cover_url
-    cached_cover_url = @cached_cover_url
-    return cached_cover_url unless cached_cover_url.nil?
-
-    url = "#{Config.current.base_url}img/icons/icon_x192.png"
+    url = "#{Config.current.base_url}img/icon.png"
    readable_entries = @entries.select &.err_msg.nil?
    if readable_entries.size > 0
      url = readable_entries[0].cover_url
@@ -422,12 +195,10 @@ class Title
        url = File.join Config.current.base_url, info_url
      end
    end
-    @cached_cover_url = url
    url
  end

  def set_cover_url(url : String)
-    @cached_cover_url = url
    TitleInfo.new @dir do |info|
      info.cover_url = url
      info.save
@@ -437,7 +208,6 @@ class Title
  def set_cover_url(entry_name : String, url : String)
    TitleInfo.new @dir do |info|
      info.entry_cover_url[entry_name] = url
-      @entry_cover_url_cache = info.entry_cover_url
      info.save
    end
  end
@@ -457,15 +227,8 @@ class Title
  end

  def deep_read_page_count(username) : Int32
-    key = "#{@id}:#{username}:progress_sum"
-    sig = Digest::SHA1.hexdigest (entries.map &.id).to_s
-    cached_sum = LRUCache.get key
-    return cached_sum[1] if cached_sum.is_a? Tuple(String, Int32) &&
-                            cached_sum[0] == sig
-    sum = load_progress_for_all_entries(username, nil, true).sum +
-          titles.flat_map(&.deep_read_page_count username).sum
-    LRUCache.set generate_cache_entry key, {sig, sum}
-    sum
+    load_progress_for_all_entries(username).sum +
+      titles.flat_map(&.deep_read_page_count username).sum
  end

  def deep_total_page_count : Int32
@@ -519,46 +282,44 @@ class Title
  #   use the default (auto, ascending)
  # When `opt` is not nil, it saves the options to info.json
  def sorted_entries(username, opt : SortOptions? = nil)
-    cache_key = SortedEntriesCacheEntry.gen_key @id, username, @entries, opt
-    cached_entries = LRUCache.get cache_key
-    return cached_entries if cached_entries.is_a? Array(Entry)
-
    if opt.nil?
      opt = SortOptions.from_info_json @dir, username
+    else
+      TitleInfo.new @dir do |info|
+        info.sort_by[username] = opt.to_tuple
+        info.save
+      end
    end

    case opt.not_nil!.method
    when .title?
-      ary = @entries.sort do |a, b|
-        compare_numerically a.sort_title, b.sort_title
-      end
+      ary = @entries.sort { |a, b| compare_numerically a.title, b.title }
    when .time_modified?
      ary = @entries.sort { |a, b| (a.mtime <=> b.mtime).or \
-        compare_numerically a.sort_title, b.sort_title }
+        compare_numerically a.title, b.title }
    when .time_added?
      ary = @entries.sort { |a, b| (a.date_added <=> b.date_added).or \
-        compare_numerically a.sort_title, b.sort_title }
+        compare_numerically a.title, b.title }
    when .progress?
      percentage_ary = load_percentage_for_all_entries username, opt, true
      ary = @entries.zip(percentage_ary)
        .sort { |a_tp, b_tp| (a_tp[1] <=> b_tp[1]).or \
-          compare_numerically a_tp[0].sort_title, b_tp[0].sort_title }
+          compare_numerically a_tp[0].title, b_tp[0].title }
        .map &.[0]
    else
      unless opt.method.auto?
        Logger.warn "Unknown sorting method #{opt.not_nil!.method}. Using " \
                    "Auto instead"
      end
-      sorter = ChapterSorter.new @entries.map &.sort_title
+      sorter = ChapterSorter.new @entries.map &.title
      ary = @entries.sort do |a, b|
-        sorter.compare(a.sort_title, b.sort_title).or \
-          compare_numerically a.sort_title, b.sort_title
+        sorter.compare(a.title, b.title).or \
+          compare_numerically a.title, b.title
      end
    end

    ary.reverse! unless opt.not_nil!.ascend

-    LRUCache.set generate_cache_entry cache_key, ary
    ary
  end

@@ -619,33 +380,7 @@ class Title
    zip + titles.flat_map &.deep_entries_with_date_added
  end

-  def remove_sorted_entries_cache(sort_methods : Array(SortMethod),
-                                  username : String)
-    [false, true].each do |ascend|
-      sort_methods.each do |sort_method|
-        sorted_entries_cache_key =
-          SortedEntriesCacheEntry.gen_key @id, username, @entries,
-            SortOptions.new(sort_method, ascend)
-        LRUCache.invalidate sorted_entries_cache_key
-      end
-    end
-  end
-
-  def remove_sorted_caches(sort_methods : Array(SortMethod), username : String)
-    remove_sorted_entries_cache sort_methods, username
-    parents.each do |parent|
-      remove_sorted_titles_cache parent.titles, sort_methods, username
-    end
-    remove_sorted_titles_cache Library.default.titles, sort_methods, username
-  end
-
  def bulk_progress(action, ids : Array(String), username)
-    LRUCache.invalidate "#{@id}:#{username}:progress_sum"
-    parents.each do |parent|
-      LRUCache.invalidate "#{parent.id}:#{username}:progress_sum"
-    end
-    remove_sorted_caches [SortMethod::Progress], username
-
    selected_entries = ids
      .map { |id|
        @entries.find &.id.==(id)
--- a/src/library/types.cr
+++ b/src/library/types.cr
@@ -1,12 +1,4 @@
-SUPPORTED_IMG_TYPES = %w(
-  image/jpeg
-  image/png
-  image/webp
-  image/apng
-  image/avif
-  image/gif
-  image/svg+xml
-)
+SUPPORTED_IMG_TYPES = ["image/jpeg", "image/png", "image/webp"]

 enum SortMethod
  Auto
@@ -96,18 +88,6 @@ class TitleInfo
  @@mutex_hash = {} of String => Mutex

  def self.new(dir, &)
-    key = "#{dir}:info.json"
-    info = LRUCache.get key
-    if info.is_a? String
-      begin
-        instance = TitleInfo.from_json info
-        instance.dir = dir
-        yield instance
-        return
-      rescue
-      end
-    end
-
    if @@mutex_hash[dir]?
      mutex = @@mutex_hash[dir]
    else
@@ -121,7 +101,6 @@ class TitleInfo
        instance = TitleInfo.from_json File.read json_path
      end
      instance.dir = dir
-      LRUCache.set generate_cache_entry key, instance.to_json
      yield instance
    end
  end
@@ -129,12 +108,5 @@ class TitleInfo
  def save
    json_path = File.join @dir, "info.json"
    File.write json_path, self.to_pretty_json
-    key = "#{@dir}:info.json"
-    LRUCache.set generate_cache_entry key, self.to_json
  end
 end
-
-alias ExamineContext = NamedTuple(
-  cached_contents_signature: Hash(String, String),
-  deleted_title_ids: Array(String),
-  deleted_entry_ids: Array(String))
--- a/src/logger.cr
+++ b/src/logger.cr
@@ -34,11 +34,7 @@ class Logger
    end

    @backend.formatter = Log::Formatter.new &format_proc
-
-    Log.setup do |c|
-      c.bind "*", @@severity, @backend
-      c.bind "db.*", :error, @backend
-    end
+    Log.setup @@severity, @backend
  end

  def self.get_severity(level = "") : Log::Severity
--- a/src/mangadex/downloader.cr
+++ b/src/mangadex/downloader.cr
@@ -0,0 +1,172 @@
+require "mangadex"
+require "compress/zip"
+require "../rename"
+require "./ext"
+
+module MangaDex
+  class PageJob
+    property success = false
+    property url : String
+    property filename : String
+    property writer : Compress::Zip::Writer
+    property tries_remaning : Int32
+
+    def initialize(@url, @filename, @writer, @tries_remaning)
+    end
+  end
+
+  class Downloader < Queue::Downloader
+    @wait_seconds : Int32 = Config.current.mangadex["download_wait_seconds"]
+      .to_i32
+    @retries : Int32 = Config.current.mangadex["download_retries"].to_i32
+
+    use_default
+
+    def initialize
+      @client = Client.from_config
+      super
+    end
+
+    def pop : Queue::Job?
+      job = nil
+      MainFiber.run do
+        DB.open "sqlite3://#{@queue.path}" do |db|
+          begin
+            db.query_one "select * from queue where id not like '%-%' " \
+                         "and (status = 0 or status = 1) " \
+                         "order by time limit 1" do |res|
+              job = Queue::Job.from_query_result res
+            end
+          rescue
+          end
+        end
+      end
+      job
+    end
+
+    private def download(job : Queue::Job)
+      @downloading = true
+      @queue.set_status Queue::JobStatus::Downloading, job
+      begin
+        chapter = @client.chapter job.id
+        # We must put the `.pages` call in a rescue block to handle external
+        #   chapters.
+        pages = chapter.pages
+      rescue e
+        Logger.error e
+        @queue.set_status Queue::JobStatus::Error, job
+        unless e.message.nil?
+          @queue.add_message e.message.not_nil!, job
+        end
+        @downloading = false
+        return
+      end
+      @queue.set_pages pages.size, job
+      lib_dir = @library_path
+      rename_rule = Rename::Rule.new \
+        Config.current.mangadex["manga_rename_rule"].to_s
+      manga_dir = File.join lib_dir, chapter.manga.rename rename_rule
+      unless File.exists? manga_dir
+        Dir.mkdir_p manga_dir
+      end
+      zip_path = File.join manga_dir, "#{job.title}.cbz.part"
+
+      # Find the number of digits needed to store the number of pages
+      len = Math.log10(pages.size).to_i + 1
+
+      writer = Compress::Zip::Writer.new zip_path
+      # Create a buffered channel. It works as an FIFO queue
+      channel = Channel(PageJob).new pages.size
+      spawn do
+        pages.each_with_index do |url, i|
+          fn = Path.new(URI.parse(url).path).basename
+          ext = File.extname fn
+          fn = "#{i.to_s.rjust len, '0'}#{ext}"
+          page_job = PageJob.new url, fn, writer, @retries
+          Logger.debug "Downloading #{url}"
+          loop do
+            sleep @wait_seconds.seconds
+            download_page page_job
+            break if page_job.success ||
+                     page_job.tries_remaning <= 0
+            page_job.tries_remaning -= 1
+            Logger.warn "Failed to download page #{url}. " \
+                        "Retrying... Remaining retries: " \
+                        "#{page_job.tries_remaning}"
+          end
+
+          channel.send page_job
+          break unless @queue.exists? job
+        end
+      end
+
+      spawn do
+        page_jobs = [] of PageJob
+        pages.size.times do
+          page_job = channel.receive
+
+          break unless @queue.exists? job
+
+          Logger.debug "[#{page_job.success ? "success" : "failed"}] " \
+                       "#{page_job.url}"
+          page_jobs << page_job
+          if page_job.success
+            @queue.add_success job
+          else
+            @queue.add_fail job
+            msg = "Failed to download page #{page_job.url}"
+            @queue.add_message msg, job
+            Logger.error msg
+          end
+        end
+
+        unless @queue.exists? job
+          Logger.debug "Download cancelled"
+          @downloading = false
+          next
+        end
+
+        fail_count = page_jobs.count { |j| !j.success }
+        Logger.debug "Download completed. " \
+                     "#{fail_count}/#{page_jobs.size} failed"
+        writer.close
+        filename = File.join File.dirname(zip_path), File.basename(zip_path,
+          ".part")
+        File.rename zip_path, filename
+        Logger.debug "cbz File created at #{filename}"
+
+        zip_exception = validate_archive filename
+        if !zip_exception.nil?
+          @queue.add_message "The downloaded archive is corrupted. " \
+                             "Error: #{zip_exception}", job
+          @queue.set_status Queue::JobStatus::Error, job
+        elsif fail_count > 0
+          @queue.set_status Queue::JobStatus::MissingPages, job
+        else
+          @queue.set_status Queue::JobStatus::Completed, job
+        end
+        @downloading = false
+      end
+    end
+
+    private def download_page(job : PageJob)
+      Logger.debug "downloading #{job.url}"
+      headers = HTTP::Headers{
+        "User-agent" => "Mangadex.cr",
+      }
+      begin
+        HTTP::Client.get job.url, headers do |res|
+          unless res.success?
+            raise "Failed to download page #{job.url}. " \
+                  "[#{res.status_code}] #{res.status_message}"
+          end
+          job.writer.add job.filename, res.body_io
+        end
+        job.success = true
+      rescue e
+        Logger.error e
+        job.success = false
+      end
+    end
+  end
+end
--- a/src/mangadex/ext.cr
+++ b/src/mangadex/ext.cr
@@ -0,0 +1,94 @@
+private macro properties_to_hash(names)
+  {
+    {% for name in names %}
+      "{{name.id}}" => {{name.id}}.to_s,
+    {% end %}
+  }
+end
+
+# Monkey-patch the structures in the `mangadex` shard to suit our needs
+module MangaDex
+  struct Client
+    @@group_cache = {} of String => Group
+
+    def self.from_config : Client
+      self.new base_url: Config.current.mangadex["base_url"].to_s,
+        api_url: Config.current.mangadex["api_url"].to_s
+    end
+  end
+
+  struct Manga
+    def rename(rule : Rename::Rule)
+      rule.render properties_to_hash %w(id title author artist)
+    end
+
+    def to_info_json
+      hash = JSON.parse(to_json).as_h
+      _chapters = chapters.map do |c|
+        JSON.parse c.to_info_json
+      end
+      hash["chapters"] = JSON::Any.new _chapters
+      hash.to_json
+    end
+  end
+
+  struct Chapter
+    def rename(rule : Rename::Rule)
+      hash = properties_to_hash %w(id title volume chapter lang_code language)
+      hash["groups"] = groups.join(",", &.name)
+      rule.render hash
+    end
+
+    def full_title
+      rule = Rename::Rule.new \
+        Config.current.mangadex["chapter_rename_rule"].to_s
+      rename rule
+    end
+
+    def to_info_json
+      hash = JSON.parse(to_json).as_h
+      hash["language"] = JSON::Any.new language
+      _groups = {} of String => JSON::Any
+      groups.each do |g|
+        _groups[g.name] = JSON::Any.new g.id
+      end
+      hash["groups"] = JSON::Any.new _groups
+      hash["full_title"] = JSON::Any.new full_title
+      hash.to_json
+    end
+
+    # We don't need to rename the manga title here. It will be renamed in
+    #   src/mangadex/downloader.cr
+    def to_job : Queue::Job
+      Queue::Job.new(
+        id.to_s,
+        manga_id.to_s,
+        full_title,
+        manga_title,
+        Queue::JobStatus::Pending,
+        Time.unix timestamp
+      )
+    end
+  end
+
+  struct User
+    def updates_after(time : Time, &block : Chapter ->)
+      page = 1
+      stopped = false
+      until stopped
+        chapters = followed_updates(page: page).chapters
+        return if chapters.empty?
+        chapters.each do |c|
+          if time > Time.unix c.timestamp
+            stopped = true
+            break
+          end
+          yield c
+        end
+        page += 1
+        # Let's not DDOS MangaDex :)
+        sleep 5.seconds
+      end
+    end
+  end
+end
--- a/src/mango.cr
+++ b/src/mango.cr
@@ -2,12 +2,13 @@ require "./config"
 require "./queue"
 require "./server"
 require "./main_fiber"
+require "./mangadex/*"
 require "./plugin/*"
 require "option_parser"
 require "clim"
 require "tallboy"

-MANGO_VERSION = "0.25.0"
+MANGO_VERSION = "0.22.0"

 # From http://www.network-science.de/ascii/
 BANNER = %{
@@ -55,13 +56,11 @@ class CLI < Clim
      Config.load(opts.config).set_current

      # Initialize main components
-      LRUCache.init
      Storage.default
      Queue.default
-      Library.load_instance
      Library.default
+      MangaDex::Downloader.default
      Plugin::Downloader.default
-      Plugin::Updater.default

      spawn do
        begin
--- a/src/plugin/downloader.cr
+++ b/src/plugin/downloader.cr
@@ -23,6 +23,11 @@ class Plugin
      job
    end

+    private def process_filename(str)
+      return "_" if str == ".."
+      str.gsub "/", "_"
+    end
+
    private def download(job : Queue::Job)
      @downloading = true
      @queue.set_status Queue::JobStatus::Downloading, job
@@ -37,8 +42,8 @@ class Plugin

        pages = info["pages"].as_i

-        manga_title = sanitize_filename job.manga_title
-        chapter_title = sanitize_filename info["title"].as_s
+        manga_title = process_filename job.manga_title
+        chapter_title = process_filename info["title"].as_s

        @queue.set_pages pages, job
        lib_dir = @library_path
@@ -63,7 +68,7 @@ class Plugin
      while page = plugin.next_page
        break unless @queue.exists? job

-        fn = sanitize_filename page["filename"].as_s
+        fn = process_filename page["filename"].as_s
        url = page["url"].as_s
        headers = HTTP::Headers.new

--- a/src/plugin/plugin.cr
+++ b/src/plugin/plugin.cr
@@ -2,8 +2,6 @@ require "duktape/runtime"
 require "myhtml"
 require "xml"

-require "./subscriptions"
-
 class Plugin
  class Error < ::Exception
  end
@@ -18,19 +16,12 @@ class Plugin
  end

  struct Info
-    include JSON::Serializable
-
    {% for name in ["id", "title", "placeholder"] %}
      getter {{name.id}} = ""
    {% end %}
-    getter wait_seconds = 0u64
-    getter version = 0u64
-    getter settings = {} of String => String?
+    getter wait_seconds : UInt64 = 0
    getter dir : String

-    @[JSON::Field(ignore: true)]
-    @json : JSON::Any
-
    def initialize(@dir)
      info_path = File.join @dir, "info.json"

@@ -46,16 +37,6 @@ class Plugin
          @{{name.id}} = @json[{{name}}].as_s
        {% end %}
        @wait_seconds = @json["wait_seconds"].as_i.to_u64
-        @version = @json["api_version"]?.try(&.as_i.to_u64) || 1u64
-
-        if @version > 1 && (settings_hash = @json["settings"]?.try &.as_h?)
-          settings_hash.each do |k, v|
-            unless str_value = v.as_s?
-              raise "The settings object can only contain strings or null"
-            end
-            @settings[k] = str_value
-          end
-        end

        unless @id.alphanumeric_underscore?
          raise "Plugin ID can only contain alphanumeric characters and " \
@@ -133,33 +114,6 @@ class Plugin
    @info.not_nil!
  end

-  def subscribe(subscription : Subscription)
-    list = SubscriptionList.new info.dir
-    list << subscription
-    list.save
-  end
-
-  def list_subscriptions
-    SubscriptionList.new(info.dir).ary
-  end
-
-  def list_subscriptions_raw
-    SubscriptionList.new(info.dir)
-  end
-
-  def unsubscribe(id : String)
-    list = SubscriptionList.new info.dir
-    list.reject! &.id.== id
-    list.save
-  end
-
-  def check_subscription(id : String)
-    list = list_subscriptions_raw
-    sub = list.find &.id.== id
-    Plugin::Updater.default.check_subscription self, sub.not_nil!
-    list.save
-  end
-
  def initialize(id : String)
    Plugin.build_info_ary

@@ -184,12 +138,6 @@ class Plugin
      sbx.push_string path
      sbx.put_prop_string -2, "storage_path"

-      sbx.push_pointer info.dir.as(Void*)
-      path = sbx.require_pointer(-1).as String
-      sbx.pop
-      sbx.push_string path
-      sbx.put_prop_string -2, "info_dir"
-
      def_helper_functions sbx
    end

@@ -204,67 +152,23 @@ class Plugin
    {% end %}
  end

-  def assert_manga_type(obj : JSON::Any)
-    obj["id"].as_s && obj["title"].as_s
-  rescue e
-    raise Error.new "Missing required fields in the Manga type"
-  end
-
-  def assert_chapter_type(obj : JSON::Any)
-    obj["id"].as_s && obj["title"].as_s && obj["pages"].as_i &&
-      obj["manga_title"].as_s
-  rescue e
-    raise Error.new "Missing required fields in the Chapter type"
-  end
-
-  def assert_page_type(obj : JSON::Any)
-    obj["url"].as_s && obj["filename"].as_s
-  rescue e
-    raise Error.new "Missing required fields in the Page type"
-  end
-
-  def search_manga(query : String)
-    if info.version == 1
-      raise Error.new "Manga searching is only available for plugins " \
-                      "targeting API v2 or above"
-    end
-    json = eval_json "searchManga('#{query}')"
-    begin
-      json.as_a.each do |obj|
-        assert_manga_type obj
-      end
-    rescue e
-      raise Error.new e.message
-    end
-    json
-  end
-
  def list_chapters(query : String)
    json = eval_json "listChapters('#{query}')"
    begin
-      if info.version > 1
-        # Since v2, listChapters returns an array
-        json.as_a.each do |obj|
-          assert_chapter_type obj
+      check_fields ["title", "chapters"]
+
+      ary = json["chapters"].as_a
+      ary.each do |obj|
+        id = obj["id"]?
+        raise "Field `id` missing from `listChapters` outputs" if id.nil?
+
+        unless id.to_s.alphanumeric_underscore?
+          raise "The `id` field can only contain alphanumeric characters " \
+                "and underscores"
        end
-      else
-        check_fields ["title", "chapters"]

-        ary = json["chapters"].as_a
-        ary.each do |obj|
-          id = obj["id"]?
-          raise "Field `id` missing from `listChapters` outputs" if id.nil?
-
-          unless id.to_s.alphanumeric_underscore?
-            raise "The `id` field can only contain alphanumeric characters " \
-                  "and underscores"
-          end
-
-          title = obj["title"]?
-          if title.nil?
-            raise "Field `title` missing from `listChapters` outputs"
-          end
-        end
+        title = obj["title"]?
+        raise "Field `title` missing from `listChapters` outputs" if title.nil?
      end
    rescue e
      raise Error.new e.message
@@ -275,14 +179,10 @@ class Plugin
  def select_chapter(id : String)
    json = eval_json "selectChapter('#{id}')"
    begin
-      if info.version > 1
-        assert_chapter_type json
-      else
-        check_fields ["title", "pages"]
+      check_fields ["title", "pages"]

-        if json["title"].to_s.empty?
-          raise "The `title` field of the chapter can not be empty"
-        end
+      if json["title"].to_s.empty?
+        raise "The `title` field of the chapter can not be empty"
      end
    rescue e
      raise Error.new e.message
@@ -294,21 +194,7 @@ class Plugin
    json = eval_json "nextPage()"
    return if json.size == 0
    begin
-      assert_page_type json
-    rescue e
-      raise Error.new e.message
-    end
-    json
-  end
-
-  def new_chapters(manga_id : String, after : Int64)
-    # Converting standard timestamp to milliseconds so plugins can easily do
-    #   `new Date(ms_timestamp)` in JS.
-    json = eval_json "newChapters('#{manga_id}', #{after * 1000})"
-    begin
-      json.as_a.each do |obj|
-        assert_chapter_type obj
-      end
+      check_fields ["filename", "url"]
    rescue e
      raise Error.new e.message
    end
@@ -493,27 +379,6 @@ class Plugin
    end
    sbx.put_prop_string -2, "storage"

-    if info.version > 1
-      sbx.push_proc 1 do |ptr|
-        env = Duktape::Sandbox.new ptr
-        key = env.require_string 0
-
-        env.get_global_string "info_dir"
-        info_dir = env.require_string -1
-        env.pop
-        info = Info.new info_dir
-
-        if value = info.settings[key]?
-          env.push_string value
-        else
-          env.push_undefined
-        end
-
-        env.call_success
-      end
-      sbx.put_prop_string -2, "settings"
-    end
-
    sbx.put_prop_string -2, "mango"
  end
 end
--- a/src/plugin/subscriptions.cr
+++ b/src/plugin/subscriptions.cr
@@ -1,115 +0,0 @@
-require "uuid"
-require "big"
-
-enum FilterType
-  String
-  NumMin
-  NumMax
-  DateMin
-  DateMax
-  Array
-
-  def self.from_string(str)
-    case str
-    when "string"
-      String
-    when "number-min"
-      NumMin
-    when "number-max"
-      NumMax
-    when "date-min"
-      DateMin
-    when "date-max"
-      DateMax
-    when "array"
-      Array
-    else
-      raise "Unknown filter type with string #{str}"
-    end
-  end
-end
-
-struct Filter
-  include JSON::Serializable
-
-  property key : String
-  property value : String | Int32 | Int64 | Float32 | Nil
-  property type : FilterType
-
-  def initialize(@key, @value, @type)
-  end
-
-  def self.from_json(str) : Filter
-    json = JSON.parse str
-    key = json["key"].as_s
-    type = FilterType.from_string json["type"].as_s
-    _value = json["value"]
-    value = _value.as_s? || _value.as_i? || _value.as_i64? ||
-            _value.as_f32? || nil
-    self.new key, value, type
-  end
-
-  def match_chapter(obj : JSON::Any) : Bool
-    return true if value.nil? || value.to_s.empty?
-    raw_value = obj[key]
-    case type
-    when FilterType::String
-      raw_value.as_s.downcase == value.to_s.downcase
-    when FilterType::NumMin, FilterType::DateMin
-      BigFloat.new(raw_value.as_s) >= BigFloat.new value.not_nil!.to_f32
-    when FilterType::NumMax, FilterType::DateMax
-      BigFloat.new(raw_value.as_s) <= BigFloat.new value.not_nil!.to_f32
-    when FilterType::Array
-      return true if value == "all"
-      raw_value.as_s.downcase.split(",")
-        .map(&.strip).includes? value.to_s.downcase.strip
-    else
-      false
-    end
-  end
-end
-
-# We use class instead of struct so we can update `last_checked` from
-#   `SubscriptionList`
-class Subscription
-  include JSON::Serializable
-
-  property id : String
-  property plugin_id : String
-  property manga_id : String
-  property manga_title : String
-  property name : String
-  property created_at : Int64
-  property last_checked : Int64
-  property filters = [] of Filter
-
-  def initialize(@plugin_id, @manga_id, @manga_title, @name)
-    @id = UUID.random.to_s
-    @created_at = Time.utc.to_unix
-    @last_checked = Time.utc.to_unix
-  end
-
-  def match_chapter(obj : JSON::Any) : Bool
-    filters.all? &.match_chapter(obj)
-  end
-end
-
-struct SubscriptionList
-  @dir : String
-  @path : String
-
-  getter ary = [] of Subscription
-
-  forward_missing_to @ary
-
-  def initialize(@dir)
-    @path = Path[@dir, "subscriptions.json"].to_s
-    if File.exists? @path
-      @ary = Array(Subscription).from_json File.read @path
-    end
-  end
-
-  def save
-    File.write @path, @ary.to_pretty_json
-  end
-end
--- a/src/plugin/updater.cr
+++ b/src/plugin/updater.cr
@@ -1,75 +0,0 @@
-class Plugin
-  class Updater
-    use_default
-
-    def initialize
-      interval = Config.current.plugin_update_interval_hours
-      return if interval <= 0
-      spawn do
-        loop do
-          Plugin.list.map(&.["id"]).each do |pid|
-            check_updates pid
-          end
-          sleep interval.hours
-        end
-      end
-    end
-
-    def check_updates(plugin_id : String)
-      Logger.debug "Checking plugin #{plugin_id} for updates"
-
-      plugin = Plugin.new plugin_id
-      if plugin.info.version == 1
-        Logger.debug "Plugin #{plugin_id} is targeting API version 1. " \
-                     "Skipping update check"
-        return
-      end
-
-      subscriptions = plugin.list_subscriptions_raw
-      subscriptions.each do |sub|
-        check_subscription plugin, sub
-      end
-      subscriptions.save
-    rescue e
-      Logger.error "Error checking plugin #{plugin_id} for updates: " \
-                   "#{e.message}"
-    end
-
-    def check_subscription(plugin : Plugin, sub : Subscription)
-      Logger.debug "Checking subscription #{sub.name} for updates"
-      matches = plugin.new_chapters(sub.manga_id, sub.last_checked)
-        .as_a.select do |chapter|
-        sub.match_chapter chapter
-      end
-      if matches.empty?
-        Logger.debug "No new chapters found."
-        sub.last_checked = Time.utc.to_unix
-        return
-      end
-      Logger.debug "Found #{matches.size} new chapters. " \
-                   "Pushing to download queue"
-      jobs = matches.map { |ch|
-        Queue::Job.new(
-          "#{plugin.info.id}-#{Base64.encode ch["id"].as_s}",
-          "", # manga_id
-          ch["title"].as_s,
-          sub.manga_title,
-          Queue::JobStatus::Pending,
-          Time.utc
-        )
-      }
-      inserted_count = Queue.default.push jobs
-      Logger.info "#{inserted_count}/#{matches.size} new chapters added " \
-                  "to the download queue. Plugin ID #{plugin.info.id}, " \
-                  "subscription name #{sub.name}"
-      if inserted_count != matches.size
-        Logger.error "Failed to add #{matches.size - inserted_count} " \
-                     "chapters to download queue"
-      end
-      sub.last_checked = Time.utc.to_unix
-    rescue e
-      Logger.error "Error when checking updates for subscription " \
-                   "#{sub.name}: #{e.message}"
-    end
-  end
-end
--- a/src/queue.cr
+++ b/src/queue.cr
@@ -70,13 +70,7 @@ class Queue
      ary = @id.split("-")
      if ary.size == 2
        @plugin_id = ary[0]
-        # This begin-rescue block is for backward compatibility. In earlier
-        #   versions we didn't encode the chapter ID
-        @plugin_chapter_id = begin
-          Base64.decode_string ary[1]
-        rescue
-          ary[1]
-        end
+        @plugin_chapter_id = ary[1]
      end
    end

@@ -118,7 +112,7 @@ class Queue
  use_default

  def initialize(db_path : String? = nil)
-    @path = db_path || Config.current.queue_db_path.to_s
+    @path = db_path || Config.current.mangadex["download_queue_db_path"].to_s
    dir = File.dirname @path
    unless Dir.exists? dir
      Logger.info "The queue DB directory #{dir} does not exist. " \
--- a/src/routes/admin.cr
+++ b/src/routes/admin.cr
@@ -66,15 +66,16 @@ struct AdminRouter
    end

    get "/admin/downloads" do |env|
+      mangadex_base_url = Config.current.mangadex["base_url"]
      layout "download-manager"
    end

-    get "/admin/subscriptions" do |env|
-      layout "subscription-manager"
-    end
-
    get "/admin/missing" do |env|
      layout "missing-items"
    end
+
+    get "/admin/mangadex" do |env|
+      layout "mangadex"
+    end
  end
 end
--- a/src/routes/api.cr
+++ b/src/routes/api.cr
@@ -1,6 +1,6 @@
+require "../mangadex/*"
 require "../upload"
 require "koa"
-require "digest"

 struct APIRouter
  @@api_json : String?
@@ -23,7 +23,7 @@ struct APIRouter

    # Authentication

-    All endpoints except `/api/login` require authentication. After logging in, your session ID would be stored as a cookie named `mango-sessid-#{Config.current.port}`, which can be used to authenticate the API access. Note that all admin API endpoints (`/api/admin/...`) require the logged-in user to have admin access.
+    All endpoints require authentication. After logging in, your session ID would be stored as a cookie named `mango-sessid-#{Config.current.port}`, which can be used to authenticate the API access. Note that all admin API endpoints (`/api/admin/...`) require the logged-in user to have admin access.

    # Terminologies

@@ -56,45 +56,18 @@ struct APIRouter
      "error"   => String?,
    }

-    Koa.schema "filter", {
-      "key"   => String,
-      "type"  => String,
-      "value" => String | Int32 | Int64 | Float32,
-    }
+    Koa.schema("mdChapter", {
+      "id"    => Int64,
+      "group" => {} of String => String,
+    }.merge(s %w(title volume chapter language full_title time
+      manga_title manga_id)),
+      desc: "A MangaDex chapter")

-    Koa.schema "subscription", {
-      "id"           => String,
-      "plugin_id"    => String,
-      "manga_id"     => String,
-      "manga_title"  => String,
-      "name"         => String,
-      "created_at"   => Int64,
-      "last_checked" => Int64,
-      "filters"      => ["filter"],
-    }
-
-    Koa.describe "Authenticates a user", <<-MD
-    After successful login, the cookie `mango-sessid-#{Config.current.port}` will contain a valid session ID that can be used for subsequent requests
-    MD
-    Koa.body schema: {
-      "username" => String,
-      "password" => String,
-    }
-    Koa.tag "users"
-    post "/api/login" do |env|
-      begin
-        username = env.params.json["username"].as String
-        password = env.params.json["password"].as String
-        token = Storage.default.verify_user(username, password).not_nil!
-
-        env.session.string "token", token
-        "Authenticated"
-      rescue e
-        Logger.error e
-        env.response.status_code = 403
-        e.message
-      end
-    end
+    Koa.schema "mdManga", {
+      "id"       => Int64,
+      "chapters" => ["mdChapter"],
+    }.merge(s %w(title description author artist cover_url)),
+      desc: "A MangaDex manga"

    Koa.describe "Returns a page in a manga entry"
    Koa.path "tid", desc: "Title ID"
@@ -102,14 +75,12 @@ struct APIRouter
    Koa.path "page", schema: Int32, desc: "The page number to return (starts from 1)"
    Koa.response 200, schema: Bytes, media_type: "image/*"
    Koa.response 500, "Page not found or not readable"
-    Koa.response 304, "Page not modified (only available when `If-None-Match` is set)"
    Koa.tag "reader"
    get "/api/page/:tid/:eid/:page" do |env|
      begin
        tid = env.params.url["tid"]
        eid = env.params.url["eid"]
        page = env.params.url["page"].to_i
-        prev_e_tag = env.request.headers["If-None-Match"]?

        title = Library.default.get_title tid
        raise "Title ID `#{tid}` not found" if title.nil?
@@ -119,15 +90,7 @@ struct APIRouter
        raise "Failed to load page #{page} of " \
              "`#{title.title}/#{entry.title}`" if img.nil?

-        e_tag = Digest::SHA1.hexdigest img.data
-        if prev_e_tag == e_tag
-          env.response.status_code = 304
-          ""
-        else
-          env.response.headers["ETag"] = e_tag
-          env.response.headers["Cache-Control"] = "public, max-age=86400"
-          send_img env, img
-        end
+        send_img env, img
      rescue e
        Logger.error e
        env.response.status_code = 500
@@ -139,14 +102,12 @@ struct APIRouter
    Koa.path "tid", desc: "Title ID"
    Koa.path "eid", desc: "Entry ID"
    Koa.response 200, schema: Bytes, media_type: "image/*"
-    Koa.response 304, "Page not modified (only available when `If-None-Match` is set)"
    Koa.response 500, "Page not found or not readable"
    Koa.tag "library"
    get "/api/cover/:tid/:eid" do |env|
      begin
        tid = env.params.url["tid"]
        eid = env.params.url["eid"]
-        prev_e_tag = env.request.headers["If-None-Match"]?

        title = Library.default.get_title tid
        raise "Title ID `#{tid}` not found" if title.nil?
@@ -157,14 +118,7 @@ struct APIRouter
        raise "Failed to get cover of `#{title.title}/#{entry.title}`" \
           if img.nil?

-        e_tag = Digest::SHA1.hexdigest img.data
-        if prev_e_tag == e_tag
-          env.response.status_code = 304
-          ""
-        else
-          env.response.headers["ETag"] = e_tag
-          send_img env, img
-        end
+        send_img env, img
      rescue e
        Logger.error e
        env.response.status_code = 500
@@ -172,39 +126,18 @@ struct APIRouter
      end
    end

-    Koa.describe "Returns the book with title `tid`", <<-MD
-    - Supply the `slim` query parameter to strip away "display_name", "cover_url", and "mtime" from the returned object to speed up the loading time
-    - Supply the `depth` query parameter to control the depth of nested titles to return.
-      - When `depth` is 1, returns the top-level titles and sub-titles/entries one level in them
-      - When `depth` is 0, returns the top-level titles without their sub-titles/entries
-      - When `depth` is N, returns the top-level titles and sub-titles/entries N levels in them
-      - When `depth` is negative, returns the entire library
-    MD
+    Koa.describe "Returns the book with title `tid`"
    Koa.path "tid", desc: "Title ID"
-    Koa.query "slim"
-    Koa.query "depth"
-    Koa.query "sort", desc: "Sorting option for entries. Can be one of 'auto', 'title', 'progress', 'time_added' and 'time_modified'"
-    Koa.query "ascend", desc: "Sorting direction for entries. Set to 0 for the descending order. Doesn't work without specifying 'sort'"
    Koa.response 200, schema: "title"
    Koa.response 404, "Title not found"
    Koa.tag "library"
    get "/api/book/:tid" do |env|
      begin
-        username = get_username env
-
-        sort_opt = SortOptions.new
-        get_sort_opt
-
        tid = env.params.url["tid"]
        title = Library.default.get_title tid
        raise "Title ID `#{tid}` not found" if title.nil?

-        slim = !env.params.query["slim"]?.nil?
-        depth = env.params.query["depth"]?.try(&.to_i?) || -1
-
-        send_json env, title.build_json(slim: slim, depth: depth,
-          sort_context: {username: username,
-                         opt:      sort_opt})
+        send_json env, title.to_json
      rescue e
        Logger.error e
        env.response.status_code = 404
@@ -212,26 +145,14 @@ struct APIRouter
      end
    end

-    Koa.describe "Returns the entire library with all titles and entries", <<-MD
-    - Supply the `slim` query parameter to strip away "display_name", "cover_url", and "mtime" from the returned object to speed up the loading time
-    - Supply the `dpeth` query parameter to control the depth of nested titles to return.
-      - When `depth` is 1, returns the requested title and sub-titles/entries one level in it
-      - When `depth` is 0, returns the requested title without its sub-titles/entries
-      - When `depth` is N, returns the requested title and sub-titles/entries N levels in it
-      - When `depth` is negative, returns the requested title and all sub-titles/entries in it
-    MD
-    Koa.query "slim"
-    Koa.query "depth"
+    Koa.describe "Returns the entire library with all titles and entries"
    Koa.response 200, schema: {
      "dir"    => String,
      "titles" => ["title"],
    }
    Koa.tag "library"
    get "/api/library" do |env|
-      slim = !env.params.query["slim"]?.nil?
-      depth = env.params.query["depth"]?.try(&.to_i?) || -1
-
-      send_json env, Library.default.build_json(slim: slim, depth: depth)
+      send_json env, Library.default.to_json
    end

    Koa.describe "Triggers a library scan"
@@ -257,7 +178,7 @@ struct APIRouter
    }
    get "/api/admin/thumbnail_progress" do |env|
      send_json env, {
-        "progress" => Library.default.thumbnail_ctx.progress,
+        "progress" => Library.default.thumbnail_generation_progress,
      }.to_json
    end

@@ -388,35 +309,55 @@ struct APIRouter
      end
    end

-    Koa.describe "Sets the sort title of a title or an entry", <<-MD
-      When `eid` is provided, apply the sort title to the entry. Otherwise, apply the sort title to the title identified by `tid`.
+    Koa.describe "Returns a MangaDex manga identified by `id`", <<-MD
+      On error, returns a JSON that contains the error message in the `error` field.
    MD
-    Koa.tags ["admin", "library"]
-    Koa.path "tid", desc: "Title ID"
-    Koa.query "eid", desc: "Entry ID", required: false
-    Koa.query "name", desc: "The new sort title"
-    Koa.response 200, schema: "result"
-    put "/api/admin/sort_title/:tid" do |env|
-      username = get_username env
+    Koa.tags ["admin", "mangadex"]
+    Koa.path "id", desc: "A MangaDex manga ID"
+    Koa.response 200, schema: "mdManga"
+    get "/api/admin/mangadex/manga/:id" do |env|
      begin
-        title = (Library.default.get_title env.params.url["tid"])
-          .not_nil!
-        name = env.params.query["name"]?
-        entry = env.params.query["eid"]?
-        if entry.nil?
-          title.set_sort_title name, username
-        else
-          eobj = title.get_entry entry
-          eobj.set_sort_title name, username unless eobj.nil?
-        end
+        id = env.params.url["id"]
+        manga = MangaDex::Client.from_config.manga id
+        send_json env, manga.to_info_json
      rescue e
        Logger.error e
+        send_json env, {"error" => e.message}.to_json
+      end
+    end
+
+    Koa.describe "Adds a list of MangaDex chapters to the download queue", <<-MD
+      On error, returns a JSON that contains the error message in the `error` field.
+    MD
+    Koa.tags ["admin", "mangadex", "downloader"]
+    Koa.body schema: {
+      "chapters" => ["mdChapter"],
+    }
+    Koa.response 200, schema: {
+      "success" => Int32,
+      "fail"    => Int32,
+    }
+    post "/api/admin/mangadex/download" do |env|
+      begin
+        chapters = env.params.json["chapters"].as(Array).map &.as_h
+        jobs = chapters.map { |chapter|
+          Queue::Job.new(
+            chapter["id"].as_i64.to_s,
+            chapter["mangaId"].as_i64.to_s,
+            chapter["full_title"].as_s,
+            chapter["mangaTitle"].as_s,
+            Queue::JobStatus::Pending,
+            Time.unix chapter["timestamp"].as_i64
+          )
+        }
+        inserted_count = Queue.default.push jobs
        send_json env, {
-          "success" => false,
-          "error"   => e.message,
+          "success": inserted_count,
+          "fail":    jobs.size - inserted_count,
        }.to_json
-      else
-        send_json env, {"success" => true}.to_json
+      rescue e
+        Logger.error e
+        send_json env, {"error" => e.message}.to_json
      end
    end

@@ -584,209 +525,6 @@ struct APIRouter
      end
    end

-    Koa.describe "Returns a list of available plugins"
-    Koa.tags ["admin", "downloader"]
-    Koa.query "plugin", schema: String
-    Koa.response 200, schema: {
-      "success" => Bool,
-      "error"   => String?,
-      "plugins" => [{
-        "id"    => String,
-        "title" => String,
-      }],
-    }
-    get "/api/admin/plugin" do |env|
-      begin
-        send_json env, {
-          "success" => true,
-          "plugins" => Plugin.list,
-        }.to_json
-      rescue e
-        Logger.error e
-        send_json env, {
-          "success" => false,
-          "error"   => e.message,
-        }.to_json
-      end
-    end
-
-    Koa.describe "Returns the metadata of a plugin"
-    Koa.tags ["admin", "downloader"]
-    Koa.query "plugin", schema: String
-    Koa.response 200, schema: {
-      "success" => Bool,
-      "error"   => String?,
-      "info"    => {
-        "dir"          => String,
-        "id"           => String,
-        "title"        => String,
-        "placeholder"  => String,
-        "wait_seconds" => Int32,
-        "version"      => Int32,
-        "settings"     => {} of String => String,
-      },
-    }
-    get "/api/admin/plugin/info" do |env|
-      begin
-        plugin = Plugin.new env.params.query["plugin"].as String
-        send_json env, {
-          "success" => true,
-          "info"    => plugin.info,
-        }.to_json
-      rescue e
-        Logger.error e
-        send_json env, {
-          "success" => false,
-          "error"   => e.message,
-        }.to_json
-      end
-    end
-
-    Koa.describe "Searches for manga matching the given query from a plugin", <<-MD
-    Only available for plugins targeting API v2 or above.
-    MD
-    Koa.tags ["admin", "downloader"]
-    Koa.query "plugin", schema: String
-    Koa.query "query", schema: String
-    Koa.response 200, schema: {
-      "success" => Bool,
-      "error"   => String?,
-      "manga"   => [{
-        "id"    => String,
-        "title" => String,
-      }],
-    }
-    get "/api/admin/plugin/search" do |env|
-      begin
-        query = env.params.query["query"].as String
-        plugin = Plugin.new env.params.query["plugin"].as String
-
-        manga_ary = plugin.search_manga(query).as_a
-        send_json env, {
-          "success" => true,
-          "manga"   => manga_ary,
-        }.to_json
-      rescue e
-        Logger.error e
-        send_json env, {
-          "success" => false,
-          "error"   => e.message,
-        }.to_json
-      end
-    end
-
-    Koa.describe "Creates a new subscription"
-    Koa.tags ["admin", "downloader", "subscription"]
-    Koa.body schema: {
-      "plugin"   => String,
-      "manga"    => String,
-      "manga_id" => String,
-      "name"     => String,
-      "filters"  => ["filter"],
-    }
-    Koa.response 200, schema: "result"
-    post "/api/admin/plugin/subscriptions" do |env|
-      begin
-        plugin_id = env.params.json["plugin"].as String
-        manga_title = env.params.json["manga"].as String
-        manga_id = env.params.json["manga_id"].as String
-        filters = env.params.json["filters"].as(Array(JSON::Any)).map do |f|
-          Filter.from_json f.to_json
-        end
-        name = env.params.json["name"].as String
-
-        sub = Subscription.new plugin_id, manga_id, manga_title, name
-        sub.filters = filters
-
-        plugin = Plugin.new plugin_id
-        plugin.subscribe sub
-
-        send_json env, {
-          "success" => true,
-        }.to_json
-      rescue e
-        Logger.error e
-        send_json env, {
-          "success" => false,
-          "error"   => e.message,
-        }.to_json
-      end
-    end
-
-    Koa.describe "Returns the list of subscriptions for a plugin"
-    Koa.tags ["admin", "downloader", "subscription"]
-    Koa.query "plugin", desc: "The ID of the plugin"
-    Koa.response 200, schema: {
-      "success"       => Bool,
-      "error"         => String?,
-      "subscriptions" => ["subscription"],
-    }
-    get "/api/admin/plugin/subscriptions" do |env|
-      begin
-        pid = env.params.query["plugin"].as String
-        send_json env, {
-          "success"       => true,
-          "subscriptions" => Plugin.new(pid).list_subscriptions,
-        }.to_json
-      rescue e
-        Logger.error e
-        send_json env, {
-          "success" => false,
-          "error"   => e.message,
-        }.to_json
-      end
-    end
-
-    Koa.describe "Deletes a subscription"
-    Koa.tags ["admin", "downloader", "subscription"]
-    Koa.body schema: {
-      "plugin"       => String,
-      "subscription" => String,
-    }
-    Koa.response 200, schema: "result"
-    delete "/api/admin/plugin/subscriptions" do |env|
-      begin
-        pid = env.params.query["plugin"].as String
-        sid = env.params.query["subscription"].as String
-
-        Plugin.new(pid).unsubscribe sid
-
-        send_json env, {
-          "success" => true,
-        }.to_json
-      rescue e
-        Logger.error e
-        send_json env, {
-          "success" => false,
-          "error"   => e.message,
-        }.to_json
-      end
-    end
-
-    Koa.describe "Checks for updates for a subscription"
-    Koa.tags ["admin", "downloader", "subscription"]
-    Koa.body schema: {
-      "plugin"       => String,
-      "subscription" => String,
-    }
-    Koa.response 200, schema: "result"
-    post "/api/admin/plugin/subscriptions/update" do |env|
-      pid = env.params.query["plugin"].as String
-      sid = env.params.query["subscription"].as String
-
-      Plugin.new(pid).check_subscription sid
-
-      send_json env, {
-        "success" => true,
-      }.to_json
-    rescue e
-      Logger.error e
-      send_json env, {
-        "success" => false,
-        "error"   => e.message,
-      }.to_json
-    end
-
    Koa.describe "Lists the chapters in a title from a plugin"
    Koa.tags ["admin", "downloader"]
    Koa.query "plugin", schema: String
@@ -795,8 +533,8 @@ struct APIRouter
      "success"   => Bool,
      "error"     => String?,
      "chapters?" => [{
-        "id"     => String,
-        "title?" => String,
+        "id"    => String,
+        "title" => String,
      }],
      "title" => String?,
    }
@@ -806,14 +544,8 @@ struct APIRouter
        plugin = Plugin.new env.params.query["plugin"].as String

        json = plugin.list_chapters query
-
-        if plugin.info.version == 1
-          chapters = json["chapters"]
-          title = json["title"]
-        else
-          chapters = json
-          title = nil
-        end
+        chapters = json["chapters"]
+        title = json["title"]

        send_json env, {
          "success"  => true,
@@ -851,7 +583,7 @@ struct APIRouter

        jobs = chapters.map { |ch|
          Queue::Job.new(
-            "#{plugin.info.id}-#{Base64.encode ch["id"].as_s}",
+            "#{plugin.info.id}-#{ch["id"]}",
            "", # manga_id
            ch["title"].as_s,
            manga_title,
@@ -885,32 +617,21 @@ struct APIRouter
        "height" => Int32,
      }],
    }
-    Koa.response 304, "Not modified (only available when `If-None-Match` is set)"
    get "/api/dimensions/:tid/:eid" do |env|
      begin
        tid = env.params.url["tid"]
        eid = env.params.url["eid"]
-        prev_e_tag = env.request.headers["If-None-Match"]?

        title = Library.default.get_title tid
        raise "Title ID `#{tid}` not found" if title.nil?
        entry = title.get_entry eid
        raise "Entry ID `#{eid}` of `#{title.title}` not found" if entry.nil?

-        file_hash = Digest::SHA1.hexdigest (entry.zip_path + entry.mtime.to_s)
-        e_tag = "W/#{file_hash}"
-        if e_tag == prev_e_tag
-          env.response.status_code = 304
-          ""
-        else
-          sizes = entry.page_dimensions
-          env.response.headers["ETag"] = e_tag
-          env.response.headers["Cache-Control"] = "public, max-age=86400"
-          send_json env, {
-            "success"    => true,
-            "dimensions" => sizes,
-          }.to_json
-        end
+        sizes = entry.page_dimensions
+        send_json env, {
+          "success"    => true,
+          "dimensions" => sizes,
+        }.to_json
      rescue e
        Logger.error e
        send_json env, {
@@ -1169,6 +890,239 @@ struct APIRouter
      end
    end

+    Koa.describe "Logs the current user into their MangaDex account", <<-MD
+    If successful, returns the expiration date (as a unix timestamp) of the newly created token.
+    MD
+    Koa.body schema: {
+      "username" => String,
+      "password" => String,
+    }
+    Koa.response 200, schema: {
+      "success" => Bool,
+      "error"   => String?,
+      "expires" => Int64?,
+    }
+    Koa.tags ["admin", "mangadex", "users"]
+    post "/api/admin/mangadex/login" do |env|
+      begin
+        username = env.params.json["username"].as String
+        password = env.params.json["password"].as String
+        mango_username = get_username env
+
+        client = MangaDex::Client.from_config
+        client.auth username, password
+
+        Storage.default.save_md_token mango_username, client.token.not_nil!,
+          client.token_expires
+
+        send_json env, {
+          "success" => true,
+          "error"   => nil,
+          "expires" => client.token_expires.to_unix,
+        }.to_json
+      rescue e
+        Logger.error e
+        send_json env, {
+          "success" => false,
+          "error"   => e.message,
+        }.to_json
+      end
+    end
+
+    Koa.describe "Returns the expiration date (as a unix timestamp) of the mangadex token if it exists"
+    Koa.response 200, schema: {
+      "success" => Bool,
+      "error"   => String?,
+      "expires" => Int64?,
+    }
+    Koa.tags ["admin", "mangadex", "users"]
+    get "/api/admin/mangadex/expires" do |env|
+      begin
+        username = get_username env
+        _, expires = Storage.default.get_md_token username
+
+        send_json env, {
+          "success" => true,
+          "error"   => nil,
+          "expires" => expires.try &.to_unix,
+        }.to_json
+      rescue e
+        Logger.error e
+        send_json env, {
+          "success" => false,
+          "error"   => e.message,
+        }.to_json
+      end
+    end
+
+    Koa.describe "Searches MangaDex for manga matching `query`", <<-MD
+    Returns an empty list if the current user hasn't logged in to MangaDex.
+    MD
+    Koa.query "query"
+    Koa.response 200, schema: {
+      "success" => Bool,
+      "error"   => String?,
+      "manga?"  => [{
+        "id"          => Int64,
+        "title"       => String,
+        "description" => String,
+        "mainCover"   => String,
+      }],
+    }
+    Koa.tags ["admin", "mangadex"]
+    get "/api/admin/mangadex/search" do |env|
+      begin
+        query = env.params.query["query"]
+
+        send_json env, {
+          "success" => true,
+          "error"   => nil,
+          "manga"   => get_client(env).partial_search query,
+        }.to_json
+      rescue e
+        Logger.error e
+        send_json env, {
+          "success" => false,
+          "error"   => e.message,
+        }.to_json
+      end
+    end
+
+    Koa.describe "Lists all MangaDex subscriptions"
+    Koa.response 200, schema: {
+      "success"        => Bool,
+      "error"          => String?,
+      "subscriptions?" => [{
+        "id"           => Int64,
+        "username"     => String,
+        "manga_id"     => Int64,
+        "language"     => String?,
+        "group_id"     => Int64?,
+        "min_volume"   => Int64?,
+        "max_volume"   => Int64?,
+        "min_chapter"  => Int64?,
+        "max_chapter"  => Int64?,
+        "last_checked" => Int64,
+        "created_at"   => Int64,
+      }],
+    }
+    Koa.tags ["admin", "mangadex", "subscriptions"]
+    get "/api/admin/mangadex/subscriptions" do |env|
+      begin
+        send_json env, {
+          "success"       => true,
+          "error"         => nil,
+          "subscriptions" => Storage.default.subscriptions,
+        }.to_json
+      rescue e
+        Logger.error e
+        send_json env, {
+          "success" => false,
+          "error"   => e.message,
+        }.to_json
+      end
+    end
+
+    Koa.describe "Creates a new MangaDex subscription"
+    Koa.body schema: {
+      "subscription" => {
+        "manga"      => Int64,
+        "language"   => String?,
+        "groupId"    => Int64?,
+        "volumeMin"  => Int64?,
+        "volumeMax"  => Int64?,
+        "chapterMin" => Int64?,
+        "chapterMax" => Int64?,
+      },
+    }
+    Koa.response 200, schema: {
+      "success" => Bool,
+      "error"   => String?,
+    }
+    Koa.tags ["admin", "mangadex", "subscriptions"]
+    post "/api/admin/mangadex/subscriptions" do |env|
+      begin
+        json = env.params.json["subscription"].as Hash(String, JSON::Any)
+        sub = Subscription.new json["manga"].as_i64, get_username env
+        sub.language = json["language"]?.try &.as_s?
+        sub.group_id = json["groupId"]?.try &.as_i64?
+        sub.min_volume = json["volumeMin"]?.try &.as_i64?
+        sub.max_volume = json["volumeMax"]?.try &.as_i64?
+        sub.min_chapter = json["chapterMin"]?.try &.as_i64?
+        sub.max_chapter = json["chapterMax"]?.try &.as_i64?
+
+        Storage.default.save_subscription sub
+
+        send_json env, {
+          "success" => true,
+          "error"   => nil,
+        }.to_json
+      rescue e
+        Logger.error e
+        send_json env, {
+          "success" => false,
+          "error"   => e.message,
+        }.to_json
+      end
+    end
+
+    Koa.describe "Deletes a MangaDex subscription identified by `id`", <<-MD
+    Does nothing if the subscription was not created by the current user.
+    MD
+    Koa.response 200, schema: {
+      "success" => Bool,
+      "error"   => String?,
+    }
+    Koa.tags ["admin", "mangadex", "subscriptions"]
+    delete "/api/admin/mangadex/subscriptions/:id" do |env|
+      begin
+        id = env.params.url["id"].to_i64
+        Storage.default.delete_subscription id, get_username env
+        send_json env, {
+          "success" => true,
+          "error"   => nil,
+        }.to_json
+      rescue e
+        Logger.error e
+        send_json env, {
+          "success" => false,
+          "error"   => e.message,
+        }.to_json
+      end
+    end
+
+    Koa.describe "Triggers an update for a MangaDex subscription identified by `id`", <<-MD
+    Does nothing if the subscription was not created by the current user.
+    MD
+    Koa.response 200, schema: {
+      "success" => Bool,
+      "error"   => String?,
+    }
+    Koa.tags ["admin", "mangadex", "subscriptions"]
+    post "/api/admin/mangadex/subscriptions/check/:id" do |env|
+      begin
+        id = env.params.url["id"].to_i64
+        username = get_username env
+        sub = Storage.default.get_subscription id, username
+        unless sub
+          raise "Subscription with id #{id} not found under user #{username}"
+        end
+        spawn do
+          sub.check_for_updates
+        end
+        send_json env, {
+          "success" => true,
+          "error"   => nil,
+        }.to_json
+      rescue e
+        Logger.error e
+        send_json env, {
+          "success" => false,
+          "error"   => e.message,
+        }.to_json
+      end
+    end
+
    doc = Koa.generate
    @@api_json = doc.to_json if doc

--- a/src/routes/main.cr
+++ b/src/routes/main.cr
@@ -30,8 +30,7 @@ struct MainRouter
        else
          redirect env, "/"
        end
-      rescue e
-        Logger.error e
+      rescue
        redirect env, "/login"
      end
    end
@@ -41,7 +40,7 @@ struct MainRouter
        username = get_username env

        sort_opt = SortOptions.from_info_json Library.default.dir, username
-        get_and_save_sort_opt Library.default.dir
+        get_sort_opt

        titles = Library.default.sorted_titles username, sort_opt
        percentage = titles.map &.load_percentage username
@@ -59,18 +58,12 @@ struct MainRouter
        username = get_username env

        sort_opt = SortOptions.from_info_json title.dir, username
-        get_and_save_sort_opt title.dir
+        get_sort_opt

-        sorted_titles = title.sorted_titles username, sort_opt
        entries = title.sorted_entries username, sort_opt
+
        percentage = title.load_percentage_for_all_entries username, sort_opt
        title_percentage = title.titles.map &.load_percentage username
-        title_percentage_map = {} of String => Float64
-        title_percentage.each_with_index do |tp, i|
-          t = title.titles[i]
-          title_percentage_map[t.id] = tp
-        end
-
        layout "title"
      rescue e
        Logger.error e
@@ -78,8 +71,23 @@ struct MainRouter
      end
    end

+    get "/download" do |env|
+      mangadex_base_url = Config.current.mangadex["base_url"]
+      layout "download"
+    end
+
    get "/download/plugins" do |env|
      begin
+        id = env.params.query["plugin"]?
+        plugins = Plugin.list
+        plugin = nil
+
+        if id
+          plugin = Plugin.new id
+        elsif !plugins.empty?
+          plugin = Plugin.new plugins[0][:id]
+        end
+
        layout "plugin-download"
      rescue e
        Logger.error e
@@ -87,6 +95,12 @@ struct MainRouter
      end
    end

+    get "/download/subscription" do |env|
+      mangadex_base_url = Config.current.mangadex["base_url"]
+      username = get_username env
+      layout "subscription"
+    end
+
    get "/" do |env|
      begin
        username = get_username env
--- a/src/storage.cr
+++ b/src/storage.cr
@@ -5,6 +5,7 @@ require "base64"
 require "./util/*"
 require "mg"
 require "../migration/*"
+require "./subscription"

 def hash_password(pw)
  Crypto::Bcrypt::Password.create(pw).to_s
@@ -14,6 +15,9 @@ def verify_password(hash, pw)
  (Crypto::Bcrypt::Password.new hash).verify pw
 end

+SUB_ATTR = %w(manga_id language group_id min_volume max_volume min_chapter
+  max_chapter username)
+
 class Storage
  @@insert_entry_ids = [] of IDTuple
  @@insert_title_ids = [] of IDTuple
@@ -342,67 +346,6 @@ class Storage
    end
  end

-  def get_title_sort_title(title_id : String)
-    sort_title = nil
-    MainFiber.run do
-      get_db do |db|
-        sort_title =
-          db.query_one? "Select sort_title from titles where id = (?)",
-            title_id, as: String | Nil
-      end
-    end
-    sort_title
-  end
-
-  def set_title_sort_title(title_id : String, sort_title : String | Nil)
-    sort_title = nil if sort_title == ""
-    MainFiber.run do
-      get_db do |db|
-        db.exec "update titles set sort_title = (?) where id = (?)",
-          sort_title, title_id
-      end
-    end
-  end
-
-  def get_entry_sort_title(entry_id : String)
-    sort_title = nil
-    MainFiber.run do
-      get_db do |db|
-        sort_title =
-          db.query_one? "Select sort_title from ids where id = (?)",
-            entry_id, as: String | Nil
-      end
-    end
-    sort_title
-  end
-
-  def get_entries_sort_title(ids : Array(String))
-    results = Hash(String, String | Nil).new
-    MainFiber.run do
-      get_db do |db|
-        db.query "select id, sort_title from ids where id in " \
-                 "(#{ids.join "," { |id| "'#{id}'" }})" do |rs|
-          rs.each do
-            id = rs.read String
-            sort_title = rs.read String | Nil
-            results[id] = sort_title
-          end
-        end
-      end
-    end
-    results
-  end
-
-  def set_entry_sort_title(entry_id : String, sort_title : String | Nil)
-    sort_title = nil if sort_title == ""
-    MainFiber.run do
-      get_db do |db|
-        db.exec "update ids set sort_title = (?) where id = (?)",
-          sort_title, entry_id
-      end
-    end
-  end
-
  def save_thumbnail(id : String, img : Image)
    MainFiber.run do
      get_db do |db|
@@ -489,21 +432,12 @@ class Storage
    end
  end

-  # Mark titles and entries that no longer exist on the file system as
-  #   unavailable. By supplying `id_candidates` and `titles_candidates`, it
-  #   only checks the existence of the candidate titles/entries to speed up
-  #   the process.
-  def mark_unavailable(ids_candidates : Array(String)?,
-                       titles_candidates : Array(String)?)
+  def mark_unavailable
    MainFiber.run do
      get_db do |db|
        # Detect dangling entry IDs
        trash_ids = [] of String
-        query = "select path, id from ids where unavailable = 0"
-        unless ids_candidates.nil?
-          query += " and id in (#{ids_candidates.join "," { |i| "'#{i}'" }})"
-        end
-        db.query query do |rs|
+        db.query "select path, id from ids where unavailable = 0" do |rs|
          rs.each do
            path = rs.read String
            fullpath = Path.new(path).expand(Config.current.library_path).to_s
@@ -519,11 +453,7 @@ class Storage

        # Detect dangling title IDs
        trash_titles = [] of String
-        query = "select path, id from titles where unavailable = 0"
-        unless titles_candidates.nil?
-          query += " and id in (#{titles_candidates.join "," { |i| "'#{i}'" }})"
-        end
-        db.query query do |rs|
+        db.query "select path, id from titles where unavailable  = 0" do |rs|
          rs.each do
            path = rs.read String
            fullpath = Path.new(path).expand(Config.current.library_path).to_s
@@ -619,18 +549,68 @@ class Storage
    {token, expires}
  end

-  def count_titles : Int32
-    count = 0
+  def save_subscription(sub : Subscription)
    MainFiber.run do
      get_db do |db|
-        db.query "select count(*) from titles" do |rs|
-          rs.each do
-            count = rs.read Int32
-          end
+        {% begin %}
+          db.exec "insert into subscription (#{SUB_ATTR.join ","}, " \
+            "last_checked, created_at) values " \
+            "(#{Array.new(SUB_ATTR.size + 2, "?").join ","})",
+          {% for type in SUB_ATTR %}
+            sub.{{type.id}},
+          {% end %}
+          sub.last_checked.to_unix, sub.created_at.to_unix
+        {% end %}
+      end
+    end
+  end
+
+  def subscriptions : Array(Subscription)
+    subs = [] of Subscription
+    MainFiber.run do
+      get_db do |db|
+        db.query "select * from subscription" do |rs|
+          subs += Subscription.from_rs rs
+        end
+      end
+    end
+    subs
+  end
+
+  def delete_subscription(id : Int64, username : String)
+    MainFiber.run do
+      get_db do |db|
+        db.exec "delete from subscription where id = (?) and username = (?)",
+          id, username
+      end
+    end
+  end
+
+  def get_subscription(id : Int64, username : String) : Subscription?
+    sub = nil
+    MainFiber.run do
+      get_db do |db|
+        db.query "select * from subscription where id = (?) and " \
+                 "username = (?) limit 1", id, username do |rs|
+          sub = Subscription.from_rs(rs).first?
+        end
+      end
+    end
+    sub
+  end
+
+  def update_subscription_last_checked(id : Int64? = nil)
+    MainFiber.run do
+      get_db do |db|
+        if id
+          db.exec "update subscription set last_checked = (?) where id = (?)",
+            Time.utc.to_unix, id
+        else
+          db.exec "update subscription set last_checked = (?)",
+            Time.utc.to_unix
        end
      end
    end
-    count
  end

  def close
--- a/src/subscription.cr
+++ b/src/subscription.cr
@@ -0,0 +1,83 @@
+require "db"
+require "json"
+
+struct Subscription
+  include DB::Serializable
+  include JSON::Serializable
+
+  getter id : Int64 = 0
+  getter username : String
+  getter manga_id : Int64
+  property language : String?
+  property group_id : Int64?
+  property min_volume : Int64?
+  property max_volume : Int64?
+  property min_chapter : Int64?
+  property max_chapter : Int64?
+  @[DB::Field(key: "last_checked")]
+  @[JSON::Field(key: "last_checked")]
+  @raw_last_checked : Int64
+  @[DB::Field(key: "created_at")]
+  @[JSON::Field(key: "created_at")]
+  @raw_created_at : Int64
+
+  def last_checked : Time
+    Time.unix @raw_last_checked
+  end
+
+  def created_at : Time
+    Time.unix @raw_created_at
+  end
+
+  def initialize(@manga_id, @username)
+    @raw_created_at = Time.utc.to_unix
+    @raw_last_checked = Time.utc.to_unix
+  end
+
+  private def in_range?(value : String, lowerbound : Int64?,
+                        upperbound : Int64?) : Bool
+    lb = lowerbound.try &.to_f64
+    ub = upperbound.try &.to_f64
+
+    return true if lb.nil? && ub.nil?
+
+    v = value.to_f64?
+    return false unless v
+
+    if lb.nil?
+      v <= ub.not_nil!
+    elsif ub.nil?
+      v >= lb.not_nil!
+    else
+      v >= lb.not_nil! && v <= ub.not_nil!
+    end
+  end
+
+  def match?(chapter : MangaDex::Chapter) : Bool
+    if chapter.manga_id != manga_id ||
+       (language && chapter.language != language) ||
+       (group_id && !chapter.groups.map(&.id).includes? group_id)
+      return false
+    end
+
+    in_range?(chapter.volume, min_volume, max_volume) &&
+      in_range?(chapter.chapter, min_chapter, max_chapter)
+  end
+
+  def check_for_updates : Int32
+    Logger.debug "Checking updates for subscription with ID #{id}"
+    jobs = [] of Queue::Job
+    get_client(username).user.updates_after last_checked do |chapter|
+      next unless match? chapter
+      jobs << chapter.to_job
+    end
+    Storage.default.update_subscription_last_checked id
+    count = Queue.default.push jobs
+    Logger.debug "#{count}/#{jobs.size} of updates added to queue"
+    count
+  rescue e
+    Logger.error "Error occurred when checking updates for " \
+                 "subscription with ID #{id}. #{e}"
+    0
+  end
+end
--- a/src/util/signature.cr
+++ b/src/util/signature.cr
@@ -48,32 +48,4 @@ class Dir
    end
    Digest::CRC32.checksum(signatures.sort.join).to_u64
  end
-
-  # Returns the contents signature of the directory at dirname for checking
-  #   to rescan.
-  # Rescan conditions:
-  #   - When a file added, moved, removed, renamed (including which in nested
-  #       directories)
-  def self.contents_signature(dirname, cache = {} of String => String) : String
-    return cache[dirname] if cache[dirname]?
-    Fiber.yield
-    signatures = [] of String
-    self.open dirname do |dir|
-      dir.entries.sort.each do |fn|
-        next if fn.starts_with? "."
-        path = File.join dirname, fn
-        if File.directory? path
-          signatures << Dir.contents_signature path, cache
-        else
-          # Only add its signature value to `signatures` when it is a
-          #   supported file
-          signatures << fn if is_supported_file fn
-        end
-        Fiber.yield
-      end
-    end
-    hash = Digest::SHA1.hexdigest(signatures.join)
-    cache[dirname] = hash
-    hash
-  end
 end
--- a/src/util/util.cr
+++ b/src/util/util.cr
@@ -35,11 +35,6 @@ def register_mime_types
    # FontAwesome fonts
    ".woff"  => "font/woff",
    ".woff2" => "font/woff2",
-
-    # Supported image formats. JPG, PNG, GIF, WebP, and SVG are already
-    #   defiend by Crystal in `MIME.DEFAULT_TYPES`
-    ".apng" => "image/apng",
-    ".avif" => "image/avif",
  }.each do |k, v|
    MIME.register k, v
  end
@@ -87,49 +82,30 @@ def env_is_true?(key : String) : Bool
 end

 def sort_titles(titles : Array(Title), opt : SortOptions, username : String)
-  cache_key = SortedTitlesCacheEntry.gen_key username, titles, opt
-  cached_titles = LRUCache.get cache_key
-  return cached_titles if cached_titles.is_a? Array(Title)
+  ary = titles

  case opt.method
  when .time_modified?
-    ary = titles.sort { |a, b| (a.mtime <=> b.mtime).or \
-      compare_numerically a.sort_title, b.sort_title }
+    ary.sort! { |a, b| (a.mtime <=> b.mtime).or \
+      compare_numerically a.title, b.title }
  when .progress?
-    ary = titles.sort do |a, b|
+    ary.sort! do |a, b|
      (a.load_percentage(username) <=> b.load_percentage(username)).or \
-        compare_numerically a.sort_title, b.sort_title
-    end
-  when .title?
-    ary = titles.sort do |a, b|
-      compare_numerically a.sort_title, b.sort_title
+        compare_numerically a.title, b.title
    end
  else
    unless opt.method.auto?
      Logger.warn "Unknown sorting method #{opt.not_nil!.method}. Using " \
                  "Auto instead"
    end
-    ary = titles.sort { |a, b| compare_numerically a.sort_title, b.sort_title }
+    ary.sort! { |a, b| compare_numerically a.title, b.title }
  end

  ary.reverse! unless opt.not_nil!.ascend

-  LRUCache.set generate_cache_entry cache_key, ary
  ary
 end

-def remove_sorted_titles_cache(titles : Array(Title),
-                               sort_methods : Array(SortMethod),
-                               username : String)
-  [false, true].each do |ascend|
-    sort_methods.each do |sort_method|
-      sorted_titles_cache_key = SortedTitlesCacheEntry.gen_key username,
-        titles, SortOptions.new(sort_method, ascend)
-      LRUCache.invalidate sorted_titles_cache_key
-    end
-  end
-end
-
 class String
  # Returns the similarity (in [0, 1]) of two paths.
  # For the two paths, separate them into arrays of components, count the
@@ -144,31 +120,3 @@ class String
    match / s.size
  end
 end
-
-# Does the followings:
-#   - turns space-like characters into the normal whitespaces ( )
-#   - strips and collapses spaces
-#   - removes ASCII control characters
-#   - replaces slashes (/) with underscores (_)
-#   - removes leading dots (.)
-#   - removes the following special characters: \:*?"<>|
-#
-# If the sanitized string is empty, returns a random string instead.
-def sanitize_filename(str : String) : String
-  sanitized = str
-    .gsub(/\s+/, " ")
-    .strip
-    .gsub(/\//, "_")
-    .gsub(/^[\.\s]+/, "")
-    .gsub(/[\177\000-\031\\:\*\?\"<>\|]/, "")
-  sanitized.size > 0 ? sanitized : random_str
-end
-
-def delete_cache_and_exit(path : String)
-  File.delete path
-  Logger.fatal "Invalid library cache deleted. Mango needs to " \
-               "perform a full reset to recover from this. " \
-               "Pleae restart Mango. This is NOT a bug."
-  Logger.fatal "Exiting"
-  exit 1
-end
--- a/src/util/web.cr
+++ b/src/util/web.cr
@@ -107,24 +107,23 @@ macro get_sort_opt
  end
 end

-macro get_and_save_sort_opt(dir)
-  sort_method = env.params.query["sort"]?
+# Returns an authorized client
+def get_client(username : String) : MangaDex::Client
+  token, expires = Storage.default.get_md_token username

-  if sort_method
-    is_ascending = true
-
-    ascend = env.params.query["ascend"]?
-    if ascend && ascend.to_i? == 0
-      is_ascending = false
-    end
-
-    sort_opt = SortOptions.new sort_method, is_ascending
-
-    TitleInfo.new {{dir}} do |info|
-      info.sort_by[username] = sort_opt.to_tuple
-      info.save
-    end
+  unless expires && token
+    raise "No token found for user #{username}"
  end
+
+  client = MangaDex::Client.from_config
+  client.token = token
+  client.token_expires = expires
+
+  client
+end
+
+def get_client(env) : MangaDex::Client
+  get_client get_username env
 end

 module HTTP
--- a/src/views/admin.html.ecr
+++ b/src/views/admin.html.ecr
@@ -33,6 +33,7 @@
      <option>System</option>
    </select>
  </li>
+  <li><a class="uk-link-reset" href="<%= base_url %>admin/mangadex">Connect to MangaDex</a></li>
 </ul>

 <hr class="uk-divider-icon">
@@ -40,6 +41,5 @@
 <a class="uk-button uk-button-danger" href="<%= base_url %>logout">Log Out</a>

 <% content_for "script" do %>
-  <script src="<%= base_url %>js/alert.js"></script>
  <script src="<%= base_url %>js/admin.js"></script>
 <% end %>
--- a/src/views/components/card.html.ecr
+++ b/src/views/components/card.html.ecr
@@ -61,9 +61,7 @@
          <% if page == "home" && item.is_a? Entry %>
            <%= "uk-margin-remove-bottom" %>
          <% end %>
-          " data-title="<%= HTML.escape(item.display_name) %>"
-          data-file-title="<%= HTML.escape(item.title || "") %>"
-          data-sort-title="<%= HTML.escape(item.sort_title_db || "") %>"><%= HTML.escape(item.display_name) %>
+          " data-title="<%= HTML.escape(item.display_name) %>"><%= HTML.escape(item.display_name) %>
        </h3>
        <% if page == "home" && item.is_a? Entry %>
          <a class="uk-card-title break-word uk-margin-remove-top uk-text-meta uk-display-inline-block no-modal" data-title="<%= HTML.escape(item.book.display_name) %>" href="<%= base_url %>book/<%= item.book.id %>"><%= HTML.escape(item.book.display_name) %></a>
--- a/src/views/components/head.html.ecr
+++ b/src/views/components/head.html.ecr
@@ -6,7 +6,6 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="<%= base_url %>css/mango.css" />
  <link rel="icon" href="<%= base_url %>favicon.ico">
-  <link rel="manifest" href="<%= base_url %>manifest.json">

  <script src="https://polyfill.io/v3/polyfill.min.js?features=MutationObserver%2Cdefault%2CmatchMedia&flats=gated"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
--- a/src/views/download-manager.html.ecr
+++ b/src/views/download-manager.html.ecr
@@ -5,55 +5,63 @@
    <button class="uk-button uk-button-default" @click="load()" :disabled="loading">Refresh Queue</button>
    <button class="uk-button uk-button-default" x-show="paused !== undefined" x-text="paused ? 'Resume Download' : 'Pause Download'" @click="toggle()" :disabled="toggling"></button>
  </div>
-  <table class="uk-table uk-table-striped uk-overflow-auto">
-    <thead>
-      <tr>
-        <th>Chapter</th>
-        <th>Manga</th>
-        <th>Progress</th>
-        <th>Time</th>
-        <th>Status</th>
-        <th>Plugin</th>
-        <th>Actions</th>
-      </tr>
-    </thead>
-    <tbody>
-      <template x-for="job in jobs" :key="job">
-        <tr :id="`chapter-${job.id}`">
-
-          <template x-if="job.plugin_id">
-            <td x-text="job.title"></td>
-          </template>
-
-          <template x-if="job.plugin_id">
-            <td x-text="job.manga_title"></td>
-          </template>
-
-          <td x-text="`${job.success_count}/${job.pages}`"></td>
-          <td x-text="`${moment(job.time).fromNow()}`"></td>
-
-          <td>
-            <span :class="statusClass(job.status)" x-text="job.status"></span>
-            <template x-if="job.status_message.length > 0">
-              <div class="uk-inline">
-                <span uk-icon="info"></span>
-                <div uk-dropdown x-text="job.status_message" style="white-space: pre-line;"></div>
-              </div>
-            </template>
-          </td>
-
-          <td x-text="`${job.plugin_id || ''}`"></td>
-          <td>
-            <a @click="jobAction('delete', $event)" uk-icon="trash" uk-tooltip="Delete"></a>
-            <template x-if="job.status_message.length > 0">
-              <a @click="jobAction('retry', $event)" uk-icon="refresh" uk-tooltip="Retry"></a>
-            </template>
-          </td>
+  <div class="uk-overflow-auto">
+    <table class="uk-table uk-table-striped">
+      <thead>
+        <tr>
+          <th>Chapter</th>
+          <th>Manga</th>
+          <th>Progress</th>
+          <th>Time</th>
+          <th>Status</th>
+          <th>Plugin</th>
+          <th>Actions</th>
        </tr>
-      </template>
-    </tbody>
-  </table>
-</div>
+      </thead>
+      <tbody>
+        <template x-for="job in jobs" :key="job">
+          <tr :id="`chapter-${job.id}`">
+
+            <template x-if="job.plugin_id">
+              <td x-text="job.title"></td>
+            </template>
+            <template x-if="!job.plugin_id">
+              <td><a :href="`<%= mangadex_base_url %>/chapter/${job.id}`" x-text="job.title"></td>
+            </template>
+
+            <template x-if="job.plugin_id">
+              <td x-text="job.manga_title"></td>
+            </template>
+            <template x-if="!job.plugin_id">
+              <td><a :href="`<%= mangadex_base_url %>/manga/${job.manga_id}`" x-text="job.manga_title"></td>
+            </template>
+
+            <td x-text="`${job.success_count}/${job.pages}`"></td>
+            <td x-text="`${moment(job.time).fromNow()}`"></td>
+
+            <td>
+              <span :class="statusClass(job.status)" x-text="job.status"></span>
+              <template x-if="job.status_message.length > 0">
+                <div class="uk-inline">
+                  <span uk-icon="info"></span>
+                  <div uk-dropdown x-text="job.status_message" style="white-space: pre-line;"></div>
+                </div>
+              </template>
+            </td>
+
+            <td x-text="`${job.plugin_id || ''}`"></td>
+
+            <td>
+              <a @click="jobAction('delete', $event)" uk-icon="trash" uk-tooltip="Delete"></a>
+              <template x-if="job.status_message.length > 0">
+                <a @click="jobAction('retry', $event)" uk-icon="refresh" uk-tooltip="Retry"></a>
+              </template>
+            </td>
+          </tr>
+        </template>
+      </tbody>
+    </table>
+  </div>
 </div>

 <% content_for "script" do %>
--- a/src/views/download.html.ecr
+++ b/src/views/download.html.ecr
@@ -0,0 +1,170 @@
+<h2 class=uk-title>Download from MangaDex</h2>
+<div x-data="downloadComponent()" x-init="init()">
+    <div class="uk-grid-small" uk-grid style="margin-bottom:40px;">
+        <div class="uk-width-expand">
+            <input class="uk-input" type="text" :placeholder="searchAvailable ? 'Search MangaDex or enter a manga ID/URL' : 'MangaDex manga ID or URL'" x-model="searchInput" @keydown.enter.debounce="search()">
+        </div>
+        <div class="uk-width-auto">
+            <div uk-spinner class="uk-align-center" x-show="loading" x-cloak></div>
+            <button class="uk-button uk-button-default" x-show="!loading" @click="search()">Search</button>
+        </div>
+    </div>
+
+    <template x-if="mangaAry">
+        <div>
+            <p x-show="mangaAry.length === 0">No matching manga found.</p>
+
+            <div class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid>
+                <template x-for="manga in mangaAry" :key="manga.id">
+                    <div class="item" :data-id="manga.id" @click="chooseManga(manga)">
+                        <div class="uk-card uk-card-default">
+                            <div class="uk-card-media-top uk-inline">
+                                <img uk-img :data-src="manga.mainCover">
+                            </div>
+                            <div class="uk-card-body">
+                                <h3 class="uk-card-title break-word uk-margin-remove-bottom free-height" x-text="manga.title"></h3>
+                                <p class="uk-text-meta" x-text="`ID: ${manga.id}`"></p>
+                            </div>
+                        </div>
+                    </div>
+                </template>
+            </div>
+        </div>
+    </template>
+
+    <div x-show="data && data.chapters" x-cloak>
+        <div class"uk-grid-small" uk-grid>
+            <div class="uk-width-1-4@s">
+                <img :src="data.mainCover">
+            </div>
+            <div class="uk-width-1-4@s">
+                <p>Title: <a :href="`<%= mangadex_base_url %>/manga/${data.id}`" x-text="data.title"></a></p>
+                <p x-text="`Artist: ${data.artist}`"></p>
+                <p x-text="`Author: ${data.author}`"></p>
+            </div>
+            <div class="uk-form-stacked uk-width-1-2@s" id="filters">
+                <p class="uk-text-lead uk-margin-remove-bottom">
+                <span>Filter Chapters</span>
+                <button class="uk-icon-button uk-align-right" uk-icon="rss" uk-tooltip="Subscribe" x-show="searchAvailable" @click="subscribe()"></button>
+                </p>
+                <p class="uk-text-meta uk-margin-remove-top" x-text="`${chapters.length} chapters found`"></p>
+                <div class="uk-margin">
+                    <label class="uk-form-label">Language</label>
+                    <div class="uk-form-controls">
+                        <select class="uk-select filter-field" x-model="langChoice" @change="filtersUpdated()">
+                            <template x-for="lang in languages" :key="lang">
+                                <option x-text="lang"></option>
+                            </template>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="uk-margin">
+                    <label class="uk-form-label">Group</label>
+                    <div class="uk-form-controls">
+                        <select class="uk-select filter-field" x-model="groupChoice" @change="filtersUpdated()">
+                            <template x-for="group in groups" :key="group">
+                                <option x-text="group"></option>
+                            </template>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="uk-margin">
+                    <label class="uk-form-label">Volume</label>
+                    <div class="uk-form-controls">
+                        <input class="uk-input filter-field" type="text" placeholder="e.g., 127, 10-14, >30, <=212, or leave it empty." x-model="volumeRange" @keydown.enter="filtersUpdated()">
+                    </div>
+                </div>
+
+                <div class="uk-margin">
+                    <label class="uk-form-label">Chapter</label>
+                    <div class="uk-form-controls">
+                        <input class="uk-input filter-field" type="text" placeholder="e.g., 127, 10-14, >30, <=212, or leave it empty." x-model="chapterRange" @keydown.enter="filtersUpdated()">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="uk-margin">
+            <div class="uk-margin">
+                <button class="uk-button uk-button-default" @click="selectAll()">Select All</button>
+                <button class="uk-button uk-button-default" @click="clearSelection()">Clear Selections</button>
+                <button class="uk-button uk-button-primary" @click="download()" x-show="!addingToDownload">Download Selected</button>
+                <div uk-spinner class="uk-margin-left" x-show="addingToDownload"></div>
+            </div>
+            <p class="uk-text-meta">Click on a table row to select the chapter. Drag your mouse over multiple rows to select them all. Hold Ctrl to make multiple non-adjacent selections.</p>
+        </div>
+        <p x-text="`Mango can only list ${chaptersLimit} chapters, but we found ${chapters.length} chapters. Please use the filter options above to narrow down your search.`" x-show="chapters.length > chaptersLimit"></p>
+        <div class="uk-overflow-auto">
+            <table class="uk-table uk-table-striped" x-show="chapters.length <= chaptersLimit">
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>Title</th>
+                        <th>Language</th>
+                        <th>Group</th>
+                        <th>Volume</th>
+                        <th>Chapter</th>
+                        <th>Timestamp</th>
+                    </tr>
+                </thead>
+
+                <template x-if="chapters.length <= chaptersLimit">
+                    <tbody id="selectable">
+                        <template x-for="chp in chapters" :key="chp">
+                            <tr class="ui-widget-content">
+                                <td><a :href="`<%= mangadex_base_url %>/chapter/${chp.id}`" x-text="chp.id"></a></td>
+                                <td x-text="chp.title"></td>
+                                <td x-text="chp.language"></td>
+                                <td>
+                                    <template x-for="grp in Object.entries(chp.groups)">
+                                        <div>
+                                            <a :href="`<%= mangadex_base_url %>/group/${grp[1]}`" x-text="grp[0]"></a>
+                                        </div>
+                                    </template>
+                                </td>
+                                <td x-text="chp.volume"></td>
+                                <td x-text="chp.chapter"></td>
+                                <td x-text="`${moment.unix(chp.timestamp).fromNow()}`"></td>
+                            </tr>
+                        </template>
+                    </tbody>
+                </template>
+            </table>
+        </div>
+    </div>
+
+    <div id="modal" class="uk-flex-top" uk-modal="container: false">
+        <div class="uk-modal-dialog uk-margin-auto-vertical">
+            <button class="uk-modal-close-default" type="button" uk-close></button>
+            <div class="uk-modal-header">
+                <h3 class="uk-modal-title break-word" x-text="candidateManga.title"></h3>
+            </div>
+            <div class="uk-modal-body">
+                <div class="uk-grid">
+                    <div class="uk-width-1-3@s">
+                        <img uk-img data-width data-height :src="candidateManga.mainCover" style="width:100%;margin-bottom:10px;">
+                        <a :href="`<%= mangadex_base_url %>/manga/${candidateManga.id}`" x-text="`ID: ${candidateManga.id}`" class="uk-link-muted"></a>
+                    </div>
+                    <div class="uk-width-2-3@s">
+                        <p x-text="candidateManga.description"></p>
+                    </div>
+                </div>
+            </div>
+            <div class="uk-modal-footer">
+                <button class="uk-button uk-button-primary" type="button" @click="confirmManga(candidateManga.id)">Choose</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<% content_for "script" do %>
+    <%= render_component "moment" %>
+    <%= render_component "jquery-ui" %>
+    <script>
+        const mangadex_base_url = "<%= mangadex_base_url %>";
+    </script>
+    <script src="<%= base_url %>js/alert.js"></script>
+    <script src="<%= base_url %>js/download.js"></script>
+<% end %>
--- a/src/views/layout.html.ecr
+++ b/src/views/layout.html.ecr
@@ -17,9 +17,10 @@
                <li class="uk-parent">
                  <a href="#">Download</a>
                  <ul class="uk-nav-sub">
+                    <li><a href="<%= base_url %>download">MangaDex</a></li>
                    <li><a href="<%= base_url %>download/plugins">Plugins</a></li>
                    <li><a href="<%= base_url %>admin/downloads">Download Manager</a></li>
-                    <li><a href="<%= base_url %>admin/subscriptions">Subscription Manager</a></li>
+                    <li><a href="<%= base_url %>download/subscription">Subscription Manager</a></li>
                  </ul>
                </li>
              <% end %>
@@ -33,11 +34,11 @@
    </div>
    <div class="uk-position-top">
      <div class="uk-navbar-container uk-navbar-transparent" uk-navbar="uk-navbar">
-        <div class="uk-navbar-left uk-hidden@m">
+        <div class="uk-navbar-left uk-hidden@s">
          <div class="uk-navbar-toggle" uk-navbar-toggle-icon="uk-navbar-toggle-icon" uk-toggle="target: #mobile-nav"></div>
        </div>
-        <div class="uk-navbar-left uk-visible@m">
-          <a class="uk-navbar-item uk-logo" href="<%= base_url %>"><img src="<%= base_url %>img/icons/icon.png" style="width:90px;height:90px;"></a>
+        <div class="uk-navbar-left uk-visible@s">
+          <a class="uk-navbar-item uk-logo" href="<%= base_url %>"><img src="<%= base_url %>img/icon.png" style="width:90px;height:90px;"></a>
          <ul class="uk-navbar-nav">
            <li><a href="<%= base_url %>">Home</a></li>
            <li><a href="<%= base_url %>library">Library</a></li>
@@ -49,17 +50,18 @@
                <div class="uk-navbar-dropdown">
                  <ul class="uk-nav uk-navbar-dropdown-nav">
                    <li class="uk-nav-header">Source</li>
+                    <li><a href="<%= base_url %>download">MangaDex</a></li>
                    <li><a href="<%= base_url %>download/plugins">Plugins</a></li>
                    <li class="uk-nav-divider"></li>
                    <li><a href="<%= base_url %>admin/downloads">Download Manager</a></li>
-                    <li><a href="<%= base_url %>admin/subscriptions">Subscription Manager</a></li>
+                    <li><a href="<%= base_url %>download/subscription">Subscription Manager</a></li>
                  </ul>
                </div>
              </li>
            <% end %>
          </ul>
        </div>
-        <div class="uk-navbar-right uk-visible@m">
+        <div class="uk-navbar-right uk-visible@s">
          <ul class="uk-navbar-nav">
            <li><a onclick="toggleTheme()"><i class="fas fa-adjust"></i></a></li>
            <li><a href="<%= base_url %>logout">Logout</a></li>
@@ -80,7 +82,7 @@
    </div>
    <script>
      setTheme();
-            const base_url = "<%= base_url %>";
+      const base_url = "<%= base_url %>";
    </script>
    <%= render_component "uikit" %>
    <%= yield_content "script" %>
--- a/src/views/library.html.ecr
+++ b/src/views/library.html.ecr
@@ -10,7 +10,6 @@
  <div class="uk-margin-bottom uk-width-1-4@s">
    <% hash = {
      "auto" => "Auto",
-      "title" => "Name",
      "time_modified" => "Date Modified",
      "progress" => "Progress"
    } %>
--- a/src/views/mangadex.html.ecr
+++ b/src/views/mangadex.html.ecr
@@ -0,0 +1,39 @@
+<div x-data="component()" x-init="init()">
+  <h2 class="uk-title">Connect to MangaDex</h2>
+  <div class"uk-grid-small" uk-grid x-show="!loading" x-cloak>
+    <div class="uk-width-1-2@s" x-show="!expires">
+      <p>This step is optional but highly recommended if you are using the MangaDex downloader. Connecting to MangaDex allows you to:</p>
+      <ul>
+        <li>Search MangaDex by search terms in addition to manga IDs</li>
+        <li>Automatically download new chapters when they are available (coming soon)</li>
+      </ul>
+    </div>
+
+    <div class="uk-width-1-2@s" x-show="expires">
+      <p>
+      <span x-show="!expired">You have logged in to MangaDex!</span>
+      <span x-show="expired">You have logged in to MangaDex but the token has expired.</span>
+      The expiration date of your token is <code x-text="moment.unix(expires).format('MMMM Do YYYY, HH:mm:ss')"></code>. 
+      <span x-show="!expired">If the integration is not working, you</span>
+      <span x-show="expired">You</span>
+      can log in again and the token will be updated.
+      </p>
+    </div>
+
+    <div class="uk-width-1-2@s">
+      <div class="uk-margin">
+        <div class="uk-inline uk-width-1-1"><span class="uk-form-icon" uk-icon="icon:user"></span><input class="uk-input uk-form-large" type="text" x-model="username" @keydown.enter.debounce="login()"></div>
+      </div>
+      <div class="uk-margin">
+        <div class="uk-inline uk-width-1-1"><span class="uk-form-icon" uk-icon="icon:lock"></span><input class="uk-input uk-form-large" type="password" x-model="password" @keydown.enter.debounce="login()"></div>
+      </div>
+      <div class="uk-margin"><button class="uk-button uk-button-primary uk-button-large uk-width-1-1" @click="login()" :disabled="loggingIn">Login to MangaDex</button></div>
+    </div>
+  </div>
+</div>
+
+<% content_for "script" do %>
+  <%= render_component "moment" %>
+  <script src="<%= base_url %>js/alert.js"></script>
+  <script src="<%= base_url %>js/mangadex.js"></script>
+<% end %>
--- a/src/views/missing-items.html.ecr
+++ b/src/views/missing-items.html.ecr
@@ -3,34 +3,36 @@
  <div x-show="!empty">
    <p>The following items were present in your library, but now we can't find them anymore. If you deleted them mistakenly, try to recover the files or folders, put them back to where they were, and rescan the library. Otherwise, you can safely delete them and the associated metadata using the buttons below to free up database space.</p>
    <button class="uk-button uk-button-danger" @click="rmAll()">Delete All</button>
-    <table class="uk-table uk-table-striped uk-overflow-auto">
-      <thead>
-        <tr>
-          <th>Type</th>
-          <th>Relative Path</th>
-          <th>ID</th>
-          <th>Actions</th>
-        </tr>
-      </thead>
-      <tbody>
-        <template x-for="title in titles" :key="title">
-          <tr :id="`title-${title.id}`">
-            <td>Title</td>
-            <td x-text="title.path"></td>
-            <td x-text="title.id"></td>
-            <td><a @click="rm($event)" uk-icon="trash"></a></td>
+    <div class="uk-overflow-auto">
+      <table class="uk-table uk-table-striped">
+        <thead>
+          <tr>
+            <th>Type</th>
+            <th>Relative Path</th>
+            <th>ID</th>
+            <th>Actions</th>
          </tr>
-        </template>
-        <template x-for="entry in entries" :key="entry">
-          <tr :id="`entry-${entry.id}`">
-            <td>Entry</td>
-            <td x-text="entry.path"></td>
-            <td x-text="entry.id"></td>
-            <td><a @click="rm($event)" uk-icon="trash"></a></td>
-          </tr>
-        </template>
-      </tbody>
-    </table>
+        </thead>
+        <tbody>
+          <template x-for="title in titles" :key="title">
+            <tr :id="`title-${title.id}`">
+              <td>Title</td>
+              <td x-text="title.path"></td>
+              <td x-text="title.id"></td>
+              <td><a @click="rm($event)" uk-icon="trash"></a></td>
+            </tr>
+          </template>
+          <template x-for="entry in entries" :key="entry">
+            <tr :id="`entry-${entry.id}`">
+              <td>Entry</td>
+              <td x-text="entry.path"></td>
+              <td x-text="entry.id"></td>
+              <td><a @click="rm($event)" uk-icon="trash"></a></td>
+            </tr>
+          </template>
+        </tbody>
+      </table>
+    </div>
  </div>
 </div>

--- a/src/views/plugin-download.html.ecr
+++ b/src/views/plugin-download.html.ecr
@@ -1,214 +1,77 @@
-<div x-data="component()" x-init="init()" x-cloak>
-  <div class="uk-grid-small" uk-grid style="margin-bottom:40px;">
-    <div class="uk-container uk-text-center" x-show="plugins.length === 0" style="width:100%">
-      <h2>No Plugins Found</h2>
-      <p>We could't find any plugins in the directory <code><%= Config.current.plugin_path %></code>.</p>
-      <p>You can download official plugins from the <a href="https://github.com/hkalexling/mango-plugins">Mango plugins repository</a>.</p>
+<% if plugins.empty? %>
+  <div class="uk-container uk-text-center">
+    <h2>No Plugins Found</h2>
+    <p>We could't find any plugins in the directory <code><%= Config.current.plugin_path %></code>.</p>
+    <p>You can download official plugins from the <a href="https://github.com/hkalexling/mango-plugins">Mango plugins repository</a>.</p>
+  </div>
+
+<% else %>
+  <h2 class=uk-title>Download with Plugins</h2>
+
+  <div id="controls" class="uk-grid-small" uk-grid hidden>
+    <div class="uk-width-3-4@m uk-child-width-1-1">
+      <div class="uk-margin">
+        <label class="uk-form-label" for="search-input">&nbsp;</label>
+        <div class="uk-form-controls">
+          <input id="search-input" class="uk-input" type="text" placeholder="<%= plugin.not_nil!.info.placeholder %>">
+        </div>
+      </div>
    </div>
-
-    <div x-show="plugins.length > 0" style="width:100%">
-      <h2 class=uk-title>Download with Plugins
-        <span x-show="searching" uk-spinner class="uk-margin-left"></span>
-      </h2>
-
-      <template x-if="info !== undefined">
-        <div>
-          <div class="uk-grid-small" uk-grid>
-            <div class="uk-width-3-4@m uk-child-width-1-1">
-              <div class="uk-margin">
-                <div class="uk-form-controls">
-                  <label class="uk-form-label">&nbsp;</label>
-                  <input class="uk-input" type="text" :placeholder="info.placeholder" x-model="query" @keydown.enter="search()">
-                </div>
-              </div>
-            </div>
-            <div class="uk-width-expand">
-              <div class="uk-margin">
-                <label class="uk-form-label">Choose a plugin</label>
-                <div class="uk-form-controls">
-                  <select class="uk-select" x-model="pid" @change="pluginChanged()">
-                    <template x-for="p in plugins" :key="p">
-                      <option :value="p.id" x-text="p.title"></option>
-                    </template>
-                  </select>
-                </div>
-              </div>
-            </div>
-            <div class="uk-width-auto">
-              <div class="uk-margin">
-                <label class="uk-form-label">&nbsp;</label>
-                <div class="uk-form-controls" style="padding-top: 10px;">
-                  <span uk-icon="info" uk-toggle="target: #toggle"></span>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <template x-for="entry, idx in Object.entries(info).filter(tp => !['id', 'settings'].includes(tp[0]))" :key="idx">
-            <dl class="uk-description-list" id="toggle" hidden>
-              <dt x-text="entry[0] === 'version' ? 'Target API Version' : entry[0].replace('_', ' ')"></dt>
-              <dd x-text="entry[1]"></dd>
-            </dl>
-          </template>
+    <div class="uk-width-expand">
+      <div class="uk-margin">
+        <label class="uk-form-label" for="plugin-select">Choose a plugin</label>
+        <div class="uk-form-controls">
+          <select id="plugin-select" class="uk-select">
+            <% plugins.each do |p| %>
+              <option value="<%= p[:id] %>"><%= p[:title] %></option>
+            <% end %>
+          </select>
        </div>
-      </template>
-
-      <template x-if="manga">
-        <div class="uk-margin">
-          <p x-show="manga.length === 0">No matching manga found.</p>
-          <p x-show="manga.length > 0">
-          <span x-text="`${manga.length} manga found`"></span>
-          <span :uk-icon="listManga ? 'chevron-down' : 'chevron-right'" @click="listManga = !listManga"></span>
-          </p>
-
-          <div class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid x-show="listManga">
-            <template x-for="m in manga" :key="m.id">
-              <div class="item" :data-id="m.id" @click="mangaSelected($event)">
-                <div class="uk-card uk-card-default">
-                  <div class="uk-card-media-top uk-inline">
-                    <img uk-img :data-src="m.cover_url">
-                  </div>
-                  <div class="uk-card-body">
-                    <h3 class="uk-card-title break-word uk-margin-remove-bottom free-height" x-text="m.title"></h3>
-                    <p class="uk-text-meta" x-text="`ID: ${m.id}`"></p>
-                  </div>
-                </div>
-              </div>
-            </template>
-          </div>
-        </div>
-      </template>
-
-      <div class="uk-margin-large-top" x-show="chapters !== undefined">
-        <h3 x-text="mangaTitle"></h3>
-        <p x-text="`${chapters ? chapters.length : 0} chapters found`"></p>
-
-        <div class="uk-margin">
-          <div x-show="chapters && chapters.length > 0 && chapters.length <= chaptersLimit">
-            <button class="uk-button uk-button-default" @click="selectAll()">Select All</button>
-            <button class="uk-button uk-button-default" @click="clearSelection()">Clear Selections</button>
-            <button class="uk-button uk-button-primary" @click="download()">Download Selected</button>
-            <button class="uk-icon-button uk-margin-small-left" uk-icon="settings" @click="showFilters = !showFilters"></button>
-          </div>
-          <div uk-spinner class="uk-margin-left" x-show="adding"></div>
-        </div>
-
-        <form x-show="showFilters || (chapters && chapters.length > chaptersLimit)" class="uk-form-stacked uk-margin-bottom" id="filter-form">
-          <template x-for="field in filters">
-            <div class="uk-margin">
-              <label class="uk-form-label">
-                <span x-text="field.key"></span>
-                <template x-if="field.type === 'number'">
-                  <span class="uk-text-meta" x-text="`(between ${Math.min(...field.values)} and ${Math.max(...field.values)})`"></span>
-                </template>
-              </label>
-
-              <div x-show="field.type === 'number'" class="uk-grid-small" uk-grid>
-                <div class="uk-width-1-2@s">
-                  <input class="uk-input" placeholder="minimum value" :data-filter-key="field.key" data-filter-type="number-min">
-                </div>
-                <div class="uk-width-1-2@s">
-                  <input class="uk-input" placeholder="maximum value" :data-filter-key="field.key" data-filter-type="number-max">
-                </div>
-              </div>
-
-              <div x-show="field.type === 'date'" class="uk-grid-small" uk-grid>
-                <div class="uk-width-1-2@s">
-                  <input class="uk-input" type="date" placeholder="minimum date (yyyy-mm-dd)" :data-filter-key="field.key" data-filter-type="date-min">
-                </div>
-                <div class="uk-width-1-2@s">
-                  <input class="uk-input" type="date" placeholder="maximum date (yyyy-mm-dd)" :data-filter-key="field.key" data-filter-type="date-max">
-                </div>
-              </div>
-
-              <input x-show="field.type === 'string'" class="uk-input" placeholder="filter text" :data-filter-key="field.key" data-filter-type="string">
-
-              <select class="uk-select" x-show="field.type === 'array'" :data-filter-key="field.key" data-filter-type="array">
-                <option value="all">All</option>
-                <template x-for="v in field.values" :key="v">
-                  <option x-text="v" :value="v"></option>
-                </template>
-              </select>
-            </div>
-          </template>
-          <button class="uk-button uk-button-primary" @click.prevent="applyFilters()">Apply</button>
-          <button class="uk-button uk-button-default" @click.prevent="clearFilters()">Clear</button>
-          <span class="uk-divider-vertical uk-margin-left uk-margin-right"></span>
-          <button class="uk-button uk-button-default" @click.prevent="UIkit.modal($refs.modal).show()" :disable="subscribing">Subscribe</button>
-        </form>
-
-        <p class="uk-text-meta" x-show="chapters && chapters.length > chaptersLimit" x-text="`The manga has ${chapters ? chapters.length : 0} chapters, but Mango can only list up to ${chaptersLimit}. Please use the filters to narrow down your search.`"></p>
-        <p x-show="chapters && chapters.length === 0" class="uk-text-meta">No chapters found.</p>
-
-        <div x-show="chapters && chapters.length > 0 && chapters.length <= chaptersLimit">
-          <p class="uk-text-meta">Click on a table row to select the chapter. Drag your mouse over multiple rows to select them all. Hold Ctrl to make multiple non-adjacent selections.</p>
-          <div class="uk-overflow-auto">
-            <table class="uk-table uk-table-striped">
-              <thead>
-                <tr>
-                  <template x-for="(k, idx) in chapterKeys" :key="k">
-                    <th :id="`th-${idx}`" @click="thClicked($event)">
-                      <span x-text="k"></span>
-                      <i class="fas fa-sort" x-show="![1, -1].includes(sortOptions[idx])"></i>
-                      <i class="fas fa-sort-up" x-show="sortOptions[idx] === 1"></i>
-                      <i class="fas fa-sort-down" x-show="sortOptions[idx] === -1"></i>
-                    </th>
-                  </template>
-                </tr>
-              </thead>
-              <tbody id="selectable">
-                <template x-if="chapters !== undefined && chapters.length < chaptersLimit">
-                  <template x-for="ch in chapters" :key="ch">
-                    <tr class="ui-widget-content" :id="ch.id">
-                      <template x-for="k in chapterKeys" :key="k">
-                        <td x-html="renderCell(ch[k])"></td>
-                      </template>
-                    </tr>
-                  </template>
-                </template>
-              </tbody>
-            </table>
-          </div>
+      </div>
+    </div>
+    <div class="uk-width-auto">
+      <div class="uk-margin">
+        <label class="uk-form-label" for="search-input">&nbsp;</label>
+        <div class="uk-form-controls" style="padding-top: 10px;">
+          <span uk-icon="info" uk-toggle="target: #toggle"></span>
        </div>
      </div>
    </div>
  </div>

-  <div uk-modal="container:false" x-ref="modal">
-    <div class="uk-modal-dialog">
-      <div class="uk-modal-header">
-        <h2 class="uk-modal-title">Subscription Confirmation</h2>
-      </div>
-      <div class="uk-modal-body">
-        <p>A subscription with the following filters with be created. All <strong>FUTURE</strong> chapters matching the filters will be automatically downloaded.</p>
-        <table class="uk-table uk-table-striped">
-          <thead>
-            <tr>
-              <th>Key</th>
-              <th>Type</th>
-              <th>Value</th>
-            </tr>
-          </thead>
-          <tbody>
-            <template x-for="ft in filterSettings" :key="ft">
-              <tr x-html="renderFilterRow(ft)"></tr>
-            </template>
-          </tbody>
-        </table>
-        <p>Enter a meaningful name for the subscription to continue:</p>
-        <input class="uk-input" type="text" x-model="subscriptionName">
-      </div>
-      <div class="uk-modal-footer uk-text-right">
-        <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
-        <button class="uk-button uk-button-primary" type="button" :disabled="subscriptionName.trim().length === 0" @click="subscribe($refs.modal)">Confirm</button>
-      </div>
+  <dl class="uk-description-list" id="toggle" hidden>
+    <% plugin.not_nil!.info.each do |k, v| %>
+      <dt><%= k %></dt>
+      <dd><%= v.to_s %></dd>
+    <% end %>
+  </dl>
+
+  <div id="table" class="uk-margin-large-top" hidden>
+    <h3 id="title-text"></h3>
+
+    <div class="uk-margin">
+      <button class="uk-button uk-button-default" onclick="selectAll()">Select All</button>
+      <button class="uk-button uk-button-default" onclick="unselect()">Clear Selections</button>
+      <button class="uk-button uk-button-primary" id="download-btn" onclick="download()">Download Selected</button>
+      <div id="download-spinner" uk-spinner class="uk-margin-left" hidden></div>
+    </div>
+    <p class="uk-text-meta">Click on a table row to select the chapter. Drag your mouse over multiple rows to select them all. Hold Ctrl to make multiple non-adjacent selections.</p>
+    <div class="uk-overflow-auto">
+      <table class="uk-table uk-table-striped tablesorter">
+      </table>
    </div>
  </div>
-</div>
+<% end %>
+

 <% content_for "script" do %>
+  <% if plugin %>
+    <script>
+      var pid = "<%= plugin.not_nil!.info.id %>";
+    </script>
+  <% end %>
  <%= render_component "jquery-ui" %>
-  <%= render_component "moment" %>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.combined.min.js"></script>
  <script src="<%= base_url %>js/alert.js"></script>
  <script src="<%= base_url %>js/plugin-download.js"></script>
 <% end %>
--- a/src/views/reader.html.ecr
+++ b/src/views/reader.html.ecr
@@ -21,7 +21,7 @@
      <div
        :class="{'uk-container': true, 'uk-container-small': mode === 'continuous', 'uk-container-expand': mode !== 'continuous'}">
        <div x-show="!loading && mode === 'continuous'" x-cloak>
-          <template x-if="!loading && mode === 'continuous'" x-for="item in items">
+          <template x-for="item in items">
            <img
              uk-img
              :class="{'uk-align-center': true, 'spine': item.width < 50}"
@@ -50,13 +50,10 @@
                                                                                                                                                                 width:${mode === 'width' ? '100vw' : 'auto'}; 
                                                                                                                                                                 height:${mode === 'height' ? '100vh' : 'auto'}; 
                                                                                                                                                                 margin-bottom:0;
-                                                                                                                                                                 max-width:100%;
-                                                                                                                                                                 max-height:100%;
-                                                                                                                                                                 object-fit: contain;
                                                                                                                                                                 `" />

-          <div style="position:absolute;z-index:1; top:0;left:0; width:30%;height:100%;" @click="flipPage(false ^ enableRightToLeft)"></div>
-          <div style="position:absolute;z-index:1; top:0;right:0; width:30%;height:100%;" @click="flipPage(true ^ enableRightToLeft)"></div>
+          <div style="position:absolute;z-index:1; top:0;left:0; width:30%;height:100%;" @click="flipPage(false)"></div>
+          <div style="position:absolute;z-index:1; top:0;right:0; width:30%;height:100%;" @click="flipPage(true)"></div>
        </div>

      </div>
@@ -101,25 +98,6 @@
            </div>
          </div>

-          <div class="uk-margin uk-form-horizontal" x-show="mode !== 'continuous'">
-            <label class="uk-form-label" for="enable-flip-animation">Enable Flip Animation</label>
-            <div class="uk-form-controls">
-              <input id="enable-flip-animation" class="uk-checkbox" type="checkbox" x-model="enableFlipAnimation" @change="enableFlipAnimationChanged()">
-            </div>
-          </div>
-          <div class="uk-margin uk-form-horizontal" x-show="mode !== 'continuous'">
-            <label class="uk-form-label" for="preload-lookahead" x-text="`Preload Image: ${preloadLookahead} page(s)`"></label>
-            <div class="uk-form-controls">
-              <input id="preload-lookahead" class="uk-range" type="range" min="0" max="5" step="1" x-model.number="preloadLookahead" @change="preloadLookaheadChanged()">
-            </div>
-          </div>
-
-          <div class="uk-margin uk-form-horizontal" x-show="mode !== 'continuous'">
-            <label class="uk-form-label" for="enable-right-to-left">Right to Left</label>
-            <div class="uk-form-controls">
-              <input id="enable-right-to-left" class="uk-checkbox" type="checkbox" x-model="enableRightToLeft" @change="enableRightToLeftChanged()">
-            </div>
-          </div>
          <hr class="uk-divider-icon">

          <div class="uk-margin">
--- a/src/views/subscription-manager.html.ecr
+++ b/src/views/subscription-manager.html.ecr
@@ -1,101 +0,0 @@
-<h2 class=uk-title>Subscription Manager</h2>
-<div x-data="component()" x-init="init()">
-  <div class="uk-grid-small" uk-grid style="margin-bottom:40px;">
-    <div class="uk-container uk-text-center" x-show="plugins.length === 0" style="width:100%">
-      <h2>No Plugins Found</h2>
-      <p>We could't find any plugins in the directory <code><%= Config.current.plugin_path %></code>.</p>
-      <p>You can download official plugins from the <a href="https://github.com/hkalexling/mango-plugins">Mango plugins repository</a>.</p>
-    </div>
-
-    <div x-show="plugins.length > 0" style="width:100%">
-      <div class="uk-margin">
-        <label class="uk-form-label">Choose a plugin</label>
-        <div class="uk-form-controls">
-          <select class="uk-select" x-model="pid" @change="pluginChanged()">
-            <template x-for="p in plugins" :key="p">
-              <option :value="p.id" x-text="p.title"></option>
-            </template>
-          </select>
-        </div>
-      </div>
-
-      <p x-show="subscriptions.length === 0" class="uk-text-meta">No subscriptions found.</p>
-
-      <div class="uk-overflow-auto" x-show="subscriptions.length > 0">
-        <table class="uk-table uk-table-striped">
-          <thead>
-            <tr>
-              <th>Name</th>
-              <th>Plugin ID</th>
-              <th>Manga Title</th>
-              <th>Created At</th>
-              <th>Last Checked</th>
-              <th>Actions</th>
-            </tr>
-          </thead>
-          <tbody>
-            <template x-for="sub in subscriptions" :key="sub">
-              <tr :sid="sub.id" @click="selected($event, $refs.modal)">
-                <td x-html="renderStrCell(sub.name)"></td>
-                <td x-html="renderStrCell(sub.plugin_id)"></td>
-                <td x-html="renderStrCell(sub.manga_title)"></td>
-                <td x-html="renderDateCell(sub.created_at)"></td>
-                <td x-html="renderDateCell(sub.last_checked)"></td>
-                <td>
-                  <a @click.prevent.stop="actionHandler($event, 'delete')" uk-icon="trash" uk-tooltip="Delete" :disabled="loading"></a>
-                  <a @click.prevent.stop="actionHandler($event, 'update')" uk-icon="refresh" uk-tooltip="Check for updates" :disabled="loading"></a>
-                </td>
-              </tr>
-            </template>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-
-  <div uk-modal="container:false" x-ref="modal" class="uk-flex-top">
-    <div class="uk-modal-dialog uk-margin-auto-vertical uk-overflow-auto">
-      <div class="uk-modal-header">
-        <h2 class="uk-modal-title">Subscription Details</h2>
-      </div>
-      <div class="uk-modal-body">
-        <dl>
-          <dt>Name</dt>
-          <dd x-html="subscription && subscription.name"></dd>
-          <dt>Subscription ID</dt>
-          <dd x-html="subscription && subscription.id"></dd>
-          <dt>Plugin ID</dt>
-          <dd x-html="subscription && subscription.plugin_id"></dd>
-          <dt>Manga Title</dt>
-          <dd x-html="subscription && subscription.manga_title"></dd>
-          <dt>Manga ID</dt>
-          <dd x-html="subscription && subscription.manga_id"></dd>
-          <dt>Filters</dt>
-        </dl>
-        <table class="uk-table uk-table-striped">
-          <thead>
-            <tr>
-              <th>Key</th>
-              <th>Type</th>
-              <th>Value</th>
-            </tr>
-          </thead>
-          <tbody>
-            <template x-for="ft in (subscription && subscription.filters || [])" :key="ft">
-              <tr x-html="renderFilterRow(ft)"></tr>
-            </template>
-          </tbody>
-        </table>
-        <p class="uk-text-right">
-        <button class="uk-button uk-button-default uk-modal-close" type="button">OK</button>
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<% content_for "script" do %>
-  <%= render_component "moment" %>
-  <script src="<%= base_url %>js/alert.js"></script>
-  <script src="<%= base_url %>js/subscription-manager.js"></script>
-<% end %>
--- a/src/views/subscription.html.ecr
+++ b/src/views/subscription.html.ecr
@@ -0,0 +1,54 @@
+<h2 class="uk-title">MangaDex Subscription Manager</h2>
+
+<div x-data="component()" x-init="init()">
+  <p x-show="available === false">The subscription manager uses a MangaDex API that requires authentication. Please <a href="<%= base_url %>admin/mangadex">connect to MangaDex</a> before using this feature.</p>
+
+  <p x-show="available && subscriptions.length === 0">No subscription found. Go to the <a href="<%= base_url %>download">MangaDex download page</a> and start subscribing.</p>
+
+  <template x-if="subscriptions.length > 0">
+    <div class="uk-overflow-auto">
+      <table class="uk-table uk-table-striped">
+        <thead>
+          <tr>
+            <th>Manga ID</th>
+            <th>Language</th>
+            <th>Group ID</th>
+            <th>Volume Range</th>
+            <th>Chapter Range</th>
+            <th>Creator</th>
+            <th>Last Checked</th>
+            <th>Created At</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <template x-for="sub in subscriptions" :key="sub">
+            <tr>
+              <td><a :href="`<%= mangadex_base_url %>/manga/${sub.manga_id}`" x-text="sub.manga_id"></a></td>
+              <td x-text="sub.language || 'All'"></td>
+              <td>
+                <a x-show="sub.group_id" :href="`<%= mangadex_base_url %>/group/${sub.group_id}`" x-text="sub.group_id"></a>
+                <span x-show="!sub.group_id">All</span>
+              </td>
+              <td x-text="formatRange(sub.min_volume, sub.max_volume)"></td>
+              <td x-text="formatRange(sub.min_chapter, sub.max_chapter)"></td>
+              <td x-text="sub.username"></td>
+              <td x-text="`${moment.unix(sub.last_checked).fromNow()}`"></td>
+              <td x-text="`${moment.unix(sub.created_at).fromNow()}`"></td>
+              <td :data-id="sub.id">
+                <a @click="check($event)" x-show="sub.username === '<%= username %>'" uk-icon="refresh" uk-tooltip="Check for updates"></a>
+                <a @click="rm($event)" x-show="sub.username === '<%= username %>'" uk-icon="trash" uk-tooltip="Delete"></a>
+              </td>
+            </tr>
+          </template>
+        </tbody>
+      </table>
+    </div>
+  </template>
+</div>
+
+<% content_for "script" do %>
+  <%= render_component "moment" %>
+  <script src="<%= base_url %>js/alert.js"></script>
+  <script src="<%= base_url %>js/subscription.js"></script>
+<% end %>
--- a/src/views/title.html.ecr
+++ b/src/views/title.html.ecr
@@ -18,8 +18,7 @@
      </div>
    </div>
  </div>
-  <h2 class=uk-title data-file-title="<%= HTML.escape(title.title) %>" data-sort-title="<%= HTML.escape(title.sort_title_db || "") %>">
-    <span><%= title.display_name %></span>
+  <h2 class=uk-title><span><%= title.display_name %></span>
    &nbsp;
    <% if is_admin %>
      <a onclick="edit()" class="uk-icon-button" uk-icon="icon:pencil"></a>
@@ -60,8 +59,8 @@
 </div>

 <div class="uk-child-width-1-4@m uk-child-width-1-2" uk-grid>
-  <% sorted_titles.each do |item| %>
-    <% progress = title_percentage_map[item.id] %>
+  <% title.titles.each_with_index do |item, i| %>
+    <% progress = title_percentage[i] %>
    <%= render_component "card" %>
  <% end %>
 </div>
@@ -90,13 +89,6 @@
          <input class="uk-input" type="text" name="display-name" id="display-name-field">
        </div>
      </div>
-      <div class="uk-margin">
-        <label class="uk-form-label" for="sort-title">Sort Title</label>
-        <div class="uk-inline">
-          <a class="uk-form-icon uk-form-icon-flip" uk-icon="icon:check"></a>
-          <input class="uk-input" type="text" name="sort-title" id="sort-title-field">
-        </div>
-      </div>
      <div class="uk-margin">
        <label class="uk-form-label">Cover Image</label>
        <div class="uk-grid">