added homepage sections

Author: FaizanDurrani

src/Komga/Komga.ts

@@ -0,0 +1,52 @@
+import {
+  Form,
+  Section,
+  ToggleRow,
+  type FormSectionElement,
+} from '@paperback/types'
+import {
+  getShowContinueReading,
+  getShowOnDeck,
+  setShowContinueReading,
+  setShowOnDeck,
+} from '../utils/config.js'
+
+export class HomepageSettingsForm extends Form {
+  override getSections(): FormSectionElement[] {
+    return [this.staticHomepageSection()]
+  }
+
+  staticHomepageSection(): FormSectionElement {
+    return Section(
+      { id: 'staticHomepageSection', header: 'Static Hompage Sections' },
+      [
+        ToggleRow('showOnDeck', {
+          title: 'On Deck',
+          value: getShowOnDeck(),
+          onValueChange: Application.Selector(
+            this as HomepageSettingsForm,
+            'showOnDeckDidChange'
+          ),
+        }),
+        ToggleRow('showContinueReading', {
+          title: 'Continue Reading',
+          value: getShowContinueReading(),
+          onValueChange: Application.Selector(
+            this as HomepageSettingsForm,
+            'showContinueReadingDidChange'
+          ),
+        }),
+      ]
+    )
+  }
+
+  async showOnDeckDidChange(newValue: boolean): Promise<void> {
+    setShowOnDeck(newValue)
+    Application.invalidateDiscoverSections()
+  }
+
+  async showContinueReadingDidChange(newValue: boolean): Promise<void> {
+    setShowContinueReading(newValue)
+    Application.invalidateDiscoverSections()
+  }
+}

src/Komga/forms/homepage_settings_form.ts

@@ -12,7 +12,7 @@ import {
 } from '../utils/config.js'
 import { getCurrentUser } from '../sdk/sdk.gen.js'
 
-export class AuthenticationForm extends Form {
+export class ServerSettingsForm extends Form {
   baseUrl = getKomgaBaseURL()
   credentials = getKomgaCredentials()
 
@@ -28,7 +28,7 @@ export class AuthenticationForm extends Form {
           title: 'Base URL',
           value: this.baseUrl,
           onValueChange: Application.Selector(
-            this as AuthenticationForm,
+            this as ServerSettingsForm,
             'baseUrlDidChange'
           ),
         }),
@@ -55,15 +55,15 @@ export class AuthenticationForm extends Form {
           title: 'Username',
           value: this.credentials.username,
           onValueChange: Application.Selector(
-            this as AuthenticationForm,
+            this as ServerSettingsForm,
             'usernameDidChange'
           ),
         }),
         InputRow('password', {
           title: 'Password',
           value: this.credentials.password,
           onValueChange: Application.Selector(
-            this as AuthenticationForm,
+            this as ServerSettingsForm,
             'passwordDidChange'
           ),
         }),

src/Komga/forms/authentication_form.ts src/Komga/forms/server_settings_form.tssrc/Komga/forms/authentication_form.ts renamed to src/Komga/forms/server_settings_form.ts

@@ -1,14 +1,22 @@
 import { Form, NavigationRow, Section, type FormSectionElement } from '@paperback/types'
-import { AuthenticationForm } from './authentication_form.js'
+import { ServerSettingsForm } from './server_settings_form.js'
+import { HomepageSettingsForm } from './homepage_settings_form.js'
 
 export class SettingsForm extends Form {
   override getSections(): FormSectionElement[] {
     return [
       Section('authentication', [
         NavigationRow('authentication', {
-          title: 'Authenciation',
-          form: new AuthenticationForm(),
-        }),
+          title: 'Server Settings',
+          form: new ServerSettingsForm(),
+        }), 
+      ]),
+      
+      Section('homepageSettings', [
+        NavigationRow('authentication', {
+          title: 'Homepage Settings',
+          form: new HomepageSettingsForm(),
+        }), 
       ]),
     ]
   }

src/Komga/forms/settings_form.ts

@@ -1,18 +1,25 @@
-import { PaperbackInterceptor, type Request, type Response } from '@paperback/types'
+import {
+  PaperbackInterceptor,
+  type Request,
+  type Response,
+} from '@paperback/types'
 import { getKomgaCredentials } from '../utils/config.js'
 
-
 export class KomgaImageInterceptor extends PaperbackInterceptor {
   override async interceptRequest(request: Request): Promise<Request> {
-    if (!request.url.includes('thumbnail')) {
-      return request
-    }
+    console.log(request.url)
+
+    // if (!request.url.includes('thumbnail')) {
+    //   return request
+    // }
 
     const { username, password } = getKomgaCredentials()
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     request.headers!['Authorization'] =
       'Basic ' + btoa(`${username}:${password}`)
 
+    console.log(request.headers!['Authorization'])
+
     return request
   }
 

src/Komga/interceptors/image_interceptor.ts

@@ -31,5 +31,6 @@ export default {
     SourceIntents.SEARCH_RESULTS_PROVIDING,
     SourceIntents.CHAPTER_PROVIDING,
     SourceIntents.SETTINGS_FORM_PROVIDING,
+    SourceIntents.DISCOVER_SECIONS_PROVIDING
   ],
 } satisfies ExtensionInfo

src/Komga/pbconfig.ts

@@ -1,5 +1,23 @@
+import type { Is, IsFalse, IsNot, IsTrue } from './sdk/types.gen.js'
+
 export function Operator<T extends string, V>(
   o: { operator: Uncapitalize<T> } & V
 ): { operator: T } & V {
   return o as { operator: T } & V
 }
+
+export function isTrue(): IsTrue {
+  return Operator({ operator: 'isTrue' })
+}
+
+export function isFalse(): IsFalse {
+  return Operator({ operator: 'isFalse' })
+}
+
+export function isEqualTo<T>(value: T): Is {
+  return Operator({ operator: 'is', value: value })
+}
+
+export function isNotEqualTo<T>(value: T): IsNot {
+  return Operator({ operator: 'isNot', value: value })
+}

src/Komga/utils.ts

@@ -1,13 +1,21 @@
 const KEY_KOMGA_BASE_URL = 'serverURL'
 const KEY_KOMGA_USERNAME = 'serverUsername'
 const KEY_KOMGA_PASSWORD = 'serverPassword'
+const KEY_SHOW_ON_DECK = 'showOnDeck'
+const KEY_SHOW_CONTINUE_READING = 'showContinueReading'
 
 const DEFAULT_KOMGA_BASE_URL = 'https://demo.komga.org'
 const DEFAULT_KOMGA_USERNAME = '[email protected]'
 const DEFAULT_KOMGA_PASSWORD = 'komga-demo'
+const DEFAULT_SHOW_ON_DECK = true
+const DEFAULT_SHOW_CONTINUE_READING = true
+
+function getStateOrDefault<T>(key: string, def: T): T {
+  return Application.getState(key) as T ?? def
+}
 
 export function getKomgaBaseURL() {
-  return Application.getState(KEY_KOMGA_BASE_URL) as string ?? DEFAULT_KOMGA_BASE_URL
+  return getStateOrDefault(KEY_KOMGA_BASE_URL, DEFAULT_KOMGA_BASE_URL)
 }
 
 export function setKomgaBaseURL(url: string) {
@@ -25,3 +33,20 @@ export function setKomgaCredentials(username: string, password: string) {
   Application.setSecureState(username, KEY_KOMGA_USERNAME)
   Application.setSecureState(password, KEY_KOMGA_PASSWORD)
 }
+
+
+export function getShowOnDeck() {
+  return getStateOrDefault(KEY_SHOW_ON_DECK, DEFAULT_SHOW_ON_DECK)
+}
+
+export function setShowOnDeck(newValue: boolean) {
+  Application.setState(newValue, KEY_SHOW_ON_DECK)
+}
+
+export function getShowContinueReading() {
+  return getStateOrDefault(KEY_SHOW_CONTINUE_READING, DEFAULT_SHOW_CONTINUE_READING)
+}
+
+export function setShowContinueReading(newValue: boolean) {
+  Application.setState(newValue, KEY_SHOW_CONTINUE_READING)
+}