@uxf/resizer 11.32.0 → 11.38.0

package/README.md

@@ -2,15 +2,39 @@
 [![npm](https://img.shields.io/npm/v/@uxf/resizer)](https://www.npmjs.com/package/@uxf/resizer)
 
 
-## Installation
+## Installation + example (local dev next routes)
 ```
-// global installation
-yarn global add @uxf/resizer
-export PATH="$(yarn global bin):$PATH"
-uxf-resizer
+yarn add @uxf/resizer --dev
+```
+
+```shell
+src/
+    app/
+        generated/
+            [...path]/
+                route.ts # proxy
+            static/
+                [...path]/
+                    route.ts # local static files
+```
+
+```ts
+// src/app/generated/[...path]/route.ts
+import { ProxyGET as GET } from "@uxf/resizer";
 
-// local installation
-yarn add @uxf/resizer
+export { GET };
+```
+
+```ts
+// src/app/generated/static/[...path]/route.ts
+import { StaticGET as GET } from "@uxf/resizer";
+
+export { GET };
+```
+
+## Installation (server)
+```
+yarn add @uxf/resizer express path-to-regexp process yargs
 uxf-resizer
 ```
 

package/bin/uxf-resizer.js

@@ -31,7 +31,7 @@ const express_1 = __importDefault(require("express"));
 const fs = __importStar(require("fs"));
 const process_1 = require("process");
 const yargs_1 = __importDefault(require("yargs"));
-const index_1 = require("../index");
+const middleware_1 = require("../src/middleware");
 const uxfResizer = async () => {
     var _a;
     yargs_1.default.command("$0", "UXF Resizer", (yargs) => {
@@ -58,7 +58,7 @@ Environment variables:
         }
         return new Promise((resolve, reject) => {
             try {
-                const app = (0, express_1.default)().use((0, index_1.resizerMiddleware)(config));
+                const app = (0, express_1.default)().use((0, middleware_1.resizerMiddleware)(config));
                 const listenedApp = app.listen(3000, () => {
                     // eslint-disable-next-line no-console
                     console.log("\nImage resizer app listening on port 3000");

package/bin/uxf-resizer.ts

@@ -3,7 +3,7 @@ import express from "express";
 import * as fs from "fs";
 import { argv, env } from "process";
 import cli from "yargs";
-import { Config, resizerMiddleware } from "../index";
+import { Config, resizerMiddleware } from "../src/middleware";
 
 const uxfResizer = async () => {
     cli.command("$0", "UXF Resizer", (yargs) => {

package/index.d.ts

@@ -1,5 +1,2 @@
-export type Config = Array<{
-    route: string;
-    source: string;
-}>;
-export declare const resizerMiddleware: (config: Config) => import("express-serve-static-core").Router;
+import { ProxyGET, StaticGET } from "./src/next-route";
+export { ProxyGET, StaticGET };

package/index.js

@@ -1,142 +1,6 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resizerMiddleware = void 0;
-const express_1 = require("express");
-const fs = __importStar(require("fs"));
-const fs_1 = require("fs");
-const path_1 = require("path");
-const sharp_1 = __importDefault(require("sharp"));
-const get_source_filename_1 = require("./utils/get-source-filename");
-const log_1 = require("./utils/log");
-const FIT_OPTIONS = {
-    cv: "cover",
-    f: "fill",
-    cn: "contain",
-    in: "inside",
-    out: "outside",
-};
-const POSITION_OPTIONS = {
-    a: "attention",
-    b: "bottom",
-    c: "centre",
-    e: "entropy",
-    l: "left",
-    lb: "left bottom",
-    lt: "left top",
-    r: "right",
-    rb: "right bottom",
-    rt: "right top",
-    t: "top",
-};
-const getQuality = ({ quality }) => (quality && quality !== "x" ? Number(quality) : undefined);
-const getWidth = ({ width }) => (width && width !== "x" ? Number(width) : undefined);
-const getHeight = ({ height }) => (height && height !== "x" ? Number(height) : undefined);
-const getBackground = ({ background }) => background === undefined ? undefined : background === "t" ? "transparent" : `#${background}`;
-const getFit = ({ fit }) => { var _a; return (fit ? ((_a = FIT_OPTIONS[fit]) !== null && _a !== void 0 ? _a : "cover") : "cover"); };
-const getPosition = ({ position }) => { var _a; return (position ? ((_a = POSITION_OPTIONS[position]) !== null && _a !== void 0 ? _a : "centre") : undefined); };
-const getWithoutEnlargement = ({ extension }) => extension !== "svg";
-const getTrim = ({ trim }) => (trim === undefined || trim === "nt" ? undefined : Number(trim));
-const resizerMiddleware = (config) => {
-    const middleware = (0, express_1.Router)();
-    config.forEach((c, i) => {
-        (0, log_1.log)(`Config #${i + 1}:`);
-        (0, log_1.log)(`    Route:  ${c.route}`);
-        (0, log_1.log)(`    Source: ${c.source}`);
-        middleware.get(c.route, async (req, res) => {
-            var _a;
-            (0, log_1.log)("----------------------------------------");
-            const params = req.params;
-            const generatedFilename = ((_a = process.env.UXF_RESIZER_GENERATE_PATH) !== null && _a !== void 0 ? _a : process.cwd()) + req.path;
-            (0, log_1.log)(`Generated filename: ${generatedFilename}`);
-            if ((0, fs_1.existsSync)(generatedFilename)) {
-                return res.sendFile(generatedFilename);
-            }
-            const generatedDirectory = (0, path_1.dirname)(generatedFilename);
-            if (!(0, fs_1.existsSync)(generatedDirectory)) {
-                (0, fs_1.mkdirSync)(generatedDirectory, { recursive: true });
-            }
-            const sourceFilename = (0, get_source_filename_1.getSourceFilename)(c.source, params);
-            (0, log_1.log)(`Source filename:    ${sourceFilename}`);
-            const sourceFile = /^(http|https)/.test(sourceFilename)
-                ? await fetch(sourceFilename).then((response) => response.arrayBuffer())
-                : sourceFilename;
-            if (params.toFormat === "svg") {
-                fs.writeFileSync(generatedFilename, sourceFile instanceof ArrayBuffer ? Buffer.from(sourceFile) : sourceFile);
-                return res.sendFile(generatedFilename);
-            }
-            const pipeline = (0, sharp_1.default)(sourceFile)
-                .rotate()
-                .resize({
-                width: getWidth(params),
-                height: getHeight(params),
-                background: getBackground(params),
-                fastShrinkOnLoad: false,
-                fit: getFit(params),
-                position: getPosition(params),
-                withoutEnlargement: getWithoutEnlargement(params),
-            });
-            const trim = getTrim(params);
-            if (trim !== undefined) {
-                pipeline.trim({
-                    threshold: trim,
-                });
-            }
-            const quality = getQuality(params);
-            switch (params.toFormat) {
-                case "webp":
-                    pipeline.webp({ quality });
-                    res.setHeader("Content-Type", "image/webp");
-                    break;
-                case "png":
-                    pipeline.png({ progressive: true, quality });
-                    res.setHeader("Content-Type", "image/png");
-                    break;
-                case "avif":
-                    pipeline.avif({ quality });
-                    res.setHeader("Content-Type", "image/avif");
-                    break;
-                default:
-                    pipeline.jpeg({ progressive: true, quality });
-                    res.setHeader("Content-Type", "image/jpeg");
-                    break;
-            }
-            pipeline
-                .withMetadata({ density: 72 })
-                .toColorspace("srgb")
-                .toFile(generatedFilename)
-                .then(() => res.sendFile(generatedFilename))
-                .catch((e) => {
-                (0, log_1.log)(e);
-                return res.sendStatus(404);
-            });
-        });
-    });
-    return middleware;
-};
-exports.resizerMiddleware = resizerMiddleware;
+exports.StaticGET = exports.ProxyGET = void 0;
+const next_route_1 = require("./src/next-route");
+Object.defineProperty(exports, "ProxyGET", { enumerable: true, get: function () { return next_route_1.ProxyGET; } });
+Object.defineProperty(exports, "StaticGET", { enumerable: true, get: function () { return next_route_1.StaticGET; } });

package/index.ts

@@ -1,138 +1,3 @@
-import { Router } from "express";
-import * as fs from "fs";
-import { existsSync, mkdirSync } from "fs";
-import { dirname } from "path";
-import sharp, { FitEnum, ResizeOptions } from "sharp";
-import { getSourceFilename } from "./utils/get-source-filename";
-import { log } from "./utils/log";
+import { ProxyGET, StaticGET } from "./src/next-route";
 
-const FIT_OPTIONS: Record<string, ResizeOptions["fit"]> = {
-    cv: "cover",
-    f: "fill",
-    cn: "contain",
-    in: "inside",
-    out: "outside",
-} as const;
-
-const POSITION_OPTIONS: Record<string, ResizeOptions["position"]> = {
-    a: "attention",
-    b: "bottom",
-    c: "centre",
-    e: "entropy",
-    l: "left",
-    lb: "left bottom",
-    lt: "left top",
-    r: "right",
-    rb: "right bottom",
-    rt: "right top",
-    t: "top",
-};
-
-export type Config = Array<{
-    route: string;
-    source: string;
-}>;
-
-const getQuality = ({ quality }: any) => (quality && quality !== "x" ? Number(quality) : undefined);
-const getWidth = ({ width }: any) => (width && width !== "x" ? Number(width) : undefined);
-const getHeight = ({ height }: any) => (height && height !== "x" ? Number(height) : undefined);
-const getBackground = ({ background }: any) =>
-    background === undefined ? undefined : background === "t" ? "transparent" : `#${background}`;
-const getFit = ({ fit }: any): keyof FitEnum => (fit ? (FIT_OPTIONS[fit] ?? "cover") : "cover");
-const getPosition = ({ position }: any) => (position ? (POSITION_OPTIONS[position] ?? "centre") : undefined);
-const getWithoutEnlargement = ({ extension }: any) => extension !== "svg";
-const getTrim = ({ trim }: any) => (trim === undefined || trim === "nt" ? undefined : Number(trim));
-
-export const resizerMiddleware = (config: Config) => {
-    const middleware = Router();
-
-    config.forEach((c, i) => {
-        log(`Config #${i + 1}:`);
-        log(`    Route:  ${c.route}`);
-        log(`    Source: ${c.source}`);
-
-        middleware.get(c.route, async (req, res) => {
-            log("----------------------------------------");
-            const params = req.params;
-
-            const generatedFilename = (process.env.UXF_RESIZER_GENERATE_PATH ?? process.cwd()) + req.path;
-            log(`Generated filename: ${generatedFilename}`);
-
-            if (existsSync(generatedFilename)) {
-                return res.sendFile(generatedFilename);
-            }
-
-            const generatedDirectory = dirname(generatedFilename);
-            if (!existsSync(generatedDirectory)) {
-                mkdirSync(generatedDirectory, { recursive: true });
-            }
-
-            const sourceFilename = getSourceFilename(c.source, params);
-            log(`Source filename:    ${sourceFilename}`);
-
-            const sourceFile = /^(http|https)/.test(sourceFilename)
-                ? await fetch(sourceFilename).then((response) => response.arrayBuffer())
-                : sourceFilename;
-
-            if (params.toFormat === "svg") {
-                fs.writeFileSync(
-                    generatedFilename,
-                    sourceFile instanceof ArrayBuffer ? Buffer.from(sourceFile) : sourceFile,
-                );
-                return res.sendFile(generatedFilename);
-            }
-
-            const pipeline = sharp(sourceFile)
-                .rotate()
-                .resize({
-                    width: getWidth(params),
-                    height: getHeight(params),
-                    background: getBackground(params),
-                    fastShrinkOnLoad: false,
-                    fit: getFit(params),
-                    position: getPosition(params),
-                    withoutEnlargement: getWithoutEnlargement(params),
-                });
-
-            const trim = getTrim(params);
-            if (trim !== undefined) {
-                pipeline.trim({
-                    threshold: trim,
-                });
-            }
-
-            const quality = getQuality(params);
-
-            switch (params.toFormat) {
-                case "webp":
-                    pipeline.webp({ quality });
-                    res.setHeader("Content-Type", "image/webp");
-                    break;
-                case "png":
-                    pipeline.png({ progressive: true, quality });
-                    res.setHeader("Content-Type", "image/png");
-                    break;
-                case "avif":
-                    pipeline.avif({ quality });
-                    res.setHeader("Content-Type", "image/avif");
-                    break;
-                default:
-                    pipeline.jpeg({ progressive: true, quality });
-                    res.setHeader("Content-Type", "image/jpeg");
-                    break;
-            }
-
-            pipeline
-                .withMetadata({ density: 72 })
-                .toColorspace("srgb")
-                .toFile(generatedFilename)
-                .then(() => res.sendFile(generatedFilename))
-                .catch((e) => {
-                    log(e);
-                    return res.sendStatus(404);
-                });
-        });
-    });
-
-    return middleware;
-};
+export { ProxyGET, StaticGET };

package/package.json

@@ -1,38 +1,44 @@
 {
-  "name": "@uxf/resizer",
-  "version": "11.32.0",
-  "main": "index.js",
-  "description": "UXF Resizer",
-  "author": "UXFans <dev@uxf.cz>",
-  "repository": {
-    "type": "git",
-    "url": "git+https://gitlab.com/uxf-npm/resizer.git"
-  },
-  "bin": {
-    "uxf-resizer": "bin/uxf-resizer.js"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "express": "4.19.2",
-    "path-to-regexp": "6.2.2",
-    "process": "0.11.10",
-    "sharp": "0.32.6",
-    "yargs": "17.7.2"
-  },
-  "devDependencies": {
-    "@types/express": "4.17.21",
-    "concurrently": "8.2.2",
-    "crypto-js": "4.2.0"
-  },
-  "engines": {
-    "node": ">=18"
-  },
-  "scripts": {
-    "build": "tsc -P tsconfig.json",
-    "dev": "ts-node ./bin/uxf-resizer.ts",
-    "typecheck": "tsc --noEmit --skipLibCheck"
-  }
-}
+    "name": "@uxf/resizer",
+    "version": "11.38.0",
+    "main": "index.js",
+    "description": "UXF Resizer",
+    "author": "UXFans <dev@uxf.cz>",
+    "repository": {
+        "type": "git",
+        "url": "git+https://gitlab.com/uxf-npm/resizer.git"
+    },
+    "bin": {
+        "uxf-resizer": "bin/uxf-resizer.js"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "license": "MIT",
+    "dependencies": {
+        "sharp": "0.32.6"
+    },
+    "devDependencies": {
+        "@types/express": "5.0.0",
+        "concurrently": "9.0.1",
+        "crypto-js": "4.2.0",
+        "express": "5.0.1",
+        "path-to-regexp": "6.3.0",
+        "process": "0.11.10",
+        "yargs": "17.7.2"
+    },
+    "peerDependencies": {
+        "express": ">=5.0",
+        "path-to-regexp": "^6.3.0",
+        "process": ">=0.11",
+        "yargs": ">=17.7"
+    },
+    "engines": {
+        "node": ">=18"
+    },
+    "scripts": {
+        "build": "tsc -P tsconfig.json",
+        "dev": "ts-node ./bin/uxf-resizer.ts",
+        "typecheck": "tsc --noEmit --skipLibCheck"
+    }
+}

package/src/middleware.d.ts

@@ -0,0 +1,5 @@
+export type Config = Array<{
+    route: string;
+    source: string;
+}>;
+export declare const resizerMiddleware: (config: Config) => import("express-serve-static-core").Router;

package/src/middleware.js

@@ -0,0 +1,115 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resizerMiddleware = void 0;
+const express_1 = require("express");
+const fs = __importStar(require("fs"));
+const fs_1 = require("fs");
+const path_1 = require("path");
+const sharp_1 = __importDefault(require("sharp"));
+const get_source_filename_1 = require("./utils/get-source-filename");
+const log_1 = require("./utils/log");
+const tools_1 = require("./utils/tools");
+const resizerMiddleware = (config) => {
+    const middleware = (0, express_1.Router)();
+    config.forEach((c, i) => {
+        (0, log_1.log)(`Config #${i + 1}:`);
+        (0, log_1.log)(`    Route:  ${c.route}`);
+        (0, log_1.log)(`    Source: ${c.source}`);
+        middleware.get(c.route, async (req, res) => {
+            var _a;
+            (0, log_1.log)("----------------------------------------");
+            const params = req.params;
+            const generatedFilename = ((_a = process.env.UXF_RESIZER_GENERATE_PATH) !== null && _a !== void 0 ? _a : process.cwd()) + req.path;
+            (0, log_1.log)(`Generated filename: ${generatedFilename}`);
+            if ((0, fs_1.existsSync)(generatedFilename)) {
+                return res.sendFile(generatedFilename);
+            }
+            const generatedDirectory = (0, path_1.dirname)(generatedFilename);
+            if (!(0, fs_1.existsSync)(generatedDirectory)) {
+                (0, fs_1.mkdirSync)(generatedDirectory, { recursive: true });
+            }
+            const sourceFilename = (0, get_source_filename_1.getSourceFilename)(c.source, params);
+            (0, log_1.log)(`Source filename:    ${sourceFilename}`);
+            const sourceFile = /^(http|https)/.test(sourceFilename)
+                ? await fetch(sourceFilename).then((response) => response.arrayBuffer())
+                : sourceFilename;
+            if (params.toFormat === "svg") {
+                fs.writeFileSync(generatedFilename, sourceFile instanceof ArrayBuffer ? Buffer.from(sourceFile) : sourceFile);
+                return res.sendFile(generatedFilename);
+            }
+            const pipeline = (0, sharp_1.default)(sourceFile)
+                .rotate()
+                .resize({
+                width: (0, tools_1.getWidth)(params),
+                height: (0, tools_1.getHeight)(params),
+                background: (0, tools_1.getBackground)(params),
+                fastShrinkOnLoad: false,
+                fit: (0, tools_1.getFit)(params),
+                position: (0, tools_1.getPosition)(params),
+                withoutEnlargement: (0, tools_1.getWithoutEnlargement)(params),
+            });
+            const trim = (0, tools_1.getTrim)(params);
+            if (trim !== undefined) {
+                pipeline.trim({
+                    threshold: trim,
+                });
+            }
+            const quality = (0, tools_1.getQuality)(params);
+            switch (params.toFormat) {
+                case "webp":
+                    pipeline.webp({ quality });
+                    res.setHeader("Content-Type", "image/webp");
+                    break;
+                case "png":
+                    pipeline.png({ progressive: true, quality });
+                    res.setHeader("Content-Type", "image/png");
+                    break;
+                case "avif":
+                    pipeline.avif({ quality });
+                    res.setHeader("Content-Type", "image/avif");
+                    break;
+                default:
+                    pipeline.jpeg({ progressive: true, quality });
+                    res.setHeader("Content-Type", "image/jpeg");
+                    break;
+            }
+            pipeline
+                .withMetadata({ density: 72 })
+                .toColorspace("srgb")
+                .toFile(generatedFilename)
+                .then(() => res.sendFile(generatedFilename))
+                .catch((e) => {
+                (0, log_1.log)(e);
+                return res.sendStatus(404);
+            });
+        });
+    });
+    return middleware;
+};
+exports.resizerMiddleware = resizerMiddleware;

package/src/middleware.ts

@@ -0,0 +1,116 @@
+import { Router } from "express";
+import * as fs from "fs";
+import { existsSync, mkdirSync } from "fs";
+import { dirname } from "path";
+import sharp from "sharp";
+import { getSourceFilename } from "./utils/get-source-filename";
+import { log } from "./utils/log";
+import {
+    getBackground,
+    getFit,
+    getHeight,
+    getPosition,
+    getQuality,
+    getTrim,
+    getWidth,
+    getWithoutEnlargement,
+} from "./utils/tools";
+
+export type Config = Array<{
+    route: string;
+    source: string;
+}>;
+
+export const resizerMiddleware = (config: Config) => {
+    const middleware = Router();
+
+    config.forEach((c, i) => {
+        log(`Config #${i + 1}:`);
+        log(`    Route:  ${c.route}`);
+        log(`    Source: ${c.source}`);
+
+        middleware.get(c.route, async (req, res) => {
+            log("----------------------------------------");
+            const params = req.params;
+
+            const generatedFilename = (process.env.UXF_RESIZER_GENERATE_PATH ?? process.cwd()) + req.path;
+            log(`Generated filename: ${generatedFilename}`);
+
+            if (existsSync(generatedFilename)) {
+                return res.sendFile(generatedFilename);
+            }
+
+            const generatedDirectory = dirname(generatedFilename);
+            if (!existsSync(generatedDirectory)) {
+                mkdirSync(generatedDirectory, { recursive: true });
+            }
+
+            const sourceFilename = getSourceFilename(c.source, params);
+            log(`Source filename:    ${sourceFilename}`);
+
+            const sourceFile = /^(http|https)/.test(sourceFilename)
+                ? await fetch(sourceFilename).then((response) => response.arrayBuffer())
+                : sourceFilename;
+
+            if (params.toFormat === "svg") {
+                fs.writeFileSync(
+                    generatedFilename,
+                    sourceFile instanceof ArrayBuffer ? Buffer.from(sourceFile) : sourceFile,
+                );
+                return res.sendFile(generatedFilename);
+            }
+
+            const pipeline = sharp(sourceFile)
+                .rotate()
+                .resize({
+                    width: getWidth(params),
+                    height: getHeight(params),
+                    background: getBackground(params),
+                    fastShrinkOnLoad: false,
+                    fit: getFit(params),
+                    position: getPosition(params),
+                    withoutEnlargement: getWithoutEnlargement(params),
+                });
+
+            const trim = getTrim(params);
+            if (trim !== undefined) {
+                pipeline.trim({
+                    threshold: trim,
+                });
+            }
+
+            const quality = getQuality(params);
+
+            switch (params.toFormat) {
+                case "webp":
+                    pipeline.webp({ quality });
+                    res.setHeader("Content-Type", "image/webp");
+                    break;
+                case "png":
+                    pipeline.png({ progressive: true, quality });
+                    res.setHeader("Content-Type", "image/png");
+                    break;
+                case "avif":
+                    pipeline.avif({ quality });
+                    res.setHeader("Content-Type", "image/avif");
+                    break;
+                default:
+                    pipeline.jpeg({ progressive: true, quality });
+                    res.setHeader("Content-Type", "image/jpeg");
+                    break;
+            }
+
+            pipeline
+                .withMetadata({ density: 72 })
+                .toColorspace("srgb")
+                .toFile(generatedFilename)
+                .then(() => res.sendFile(generatedFilename))
+                .catch((e) => {
+                    log(e);
+                    return res.sendStatus(404);
+                });
+        });
+    });
+
+    return middleware;
+};

package/src/next-route.d.ts

@@ -0,0 +1,2 @@
+export declare function StaticGET(request: Request): Promise<Response>;
+export declare function ProxyGET(request: Request): Promise<Response>;

package/src/next-route.js

@@ -0,0 +1,110 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticGET = StaticGET;
+exports.ProxyGET = ProxyGET;
+const fs_1 = __importStar(require("fs"));
+const path_1 = require("path");
+const sharp_1 = __importDefault(require("sharp"));
+const log_1 = require("./utils/log");
+const tools_1 = require("./utils/tools");
+const sendFile = (generatedFilename, contentType) => {
+    const data = fs_1.default.readFileSync(generatedFilename);
+    return new Response(data, {
+        headers: {
+            "Content-Type": contentType,
+        },
+    });
+};
+// lokalni zpracovani obrazku
+async function StaticGET(request) {
+    var _a, _b;
+    const url = new URL(request.url);
+    const path = url.pathname;
+    const regex = /^\/generated\/static\/(?<width>\d+|x)_(?<height>\d+|x)_(?<fit>[a-z]+)_(?<position>[a-z]+)_(?<background>[0-9a-f]+)_(?<trim>[a-z]+)_(?<quality>\d+|x)\/(?<version>[a-z0-9]+)\/(?<filename>.+)\.(?<extension>[a-z]+)\.(?<toFormat>[a-z]+)/i;
+    const params = (_a = path.match(regex)) === null || _a === void 0 ? void 0 : _a.groups;
+    if (params === undefined) {
+        return Response.error();
+    }
+    const generatedFilename = process.cwd() + path;
+    (0, log_1.log)(`Generated filename: ${generatedFilename}`);
+    const contentType = (_b = tools_1.CONTENT_TYPES[params.toFormat]) !== null && _b !== void 0 ? _b : "image/jpeg";
+    if ((0, fs_1.existsSync)(generatedFilename)) {
+        return sendFile(generatedFilename, contentType);
+    }
+    const generatedDirectory = (0, path_1.dirname)(generatedFilename);
+    if (!(0, fs_1.existsSync)(generatedDirectory)) {
+        (0, fs_1.mkdirSync)(generatedDirectory, { recursive: true });
+    }
+    const sourceFile = process.cwd() + `/public/${params.filename}.${params.extension}`;
+    (0, log_1.log)(`Source filename:    ${sourceFile}`);
+    if (params.toFormat === "svg") {
+        fs_1.default.writeFileSync(generatedFilename, sourceFile);
+        return sendFile(generatedFilename, "image/svg+xml");
+    }
+    const pipeline = (0, sharp_1.default)(sourceFile)
+        .rotate()
+        .resize({
+        width: (0, tools_1.getWidth)(params),
+        height: (0, tools_1.getHeight)(params),
+        background: (0, tools_1.getBackground)(params),
+        fastShrinkOnLoad: false,
+        fit: (0, tools_1.getFit)(params),
+        position: (0, tools_1.getPosition)(params),
+        withoutEnlargement: (0, tools_1.getWithoutEnlargement)(params),
+    });
+    const trim = (0, tools_1.getTrim)(params);
+    if (trim !== undefined) {
+        pipeline.trim({
+            threshold: trim,
+        });
+    }
+    const quality = (0, tools_1.getQuality)(params);
+    switch (params.toFormat) {
+        case "webp":
+            pipeline.webp({ quality });
+            break;
+        case "png":
+            pipeline.png({ progressive: true, quality });
+            break;
+        case "avif":
+            pipeline.avif({ quality });
+            break;
+        default:
+            pipeline.jpeg({ progressive: true, quality });
+            break;
+    }
+    await pipeline.withMetadata({ density: 72 }).toColorspace("srgb").toFile(generatedFilename);
+    return sendFile(generatedFilename, contentType);
+}
+// proxy na dev
+async function ProxyGET(request) {
+    const url = new URL(request.url);
+    const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}${url.pathname}`);
+    return new Response(response.body);
+}

package/src/next-route.ts

@@ -0,0 +1,107 @@
+import fs, { existsSync, mkdirSync } from "fs";
+import { dirname } from "path";
+import sharp from "sharp";
+import { log } from "./utils/log";
+import {
+    CONTENT_TYPES,
+    getBackground,
+    getFit,
+    getHeight,
+    getPosition,
+    getQuality,
+    getTrim,
+    getWidth,
+    getWithoutEnlargement,
+} from "./utils/tools";
+
+const sendFile = (generatedFilename: string, contentType: string) => {
+    const data = fs.readFileSync(generatedFilename);
+    return new Response(data, {
+        headers: {
+            "Content-Type": contentType,
+        },
+    });
+};
+
+// lokalni zpracovani obrazku
+export async function StaticGET(request: Request) {
+    const url = new URL(request.url);
+    const path = url.pathname;
+
+    const regex =
+        /^\/generated\/static\/(?<width>\d+|x)_(?<height>\d+|x)_(?<fit>[a-z]+)_(?<position>[a-z]+)_(?<background>[0-9a-f]+)_(?<trim>[a-z]+)_(?<quality>\d+|x)\/(?<version>[a-z0-9]+)\/(?<filename>.+)\.(?<extension>[a-z]+)\.(?<toFormat>[a-z]+)/i;
+
+    const params = path.match(regex)?.groups;
+    if (params === undefined) {
+        return Response.error();
+    }
+
+    const generatedFilename = process.cwd() + path;
+    log(`Generated filename: ${generatedFilename}`);
+
+    const contentType = CONTENT_TYPES[params.toFormat] ?? "image/jpeg";
+
+    if (existsSync(generatedFilename)) {
+        return sendFile(generatedFilename, contentType);
+    }
+
+    const generatedDirectory = dirname(generatedFilename);
+    if (!existsSync(generatedDirectory)) {
+        mkdirSync(generatedDirectory, { recursive: true });
+    }
+
+    const sourceFile = process.cwd() + `/public/${params.filename}.${params.extension}`;
+    log(`Source filename:    ${sourceFile}`);
+
+    if (params.toFormat === "svg") {
+        fs.writeFileSync(generatedFilename, sourceFile);
+        return sendFile(generatedFilename, "image/svg+xml");
+    }
+
+    const pipeline = sharp(sourceFile)
+        .rotate()
+        .resize({
+            width: getWidth(params),
+            height: getHeight(params),
+            background: getBackground(params),
+            fastShrinkOnLoad: false,
+            fit: getFit(params),
+            position: getPosition(params),
+            withoutEnlargement: getWithoutEnlargement(params),
+        });
+
+    const trim = getTrim(params);
+    if (trim !== undefined) {
+        pipeline.trim({
+            threshold: trim,
+        });
+    }
+
+    const quality = getQuality(params);
+
+    switch (params.toFormat) {
+        case "webp":
+            pipeline.webp({ quality });
+            break;
+        case "png":
+            pipeline.png({ progressive: true, quality });
+            break;
+        case "avif":
+            pipeline.avif({ quality });
+            break;
+        default:
+            pipeline.jpeg({ progressive: true, quality });
+            break;
+    }
+
+    await pipeline.withMetadata({ density: 72 }).toColorspace("srgb").toFile(generatedFilename);
+
+    return sendFile(generatedFilename, contentType);
+}
+
+// proxy na dev
+export async function ProxyGET(request: Request) {
+    const url = new URL(request.url);
+    const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}${url.pathname}`);
+    return new Response(response.body);
+}

package/src/utils/tools.d.ts

@@ -0,0 +1,10 @@
+import type { FitEnum } from "sharp";
+export declare const CONTENT_TYPES: Record<string, string | undefined>;
+export declare const getQuality: ({ quality }: any) => number | undefined;
+export declare const getWidth: ({ width }: any) => number | undefined;
+export declare const getHeight: ({ height }: any) => number | undefined;
+export declare const getBackground: ({ background }: any) => string | undefined;
+export declare const getFit: ({ fit }: any) => keyof FitEnum;
+export declare const getPosition: ({ position }: any) => string | number | undefined;
+export declare const getWithoutEnlargement: ({ extension }: any) => boolean;
+export declare const getTrim: ({ trim }: any) => number | undefined;

package/src/utils/tools.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTrim = exports.getWithoutEnlargement = exports.getPosition = exports.getFit = exports.getBackground = exports.getHeight = exports.getWidth = exports.getQuality = exports.CONTENT_TYPES = void 0;
+const FIT_OPTIONS = {
+    cv: "cover",
+    f: "fill",
+    cn: "contain",
+    in: "inside",
+    out: "outside",
+};
+const POSITION_OPTIONS = {
+    a: "attention",
+    b: "bottom",
+    c: "centre",
+    e: "entropy",
+    l: "left",
+    lb: "left bottom",
+    lt: "left top",
+    r: "right",
+    rb: "right bottom",
+    rt: "right top",
+    t: "top",
+};
+exports.CONTENT_TYPES = {
+    webp: "image/webp",
+    png: "image/png",
+    avif: "image/avif",
+    jpeg: "image/jpeg",
+};
+const getQuality = ({ quality }) => (quality && quality !== "x" ? Number(quality) : undefined);
+exports.getQuality = getQuality;
+const getWidth = ({ width }) => (width && width !== "x" ? Number(width) : undefined);
+exports.getWidth = getWidth;
+const getHeight = ({ height }) => (height && height !== "x" ? Number(height) : undefined);
+exports.getHeight = getHeight;
+const getBackground = ({ background }) => background === undefined ? undefined : background === "t" ? "transparent" : `#${background}`;
+exports.getBackground = getBackground;
+const getFit = ({ fit }) => { var _a; return (fit ? ((_a = FIT_OPTIONS[fit]) !== null && _a !== void 0 ? _a : "cover") : "cover"); };
+exports.getFit = getFit;
+const getPosition = ({ position }) => { var _a; return (position ? ((_a = POSITION_OPTIONS[position]) !== null && _a !== void 0 ? _a : "centre") : undefined); };
+exports.getPosition = getPosition;
+const getWithoutEnlargement = ({ extension }) => extension !== "svg";
+exports.getWithoutEnlargement = getWithoutEnlargement;
+const getTrim = ({ trim }) => (trim === undefined || trim === "nt" ? undefined : Number(trim));
+exports.getTrim = getTrim;

package/src/utils/tools.ts

@@ -0,0 +1,40 @@
+import type { FitEnum, ResizeOptions } from "sharp";
+
+const FIT_OPTIONS: Record<string, ResizeOptions["fit"]> = {
+    cv: "cover",
+    f: "fill",
+    cn: "contain",
+    in: "inside",
+    out: "outside",
+} as const;
+
+const POSITION_OPTIONS: Record<string, ResizeOptions["position"]> = {
+    a: "attention",
+    b: "bottom",
+    c: "centre",
+    e: "entropy",
+    l: "left",
+    lb: "left bottom",
+    lt: "left top",
+    r: "right",
+    rb: "right bottom",
+    rt: "right top",
+    t: "top",
+};
+
+export const CONTENT_TYPES: Record<string, string | undefined> = {
+    webp: "image/webp",
+    png: "image/png",
+    avif: "image/avif",
+    jpeg: "image/jpeg",
+};
+
+export const getQuality = ({ quality }: any) => (quality && quality !== "x" ? Number(quality) : undefined);
+export const getWidth = ({ width }: any) => (width && width !== "x" ? Number(width) : undefined);
+export const getHeight = ({ height }: any) => (height && height !== "x" ? Number(height) : undefined);
+export const getBackground = ({ background }: any) =>
+    background === undefined ? undefined : background === "t" ? "transparent" : `#${background}`;
+export const getFit = ({ fit }: any): keyof FitEnum => (fit ? (FIT_OPTIONS[fit] ?? "cover") : "cover");
+export const getPosition = ({ position }: any) => (position ? (POSITION_OPTIONS[position] ?? "centre") : undefined);
+export const getWithoutEnlargement = ({ extension }: any) => extension !== "svg";
+export const getTrim = ({ trim }: any) => (trim === undefined || trim === "nt" ? undefined : Number(trim));