feat(setting) beta flag

package.json

@@ -21,7 +21,7 @@
 		"@sveltejs/adapter-auto": "^2.1.0",
 		"@sveltejs/adapter-cloudflare": "^2.3.0",
 		"@sveltejs/adapter-static": "^2.0.3",
-		"@sveltejs/kit": "^1.21.0",
+		"@sveltejs/kit": "^1.25.0",
 		"@tailwindcss/forms": "^0.5.3",
 		"@types/dompurify": "^3.0.2",
 		"@types/node": "^20.6.3",
@@ -67,4 +67,4 @@
 		"socket.io-client": "^4.7.1",
 		"svelte-material-icons": "^3.0.5"
 	}
-}
+}

src/lib/types/interfaces.ts

@@ -8,6 +8,7 @@ export interface ConfigurationI {
 	apiPassword?: string;
 	actionRepresentation?: ActionRepresentationE;
 	experience?: Experiences;
+	beta?: boolean;
 }
 
 export interface RoomI extends RI {

src/routes/chat/ChatRoomHeader.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import AP from '$lib/components/AP.svelte';
 	import Clock from '$lib/components/Clock.svelte';
-	import { currentSelectedRoom } from '$lib/stores';
+	import { currentSelectedRoom, configStore } from '$lib/stores';
 	import { ProgressBar } from '@skeletonlabs/skeleton';
 	import FullCircle from 'svelte-material-icons/Circle.svelte';
 	import ExperienceMenu from './ExperienceMenu.svelte';
@@ -41,7 +41,7 @@
 			class="flex flex-row place-content-center"
 			title={`These are action points, you get ${userMessageLimit} every ${epochLengthSeconds} seconds`}
 		>
-			<ExperienceMenu />
+			{#if $configStore.beta}<ExperienceMenu />{/if}
 			<AP health={messagesLeft()} maxHealth={userMessageLimit} />
 			<div class="block sm:hidden">
 				<Clock time={timeToNextEpoch} maxTime={epochLengthSeconds} />