**Release 0.22.0.2**

  This release brings the app up to date with upstream release [0.22.0](https://github.com/FreeTubeApp/FreeTube/releases/tag/v0.22.0-beta).

  ...

  **Full Changelog**: 0.21.3.122...0.22.0.2

.babelrc

@@ -11,6 +11,6 @@
     ]
   ],
   "plugins": [
-    "@babel/proposal-class-properties"
+    "@babel/plugin-transform-class-properties"
   ]
 }

.github/dependabot.yml

@@ -17,6 +17,7 @@ updates:
         patterns:
           - "eslint"
           - "eslint-*"
+          - "@eslint/*"
           - "yaml-eslint-parser"
           - "vue-eslint-parser"
       stylelint:

.github/workflows/buildCordova.yml

@@ -17,15 +17,11 @@ jobs:
     - name: Use Node.js
       uses: actions/setup-node@v3
       with:
-        node-version: 18.x
+        node-version: 20.x
         cache: "yarn"
     - name: 🧶 Yarn install
       run: yarn ci
 
-    - name: Is vtt-thumbnails installed correctly?
-      run: |
-        ls ./node_modules/videojs-vtt-thumbnails-freetube
-
     - name: Set environment icon & splash for android app
       run: |
         # to make it easier to tell which is which when multiple are installed

.github/workflows/calibreapp-image-actions.yml

@@ -20,7 +20,7 @@ jobs:
           compressOnly: true
       - name: Create New Pull Request If Needed
         if: steps.calibre.outputs.markdown != ''
-        uses: peter-evans/create-pull-request@v6
+        uses: peter-evans/create-pull-request@v7
         with:
           title: Compressed Images Nightly
           branch-suffix: timestamp

.github/workflows/flatpak.yml

@@ -77,22 +77,22 @@ jobs:
         date +"%Y-%m-%d" >> $GITHUB_ENV
         echo 'EOF' >> $GITHUB_ENV
     - name: Update x64 File Location in yml File
-      uses: mikefarah/[email protected].2
+      uses: mikefarah/[email protected].3
       with:
         # The Command which should be run
         cmd: yq -i '.modules[0].sources[0].url = "https://github.com/FreeTubeApp/FreeTube/releases/download/v${{ steps.sub.outputs.result }}-beta/freetube-${{ steps.sub.outputs.result }}-linux-portable-x64.zip"' io.freetubeapp.FreeTube.yml
     - name: Update x64 Hash in yml File
-      uses: mikefarah/[email protected].2
+      uses: mikefarah/[email protected].3
       with:
         # The Command which should be run
         cmd: yq -i '.modules[0].sources[0].sha256 = "${{ env.HASH_X64 }}"' io.freetubeapp.FreeTube.yml
     - name: Update ARM File Location in yml File
-      uses: mikefarah/[email protected].2
+      uses: mikefarah/[email protected].3
       with:
         # The Command which should be run
         cmd: yq -i '.modules[0].sources[1].url = "https://github.com/FreeTubeApp/FreeTube/releases/download/v${{ steps.sub.outputs.result }}-beta/freetube-${{ steps.sub.outputs.result }}-linux-portable-arm64.zip"' io.freetubeapp.FreeTube.yml
     - name: Update ARM Hash in yml File
-      uses: mikefarah/[email protected].2
+      uses: mikefarah/[email protected].3
       with:
         # The Command which should be run
         cmd: yq -i '.modules[0].sources[1].sha256 = "${{ env.HASH_ARM64 }}"' io.freetubeapp.FreeTube.yml

.github/workflows/releaseCordova.yml

@@ -17,7 +17,7 @@ jobs:
     - name: Use Node.js
       uses: actions/setup-node@v3
       with:
-        node-version: 18.x
+        node-version: 20.x
         cache: "yarn"
     - name: 🧶 Yarn install
       run: yarn ci
@@ -36,7 +36,11 @@ jobs:
       with:
         result-encoding: string
         script: |
-          return '${{ steps.pkg.outputs.version }}.${{ github.run_number }}'
+          // TODO✏ automate this
+          var run_number = ${{ github.run_number }} - 121
+          var version = '${{ steps.pkg.outputs.version }}'
+          var version_number = version + '.' + run_number
+          return version_number
     - name: Set App ID Variable
       id: appId
       uses: actions/github-script@v6

.stylelintrc.json

@@ -26,7 +26,7 @@
     "selector-pseudo-class-no-unknown": [
       true,
       {
-        "ignorePseudoClasses": ["deep"]
+        "ignorePseudoClasses": ["deep", "global"]
       }
     ],
     "a11y/no-outline-none": true,

_scripts/ProcessLocalesPlugin.js

@@ -40,17 +40,17 @@ class ProcessLocalesPlugin {
     /** @type {(updatedLocales: [string, string][]) => void|null} */
     this.notifyLocaleChange = null
 
-    if (this.hotReload) {
-      this.hotReloadScript = readFileSync(`${__dirname}/_hotReloadLocalesScript.js`, 'utf-8')
-    }
-
     this.loadLocales()
   }
 
   /** @param {import('webpack').Compiler} compiler  */
   apply(compiler) {
     const { CachedSource, RawSource } = compiler.webpack.sources;
-    const { Compilation } = compiler.webpack
+    const { Compilation, DefinePlugin } = compiler.webpack
+
+    new DefinePlugin({
+      'process.env.HOT_RELOAD_LOCALES': this.hotReload
+    }).apply(compiler)
 
     compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
       const IS_DEV_SERVER = !!compiler.watching
@@ -72,6 +72,7 @@ class ProcessLocalesPlugin {
         }
 
         for (let [locale, data] of this.locales) {
+          // eslint-disable-next-line no-async-promise-executor
           promises.push(new Promise(async (resolve) => {
             if (IS_DEV_SERVER && compiler.fileTimestamps) {
               const filePath = join(this.inputDir, `${locale}.yaml`)
@@ -131,24 +132,12 @@ class ProcessLocalesPlugin {
     })
 
     compiler.hooks.afterCompile.tap(PLUGIN_NAME, (compilation) => {
+      // eslint-disable-next-line no-extra-boolean-cast
       if (!!compiler.watching) {
         // watch locale files for changes
         compilation.fileDependencies.addAll(this.filePaths)
       }
     })
-
-    compiler.hooks.emit.tap(PLUGIN_NAME, (compilation) => {
-      if (this.hotReload) {
-        // Find generated JavaScript output file (e.g. renderer.js or web.js)
-        // and inject the code snippet that listens for locale updates and replaces vue-i18n's locales
-
-        /** @type {string} */
-        const filename = [...[...compilation.chunks][0].files]
-          .find(file => file.endsWith('.js'))
-
-        compilation.assets[filename]._source._children.push(`\n${this.hotReloadScript}`)
-      }
-    })
   }
 
   loadLocales() {