Updated layout, previews & added back buttons for desktop

README.md

@@ -2,8 +2,9 @@
   <img src="./materialious/static/logo.svg" width="200px" />
   <br />
   <br />
+  <h1>Materialious</h1>
   <quote>
-  Modern material design for Invidious.
+    Modern material design for Invidious.
   </quote>
 </div>
 

materialious/android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "us.materialio.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 20
-        versionName "1.1.8"
+        versionCode 21
+        versionName "1.1.9"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

materialious/electron/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.1.8",
+	"version": "1.1.9",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",
@@ -26,12 +26,12 @@
 		"electron-is-dev": "~2.0.0",
 		"electron-serve": "~1.1.0",
 		"electron-unhandled": "~4.0.1",
-		"electron-updater": "^5.3.0",
+		"electron-updater": "^6.3.4",
 		"electron-window-state": "^5.0.3"
 	},
 	"devDependencies": {
 		"electron": "^26.2.2",
-		"electron-builder": "~23.6.0",
+		"electron-builder": "^24.13.3",
 		"electron-rebuild": "^3.2.9",
 		"typescript": "^5.0.4"
 	},

materialious/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.1.8",
+	"version": "1.1.9",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",

materialious/src/lib/Search.svelte

@@ -60,6 +60,8 @@
 		} else if ((event.ctrlKey || event.metaKey) && event.key === 'k') {
 			resetSearch();
 			event.preventDefault();
+		} else if (event.key === 'Escape') {
+			resetSearch();
 		}
 	}
 
@@ -83,7 +85,12 @@
 <form on:submit|preventDefault={handleSubmit}>
 	<div class="field prefix round fill no-margin search">
 		<i class="front">search</i>
-		<input id="search-box" bind:value={search} on:click={() => (showSearchBox = true)} />
+		<input
+			id="search-box"
+			placeholder="Search (ctrl + K)"
+			bind:value={search}
+			on:click={() => (showSearchBox = true)}
+		/>
 		{#if showSearchBox}
 			<menu class="min suggestions-container">
 				<div class="field large prefix suffix no-margin fixed">

materialious/src/routes/(app)/+layout.svelte

@@ -188,9 +188,16 @@
 		</button>
 	{/if}
 
-	<button class="circle large transparent m l small-margin" data-ui="#menu-expanded"
-		><i>menu</i></button
-	>
+	{#if Capacitor.getPlatform() === 'electron'}
+		<nav class="no-space">
+			<button on:click={() => window.history.back()} class="border left-round">
+				<i>arrow_back</i>
+			</button>
+			<button on:click={() => window.history.forward()} class="border right-round">
+				<i>arrow_forward</i>
+			</button>
+		</nav>
+	{/if}
 
 	<nav on:click={() => goto('/')} style="cursor: pointer;" class="m l">
 		<Logo />
@@ -272,32 +279,6 @@
 	{/if}
 </dialog>
 
-<dialog class="left small" id="menu-expanded">
-	<header class="fixed">
-		<nav on:click={() => goto('/')} style="cursor: pointer;">
-			<button class="transparent circle large" data-ui="#menu-expanded"><i>menu</i></button>
-			<div style="width: 20%;">
-				<Logo />
-			</div>
-			<h6>Materialious</h6>
-		</nav>
-	</header>
-
-	<div class="space"></div>
-	{#each pages as page}
-		{#if !page.requiresAuth || isLoggedIn}
-			<a
-				class="row round"
-				data-ui="#menu-expanded"
-				href={page.href}
-				class:active={currentPage === page.name.toLowerCase()}
-				><i>{page.icon}</i>
-				<div>{page.name}</div></a
-			>
-		{/if}
-	{/each}
-</dialog>
-
 <main class="responsive max root">
 	{#if $navigating}
 		<PageLoading />

update_versions.py

@@ -5,7 +5,7 @@ import json
 import os
 import re
 
-LATEST_VERSION = "1.1.8"
+LATEST_VERSION = "1.1.9"
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")
 
 ROOT_PACKAGE = os.path.join(WORKING_DIR, "package.json")