Mock tween on server

Author: MrGreenTea

src/components/support-us/FundraisingProgress.svelte

@@ -5,16 +5,19 @@
   import progressStore from './progress.store';
 
   const { middleProgress, peopleCount: currentPeopleCount, progress, targetProgress } = $props();
-  let currentProgressTween = new Tween<number>(progress);
+  let currentProgressTween;
+  if (requestAnimationFrame != null) {
+    currentProgressTween = new Tween<number>(progress);
+  } else {
+    currentProgressTween = {
+      set: () => {},
+      subscribe: () => {},
+      current: progress,
+      target: progress,
+    };
+  }
   let peopleCount = $state(currentPeopleCount);
   let currentProgress = $derived(Math.round(currentProgressTween.current));
-  onMount(() => {
-    currentProgressTween.set(progress, { duration: 0 });
-    progressStore.update((v) => ({ ...v, amount: progress }));
-  });
-  progressStore.subscribe((v) => {
-    (currentProgressTween.target = v.amount), (peopleCount = v.people);
-  });
   let waveOffset = $state(0);
 
   let finished = $derived(currentProgress >= targetProgress);
@@ -36,6 +39,13 @@
     if (requestAnimationFrame != null) {
       return;
     }
+
+    currentProgressTween.set(progress, { duration: 0 });
+    progressStore.update((v) => ({ ...v, amount: progress }));
+    progressStore.subscribe((v) => {
+      (currentProgressTween.target = v.amount), (peopleCount = v.people);
+    });
+
     let animationFrame: number;
 
     const animateWave = (timestamp: number) => {