Remove old code for downloads, user progress, sql, server config. Add web plugin for DbManager

This commit is contained in:
advplyr 2022-04-03 19:16:17 -05:00
parent 9fd3dc6978
commit 4b834cb5c1
25 changed files with 106 additions and 2901 deletions

304
Server.js
View file

@ -1,304 +0,0 @@
import { io } from 'socket.io-client'
import { Storage } from '@capacitor/storage'
import EventEmitter from 'events'
class Server extends EventEmitter {
constructor(store, $axios) {
super()
this.store = store
this.$axios = $axios
this.url = null
this.socket = null
this.user = null
this.connected = false
this.initialized = false
this.stream = null
this.isConnectingSocket = false
}
get token() {
return this.user ? this.user.token : null
}
getAxiosConfig() {
return { headers: { Authorization: `Bearer ${this.token}` } }
}
getServerUrl(url) {
if (!url) return null
try {
var urlObject = new URL(url)
return `${urlObject.protocol}//${urlObject.hostname}:${urlObject.port}`
} catch (error) {
console.error('Invalid URL', error)
return null
}
}
setUser(user) {
this.user = user
this.store.commit('user/setUser', user)
if (user) {
// this.store.commit('user/setSettings', user.settings)
Storage.set({ key: 'token', value: user.token })
} else {
Storage.remove({ key: 'token' })
}
}
setServerUrl(url) {
this.url = url
this.store.commit('setServerUrl', url)
if (url) {
Storage.set({ key: 'serverUrl', value: url })
} else {
Storage.remove({ key: 'serverUrl' })
}
}
async connect(url, token) {
if (this.connected) {
console.warn('[SOCKET] Connection already established for ' + this.url)
return { success: true }
}
if (!url) {
console.error('Invalid url to connect')
return {
error: 'Invalid URL'
}
}
var serverUrl = this.getServerUrl(url)
var res = await this.ping(serverUrl)
if (!res || !res.success) {
return {
error: res ? res.error : 'Unknown Error'
}
}
var authRes = await this.authorize(serverUrl, token)
if (!authRes || authRes.error) {
return {
error: authRes ? authRes.error : 'Authorization Error'
}
}
this.setServerUrl(serverUrl)
this.setUser(authRes.user)
this.connectSocket()
return { success: true }
}
async check(url) {
var serverUrl = this.getServerUrl(url)
if (!serverUrl) {
return {
error: 'Invalid server url'
}
}
var res = await this.ping(serverUrl)
if (!res || res.error) {
return {
error: res ? res.error : 'Ping Failed'
}
}
return {
success: true,
serverUrl
}
}
async login(url, username, password) {
var serverUrl = this.getServerUrl(url)
var authUrl = serverUrl + '/login'
return this.$axios.post(authUrl, { username, password }).then((res) => {
if (!res.data || !res.data.user) {
console.error(res.data.error)
return {
error: res.data.error || 'Unknown Error'
}
}
this.setServerUrl(serverUrl)
this.setUser(res.data.user)
this.connectSocket()
return {
user: res.data.user
}
}).catch(error => {
console.error('[Server] Server auth failed', error)
var errorMsg = null
if (error.response) {
errorMsg = error.response.data || 'Unknown Error'
} else if (error.request) {
errorMsg = 'Server did not respond'
} else {
errorMsg = 'Failed to send request'
}
return {
error: errorMsg
}
})
}
logout() {
this.setUser(null)
this.stream = null
if (this.socket) {
this.socket.disconnect()
}
this.emit('logout')
}
authorize(serverUrl, token) {
var authUrl = serverUrl + '/api/authorize'
return this.$axios.post(authUrl, null, { headers: { Authorization: `Bearer ${token}` } }).then((res) => {
return res.data
}).catch(error => {
console.error('[Server] Server auth failed', error)
var errorMsg = null
if (error.response) {
errorMsg = error.response.data || 'Unknown Error'
} else if (error.request) {
errorMsg = 'Server did not respond'
} else {
errorMsg = 'Failed to send request'
}
return {
error: errorMsg
}
})
}
ping(url) {
var pingUrl = url + '/ping'
console.log('[Server] Check server', pingUrl)
return this.$axios.get(pingUrl, { timeout: 1000 }).then((res) => {
return res.data
}).catch(error => {
console.error('Server check failed', error)
var errorMsg = null
if (error.response) {
errorMsg = error.response.data || 'Unknown Error'
} else if (error.request) {
errorMsg = 'Server did not respond'
} else {
errorMsg = 'Failed to send request'
}
return {
success: false,
error: errorMsg
}
})
}
connectSocket() {
if (this.socket && !this.connected) {
this.socket.connect()
console.log('[SOCKET] Submitting connect')
return
}
if (this.connected || this.socket) {
if (this.socket) console.error('[SOCKET] Socket already established', this.url)
else console.error('[SOCKET] Already connected to socket', this.url)
return
}
console.log('[SOCKET] Connect Socket', this.url)
const socketOptions = {
transports: ['websocket'],
upgrade: false,
// reconnectionAttempts: 3
}
this.socket = io(this.url, socketOptions)
this.socket.on('connect', () => {
console.log('[SOCKET] Socket Connected ' + this.socket.id)
// Authenticate socket with token
this.socket.emit('auth', this.token)
this.connected = true
this.emit('connected', true)
this.store.commit('setSocketConnected', true)
})
this.socket.on('disconnect', (reason) => {
console.log('[SOCKET] Socket Disconnected: ' + reason)
this.connected = false
this.emit('connected', false)
this.emit('initialized', false)
this.initialized = false
this.store.commit('setSocketConnected', false)
// this.socket.removeAllListeners()
// if (this.socket.io && this.socket.io.removeAllListeners) {
// console.log(`[SOCKET] Removing ALL IO listeners`)
// this.socket.io.removeAllListeners()
// }
})
this.socket.on('init', (data) => {
console.log('[SOCKET] Initial socket data received', data)
if (data.stream) {
this.stream = data.stream
this.store.commit('setStreamAudiobook', data.stream.audiobook)
this.emit('initialStream', data.stream)
}
if (data.serverSettings) {
this.store.commit('setServerSettings', data.serverSettings)
}
this.initialized = true
this.emit('initialized', true)
})
this.socket.on('user_updated', (user) => {
if (this.user && user.id === this.user.id) {
this.setUser(user)
}
})
this.socket.on('current_user_audiobook_update', (payload) => {
this.emit('currentUserAudiobookUpdate', payload)
})
this.socket.on('show_error_toast', (payload) => {
this.emit('show_error_toast', payload)
})
this.socket.on('show_success_toast', (payload) => {
this.emit('show_success_toast', payload)
})
this.socket.onAny((evt, args) => {
console.log(`[SOCKET] ${this.socket.id}: ${evt} ${JSON.stringify(args)}`)
})
this.socket.on('connect_error', (err) => {
console.error('[SOCKET] connection failed', err)
this.emit('socketConnectionFailed', err)
})
this.socket.io.on("reconnect_attempt", (attempt) => {
console.log(`[SOCKET] Reconnect Attempt ${this.socket.id}: ${attempt}`)
})
this.socket.io.on("reconnect_error", (err) => {
console.log(`[SOCKET] Reconnect Error ${this.socket.id}: ${err}`)
})
this.socket.io.on("reconnect_failed", () => {
console.log(`[SOCKET] Reconnect Failed ${this.socket.id}`)
})
this.socket.io.on("reconnect", () => {
console.log(`[SOCKET] Reconnect Success ${this.socket.id}`)
})
}
}
export default Server

View file

@ -9,14 +9,12 @@ android {
apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
dependencies {
implementation project(':capacitor-community-sqlite')
implementation project(':capacitor-app')
implementation project(':capacitor-dialog')
implementation project(':capacitor-network')
implementation project(':capacitor-status-bar')
implementation project(':capacitor-storage')
implementation project(':robingenz-capacitor-app-update')
implementation project(':capacitor-data-storage-sqlite')
}

View file

@ -1,8 +1,4 @@
[
{
"pkg": "@capacitor-community/sqlite",
"classpath": "com.getcapacitor.community.database.sqlite.CapacitorSQLitePlugin"
},
{
"pkg": "@capacitor/app",
"classpath": "com.capacitorjs.plugins.app.AppPlugin"
@ -26,9 +22,5 @@
{
"pkg": "@robingenz/capacitor-app-update",
"classpath": "dev.robingenz.capacitor.appupdate.AppUpdatePlugin"
},
{
"pkg": "capacitor-data-storage-sqlite",
"classpath": "com.jeep.plugin.capacitor.capacitordatastoragesqlite.CapacitorDataStorageSqlitePlugin"
}
]

View file

@ -8,9 +8,7 @@ import android.os.Looper
import android.support.v4.media.MediaMetadataCompat
import android.util.Log
import com.getcapacitor.JSArray
import com.getcapacitor.JSObject
import com.jeep.plugin.capacitor.capacitordatastoragesqlite.CapacitorDataStorageSqlite
import okhttp3.*
import org.json.JSONArray
import java.io.IOException
@ -191,29 +189,6 @@ class AudiobookManager {
hasLoaded = true
localMediaManager.loadLocalAudio()
// Load downloads from sql db
var db = CapacitorDataStorageSqlite(ctx)
db.openStore("storage", "downloads", false, "no-encryption", 1)
var keyvalues = db.keysvalues()
keyvalues.forEach {
Log.d(tag, "keyvalue ${it.getString("key")} | ${it.getString("value")}")
var dlobj = JSObject(it.getString("value"))
if (dlobj.has("audiobook")) {
var abobj = dlobj.getJSObject("audiobook")!!
abobj.put("isDownloaded", true)
abobj.put("contentUrl", dlobj.getString("contentUrl", "").toString())
abobj.put("filename", dlobj.getString("filename", "").toString())
abobj.put("folderUrl", dlobj.getString("folderUrl", "").toString())
abobj.put("downloadFolderUrl", dlobj.getString("downloadFolderUrl", "").toString())
abobj.put("localCoverUrl", dlobj.getString("coverUrl", "").toString())
abobj.put("localCover", dlobj.getString("cover", "").toString())
var audiobook = Audiobook(abobj, serverUrl, token)
audiobooks.add(audiobook)
}
}
}
fun openStream(audiobook:Audiobook, streamListener:OnStreamData) {

View file

@ -21,7 +21,7 @@ class DbManager : Plugin() {
val tag = "DbManager"
fun getDeviceData(): DeviceData {
return Paper.book("device").read("data") ?: DeviceData(mutableListOf(), null)
return Paper.book("device").read("data") ?: DeviceData(mutableListOf(), null, null)
}
fun saveDeviceData(deviceData:DeviceData) {
Paper.book("device").write("data", deviceData)

View file

@ -15,7 +15,8 @@ data class ServerConnectionConfig(
data class DeviceData(
var serverConnectionConfigs:MutableList<ServerConnectionConfig>,
var lastServerConnectionConfigId:String?
var lastServerConnectionConfigId:String?,
var localLibraryItemIdPlaying:String?
)
@JsonIgnoreProperties(ignoreUnknown = true)

View file

@ -2,9 +2,6 @@
include ':capacitor-android'
project(':capacitor-android').projectDir = new File('../node_modules/@capacitor/android/capacitor')
include ':capacitor-community-sqlite'
project(':capacitor-community-sqlite').projectDir = new File('../node_modules/@capacitor-community/sqlite/android')
include ':capacitor-app'
project(':capacitor-app').projectDir = new File('../node_modules/@capacitor/app/android')
@ -22,6 +19,3 @@ project(':capacitor-storage').projectDir = new File('../node_modules/@capacitor/
include ':robingenz-capacitor-app-update'
project(':robingenz-capacitor-app-update').projectDir = new File('../node_modules/@robingenz/capacitor-app-update/android')
include ':capacitor-data-storage-sqlite'
project(':capacitor-data-storage-sqlite').projectDir = new File('../node_modules/capacitor-data-storage-sqlite/android')

View file

@ -59,15 +59,9 @@ export default {
entityName() {
return this.page
},
bookshelfView() {
return this.$store.state.bookshelfView
},
hasFilter() {
return this.filterBy !== 'all'
},
isListView() {
return this.bookshelfView === 'list'
},
books() {
return this.$store.getters['downloads/getAudiobooks']
},
@ -121,13 +115,7 @@ export default {
return this.$store.getters['downloads/getDownloads']
},
downloadedBooks() {
return this.downloads.map((dl) => {
var download = { ...dl }
var ab = { ...download.audiobook }
delete download.audiobook
ab.download = download
return ab
})
return []
}
},
methods: {

View file

@ -9,7 +9,6 @@
<p v-show="selectedSeriesName" class="ml-2 font-book pt-1">{{ selectedSeriesName }} ({{ totalEntities }})</p>
<div class="flex-grow" />
<template v-if="page === 'library'">
<!-- <span class="material-icons px-2" @click="changeView">{{ viewIcon }}</span> -->
<div class="relative flex items-center px-2">
<span class="material-icons" @click="showFilterModal = true">filter_alt</span>
<div v-show="hasFilters" class="absolute top-0 right-2 w-2 h-2 rounded-full bg-success border border-green-300 shadow-sm z-10 pointer-events-none" />
@ -31,7 +30,6 @@ export default {
showSortModal: false,
showFilterModal: false,
settings: {},
isListView: false,
totalEntities: 0
}
},
@ -60,19 +58,9 @@ export default {
return this.$decode(this.$route.params.id)
}
return null
},
viewIcon() {
return this.isListView ? 'grid_view' : 'view_stream'
}
},
methods: {
changeView() {
this.isListView = !this.isListView
var bookshelfView = this.isListView ? 'list' : 'grid'
this.$localStore.setBookshelfView(bookshelfView)
this.$store.commit('setBookshelfView', bookshelfView)
},
updateOrder() {
this.saveSettings()
},
@ -85,11 +73,7 @@ export default {
},
async init() {
this.settings = { ...this.$store.state.user.settings }
var bookshelfView = await this.$localStore.getBookshelfView()
this.isListView = bookshelfView === 'list'
this.bookshelfReady = true
this.$store.commit('setBookshelfView', bookshelfView)
},
settingsUpdated(settings) {
for (const key in settings) {

View file

@ -9,14 +9,12 @@ install! 'cocoapods', :disable_input_output_paths => true
def capacitor_pods
pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
pod 'CapacitorCommunitySqlite', :path => '..\..\node_modules\@capacitor-community\sqlite'
pod 'CapacitorApp', :path => '..\..\node_modules\@capacitor\app'
pod 'CapacitorDialog', :path => '..\..\node_modules\@capacitor\dialog'
pod 'CapacitorNetwork', :path => '..\..\node_modules\@capacitor\network'
pod 'CapacitorStatusBar', :path => '..\..\node_modules\@capacitor\status-bar'
pod 'CapacitorStorage', :path => '..\..\node_modules\@capacitor\storage'
pod 'RobingenzCapacitorAppUpdate', :path => '..\..\node_modules\@robingenz\capacitor-app-update'
pod 'CapacitorDataStorageSqlite', :path => '..\..\node_modules\capacitor-data-storage-sqlite'
end
target 'App' do

View file

@ -51,14 +51,6 @@ export default {
}
},
methods: {
currentUserAudiobookUpdate({ id, data }) {
if (data) {
console.log(`Current User Audiobook Updated ${id} ${JSON.stringify(data)}`)
this.$sqlStore.setUserAudiobookData(data)
} else {
this.$sqlStore.removeUserAudiobookData(id)
}
},
initialStream(stream) {
if (this.$refs.streamContainer && this.$refs.streamContainer.audioPlayerReady) {
this.$refs.streamContainer.streamOpen(stream)
@ -94,94 +86,6 @@ export default {
}, 5000)
}
},
onDownloadProgress(data) {
var progress = data.progress
var audiobookId = data.audiobookId
var downloadObj = this.$store.getters['downloads/getDownload'](audiobookId)
if (downloadObj) {
this.$toast.update(downloadObj.toastId, { content: `${progress}% Downloading ${downloadObj.audiobook.book.title}` })
}
},
onDownloadFailed(data) {
if (!data.audiobookId) {
console.error('Download failed invalid audiobook id', data)
return
}
var downloadObj = this.$store.getters['downloads/getDownload'](data.audiobookId)
if (!downloadObj) {
console.error('Failed to find download for audiobook', data.audiobookId)
return
}
var message = data.error || 'Unknown Error'
this.$toast.update(downloadObj.toastId, { content: `Failed. ${message}.`, options: { timeout: 5000, type: 'error' } }, true)
this.$store.commit('downloads/removeDownload', downloadObj)
},
onDownloadComplete(data) {
if (!data.audiobookId) {
console.error('Download compelte invalid audiobook id', data)
return
}
var downloadId = data.downloadId
var contentUrl = data.contentUrl
var folderUrl = data.folderUrl
var folderName = data.folderName
var storageId = data.storageId
var storageType = data.storageType
var simplePath = data.simplePath
var filename = data.filename
var audiobookId = data.audiobookId
var size = data.size || 0
var isCover = !!data.isCover
console.log(`Download complete "${contentUrl}" | ${filename} | DlId: ${downloadId} | Is Cover? ${isCover}`)
var downloadObj = this.$store.getters['downloads/getDownload'](audiobookId)
if (!downloadObj) {
console.error('Failed to find download for audiobook', audiobookId)
return
}
if (!isCover) {
// Notify server to remove prepared download
if (this.$server.socket) {
this.$server.socket.emit('remove_download', audiobookId)
}
this.$toast.update(downloadObj.toastId, { content: `Success! ${downloadObj.audiobook.book.title} downloaded.`, options: { timeout: 5000, type: 'success' } }, true)
delete downloadObj.isDownloading
delete downloadObj.isPreparing
downloadObj.contentUrl = contentUrl
downloadObj.simplePath = simplePath
downloadObj.folderUrl = folderUrl
downloadObj.folderName = folderName
downloadObj.storageType = storageType
downloadObj.storageId = storageId
downloadObj.basePath = data.basePath || null
downloadObj.size = size
this.$store.commit('downloads/addUpdateDownload', downloadObj)
} else {
downloadObj.coverUrl = contentUrl
downloadObj.cover = Capacitor.convertFileSrc(contentUrl)
downloadObj.coverSize = size
downloadObj.coverBasePath = data.basePath || null
console.log('Updating download with cover', downloadObj.cover)
this.$store.commit('downloads/addUpdateDownload', downloadObj)
}
},
async checkLoadCurrent() {
var currentObj = await this.$localStore.getCurrent()
if (!currentObj) return
console.log('Has Current playing', currentObj.audiobookId)
var download = this.$store.getters['downloads/getDownload'](currentObj.audiobookId)
if (download) {
this.$store.commit('setPlayingDownload', download)
} else {
console.warn('Download not available for previous current playing', currentObj.audiobookId)
this.$localStore.setCurrent(null)
}
},
async searchFolder(downloadFolder) {
try {
var response = await StorageManager.searchFolder({ folderUrl: downloadFolder.uri })
@ -233,11 +137,6 @@ export default {
// }
// }
// })
// // Match media scanned folders with books from server
// if (this.isSocketConnected) {
// await this.$store.dispatch('downloads/linkOrphanDownloads')
// }
// },
onItemDownloadUpdate(data) {
console.log('ON ITEM DOWNLOAD UPDATE', JSON.stringify(data))
@ -253,25 +152,6 @@ export default {
AudioDownloader.addListener('onItemDownloadComplete', (data) => {
this.onItemDownloadComplete(data)
})
// AudioDownloader.addListener('onDownloadFailed', (data) => {
// this.onDownloadFailed(data)
// })
// AudioDownloader.addListener('onDownloadProgress', (data) => {
// this.onDownloadProgress(data)
// })
// var downloads = await this.$store.dispatch('downloads/loadFromStorage')
// var downloadFolder = await this.$localStore.getDownloadFolder()
// this.$eventBus.$emit('downloads-loaded')
// var checkPermission = await StorageManager.checkStoragePermission()
// console.log('Storage Permission is' + checkPermission.value)
// if (!checkPermission.value) {
// console.log('Will require permissions')
// } else {
// console.log('Has Storage Permission')
// this.$store.commit('setHasStoragePermission', true)
// }
},
async loadSavedSettings() {
var userSavedServerSettings = await this.$localStore.getServerSettings()
@ -283,9 +163,6 @@ export default {
if (userSavedSettings) {
this.$store.commit('user/setSettings', userSavedSettings)
}
console.log('Loading offline user audiobook data')
await this.$store.dispatch('user/loadOfflineUserAudiobookData')
},
async attemptConnection() {
if (!this.networkConnected) {
@ -354,7 +231,6 @@ export default {
// this.$server.on('connected', this.connected)
// this.$server.on('connectionFailed', this.socketConnectionFailed)
// this.$server.on('initialStream', this.initialStream)
// this.$server.on('currentUserAudiobookUpdate', this.currentUserAudiobookUpdate)
// this.$server.on('show_error_toast', this.showErrorToast)
// this.$server.on('show_success_toast', this.showSuccessToast)

View file

@ -36,7 +36,6 @@ export default {
plugins: [
'@/plugins/server.js',
'@/plugins/sqlStore.js',
'@/plugins/db.js',
'@/plugins/localStore.js',
'@/plugins/init.client.js',

1102
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -10,7 +10,6 @@
"icons-android": "cordova-res android --skip-config --copy"
},
"dependencies": {
"@capacitor-community/sqlite": "^3.2.0",
"@capacitor/android": "^3.2.2",
"@capacitor/app": "^1.0.7",
"@capacitor/cli": "^3.1.2",
@ -22,11 +21,9 @@
"@capacitor/storage": "^1.1.0",
"@nuxtjs/axios": "^5.13.6",
"@robingenz/capacitor-app-update": "^1.0.0",
"capacitor-data-storage-sqlite": "^3.2.0",
"core-js": "^3.15.1",
"date-fns": "^2.25.0",
"epubjs": "^0.3.88",
"hls.js": "^1.0.9",
"libarchive.js": "^1.3.0",
"nuxt": "^2.15.7",
"socket.io-client": "^4.1.3",

View file

@ -39,15 +39,6 @@ export default {
}
},
computed: {
books() {
return this.$store.getters['downloads/getDownloads'].map((dl) => {
var download = { ...dl }
var ab = { ...download.audiobook }
delete download.audiobook
ab.download = download
return ab
})
},
user() {
return this.$store.state.user.user
},
@ -57,69 +48,6 @@ export default {
currentLibraryName() {
return this.$store.getters['libraries/getCurrentLibraryName']
},
booksWithUserAbData() {
var books = this.books.map((b) => {
var userAbData = this.$store.getters['user/getUserAudiobookData'](b.id)
return { ...b, userAbData }
})
return books
},
booksCurrentlyReading() {
var books = this.booksWithUserAbData
.map((b) => ({ ...b }))
.filter((b) => b.userAbData && !b.userAbData.isRead && b.userAbData.progress > 0)
.sort((a, b) => {
return b.userAbData.lastUpdate - a.userAbData.lastUpdate
})
return books
},
booksRecentlyAdded() {
var books = this.books
.map((b) => {
return { ...b }
})
.sort((a, b) => b.addedAt - a.addedAt)
return books.slice(0, 10)
},
booksRead() {
var books = this.booksWithUserAbData
.filter((b) => b.userAbData && b.userAbData.isRead)
.sort((a, b) => {
return b.userAbData.lastUpdate - a.userAbData.lastUpdate
})
return books.slice(0, 10)
},
downloadOnlyShelves() {
var shelves = []
if (this.booksCurrentlyReading.length) {
shelves.push({
id: 'recent',
label: 'Continue Reading',
type: 'books',
entities: this.booksCurrentlyReading
})
}
if (this.booksRecentlyAdded.length) {
shelves.push({
id: 'added',
label: 'Recently Added',
type: 'books',
entities: this.booksRecentlyAdded
})
}
if (this.booksRead.length) {
shelves.push({
id: 'read',
label: 'Read Again',
type: 'books',
entities: this.booksRead
})
}
return shelves
},
currentLibraryId() {
return this.$store.state.libraries.currentLibraryId
}
@ -195,11 +123,6 @@ export default {
await this.fetchCategories()
}
},
// downloadsLoaded() {
// if (!this.isSocketConnected) {
// this.shelves = this.downloadOnlyShelves
// }
// },
audiobookAdded(audiobook) {
console.log('Audiobook added', audiobook)
// TODO: Check if audiobook would be on this shelf

View file

@ -1,291 +0,0 @@
<template>
<div class="w-full h-full py-6">
<h1 class="text-2xl px-4">Downloads</h1>
<div v-if="!isIos" class="w-full px-2 py-2">
<template v-for="folder in localFolders">
<div :key="folder.id" class="flex items-center p-2">
<div class="flex-grow">
<p>{{ folder.id }}|{{ folder.name }}|{{ folder.contentUrl }}</p>
</div>
<div class="w-40">
<ui-btn @click="searchFolder(folder.id)">Scan</ui-btn>
</div>
</div>
</template>
<div v-if="!localFolders.length" class="flex justify-center">
<p class="text-center">No Media Folders</p>
</div>
</div>
<div v-if="!isIos" class="w-full px-2 py-2" :class="hasStoragePermission ? '' : 'text-error'">
<div class="flex items-center">
<span class="material-icons" @click="changeDownloadFolderClick">{{ hasStoragePermission ? 'folder' : 'error' }}</span>
<p v-if="hasStoragePermission" class="text-sm px-4" @click="changeDownloadFolderClick">{{ downloadFolderSimplePath || 'No Download Folder Selected' }}</p>
<p v-else class="text-sm px-4" @click="changeDownloadFolderClick">No Storage Permissions. Click here</p>
</div>
<!-- <p v-if="hasStoragePermission" class="text-xs text-gray-400 break-all max-w-full">{{ downloadFolderUri }}</p> -->
</div>
<div v-if="!isIos" class="w-full h-10 relative">
<div class="absolute top-px left-0 z-10 w-full h-full flex">
<div class="flex-grow h-full bg-primary rounded-t-md mr-px" @click="showingDownloads = true">
<div class="flex items-center justify-center rounded-t-md border-t border-l border-r border-white border-opacity-20 h-full" :class="showingDownloads ? 'text-gray-100' : 'border-b bg-black bg-opacity-20 text-gray-400'">
<p>Downloads</p>
</div>
</div>
<div class="flex-grow h-full bg-primary rounded-t-md ml-px" @click="showingDownloads = false">
<div class="flex items-center justify-center h-full rounded-t-md border-t border-l border-r border-white border-opacity-20" :class="!showingDownloads ? 'text-gray-100' : 'border-b bg-black bg-opacity-20 text-gray-400'">
<p>Files</p>
</div>
</div>
</div>
</div>
<div v-if="!isIos" class="list-content-body relative w-full overflow-x-hidden overflow-y-auto bg-primary">
<template v-if="showingDownloads">
<div v-if="!totalDownloads" class="flex items-center justify-center h-40">
<p>No Downloads</p>
</div>
<ul v-else class="h-full w-full" role="listbox" aria-labelledby="listbox-label">
<li v-for="download in downloadsDownloading" :key="download.id" class="text-gray-400 select-none relative px-4 py-5 border-b border-white border-opacity-10 bg-black bg-opacity-10">
<div class="flex items-center justify-center">
<div class="w-3/4">
<span class="text-xs">({{ downloadingProgress[download.id] || 0 }}%) {{ download.isPreparing ? 'Preparing' : 'Downloading' }}...</span>
<p class="font-normal truncate text-sm">{{ download.audiobook.book.title }}</p>
</div>
<div class="flex-grow" />
<div class="shadow-sm text-white flex items-center justify-center rounded-full animate-spin">
<span class="material-icons">refresh</span>
</div>
</div>
</li>
<li v-for="download in downloadsReady" :key="download.id" class="text-gray-50 select-none relative pr-4 pl-2 py-5 border-b border-white border-opacity-10" @click="jumpToAudiobook(download)">
<modals-downloads-download-item :download="download" @play="playDownload" @delete="clickDeleteDownload" />
</li>
</ul>
</template>
<template v-else>
<div class="w-full h-full">
<div class="w-full flex justify-around py-4 px-2">
<!-- <ui-btn small @click="searchFolder">Re-Scan</ui-btn> -->
<!-- <ui-btn small @click="changeDownloadFolderClick">Change Folder</ui-btn> -->
<ui-btn small color="error" @click="resetFolder">Reset</ui-btn>
</div>
<!-- Temp testing new folder scan results -->
<div v-for="mediaItem in localMediaItems" :key="mediaItem.contentUrl" class="flex py-2">
<div class="w-12 h-12 bg-primary">
<img v-if="mediaItem.coverPathSrc" :src="mediaItem.coverPathSrc" class="w-full h-full object-contain" />
</div>
<div class="flex-grow px-2">
<p>{{ mediaItem.name }}</p>
<p>{{ mediaItem.audioTracks.length }} Tracks</p>
</div>
</div>
<p v-if="isScanning" class="text-center my-8">Scanning Folder..</p>
<p v-else-if="!mediaScanResults" class="text-center my-8">No Files Found</p>
<div v-else>
<div v-for="mediaFolder in mediaScanResults.folders" :key="mediaFolder.uri" class="w-full px-2 py-2">
<div class="flex items-center">
<span class="material-icons text-base text-white text-opacity-50">folder</span>
<p class="ml-1 py-0.5">{{ mediaFolder.name }}</p>
</div>
<div v-for="mediaFile in mediaFolder.files" :key="mediaFile.uri" class="ml-3 flex items-center">
<span class="material-icons text-base text-white text-opacity-50">{{ mediaFile.isAudio ? 'music_note' : 'image' }}</span>
<p class="ml-1 py-0.5">{{ mediaFile.name }}</p>
</div>
</div>
<div v-for="mediaFile in mediaScanResults.files" :key="mediaFile.uri" class="w-full px-2 py-2">
<div class="flex items-center">
<span class="material-icons text-base text-white text-opacity-50">{{ mediaFile.isAudio ? 'music_note' : 'image' }}</span>
<p class="ml-1 py-0.5">{{ mediaFile.name }}</p>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
</template>
<script>
import { Capacitor } from '@capacitor/core'
import { Dialog } from '@capacitor/dialog'
import AudioDownloader from '@/plugins/audio-downloader'
import StorageManager from '@/plugins/storage-manager'
export default {
data() {
return {
downloadingProgress: {},
totalSize: 0,
showingDownloads: true,
isScanning: false,
localMediaItems: [],
localFolders: []
}
},
computed: {
isIos() {
return this.$platform === 'ios'
},
isSocketConnected() {
return this.$store.state.socketConnected
},
hasStoragePermission() {
return this.$store.state.hasStoragePermission
},
downloadFolder() {
return this.$store.state.downloadFolder
},
downloadFolderSimplePath() {
return this.downloadFolder ? this.downloadFolder.simplePath : null
},
downloadFolderUri() {
return this.downloadFolder ? this.downloadFolder.uri : null
},
totalDownloads() {
return this.downloadsReady.length + this.downloadsDownloading.length
},
downloadsDownloading() {
return this.downloads.filter((d) => d.isDownloading || d.isPreparing)
},
downloadsReady() {
return this.downloads.filter((d) => !d.isDownloading && !d.isPreparing)
},
downloads() {
return this.$store.state.downloads.downloads
},
mediaScanResults() {
return this.$store.state.downloads.mediaScanResults
}
},
methods: {
async changeDownloadFolderClick() {
if (!this.hasStoragePermission) {
StorageManager.requestStoragePermission()
} else {
var folderObj = await StorageManager.selectFolder({ mediaType: 'book' })
if (folderObj.error) {
return this.$toast.error(`Error: ${folderObj.error || 'Unknown Error'}`)
}
var indexOfExisting = this.localFolders.findIndex((lf) => lf.id == folderObj.id)
if (indexOfExisting >= 0) {
this.localFolders.splice(indexOfExisting, 1, folderObj)
} else {
this.localFolders.push(folderObj)
}
var permissionsGood = await StorageManager.checkFolderPermissions({ folderUrl: folderObj.contentUrl })
if (!permissionsGood) {
this.$toast.error('Folder permissions failed')
return
} else {
this.$toast.success('Folder permission success')
}
// await this.$localStore.setDownloadFolder(folderObj)
await this.searchFolder(folderObj.id)
if (this.isSocketConnected) {
this.$store.dispatch('downloads/linkOrphanDownloads')
}
}
},
async searchFolder(folderId) {
this.isScanning = true
var response = await StorageManager.searchFolder({ folderId })
if (response && response.localMediaItems) {
this.localMediaItems = response.localMediaItems.map((mi) => {
if (mi.coverPath) {
mi.coverPathSrc = Capacitor.convertFileSrc(mi.coverPath)
}
return mi
})
console.log('Set Local Media Items', this.localMediaItems.length)
} else {
console.log('No Local media items found')
}
// var searchResults = response
// searchResults.folders = JSON.parse(searchResults.folders)
// searchResults.files = JSON.parse(searchResults.files)
// if (searchResults.folders.length) {
// console.log('Search results folders length', searchResults.folders.length)
// searchResults.folders = searchResults.folders.map((sr) => {
// if (sr.files) {
// sr.files = JSON.parse(sr.files)
// }
// return sr
// })
// this.$store.commit('downloads/setMediaScanResults', searchResults)
// } else {
// this.$toast.warning('No audio or image files found')
// }
this.isScanning = false
},
async resetFolder() {
await this.$localStore.setDownloadFolder(null)
this.$store.commit('downloads/setMediaScanResults', {})
this.$toast.info('Unlinked Folder')
},
jumpToAudiobook(download) {
this.show = false
this.$router.push(`/audiobook/${download.id}`)
},
async clickDeleteDownload(download) {
const { value } = await Dialog.confirm({
title: 'Confirm',
message: 'Delete this download?'
})
if (value) {
this.deleteDownload(download)
}
},
playDownload(download) {
this.$store.commit('setPlayOnLoad', true)
this.$store.commit('setPlayingDownload', download)
this.show = false
},
async deleteDownload(download) {
console.log('Delete download', download.filename)
if (this.$store.state.playingDownload && this.$store.state.playingDownload.id === download.id) {
console.warn('Deleting download when currently playing download - terminate play')
if (this.$refs.streamContainer) {
this.$refs.streamContainer.cancelStream()
}
}
if (download.contentUrl) {
await StorageManager.delete(download)
}
this.$store.commit('downloads/removeDownload', download)
},
onDownloadProgress(data) {
var progress = data.progress
var audiobookId = data.audiobookId
var downloadObj = this.$store.getters['downloads/getDownload'](audiobookId)
if (downloadObj) {
this.$set(this.downloadingProgress, audiobookId, progress)
}
},
async init() {
this.localFolders = (await this.$db.getLocalFolders()) || []
AudioDownloader.addListener('onDownloadProgress', this.onDownloadProgress)
}
},
mounted() {
this.init()
},
beforeDestroy() {
AudioDownloader.removeListener('onDownloadProgress', this.onDownloadProgress)
}
}
</script>

View file

@ -66,7 +66,6 @@
</template>
<script>
import Path from 'path'
import { Dialog } from '@capacitor/dialog'
import AudioDownloader from '@/plugins/audio-downloader'
import StorageManager from '@/plugins/storage-manager'
@ -197,19 +196,10 @@ export default {
if (!this.ebookFile) return null
return this.ebookFile.ebookFormat
},
// isDownloadPreparing() {
// return this.downloadObj ? this.downloadObj.isPreparing : false
// },
isDownloadPlayable() {
return false
// return this.downloadObj && !this.isDownloading && !this.isDownloadPreparing
},
// downloadedCover() {
// return this.downloadObj ? this.downloadObj.cover : null
// },
// downloadObj() {
// return this.$store.getters['downloads/getDownload'](this.libraryItemId)
// },
hasStoragePermission() {
return this.$store.state.hasStoragePermission
}
@ -220,25 +210,8 @@ export default {
},
playClick() {
this.$eventBus.$emit('play-item', this.libraryItem.id)
// this.$store.commit('setPlayOnLoad', true)
// if (!this.isDownloadPlayable) {
// Stream
// console.log('[PLAYCLICK] Set Playing STREAM ' + this.title)
// this.$store.commit('setStreamAudiobook', this.libraryItem)
// this.$server.socket.emit('open_stream', this.libraryItem.id)
// } else {
// Local
// console.log('[PLAYCLICK] Set Playing Local Download ' + this.title)
// this.$store.commit('setPlayingDownload', this.downloadObj)
// }
},
async clearProgressClick() {
// if (!this.$server.connected) {
// this.$toast.info('Clear downloaded book progress not yet implemented')
// return
// }
const { value } = await Dialog.confirm({
title: 'Confirm',
message: 'Are you sure you want to reset your progress?'
@ -327,33 +300,9 @@ export default {
if (downloadRes.error) {
var errorMsg = downloadRes.error || 'Unknown error'
console.error('Download error', errorMsg)
this.$toast.update(download.toastId, { content: `Error: ${errorMsg}`, options: { timeout: 5000, type: 'error' } })
this.$store.commit('downloads/removeDownload', download)
this.$toast.error(errorMsg)
}
},
async changeDownloadFolderClick() {
if (!this.hasStoragePermission) {
console.log('Requesting Storage Permission')
await StorageManager.requestStoragePermission()
} else {
var folderObj = await StorageManager.selectFolder()
if (folderObj.error) {
return this.$toast.error(`Error: ${folderObj.error || 'Unknown Error'}`)
}
var permissionsGood = await StorageManager.checkFolderPermissions({ folderUrl: folderObj.uri })
console.log('Storage Permission check folder ' + permissionsGood)
if (!permissionsGood) {
this.$toast.error('Folder permissions failed')
return
} else {
this.$toast.success('Folder permission success')
}
await this.$localStore.setDownloadFolder(folderObj)
}
},
// async prepareDownload() {
// var audiobook = this.libraryItem
// if (!audiobook) {
@ -451,34 +400,34 @@ export default {
// this.$store.commit('downloads/removeDownload', download)
// }
// },
downloadReady(prepareDownload) {
var download = this.$store.getters['downloads/getDownload'](prepareDownload.audiobookId)
if (download) {
var fileext = prepareDownload.ext
var url = `${this.$store.state.serverUrl}/downloads/${prepareDownload.id}/${prepareDownload.filename}?token=${this.userToken}`
this.startDownload(url, fileext, download)
} else {
console.error('Prepare download killed but download not found', prepareDownload)
}
},
downloadKilled(prepareDownload) {
var download = this.$store.getters['downloads/getDownload'](prepareDownload.audiobookId)
if (download) {
this.$toast.update(download.toastId, { content: `Prepare download killed for "${download.audiobook.book.title}"`, options: { timeout: 5000, type: 'error' } })
this.$store.commit('downloads/removeDownload', download)
} else {
console.error('Prepare download killed but download not found', prepareDownload)
}
},
downloadFailed(prepareDownload) {
var download = this.$store.getters['downloads/getDownload'](prepareDownload.audiobookId)
if (download) {
this.$toast.update(download.toastId, { content: `Prepare download failed for "${download.audiobook.book.title}"`, options: { timeout: 5000, type: 'error' } })
this.$store.commit('downloads/removeDownload', download)
} else {
console.error('Prepare download failed but download not found', prepareDownload)
}
}
// downloadReady(prepareDownload) {
// var download = this.$store.getters['downloads/getDownload'](prepareDownload.audiobookId)
// if (download) {
// var fileext = prepareDownload.ext
// var url = `${this.$store.state.serverUrl}/downloads/${prepareDownload.id}/${prepareDownload.filename}?token=${this.userToken}`
// this.startDownload(url, fileext, download)
// } else {
// console.error('Prepare download killed but download not found', prepareDownload)
// }
// },
// downloadKilled(prepareDownload) {
// var download = this.$store.getters['downloads/getDownload'](prepareDownload.audiobookId)
// if (download) {
// this.$toast.update(download.toastId, { content: `Prepare download killed for "${download.audiobook.book.title}"`, options: { timeout: 5000, type: 'error' } })
// this.$store.commit('downloads/removeDownload', download)
// } else {
// console.error('Prepare download killed but download not found', prepareDownload)
// }
// },
// downloadFailed(prepareDownload) {
// var download = this.$store.getters['downloads/getDownload'](prepareDownload.audiobookId)
// if (download) {
// this.$toast.update(download.toastId, { content: `Prepare download failed for "${download.audiobook.book.title}"`, options: { timeout: 5000, type: 'error' } })
// this.$store.commit('downloads/removeDownload', download)
// } else {
// console.error('Prepare download failed but download not found', prepareDownload)
// }
// }
},
mounted() {
// if (!this.$server.socket) {

View file

@ -0,0 +1,63 @@
import { registerPlugin, Capacitor, WebPlugin } from '@capacitor/core';
class DbWeb extends WebPlugin {
constructor() {
super()
}
async getDeviceData_WV() {
var dd = localStorage.getItem('device')
if (dd) {
return JSON.parse(dd)
}
const deviceData = {
serverConnectionConfigs: [],
lastServerConnectionConfigId: null,
localLibraryItemIdPlaying: null
}
return deviceData
}
async setCurrentServerConnectionConfig_WV(serverConnectionConfig) {
var deviceData = await this.getDeviceData_WV()
var ssc = deviceData.serverConnectionConfigs.find(_ssc => _ssc.id == serverConnectionConfig.id)
if (ssc) {
deviceData.lastServerConnectionConfigId = ssc.id
ssc.name = `${ssc.address} (${serverConnectionConfig.username})`
ssc.token = serverConnectionConfig.token
ssc.username = serverConnectionConfig.username
localStorage.setItem('device', JSON.stringify(deviceData))
} else {
ssc = {
id: encodeURIComponent(Buffer.from(`${serverConnectionConfig.address}@${serverConnectionConfig.username}`).toString('base64')),
index: deviceData.serverConnectionConfigs.length,
name: `${serverConnectionConfig.address} (${serverConnectionConfig.username})`,
username: serverConnectionConfig.username,
address: serverConnectionConfig.address,
token: serverConnectionConfig.token
}
deviceData.serverConnectionConfigs.push(ssc)
deviceData.lastServerConnectionConfigId = ssc.id
localStorage.setItem('device', JSON.stringify(deviceData))
}
return ssc
}
async removeServerConnectionConfig_WV(serverConnectionConfigCallObject) {
var serverConnectionConfigId = serverConnectionConfigCallObject.serverConnectionConfigId
var deviceData = await this.getDeviceData_WV()
deviceData.serverConnectionConfigs = deviceData.serverConnectionConfigs.filter(ssc => ssc.id == serverConnectionConfigId)
localStorage.setItem('device', JSON.stringify(deviceData))
}
logout_WV() {
// Nothing to do on web
}
}
const DbManager = registerPlugin('DbManager', {
web: () => new DbWeb()
})
export { DbManager }

View file

@ -1,7 +1,7 @@
import { registerPlugin, Capacitor } from '@capacitor/core';
import { Capacitor } from '@capacitor/core';
import { DbManager } from './capacitor/DbManager'
const isWeb = Capacitor.getPlatform() == 'web'
const DbManager = registerPlugin('DbManager')
class DbService {
constructor() { }
@ -27,7 +27,6 @@ class DbService {
}
getDeviceData() {
if (isWeb) return {}
return DbManager.getDeviceData_WV().then((data) => {
console.log('Loaded device data', JSON.stringify(data))
return data
@ -35,7 +34,6 @@ class DbService {
}
setServerConnectionConfig(serverConnectionConfig) {
if (isWeb) return null
return DbManager.setCurrentServerConnectionConfig_WV(serverConnectionConfig).then((data) => {
console.log('Set server connection config', JSON.stringify(data))
return data
@ -43,7 +41,6 @@ class DbService {
}
removeServerConnectionConfig(serverConnectionConfigId) {
if (isWeb) return null
return DbManager.removeServerConnectionConfig_WV({ serverConnectionConfigId }).then((data) => {
console.log('Removed server connection config', serverConnectionConfigId)
return true
@ -51,7 +48,6 @@ class DbService {
}
logout() {
if (isWeb) return null
return DbManager.logout_WV()
}

View file

@ -3,39 +3,6 @@ import { Storage } from '@capacitor/storage'
class LocalStorage {
constructor(vuexStore) {
this.vuexStore = vuexStore
this.userAudiobooksLoaded = false
this.downloadFolder = null
}
async setDownloadFolder(folderObj) {
try {
if (folderObj) {
await Storage.set({ key: 'downloadFolder', value: JSON.stringify(folderObj) })
this.downloadFolder = folderObj
this.vuexStore.commit('setDownloadFolder', { ...this.downloadFolder })
} else {
await Storage.remove({ key: 'downloadFolder' })
this.downloadFolder = null
this.vuexStore.commit('setDownloadFolder', null)
}
} catch (error) {
console.error('[LocalStorage] Failed to set download folder', error)
}
}
async getDownloadFolder() {
try {
var _value = (await Storage.get({ key: 'downloadFolder' }) || {}).value || null
if (!_value) return null
this.downloadFolder = JSON.parse(_value)
this.vuexStore.commit('setDownloadFolder', { ...this.downloadFolder })
return this.downloadFolder
} catch (error) {
console.error('[LocalStorage] Failed to get download folder', error)
return null
}
}
async setUserSettings(settings) {
@ -75,46 +42,6 @@ class LocalStorage {
}
}
async setCurrent(current) {
try {
if (current) {
await Storage.set({ key: 'current', value: JSON.stringify(current) })
} else {
await Storage.remove({ key: 'current' })
}
} catch (error) {
console.error('[LocalStorage] Failed to set current', error)
}
}
async getCurrent() {
try {
var currentObj = await Storage.get({ key: 'current' }) || {}
return currentObj.value ? JSON.parse(currentObj.value) : null
} catch (error) {
console.error('[LocalStorage] Failed to get current', error)
return null
}
}
async setBookshelfView(view) {
try {
await Storage.set({ key: 'bookshelfView', value: view })
} catch (error) {
console.error('[LocalStorage] Failed to set bookshelf view', error)
}
}
async getBookshelfView() {
try {
var view = await Storage.get({ key: 'bookshelfView' }) || {}
return view.value || null
} catch (error) {
console.error('[LocalStorage] Failed to get bookshelf view', error)
return null
}
}
async setUseChapterTrack(useChapterTrack) {
try {
await Storage.set({ key: 'useChapterTrack', value: useChapterTrack ? '1' : '0' })

View file

@ -37,6 +37,11 @@ class ServerSocket extends EventEmitter {
this.socket.on('connect', this.onConnect.bind(this))
this.socket.on('disconnect', this.onDisconnect.bind(this))
this.socket.on('init', this.onInit.bind(this))
this.socket.onAny((evt, args) => {
console.log(`[SOCKET] ${this.socket.id}: ${evt} ${JSON.stringify(args)}`)
})
}
onConnect() {

View file

@ -1,555 +0,0 @@
import { Capacitor } from '@capacitor/core';
import { CapacitorDataStorageSqlite } from 'capacitor-data-storage-sqlite';
class StoreService {
store
platform
isOpen = false
constructor(vuexStore) {
this.vuexStore = vuexStore
this.currentTable = null
this.lockWaitQueue = []
this.isLocked = false
this.lockedFor = null
this.init()
}
/**
* Plugin Initialization
*/
init() {
this.platform = Capacitor.getPlatform()
this.store = CapacitorDataStorageSqlite
}
/**
* Open a Store
* @param _dbName string optional
* @param _table string optional
* @param _encrypted boolean optional
* @param _mode string optional
*/
async openStore(_dbName, _table, _encrypted, _mode) {
if (this.store != null) {
const database = _dbName ? _dbName : "storage"
const table = _table ? _table : "storage_table"
const encrypted = _encrypted ? _encrypted : false
const mode = _mode ? _mode : "no-encryption"
this.isOpen = false
try {
await this.store.openStore({ database, table, encrypted, mode })
// return Promise.resolve()
this.currentTable = table
this.isOpen = true
return true
} catch (err) {
// return Promise.reject(err)
return false
}
} else {
// return Promise.reject(new Error("openStore: Store not opened"))
return false
}
}
/**
* Close a store
* @param dbName
* @returns
*/
async closeStore(dbName) {
if (this.store != null) {
try {
await this.store.closeStore({ database: dbName })
return Promise.resolve()
} catch (err) {
return Promise.reject(err)
}
} else {
return Promise.reject(new Error("close: Store not opened"))
}
}
/**
* Check if a store is opened
* @param dbName
* @returns
*/
async isStoreOpen(dbName) {
if (this.store != null) {
try {
const ret = await this.store.isStoreOpen({ database: dbName })
return Promise.resolve(ret)
} catch (err) {
return Promise.reject(err)
}
} else {
return Promise.reject(new Error("isStoreOpen: Store not opened"))
}
}
/**
* Check if a store already exists
* @param dbName
* @returns
*/
async isStoreExists(dbName) {
if (this.store != null) {
try {
const ret = await this.store.isStoreExists({ database: dbName })
return Promise.resolve(ret)
} catch (err) {
return Promise.reject(err)
}
} else {
return Promise.reject(new Error("isStoreExists: Store not opened"))
}
}
/**
* Create/Set a Table
* @param table string
*/
async setTable(table) {
if (this.store != null) {
try {
await this.store.setTable({ table })
this.currentTable = table
return Promise.resolve()
} catch (err) {
return Promise.reject(err)
}
} else {
return Promise.reject(new Error("setTable: Store not opened"))
}
}
/**
* Set of Key
* @param key string
* @param value string
*/
async setItem(key, value) {
if (this.store != null) {
if (key.length > 0) {
try {
await this.store.set({ key, value });
return Promise.resolve();
} catch (err) {
return Promise.reject(err);
}
} else {
return Promise.reject(new Error("setItem: Must give a key"));
}
} else {
return Promise.reject(new Error("setItem: Store not opened"));
}
}
/**
* Get the Value for a given Key
* @param key string
*/
async getItem(key) {
if (this.store != null) {
if (key.length > 0) {
try {
const { value } = await this.store.get({ key });
console.log("in getItem value ", value)
return Promise.resolve(value);
} catch (err) {
console.error(`in getItem key: ${key} err: ${JSON.stringify(err)}`)
return Promise.reject(err);
}
} else {
return Promise.reject(new Error("getItem: Must give a key"));
}
} else {
return Promise.reject(new Error("getItem: Store not opened"));
}
}
async isKey(key) {
if (this.store != null) {
if (key.length > 0) {
try {
const { result } = await this.store.iskey({ key });
return Promise.resolve(result);
} catch (err) {
return Promise.reject(err);
}
} else {
return Promise.reject(new Error("isKey: Must give a key"));
}
} else {
return Promise.reject(new Error("isKey: Store not opened"));
}
}
async getAllKeysValues() {
if (this.store != null) {
try {
const { keysvalues } = await this.store.keysvalues();
return Promise.resolve(keysvalues);
} catch (err) {
return Promise.reject(err);
}
} else {
return Promise.reject(new Error("getAllKeysValues: Store not opened"));
}
}
async removeItem(key) {
if (this.store != null) {
if (key.length > 0) {
try {
await this.store.remove({ key });
return Promise.resolve();
} catch (err) {
return Promise.reject(err);
}
} else {
return Promise.reject(new Error("removeItem: Must give a key"));
}
} else {
return Promise.reject(new Error("removeItem: Store not opened"));
}
}
async clear() {
if (this.store != null) {
try {
await this.store.clear()
return true
} catch (err) {
console.error('[SqlStore] Failed to clear table', err.message)
return false
}
} else {
console.error('[SqlStore] Clear: Store not opened')
return false
}
}
async deleteStore(_dbName) {
const database = _dbName ? _dbName : "storage"
if (this.store != null) {
try {
await this.store.deleteStore({ database })
return Promise.resolve();
} catch (err) {
return Promise.reject(err.message)
}
} else {
return Promise.reject(new Error("deleteStore: Store not opened"));
}
}
async isTable(table) {
if (this.store != null) {
if (table.length > 0) {
try {
const { result } = await this.store.isTable({ table });
return Promise.resolve(result);
} catch (err) {
return Promise.reject(err);
}
} else {
return Promise.reject(new Error("isTable: Must give a table"));
}
} else {
return Promise.reject(new Error("isTable: Store not opened"));
}
}
async getAllTables() {
if (this.store != null) {
try {
const { tables } = await this.store.tables();
return Promise.resolve(tables);
} catch (err) {
return Promise.reject(err);
}
} else {
return Promise.reject(new Error("getAllTables: Store not opened"));
}
}
getLockId(prefix) {
return prefix + '-' + Math.floor(Math.random() * 100000000).toString(32)
}
waitForLock(id, count = 0) {
return new Promise((resolve) => {
setTimeout(() => {
if (!this.lockWaitQueue.includes(id)) {
resolve(true)
} else {
if (count > 200) {
console.error('[SqlStore] Lock was never released', id)
resolve(false)
} else {
resolve(this.waitForLock(id, ++count))
}
}
}, 50)
})
}
setLock(prefix) {
this.lockedFor = prefix
this.isLocked = true
console.log('[SqlStore] Locked for', this.lockedFor)
}
initWaitLock(prefix) {
var lockId = this.getLockId(prefix)
this.lockWaitQueue.push(lockId)
console.log('[SqlStore] Waiting for lock', lockId, 'In queue', this.lockWaitQueue.length)
return this.waitForLock(lockId)
}
releaseLock() {
console.log('[SqlStore] Releasing lock', this.lockedFor)
if (!this.lockWaitQueue.length) {
console.log('[SqlStore] Release Lock no queue')
this.isLocked = false
}
else {
console.log('[SqlStore] Release Lock Queue:', this.lockWaitQueue.length)
var task = this.lockWaitQueue.shift()
console.log('[SqlStore] Released lock next task', task)
}
}
async ensureTable(tablename) {
if (!this.isOpen) {
var success = await this.openStore('storage', tablename)
if (!success) {
console.error('Store failed to open')
return false
}
}
try {
await this.setTable(tablename)
console.log('[SqlStore] Set Table ' + this.currentTable)
return true
} catch (error) {
console.error('Failed to set table', error)
return false
}
}
async setDownload(download) {
if (!download) return false
if (this.isLocked) {
await this.initWaitLock('setdl')
} else {
this.setLock('setdl')
}
if (!(await this.ensureTable('downloads'))) {
this.releaseLock()
return false
}
if (!download.id) {
console.error(`[SqlStore] set download invalid download ${download ? JSON.stringify(download) : 'null'}`)
this.releaseLock()
return false
}
var success = false
try {
await this.setItem(download.id, JSON.stringify(download))
console.log(`[STORE] Set Download ${download.id}`)
success = true
} catch (error) {
console.error('Failed to set download in store', error)
}
this.releaseLock()
return success
}
async removeDownload(id) {
if (!id) return false
if (this.isLocked) {
await this.initWaitLock('remdl')
} else {
this.setLock('remdl')
}
if (!(await this.ensureTable('downloads'))) {
this.releaseLock()
return false
}
var success = false
try {
await this.removeItem(id)
console.log(`[STORE] Removed download ${id}`)
success = true
} catch (error) {
console.error('Failed to remove download in store', error)
}
this.releaseLock()
return success
}
async getAllDownloads() {
if (this.isLocked) {
await this.initWaitLock('alldl')
} else {
this.setLock('alldl')
}
if (!(await this.ensureTable('downloads'))) {
this.releaseLock()
return false
}
var keysvalues = await this.getAllKeysValues()
var downloads = []
for (let i = 0; i < keysvalues.length; i++) {
try {
var download = JSON.parse(keysvalues[i].value)
if (!download.id) {
console.error('[SqlStore] Removing invalid download', JSON.stringify(download))
await this.removeItem(keysvalues[i].key)
} else {
downloads.push(download)
}
} catch (error) {
console.error('Failed to parse download', error)
await this.removeItem(keysvalues[i].key)
}
}
this.releaseLock()
return downloads
}
async setUserAudiobookData(userAudiobookData) {
if (this.isLocked) {
await this.initWaitLock('setuad')
} else {
this.setLock('setuad')
}
if (!(await this.ensureTable('userAudiobookData'))) {
this.releaseLock()
return false
}
var success = false
try {
await this.setItem(userAudiobookData.audiobookId, JSON.stringify(userAudiobookData))
this.vuexStore.commit('user/setUserAudiobookData', userAudiobookData)
console.log(`[STORE] Set UserAudiobookData ${userAudiobookData.audiobookId}`)
success = true
} catch (error) {
console.error('Failed to set UserAudiobookData in store', error)
}
this.releaseLock()
return success
}
async removeUserAudiobookData(audiobookId) {
if (this.isLocked) {
await this.initWaitLock('remuad')
} else {
this.setLock('remuad')
}
if (!(await this.ensureTable('userAudiobookData'))) {
this.releaseLock()
return false
}
var success = false
try {
await this.removeItem(audiobookId)
this.vuexStore.commit('user/removeUserAudiobookData', audiobookId)
console.log(`[STORE] Removed userAudiobookData ${id}`)
success = true
} catch (error) {
console.error('Failed to remove userAudiobookData in store', error)
}
this.releaseLock()
return success
}
async getAllUserAudiobookData() {
if (this.isLocked) {
await this.initWaitLock('alluad')
} else {
this.setLock('alluad')
}
if (!(await this.ensureTable('userAudiobookData'))) {
this.releaseLock()
return false
}
var keysvalues = await this.getAllKeysValues()
var data = []
for (let i = 0; i < keysvalues.length; i++) {
try {
var abdata = JSON.parse(keysvalues[i].value)
if (!abdata.audiobookId) {
console.error('[SqlStore] Removing invalid user audiobook data')
await this.removeItem(keysvalues[i].key)
} else {
data.push(abdata)
}
} catch (error) {
console.error('Failed to parse userAudiobookData', error)
await this.removeItem(keysvalues[i].key)
}
}
console.log('[SqlStore] All UAD finished')
this.releaseLock()
return data
}
async setAllUserAudiobookData(userAbData) {
if (this.isLocked) {
await this.initWaitLock('setuad')
} else {
this.setLock('setuad')
}
if (!(await this.ensureTable('userAudiobookData'))) {
this.releaseLock()
return false
}
console.log('[SqlStore] Setting all user audiobook data ' + userAbData.length)
var success = await this.clear()
if (!success) {
console.error('[SqlStore] Did not clear old user ab data, overwriting')
}
for (let i = 0; i < userAbData.length; i++) {
try {
var abdata = userAbData[i]
await this.setItem(abdata.audiobookId, JSON.stringify(abdata))
} catch (error) {
console.error('[SqlStore] Failed to set userAudiobookData', error)
}
}
this.vuexStore.commit('user/setAllUserAudiobookData', userAbData)
this.releaseLock()
}
}
export default ({ app, store }, inject) => {
inject('sqlStore', new StoreService(store))
}

View file

@ -1,131 +0,0 @@
import { Capacitor } from '@capacitor/core'
export const state = () => ({
downloads: [],
showModal: false,
mediaScanResults: {},
})
export const getters = {
getDownload: (state) => id => {
return state.downloads.find(d => d.id === id)
},
getDownloads: state => {
return state.downloads
},
getDownloadIfReady: (state) => id => {
var download = state.downloads.find(d => d.id === id)
return !!download && !download.isDownloading && !download.isPreparing ? download : null
},
getAudiobooks: (state) => {
return state.downloads.map(dl => dl.audiobook)
}
}
export const actions = {
async loadFromStorage({ commit, state }) {
var downloads = await this.$sqlStore.getAllDownloads()
console.log('Load downloads from storage', downloads.length)
downloads.forEach(ab => {
if (ab.isDownloading || ab.isPreparing) {
ab.isIncomplete = true
}
ab.isDownloading = false
ab.isPreparing = false
commit('setDownload', ab)
})
return state.downloads
},
async linkOrphanDownloads({ state, commit, rootState }) {
if (!state.mediaScanResults || !state.mediaScanResults.folders) {
return
}
for (let i = 0; i < state.mediaScanResults.folders.length; i++) {
var folder = state.mediaScanResults.folders[i]
if (!folder.files || !folder.files.length) return
var download = state.downloads.find(dl => dl.folderName === folder.name)
if (!download) {
console.log('Link orphan downloads searching for ' + folder.name)
var results = await this.$axios.$get(`/api/libraries/${rootState.libraries.currentLibraryId}/search?q=${folder.name}`)
var matchingAb = null
if (results && results.audiobooks) {
console.log('Link orphan downloads audiobooks ' + results.audiobooks.length)
matchingAb = results.audiobooks.find(ab => {
return ab.audiobook.book.title === folder.name
})
}
if (matchingAb) {
matchingAb = matchingAb.audiobook
// Found matching download for ab
var audioFile = folder.files.find(f => f.isAudio)
if (!audioFile) {
return
}
var coverImg = folder.files.find(f => !f.isAudio)
const downloadObj = {
id: matchingAb.id,
audiobook: { ...matchingAb },
contentUrl: audioFile.uri,
simplePath: audioFile.simplePath,
folderUrl: folder.uri,
folderName: folder.name,
storageType: '',
storageId: '',
basePath: '',
size: audioFile.size,
coverUrl: coverImg ? coverImg.uri : null,
cover: coverImg ? Capacitor.convertFileSrc(coverImg.uri) : null,
coverSize: coverImg ? coverImg.size : 0,
coverBasePath: ''
}
console.log('Link orphan downloads book found ' + matchingAb.book.title)
commit('addUpdateDownload', downloadObj)
} else {
console.log('Link orphan downloads book not found ' + folder.name)
}
} else {
console.log('Link orphan downloads folder already has dl ' + folder.name, JSON.stringify(download))
}
}
}
}
export const mutations = {
setShowModal(state, val) {
state.showModal = val
},
setDownload(state, download) {
if (!download || !download.id) {
return
}
var index = state.downloads.findIndex(d => d.id === download.id)
if (index >= 0) {
state.downloads.splice(index, 1, download)
} else {
state.downloads.push(download)
}
},
addUpdateDownload(state, download) {
if (!download || !download.id) {
console.error('Orphan invalid download ' + download.id)
return
}
var index = state.downloads.findIndex(d => d.id === download.id)
if (index >= 0) {
state.downloads.splice(index, 1, download)
} else {
state.downloads.push(download)
}
this.$sqlStore.setDownload(download)
},
removeDownload(state, download) {
state.downloads = state.downloads.filter(d => d.id !== download.id)
this.$sqlStore.removeDownload(download.id)
},
setMediaScanResults(state, val) {
state.mediaScanResults = val
}
}

View file

@ -15,10 +15,7 @@ export const state = () => ({
hasStoragePermission: false,
selectedBook: null,
showReader: false,
downloadFolder: null,
showSideDrawer: false,
bookshelfView: 'grid',
isNetworkListenerInit: false,
serverSettings: null
})
@ -120,15 +117,9 @@ export const mutations = {
setShowReader(state, val) {
state.showReader = val
},
setDownloadFolder(state, val) {
state.downloadFolder = val
},
setShowSideDrawer(state, val) {
state.showSideDrawer = val
},
setBookshelfView(state, val) {
state.bookshelfView = val
},
setServerSettings(state, val) {
state.serverSettings = val
this.$localStore.setServerSettings(state.serverSettings)

View file

@ -1,7 +1,6 @@
export const state = () => ({
user: null,
serverConnectionConfig: null,
userAudiobookData: [],
settings: {
mobileOrderBy: 'addedAt',
mobileOrderDesc: true,
@ -12,8 +11,7 @@ export const state = () => ({
playbackRate: 1,
bookshelfCoverSize: 120
},
settingsListeners: [],
userAudiobooksListeners: []
settingsListeners: []
})
export const getters = {
@ -32,17 +30,8 @@ export const getters = {
if (!state.user.bookmarks) return []
return state.user.bookmarks.filter(bm => bm.libraryItemId === libraryItemId)
},
getUserAudiobookData: (state, getters) => (audiobookId) => {
return getters.getUserAudiobook(audiobookId)
},
getUserAudiobook: (state, getters) => (audiobookId) => {
return state.userAudiobookData.find(uabd => uabd.audiobookId === audiobookId)
},
getUserSetting: (state) => (key) => {
return state.settings ? state.settings[key] || null : null
},
getFilterOrderKey: (state) => {
return Object.values(state.settings).join('-')
}
}
@ -67,41 +56,6 @@ export const actions = {
console.log('Update settings without server')
commit('setSettings', payload)
}
},
async loadOfflineUserAudiobookData({ state, commit }) {
var localUserAudiobookData = await this.$sqlStore.getAllUserAudiobookData() || []
if (localUserAudiobookData.length) {
console.log('loadOfflineUserAudiobookData found', localUserAudiobookData.length, 'user audiobook data')
commit('setAllUserAudiobookData', localUserAudiobookData)
} else {
console.log('loadOfflineUserAudiobookData No user audiobook data')
}
},
async syncUserAudiobookData({ state, commit }) {
if (!state.user) {
console.error('Sync user audiobook data invalid no user')
return
}
var localUserAudiobookData = await this.$sqlStore.getAllUserAudiobookData() || []
this.$axios.$post(`/api/syncUserAudiobookData`, { data: localUserAudiobookData }).then(async (abData) => {
console.log('Synced user audiobook data', abData)
await this.$sqlStore.setAllUserAudiobookData(abData)
}).catch((error) => {
console.error('Failed to sync user ab data', error)
})
},
async updateUserAudiobookData({ state, commit }, uabdUpdate) {
var userAbData = state.userAudiobookData.find(uab => uab.audiobookId === uabdUpdate.audiobookId)
if (!userAbData) {
uabdUpdate.startedAt = Date.now()
this.$sqlStore.setUserAudiobookData(uabdUpdate)
} else {
var mergedUabData = { ...userAbData }
for (const key in uabdUpdate) {
mergedUabData[key] = uabdUpdate[key]
}
this.$sqlStore.setUserAudiobookData(mergedUabData)
}
}
}
@ -116,20 +70,6 @@ export const mutations = {
setServerConnectionConfig(state, serverConnectionConfig) {
state.serverConnectionConfig = serverConnectionConfig
},
setUserAudiobookData(state, abdata) {
var index = state.userAudiobookData.findIndex(uab => uab.audiobookId === abdata.audiobookId)
if (index >= 0) {
state.userAudiobookData.splice(index, 1, abdata)
} else {
state.userAudiobookData.push(abdata)
}
},
removeUserAudiobookData(state, audiobookId) {
state.userAudiobookData = state.userAudiobookData.filter(uab => uab.audiobookId !== audiobookId)
},
setAllUserAudiobookData(state, allAbData) {
state.userAudiobookData = allAbData
},
setSettings(state, settings) {
if (!settings) return
@ -157,13 +97,5 @@ export const mutations = {
},
removeSettingsListener(state, listenerId) {
state.settingsListeners = state.settingsListeners.filter(l => l.id !== listenerId)
},
addUserAudiobookListener(state, listener) {
var index = state.userAudiobooksListeners.findIndex(l => l.id === listener.id)
if (index >= 0) state.userAudiobooksListeners.splice(index, 1, listener)
else state.userAudiobooksListeners.push(listener)
},
removeUserAudiobookListener(state, listenerId) {
state.userAudiobooksListeners = state.userAudiobooksListeners.filter(l => l.id !== listenerId)
}
}