opennextjs-azure 0.1.1 → 0.1.3

package/dist/overrides/imageOptimization/azure-cached.js

@@ -0,0 +1,115 @@
+import { createHash } from 'node:crypto';
+import { BlobServiceClient } from '@azure/storage-blob';
+import { ReadableStream } from 'node:stream/web';
+
+const { AZURE_STORAGE_CONNECTION_STRING, AZURE_STORAGE_ACCOUNT_NAME } = process.env;
+const CACHE_CONTAINER = "optimized-images";
+function getBlobClient(key) {
+  if (!AZURE_STORAGE_CONNECTION_STRING && !AZURE_STORAGE_ACCOUNT_NAME) {
+    throw new Error("Azure Storage connection string or account name must be defined");
+  }
+  const blobServiceClient = AZURE_STORAGE_CONNECTION_STRING ? BlobServiceClient.fromConnectionString(AZURE_STORAGE_CONNECTION_STRING) : new BlobServiceClient(`https://${AZURE_STORAGE_ACCOUNT_NAME}.blob.core.windows.net`);
+  const containerClient = blobServiceClient.getContainerClient(CACHE_CONTAINER);
+  return containerClient.getBlockBlobClient(key);
+}
+function computeCacheKey(event) {
+  const { query } = event;
+  const url = Array.isArray(query?.url) ? query.url[0] : query?.url || "";
+  const width = Array.isArray(query?.w) ? query.w[0] : query?.w || "0";
+  const quality = Array.isArray(query?.q) ? query.q[0] : query?.q || "75";
+  const hash = createHash("sha256").update(url).digest("hex").substring(0, 16);
+  return `${hash}/w${width}_q${quality}.cache`;
+}
+async function getCachedImage(cacheKey) {
+  try {
+    const blobClient = getBlobClient(cacheKey);
+    const exists = await blobClient.exists();
+    if (!exists) {
+      return null;
+    }
+    const downloadResponse = await blobClient.download();
+    const properties = await blobClient.getProperties();
+    if (!downloadResponse.readableStreamBody) {
+      return null;
+    }
+    const chunks = [];
+    for await (const chunk of downloadResponse.readableStreamBody) {
+      chunks.push(Buffer.from(chunk));
+    }
+    const buffer = Buffer.concat(chunks);
+    return {
+      type: "core",
+      statusCode: 200,
+      headers: {
+        "Content-Type": properties.contentType || "image/webp",
+        "Cache-Control": properties.cacheControl || "public,max-age=31536000,immutable",
+        Vary: "Accept"
+      },
+      body: new ReadableStream({
+        start(controller) {
+          controller.enqueue(buffer);
+          controller.close();
+        }
+      }),
+      isBase64Encoded: true
+    };
+  } catch (error) {
+    return null;
+  }
+}
+async function setCachedImage(cacheKey, result) {
+  try {
+    if (!result.body) {
+      return;
+    }
+    const chunks = [];
+    for await (const chunk of result.body) {
+      chunks.push(Buffer.from(chunk));
+    }
+    const buffer = Buffer.concat(chunks);
+    const blobClient = getBlobClient(cacheKey);
+    const contentTypeRaw = result.headers?.["Content-Type"] || result.headers?.["content-type"];
+    const contentType = Array.isArray(contentTypeRaw) ? contentTypeRaw[0] : contentTypeRaw || "image/webp";
+    const cacheControlRaw = result.headers?.["Cache-Control"] || result.headers?.["cache-control"];
+    const cacheControl = Array.isArray(cacheControlRaw) ? cacheControlRaw[0] : cacheControlRaw || "public,max-age=31536000,immutable";
+    await blobClient.upload(buffer, buffer.length, {
+      blobHTTPHeaders: {
+        blobContentType: contentType,
+        blobCacheControl: cacheControl
+      }
+    });
+  } catch (error) {
+    console.error("Failed to cache optimized image:", error);
+  }
+}
+function createCachedImageOptimizationHandler(defaultHandler) {
+  return async (event, options) => {
+    const cacheKey = computeCacheKey(event);
+    const cached = await getCachedImage(cacheKey);
+    if (cached) {
+      return cached;
+    }
+    const result = await defaultHandler(event, options);
+    if (result.statusCode === 200 && result.body) {
+      const chunks = [];
+      for await (const chunk of result.body) {
+        chunks.push(Buffer.from(chunk));
+      }
+      const buffer = Buffer.concat(chunks);
+      const resultWithBuffer = {
+        ...result,
+        body: new ReadableStream({
+          start(controller) {
+            controller.enqueue(buffer);
+            controller.close();
+          }
+        })
+      };
+      await setCachedImage(cacheKey, resultWithBuffer);
+      return resultWithBuffer;
+    }
+    return result;
+  };
+}
+
+export { createCachedImageOptimizationHandler };

package/dist/shared/{opennextjs-azure.d619537c.d.mts → opennextjs-azure.279bd73d.d.mts}

@@ -1,5 +1,5 @@
 import { RoutePreloadingBehavior, OpenNextConfig } from '@opennextjs/aws/types/open-next.js';
-import { IncrementalCache, TagCache, Queue } from '@opennextjs/aws/types/overrides.js';
+import { IncrementalCache, TagCache, Queue, ImageLoader } from '@opennextjs/aws/types/overrides.js';
 
 type AzureDeploymentTarget = "functions" | "static-web-apps" | "container-apps";
 interface AzureDeploymentConfig {
@@ -19,6 +19,8 @@ interface AzureConfig {
     incrementalCache?: "azure-blob" | IncrementalCache;
     tagCache?: "azure-table" | TagCache;
     queue?: "azure-queue" | Queue;
+    imageLoader?: "azure-blob" | ImageLoader | (() => Promise<ImageLoader>);
+    enableImageOptimizationCache?: boolean;
     routePreloadingBehavior?: RoutePreloadingBehavior;
     middleware?: OpenNextConfig["middleware"];
     dangerous?: OpenNextConfig["dangerous"];

package/dist/shared/{opennextjs-azure.d619537c.d.ts → opennextjs-azure.279bd73d.d.ts}

@@ -1,5 +1,5 @@
 import { RoutePreloadingBehavior, OpenNextConfig } from '@opennextjs/aws/types/open-next.js';
-import { IncrementalCache, TagCache, Queue } from '@opennextjs/aws/types/overrides.js';
+import { IncrementalCache, TagCache, Queue, ImageLoader } from '@opennextjs/aws/types/overrides.js';
 
 type AzureDeploymentTarget = "functions" | "static-web-apps" | "container-apps";
 interface AzureDeploymentConfig {
@@ -19,6 +19,8 @@ interface AzureConfig {
     incrementalCache?: "azure-blob" | IncrementalCache;
     tagCache?: "azure-table" | TagCache;
     queue?: "azure-queue" | Queue;
+    imageLoader?: "azure-blob" | ImageLoader | (() => Promise<ImageLoader>);
+    enableImageOptimizationCache?: boolean;
     routePreloadingBehavior?: RoutePreloadingBehavior;
     middleware?: OpenNextConfig["middleware"];
     dangerous?: OpenNextConfig["dangerous"];

package/infrastructure/main.bicep

@@ -96,6 +96,14 @@ resource storageAccount 'Microsoft.Storage/storageAccounts@2023-01-01' = {
         publicAccess: 'Blob'
       }
     }
+
+    // Container for optimized images (public CDN access)
+    resource optimizedImagesContainer 'containers' = {
+      name: 'optimized-images'
+      properties: {
+        publicAccess: 'Blob'
+      }
+    }
   }
 
   // Table service for tag cache
@@ -194,6 +202,10 @@ resource functionApp 'Microsoft.Web/sites@2023-01-01' = {
           name: 'AZURE_QUEUE_NAME'
           value: queueName
         }
+        {
+          name: 'AZURE_IMAGE_OPTIMIZATION_CACHE'
+          value: 'true'
+        }
         {
           name: 'NODE_ENV'
           value: 'production'

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "opennextjs-azure",
-    "version": "0.1.1",
-    "description": "Azure adapter for Next.js applications using OpenNext",
+    "version": "0.1.3",
+    "description": "True serverless Next.js on Azure Functions with a Vercel-grade developer experience",
     "type": "module",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",
@@ -69,7 +69,6 @@
     "bugs": {
         "url": "https://github.com/zpg6/opennextjs-azure/issues"
     },
-    "homepage": "https://opennext.js.org/azure",
     "dependencies": {
         "@opennextjs/aws": "^3.8.5",
         "@azure/functions": "^4.5.1",