Deployment config

app/.gitignore

@@ -22,3 +22,5 @@ logs
 .env
 .env.*
 !.env.example
+
+/public/stac

app/nuxt.config.ts

@@ -1,4 +1,4 @@
-import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 export default defineNuxtConfig({
   devtools: { enabled: true },
@@ -9,12 +9,12 @@ export default defineNuxtConfig({
       mapboxToken: process.env.NUXT_PUBLIC_MAPBOX_TOKEN,
     },
   },
-  css: ["vuetify/styles"],
+  css: ['vuetify/styles'],
   modules: [
     (_options, nuxt) => {
-      nuxt.hooks.hook("vite:extendConfig", (config) => {
-        config.plugins?.push(vuetify({ autoImport: true }));
-      });
+      nuxt.hooks.hook('vite:extendConfig', (config) => {
+        config.plugins?.push(vuetify({ autoImport: true }))
+      })
     },
   ],
   vite: {
@@ -24,7 +24,7 @@ export default defineNuxtConfig({
       },
     },
     ssr: {
-      noExternal: ["vuetify"],
+      noExternal: ['vuetify'],
     },
   },
-});
+})

app/package.json

@@ -4,6 +4,7 @@
   "type": "module",
   "scripts": {
     "build": "nuxt build",
+    "prebuild": "cp -R ../STAC/data/current ./public/stac",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",

app/pages/index.vue

@@ -20,24 +20,24 @@ let { data: catalogJson } = await useFetch<CatalogType>(catalogPath)
 
 let catalog = catalogJson.value
 
-let childrenLinks = catalog?.links.filter(link => link.rel === 'child') ?? []
+let childrenLinks = catalog?.links.filter((link) => link.rel === 'child') ?? []
 
 let collections = (
   await Promise.all(
-    childrenLinks.map(async childLink => {
+    childrenLinks.map(async (childLink) => {
       let { data } = await useFetch<CollectionType>(
         `${stacRoot}/${childLink.href}`,
       )
       return data.value
     }),
   )
-).filter(collection => collection?.links.some(link => link.rel === 'item'))
+).filter((collection) => collection?.links.some((link) => link.rel === 'item'))
 
 let activeCollectionId = ref(collections[0]?.id)
 
 let activeCollection = computed(() => {
   return collections.find(
-    collection => collection?.id === activeCollectionId.value,
+    (collection) => collection?.id === activeCollectionId.value,
   )
 })
 
@@ -81,12 +81,12 @@ let activeItemUrl = computed(() => {
   if (!activeCollection.value) return
   let foundLink =
     activeCollection.value.links
-      .filter(l => l.rel === 'item')
-      .find(link => {
+      .filter((l) => l.rel === 'item')
+      .find((link) => {
         return Object.entries(variables.value).every(
           ([key, value]) => link.properties?.[key] === value,
         )
-      }) ?? activeCollection.value.links.filter(l => l.rel === 'item')[0]
+      }) ?? activeCollection.value.links.filter((l) => l.rel === 'item')[0]
 
   return foundLink?.href
 })

app/server/routes/stac/[...].ts

@@ -1,11 +1,15 @@
-import fs from "node:fs/promises";
+import fs from 'node:fs/promises'
 
 export default defineEventHandler(async (event) => {
-  let path = event.context.params?.["_"];
+  let path = event.context.params?.['_']
 
-  if (!path) throw new Error("No path provided");
+  if (!path) throw new Error('No path provided')
 
-  let json = await fs.readFile(`${process.cwd()}/../STAC/data/current/${path}`);
+  let json = await fs.readFile(
+    process.env.NODE_ENV === 'development'
+      ? `${process.cwd()}/../STAC/data/current/${path}`
+      : `${process.cwd()}/public/stac/${path}`,
+  )
 
-  return json;
-});
+  return json
+})