Fix pagination

Author: pvzig

.github/workflows/deploy.yml

@@ -127,7 +127,7 @@ jobs:
         uses: chetan/invalidate-cloudfront-action@v2
         env:
           DISTRIBUTION: ${{ secrets.CLOUDFRONT_DISTRIBUTION_ID }}
-          PATHS: '/index.html /page/* /feed.rss'
+          PATHS: '/ /index.html /page/* /posts/* /feed.rss /bytesized-cafe-app/* /css/* /images/* /fonts/*'
           AWS_REGION: 'us-east-1'
           AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}

SPEC.md

@@ -236,7 +236,8 @@ The implementation is considered complete when:
 - Inline shell in the deployment and validation workflows is minimized in favor of reusable repo-root `just` recipes so the same deployment task entry points can be reused locally and in CI.
 - The site deploy job installs Swift 6.2.3 with `swift-actions/setup-swift@v3`, which resolves toolchains through Swiftly, installs the matching SwiftWasm SDK via `swiftwasm/setup-swiftwasm@v2.1` for `wasm32-unknown-wasip1`, and passes the resulting `swift-sdk-id` into `just wasm` so the deploy does not depend on the runner image's preinstalled Swift toolchain or SDK ordering.
 - The site deploy job continues to sync `Output/` to S3 using a fixed `BYTESIZED_CAFE_API_URL`.
-- After the S3 sync completes, the site deploy job invalidates the production CloudFront distribution with `CLOUDFRONT_DISTRIBUTION_ID` for `/index.html`, `/page/*`, and `/feed.rss`.
+- Paginated archive links use the literal deployed object paths under `/page/<n>/index.html` because the production S3 and CloudFront setup does not rewrite clean directory URLs to nested `index.html` objects.
+- After the S3 sync completes, the site deploy job invalidates the production CloudFront distribution with `CLOUDFRONT_DISTRIBUTION_ID` for `/`, `/index.html`, `/page/*`, `/posts/*`, `/feed.rss`, `/bytesized-cafe-app/*`, `/css/*`, `/images/*`, and `/fonts/*`.
 - The site deploy sync no longer owns generated images, because they live in a separate generated-images bucket from the static site bucket.
 
 ## 11. Local Development

Sources/bytesized/Theme+Bytesized.swift

@@ -130,6 +130,10 @@ extension PublishingContext {
         sections.flatMap { $0.items }
     }
 
+    func archivePagePath(for page: Int) -> String {
+        page == 0 ? "/" : "/page/\(page)/index.html"
+    }
+
     func pageContent<T: Website>(for page: Int, items: [Item<T>]) -> Content {
         let body = HTML(
             .body(
@@ -140,7 +144,7 @@ extension PublishingContext {
                         .class("pure-u-1-1 pure-u-md-5-6 pure-u-lg-1-2"),
                         .header(
                             for: self,
-                            pagePath: "/page/\(page)",
+                            pagePath: archivePagePath(for: page),
                             pageType: .archive
                         ),
                         .itemList(for: items),
@@ -224,8 +228,8 @@ extension Node where Context == HTML.BodyContext {
 
         let nextPage = currentPage + 1
         let previousPage = currentPage - 1
-        let previousLink = previousPage == 0 ? "/" : "/page/\(previousPage)"
-        let nextLink = "/page/\(nextPage)"
+        let previousLink = context.archivePagePath(for: previousPage)
+        let nextLink = context.archivePagePath(for: nextPage)
         let isNext = context.allItems.count > nextPage * 5
         let isPrevious = currentPage != 0