Update features description (#11)

alexnguyennz · Dec 19, 2023 · 22731af · 22731af
1 parent f719462
commit 22731af
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 6 deletions.
diff --git a/.changeset/silver-boxes-juggle.md b/.changeset/silver-boxes-juggle.md
@@ -0,0 +1,5 @@
+---
+"astro-aws-amplify": patch
+---
+
+Update features description (middleware)
diff --git a/README.md b/README.md
@@ -136,12 +136,10 @@ For base path routes, create a rewrite of:
 - server and hybrid mode
 - image optimization with `<Image>` and `<Picture />` (tentative)
 - base paths
+- middleware
 
 ### Unsupported / Untested
-
 - pre-rendered pages (without workaround above)
-- remote images
-- middleware
 - ???
 
 ## Monorepo Project Setup

diff --git a/demos/blog/astro.config.mjs b/demos/blog/astro.config.mjs
@@ -7,6 +7,9 @@ import awsAmplify from "astro-aws-amplify";
 export default defineConfig({
   site: "https://example.com",
   trailingSlash: "always",
+  image: {
+    domains: ["picsum.photos"],
+  },
   integrations: [mdx(), sitemap()],
   output: "server",
   adapter: awsAmplify(),

diff --git a/demos/blog/src/middleware.js b/demos/blog/src/middleware.js
@@ -0,0 +1,11 @@
+/**
+ * @type {import("astro").MiddlewareResponseHandler}
+ */
+export function onRequest({ locals, request }, next) {
+  // intercept data from a request
+  // optionally, modify the properties in `locals`
+  locals.title = "Title set by middleware";
+
+  // return a Response or the result of calling `next()`
+  return next();
+}
diff --git a/demos/blog/src/pages/index.astro b/demos/blog/src/pages/index.astro
@@ -1,4 +1,6 @@
 ---
+import { Image } from "astro:assets";
+
 import BaseHead from "../components/BaseHead.astro";
 import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
@@ -8,6 +10,10 @@ const response = await fetch(
   "https://uselessfacts.jsph.pl/api/v2/facts/random",
 );
 const data = await response.json();
+
+const locals = Astro.locals;
+
+console.log("data", locals);
 ---
 
 <!doctype html>
@@ -22,6 +28,15 @@ const data = await response.json();
 
       <h2>Random fact: {data.text}</h2>
 
+      <h3>{locals.title}</h3>
+
+      <Image
+        src="https://picsum.photos/200/300"
+        width="200"
+        height="200"
+        alt=""
+      />
+
       <p>
         Welcome to the official <a href="https://astro.build/">Astro</a> blog
         starter template. This template serves as a lightweight,

diff --git a/packages/adapter/README.md b/packages/adapter/README.md
@@ -136,12 +136,10 @@ For base path routes, create a rewrite of:
 - server and hybrid mode
 - image optimization with `<Image>` and `<Picture />` (tentative)
 - base paths
+- middleware
 
 ### Unsupported / Untested
-
 - pre-rendered pages (without workaround above)
-- remote images
-- middleware
 - ???
 
 ## Monorepo Project Setup