@netlify/plugin-nextjs 4.14.0 → 4.15.0

package/lib/helpers/functions.js

@@ -40,7 +40,7 @@ const generatePagesResolver = async ({ constants: { INTERNAL_FUNCTIONS_SRC, FUNC
 };
 exports.generatePagesResolver = generatePagesResolver;
 // Move our next/image function into the correct functions directory
-const setupImageFunction = async ({ constants: { INTERNAL_FUNCTIONS_SRC, FUNCTIONS_SRC = constants_1.DEFAULT_FUNCTIONS_SRC }, imageconfig = {}, netlifyConfig, basePath, remotePatterns, }) => {
+const setupImageFunction = async ({ constants: { INTERNAL_FUNCTIONS_SRC, FUNCTIONS_SRC = constants_1.DEFAULT_FUNCTIONS_SRC }, imageconfig = {}, netlifyConfig, basePath, remotePatterns, responseHeaders, }) => {
     const functionsPath = INTERNAL_FUNCTIONS_SRC || FUNCTIONS_SRC;
     const functionName = `${constants_1.IMAGE_FUNCTION_NAME}.js`;
     const functionDirectory = (0, pathe_1.join)(functionsPath, constants_1.IMAGE_FUNCTION_NAME);
@@ -49,6 +49,7 @@ const setupImageFunction = async ({ constants: { INTERNAL_FUNCTIONS_SRC, FUNCTIO
         ...imageconfig,
         basePath: [basePath, constants_1.IMAGE_FUNCTION_NAME].join('/'),
         remotePatterns,
+        responseHeaders,
     });
     await (0, fs_extra_1.copyFile)((0, pathe_1.join)(__dirname, '..', '..', 'lib', 'templates', 'ipx.js'), (0, pathe_1.join)(functionDirectory, functionName));
     const imagePath = imageconfig.path || '/_next/image';

package/lib/helpers/utils.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNextAuthInstalled = exports.findModuleFromBase = exports.shouldSkip = exports.getPreviewRewrites = exports.getApiRewrites = exports.redirectsForNextRouteWithData = exports.redirectsForNextRoute = exports.isApiRoute = exports.routeToDataRoute = exports.netlifyRoutesForNextRouteWithData = exports.toNetlifyRoute = void 0;
+exports.getCustomImageResponseHeaders = exports.isNextAuthInstalled = exports.findModuleFromBase = exports.shouldSkip = exports.getPreviewRewrites = exports.getApiRewrites = exports.redirectsForNextRouteWithData = exports.redirectsForNextRoute = exports.isApiRoute = exports.routeToDataRoute = exports.netlifyRoutesForNextRouteWithData = exports.toNetlifyRoute = void 0;
 const globby_1 = __importDefault(require("globby"));
 const pathe_1 = require("pathe");
 const constants_1 = require("../constants");
@@ -146,3 +146,12 @@ const isNextAuthInstalled = () => {
     }
 };
 exports.isNextAuthInstalled = isNextAuthInstalled;
+const getCustomImageResponseHeaders = (headers) => {
+    const customImageResponseHeaders = headers.find((header) => { var _a; return (_a = header.for) === null || _a === void 0 ? void 0 : _a.startsWith('/_next/image/'); });
+    if (customImageResponseHeaders) {
+        return customImageResponseHeaders === null || customImageResponseHeaders === void 0 ? void 0 : customImageResponseHeaders.values;
+    }
+    return null;
+};
+exports.getCustomImageResponseHeaders = getCustomImageResponseHeaders;
+/* eslint-enable max-lines */

package/lib/index.js

@@ -80,6 +80,7 @@ const plugin = {
             netlifyConfig,
             basePath,
             remotePatterns: experimentalRemotePatterns,
+            responseHeaders: (0, utils_1.getCustomImageResponseHeaders)(netlifyConfig.headers),
         });
         await (0, redirects_1.generateRedirects)({
             netlifyConfig,

package/lib/templates/ipx.js

@@ -8,5 +8,6 @@ exports.handler = (0, ipx_1.createIPXHandler)({
     basePath: imageconfig_json_1.basePath,
     domains: imageconfig_json_1.domains,
     remotePatterns: imageconfig_json_1.remotePatterns,
+    responseHeaders: imageconfig_json_1.responseHeaders,
 });
 /* eslint-enable n/no-missing-import, import/no-unresolved, @typescript-eslint/ban-ts-comment  */

package/package.json

@@ -1,28 +1,16 @@
 {
   "name": "@netlify/plugin-nextjs",
-  "version": "4.14.0",
+  "version": "4.15.0",
   "description": "Run Next.js seamlessly on Netlify",
   "main": "lib/index.js",
   "files": [
     "lib/**/*",
     "src/templates/edge/*",
-    "manifest.yml",
-    "middleware.js"
+    "manifest.yml"
   ],
-  "typesVersions": {
-    "*": {
-      "middleware": [
-        "dist-types/middleware"
-      ]
-    }
-  },
-  "exports": {
-    ".": "./lib/index.js",
-    "./middleware": "./lib/middleware/index.js"
-  },
   "dependencies": {
     "@netlify/functions": "^1.0.0",
-    "@netlify/ipx": "^1.1.3",
+    "@netlify/ipx": "^1.2.0",
     "@vercel/node-bridge": "^2.1.0",
     "chalk": "^4.1.2",
     "fs-extra": "^10.0.0",
@@ -40,7 +28,7 @@
   },
   "devDependencies": {
     "@delucis/if-env": "^1.1.2",
-    "@netlify/build": "^27.7.0",
+    "@netlify/build": "^27.11.4",
     "@types/fs-extra": "^9.0.13",
     "@types/jest": "^27.4.1",
     "@types/node": "^17.0.25",
@@ -66,7 +54,7 @@
     "url": "git+https://github.com/netlify/netlify-plugin-nextjs.git"
   },
   "author": "",
-  "license": "ISC",
+  "license": "MIT",
   "bugs": {
     "url": "https://github.com/netlify/netlify-plugin-nextjs/issues"
   },
@@ -74,4 +62,4 @@
   "engines": {
     "node": ">=12.0.0"
   }
-}
+}

package/src/templates/edge/ipx.ts

@@ -1,5 +1,5 @@
 import { Accepts } from 'https://deno.land/x/accepts@2.1.1/mod.ts'
-import type { Context } from 'netlify:edge'
+import type { Context } from 'https://edge.netlify.com'
 // Available at build time
 import imageconfig from './imageconfig.json' assert { type: 'json' }
 

package/src/templates/edge/runtime.ts

@@ -1,4 +1,4 @@
-import type { Context } from 'netlify:edge'
+import type { Context } from 'https://edge.netlify.com'
 
 import edgeFunction from './bundle.js'
 import { buildResponse } from './utils.ts'
@@ -46,9 +46,6 @@ globalThis.NFRequestContextMap ||= new Map()
 
 const handler = async (req: Request, context: Context) => {
   const url = new URL(req.url)
-  if (url.pathname.startsWith('/_next/static/')) {
-    return
-  }
 
   const geo = {
     country: context.geo.country?.code,

package/src/templates/edge/utils.ts

@@ -1,4 +1,4 @@
-import type { Context } from 'netlify:edge'
+import type { Context } from 'https://edge.netlify.com'
 import { ElementHandlers, HTMLRewriter } from 'https://deno.land/x/html_rewriter@v0.1.0-pre.17/index.ts'
 
 export interface FetchEventResult {

package/lib/middleware/html-rewriter.js

@@ -1,4 +0,0 @@
-"use strict";
-/* eslint-disable max-classes-per-file */
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-enable max-classes-per-file */

package/lib/middleware/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./response"), exports);
-__exportStar(require("./request"), exports);
-__exportStar(require("./html-rewriter"), exports);

package/lib/middleware/request.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MiddlewareRequest = void 0;
-const server_1 = require("next/server");
-const response_1 = require("./response");
-/**
- * Supercharge your Next middleware with Netlify Edge Functions
- */
-class MiddlewareRequest extends Request {
-    constructor(nextRequest) {
-        super(nextRequest);
-        this.nextRequest = nextRequest;
-        if (!('Deno' in globalThis)) {
-            throw new Error('MiddlewareRequest only works in a Netlify Edge Function environment');
-        }
-        const requestId = nextRequest.headers.get('x-nf-request-id');
-        if (!requestId) {
-            throw new Error('Missing x-nf-request-id header');
-        }
-        const requestContext = globalThis.NFRequestContextMap.get(requestId);
-        if (!requestContext) {
-            throw new Error(`Could not find request context for request id ${requestId}`);
-        }
-        this.context = requestContext.context;
-        this.originalRequest = requestContext.request;
-    }
-    // Add the headers to the original request, which will be passed to the origin
-    applyHeaders() {
-        this.headers.forEach((value, name) => {
-            this.originalRequest.headers.set(name, value);
-        });
-    }
-    async next() {
-        this.applyHeaders();
-        const response = await this.context.next();
-        return new response_1.MiddlewareResponse(response);
-    }
-    rewrite(destination, init) {
-        if (typeof destination === 'string' && destination.startsWith('/')) {
-            destination = new URL(destination, this.url);
-        }
-        this.applyHeaders();
-        return server_1.NextResponse.rewrite(destination, init);
-    }
-    get headers() {
-        return this.nextRequest.headers;
-    }
-    get cookies() {
-        return this.nextRequest.cookies;
-    }
-    get geo() {
-        return this.nextRequest.geo;
-    }
-    get ip() {
-        return this.nextRequest.ip;
-    }
-    get nextUrl() {
-        return this.nextRequest.url;
-    }
-    get url() {
-        return this.nextRequest.url.toString();
-    }
-}
-exports.MiddlewareRequest = MiddlewareRequest;

package/lib/middleware/response.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MiddlewareResponse = void 0;
-const server_1 = require("next/server");
-// A NextResponse that wraps the Netlify origin response
-// We can't pass it through directly, because Next disallows returning a response body
-class MiddlewareResponse extends server_1.NextResponse {
-    constructor(originResponse) {
-        super();
-        this.originResponse = originResponse;
-        // These are private in Node when compiling, but we access them in Deno at runtime
-        Object.defineProperty(this, 'dataTransforms', {
-            value: [],
-            enumerable: false,
-            writable: false,
-        });
-        Object.defineProperty(this, 'elementHandlers', {
-            value: [],
-            enumerable: false,
-            writable: false,
-        });
-    }
-    /**
-     * Transform the page props before they are passed to the client.
-     * This works for both HTML pages and JSON data
-     */
-    transformData(transform) {
-        // The transforms are evaluated after the middleware is returned
-        this.dataTransforms.push(transform);
-    }
-    /**
-     * Rewrite the response HTML with the given selector and handlers
-     */
-    rewriteHTML(selector, handlers) {
-        this.elementHandlers.push([selector, handlers]);
-    }
-    /**
-     * Sets the value of a page prop.
-     * @see transformData if you need more control
-     */
-    setPageProp(key, value) {
-        this.transformData((props) => {
-            props.pageProps || (props.pageProps = {});
-            props.pageProps[key] = value;
-            return props;
-        });
-    }
-    /**
-     * Replace the text of the given element. Takes either a string or a function
-     * that is passed the original string and returns new new string.
-     * @see rewriteHTML for more control
-     */
-    replaceText(selector, valueOrReplacer) {
-        // If it's a string then our job is simpler, because we don't need to collect the current text
-        if (typeof valueOrReplacer === 'string') {
-            this.rewriteHTML(selector, {
-                text(textChunk) {
-                    if (textChunk.lastInTextNode) {
-                        textChunk.replace(valueOrReplacer);
-                    }
-                    else {
-                        textChunk.remove();
-                    }
-                },
-            });
-        }
-        else {
-            let text = '';
-            this.rewriteHTML(selector, {
-                text(textChunk) {
-                    text += textChunk.text;
-                    // We're finished, so we can replace the text
-                    if (textChunk.lastInTextNode) {
-                        textChunk.replace(valueOrReplacer(text));
-                    }
-                    else {
-                        // Remove the chunk, because we'll be adding it back later
-                        textChunk.remove();
-                    }
-                },
-            });
-        }
-    }
-    get headers() {
-        var _a;
-        // If we have the origin response, we should use its headers
-        return ((_a = this.originResponse) === null || _a === void 0 ? void 0 : _a.headers) || super.headers;
-    }
-}
-exports.MiddlewareResponse = MiddlewareResponse;