diff --git a/.babelrc b/.babelrc index c13cff889347b..5b381b9ea33a8 100644 --- a/.babelrc +++ b/.babelrc @@ -4,7 +4,7 @@ "@babel/env", { "targets": { - "chrome": "122", + "chrome": "130", "node": "20.9.0" } } diff --git a/README.md b/README.md index 200784b2517f4..d519435f1e2b1 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ FreeTube is an open source desktop YouTube player built with privacy in mind. Use YouTube without advertisements and prevent Google from tracking you with their cookies and JavaScript. -Available for Windows (10 and later), Mac (macOS 10.15 and later) & Linux thanks to Electron. +Available for Windows (10 and later), Mac (macOS 11 and later) & Linux thanks to Electron.

Download FreeTube

@@ -79,7 +79,7 @@ FreeTube is supported by the [Privacy Redirect](https://github.com/SimonBrazell/ ### Official Downloads > [!CAUTION] -> FreeTube is only supported on Windows 10 and later, macOS 10.15 and above, and various Linux distributions. Installing it on unsupported systems may result in unexpected issues. +> FreeTube is only supported on Windows 10 and later, macOS 11 and above, and various Linux distributions. Installing it on unsupported systems may result in unexpected issues. * [GitHub Releases](https://github.com/FreeTubeApp/FreeTube/releases) diff --git a/_icons/iconGruvboxDarkSmall.svg b/_icons/iconGruvboxDarkSmall.svg new file mode 100644 index 0000000000000..e0223807047ce --- /dev/null +++ b/_icons/iconGruvboxDarkSmall.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/_icons/iconGruvboxLightSmall.svg b/_icons/iconGruvboxLightSmall.svg new file mode 100644 index 0000000000000..8750e7bb31c0e --- /dev/null +++ b/_icons/iconGruvboxLightSmall.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/_icons/textGruvboxDarkSmall.svg b/_icons/textGruvboxDarkSmall.svg new file mode 100644 index 0000000000000..00ece3081910a --- /dev/null +++ b/_icons/textGruvboxDarkSmall.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/_icons/textGruvboxLightSmall.svg b/_icons/textGruvboxLightSmall.svg new file mode 100644 index 0000000000000..266390e3ad010 --- /dev/null +++ b/_icons/textGruvboxLightSmall.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/package.json b/package.json index f71b95f940f2c..51bddf18c3c25 100644 --- a/package.json +++ b/package.json @@ -54,21 +54,21 @@ "ci": "yarn install --silent --frozen-lockfile" }, "dependencies": { - "@fortawesome/fontawesome-svg-core": "^6.6.0", - "@fortawesome/free-brands-svg-icons": "^6.6.0", - "@fortawesome/free-regular-svg-icons": "^6.6.0", - "@fortawesome/free-solid-svg-icons": "^6.6.0", + "@fortawesome/fontawesome-svg-core": "^6.7.1", + "@fortawesome/free-brands-svg-icons": "^6.7.1", + "@fortawesome/free-regular-svg-icons": "^6.7.1", + "@fortawesome/free-solid-svg-icons": "^6.7.1", "@fortawesome/vue-fontawesome": "^2.0.10", "@seald-io/nedb": "^4.0.4", "autolinker": "^4.0.0", "electron-context-menu": "^4.0.4", "lodash.debounce": "^4.0.8", - "marked": "^15.0.1", + "marked": "^15.0.2", "path-browserify": "^1.0.1", "portal-vue": "^2.1.7", "process": "^0.11.10", - "shaka-player": "^4.12.1", - "swiper": "^11.1.14", + "shaka-player": "^4.12.2", + "swiper": "^11.1.15", "vue": "^2.7.16", "vue-i18n": "^8.28.2", "vue-observe-visibility": "^1.0.0", @@ -82,18 +82,18 @@ "@babel/preset-env": "^7.26.0", "@double-great/stylelint-a11y": "^3.0.2", "@eslint/js": "^9.15.0", - "@intlify/eslint-plugin-vue-i18n": "^3.0.0", + "@intlify/eslint-plugin-vue-i18n": "^3.1.0", "babel-loader": "^9.2.1", "copy-webpack-plugin": "^12.0.2", "css-loader": "^7.1.2", "css-minimizer-webpack-plugin": "^7.0.0", - "electron": "^32.2.5", + "electron": "^33.2.0", "electron-builder": "^25.1.8", "eslint": "^9.11.1", "eslint-plugin-import": "^2.31.0", "eslint-plugin-jsdoc": "^50.5.0", "eslint-plugin-jsonc": "^2.18.2", - "eslint-plugin-unicorn": "^56.0.0", + "eslint-plugin-unicorn": "^56.0.1", "eslint-plugin-vue": "^9.31.0", "eslint-plugin-vuejs-accessibility": "^2.4.1", "eslint-plugin-yml": "^1.15.0", diff --git a/src/main/index.js b/src/main/index.js index 3e671abccaf58..3f6a016484680 100644 --- a/src/main/index.js +++ b/src/main/index.js @@ -662,6 +662,10 @@ function runApp() { return '#002B36' case 'solarized-light': return '#fdf6e3' + case 'gruvbox-dark': + return '#282828' + case 'gruvbox-light': + return '#fbf1c7' case 'system': default: return nativeTheme.shouldUseDarkColors ? '#212121' : '#f1f1f1' diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.css b/src/renderer/components/CommentSection/CommentSection.css similarity index 100% rename from src/renderer/components/watch-video-comments/watch-video-comments.css rename to src/renderer/components/CommentSection/CommentSection.css diff --git a/src/renderer/components/CommentSection/CommentSection.vue b/src/renderer/components/CommentSection/CommentSection.vue new file mode 100644 index 0000000000000..2810ae0993b55 --- /dev/null +++ b/src/renderer/components/CommentSection/CommentSection.vue @@ -0,0 +1,795 @@ + + + + +