From ec57d18e740f6aebde1e2f249f3929835c8e0f24 Mon Sep 17 00:00:00 2001
From: beerpsi <92439990+beerpiss@users.noreply.github.com>
Date: Tue, 9 Jan 2024 23:20:43 +0700
Subject: [PATCH] Listing website (#2)
* Listing website
* landing page
* move button next to entry
* bump minimum tachiyomi version
---
extensions/extensions.js | 109 ++++++++++++
extensions/index.html | 107 ++++++++++++
index.css | 347 +++++++++++++++++++++++++++++++++++++++
index.html | 78 +++++++++
4 files changed, 641 insertions(+)
create mode 100644 extensions/extensions.js
create mode 100644 extensions/index.html
create mode 100644 index.css
create mode 100644 index.html
diff --git a/extensions/extensions.js b/extensions/extensions.js
new file mode 100644
index 0000000..756c7f6
--- /dev/null
+++ b/extensions/extensions.js
@@ -0,0 +1,109 @@
+!function () {
+ const ENGLISH_DISPLAY_NAMES = new Intl.DisplayNames(["en"], { type: "language" });
+
+ function simpleLanguageName(language) {
+ return language === "all" ? "All" : ENGLISH_DISPLAY_NAMES.of(language);
+ }
+
+ function languageName(language) {
+ if (language === "all") {
+ return "All";
+ }
+
+ if (language === "en") {
+ return "English"
+ }
+
+ const localDisplayNames = new Intl.DisplayNames([language], { type: "language" });
+
+ return `${ENGLISH_DISPLAY_NAMES.of(language)} - ${localDisplayNames.of(language)}`;
+ }
+
+ const LoadingStatus = {
+ Loading: "loading",
+ Loaded: "loaded",
+ Error: "error",
+ }
+
+ const NsfwOption = {
+ All: "all",
+ Safe: "safe",
+ Nsfw: "nsfw",
+ }
+
+ document.addEventListener("alpine:init", () => {
+ Alpine.data("extensionList", () => ({
+ LoadingStatus,
+ NsfwOption,
+ simpleLanguageName,
+ languageName,
+ extensions: [],
+ languages: [],
+ loading: LoadingStatus.Loading,
+ filtered: [],
+ query: "",
+ selectedLanguages: [],
+ nsfw: NsfwOption.All,
+
+ async init() {
+ try {
+ const index = await fetch("/index.min.json").then((e) => e.json());
+
+ this.extensions = index.sort((a, b) => {
+ if ("all" === a.lang && "all" !== b.lang) {
+ return -1;
+ }
+
+ if ("all" !== a.lang && "all" === b.lang) {
+ return 1;
+ }
+
+ if ("en" === a.lang && "en" !== b.lang) {
+ return -1
+ }
+
+ if ("en" === b.lang && "en" !== a.lang) {
+ return 1;
+ }
+
+ const langA = simpleLanguageName(a.lang);
+ const langB = simpleLanguageName(b.lang);
+
+ return langA.localeCompare(langB) || a.name.localeCompare(b.name);
+ });
+ this.languages = [...new Set(this.extensions.map((e) => e.lang))];
+ this.loading = LoadingStatus.Loaded;
+ } catch (e) {
+ console.error(e);
+
+ this.loading = LoadingStatus.Error;
+ }
+
+ if (this.filtered.length === 0) {
+ this.updateFilteredList();
+ }
+
+ this.$nextTick(() => {
+ window.location.hash && window.location.replace(window.location.hash);
+ });
+ },
+
+ updateFilteredList() {
+ this.filtered = this.extensions
+ .filter(
+ (e) => !this.query
+ || e.name.toLowerCase().includes(this.query.toLowerCase())
+ || e.pkg.toLowerCase().includes(this.query.toLowerCase()),
+ )
+ .filter(
+ (e) => this.nsfw === NsfwOption.All
+ || (this.nsfw === NsfwOption.Nsfw ? e.nsfw : !e.nsfw),
+ )
+ .filter(
+ (e) =>
+ !this.selectedLanguages.length || this.selectedLanguages.includes(e.lang)
+ );
+ },
+ }))
+ });
+}()
diff --git a/extensions/index.html b/extensions/index.html
new file mode 100644
index 0000000..d94dc56
--- /dev/null
+++ b/extensions/index.html
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+ Keiyoushi
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Extensions
+
+
+
+
+ Could not load extension list.
+
+
+
+
+
+ Show NSFW extensions
+
+ Yes
+ No
+ Don't care
+
+
+
+
+
+
+
+
+
+
+
+
# ![]()
+
+
+
+
+
+ Tachiyomi v0.15.2+/Tachiyomi Preview r6404+:
+
+ Add to Tachiyomi
+
+
+
+
TachiyomiSY:
+
+
+ - Go to More → Settings → Browse
+ - Tap on "Edit repos" and then "Add" button at bottom
+ - Input
keiyoushi/extensions
+ - Enjoy!
+
+
+
TachiyomiAZ:
+
+
+ - Go to Settings → Browse
+ - Tap on "Edit repos" and then "Add" button at bottom
+ - Input
keiyoushi/extensions
+ - Enjoy!
+
+
+
If you're not using any of the above, download and update extensions from the listing page.
+