Update store and HomePage to include well-known time presets

- Added 'wellKnown' property to time objects in the store for better date context.
- Updated resetStore function to reset time with the new 'wellKnown' property.
- Modified iframe source in HomePage to utilize well-known time parameters for improved URL handling.

Author: goldflag

client/src/lib/store.ts

@@ -41,12 +41,14 @@ export const useStore = create<Store>(set => ({
         : {
             mode: "day",
             day: DateTime.now().toISODate(),
+            wellKnown: "today",
           },
       previousTime: hasTimeInUrl
         ? state.previousTime
         : {
             mode: "day",
             day: DateTime.now().minus({ days: 1 }).toISODate(),
+            wellKnown: "yesterday",
           },
       bucket: hasBucketInUrl ? state.bucket : "hour",
       selectedStat: hasStatInUrl ? state.selectedStat : "users",
@@ -55,10 +57,12 @@ export const useStore = create<Store>(set => ({
   time: {
     mode: "day",
     day: DateTime.now().toISODate(),
+    wellKnown: "today",
   },
   previousTime: {
     mode: "day",
     day: DateTime.now().minus({ days: 1 }).toISODate(),
+    wellKnown: "yesterday",
   },
   setTime: (time, changeBucket = true) => {
     let bucketToUse: TimeBucket = "hour";
@@ -142,7 +146,7 @@ export const useStore = create<Store>(set => ({
 export const resetStore = () => {
   const { setSite, setTime, setBucket, setSelectedStat, setFilters } = useStore.getState();
   setSite("");
-  setTime({ mode: "day", day: DateTime.now().toISODate() });
+  setTime({ mode: "day", day: DateTime.now().toISODate(), wellKnown: "today" });
   setBucket("hour");
   setSelectedStat("users");
   setFilters([]);

docs-v2/src/app/(home)/page.tsx

@@ -151,7 +151,7 @@ export default function HomePage() {
           <div className="relative z-10 rounded-lg overflow-hidden border-8 border-neutral-100/5 shadow-2xl shadow-emerald-900/10">
             {/* Remove mobile message and show iframe on all devices */}
             <iframe
-              src="https://demo.rybbit.io/21"
+              src="https://demo.rybbit.io/21/globe?timeMode=range&wellKnown=last-7-days&bucket=day&stat=users"
               width="1300"
               height="750"
               className="w-full h-[600px] md:h-[700px] lg:h-[750px]"