feat: load data from exports folder

scout-ch · Jul 23, 2024 · 7afb651 · 7afb651
1 parent 7a86694
commit 7afb651
Showing 1 changed file with 78 additions and 35 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -36,13 +36,28 @@ export type LinkT = {
 export const LinksContext = React.createContext<LinkT[]>([])
 
 function App() {
-
+  const [data, setData] = React.useState(null);
   const [sections, setSections] = React.useState(null);
   const [links, setLinks] = React.useState(null);
   const [startPage, setStartPage] = React.useState(null);
   const [searchPage, setSearchPage] = React.useState(null);
   const lang = i18n.language
 
+  //Importing your data 
+  const rawImport = import.meta.glob(`../exports/*.json`)
+
+  async function parseLocalData(setDataFunction: Function) {
+    let imported: { [x: string]: unknown; }[] = []
+    for (const path in rawImport) {
+      await rawImport[path]().then((mod) => { 
+        let name = path.replace('../exports/', '').replace('.json', '')
+        //@ts-ignore
+        imported.push({[name]: mod.default})
+      })
+    }
+    setDataFunction(imported)
+  }
+
   async function pullData(source: string, lang: string, setterFunc: Function) {
     const dataPromise = client.get(`/${source}?_locale=${lang}`)
     Promise.all([dataPromise]).then((values) => {
@@ -58,53 +73,81 @@ function App() {
 
   // get data from strapi or local storage if available
   // TODO: check if data is up to date
-  useEffect(() => {
-    // load data from local storage
-    let startPageLocal = window.localStorage.getItem(`start-page_${lang}`)
-    let sectionsLocal = window.localStorage.getItem(`sections_${lang}`)
-    let linksLocal = window.localStorage.getItem(`links_${lang}`)
-    // unless you are currently editing the data... a dev can set this in the console
-    let alwaysReload = window.localStorage.getItem(`always-reload`)
-
-    alwaysReload = 'not-null-during-dev'
-
-    if(alwaysReload === null) {
-      // parse data from local storage or pull from strapi
-      if(startPageLocal !== null) {
-        setStartPage(JSON.parse(startPageLocal))
-        console.info('loaded from local storage - start-page')
-      } else {
-        pullData('start-page', lang, setStartPage);
-      }
-      if(sectionsLocal !== null && sectionsLocal !== '[]') {
-        setSections(JSON.parse(sectionsLocal))
-        setSearchPage(JSON.parse(sectionsLocal))
-        console.info('loaded from local storage - sections')
-      } else {
-        pullData('sections', lang, setSections);
-        // TODO: Is this setSearchPage call necessary?
-        pullData('sections', lang, setSearchPage);
-      }
-      if(linksLocal !== null && linksLocal !== '[]') {
-        setLinks(JSON.parse(linksLocal))
-        console.info('loaded from local storage - links')
-      } else {
-        pullData('links', lang, setLinks);
-      }
+  function oldDataSolution() {
+  // load data from local storage
+  let startPageLocal = window.localStorage.getItem(`start-page_${lang}`)
+  let sectionsLocal = window.localStorage.getItem(`sections_${lang}`)
+  let linksLocal = window.localStorage.getItem(`links_${lang}`)
+  // unless you are currently editing the data... a dev can set this in the console
+  let alwaysReload = window.localStorage.getItem(`always-reload`)
+
+  alwaysReload = 'not-null-during-dev'
+
+  if(alwaysReload === null) {
+    // parse data from local storage or pull from strapi
+    if(startPageLocal !== null) {
+      setStartPage(JSON.parse(startPageLocal))
+      console.info('loaded from local storage - start-page')
     } else {
-      console.log('always reload is not null! reloading data from strapi...')
       pullData('start-page', lang, setStartPage);
+    }
+    if(sectionsLocal !== null && sectionsLocal !== '[]') {
+      setSections(JSON.parse(sectionsLocal))
+      setSearchPage(JSON.parse(sectionsLocal))
+      console.info('loaded from local storage - sections')
+    } else {
       pullData('sections', lang, setSections);
+      // TODO: Is this setSearchPage call necessary?
       pullData('sections', lang, setSearchPage);
+    }
+    if(linksLocal !== null && linksLocal !== '[]') {
+      setLinks(JSON.parse(linksLocal))
+      console.info('loaded from local storage - links')
+    } else {
       pullData('links', lang, setLinks);
     }
+  } else {
+    console.log('always reload is not null! reloading data from strapi...')
+    pullData('start-page', lang, setStartPage);
+    pullData('sections', lang, setSections);
+    pullData('sections', lang, setSearchPage);
+    pullData('links', lang, setLinks);
+  }
+}
+
+  useEffect(() => {
+    parseLocalData(setData);
   }, [lang])
 
+  useEffect(() => {
+    if(data) {
+      (data as any[]).forEach((d) => {
+        let key = Object.keys(d)[0]
+        if (key.includes(lang)) {
+          console.log('setting data', lang)
+          if(key.includes('links')) {
+            setLinks(d[key])
+          } else if(key.includes('start-page')) {
+            setStartPage(d[key])
+          } else if(key.includes('sections')) {
+            setSections(d[key])
+            setSearchPage(d[key])
+          }
+        }
+      })
+    }
+  }, [data, lang])
+
   // disable scroll restoration
   useEffect(() => {
     window.history.scrollRestoration = 'manual'
   }, []);
 
+  // TODO: REMOVE THIS, MOVE TO LOCAL DATA ONLY
+  if (!data) {
+    oldDataSolution()
+  }
+
   // check if data is available
   if (!sections || !links || !startPage || !searchPage) return null
   //@ts-ignore