mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-04 01:54:33 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #1439 from advplyr/reader-keep-screen-awake

Browse source 
Add epub reader setting to keep screen awake #1207
This commit is contained in:
advplyr 2025-01-18 11:37:52 -06:00 • committed by GitHub
commit 13d3489cde
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 73 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

1
android/app/capacitor.build.gradle
View file

@ -10,6 +10,7 @@ android {
apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
dependencies {
implementation project(':byteowls-capacitor-filesharer')
implementation project(':capacitor-community-keep-awake')
implementation project(':capacitor-community-volume-buttons')
implementation project(':capacitor-app')
implementation project(':capacitor-browser')

4
android/app/src/main/assets/capacitor.plugins.json
View file

@ -3,6 +3,10 @@
"pkg": "@byteowls/capacitor-filesharer",
"classpath": "com.byteowls.capacitor.filesharer.FileSharerPlugin"
},
{
"pkg": "@capacitor-community/keep-awake",
"classpath": "com.getcapacitor.community.keepawake.KeepAwakePlugin"
},
{
"pkg": "@capacitor-community/volume-buttons",
"classpath": "com.ryltsov.alex.plugins.volume.buttons.VolumeButtonsPlugin"

3
android/capacitor.settings.gradle
View file

@ -5,6 +5,9 @@ project(':capacitor-android').projectDir = new File('../node_modules/@capacitor/
include ':byteowls-capacitor-filesharer'
project(':byteowls-capacitor-filesharer').projectDir = new File('../node_modules/@byteowls/capacitor-filesharer/android')
include ':capacitor-community-keep-awake'
project(':capacitor-community-keep-awake').projectDir = new File('../node_modules/@capacitor-community/keep-awake/android')
include ':capacitor-community-volume-buttons'
project(':capacitor-community-volume-buttons').projectDir = new File('../node_modules/@capacitor-community/volume-buttons/android')

52
components/readers/Reader.vue
View file

@ -66,45 +66,51 @@
<div class="w-full h-full px-4">
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-base">{{ $strings.LabelTheme }}:</p>
<p class="text-sm">{{ $strings.LabelTheme }}</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.theme" :items="themeItems" @input="settingsUpdated" />
<ui-toggle-btns v-model="ereaderSettings.theme" name="theme" :items="themeItems" @input="settingsUpdated" />
</div>
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-base">{{ $strings.LabelFontScale }}:</p>
<p class="text-sm">{{ $strings.LabelFontScale }}</p>
</div>
<ui-range-input v-model="ereaderSettings.fontScale" :min="5" :max="300" :step="5" input-width="180px" @input="settingsUpdated" />
</div>
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-base">{{ $strings.LabelLineSpacing }}:</p>
<p class="text-sm">{{ $strings.LabelLineSpacing }}</p>
</div>
<ui-range-input v-model="ereaderSettings.lineSpacing" :min="100" :max="300" :step="5" input-width="180px" @input="settingsUpdated" />
</div>
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-base">{{ $strings.LabelFontBoldness }}:</p>
<p class="text-sm">{{ $strings.LabelFontBoldness }}</p>
</div>
<ui-range-input v-model="ereaderSettings.textStroke" :min="0" :max="300" :step="5" input-width="180px" @input="settingsUpdated" />
</div>
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-base">{{ $strings.LabelLayout }}:</p>
<p class="text-sm">{{ $strings.LabelLayout }}</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.spread" :items="spreadItems" @input="settingsUpdated" />
<ui-toggle-btns v-model="ereaderSettings.spread" name="spread" :items="spreadItems" @input="settingsUpdated" />
</div>
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-base">{{ $strings.LabelNavigateWithVolume }}:</p>
<p class="text-sm">{{ $strings.LabelNavigateWithVolume }}</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.navigateWithVolume" :items="navigateWithVolumeItems" @input="settingsUpdated" />
<ui-toggle-btns v-model="ereaderSettings.navigateWithVolume" name="navigate-volume" :items="navigateWithVolumeItems" @input="settingsUpdated" />
</div>
<div class="flex items-center mb-6">
<div class="w-32">
<p class="text-sm">{{ $strings.LabelNavigateWithVolumeWhilePlaying }}</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.navigateWithVolumeWhilePlaying" name="navigate-volume-playing" :items="onOffToggleButtonItems" @input="settingsUpdated" />
</div>
<div class="flex items-center">
<div class="w-32">
<p class="text-base">{{ $strings.LabelNavigateWithVolumeWhilePlaying }}:</p>
<p class="text-sm">{{ $strings.LabelKeepScreenAwake }}</p>
</div>
<ui-toggle-btns v-model="ereaderSettings.navigateWithVolumeWhilePlaying" :items="navigateWithVolumeWhilePlayingItems" @input="settingsUpdated" />
<ui-toggle-btns v-model="ereaderSettings.keepScreenAwake" name="keep-awake" :items="onOffToggleButtonItems" @input="settingsUpdated" />
</div>
</div>
</div>
@ -116,6 +122,7 @@
<script>
import { Capacitor } from '@capacitor/core'
import { VolumeButtons } from '@capacitor-community/volume-buttons'
import { KeepAwake } from '@capacitor-community/keep-awake'
export default {
data() {
@ -139,7 +146,8 @@ export default {
spread: 'auto',
textStroke: 0,
navigateWithVolume: 'enabled',
navigateWithVolumeWhilePlaying: false
navigateWithVolumeWhilePlaying: false,
keepScreenAwake: false
}
}
},
@ -216,7 +224,7 @@ export default {
}
]
},
navigateWithVolumeWhilePlayingItems() {
onOffToggleButtonItems() {
return [
{
text: this.$strings.LabelOn,
@ -314,6 +322,7 @@ export default {
localStorage.setItem('ereaderSettings', JSON.stringify(this.ereaderSettings))
this.initWatchVolume()
this.initKeepScreenAwake()
},
goToChapter(href) {
this.showTOCModal = false
@ -459,11 +468,25 @@ export default {
this.isInittingWatchVolume = false
},
async initKeepScreenAwake() {
try {
if (this.ereaderSettings.keepScreenAwake) {
await KeepAwake.keepAwake()
console.log('Reader keep screen awake enabled')
} else {
await KeepAwake.allowSleep()
console.log('Reader keep screen awake disabled')
}
} catch (error) {
console.error('Failed to init keep screen awake', error)
}
},
registerListeners() {
this.$eventBus.$on('close-ebook', this.closeEvt)
document.body.addEventListener('touchstart', this.touchstart)
document.body.addEventListener('touchend', this.touchend)
this.initWatchVolume()
this.initKeepScreenAwake()
},
unregisterListeners() {
this.$eventBus.$on('close-ebook', this.closeEvt)
@ -472,6 +495,9 @@ export default {
VolumeButtons.clearWatch().catch((error) => {
console.error('Failed to clear volume watch', error)
})
KeepAwake.allowSleep().catch((error) => {
console.error('Failed to allow sleep', error)
})
},
volumePressed(e) {
if (this.ereaderSettings.navigateWithVolume == 'enabled') {

5
components/ui/ToggleBtns.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="inline-flex toggle-btn-wrapper shadow-md">
<button v-for="item in items" :key="item.value" type="button" class="toggle-btn outline-none relative border border-border px-4 py-1" :class="{ selected: item.value === value }" @click.stop="clickBtn(item.value)">
<button v-for="(item, index) in items" :key="`${name}-${index}`" type="button" class="toggle-btn outline-none relative border border-border px-4 py-1" :class="{ selected: item.value === value }" @click.stop="clickBtn(item.value)">
{{ item.text }}
</button>
</div>
@ -9,7 +9,8 @@
<script>
export default {
props: {
value: String,
name: String,
value: [String, Number, Boolean],
items: {
type: Array,
default: Object

1
ios/App/App/capacitor.config.json
View file

@ -12,6 +12,7 @@
},
"packageClassList": [
"FileSharerPlugin",
"KeepAwakePlugin",
"VolumeButtonsPlugin",
"AppPlugin",
"CAPBrowserPlugin",

1
ios/App/Podfile
View file

@ -12,6 +12,7 @@ def capacitor_pods
pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
pod 'ByteowlsCapacitorFilesharer', :path => '../../node_modules/@byteowls/capacitor-filesharer'
pod 'CapacitorCommunityKeepAwake', :path => '../../node_modules/@capacitor-community/keep-awake'
pod 'CapacitorCommunityVolumeButtons', :path => '../../node_modules/@capacitor-community/volume-buttons'
pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
pod 'CapacitorBrowser', :path => '../../node_modules/@capacitor/browser'

8
ios/App/Podfile.lock
View file

@ -10,6 +10,8 @@ PODS:
- Capacitor
- CapacitorClipboard (6.0.2):
- Capacitor
- CapacitorCommunityKeepAwake (5.0.1):
- Capacitor
- CapacitorCommunityVolumeButtons (6.0.1):
- Capacitor
- CapacitorCordova (6.2.0)
@ -38,6 +40,7 @@ DEPENDENCIES:
- "CapacitorApp (from `../../node_modules/@capacitor/app`)"
- "CapacitorBrowser (from `../../node_modules/@capacitor/browser`)"
- "CapacitorClipboard (from `../../node_modules/@capacitor/clipboard`)"
- "CapacitorCommunityKeepAwake (from `../../node_modules/@capacitor-community/keep-awake`)"
- "CapacitorCommunityVolumeButtons (from `../../node_modules/@capacitor-community/volume-buttons`)"
- "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"
- "CapacitorDialog (from `../../node_modules/@capacitor/dialog`)"
@ -65,6 +68,8 @@ EXTERNAL SOURCES:
:path: "../../node_modules/@capacitor/browser"
CapacitorClipboard:
:path: "../../node_modules/@capacitor/clipboard"
CapacitorCommunityKeepAwake:
:path: "../../node_modules/@capacitor-community/keep-awake"
CapacitorCommunityVolumeButtons:
:path: "../../node_modules/@capacitor-community/volume-buttons"
CapacitorCordova:
@ -89,6 +94,7 @@ SPEC CHECKSUMS:
CapacitorApp: 2a8c3a0b0814322e5e6e15fe595f02c3808f0f8b
CapacitorBrowser: ef0529d16cd8839281050c350e7bbee4f5c6d65f
CapacitorClipboard: 55e0a514f1e97b1409d533266c119dcbff3e78c3
CapacitorCommunityKeepAwake: e2ddd50812e3407f8dc3a2c28e97d66e9b59b2f5
CapacitorCommunityVolumeButtons: a7612c5996f1c66320ef7a567522346d84a57e22
CapacitorCordova: b33e7f4aa4ed105dd43283acdd940964374a87d9
CapacitorDialog: e966e2261e1c74a8a502e610dd66b4f97ec6fcca
@ -100,6 +106,6 @@ SPEC CHECKSUMS:
Realm: e43fb540ae947497e3ea8a662443256920602060
RealmSwift: 8b06ed06b5d16749ae0c4d91c0cba414a9e28189
PODFILE CHECKSUM: d0bbe98fb520752929ffc76e7c901d54b2eed7f0
PODFILE CHECKSUM: 96d7bd74a37a613766883c65fc082490b5dbd7e9
COCOAPODS: 1.12.1

10
package-lock.json generated
View file

@ -9,6 +9,7 @@
"version": "0.9.77-beta",
"dependencies": {
"@byteowls/capacitor-filesharer": "^6.0.0",
"@capacitor-community/keep-awake": "^5.0.1",
"@capacitor-community/volume-buttons": "^6.0.1",
"@capacitor/android": "^6.0.0",
"@capacitor/app": "^6.0.0",
@ -1750,6 +1751,15 @@
"@capacitor/core": ">=6"
}
},
"node_modules/@capacitor-community/keep-awake": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/@capacitor-community/keep-awake/-/keep-awake-5.0.1.tgz",
"integrity": "sha512-5ZeJ5DQE5Aa1NwzD1kKv8IkHoLwKhkGYlURWHh4/SDrug0KBaGocKuk1q1TAk1nsCs6ndbSsEvUt2LZDoPo9SQ==",
"license": "MIT",
"peerDependencies": {
"@capacitor/core": "^6.0.0"
}
},
"node_modules/@capacitor-community/volume-buttons": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/@capacitor-community/volume-buttons/-/volume-buttons-6.0.1.tgz",

4
package.json
View file

@ -10,10 +10,12 @@
"sync": "nuxt generate && npx cap sync",
"icons-android": "cordova-res android --skip-config --copy",
"ionic:build": "npm run build",
"ionic:serve": "npm run start"
"ionic:serve": "npm run dev",
"devlive": "ionic cap run -l --external --port=1337"
},
"dependencies": {
"@byteowls/capacitor-filesharer": "^6.0.0",
"@capacitor-community/keep-awake": "^5.0.1",
"@capacitor-community/volume-buttons": "^6.0.1",
"@capacitor/android": "^6.0.0",
"@capacitor/app": "^6.0.0",

1
strings/en-us.json
View file

@ -163,6 +163,7 @@
"LabelInternalAppStorage": "Internal App Storage",
"LabelJumpBackwardsTime": "Jump backwards time",
"LabelJumpForwardsTime": "Jump forwards time",
"LabelKeepScreenAwake": "Keep screen awake",
"LabelLanguage": "Language",
"LabelLayout": "Layout",
"LabelLayoutAuto": "Auto",