Fixes for Invidious master

materialious/electron/package.json

@@ -24,6 +24,7 @@
 	"dependencies": {
 		"@capacitor-community/electron": "^5.0.0",
 		"bgutils-js": "^3.2.0",
+		"capacitor-nodejs": "https://github.com/hampoelz/capacitor-nodejs/releases/download/v1.0.0-beta.9/capacitor-nodejs.tgz",
 		"chokidar": "~4.0.3",
 		"electron-is-dev": "~2.0.0",
 		"electron-serve": "~3.0.0",
@@ -43,4 +44,4 @@
 		"capacitor",
 		"electron"
 	]
-}
+}

materialious/electron/src/rt/electron-plugins.js

@@ -1,4 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
+const CapacitorNodejs = require('../../../node_modules/capacitor-nodejs/electron/dist/plugin.js');
 
 module.exports = {
+  CapacitorNodejs,
 }

materialious/src/lib/api/model.ts

@@ -36,7 +36,6 @@ export interface Video extends VideoBase {
 	authorVerified: boolean;
 	description: string;
 	descriptionHtml: string;
-	viewCount: number;
 	published: number;
 	publishedText: string;
 	premiereTimestamp: number;
@@ -91,6 +90,7 @@ export interface VideoPlay extends Video {
 	keywords: string[];
 	likeCount: number;
 	dislikeCount: number;
+	viewCount: number;
 	subCountText: string;
 	allowRatings: boolean;
 	rating: number;

materialious/src/lib/components/Comment.svelte

@@ -94,11 +94,9 @@
 	{/if}
 
 	{#if replies}
-		<div style="margin-left: 5em;">
-			{#each replies.comments as reply}
-				<CommentSelf comment={reply} {videoId} isSubComp={true} />
-			{/each}
-		</div>
+		{#each replies.comments as reply}
+			<CommentSelf comment={reply} {videoId} isSubComp={true} />
+		{/each}
 	{/if}
 </article>
 

materialious/src/lib/components/Thumbnail.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { getBestThumbnail } from '$lib/images';
 	import { letterCase } from '$lib/letterCasing';
-	import { cleanNumber, videoLength } from '$lib/numbers';
+	import { videoLength } from '$lib/numbers';
 	import { onDestroy, onMount } from 'svelte';
 	import { _ } from '$lib/i18n';
 	import { get } from 'svelte/store';
@@ -226,7 +226,7 @@
 
 				{#if 'publishedText' in video}
 					<div class="max">
-						{cleanNumber(video.viewCount)} • {video.publishedText}
+						{video.viewCountText} • {video.publishedText}
 					</div>
 				{/if}
 			</div>

materialious/src/lib/components/Watch/Description.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { numberWithCommas } from '$lib/numbers';
+	import { cleanNumber } from '$lib/numbers';
 	import { _ } from '$lib/i18n';
 	import type { VideoPlay } from '$lib/api/model';
 	import { onMount } from 'svelte';
@@ -19,7 +19,7 @@
 	<summary id="description" class="bold none">
 		<nav>
 			<div class="max">
-				{numberWithCommas(video.viewCount)}
+				{cleanNumber(video.viewCount)}
 				{$_('views')} • {video.publishedText}
 			</div>
 		</nav>