feat: image cdn support (#232)

* feat: initial image cdn handling

* chore: fix lint

* chore: format

* chore: TODO note about serverAddress

* feat: warn about invalid remote patterns

* test: add tests for remote images

* test: add tests for images endpoint and request method

* post-merge fixes

* adjust feature support matrix

* test: adjust assertions for added feature

* chore: fix lint

* test: adjust to not use .bytes(), match mocked response, not response text

* fix: use originServerAddress

* chore: remove not existign server.d.ts from package.json#files

* test: use mock logger from dev-utils

* test: add first local image test

* test: add tests for resizing

* test: test image cdn handling in vite

* chore: add jsdoc for generateImage

* chore: no need to supress n/no-unsupported-features/node-builtins

* docs: fix shield url for netlify/images

* fix: drop node 18

* chore: add images to .release-please-manifest.json

* fix: spin up server when images are enabled and there is no origin server provided

* chore: fix lint

* Update packages/images/src/main.ts

Co-authored-by: Eduardo Bouças <[email protected]>

* chore: http.createServer -> HTTPServer

* fix: early bail to limit nesting

* refactor: create helper function for HTTPServer handler that serves random images

* test: use own http server for testing remote images instead of unsplash

* fix: move image matching to before function matching

* fix: handle image cdn rewrites

* fix: log error when image generation for tests fails

---------

Co-authored-by: Eduardo Bouças <[email protected]>

Author: pieh

.github/workflows/release-please.yaml

@@ -70,6 +70,10 @@ jobs:
         if: ${{ steps.release.outputs['packages/headers--release_created'] }}
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+      - run: npm publish packages/images/ --provenance --access=public
+        if: ${{ steps.release.outputs['packages/images--release_created'] }}
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
       - run: npm publish packages/redirects/ --provenance --access=public
         if: ${{ steps.release.outputs['packages/redirects--release_created'] }}
         env:

.release-please-manifest.json

@@ -6,6 +6,7 @@
   "packages/edge-functions": "2.14.3",
   "packages/functions": "4.1.3",
   "packages/headers": "2.0.1",
+  "packages/images": "0.0.0",
   "packages/otel": "3.0.2",
   "packages/redirects": "3.0.1",
   "packages/runtime": "4.0.2",

README.md

@@ -29,6 +29,7 @@ npm run build --workspaces=true
 | 🔧 [@netlify/dev-utils](packages/dev-utils)         | TypeScript utilities for the local emulation of the Netlify environment | [![npm version](https://img.shields.io/npm/v/@netlify/dev-utils.svg)](https://www.npmjs.com/package/@netlify/dev-utils)         |
 | ⚡ [@netlify/functions](packages/functions)         | TypeScript utilities for interacting with Netlify Functions             | [![npm version](https://img.shields.io/npm/v/@netlify/functions.svg)](https://www.npmjs.com/package/@netlify/functions)         |
 | 📋 [@netlify/headers](packages/headers)             | TypeScript implementation of Netlify's headers engine                   | [![npm version](https://img.shields.io/npm/v/@netlify/headers.svg)](https://www.npmjs.com/package/@netlify/headers)             |
+| 🖼️ [@netlify/images](packages/images)               | TypeScript utilities for interacting with Netlify Image CDN             | [![npm version](https://img.shields.io/npm/v/@netlify/images.svg)](https://www.npmjs.com/package/@netlify/images)               |
 | 🔍 [@netlify/otel](packages/otel)                   | TypeScript utilities to interact with Netlify's OpenTelemetry           | [![npm version](https://img.shields.io/npm/v/@netlify/otel.svg)](https://www.npmjs.com/package/@netlify/otel)                   |
 | 🔄 [@netlify/redirects](packages/redirects)         | TypeScript implementation of Netlify's rewrites and redirects engine    | [![npm version](https://img.shields.io/npm/v/@netlify/redirects.svg)](https://www.npmjs.com/package/@netlify/redirects)         |
 | 🏛️ [@netlify/runtime](packages/runtime)             | Netlify compute runtime                                                 | [![npm version](https://img.shields.io/npm/v/@netlify/runtime.svg)](https://www.npmjs.com/package/@netlify/runtime)             |

eslint_temporary_suppressions.js

@@ -539,6 +539,14 @@ export default [
       '@typescript-eslint/no-unused-vars': 'off',
     },
   },
+  {
+    files: ['packages/images/src/main.test.ts'],
+    rules: {
+      '@typescript-eslint/no-non-null-assertion': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+    },
+  },
   {
     files: ['packages/otel/src/bootstrap/main.ts'],
     rules: {