Fixed PWA support

2024-04-02 17:09:15 +13:00
parent f74a792783
commit 27cd268569
124 changed files with 832 additions and 46 deletions
@@ -26,6 +26,7 @@
 - Audio only mode.
 - Playlists.
 - PWA support.
+- YT path redirects (So your redirect plugins should still work!)

 # Todo
 - Localization.
@@ -21,6 +21,7 @@
 		"@types/human-number": "^1.0.2",
 		"@typescript-eslint/eslint-plugin": "^7.0.0",
 		"@typescript-eslint/parser": "^7.0.0",
+		"@vite-pwa/sveltekit": "^0.4.0",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
@@ -30,8 +31,7 @@
 		"svelte-check": "^3.6.0",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
-		"vite": "^5.0.3",
-		"vite-plugin-pwa": "^0.19.7"
+		"vite": "^5.0.3"
 	},
 	"type": "module",
 	"dependencies": {
@@ -8,11 +8,12 @@
 	<link rel="stylesheet" href="%sveltekit.assets%/style.css">
 	<meta name="description" content="Modern material design for Invidious.">
 	<meta name="keywords" content="invidious,materialious,proxy,youtube,yt,theme,interface,modern">
+	<meta name="theme-color" content="#141316">
 	<title>Materialious</title>
 	%sveltekit.head%
 </head>

-<body data-sveltekit-preload-data="hover" style="background-color: rgb(20, 19, 22)">
+<body data-sveltekit-preload-data="hover" style="background-color: #141316">
 	<div style="display: contents">%sveltekit.body%</div>
 </body>

@@ -8,6 +8,7 @@
 	import 'material-dynamic-colors';
 	import { onMount } from 'svelte';
 	import { get } from 'svelte/store';
+	import { pwaInfo } from 'virtual:pwa-info';
 	import {
 		activePage,
 		auth,
@@ -189,8 +190,14 @@
 			loadNotifications().catch(() => auth.set(null));
 		}
 	});
+
+	$: webManifestLink = pwaInfo ? pwaInfo.webManifest.linkTag : '';
 </script>

+<svelte:head>
+	{@html webManifestLink}
+</svelte:head>
+
 <nav class="left m l small">
 	<header></header>
 	{#each pages as page}
--- a/Show More
+++ b/Show More