Currently, I have a Sveltekit project set up with adapter-static. The content for my pages is being pulled from Directus, and my images are hosted in S3, connected to Directus for easy access. I am also managing audio samples in a similar manner.
During build time, I am looking to import or download remote images and audio samples just like the text information needed for populating my pages. In +page.server.ts, I use load functions to fetch data from the Directus API for each page at build time. However, I am facing a challenge in finding a way to include images following a similar process. Ideally, I'd like to instruct Sveltekit within the load function to "retrieve all images and audio samples from this remote folder, then save them in either /$lib or /static directories for serving as local assets in the static site."
The main goal is to offer an intuitive workflow for content editors to manage content independently without reliance on external providers. Even if the S3 or Directus instance experiences downtime, the most recent site build should be unaffected. Currently, this works for everything except image and audio assets referenced in the markup. Therefore, it would be beneficial for the content editor to upload images to S3 via Directus triggering a site rebuild, followed by my project downloading these images for local storage during build (and not relying on client-side retrieval).
In essence, the process of handling images, regardless of their location or storage method, should remain consistent. If anyone has advice on how to address this issue, suggestions on where to begin, or npm packages that could facilitate this task, it would be greatly appreciated.