@uxf/resizer 2.3.2 → 10.0.0-beta.79

package/README.md

@@ -50,6 +50,7 @@ You can use configuration file `.resizer-config.json` or environment variable `U
 ```
 
 ### Supported route parameters
+
 | Parameter name | Type                               | Default sharp value                    |
 |----------------|------------------------------------|----------------------------------------|
 | width          | `number` or `x` (auto)             | `undefined`                            |
@@ -61,6 +62,7 @@ You can use configuration file `.resizer-config.json` or environment variable `U
 | trim           | `number` or `nt` (not trim)        |                                        |
 | quality        | `number` (min: 1, max: 100) or `x` | default of sharp (avif: 50, other: 80) |
 
+
 #### Fit
 - `cv`: cover,
 - `f`: fill,

package/bin/uxf-resizer.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/bin/uxf-resizer.js

@@ -23,96 +23,61 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var process_1 = require("process");
-var yargs_1 = __importDefault(require("yargs"));
-var index_1 = require("../index");
-var express_1 = __importDefault(require("express"));
-var fs = __importStar(require("fs"));
-var uxfResizer = function () { return __awaiter(void 0, void 0, void 0, function () {
-    var help, configFilename, configString, config_1;
+const process_1 = require("process");
+const yargs_1 = __importDefault(require("yargs"));
+const index_1 = require("../index");
+const express_1 = __importDefault(require("express"));
+const fs = __importStar(require("fs"));
+const uxfResizer = async () => {
     var _a;
-    return __generator(this, function (_b) {
-        yargs_1.default.command("$0", "UXF Resizer", function (yargs) {
-            yargs.demandCommand(0, 0).usage("\nUsage:\n  uxf-resizer\n  \nEnvironment variables:\n  UXF_RESIZER_GENERATE_PATH - required");
-        })
-            .option("h", { alias: "help", group: "Options" })
-            .strict(false)
-            .exitProcess(false);
-        try {
-            help = yargs_1.default.parse(process_1.argv.slice(2)).help;
-            if (help) {
-                return [2 /*return*/, 0];
-            }
-            configFilename = process.cwd() + "/.resizer-config.json";
-            configString = (_a = process_1.env.UXF_RESIZER_CONFIG) !== null && _a !== void 0 ? _a : (fs.existsSync(configFilename) ? fs.readFileSync(configFilename).toString() : "[]");
-            config_1 = JSON.parse(configString);
-            if (!Array.isArray(config_1) || config_1.length === 0) {
-                throw new Error("Invalid or empty configuration");
-            }
-            return [2 /*return*/, new Promise(function (resolve, reject) {
-                    try {
-                        var app_1 = (0, express_1.default)().use((0, index_1.resizerMiddleware)(config_1));
-                        var listenedApp_1 = app_1.listen(3000, function () {
-                            // eslint-disable-next-line no-console
-                            console.log("\nImage resizer app listening on port 3000");
-                            app_1.on("close", function () {
-                                listenedApp_1.close();
-                                resolve(true);
-                            });
-                        });
-                    }
-                    catch (e) {
-                        reject(e);
-                    }
-                })];
+    yargs_1.default.command("$0", "UXF Resizer", (yargs) => {
+        yargs.demandCommand(0, 0).usage(`
+Usage:
+  uxf-resizer
+  
+Environment variables:
+  UXF_RESIZER_GENERATE_PATH - required`);
+    })
+        .option("h", { alias: "help", group: "Options" })
+        .strict(false)
+        .exitProcess(false);
+    try {
+        const { help } = yargs_1.default.parse(process_1.argv.slice(2)); // TODO
+        if (help) {
+            return 0;
         }
-        catch (e) {
-            // eslint-disable-next-line no-console
-            console.error(e);
-            return [2 /*return*/, 1];
+        const configFilename = process.cwd() + "/.resizer-config.json";
+        const configString = (_a = process_1.env.UXF_RESIZER_CONFIG) !== null && _a !== void 0 ? _a : (fs.existsSync(configFilename) ? fs.readFileSync(configFilename).toString() : "[]");
+        const config = JSON.parse(configString);
+        if (!Array.isArray(config) || config.length === 0) {
+            throw new Error("Invalid or empty configuration");
         }
-        return [2 /*return*/];
-    });
-}); };
+        return new Promise((resolve, reject) => {
+            try {
+                const app = (0, express_1.default)().use((0, index_1.resizerMiddleware)(config));
+                const listenedApp = app.listen(3000, () => {
+                    // eslint-disable-next-line no-console
+                    console.log("\nImage resizer app listening on port 3000");
+                    app.on("close", () => {
+                        listenedApp.close();
+                        resolve(true);
+                    });
+                });
+            }
+            catch (e) {
+                reject(e);
+            }
+        });
+    }
+    catch (e) {
+        // eslint-disable-next-line no-console
+        console.error(e);
+        return 1;
+    }
+};
 // eslint-disable-next-line no-console
 uxfResizer().catch(console.error);

package/bin/uxf-resizer.ts

@@ -0,0 +1,65 @@
+#!/usr/bin/env node
+import { argv, env } from "process";
+import cli from "yargs";
+import { resizerMiddleware, Config } from "../index";
+import express from "express";
+import * as fs from "fs";
+
+const uxfResizer = async () => {
+    cli.command("$0", "UXF Resizer", (yargs) => {
+        yargs.demandCommand(0, 0).usage(`
+Usage:
+  uxf-resizer
+  
+Environment variables:
+  UXF_RESIZER_GENERATE_PATH - required`);
+    })
+        .option("h", { alias: "help", group: "Options" })
+        .strict(false)
+        .exitProcess(false);
+
+    try {
+        const { help } = cli.parse(argv.slice(2)) as any; // TODO
+
+        if (help) {
+            return 0;
+        }
+
+        const configFilename = process.cwd() + "/.resizer-config.json";
+
+        const configString =
+            env.UXF_RESIZER_CONFIG ??
+            (fs.existsSync(configFilename) ? fs.readFileSync(configFilename).toString() : "[]");
+
+        const config: Config = JSON.parse(configString);
+
+        if (!Array.isArray(config) || config.length === 0) {
+            throw new Error("Invalid or empty configuration");
+        }
+
+        return new Promise((resolve, reject) => {
+            try {
+                const app = express().use(resizerMiddleware(config));
+
+                const listenedApp = app.listen(3000, () => {
+                    // eslint-disable-next-line no-console
+                    console.log("\nImage resizer app listening on port 3000");
+
+                    app.on("close", () => {
+                        listenedApp.close();
+                        resolve(true);
+                    });
+                });
+            } catch (e) {
+                reject(e);
+            }
+        });
+    } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error(e);
+        return 1;
+    }
+};
+
+// eslint-disable-next-line no-console
+uxfResizer().catch(console.error);

package/index.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/index.js

@@ -1,59 +1,47 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+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;
-var express_1 = require("express");
-var node_fetch_1 = __importDefault(require("node-fetch"));
-var fs_1 = require("fs");
-var path_1 = require("path");
-var sharp_1 = __importDefault(require("sharp"));
-var path_to_regexp_1 = require("path-to-regexp");
-var FIT_OPTIONS = {
+const express_1 = require("express");
+const node_fetch_1 = __importDefault(require("node-fetch"));
+const fs_1 = require("fs");
+const path_1 = require("path");
+const sharp_1 = __importDefault(require("sharp"));
+const path_to_regexp_1 = require("path-to-regexp");
+const fs = __importStar(require("fs"));
+const FIT_OPTIONS = {
     cv: "cover",
     f: "fill",
     cn: "contain",
     in: "inside",
     out: "outside",
 };
-var POSITION_OPTIONS = {
+const POSITION_OPTIONS = {
     a: "attention",
     b: "bottom",
     c: "centre",
@@ -66,40 +54,14 @@ var POSITION_OPTIONS = {
     rt: "right top",
     t: "top",
 };
-var getQuality = function (_a) {
-    var quality = _a.quality;
-    return (quality && quality !== "x" ? Number(quality) : undefined);
-};
-var getWidth = function (_a) {
-    var width = _a.width;
-    return (width && width !== "x" ? Number(width) : undefined);
-};
-var getHeight = function (_a) {
-    var height = _a.height;
-    return (height && height !== "x" ? Number(height) : undefined);
-};
-var getBackground = function (_a) {
-    var background = _a.background;
-    return background === undefined ? undefined : background === "t" ? "transparent" : "#".concat(background);
-};
-var getFit = function (_a) {
-    var _b;
-    var fit = _a.fit;
-    return (fit ? (_b = FIT_OPTIONS[fit]) !== null && _b !== void 0 ? _b : "cover" : "cover");
-};
-var getPosition = function (_a) {
-    var _b;
-    var position = _a.position;
-    return (position ? (_b = POSITION_OPTIONS[position]) !== null && _b !== void 0 ? _b : "centre" : undefined);
-};
-var getWithoutEnlargement = function (_a) {
-    var extension = _a.extension;
-    return extension !== "svg";
-};
-var getTrim = function (_a) {
-    var trim = _a.trim;
-    return (trim === undefined || trim === "nt" ? undefined : Number(trim));
-};
+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));
 function log(message) {
     // eslint-disable-next-line no-console
     console.log(message);
@@ -111,103 +73,88 @@ function log(message) {
  * pro zpětné složení pomocí pathToRegexp::compile() se používá: /generated/:restPath+ => restPath musí být string[]
  * Tato funkce projde celý objekt a pokud v hodnotě atributu najde "/" tak tento atribut převede na pole
  */
-var repairParams = function (params) {
-    var obj = {};
-    Object.keys(params).forEach(function (key) {
-        var value = params[key];
+const repairParams = (params) => {
+    const obj = {};
+    Object.keys(params).forEach((key) => {
+        const value = params[key];
         obj[key] = value.includes("/") ? value.split("/") : value;
     });
     return obj;
 };
-var resizerMiddleware = function (config) {
-    var middleware = (0, express_1.Router)();
-    config.forEach(function (c, i) {
-        log("Config #".concat(i + 1, ":"));
-        log("    Route:  ".concat(c.route));
-        log("    Source: ".concat(c.source));
-        middleware.get(c.route, function (req, res) { return __awaiter(void 0, void 0, void 0, function () {
-            var url, domain, repairedParams, sourceFilename, generatedFilename, generatedDirectory, params, sourceFile, _a, pipeline, trim, quality;
-            var _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        url = c.source.startsWith("http") ? new URL(c.source) : null;
-                        domain = url === null || url === void 0 ? void 0 : url.origin;
-                        repairedParams = repairParams(req.params);
-                        sourceFilename = (0, path_to_regexp_1.compile)((_b = url === null || url === void 0 ? void 0 : url.pathname) !== null && _b !== void 0 ? _b : c.source, {})(repairedParams);
-                        generatedFilename = ((_c = process.env.UXF_RESIZER_GENERATE_PATH) !== null && _c !== void 0 ? _c : process.cwd()) + req.path;
-                        if ((0, fs_1.existsSync)(generatedFilename)) {
-                            return [2 /*return*/, res.sendFile(generatedFilename)];
-                        }
-                        log("----------------------------------------");
-                        log(repairedParams);
-                        log("Source filename:    ".concat(sourceFilename));
-                        log("Generated filename: ".concat(generatedFilename));
-                        generatedDirectory = (0, path_1.dirname)(generatedFilename);
-                        if (!(0, fs_1.existsSync)(generatedDirectory)) {
-                            (0, fs_1.mkdirSync)(generatedDirectory, { recursive: true });
-                        }
-                        params = req.params;
-                        if (!domain) return [3 /*break*/, 3];
-                        return [4 /*yield*/, (0, node_fetch_1.default)(domain + sourceFilename)];
-                    case 1: return [4 /*yield*/, (_d.sent()).buffer()];
-                    case 2:
-                        _a = _d.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        _a = sourceFilename;
-                        _d.label = 4;
-                    case 4:
-                        sourceFile = _a;
-                        return [4 /*yield*/, (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),
-                            })];
-                    case 5:
-                        pipeline = _d.sent();
-                        trim = getTrim(params);
-                        if (trim !== undefined) {
-                            pipeline.trim(trim);
-                        }
-                        quality = getQuality(params);
-                        switch (params.toFormat) {
-                            case "webp":
-                                pipeline.webp({ quality: quality });
-                                res.setHeader("Content-Type", "image/webp");
-                                break;
-                            case "png":
-                                pipeline.png({ progressive: true, quality: quality });
-                                res.setHeader("Content-Type", "image/png");
-                                break;
-                            case "avif":
-                                pipeline.avif({ quality: quality });
-                                res.setHeader("Content-Type", "image/avif");
-                                break;
-                            default:
-                                pipeline.jpeg({ progressive: true, quality: quality });
-                                res.setHeader("Content-Type", "image/jpeg");
-                                break;
-                        }
-                        pipeline
-                            .withMetadata({ density: 72 })
-                            .toColorspace("srgb")
-                            .toFile(generatedFilename)
-                            .then(function () { return res.sendFile(generatedFilename); })
-                            .catch(function (e) {
-                            log(e);
-                            return res.sendStatus(404);
-                        });
-                        return [2 /*return*/];
-                }
+const resizerMiddleware = (config) => {
+    const middleware = (0, express_1.Router)();
+    config.forEach((c, i) => {
+        log(`Config #${i + 1}:`);
+        log(`    Route:  ${c.route}`);
+        log(`    Source: ${c.source}`);
+        middleware.get(c.route, async (req, res) => {
+            var _a, _b;
+            const url = c.source.startsWith("http") ? new URL(c.source) : null;
+            const domain = url === null || url === void 0 ? void 0 : url.origin;
+            const repairedParams = repairParams(req.params);
+            const sourceFilename = (0, path_to_regexp_1.compile)((_a = url === null || url === void 0 ? void 0 : url.pathname) !== null && _a !== void 0 ? _a : c.source, {})(repairedParams);
+            const generatedFilename = ((_b = process.env.UXF_RESIZER_GENERATE_PATH) !== null && _b !== void 0 ? _b : process.cwd()) + req.path;
+            if ((0, fs_1.existsSync)(generatedFilename)) {
+                return res.sendFile(generatedFilename);
+            }
+            log("----------------------------------------");
+            log(repairedParams);
+            log(`Source filename:    ${sourceFilename}`);
+            log(`Generated filename: ${generatedFilename}`);
+            const generatedDirectory = (0, path_1.dirname)(generatedFilename);
+            if (!(0, fs_1.existsSync)(generatedDirectory)) {
+                (0, fs_1.mkdirSync)(generatedDirectory, { recursive: true });
+            }
+            const params = req.params;
+            const sourceFile = domain ? await (await (0, node_fetch_1.default)(domain + sourceFilename)).buffer() : sourceFilename;
+            if (params.toFormat === "svg") {
+                fs.writeFileSync(generatedFilename, sourceFile);
+                return res.sendFile(generatedFilename);
+            }
+            const pipeline = await (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(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/index.ts

@@ -0,0 +1,156 @@
+import { Router } from "express";
+import fetch from "node-fetch";
+import { existsSync, mkdirSync } from "fs";
+import { dirname } from "path";
+import sharp, { FitEnum, ResizeOptions } from "sharp";
+import { compile } from "path-to-regexp";
+import * as fs from "fs";
+
+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));
+
+function log(message: any) {
+    // eslint-disable-next-line no-console
+    console.log(message);
+}
+
+/**
+ * TODO @vejvis HACK
+ *
+ * pro odchycení celé cesty i s lomítkama je potřeba udělat hack: /generated/:restPath(*) => restPath bude string
+ * pro zpětné složení pomocí pathToRegexp::compile() se používá: /generated/:restPath+ => restPath musí být string[]
+ * Tato funkce projde celý objekt a pokud v hodnotě atributu najde "/" tak tento atribut převede na pole
+ */
+const repairParams = (params: any) => {
+    const obj: any = {};
+    Object.keys(params).forEach((key) => {
+        const value: string = params[key];
+        obj[key] = value.includes("/") ? value.split("/") : value;
+    });
+    return obj;
+};
+
+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) => {
+            const url = c.source.startsWith("http") ? new URL(c.source) : null;
+            const domain = url?.origin;
+            const repairedParams = repairParams(req.params);
+            const sourceFilename = compile(url?.pathname ?? c.source, {})(repairedParams);
+            const generatedFilename = (process.env.UXF_RESIZER_GENERATE_PATH ?? process.cwd()) + req.path;
+
+            if (existsSync(generatedFilename)) {
+                return res.sendFile(generatedFilename);
+            }
+
+            log("----------------------------------------");
+            log(repairedParams);
+            log(`Source filename:    ${sourceFilename}`);
+            log(`Generated filename: ${generatedFilename}`);
+
+            const generatedDirectory = dirname(generatedFilename);
+            if (!existsSync(generatedDirectory)) {
+                mkdirSync(generatedDirectory, { recursive: true });
+            }
+
+            const params = req.params;
+
+            const sourceFile = domain ? await (await fetch(domain + sourceFilename)).buffer() : sourceFilename;
+
+            if (params.toFormat === "svg") {
+                fs.writeFileSync(generatedFilename, sourceFile);
+                return res.sendFile(generatedFilename);
+            }
+
+            const pipeline = await 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(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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/resizer",
-  "version": "2.3.2",
+  "version": "10.0.0-beta.79",
   "main": "index.js",
   "description": "UXF Resizer",
   "author": "UXFans <dev@uxf.cz>",
@@ -26,32 +26,15 @@
   },
   "devDependencies": {
     "@types/express": "^4.17.13",
-    "@types/jest": "^27.0.1",
     "@types/node-fetch": "^2.5.12",
     "@types/path-to-regexp": "^1.7.0",
     "@types/sharp": "^0.29.5",
-    "@types/supertest": "^2.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.11.0",
-    "@uxf/eslint-config": "^1.2.3",
     "concurrently": "^7.0.0",
-    "crypto-js": "^4.1.1",
-    "eslint": "^8.8.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^27.0.6",
-    "jest-junit": "^13.0.0",
-    "prettier": "^2.3.2",
-    "supertest": "^6.1.5",
-    "ts-jest": "^27.0.5",
-    "ts-node": "^10.2.0",
-    "typescript": "^4.3.5"
+    "crypto-js": "^4.1.1"
   },
   "scripts": {
-    "lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
-    "build": "./node_modules/.bin/tsc -p tsconfig.build.json",
-    "start": "NODE_ENV=production node ./bin/uxf-resizer.js",
-    "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck",
-    "dev": "./node_modules/.bin/ts-node ./index.ts",
-    "test": "concurrently \"yarn run lint\" \"yarn run typecheck\" \"yarn prettier ./**/*.ts --check\""
+    "build": "tsc -P tsconfig.json",
+    "dev": "ts-node ./bin/uxf-resizer.ts",
+    "typecheck": "tsc --noEmit --skipLibCheck"
   }
-}
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "composite": true,
+    "outDir": "./"
+  }
+}

package/.gitlab-ci.yml

@@ -1,32 +0,0 @@
-stages:
-  - test
-  - release
-
-test:
-  image: node:16-buster-slim
-  stage: test
-  tags:
-    - pluto-docker
-  script:
-    - npm install
-    - npm run test
-  except:
-    - master
-    - beta
-
-release:
-  image: node:16-buster-slim
-  stage: release
-  tags:
-    - pluto-docker
-  before_script:
-    - apt-get update && apt-get install -y --no-install-recommends git-core ca-certificates
-    - npm install -g semantic-release @semantic-release/gitlab
-  script:
-    - npm install
-    - npm run test
-    - npm run build
-    - semantic-release --debug
-  only:
-    - master
-    - beta

package/.releaserc.yml

@@ -1,6 +0,0 @@
-repositoryUrl: "git+https://gitlab.uxf.cz/uxf/npm-packages/resizer.git"
-plugins:
-  - "@semantic-release/commit-analyzer"
-  - "@semantic-release/release-notes-generator"
-  - "@semantic-release/gitlab"
-  - "@semantic-release/npm"