diff --git a/materialious/electron/package-lock.json b/materialious/electron/package-lock.json index af1b2872..f8104d17 100644 --- a/materialious/electron/package-lock.json +++ b/materialious/electron/package-lock.json @@ -1,12 +1,12 @@ { "name": "Materialious", - "version": "1.10.12", + "version": "1.10.13", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "Materialious", - "version": "1.10.12", + "version": "1.10.13", "license": "MIT", "dependencies": { "@capacitor-community/electron": "^5.0.0", diff --git a/materialious/src/lib/components/Settings/About.svelte b/materialious/src/lib/components/Settings/About.svelte new file mode 100644 index 00000000..da909131 --- /dev/null +++ b/materialious/src/lib/components/Settings/About.svelte @@ -0,0 +1,81 @@ + + +

+ Materialious is a modern material design frontend for Invidious, focused on a clean, + privacy-friendly YouTube experience. It supports local video fallback when Invidious fails and is + available on Web, Desktop, Android, and Android TV. +

+ +
+
+ +
+ favorite + {$_('donate')} +
+ +
+
+ +
+ code + GitHub +
+ +
+
+
+ {$_('version')} + {import.meta.env.APP_VERSION} +
+
+
+ +

{$_('contributors')}

+ +
+ {#each ghContributors as contributor} + {#if contributor.type === 'User'} +
+
+ {contributor.login} +

{contributor.login}

+
+
+ {/if} + {/each} +
+ + diff --git a/materialious/src/lib/components/Settings/DataPreferences.svelte b/materialious/src/lib/components/Settings/DataPreferences.svelte deleted file mode 100644 index 30f2bafc..00000000 --- a/materialious/src/lib/components/Settings/DataPreferences.svelte +++ /dev/null @@ -1,16 +0,0 @@ - - -

- - {$_('layout.dataPreferences.content')} - -

diff --git a/materialious/src/lib/components/Settings/Settings.svelte b/materialious/src/lib/components/Settings/Settings.svelte index 2d14687a..d6de89a4 100644 --- a/materialious/src/lib/components/Settings/Settings.svelte +++ b/materialious/src/lib/components/Settings/Settings.svelte @@ -2,13 +2,13 @@ import { onMount } from 'svelte'; import { _ } from '$lib/i18n'; import ApiExtended from './ApiExtended.svelte'; - import DataPreferences from './DataPreferences.svelte'; import DeArrow from './DeArrow.svelte'; import Interface from './Interface.svelte'; import Player from './Player.svelte'; import Ryd from './RYD.svelte'; import SponsorBlock from './SponsorBlock.svelte'; - import { isAndroidTvStore } from '$lib/store'; + import { instanceStore, isAndroidTvStore } from '$lib/store'; + import About from './About.svelte'; let activeTab = $state('interface'); const isActive = (id: string) => activeTab === id; @@ -24,6 +24,12 @@ label: $_('layout.deArrow.title'), icon: 'keyboard_double_arrow_down', component: DeArrow + }, + { + id: 'about', + label: $_('layout.about'), + icon: 'info', + component: About } ]; @@ -83,7 +89,7 @@
@@ -143,18 +142,6 @@
{/each} - diff --git a/materialious/src/lib/i18n/locales/en.json b/materialious/src/lib/i18n/locales/en.json index c160c3c5..60edacb8 100644 --- a/materialious/src/lib/i18n/locales/en.json +++ b/materialious/src/lib/i18n/locales/en.json @@ -25,7 +25,9 @@ "reply": "reply", "replies": "replies", "region": "Region", + "contributors": "Contributors", "noResult": "No results", + "version": "Version", "language": "Language", "channels": "channels", "transcript": "Transcript", @@ -113,6 +115,7 @@ "interface": "Interface", "star": "Star us on Github!", "syncParty": "Sync party", + "about": "About", "syncPartyWarning": "Please note your IP will be visible to users you invite.", "startSyncParty": "Start sync party", "endSyncParty": "End sync party", @@ -140,10 +143,6 @@ "expandComments": "Expand comments by default", "allowInsecureRequests": "Allow insecure requests", "disableAutoUpdate": "Disable automatic updates", - "dataPreferences": { - "content": "Looking to import/export subscriptions, change password or delete account? Click here and scroll to the bottom of the page.", - "dataPreferences": "Data preferences" - }, "player": { "title": "Player", "autoPlay": "Autoplay video", diff --git a/materialious/vite.config.ts b/materialious/vite.config.ts index b17aa2c5..a5d0ea80 100644 --- a/materialious/vite.config.ts +++ b/materialious/vite.config.ts @@ -1,6 +1,7 @@ import { sveltekit } from '@sveltejs/kit/vite'; import { SvelteKitPWA } from '@vite-pwa/sveltekit'; import { defineConfig } from 'vite'; +import pkg from './package.json'; export default defineConfig({ plugins: [ @@ -36,5 +37,8 @@ export default defineConfig({ ], ssr: { noExternal: ['beercss'] + }, + define: { + 'import.meta.env.APP_VERSION': JSON.stringify(pkg.version) } });