refactor: drop legacy image-processor and directus from pipeline

apps/sample-website/next.config.ts

@@ -2,12 +2,7 @@ import mintelNextConfig from "@mintel/next-config";
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  serverExternalPackages: [
-    "@mintel/image-processor",
-    "@tensorflow/tfjs-node",
-    "sharp",
-    "canvas",
-  ],
+  transpilePackages: ["@mintel/ui"],
 };
 
 export default mintelNextConfig(nextConfig);

apps/sample-website/package.json

@@ -15,7 +15,6 @@
     "pagespeed:test": "mintel pagespeed"
   },
   "dependencies": {
-    "@mintel/image-processor": "workspace:*",
     "@mintel/next-observability": "workspace:*",
     "@mintel/next-utils": "workspace:*",
     "@mintel/observability": "workspace:*",

apps/sample-website/src/app/api/image/route.ts

@@ -1,60 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-
-export const dynamic = "force-dynamic";
-export const runtime = "nodejs";
-
-export async function GET(request: NextRequest) {
-  const { searchParams } = new URL(request.url);
-  const url = searchParams.get("url");
-  const width = parseInt(searchParams.get("w") || "800");
-  const height = parseInt(searchParams.get("h") || "600");
-  const q = parseInt(searchParams.get("q") || "80");
-
-  if (!url) {
-    return NextResponse.json(
-      { error: "Missing url parameter" },
-      { status: 400 },
-    );
-  }
-
-  try {
-    // 1. Fetch image from original URL
-    const response = await fetch(url);
-    if (!response.ok) {
-      return NextResponse.json(
-        { error: "Failed to fetch original image" },
-        { status: response.status },
-      );
-    }
-
-    const arrayBuffer = await response.arrayBuffer();
-    const buffer = Buffer.from(arrayBuffer);
-
-    // Dynamically import to prevent Next.js from trying to bundle tfjs-node/sharp locally at build time
-    const { processImageWithSmartCrop } =
-      await import("@mintel/image-processor");
-
-    // 2. Process image with Face-API and Sharp
-    const processedBuffer = await processImageWithSmartCrop(buffer, {
-      width,
-      height,
-      format: "webp",
-      quality: q,
-    });
-
-    // 3. Return the processed image
-    return new NextResponse(new Uint8Array(processedBuffer), {
-      status: 200,
-      headers: {
-        "Content-Type": "image/webp",
-        "Cache-Control": "public, max-age=31536000, immutable",
-      },
-    });
-  } catch (error) {
-    console.error("Image Processing Error:", error);
-    return NextResponse.json(
-      { error: "Failed to process image" },
-      { status: 500 },
-    );
-  }
-}