reduce fetch calls with route-store cache

projects/frontend/src/routes.ts

@@ -64,9 +64,26 @@ export const useRouteStore = defineStore('routeStore', {
     _globals: {} as SiteGlobals,
     
     _routesAlreadyWarned: {} as Record<string, boolean>,
-    _breadcrumbs: [] as Link[]
+    _breadcrumbs: [] as Link[],
+    _cachedFiles: {} as { [path: string]: any },
   }),
   actions: {
+    /**
+     * Adds a file to the cache
+     * @param path the path to the file to cache
+     * @param result the parsed file to cache
+     */
+    cacheFile<T>(path: string, result: T) {
+      this._cachedFiles[path] = result
+    },
+    /**
+     * Retrieves a file from the cache if it is defined
+     * @param path the path to the file to retrieve
+     * @returns the parsed and cached file or undefined
+     */
+    getFile<T>(path: string) {
+      return this._cachedFiles[path] as T | undefined
+    },
     /**
      * Determines whether a route has showed a warning or not
      * @param route the route to check

projects/frontend/src/utilities/fetch.ts

@@ -7,6 +7,7 @@ import type {
   ListWithEntries,
   ListWithNestedEntries,
 } from '@goldenwere/mackenzii-types'
+import { useRouteStore } from 'src/routes'
 
 /**
  * Config used for DOMPurify.
@@ -115,8 +116,16 @@ export const fetchAndReturnText = async (path: string) => {
  * @returns the content of the YAML file after sanitizing then parsing
  */
 export const fetchAndParseYaml = async <T>(path: string) => {
+  const store = useRouteStore()
+  const existing = store.getFile<T>(path)
+  if (!!existing) {
+    return existing
+  } else {
     const text = await fetchAndReturnText(path)
-  return yaml.load(text) as T
+    const obj = yaml.load(text) as T
+    store.cacheFile(path, obj)
+    return obj
+  }
 }
 
 /**
@@ -125,8 +134,16 @@ export const fetchAndParseYaml = async <T>(path: string) => {
  * @returns the content parsed from the markdown document
  */
 export const fetchAndParseMarkdown = async (path: string) => {
+  const store = useRouteStore()
+  const existing = store.getFile<string>(path)
+  if (!!existing) {
+    return existing
+  } else {
     const document = await fetchAndReturnText(path)
-  return marked.parse(document)
+    const parsed = marked.parse(document)
+    store.cacheFile(path, parsed)
+    return parsed
+  }
 }
 
 /**