refactor: Overhaul Plugin Architecture & Playground UI (#1846)

* refactor: Move Plugins Out and Consolidate with Multisrc

* feat: Overhaul Playground UI

* feat: Add Filters to New UI

* feat: Persist Selected Plugin

* feat: Add Direct Parse Novel/Chapter Options and Feedback Toasts

[skip ci]

* feat: UX Improvements

* chore: Update Plugin Path in Publish Workflow

* fix: Add Backward Compatibility

* chore: Update Plugin Publishing Script
This commit is contained in:
Rajarshee Chatterjee
2025-10-20 22:54:08 +05:30
committed by GitHub
parent 252beff0bf
commit 20c2b75b01
363 changed files with 6848 additions and 3007 deletions
+275
View File
@@ -0,0 +1,275 @@
import { fetchApi } from '@libs/fetch';
import { Filters, FilterTypes } from '@libs/filterInputs';
import { Plugin } from '@/types/plugin';
import { NovelStatus } from '@libs/novelStatus';
export type HotNovelPubMetadata = {
id: string;
sourceSite: string;
sourceName: string;
filters?: Filters;
options?: HotNovelPubOptions;
};
type HotNovelPubOptions = {
lang?: string;
};
class HotNovelPubPlugin implements Plugin.PluginBase {
id: string;
name: string;
icon: string;
site: string;
apiSite: string;
version: string;
filters?: Filters;
lang: string;
constructor(metadata: HotNovelPubMetadata) {
this.id = metadata.id;
this.name = metadata.sourceName;
this.icon = `multisrc/hotnovelpub/${metadata.id.toLowerCase()}/icon.png`;
this.site = metadata.sourceSite;
this.apiSite = metadata.sourceSite.replace('://', '://api.');
this.version = '1.0.1';
this.filters = metadata.filters;
this.lang = metadata.options?.lang || 'en';
}
async popularNovels(
pageNo: number,
{ filters, showLatestNovels }: Plugin.PopularNovelsOptions,
): Promise<Plugin.NovelItem[]> {
let url = this.apiSite + '/books/';
url += showLatestNovels ? 'new' : filters?.sort?.value || 'hot';
if (filters?.category?.value) {
url = this.apiSite + '/category/' + filters.category.value;
}
url += '/?page=' + (pageNo - 1) + '&limit=20';
const result: responseNovels = await fetchApi(url, {
headers: {
lang: this.lang,
},
}).then(res => res.json());
const novels: Plugin.NovelItem[] = [];
if (result.status && result.data.books.data?.length) {
result.data.books.data.forEach(novel =>
novels.push({
name: novel.name,
cover: this.site + novel.image,
path: novel.slug,
}),
);
}
return novels;
}
async parseNovel(novelPath: string): Promise<Plugin.SourceNovel> {
const json: responseNovel = await fetchApi(
this.apiSite + '/book/' + novelPath,
{
headers: {
lang: this.lang,
},
},
).then(res => res.json());
const novel: Plugin.SourceNovel = {
name: json.data.book.name,
path: novelPath,
cover: this.site + json.data.book.image,
summary: json.data.book.authorize.description,
author: json.data.book.authorize.name,
status:
json.data.book.status === 'updating'
? NovelStatus.Ongoing
: NovelStatus.Completed,
};
if (json.data.tags.tags_name?.length) {
novel.genres = json.data.tags.tags_name.join(',');
}
if (json.data.chapters?.length) {
const chapters: Plugin.ChapterItem[] = [];
json.data.chapters.forEach((chapter, chapterIndex) =>
chapters.push({
name: chapter.title,
path: chapter.slug,
releaseTime: undefined,
chapterNumber: (chapter.index || chapterIndex) + 1,
}),
);
novel.chapters = chapters;
}
return novel;
}
async parseChapter(chapterPath: string): Promise<string> {
const body = await fetchApi(this.resolveUrl(chapterPath)).then(res =>
res.text(),
);
let chapterText =
body.match(/<div id="content-item" ([\s\S]*?)<\/div>/)?.[0] || '';
if (chapterText) {
const result = await fetchApi(
this.site + '/server/getContent?slug=' + chapterPath,
);
const json = (await result.json()) as ChapterType;
if (json.data) {
chapterText += json.data
.map(item => '<p>' + item + '</p>')
.join('')
.replace(/\n/g, '</p><p>')
.replace(/\s/g, ' ');
}
}
return chapterText.replace(/\.copy right hot novel pub/g, '');
}
async searchNovels(searchTerm: string): Promise<Plugin.NovelItem[]> {
const result: responseSearch = await fetchApi(this.apiSite + '/search', {
headers: {
'Content-Type': 'application/json;charset=utf-8',
Referer: this.site,
Origin: this.site,
lang: this.lang,
},
method: 'POST',
body: JSON.stringify({ key_search: searchTerm }),
}).then(res => res.json());
const novels: Plugin.NovelItem[] = [];
if (result.status && result.data.books?.length) {
result.data.books.forEach(novel =>
novels.push({
name: novel.name,
path: novel.slug,
}),
);
}
return novels;
}
resolveUrl = (path: string) => this.site + '/' + path;
}
type responseNovels = {
status: number;
message: string;
data: Data;
};
type Data = {
category?: Category;
books: Books;
};
type Category = {
id: number;
name: string;
description: string;
slug: string;
createdAt: string;
updatedAt: string;
countryId: number;
};
type Books = {
total: number;
pages_count: number;
data?: DataEntity[];
};
type DataEntity = {
id: number;
name: string;
view: number;
status: string;
image: string;
slug: string;
categories?: CategoriesEntity[] | null;
source?: null;
};
type CategoriesEntity = {
id: number;
name: string;
slug?: string;
};
type responseNovel = {
status: number;
message: string;
data: Data1;
};
type Data1 = {
book: Book1;
tags: Tags;
chapters?: ChaptersEntity[];
};
type Book1 = {
id: number;
name: string;
description: string;
view: number;
rate: number;
status: string;
image: string;
createdAt: string;
chapterCount: number;
crawlStt: string;
rateCount: number;
slug: string;
categories?: CategoriesEntity[] | null;
authorize: Authorize;
updated_at: string;
source?: null;
idSource?: null;
prize?: null;
};
type Authorize = {
id: number;
name: string;
description: string;
avatar: string;
slug: string;
};
type Tags = {
tags_name?: string[] | null;
tags?: CategoriesEntity[] | null;
};
type ChaptersEntity = {
id: number;
title: string;
slug: string;
index: number;
};
type ChapterType = {
type: string;
data?: string[];
};
type responseSearch = {
status: number;
message: string;
data: Data2;
};
type Data2 = {
books?: BooksEntity[] | null;
authorizes?: AuthorizesEntityOrCategoriesEntity[] | null;
categories?: AuthorizesEntityOrCategoriesEntity[] | null;
};
type BooksEntity = {
id: number;
name: string;
slug: string;
};
type AuthorizesEntityOrCategoriesEntity = {
id: number;
name: string;
slug: string;
};