Merge pull request #2 from progzone122/master

add contributors store

Author: progzone122

src/components/CommunitySection.svelte

@@ -1,5 +1,7 @@
 <script>
     import axios from "axios";
+    import { contributorsStore, updateContributorsStore, checkDataValidity } from '../stores/contributors.js';
+    import { onMount } from 'svelte';
 
     export let contributors = [];
 
@@ -17,17 +19,26 @@
     };
 
     const updateContributors = async () => {
+        const updatedContributors = [];
         for (let i = 0; i < contributors.length; i++) {
             const profile = await getGitHubProfile(contributors[i]);
             if (profile) {
-                contributors[i] = { ...contributors[i], ...profile };
+                updatedContributors.push({ ...contributors[i], ...profile });
             }
         }
+        return updatedContributors;
     };
 
-    import { onMount } from 'svelte';
-    onMount(() => {
-        updateContributors();
+    onMount(async () => {
+        const validData = checkDataValidity();
+        if (validData.contributors.length === 0) {
+            // If the data is missing or out of date, update it
+            const updatedContributors = await updateContributors();
+            updateContributorsStore(updatedContributors);
+        } else {
+            contributors = validData.contributors;
+            updateContributorsStore(validData.contributors);
+        }
     });
 </script>
 
@@ -36,7 +47,7 @@
     <p class="text-sm mb-4 text-center lg:text-left">Join our community and contribute to the project</p>
 
     <div class="flex flex-wrap gap-5 justify-center lg:justify-start">
-        {#each contributors as contributor}
+        {#each $contributorsStore.contributors as contributor}
             <a href="{contributor.url}" target="_blank">
                 <div class="flex justify-center cursor-pointer select-none transition transform hover:scale-95">
                     <img src={contributor.avatar} alt={contributor.name} class="cursor-pointer w-16 h-16 object-cover border-2 border-white hover:border-color9" />

src/routes/+page.svelte

@@ -19,13 +19,7 @@
         }
     ];
 
-    let contributors = [
-        "progzone122",
-        "shomykohai",
-        "GitFASTBOOT",
-        "R0rt1z2",
-        "OverWorldD"
-    ];
+    let contributors = ["progzone122", "shomykohai", "GitFASTBOOT", "R0rt1z2", "OverWorldD"];
 </script>
 
 <HeroSection />
@@ -38,8 +32,7 @@
         header="Testpoints"
         text="Explore testpoints for your device completely free of charge" />
 <div id="supported-devices">
-    <SupportedDevices devices="{devices}" />
+    <SupportedDevices {devices} />
 </div>
-<CommunitySection contributors="{contributors}" />
-<StickersSection />
-<!-- -->
+<CommunitySection {contributors} />
+<StickersSection />

src/stores/contributors.js

@@ -0,0 +1,35 @@
+import { writable } from 'svelte/store';
+
+const isClient = typeof window !== 'undefined';
+
+let storedData = { contributors: [], timestamp: 0 };
+
+// Get data from localStorage, if available
+if (isClient) {
+    const stored = localStorage.getItem('contributors_data');
+    storedData = stored ? JSON.parse(stored) : { contributors: [], timestamp: 0 };
+}
+
+export const contributorsStore = writable(storedData);
+
+export const updateContributorsStore = (newContributors) => {
+    const currentTime = Date.now();
+    const updatedData = {
+        contributors: newContributors,
+        timestamp: currentTime,
+    };
+    contributorsStore.set(updatedData);
+    if (isClient) {
+        localStorage.setItem('contributors_data', JSON.stringify(updatedData));
+    }
+};
+
+// Function for checking whether the data is up to date (12 hours)
+export const checkDataValidity = () => {
+    const currentTime = Date.now();
+    const timeElapsed = currentTime - storedData.timestamp;
+    if (timeElapsed > 12 * 60 * 60 * 1000) {
+        return { contributors: [], timestamp: currentTime };
+    }
+    return storedData;
+};