diff --git a/_scripts/build.js b/_scripts/build.js
index 6b762cc767726..4e90970809bad 100644
--- a/_scripts/build.js
+++ b/_scripts/build.js
@@ -58,22 +58,14 @@ const config = {
'icon.svg',
'./dist/**/*',
'!dist/web/*',
- '!**/node_modules/**/.*',
- '!**/node_modules/**/index.html',
- '!**/{.github,Jenkinsfile}',
- '!**/{CHANGES.md,CODE_OF_CONDUCT.md,CONTRIBUTING.md,CONTRIBUTION.md,DEVELOPMENT.md,docs,docs.md,docs.mli,examples,History.md,HISTORY.md,README.md,TODO.md,UPGRADE_GUIDE.md,UPGRADING.md}',
- '!**/{commitlint.config.js,.editorconfig,.eslintignore,.eslintrc.{js,yml},.gitmodules,.huskyrc,.lintstagedrc,.nvmrc,.nycrc{,.json},.prettierrc{,.yaml},tslint.json}',
- '!**/{.babelrc,bower.json,Gruntfile.js,Makefile,.npmrc.proregistry,rollup.config.js,.tm_properties,.tool-versions,tsconfig.json,webpack.config.js}',
- '!**/*.{{,c,m}js,min,ts}.map',
- '!**/*.d.ts',
+ '!node_modules/**/*',
+
+ // renderer
+ 'node_modules/{miniget,ytpl,ytsr}/**/*',
- // only exclude the src directory for specific packages
- // as some of them have their dist code in there and we don't want to exclude those
- '!**/node_modules/{@fortawesome/vue-fontawesome,agent-base,jquery,localforage,m3u8-parser,marked,mpd-parser,performance-now,video.js,vue,vue-i18n,vue-router}/src/*',
- '!**/node_modules/**/{bin,man,scripts}/*',
- '!**/node_modules/jquery/dist/jquery.slim*.js',
- '!**/node_modules/video.js/dist/{alt/*,video.js}',
- '!**/node_modules/@videojs/*/src'
+ '!**/README.md',
+ '!**/*.js.map',
+ '!**/*.d.ts',
],
dmg: {
contents: [
diff --git a/_scripts/webpack.main.config.js b/_scripts/webpack.main.config.js
index 39919eb506724..f9166f2444983 100644
--- a/_scripts/webpack.main.config.js
+++ b/_scripts/webpack.main.config.js
@@ -2,15 +2,9 @@ const path = require('path')
const webpack = require('webpack')
const CopyWebpackPlugin = require('copy-webpack-plugin')
-const {
- dependencies,
- devDependencies,
- productName,
-} = require('../package.json')
+const { productName } = require('../package.json')
-const externals = Object.keys(dependencies).concat(Object.keys(devDependencies))
const isDevMode = process.env.NODE_ENV === 'development'
-const whiteListedModules = []
const config = {
name: 'main',
@@ -19,7 +13,10 @@ const config = {
entry: {
main: path.join(__dirname, '../src/main/index.js'),
},
- externals: externals.filter(d => !whiteListedModules.includes(d)),
+ // webpack spits out errors while inlining electron-debug as
+ // it tries to dynamically load dependencies
+ // the error: "Critical dependency: the request of a dependency is an expression"
+ externals: ['electron-debug'],
module: {
rules: [
{
diff --git a/_scripts/webpack.renderer.config.js b/_scripts/webpack.renderer.config.js
index 9ed57e5f07700..6b20e72848df7 100644
--- a/_scripts/webpack.renderer.config.js
+++ b/_scripts/webpack.renderer.config.js
@@ -4,15 +4,9 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-const {
- dependencies,
- devDependencies,
- productName,
-} = require('../package.json')
+const { productName } = require('../package.json')
-const externals = Object.keys(dependencies).concat(Object.keys(devDependencies))
const isDevMode = process.env.NODE_ENV === 'development'
-const whiteListedModules = ['vue']
const config = {
name: 'renderer',
@@ -32,7 +26,10 @@ const config = {
path: path.join(__dirname, '../dist'),
filename: '[name].js',
},
- externals: externals.filter(d => !whiteListedModules.includes(d)),
+ // webpack spits out errors while inlining ytpl and ytsr as
+ // they dynamically import their package.json file to extract the bug report URL
+ // the error: "Critical dependency: the request of a dependency is an expression"
+ externals: ['ytpl', 'ytsr'],
module: {
rules: [
{
diff --git a/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue b/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue
index 795a00c76db09..7e9cd68d8bc09 100644
--- a/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue
+++ b/src/renderer/components/ft-channel-bubble/ft-channel-bubble.vue
@@ -12,7 +12,7 @@
class="bubble selected"
>
GitHub: FreeTubeApp/FreeTube
${this.$t('About.Licensed under the AGPLv3')} ${this.$t('About.View License')}`
},
{
- icon: 'file-download',
+ icon: ['fas', 'file-download'],
title: this.$t('About.Downloads / Changelog'),
content: `${this.$t('About.GitHub releases')}`
},
{
- icon: 'question-circle',
+ icon: ['fas', 'question-circle'],
title: this.$t('About.Help'),
content: `${this.$t('About.FreeTube Wiki')} / ${this.$t('About.FAQ')}`
},
{
- icon: 'exclamation-circle',
+ icon: ['fas', 'exclamation-circle'],
title: this.$t('About.Report a problem'),
content: `${this.$t('About.GitHub issues')}
${this.$t('About.Please check for duplicates before posting')}`
},
{
- icon: 'globe',
+ icon: ['fas', 'globe'],
title: this.$t('About.Website'),
content: 'https://freetubeapp.io/'
},
{
- icon: 'newspaper',
+ icon: ['fas', 'newspaper'],
title: this.$t('About.Blog'),
content: 'https://blog.freetubeapp.io'
},
{
- icon: 'envelope',
+ icon: ['fas', 'envelope'],
title: this.$t('About.Email'),
content: 'FreeTubeApp@protonmail.com'
},
@@ -57,22 +57,22 @@ export default Vue.extend({
content: '@FreeTube@mastodon.technology'
},
{
- icon: 'comment-dots',
+ icon: ['fas', 'comment-dots'],
title: this.$t('About.Chat on Matrix'),
content: `#freetube:matrix.org
${this.$t('About.Please read the')} ${this.$t('About.room rules')}`
},
{
- icon: 'language',
+ icon: ['fas', 'language'],
title: this.$t('About.Translate'),
content: 'https://hosted.weblate.org/engage/free-tube/'
},
{
- icon: 'users',
+ icon: ['fas', 'users'],
title: this.$t('About.Credits'),
content: `${this.$t('About.FreeTube is made possible by')} ${this.$t('About.these people and projects')}`
},
{
- icon: 'heart',
+ icon: ['fas', 'heart'],
title: `${this.$t('About.Donate')} - Liberapay`,
content: 'https://liberapay.com/FreeTube'
},
diff --git a/src/renderer/views/Channel/Channel.vue b/src/renderer/views/Channel/Channel.vue
index e423191e497e1..b32c4451f346a 100644
--- a/src/renderer/views/Channel/Channel.vue
+++ b/src/renderer/views/Channel/Channel.vue
@@ -192,7 +192,7 @@
class="getNextPage"
@click="handleFetchMore"
>
-