demo mode detection improved

Author: Piotr

src/store.ts

@@ -5,7 +5,7 @@ import { FacetValues, Message, Row, TraceRow } from "./types";
 import { Layout } from "./config";
 import { useFilterStore } from "./stores/filter";
 import { client } from "./api";
-import { formatThousands } from "./utils";
+import { formatThousands, getUrlParam } from "./utils";
 
 export interface Notification {
     id?: string;
@@ -36,7 +36,7 @@ export const useMainStore = defineStore("main", () => {
 
     const demoMode = ref<boolean>(
         document.location.host.indexOf('demo.logdy.dev') >= 0 ||
-        document.location.search.indexOf('demo') >= 0
+        !!getUrlParam(document.location.search, 'demo_mode')
     )
     const demoStatus = ref<"started" | "stopped">("started")
     const demoContent = ref<"json" | "string">("json")

src/utils.ts

@@ -1,3 +1,9 @@
 export function formatThousands(x: number): string {
     return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+
+export function getUrlParam(url: string, param: string): string | null {
+    let params = new URLSearchParams(url)
+    console.log(params, url)
+    return params.get(param)
 }