@uxf/core 4.2.0 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/core",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "UXF Core",
   "author": "Petr Vejvoda <vejvoda@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/core#readme",

package/utils/file.d.ts

@@ -0,0 +1,8 @@
+import { ImageResponse } from "./resizer";
+interface FileResponse {
+    uuid: string;
+    namespace?: string | null;
+    extension: string;
+}
+export declare function getFileUrl(file: FileResponse | ImageResponse): string;
+export {};

package/utils/file.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileUrl = void 0;
+function getFileUrl(file) {
+    var ch1 = file.uuid.charAt(0);
+    var ch2 = file.uuid.charAt(1);
+    return file.namespace
+        ? "/upload/".concat(file.namespace, "/").concat(ch1, "/").concat(ch2, "/").concat(file.uuid, ".").concat(file.extension)
+        : "/upload/".concat(ch1, "/").concat(ch2, "/").concat(file.uuid, ".").concat(file.extension);
+}
+exports.getFileUrl = getFileUrl;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9maWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQVFBLFNBQWdCLFVBQVUsQ0FBQyxJQUFrQztJQUN6RCxJQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxJQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVoQyxPQUFPLElBQUksQ0FBQyxTQUFTO1FBQ2pCLENBQUMsQ0FBQyxrQkFBVyxJQUFJLENBQUMsU0FBUyxjQUFJLEdBQUcsY0FBSSxHQUFHLGNBQUksSUFBSSxDQUFDLElBQUksY0FBSSxJQUFJLENBQUMsU0FBUyxDQUFFO1FBQzFFLENBQUMsQ0FBQyxrQkFBVyxHQUFHLGNBQUksR0FBRyxjQUFJLElBQUksQ0FBQyxJQUFJLGNBQUksSUFBSSxDQUFDLFNBQVMsQ0FBRSxDQUFDO0FBQ2pFLENBQUM7QUFQRCxnQ0FPQyJ9

package/utils/image.d.ts

@@ -0,0 +1,20 @@
+import { ImageSource, ResizerImageProps } from "./resizer";
+import { FC } from "react";
+export declare type Dimension = number | "auto";
+export declare type Format = "avif" | "webp" | "original";
+export declare type Quality = number | Record<Format, number>;
+export declare function getSvgImgUrl(src: ImageSource): string | undefined;
+export declare function getImgQuality(quality: Quality | undefined, format: Format): number | undefined;
+export declare function getImgUniqueIdentifier(src: ImageSource): string | undefined;
+export declare function getImgSrcSet(src?: ImageSource, width?: Dimension, height?: Dimension, options?: ResizerImageProps): string | undefined;
+interface ImageSourcesProps {
+    breakpointIndex?: number;
+    breakpoints?: string[];
+    height: Dimension;
+    options?: Omit<ResizerImageProps, "quality" | "toFormat">;
+    quality?: Quality;
+    src: ImageSource;
+    width: Dimension;
+}
+export declare const ImgSources: FC<ImageSourcesProps>;
+export {};

package/utils/image.js

@@ -0,0 +1,117 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImgSources = exports.getImgSrcSet = exports.getImgUniqueIdentifier = exports.getImgQuality = exports.getSvgImgUrl = void 0;
+var file_1 = require("./file");
+var resizer_1 = require("./resizer");
+var react_1 = __importDefault(require("react"));
+function toImageResponse(src) {
+    return typeof src !== "string" && "uuid" in src ? src : undefined;
+}
+function toStaticImageData(src) {
+    return typeof src !== "string" && "src" in src ? src : undefined;
+}
+function parseImgExtension(src) {
+    var ext = src.slice(src.lastIndexOf(".") + 1);
+    return ext.length > 1 ? ext : undefined;
+}
+function getSvgImgUrl(src) {
+    if (typeof src === "string" && parseImgExtension(src) === "svg") {
+        return src;
+    }
+    var imageResponse = toImageResponse(src);
+    if (imageResponse && parseImgExtension(imageResponse.extension) === "svg") {
+        return (0, file_1.getFileUrl)(imageResponse);
+    }
+    var staticImageData = toStaticImageData(src);
+    if (staticImageData && parseImgExtension(staticImageData.src) === "svg") {
+        return staticImageData.src;
+    }
+    return undefined;
+}
+exports.getSvgImgUrl = getSvgImgUrl;
+function getImgQuality(quality, format) {
+    return typeof quality === "number" ? quality : quality ? quality[format] : undefined;
+}
+exports.getImgQuality = getImgQuality;
+function getImgUniqueIdentifier(src) {
+    var _a, _b, _c;
+    return typeof src === "string" ? src : (_b = (_a = toImageResponse(src)) === null || _a === void 0 ? void 0 : _a.uuid) !== null && _b !== void 0 ? _b : (_c = toStaticImageData(src)) === null || _c === void 0 ? void 0 : _c.src;
+}
+exports.getImgUniqueIdentifier = getImgUniqueIdentifier;
+var HIDPI_SIZES = [3, 2, 1];
+function getImgSrcSet(src, width, height, options) {
+    var _a, _b;
+    if (options === void 0) { options = {}; }
+    if (!src) {
+        return undefined;
+    }
+    var toFormat;
+    var h = height !== null && height !== void 0 ? height : "auto";
+    var w = width !== null && width !== void 0 ? width : "auto";
+    if (typeof src === "string") {
+        toFormat = parseImgExtension(src);
+    }
+    var imageResponse = toImageResponse(src);
+    if (imageResponse) {
+        if (!imageResponse.uuid) {
+            return undefined;
+        }
+        toFormat = parseImgExtension(imageResponse.extension);
+        h = (_a = (h || imageResponse.height)) !== null && _a !== void 0 ? _a : "auto";
+        w = (_b = (w || imageResponse.width)) !== null && _b !== void 0 ? _b : "auto";
+    }
+    var staticImageData = toStaticImageData(src);
+    if (staticImageData) {
+        if (!staticImageData.src) {
+            return undefined;
+        }
+        toFormat = parseImgExtension(staticImageData.src);
+        h = h || staticImageData.height;
+        w = w || staticImageData.width;
+    }
+    if (typeof h === "number" || typeof w === "number") {
+        return HIDPI_SIZES.map(function (size) {
+            return (0, resizer_1.resizerImageUrl)(src, w * size, h * size, __assign({ toFormat: toFormat }, options)) + (size > 1 ? " ".concat(size, "x") : "");
+        }).join(", ");
+    }
+    return (0, resizer_1.resizerImageUrl)(src, w, h, __assign({ toFormat: toFormat }, options));
+}
+exports.getImgSrcSet = getImgSrcSet;
+var ImgSources = function (props) {
+    var _a, _b, _c;
+    if (!props.src) {
+        return null;
+    }
+    var imageResponse = toImageResponse(props.src);
+    if (imageResponse && !imageResponse.uuid) {
+        return null;
+    }
+    var staticImageData = toStaticImageData(props.src);
+    if (staticImageData && !staticImageData.src) {
+        return null;
+    }
+    var media;
+    if (props.breakpoints && props.breakpointIndex) {
+        media = "(min-width: ".concat(props.breakpoints[props.breakpointIndex], ")");
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("source", { media: media, srcSet: getImgSrcSet(props.src, props.width, props.height, __assign(__assign({}, ((_a = props.options) !== null && _a !== void 0 ? _a : {})), { quality: getImgQuality(props.quality, "avif"), toFormat: "avif" })), type: "image/avif" }),
+        react_1.default.createElement("source", { media: media, srcSet: getImgSrcSet(props.src, props.width, props.height, __assign(__assign({}, ((_b = props.options) !== null && _b !== void 0 ? _b : {})), { quality: getImgQuality(props.quality, "webp"), toFormat: "webp" })), type: "image/webp" }),
+        react_1.default.createElement("source", { media: media, srcSet: getImgSrcSet(props.src, props.width, props.height, __assign(__assign({}, ((_c = props.options) !== null && _c !== void 0 ? _c : {})), { quality: getImgQuality(props.quality, "original") })) })));
+};
+exports.ImgSources = ImgSources;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaW1hZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQW9DO0FBQ3BDLHFDQUE0RztBQUM1RyxnREFBa0M7QUFNbEMsU0FBUyxlQUFlLENBQUMsR0FBUTtJQUM3QixPQUFPLE9BQU8sR0FBRyxLQUFLLFFBQVEsSUFBSSxNQUFNLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztBQUN0RSxDQUFDO0FBRUQsU0FBUyxpQkFBaUIsQ0FBQyxHQUFRO0lBQy9CLE9BQU8sT0FBTyxHQUFHLEtBQUssUUFBUSxJQUFJLEtBQUssSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0FBQ3JFLENBQUM7QUFFRCxTQUFTLGlCQUFpQixDQUFDLEdBQVc7SUFDbEMsSUFBTSxHQUFHLEdBQUcsR0FBRyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBRWhELE9BQU8sR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0FBQzVDLENBQUM7QUFFRCxTQUFnQixZQUFZLENBQUMsR0FBZ0I7SUFDekMsSUFBSSxPQUFPLEdBQUcsS0FBSyxRQUFRLElBQUksaUJBQWlCLENBQUMsR0FBRyxDQUFDLEtBQUssS0FBSyxFQUFFO1FBQzdELE9BQU8sR0FBRyxDQUFDO0tBQ2Q7SUFFRCxJQUFNLGFBQWEsR0FBRyxlQUFlLENBQUMsR0FBRyxDQUFDLENBQUM7SUFFM0MsSUFBSSxhQUFhLElBQUksaUJBQWlCLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEtBQUssRUFBRTtRQUN2RSxPQUFPLElBQUEsaUJB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