Adding Homepage feature

src/Paperback/Common.ts → src/TachiDesk/Common.ts

@@ -3,7 +3,8 @@ import {
     PagedResults,
     SourceStateManager,
     RequestManager,
-    Response
+    Response,
+    MangaTile
 } from "paperback-extensions-common";
 
 export function getServerUnavailableMangaTiles() {
@@ -161,7 +162,7 @@ export async function searchRequest(
 // TACHI API STATE METHODS
 //
 
-const DEFAULT_TACHI_SERVER_ADDRESS = 'http://192.168.1.116:4567'
+const DEFAULT_TACHI_SERVER_ADDRESS = 'http://10.0.0.127:4567'
 const DEFAULT_TACHI_API = DEFAULT_TACHI_SERVER_ADDRESS + '/api/v1'
 const DEFAULT_TACHI_LANG = "en"
 const DEFAULT_TACHI_USERNAME = ''
@@ -241,4 +242,37 @@ function createAuthorizationString(username: string, password: string): string {
 
 function createtachiAPI(serverAddress: string): string {
     return serverAddress + (serverAddress.slice(-1) === '/' ? 'api/v1' : '/api/v1')
+}
+
+export interface HomePageData {
+    mangaList: 
+    [
+        {
+            id: number
+            title: string
+        }
+    ];
+}
+
+export const parseHomePage = (data: HomePageData, tachiAPI: string, displayName: string): MangaTile[] => {
+    const results: MangaTile[] = []
+
+    for (const manga of data.mangaList) {
+        const id = manga.id.toString()
+        const title = manga.title
+        const image = `${tachiAPI}/manga/${manga.id}/thumbnail`
+        const subtitle = displayName
+
+        if (!id) continue
+
+        results.push(createMangaTile({
+            id,
+            image,
+            title: createIconText({ text: title }),
+            subtitleText: createIconText({ text: subtitle })
+        }))
+
+    }
+
+    return results
 }

src/Paperback/Settings.ts → src/TachiDesk/Settings.ts

@@ -1,5 +1,6 @@
 import {
     Button,
+    MangaTile,
     NavigationButton,
     RequestManager,
     SourceStateManager,
@@ -170,6 +171,137 @@ export const testServerSettingsMenu = (
     });
 };
 
+interface TDSource {
+    id:             string;
+    name:           string;
+    lang:           string;
+    iconUrl:        string;
+    supportsLatest: boolean;
+    isConfigurable: boolean;
+    isNsfw:         boolean;
+    displayName:    string;
+    default?:        boolean;
+}
+
+
+class SourceClass {
+    Sources: TDSource[] = []
+
+    constructor() {
+        this.Sources = this.Sources.sort((a, b) => a.displayName > b.displayName ? 1 : -1)
+    }
+
+    getIDList(): string[] {
+        return this.Sources.map(Sources => Sources.id)
+    }
+
+    getSelectedSources(sources: string[]): TDSource[] {
+        const FilteredSources: TDSource[] = []
+
+        for(const source of sources){
+            const fSources: TDSource[] = this.Sources.filter(MSources => MSources.id === source)
+
+            if(fSources && fSources[0]){
+                FilteredSources.push(fSources[0])
+            }
+        }
+
+        const SortedSources: TDSource[] = FilteredSources.sort((a, b) => a.displayName > b.displayName ? 1 : -1)
+
+        return SortedSources
+    }
+
+    getNameFromID(id: string): string {
+        return this.Sources.filter(Sources => Sources.id == id)[0]?.displayName ?? 'Unknown'
+    }
+
+    getDefault(): string[] {
+        return this.Sources.filter(Sources => Sources.default).map(Sources => Sources.id)
+    }
+
+}
+
+export const TDSources = new SourceClass
+
+export const getSourcesList = async (stateManager: SourceStateManager): Promise<string[]> => {
+    return (await stateManager.retrieve('tdsources') as string[]) ?? [
+        {
+            id: "0",
+            name: "Local source",
+            displayName: "Local source"
+          },
+    ]
+}
+
+
+export const getSources = async (stateManager: SourceStateManager) =>{
+    const tachiAPI = await getTachiAPI(stateManager);
+
+    const requestManager = createRequestManager({
+        requestsPerSecond: 4,
+        requestTimeout: 20000,
+    });
+
+    const request = createRequestObject({
+        url: `${tachiAPI}/source/list`,
+        method: "GET",
+    })
+    const response = await requestManager.schedule(request, 1)
+
+    let data: TDSource[]
+    try {
+        data = JSON.parse(response.data)
+    } catch (e) {
+        throw new Error(`${e}`)
+    }
+    if(data.length === 0) throw Error('Could not Find any sources avaliable in the api')    
+
+    TDSources.Sources = data
+}
+export const TDSettings = (stateManager: SourceStateManager): NavigationButton => {
+    return createNavigationButton({
+        id: 'tdsource_settings',
+        value: '',
+        label: 'TachiDesk Source Settings',
+        form: createForm({
+            onSubmit: (values: any) => {
+                return Promise.all([
+                    stateManager.store('tdsources', values.tdsources),
+                ]).then()
+            },
+            validate: () => {
+                return Promise.resolve(true)
+            },
+            sections: () => {
+                return Promise.resolve([
+                    createSection({
+                        id: 'tachidesk_sources',
+                        footer: '',
+                        rows: () => {
+                            return Promise.all([
+                                getSourcesList(stateManager),
+                            ]).then(async values => {
+                                return [
+                                    createSelect({
+                                        id: 'tdsources',
+                                        label: 'Sources',
+                                        options: TDSources.getIDList(),
+                                        displayLabel: option => TDSources.getNameFromID(option),
+                                        value: values[0],
+                                        allowsMultiselect: true,
+                                        minimumOptionCount: 1,
+                                    })
+                                ]
+                            })
+                        }
+                    })
+                ])
+            }
+        })
+    })
+}
+
+
 export const resetSettingsButton = (
     stateManager: SourceStateManager
 ): Button => {