**Release 110**

commit 79030b4
Author: Emma <[email protected]>
Date:   Fri Feb 23 21:54:42 2024 -0500
    bump version number

commit 28803d1
Author: Emma <[email protected]>
Date:   Fri Feb 23 21:45:13 2024 -0500
    Update yarn lock

commit e517085
Merge: dafd7ab 979683c
Author: Emma <[email protected]>
Date:   Fri Feb 23 18:40:03 2024 -0500
    Merge branch 'development' of https://github.com/MarmadileManteater/FreeTubeCordova into development

...

**Full Changelog**: 0.19.1.109...0.19.2.110

Author: MarmadileManteater

.github/workflows/linter.yml

@@ -6,7 +6,7 @@ name: Linter
 # events but only for the master branch
 on:
   pull_request:
-    branches: [ master, development ]
+    branches: [ master, development, '**-RC' ]
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:

_scripts/webpack.cordova.config.js

@@ -131,7 +131,7 @@ const config = {
     }),
     new webpack.ProvidePlugin({
       process: 'process/browser',
-      Buffer: ['buffer', 'Buffer'],
+      Buffer: ['buffer', 'Buffer']
     }),
     new HtmlWebpackPlugin({
       excludeChunks: ['processTaskWorker'],
@@ -154,7 +154,8 @@ const config = {
       // video.js's mpd-parser uses @xmldom/xmldom so that it can support both node and web browsers
       // As FreeTube only runs in electron and web browsers, we can use the native DOMParser class, instead of the "polyfill"
       // https://caniuse.com/mdn-api_domparser
-      '@xmldom/xmldom$': path.resolve(__dirname, '_domParser.js')
+      '@xmldom/xmldom$': path.resolve(__dirname, '_domParser.js'),
+      'localforage': path.resolve(__dirname, "../src/cordova/localforage.js")
     },
     fallback: {
       'fs/promises': path.resolve(__dirname, '_empty.js'),

jsconfig.json

@@ -1,5 +1,8 @@
 {
   "vueCompilerOptions": {
     "target": 2.7
+  },
+  "compilerOptions": {
+    "strictNullChecks": true
   }
 }

package.json

@@ -2,7 +2,7 @@
   "name": "freetube",
   "productName": "FreeTube",
   "description": "A private YouTube client",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "license": "AGPL-3.0-or-later",
   "main": "./dist/main.js",
   "private": true,
@@ -84,7 +84,7 @@
     "vue-router": "^3.6.5",
     "vue-tiny-slider": "^0.1.39",
     "vuex": "^3.6.2",
-    "youtubei.js": "^6.4.1",
+    "youtubei.js": "^9.1",
     "jintr-patch": "https://github.com/LuanRT/Jinter.git"
   },
   "devDependencies": {

src/cordova/localforage.js

@@ -0,0 +1,20 @@
+import localforage from '../../node_modules/localforage/dist/localforage'
+import { requestDirectory, readFromFile, writeToFile } from '../renderer/helpers/cordova'
+
+export function createInstance(kwargs) {
+  const instance = localforage.createInstance(kwargs)
+  return {
+    async getItem(key) {
+      const fs = await requestDirectory()
+      const data = await readFromFile(fs, key)
+      // if the data is empty, fallback to localstorage
+      if (data === '') return instance.getItem(key)
+      // if not, return the data
+      return data
+    },
+    async setItem(key, value) {
+      const fs = await requestDirectory()
+      await writeToFile(fs, key, value)
+    }
+  }
+}

src/renderer/components/channel-about/channel-about.js

@@ -24,6 +24,10 @@ export default defineComponent({
       type: Number,
       default: null
     },
+    videos: {
+      type: Number,
+      default: null
+    },
     location: {
       type: String,
       default: null
@@ -61,5 +65,9 @@ export default defineComponent({
     formattedViews: function () {
       return formatNumber(this.views)
     },
+
+    formattedVideos: function () {
+      return formatNumber(this.videos)
+    },
   }
 })

src/renderer/components/channel-about/channel-about.vue

@@ -12,7 +12,7 @@
       />
     </template>
     <template
-      v-if="joined || views !== null || location"
+      v-if="joined || views !== null || videos !== null || location"
     >
       <h2>{{ $t('Channel.About.Details') }}</h2>
       <table
@@ -38,6 +38,16 @@
           </th>
           <td>{{ formattedViews }}</td>
         </tr>
+        <tr
+          v-if="videos !== null"
+        >
+          <th
+            scope="row"
+          >
+            {{ $t('Global.Videos') }}
+          </th>
+          <td>{{ formattedVideos }}</td>
+        </tr>
         <tr
           v-if="location"
         >

src/renderer/components/ft-list-video/ft-list-video.js

@@ -64,6 +64,7 @@ export default defineComponent({
       viewCount: 0,
       parsedViewCount: '',
       uploadedTime: '',
+      lengthSeconds: 0,
       duration: '',
       description: '',
       watched: false,
@@ -156,7 +157,11 @@ export default defineComponent({
     },
 
     progressPercentage: function () {
-      return (this.watchProgress / this.data.lengthSeconds) * 100
+      if (typeof this.lengthSeconds !== 'number') {
+        return 0
+      }
+
+      return (this.watchProgress / this.lengthSeconds) * 100
     },
 
     hideSharingActions: function() {
@@ -445,9 +450,11 @@ export default defineComponent({
       this.channelName = this.data.author ?? null
       this.channelId = this.data.authorId ?? null
 
-      if (this.data.isRSS && this.historyEntryExists) {
+      if ((this.data.lengthSeconds === '' || this.data.lengthSeconds === '0:00') && this.historyEntryExists) {
+        this.lengthSeconds = this.historyEntry.lengthSeconds
         this.duration = formatDurationAsTimestamp(this.historyEntry.lengthSeconds)
       } else {
+        this.lengthSeconds = this.data.lengthSeconds
         this.duration = formatDurationAsTimestamp(this.data.lengthSeconds)
       }
 

src/renderer/components/ft-list-video/ft-list-video.vue

@@ -28,7 +28,7 @@
         >
       </router-link>
       <div
-        v-if="isLive || duration !== '0:00'"
+        v-if="isLive || isUpcoming || (duration !== '' && duration !== '0:00')"
         class="videoDuration"
         :class="{
           live: isLive,

src/renderer/helpers/api/invidious.js

@@ -370,7 +370,7 @@ export async function generateInvidiousDashManifestLocally(formats, invidiousIns
 
   return await FormatUtils.toDash({
     adaptive_formats: formats
-  }, urlTransformer, undefined, undefined, player)
+  }, false, urlTransformer, undefined, undefined, player)
 }
 
 export function convertInvidiousToLocalFormat(format) {