Fix: vod not hiding

.github/workflows/ci-dev.yml

@@ -59,7 +59,7 @@ jobs:
           retention-days: 30
 
       - name: Send to Codecov
-        uses: codecov/codecov-action@v4.4.1
+        uses: codecov/codecov-action@v4.5.0
         with:
           files: ./results.json
           flags: "e2ecoverage"

.github/workflows/ci-prod.yml

@@ -63,7 +63,7 @@ jobs:
           retention-days: 30
 
       - name: Send to Codecov
-        uses: codecov/codecov-action@v4.4.1
+        uses: codecov/codecov-action@v4.5.0
         with:
           files: ./results.json
           flags: "e2ecoverage"

package.json

@@ -34,7 +34,7 @@
 		"prettier-plugin-svelte": "^3.2.1",
 		"svelte": "^4.2.8",
 		"svelte-check": "^3.6.2",
-		"svelte-preprocess": "^5.1.3",
+		"svelte-preprocess": "^6.0.0",
 		"swiper": "^11.0.1",
 		"tailwind-scrollbar": "^3.0.0",
 		"tailwindcss": "^3.4.0",

src/lib/components/Channel/Stream/DialogVod.svelte

@@ -11,6 +11,7 @@
 	const toggleVodVisibility = async () => {
 		const updatedVod = await patch(`vod`, {
 			channelId: vod.channelId,
+			uid: vod.uid,
 			inputId: vod.inputId,
 			isVisible: !vod.isVisible
 		})
@@ -46,7 +47,7 @@
 									type="checkbox"
 									class="toggle toggle-primary toggle-xs"
 									bind:checked={vodIsVisible} />
-								Hide</a>
+								Visible to viewers</a>
 						</li>
 						<li><a>Download</a></li>
 					</ul>

src/lib/components/Channel/Stream/StreamContainer.svelte

@@ -160,7 +160,7 @@
 					</div>
 					{#if channel && nextchannel?._id === parseInt($page.params.channelId)}
 						<VideoGrid bind:channel />
-						<VodList channelId={channel._id} />
+						<VodList hostUserId={channel.userId} channelId={channel._id} />
 					{/if}
 				</div>
 			</div>

src/lib/components/Channel/Stream/StreamControls.svelte

@@ -288,14 +288,14 @@
 		</div>
 	</div>
 </div>
-<input
+<!-- <input
 	type="checkbox"
 	class="toggle toggle-primary toggle-xs tooltip absolute right-20 hidden sm:block"
 	data-tip="Lock scroll"
 	bind:checked={isScrollable}
 	on:click={() => {
 		isScrollable = !isScrollable
-	}} />
+	}} /> -->
 
 <dialog bind:this={rtmps_modal} class="modal">
 	<form method="dialog" class="modal-box overflow-x-hidden">

src/lib/components/Channel/Stream/VodList.svelte

@@ -7,12 +7,18 @@
 	import { page } from '$app/stores'
 
 	export let channelId: number, hostUserId: number
+
 	let vods: any = [],
 		selectedVod: any
 
+	$: {
+		if (selectedVod) {
+			vods = vods.map((vod: any) => (vod.id === selectedVod.id ? selectedVod : vod))
+		}
+	}
+
 	onMount(async () => {
 		vods = await get(`vods?channelId=${channelId}`)
-		console.log('channel', vods)
 		if (hostUserId !== $page.data.user?.userId) {
 			vods = vods.filter((vod: any) => !vod.isVisible)
 		}
@@ -47,5 +53,5 @@
 			</div>
 		{/each}
 	</div>
-	<DialogVod vod={selectedVod} />
+	<DialogVod bind:vod={selectedVod} />
 {/if}