@seamlet/astro 0.4.0 → 0.5.0

package/README.md

@@ -178,7 +178,7 @@ What was opened stays open while the page is rendered anew after every edit.
 
 - `/preview` and `/preview/<page>`: the preview the CMS's editor frames. `GET` shows the published content; `POST` with the content as JSON shows that content without saving it, which is how the editor shows every edit at once. Only the CMS may frame it (`Content-Security-Policy: frame-ancestors`), and it is never indexed or cached.
 - The bridge on the preview: it tells the editor where the marked elements are and what a person does on the page, and types texts in place.
-- `/media/<site>/<file>`: the photos uploaded in the CMS, taken from it.
+- `/media/<site>/<file>`: the photos uploaded in the CMS, taken from it on request; a static build copies every uploaded photo its built pages refer to next to them, so a static host serves them too.
 
 A site never renders content as raw HTML (`set:html`): the editor acts on what its preview says.
 

package/dist/index.js

@@ -1,5 +1,53 @@
+import {
+  isUploadedPhoto
+} from "./chunk-P2OQOZBC.js";
+
 // src/index.ts
 import { fileURLToPath } from "url";
+
+// src/uploaded-photos.ts
+import { mkdir, readdir, readFile, writeFile } from "fs/promises";
+import { dirname, join } from "path";
+var PHOTO_ADDRESS = /\/media\/([a-z0-9-]+)\/([A-Za-z0-9_-]+\.webp)/gu;
+var HTML_EXTENSION = ".html";
+function uploadedPhotoAddresses(html) {
+  const addresses = [...html.matchAll(PHOTO_ADDRESS)].flatMap(
+    ([address, , fileName]) => isUploadedPhoto(fileName) ? [address] : []
+  );
+  return [...new Set(addresses)];
+}
+async function copyUploadedPhotos(options) {
+  const pages = await htmlFilesIn(options.directory);
+  const texts = await Promise.all(pages.map((page) => readFile(page, "utf8")));
+  const addresses = new Set(texts.flatMap(uploadedPhotoAddresses));
+  await Promise.all(
+    [...addresses].map(
+      (address) => copyPhoto(address, options.directory, options.cmsOrigin)
+    )
+  );
+  return addresses.size;
+}
+async function copyPhoto(address, directory, cmsOrigin) {
+  const url = new URL(address, cmsOrigin);
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(
+      `Copying the photo ${url.href} into the build failed with status ${String(response.status)}`
+    );
+  }
+  const target = join(directory, address);
+  await mkdir(dirname(target), { recursive: true });
+  await writeFile(target, new Uint8Array(await response.arrayBuffer()));
+}
+async function htmlFilesIn(directory) {
+  const entries = await readdir(directory, {
+    recursive: true,
+    withFileTypes: true
+  });
+  return entries.filter((entry) => entry.isFile() && entry.name.endsWith(HTML_EXTENSION)).map((entry) => join(entry.parentPath, entry.name));
+}
+
+// src/index.ts
 var CONFIG_MODULE = "virtual:seamlet/config";
 var SITE_MODULE = "virtual:seamlet/site";
 var RESOLVED_CONFIG_MODULE = `\0${CONFIG_MODULE}`;
@@ -41,6 +89,16 @@ function seamlet(options) {
           entrypoint: "@seamlet/astro/routes/media",
           prerender: false
         });
+      },
+      // A static host has no route to take the uploaded photos from the CMS on request: the photos
+      // the built pages refer to are copied next to them. Pages rendered on request take them
+      // through the route above.
+      "astro:build:done": async ({ dir, logger }) => {
+        const copied = await copyUploadedPhotos({
+          directory: fileURLToPath(dir),
+          cmsOrigin
+        });
+        if (copied > 0) logger.info(`copied ${String(copied)} uploaded photos`);
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamlet/astro",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Connects an Astro site to the Seamlet CMS: the schema of its content, the preview the editor frames, and its published content.",
   "license": "MIT",
   "type": "module",