enable apis

Author: samipe

src/js/contentfulClient.js

@@ -6,49 +6,61 @@ const client = contentful.createClient({
 })
 
 export const monthNames = [
-  'Jan',
-  'Feb',
-  'Mar',
-  'Apr',
-  'May',
-  'Jun',
-  'Jul',
-  'Aug',
-  'Sep',
-  'Oct',
-  'Nov',
-  'Dec'
+  'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
 ]
 
+// --------- one cached fetch for *all* entries ---------
+
+let allEntriesPromise = null
+
+export const getEntries = async() => {
+  if (allEntriesPromise) return allEntriesPromise
+
+  allEntriesPromise = (async() => {
+    const pageSize = 1000
+    let skip = 0
+    const all = []
+
+    while (true) {
+      const res = await client.getEntries({ limit: pageSize, skip })
+      all.push(...res.items)
+      skip += res.items.length
+      if (all.length >= res.total || res.items.length === 0) break
+    }
+
+    return all
+  })().catch((err) => {
+    allEntriesPromise = null
+    throw err
+  })
+
+  return allEntriesPromise
+}
+
+const byType = (items, contentTypeId) =>
+  items.filter((e) => e.sys?.contentType?.sys?.id === contentTypeId)
+
 export const getNews = async() => {
-  const items = await client
-    .getEntries({
-      content_type: 'latestNews'
-    })
-    .then(({ items }) => items.map(({ fields }) => ({
-      ...fields,
-      image: fields.image?.fields,
-      imageDark: fields.imageDark?.fields // optional, for darkmode, eg white text variant
-    })))
-  return items
+  const items = byType(await getEntries(), 'latestNews')
+  return items.map(({ fields }) => ({
+    ...fields,
+    image: fields.image?.fields,
+    imageDark: fields.imageDark?.fields
+  }))
 }
 
 export const getEvents = async() => {
-  const items = await client
-    .getEntries({
-      content_type: 'event'
-    })
-    .then(({ items }) => items.map(({ fields }) => ({
-      ...fields,
-      image: fields.image?.fields
-    })))
-  return items
+  const items = byType(await getEntries(), 'event')
+  return items.map(({ fields }) => ({
+    ...fields,
+    image: fields.image?.fields
+  }))
 }
 
 export const getSponsors = async() => {
-  const { items } = await client
-    .getEntries({
-      content_type: 'sponsor'
-    })
-  return items
+  return byType(await getEntries(), 'sponsor')
+}
+
+export const clearEntriesCache = () => {
+  allEntriesPromise = null
 }

src/views/Foundation.vue

@@ -29,7 +29,7 @@
         title-id="what-we-do"
         :title="$t('foundation.whatWeDo.title')"
         :body="$t('foundation.whatWeDo.body')">
-        <!-- <sponsors-detailed class="" /> -->
+        <sponsors-detailed class="" />
       </page-section>
     </div>
     <page-footer />

src/views/Home.vue

@@ -8,12 +8,12 @@
       <div class="col-sm-12 col-lg-8 col-lg-offset-2 type-large p-medium card bg-secondary">
         <div v-html="$t('introduction.body')" />
       </div>
-      <!-- <div class="col-sm-12 col-lg-3 col-lg-offset-2 calendar-container">
+      <div class="col-sm-12 col-lg-3 col-lg-offset-2 calendar-container">
         <calendar />
       </div>
       <div class="col-sm-12 col-lg-5 pl-medium news-container">
         <news />
-      </div> -->
+      </div>
     </div>
     <hr class="theme">
     <!-- getting started -->