@redneckz/wildless-cms-uni-blocks 0.9.11 → 0.9.13

package/src/content-page-repository/transformPicture.ts

@@ -5,42 +5,30 @@ import type { TransformationOptions } from './TransformationOptions';
 import { transformImg } from './transformImg';
 
 export async function transformPicture(
-  pagePath: string,
   picture: Picture,
+  pagePath: string,
   options: TransformationOptions,
 ): Promise<Picture> {
-  const sources = picture.sources || [];
   const src = picture?.src || '';
 
-  const transformedPicture = await transformImg({
-    pagePath,
-    src,
-    transformationOptions: { ...options, ...picture },
-  });
-
-  const { width, height } = await sharp(
-    path.resolve(options.publicDir, transformedPicture),
-  ).metadata();
+  const transformedImgPath = await transformImg(src, pagePath, { ...options, ...picture });
 
+  const { width, height } = await sharp(transformedImgPath).metadata();
   const containerSize = width && height ? { width, height } : undefined;
 
+  const sources = picture.sources || [];
   const transformedSources = await Promise.all(
-    sources.map((_) =>
-      transformImg({
-        pagePath,
-        src,
-        containerSize,
-        transformationOptions: { ...options, ..._ },
-      }),
-    ),
+    sources.map((_) => transformImg(src, pagePath, { ...options, ..._, containerSize })),
   );
 
+  const imgPathToSrc = (_: string) => path.join('/', path.relative(options.publicDir, _));
+
   return {
     ...picture,
-    src: path.join('/', transformedPicture),
+    src: imgPathToSrc(transformedImgPath),
     sources: transformedSources.map((_, i) => ({
       ...sources[i],
-      src: path.join('/', _),
+      src: imgPathToSrc(_),
       size: { width, height },
     })),
   };

package/src/ui-kit/InputListRange/InputListRange.tsx

@@ -0,0 +1,99 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { clamp } from '../../utils/clamp';
+import { getSanitizedValue } from '../../utils/getSanitizedValue';
+import type { InputListRangeProps } from './InputListRangeProps';
+
+const DISABLED_INPUT_CLASSES = 'disabled:border-gray disabled:bg-main-divider';
+
+export const InputListRange = JSX<InputListRangeProps>(
+  ({ className, title, items = [], list = [], value = list[0], disabled = false, onChange }) => {
+    const min = 0;
+    const max = list.length - 1;
+    const step = 1;
+
+    const handleTextChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {
+      if (!onChange) {
+        return;
+      }
+      const newValue = parseInt(e.target.value);
+
+      const closetValue = list.reduce(function (prev, curr) {
+        return Math.abs(curr - newValue) < Math.abs(prev - newValue) ? curr : prev;
+      });
+
+      onChange(Number(getSanitizedValue(closetValue.toString())));
+    };
+
+    const handleRangeChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {
+      if (!onChange) {
+        return;
+      }
+
+      const val = list.at(clamp(parseInt(e.target.value), min, max)) || 0;
+      onChange(Number(getSanitizedValue(val.toString())));
+    };
+
+    const valueIndex = list.findIndex((item) => item === value) || 0;
+    const inputStyle = {
+      backgroundSize: `${(((valueIndex - min) * 100) / (max - min)).toFixed(2)}% 100%`,
+    };
+
+    return (
+      <div className={className}>
+        <label className="block relative">
+          {title ? <span className="text-m-light text-primary-text">{title}</span> : null}
+          <input
+            className={`m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-gray rounded-md
+            outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-text ${DISABLED_INPUT_CLASSES}`}
+            value={addSpacesBetweenNumbers(value)}
+            disabled={disabled}
+            onChange={handleTextChange}
+            onBlur={handleTextChange}
+          />
+          {list.length ? (
+            <div className="absolute w-full flex justify-between -bottom-[3px] px-4">
+              {list.map(renderTick(valueIndex, disabled))}
+            </div>
+          ) : null}
+          <div className="absolute inset-x-0 -bottom-1 px-4 leading-[18px]">
+            <input
+              className="box-border w-full m-0 cursor-pointer slider relative z-10"
+              type="range"
+              min={min}
+              max={max}
+              step={step}
+              value={valueIndex}
+              disabled={disabled}
+              onChange={handleRangeChange}
+              style={inputStyle}
+            />
+          </div>
+        </label>
+        {renderRangeCaption(items)}
+      </div>
+    );
+  },
+);
+
+const renderTick = (valueIndex: number, disabled: boolean) => (value: number, i: number) =>
+  (
+    <span
+      key={String(i)}
+      className={`w-2 h-2 rounded-full ${
+        valueIndex <= i || disabled ? 'bg-gray' : 'bg-primary-main'
+      }`}
+    />
+  );
+
+function renderRangeCaption(items: string[]) {
+  return (
+    <div className="flex justify-between my-2">
+      {items.map((item, i) => (
+        <span key={String(i)} className="text-s-light text-secondary-text">
+          {item}
+        </span>
+      ))}
+    </div>
+  );
+}

package/src/ui-kit/InputListRange/InputListRangeProps.ts

@@ -0,0 +1,11 @@
+import type { ListContent } from '../List/ListContent';
+
+export interface InputListRangeProps extends ListContent {
+  className?: string;
+  items?: string[];
+  list?: number[];
+  value?: number;
+  title?: string;
+  disabled?: boolean;
+  onChange?: (value: number) => void;
+}

package/src/ui-kit/Select/Select.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
 import { LabelProps } from '../../model/HeadlineType';
+import { Text } from '../../ui-kit/Text/Text';
 import { Icon } from '../Icon/Icon';
 
 export interface OptionProps {
@@ -39,7 +40,13 @@ export const Select = JSX<SelectProps>(
 
     return (
       <div className={`${className}`} ref={wrapperRef}>
-        {label ? <span className="mb-2 flex text-primary-text">{label}</span> : null}
+        {label ? (
+          <div className="mb-2">
+            <Text size="text-m" color="text-primary-text" font="font-light">
+              {label}
+            </Text>
+          </div>
+        ) : null}
         <div className={`relative ${isOpen ? 'z-20' : 'z-10'}`}>
           <div
             className={`text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer

package/src/utils/arrayByRange.ts

@@ -0,0 +1,4 @@
+export const arrayByRange = (start: number, stop: number, step = 1) =>
+  Array.from({ length: Math.abs(stop - start) / step + 1 }, (value, index) =>
+    stop >= start ? start + index * step : start - index * step,
+  );

package/src/utils/isPictureSizeEmpty.ts

@@ -1,5 +1,5 @@
-import type { Picture } from '../model/Picture';
+import type { ImageSize } from '../model/ImageSize';
 
-export function isPictureSizeEmpty(size: Picture['size']): boolean {
-  return !(size?.width || size?.height);
+export function isPictureSizeEmpty(size: Partial<ImageSize> | undefined): boolean {
+  return !size?.width && !size?.height;
 }

package/src/utils/mergeIntervals.ts

@@ -0,0 +1,19 @@
+export const mergeIntervals = (intervals: number[][]): number[][] => {
+  const result = [...intervals];
+  result.sort(([a], [c]) => a - c);
+
+  let i = 1;
+
+  while (i < result.length) {
+    const [a, b] = result[i - 1];
+    const [c, d] = result[i];
+
+    if (b >= c) {
+      result.splice(i - 1, 2, [a, Math.max(b, d)]);
+    } else {
+      i++;
+    }
+  }
+
+  return result;
+};

package/bundle/content-page-repository/transformImgPath.d.ts

@@ -1,8 +0,0 @@
-import type { ImgSource } from '../model/Picture';
-import type { TransformationOptions } from './TransformationOptions';
-interface DirectoryParams {
-    pageDir: string;
-    contentDir: string;
-}
-export declare function transformImgPath(src: string, { pageDir, contentDir }: DirectoryParams, { format, size }: TransformationOptions & ImgSource): string;
-export {};

package/dist/content-page-repository/transformImgPath.d.ts

@@ -1,8 +0,0 @@
-import type { ImgSource } from '../model/Picture';
-import type { TransformationOptions } from './TransformationOptions';
-interface DirectoryParams {
-    pageDir: string;
-    contentDir: string;
-}
-export declare function transformImgPath(src: string, { pageDir, contentDir }: DirectoryParams, { format, size }: TransformationOptions & ImgSource): string;
-export {};

package/dist/content-page-repository/transformImgPath.js

@@ -1,22 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformImgPath = void 0;
-const path_1 = __importDefault(require("path"));
-const isPictureSizeEmpty_1 = require("../utils/isPictureSizeEmpty");
-function transformImgPath(src, { pageDir, contentDir }, { format, size }) {
-    const noTransform = (0, isPictureSizeEmpty_1.isPictureSizeEmpty)(size) && !format;
-    if (noTransform) {
-        return src;
-    }
-    const imgPath = path_1.default.relative(contentDir, path_1.default.join(pageDir, src));
-    const imgDir = path_1.default.dirname(imgPath);
-    const fileName = path_1.default.basename(src, path_1.default.extname(src));
-    const fileSizes = [size?.width, size?.height].filter(Boolean);
-    const suffix = fileSizes.length ? `-${fileSizes.join('-')}` : '';
-    const ext = format ? String(format) : 'webp';
-    return path_1.default.join(imgDir, `${fileName}${suffix}.${ext}`);
-}
-exports.transformImgPath = transformImgPath;
-//# sourceMappingURL=transformImgPath.js.map

package/dist/content-page-repository/transformImgPath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformImgPath.js","sourceRoot":"","sources":["../../src/content-page-repository/transformImgPath.ts"],"names":[],"mappings":";;;;;AAAA,gDAAwB;AAExB,oEAAiE;AAQjE,SAAgB,gBAAgB,CAC9B,GAAW,EACX,EAAE,OAAO,EAAE,UAAU,EAAmB,EACxC,EAAE,MAAM,EAAE,IAAI,EAAqC;IAEnD,MAAM,WAAW,GAAG,IAAA,uCAAkB,EAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACxD,IAAI,WAAW,EAAE;QACf,OAAO,GAAG,CAAC;KACZ;IAED,MAAM,OAAO,GAAG,cAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,cAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,cAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,cAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,cAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC;AAC1D,CAAC;AAnBD,4CAmBC"}

package/lib/content-page-repository/transformImgPath.d.ts

@@ -1,8 +0,0 @@
-import type { ImgSource } from '../model/Picture';
-import type { TransformationOptions } from './TransformationOptions';
-interface DirectoryParams {
-    pageDir: string;
-    contentDir: string;
-}
-export declare function transformImgPath(src: string, { pageDir, contentDir }: DirectoryParams, { format, size }: TransformationOptions & ImgSource): string;
-export {};

package/lib/content-page-repository/transformImgPath.js

@@ -1,16 +0,0 @@
-import path from 'path';
-import { isPictureSizeEmpty } from '../utils/isPictureSizeEmpty.js';
-export function transformImgPath(src, { pageDir, contentDir }, { format, size }) {
-    const noTransform = isPictureSizeEmpty(size) && !format;
-    if (noTransform) {
-        return src;
-    }
-    const imgPath = path.relative(contentDir, path.join(pageDir, src));
-    const imgDir = path.dirname(imgPath);
-    const fileName = path.basename(src, path.extname(src));
-    const fileSizes = [size?.width, size?.height].filter(Boolean);
-    const suffix = fileSizes.length ? `-${fileSizes.join('-')}` : '';
-    const ext = format ? String(format) : 'webp';
-    return path.join(imgDir, `${fileName}${suffix}.${ext}`);
-}
-//# sourceMappingURL=transformImgPath.js.map

package/lib/content-page-repository/transformImgPath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformImgPath.js","sourceRoot":"","sources":["../../src/content-page-repository/transformImgPath.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAQjE,MAAM,UAAU,gBAAgB,CAC9B,GAAW,EACX,EAAE,OAAO,EAAE,UAAU,EAAmB,EACxC,EAAE,MAAM,EAAE,IAAI,EAAqC;IAEnD,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACxD,IAAI,WAAW,EAAE;QACf,OAAO,GAAG,CAAC;KACZ;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC;AAC1D,CAAC"}

package/mobile/bundle/content-page-repository/transformImgPath.d.ts

@@ -1,8 +0,0 @@
-import type { ImgSource } from '../model/Picture';
-import type { TransformationOptions } from './TransformationOptions';
-interface DirectoryParams {
-    pageDir: string;
-    contentDir: string;
-}
-export declare function transformImgPath(src: string, { pageDir, contentDir }: DirectoryParams, { format, size }: TransformationOptions & ImgSource): string;
-export {};

package/mobile/dist/content-page-repository/transformImgPath.d.ts

@@ -1,8 +0,0 @@
-import type { ImgSource } from '../model/Picture';
-import type { TransformationOptions } from './TransformationOptions';
-interface DirectoryParams {
-    pageDir: string;
-    contentDir: string;
-}
-export declare function transformImgPath(src: string, { pageDir, contentDir }: DirectoryParams, { format, size }: TransformationOptions & ImgSource): string;
-export {};

package/mobile/dist/content-page-repository/transformImgPath.js

@@ -1,22 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformImgPath = void 0;
-const path_1 = __importDefault(require("path"));
-const isPictureSizeEmpty_1 = require("../utils/isPictureSizeEmpty");
-function transformImgPath(src, { pageDir, contentDir }, { format, size }) {
-    const noTransform = (0, isPictureSizeEmpty_1.isPictureSizeEmpty)(size) && !format;
-    if (noTransform) {
-        return src;
-    }
-    const imgPath = path_1.default.relative(contentDir, path_1.default.join(pageDir, src));
-    const imgDir = path_1.default.dirname(imgPath);
-    const fileName = path_1.default.basename(src, path_1.default.extname(src));
-    const fileSizes = [size?.width, size?.height].filter(Boolean);
-    const suffix = fileSizes.length ? `-${fileSizes.join('-')}` : '';
-    const ext = format ? String(format) : 'webp';
-    return path_1.default.join(imgDir, `${fileName}${suffix}.${ext}`);
-}
-exports.transformImgPath = transformImgPath;
-//# sourceMappingURL=transformImgPath.js.map

package/mobile/dist/content-page-repository/transformImgPath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformImgPath.js","sourceRoot":"","sources":["../../src/content-page-repository/transformImgPath.ts"],"names":[],"mappings":";;;;;AAAA,gDAAwB;AAExB,oEAAiE;AAQjE,SAAgB,gBAAgB,CAC9B,GAAW,EACX,EAAE,OAAO,EAAE,UAAU,EAAmB,EACxC,EAAE,MAAM,EAAE,IAAI,EAAqC;IAEnD,MAAM,WAAW,GAAG,IAAA,uCAAkB,EAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACxD,IAAI,WAAW,EAAE;QACf,OAAO,GAAG,CAAC;KACZ;IAED,MAAM,OAAO,GAAG,cAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,cAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,cAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,cAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,cAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC;AAC1D,CAAC;AAnBD,4CAmBC"}

package/mobile/lib/content-page-repository/transformImgPath.d.ts

@@ -1,8 +0,0 @@
-import type { ImgSource } from '../model/Picture';
-import type { TransformationOptions } from './TransformationOptions';
-interface DirectoryParams {
-    pageDir: string;
-    contentDir: string;
-}
-export declare function transformImgPath(src: string, { pageDir, contentDir }: DirectoryParams, { format, size }: TransformationOptions & ImgSource): string;
-export {};

package/mobile/lib/content-page-repository/transformImgPath.js

@@ -1,16 +0,0 @@
-import path from 'path';
-import { isPictureSizeEmpty } from '../utils/isPictureSizeEmpty.js';
-export function transformImgPath(src, { pageDir, contentDir }, { format, size }) {
-    const noTransform = isPictureSizeEmpty(size) && !format;
-    if (noTransform) {
-        return src;
-    }
-    const imgPath = path.relative(contentDir, path.join(pageDir, src));
-    const imgDir = path.dirname(imgPath);
-    const fileName = path.basename(src, path.extname(src));
-    const fileSizes = [size?.width, size?.height].filter(Boolean);
-    const suffix = fileSizes.length ? `-${fileSizes.join('-')}` : '';
-    const ext = format ? String(format) : 'webp';
-    return path.join(imgDir, `${fileName}${suffix}.${ext}`);
-}
-//# sourceMappingURL=transformImgPath.js.map

package/mobile/lib/content-page-repository/transformImgPath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformImgPath.js","sourceRoot":"","sources":["../../src/content-page-repository/transformImgPath.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAQjE,MAAM,UAAU,gBAAgB,CAC9B,GAAW,EACX,EAAE,OAAO,EAAE,UAAU,EAAmB,EACxC,EAAE,MAAM,EAAE,IAAI,EAAqC;IAEnD,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACxD,IAAI,WAAW,EAAE;QACf,OAAO,GAAG,CAAC;KACZ;IAED,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7C,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC;AAC1D,CAAC"}

package/mobile/src/content-page-repository/transformImgPath.ts

@@ -1,30 +0,0 @@
-import path from 'path';
-import type { ImgSource } from '../model/Picture';
-import { isPictureSizeEmpty } from '../utils/isPictureSizeEmpty';
-import type { TransformationOptions } from './TransformationOptions';
-
-interface DirectoryParams {
-  pageDir: string;
-  contentDir: string;
-}
-
-export function transformImgPath(
-  src: string,
-  { pageDir, contentDir }: DirectoryParams,
-  { format, size }: TransformationOptions & ImgSource,
-): string {
-  const noTransform = isPictureSizeEmpty(size) && !format;
-  if (noTransform) {
-    return src;
-  }
-
-  const imgPath = path.relative(contentDir, path.join(pageDir, src));
-  const imgDir = path.dirname(imgPath);
-
-  const fileName = path.basename(src, path.extname(src));
-  const fileSizes = [size?.width, size?.height].filter(Boolean);
-  const suffix = fileSizes.length ? `-${fileSizes.join('-')}` : '';
-  const ext = format ? String(format) : 'webp';
-
-  return path.join(imgDir, `${fileName}${suffix}.${ext}`);
-}

package/src/content-page-repository/transformImgPath.ts

@@ -1,30 +0,0 @@
-import path from 'path';
-import type { ImgSource } from '../model/Picture';
-import { isPictureSizeEmpty } from '../utils/isPictureSizeEmpty';
-import type { TransformationOptions } from './TransformationOptions';
-
-interface DirectoryParams {
-  pageDir: string;
-  contentDir: string;
-}
-
-export function transformImgPath(
-  src: string,
-  { pageDir, contentDir }: DirectoryParams,
-  { format, size }: TransformationOptions & ImgSource,
-): string {
-  const noTransform = isPictureSizeEmpty(size) && !format;
-  if (noTransform) {
-    return src;
-  }
-
-  const imgPath = path.relative(contentDir, path.join(pageDir, src));
-  const imgDir = path.dirname(imgPath);
-
-  const fileName = path.basename(src, path.extname(src));
-  const fileSizes = [size?.width, size?.height].filter(Boolean);
-  const suffix = fileSizes.length ? `-${fileSizes.join('-')}` : '';
-  const ext = format ? String(format) : 'webp';
-
-  return path.join(imgDir, `${fileName}${suffix}.${ext}`);
-}