From 11787101eb9f78a06509ce247896d8c9c4867e0c Mon Sep 17 00:00:00 2001
From: Gagan Suie <gagan.suie@codecrow.io>
Date: Sat, 30 Sep 2023 17:30:24 -0500
Subject: [PATCH 1/2] Fix: removed released feature flags and added multistream
 flag

---
 .../icons/channel/IconMultistream.svelte      | 12 ++++
 .../icons/channel/IconShareAudio.svelte       | 16 ++++--
 src/lib/assets/icons/channel/IconUser.svelte  |  9 ---
 .../Channel/Stream/StreamControls.svelte      | 26 +++++++--
 .../Channel/Stream/VideoItem.svelte           | 57 +++++++++----------
 .../Profile/Elements/UserDetails.svelte       | 20 ++++---
 src/lib/components/Profile/TabSection.svelte  | 31 +++++-----
 .../components/Search/ItemSearchUser.svelte   | 29 +++++-----
 src/lib/stores/remoteConfigStore.ts           |  4 +-
 src/routes/+layout.svelte                     |  8 +--
 10 files changed, 115 insertions(+), 97 deletions(-)
 create mode 100644 src/lib/assets/icons/channel/IconMultistream.svelte
 delete mode 100644 src/lib/assets/icons/channel/IconUser.svelte

diff --git a/src/lib/assets/icons/channel/IconMultistream.svelte b/src/lib/assets/icons/channel/IconMultistream.svelte
new file mode 100644
index 00000000..78fcae67
--- /dev/null
+++ b/src/lib/assets/icons/channel/IconMultistream.svelte
@@ -0,0 +1,12 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	stroke="currentColor"
+	class="w-6 h-6">
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941" />
+</svg>
diff --git a/src/lib/assets/icons/channel/IconShareAudio.svelte b/src/lib/assets/icons/channel/IconShareAudio.svelte
index dae7b8b0..db79ab75 100644
--- a/src/lib/assets/icons/channel/IconShareAudio.svelte
+++ b/src/lib/assets/icons/channel/IconShareAudio.svelte
@@ -1,4 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-    <path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z" />
-  </svg>
-  
\ No newline at end of file
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	stroke="currentColor"
+	class="w-6 h-6">
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z" />
+</svg>
diff --git a/src/lib/assets/icons/channel/IconUser.svelte b/src/lib/assets/icons/channel/IconUser.svelte
deleted file mode 100644
index c7cf133c..00000000
--- a/src/lib/assets/icons/channel/IconUser.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg
-	class="absolute w-16 h-16 text-gray-400 -left-1"
-	fill="currentColor"
-	viewBox="0 0 20 20"
-	xmlns="http://www.w3.org/2000/svg"
-	><path
-		fill-rule="evenodd"
-		d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z"
-		clip-rule="evenodd" /></svg>
diff --git a/src/lib/components/Channel/Stream/StreamControls.svelte b/src/lib/components/Channel/Stream/StreamControls.svelte
index 6e343289..de5811d6 100644
--- a/src/lib/components/Channel/Stream/StreamControls.svelte
+++ b/src/lib/components/Channel/Stream/StreamControls.svelte
@@ -21,7 +21,8 @@
 	import { channel_connection } from '$lib/stores/websocketStore'
 	import { onDestroy, onMount } from 'svelte'
 	import IconShareObs from '$lib/assets/icons/channel/IconShareObs.svelte'
-	import { is_feature_obs_enabled } from '$lib/stores/remoteConfigStore'
+	import { is_feature_multistream_enabled } from '$lib/stores/remoteConfigStore'
+	import IconMultistream from '$lib/assets/icons/channel/IconMultistream.svelte'
 
 	export let isHostOrGuest: boolean = false,
 		channel: any,
@@ -354,12 +355,29 @@
 		<IconShareAudio />
 	</button>
 
-	{#if $is_feature_obs_enabled}
+	<button
+		class="btn text-white border-none tooltip font-normal normal-case {$is_sharing_obs
+			? 'btn-primary'
+			: 'btn-neutral'}"
+		data-tip="OBS"
+		on:click={() => {
+			$is_sharing_obs = !$is_sharing_obs
+		}}
+		disabled={$is_sharing_screen ||
+			$is_sharing_webcam ||
+			$is_sharing_audio ||
+			!isHostOrGuest ||
+			!isChannelSocketConnected ||
+			!videoItemIsActive}>
+		<IconShareObs />
+	</button>
+
+	{#if $is_feature_multistream_enabled}
 		<button
 			class="btn text-white border-none tooltip font-normal normal-case {$is_sharing_obs
 				? 'btn-primary'
 				: 'btn-neutral'}"
-			data-tip="OBS"
+			data-tip="Multistream"
 			on:click={() => {
 				$is_sharing_obs = !$is_sharing_obs
 			}}
@@ -369,7 +387,7 @@
 				!isHostOrGuest ||
 				!isChannelSocketConnected ||
 				!videoItemIsActive}>
-			<IconShareObs />
+			<IconMultistream />
 		</button>
 	{/if}
 
diff --git a/src/lib/components/Channel/Stream/VideoItem.svelte b/src/lib/components/Channel/Stream/VideoItem.svelte
index 4983a6bf..56242a53 100644
--- a/src/lib/components/Channel/Stream/VideoItem.svelte
+++ b/src/lib/components/Channel/Stream/VideoItem.svelte
@@ -15,7 +15,6 @@
 	import { emitChannelUpdate } from '$lib/websocket'
 	import { captureScreenShot, dataURLtoFile, getColoredRole, setRole } from '$lib/utils'
 	import IconChatBan from '$lib/assets/icons/chat/IconChatBan.svelte'
-	import { is_feature_stats_enabled, is_feature_obs_enabled } from '$lib/stores/remoteConfigStore'
 	import { addScreen, getScreen, removeScreen } from '$lib/stream-utils'
 	import IconDrawerVerification from '$lib/assets/icons/drawer/IconDrawerVerification.svelte'
 	import { get, patch, putImage } from '$lib/api'
@@ -89,7 +88,7 @@
 		handleAudioChanges()
 	}
 
-	$: if ($is_feature_stats_enabled && (isScreenLive || iframeUrl)) {
+	$: if (isScreenLive || iframeUrl) {
 		toggleTimer(true)
 	} else {
 		toggleTimer(false)
@@ -499,7 +498,7 @@
 				? 'mask-hexagon'
 				: 'mask-squircle'} object-cover m-auto" />
 		<div class="absolute inset-0">
-			{#if $is_feature_stats_enabled && (isScreenLive || iframeUrl)}
+			{#if isScreenLive || iframeUrl}
 				<span
 					class="z-10 btn btn-sm btn-neutral font-medium text-white border-none items-center w-fit absolute top-2 left-2 {isHoverVideo
 						? 'opacity-100'
@@ -507,7 +506,7 @@
 					{formattedTime}
 				</span>
 			{/if}
-			{#if $is_feature_obs_enabled && iframeUrl}
+			{#if iframeUrl}
 				<div class="absolute rounded-md w-full h-full">
 					<iframe
 						bind:this={obs_element}
@@ -579,29 +578,27 @@
 	</div>
 </div>
 
-{#if $is_feature_obs_enabled}
-	<dialog bind:this={obs_modal} class="modal">
-		<form method="dialog" class="modal-box">
-			<h3 class="font-bold text-lg">Copy to OBS</h3>
-			<p class="py-4">
-				Server: <br />
-				{#if !video.obs?.rtmps?.url}
-					<span class="loading loading-dots loading-sm" />
-				{:else}
-					{video.obs?.rtmps?.url}
-				{/if}
-			</p>
-			<p class="py-4 break-all">
-				Stream Key: <br />
-				{#if !video.obs?.rtmps?.streamKey}
-					<span class="loading loading-dots loading-sm" />
-				{:else}
-					{video.obs?.rtmps?.streamKey}
-				{/if}
-			</p>
-			<div class="modal-action">
-				<button class="btn">Close</button>
-			</div>
-		</form>
-	</dialog>
-{/if}
+<dialog bind:this={obs_modal} class="modal">
+	<form method="dialog" class="modal-box">
+		<h3 class="font-bold text-lg">Copy to OBS</h3>
+		<p class="py-4">
+			Server: <br />
+			{#if !video.obs?.rtmps?.url}
+				<span class="loading loading-dots loading-sm" />
+			{:else}
+				{video.obs?.rtmps?.url}
+			{/if}
+		</p>
+		<p class="py-4 break-all">
+			Stream Key: <br />
+			{#if !video.obs?.rtmps?.streamKey}
+				<span class="loading loading-dots loading-sm" />
+			{:else}
+				{video.obs?.rtmps?.streamKey}
+			{/if}
+		</p>
+		<div class="modal-action">
+			<button class="btn">Close</button>
+		</div>
+	</form>
+</dialog>
diff --git a/src/lib/components/Profile/Elements/UserDetails.svelte b/src/lib/components/Profile/Elements/UserDetails.svelte
index 9a30760e..43efc96d 100644
--- a/src/lib/components/Profile/Elements/UserDetails.svelte
+++ b/src/lib/components/Profile/Elements/UserDetails.svelte
@@ -46,16 +46,18 @@
 	{/if}
 
 	<div class="pt-4 mb-2 flex flex-col">
-		<div class="card bg-base-200 p-3 tooltip tooltip-left" data-tip="social">
-			<div
-				class="flex gap-2 justify-center items-center lg:overflow-hidden overflow-auto max-w-full">
-				{#each profile.urls || [] as url, index (index)}
-					{#if url}
-						<Favicon {url} />
-					{/if}
-				{/each}
+		{#if profile.urls?.length}
+			<div class="card bg-base-200 p-3 tooltip tooltip-left" data-tip="social">
+				<div
+					class="flex gap-2 justify-center items-center lg:overflow-hidden overflow-auto max-w-full">
+					{#each profile.urls || [] as url, index (index)}
+						{#if url}
+							<Favicon {url} />
+						{/if}
+					{/each}
+				</div>
 			</div>
-		</div>
+		{/if}
 
 		{#if profile.category?.length}
 			<div class="card bg-base-200 p-3 mt-4 tooltip tooltip-left" data-tip="category">
diff --git a/src/lib/components/Profile/TabSection.svelte b/src/lib/components/Profile/TabSection.svelte
index 9bc3f8f4..a5d47d56 100644
--- a/src/lib/components/Profile/TabSection.svelte
+++ b/src/lib/components/Profile/TabSection.svelte
@@ -3,7 +3,6 @@
 	import SectionTable from '$lib/components/Browse/Sections/SectionTable.svelte'
 	import Stats from '$lib/components/Profile/Elements/Stats.svelte'
 	import Events from '$lib/components/Profile/Events.svelte'
-	import { is_feature_stats_enabled } from '$lib/stores/remoteConfigStore'
 	import { onMount } from 'svelte'
 	import { env } from '$env/dynamic/public'
 
@@ -22,9 +21,7 @@
 	let activeTab = 0
 
 	onMount(() => {
-		$is_feature_stats_enabled = env.PUBLIC_FEATURE_STATS === 'true'
-		tabs = ['Channels', 'Followers', 'Events']
-		if ($is_feature_stats_enabled) tabs.push('Stats')
+		tabs = ['Channels', 'Followers', 'Events', 'Stats']
 	})
 </script>
 
@@ -48,20 +45,18 @@
 			<div class="flex-auto h-full" class:hidden={activeTab != tabs.indexOf('Events')}>
 				<Events profileId={profile._id} />
 			</div>
-			{#if $is_feature_stats_enabled}
-				<div class="grid h-full" class:hidden={activeTab != tabs.indexOf('Stats')}>
-					<Stats
-						{profile}
-						{avgMins}
-						{viewsMonthlyIncr}
-						{streakMonthlyIncr}
-						{totalMinsMonthlyIncr}
-						{totalChannelViews}
-						{totalChannelViews4Weeks}
-						{highestAndCurrentStreak}
-						{totalMins} />
-				</div>
-			{/if}
+			<div class="grid h-full" class:hidden={activeTab != tabs.indexOf('Stats')}>
+				<Stats
+					{profile}
+					{avgMins}
+					{viewsMonthlyIncr}
+					{streakMonthlyIncr}
+					{totalMinsMonthlyIncr}
+					{totalChannelViews}
+					{totalChannelViews4Weeks}
+					{highestAndCurrentStreak}
+					{totalMins} />
+			</div>
 		</div>
 	</div>
 </div>
diff --git a/src/lib/components/Search/ItemSearchUser.svelte b/src/lib/components/Search/ItemSearchUser.svelte
index 654ac354..ab2acdc2 100644
--- a/src/lib/components/Search/ItemSearchUser.svelte
+++ b/src/lib/components/Search/ItemSearchUser.svelte
@@ -16,15 +16,16 @@
 			</div>
 		</div>
 		<div class="flex-auto flex flex-col gap-2">
-			<div class="flex flex-wrap">
-				{#if item.category && item.category.length}
+			{#if item.category?.length}
+				<div class="flex flex-wrap">
 					{#each item.category as category}
 						<div class="tooltip" data-tip={category}>
 							<img src={$category_list[category]} alt="" class="h-10 w-10 m-1" />
 						</div>
 					{/each}
-				{/if}
-			</div>
+				</div>
+			{/if}
+
 			<h2 class="text-xl font-semibold">
 				{item.displayName || ''}
 			</h2>
@@ -41,15 +42,17 @@
 			<h2 class="text-md">
 				{item.bio || ''}
 			</h2>
-			<div class="flex gap-2 items-center">
-				{#each item.urls || [] as url, index (index)}
-					{#if url}
-						<div class="tooltip" data-tip={url}>
-							<Favicon {url} />
-						</div>
-					{/if}
-				{/each}
-			</div>
+			{#if item.urls?.length}
+				<div class="flex gap-2 items-center">
+					{#each item.urls || [] as url, index (index)}
+						{#if url}
+							<div class="tooltip" data-tip={url}>
+								<Favicon {url} />
+							</div>
+						{/if}
+					{/each}
+				</div>
+			{/if}
 		</div>
 	</div>
 </a>
diff --git a/src/lib/stores/remoteConfigStore.ts b/src/lib/stores/remoteConfigStore.ts
index 15279282..08b3a429 100644
--- a/src/lib/stores/remoteConfigStore.ts
+++ b/src/lib/stores/remoteConfigStore.ts
@@ -1,8 +1,6 @@
 import { writable, type Writable } from 'svelte/store'
 
 export const is_feature_video_responses_enabled: Writable<boolean> = writable(false)
-export const is_feature_stats_enabled: Writable<boolean> = writable(false)
 export const is_feature_affiliate_enabled: Writable<boolean> = writable(false)
 export const is_feature_apps_enabled: Writable<boolean> = writable(false)
-export const is_feature_calendar_enabled: Writable<boolean> = writable(false)
-export const is_feature_obs_enabled: Writable<boolean> = writable(false)
+export const is_feature_multistream_enabled: Writable<boolean> = writable(false)
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2f59da5b..c3dba707 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -21,11 +21,8 @@
 	import { current_theme } from '$lib/stores/helperStore'
 	import {
 		is_feature_video_responses_enabled,
-		is_feature_stats_enabled,
 		is_feature_affiliate_enabled,
-		is_feature_apps_enabled,
-		is_feature_calendar_enabled,
-		is_feature_obs_enabled
+		is_feature_apps_enabled
 	} from '$lib/stores/remoteConfigStore'
 	import { env } from '$env/dynamic/public'
 	import { user_role } from '$lib/stores/userStore'
@@ -50,11 +47,8 @@
 	onMount(async () => {
 		$current_theme = localStorage.getItem('theme') || 'dark'
 		$is_feature_video_responses_enabled = env.PUBLIC_FEATURE_VIDEO_RESPONSES === 'true'
-		$is_feature_stats_enabled = env.PUBLIC_FEATURE_STATS === 'true'
 		$is_feature_affiliate_enabled = env.PUBLIC_FEATURE_AFFILIATE === 'true'
 		$is_feature_apps_enabled = env.PUBLIC_FEATURE_APPS === 'true'
-		$is_feature_calendar_enabled = env.PUBLIC_FEATURE_CALENDAR === 'true'
-		$is_feature_obs_enabled = env.PUBLIC_FEATURE_OBS === 'true'
 		await handleWebsocket()
 		if (!$category_list.length) {
 			$category_list = imageUrlsJson

From 052e60ce230a38ab4216b890337a283328783ec3 Mon Sep 17 00:00:00 2001
From: Gagan Suie <gagan.suie@codecrow.io>
Date: Sat, 30 Sep 2023 17:34:33 -0500
Subject: [PATCH 2/2] Fix: added multistream flag to layout

---
 src/routes/+layout.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c3dba707..87ee95f8 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -22,7 +22,8 @@
 	import {
 		is_feature_video_responses_enabled,
 		is_feature_affiliate_enabled,
-		is_feature_apps_enabled
+		is_feature_apps_enabled,
+		is_feature_multistream_enabled
 	} from '$lib/stores/remoteConfigStore'
 	import { env } from '$env/dynamic/public'
 	import { user_role } from '$lib/stores/userStore'
@@ -49,6 +50,7 @@
 		$is_feature_video_responses_enabled = env.PUBLIC_FEATURE_VIDEO_RESPONSES === 'true'
 		$is_feature_affiliate_enabled = env.PUBLIC_FEATURE_AFFILIATE === 'true'
 		$is_feature_apps_enabled = env.PUBLIC_FEATURE_APPS === 'true'
+		$is_feature_multistream_enabled = env.PUBLIC_FEATURE_MULTISTREAM === 'true'
 		await handleWebsocket()
 		if (!$category_list.length) {
 			$category_list = imageUrlsJson