yummies 5.4.6 → 5.4.8

package/src/html.ts

@@ -1,238 +0,0 @@
-import DOMPurify, { type Config as DOMPurifyConfig } from 'dompurify';
-
-import { blobToUrl } from './media.js';
-import type { Maybe } from './utils/types.js';
-
-/**
- * Вытаскивает RGB из любого цвета
- *
- * Не рекомендуется к использованию так как вызывает reflow
- */
-export const getComputedColor = (color?: string): string | null => {
-  if (!color) return null;
-
-  const d = document.createElement('div');
-  d.style.color = color;
-  document.body.append(d);
-  const rgbcolor = globalThis.getComputedStyle(d).color;
-  const match =
-    /rgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*\d+[.d+]*)*\)/g.exec(rgbcolor);
-
-  d.remove();
-
-  if (!match) return null;
-
-  return `${match[1]}, ${match[2]}, ${match[3]}`;
-};
-
-export const downloadUsingAnchor = (
-  urlOrBlob: string | Blob,
-  fileName?: string,
-) => {
-  const url = blobToUrl(urlOrBlob);
-
-  const a = document.createElement('a');
-  a.href = url;
-
-  a.download = fileName ?? 'file';
-
-  a.target = '_blank';
-
-  document.body.append(a);
-
-  a.click();
-
-  a.remove();
-};
-
-/**
- * Surrounds string in an anchor tag
- */
-export function wrapTextToTagLink(link: string) {
-  const descr = String(link).replace(/^(https?:\/{0,2})?(w{3}\.)?/, 'www.');
-  if (!/^https?:\/{2}/.test(link)) link = `http://${link}`;
-  return `<a href=${link} target="_blank">${descr}</a>`;
-}
-
-export const collectOffsetTop = (element: HTMLElement | null) => {
-  let offsetTop = 0;
-  let node = element;
-
-  while (node != null) {
-    offsetTop += node.offsetTop;
-    node = node.parentElement;
-  }
-
-  return offsetTop;
-};
-
-export const skipEvent = (e: Event) => {
-  e.preventDefault();
-  e.stopPropagation();
-
-  return false;
-};
-
-export const globalScrollIntoViewForY = (node: HTMLElement) => {
-  const scrollContainer = document.body;
-  const pageHeight = window.innerHeight;
-  const nodeBounding = node.getBoundingClientRect();
-  const scrollPagesCount = scrollContainer.scrollHeight / pageHeight;
-
-  const scrollPageNumber = Math.min(
-    Math.max(nodeBounding.top / pageHeight, 1),
-    scrollPagesCount,
-  );
-
-  window.scroll({
-    top: scrollPageNumber * pageHeight,
-    behavior: 'smooth',
-  });
-};
-
-const sanitizeDefaults: DOMPurifyConfig = {
-  ALLOWED_TAGS: [
-    'a',
-    'article',
-    'b',
-    'blockquote',
-    'br',
-    'caption',
-    'code',
-    'del',
-    'details',
-    'div',
-    'em',
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'hr',
-    'i',
-    'img',
-    'ins',
-    'kbd',
-    'li',
-    'main',
-    'ol',
-    'p',
-    'pre',
-    'section',
-    'span',
-    'strong',
-    'sub',
-    'summary',
-    'sup',
-    'table',
-    'tbody',
-    'td',
-    'th',
-    'thead',
-    'tr',
-    'u',
-    'ul',
-  ],
-  ALLOWED_ATTR: ['href', 'target', 'name', 'src', 'class'],
-};
-
-export const sanitizeHtml = (html: Maybe<string>, config?: DOMPurifyConfig) => {
-  return DOMPurify.sanitize(html || '', {
-    ...sanitizeDefaults,
-    ...config,
-  });
-};
-
-export const checkElementHasParent = (
-  element: HTMLElement | null,
-  parent: Maybe<HTMLElement>,
-) => {
-  let node = element;
-
-  if (!parent) return false;
-
-  while (node != null) {
-    if (node === parent) {
-      return true;
-    } else {
-      node = node.parentElement;
-    }
-  }
-
-  return false;
-};
-
-/**
- * Executes a function within a view transition if supported by the browser.
- *
- * @param {VoidFunction} fn - The function to be executed.
- * @returns {ViewTransition} - The result of the executed function.
- *
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Document/startViewTransition | MDN: Document.startViewTransition}
- */
-export const startViewTransitionSafety = (
-  fn: VoidFunction,
-  params?: { disabled?: boolean },
-) => {
-  if (document.startViewTransition && !params?.disabled) {
-    return document.startViewTransition(fn);
-  }
-  fn();
-};
-
-/**
- * Вычисляет размер скроллбара
- */
-export const calcScrollbarWidth = () => {
-  const outer = document.createElement('div');
-
-  outer.style.visibility = 'hidden';
-  outer.style.width = '100px';
-  outer.style.overflow = 'scroll';
-
-  document.body.append(outer);
-
-  const inner = document.createElement('div');
-  inner.style.width = '100%';
-
-  outer.append(inner);
-
-  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
-
-  outer.parentNode?.removeChild(outer);
-
-  return scrollbarWidth;
-};
-
-/**
- * Calculates the inner height of an HTML element, accounting for padding.
- */
-export function getElementInnerHeight(element: HTMLElement) {
-  const { clientHeight } = element;
-  const { paddingTop, paddingBottom } = getComputedStyle(element);
-  return (
-    clientHeight -
-    Number.parseFloat(paddingTop) -
-    Number.parseFloat(paddingBottom)
-  );
-}
-
-/**
- * Calculates the inner width of an HTML element, accounting for padding.
- */
-export function getElementInnerWidth(el: HTMLElement) {
-  const { clientWidth } = el;
-  const { paddingLeft, paddingRight } = getComputedStyle(el);
-  return (
-    clientWidth -
-    Number.parseFloat(paddingLeft) -
-    Number.parseFloat(paddingRight)
-  );
-}
-
-export const isPrefersDarkTheme = () =>
-  !!globalThis.matchMedia?.('(prefers-color-scheme: dark)')?.matches;
-
-export const isPrefersLightTheme = () =>
-  !!globalThis.matchMedia?.('(prefers-color-scheme: light)')?.matches;

package/src/imports.ts

@@ -1,52 +0,0 @@
-import { sleep } from './async.js';
-
-/**
- * Функция ленивой загрузки модуля, с возможностью вызова доп. попыток
- * @example
- * ```ts
- * fetchLazyModule(() => import("./test.ts"), 3) // начнет загрузку test.ts
- * // Произошла ошибка загрузки test.ts, тогда fetchLazyModule повторно вызовет fn()
- * // Вызывать будет столько раз сколько указано attempts (по умолчанию 3)
- * ```
- */
-export const fetchLazyModule = async <T>(
-  fetchModule: () => Promise<T>,
-  attempts = 3,
-  delay = 1000,
-): Promise<T> => {
-  const attemptsArray = Array.from<typeof fetchModule>({
-    length: attempts,
-  }).fill(fetchModule);
-
-  let lastError: null | Error = null;
-
-  for await (const attempt of attemptsArray) {
-    try {
-      if (lastError !== null) {
-        await sleep(delay);
-      }
-      return await attempt();
-    } catch (error) {
-      lastError = error as Error;
-    }
-  }
-  throw lastError;
-};
-
-export type PackedAsyncModule<T> = Promise<T | { default: T }>;
-
-export const unpackAsyncModule = async <T>(
-  maybeModule: T | PackedAsyncModule<T>,
-): Promise<T> => {
-  if (maybeModule instanceof Promise) {
-    const data = (await maybeModule) as any;
-
-    if ((data as any).default) {
-      return (data as any).default;
-    } else {
-      return data;
-    }
-  }
-
-  return maybeModule;
-};

package/src/math.ts

@@ -1,20 +0,0 @@
-import type { Maybe } from './utils/types.js';
-
-export function degToRad(deg: number) {
-  return deg * (Math.PI / 180);
-}
-export function radToDeg(rad: number) {
-  return rad * (180 / Math.PI);
-}
-
-/**
- * Получить процент от числа
- * @example
- * ```ts
- * percentFrom(500, 2000) // 25
- * percentFrom(1000, 2000) // 50
- * ```
- */
-export const percentFrom = (value: Maybe<number>, from: Maybe<number>) => {
-  return ((value ?? 0) / (from ?? 0)) * 100 || 0;
-};

package/src/media.ts

@@ -1,134 +0,0 @@
-import { degToRad } from './math.js';
-
-export function blobToBase64(blob: Blob): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => resolve(reader.result as string);
-    reader.onerror = reject;
-    reader.readAsDataURL(blob);
-  });
-}
-
-export const blobToUrl = (urlOrBlob: string | Blob) =>
-  urlOrBlob instanceof Blob ? URL.createObjectURL(urlOrBlob) : urlOrBlob;
-
-export const fileToBlob = (file: File) => {
-  return new Blob([file], { type: file.type });
-};
-
-export const imageToBlob = (
-  imageElement: HTMLImageElement,
-  mimeType: string = 'image/png',
-) => {
-  const canvas = document.createElement('canvas');
-
-  canvas.width = imageElement.naturalWidth || 300;
-  canvas.height = imageElement.naturalHeight || 300;
-
-  canvas.getContext('2d')!.drawImage(imageElement, 0, 0);
-
-  const dataUri = canvas.toDataURL(mimeType, 1);
-  const base64data = dataUri.split(',')[1];
-  const base64MimeType = dataUri.split(';')[0].slice(5);
-
-  const bytes = globalThis.atob(base64data);
-  const buf = new ArrayBuffer(bytes.length);
-  const array = new Uint8Array(buf);
-
-  for (let index = 0; index < bytes.length; index++) {
-    array[index] = bytes.charCodeAt(index);
-  }
-
-  const blob = new Blob([array], { type: base64MimeType });
-
-  return blob;
-};
-
-/**
- * Загружает и отрисовывает изображение с использованием Image
- *
- * @returns {Promise<HTMLImageElement>}
- */
-export const renderImage = (urlOrBlob: Blob | string) =>
-  new Promise<HTMLImageElement>((resolve, reject) => {
-    const image = new Image();
-    image.src = blobToUrl(urlOrBlob);
-    image.onload = () => resolve(image);
-    image.onerror = () => reject();
-  });
-
-function cropImageFromCanvas(context: CanvasRenderingContext2D) {
-  const canvas = context.canvas;
-  let w = canvas.width;
-  let h = canvas.height;
-  const pix: { x: number[]; y: number[] } = { x: [], y: [] };
-  const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
-  let x: number;
-  let y: number;
-  let index: number;
-
-  for (y = 0; y < h; y++) {
-    for (x = 0; x < w; x++) {
-      index = (y * w + x) * 4;
-      if (imageData.data[index + 3] > 0) {
-        pix.x.push(x);
-        pix.y.push(y);
-      }
-    }
-  }
-  pix.x.sort((a, b) => a - b);
-  pix.y.sort((a, b) => a - b);
-  const n = pix.x.length - 1;
-
-  w = 1 + pix.x[n] - pix.x[0];
-  h = 1 + pix.y[n] - pix.y[0];
-  const cut = context.getImageData(pix.x[0], pix.y[0], w, h);
-
-  canvas.width = w;
-  canvas.height = h;
-  context.putImageData(cut, 0, 0);
-  return canvas;
-}
-
-// TODO: ломает iphone с огромными изображениями
-export const rotateImage = (image: HTMLImageElement, angle: number) => {
-  const maxSize = Math.max(image.width, image.height);
-  const canvas = document.createElement('canvas');
-  canvas.width = maxSize;
-  canvas.height = maxSize;
-  const context = canvas.getContext('2d')!;
-  context.save();
-  context.translate(canvas.width / 2, canvas.height / 2);
-  context.rotate(degToRad(angle));
-  context.drawImage(image, -image.width / 2, -image.height / 2);
-  context.restore();
-  cropImageFromCanvas(context);
-  return renderImage(canvas.toDataURL('image/png'));
-};
-
-interface DecodedDataUrl {
-  mimeType?: string;
-  data?: string;
-}
-
-/*
- * Returning object which contains base64 data and mime type of passed data url string.
- * */
-export function decodeDataUrl(url: string): DecodedDataUrl {
-  const regex = /^data:(.*);base64,\s?(.*)$/;
-  const matches = new RegExp(regex).exec(url);
-
-  return {
-    mimeType: matches?.[1],
-    data: matches?.[2],
-  };
-}
-
-export const isHttpUrl = (url: string): boolean => {
-  return url.startsWith('https://') || url.startsWith('http://');
-};
-
-export const isBase64Image = (str: string): boolean => {
-  const { mimeType, data } = decodeDataUrl(str);
-  return !!(data && mimeType?.startsWith('image/'));
-};

package/src/mobx/apply-observable.ts

@@ -1,20 +0,0 @@
-import { makeObservable } from 'mobx';
-import type { AnyObject } from '../utils/types.js';
-
-export type ObservableAnnotationsArray = [string, any][];
-
-export const applyObservable = (
-  context: AnyObject,
-  annotationsArray: ObservableAnnotationsArray,
-  useDecorators?: boolean,
-) => {
-  if (useDecorators) {
-    annotationsArray.forEach(([field, annotation]) => {
-      annotation(context, field);
-    });
-
-    makeObservable(context);
-  } else {
-    makeObservable(context, Object.fromEntries(annotationsArray));
-  }
-};

package/src/mobx/create-enhanced-atom.ts

@@ -1,28 +0,0 @@
-import { createAtom, type IAtom } from 'mobx';
-import type { AnyObject } from '../utils/types.js';
-
-export interface IEnhancedAtom<TMeta extends AnyObject = AnyObject>
-  extends IAtom {
-  meta: TMeta;
-}
-
-/**
- * Creates an enhanced atom with meta data
- * And bind `reportChanged` and `reportObserved` method to the atom
- */
-export const createEnhancedAtom = <TMeta extends AnyObject>(
-  name: string,
-  onBecomeObservedHandler?: (atom: IEnhancedAtom<TMeta>) => void,
-  onBecomeUnobservedHandler?: (atom: IEnhancedAtom<TMeta>) => void,
-  meta?: TMeta,
-): IEnhancedAtom<TMeta> => {
-  const atom = createAtom(
-    name,
-    onBecomeObservedHandler && (() => onBecomeObservedHandler?.(atom)),
-    onBecomeUnobservedHandler && (() => onBecomeUnobservedHandler?.(atom)),
-  ) as IEnhancedAtom<TMeta>;
-  atom.meta = meta ?? ({} as TMeta);
-  atom.reportChanged = atom.reportChanged.bind(atom);
-  atom.reportObserved = atom.reportObserved.bind(atom);
-  return atom;
-};

package/src/mobx/deep-observable-struct.test.ts

@@ -1,69 +0,0 @@
-import { reaction } from 'mobx';
-import { describe, expect, it, vi } from 'vitest';
-import { DeepObservableStruct } from './deep-observable-struct';
-
-const dataSet = {
-  values: {
-    a1: 1,
-    a2: 'string',
-    a3: 'strign',
-    a4: 1,
-    a5: { a5_1: 0, a5_2: 0, a5_3: 0, a5_4: 0 },
-    a6: {
-      a6_1: ['1', '2', '3'],
-      a6_2: false,
-      a6_3: false,
-      a6_4: ['1', '2', '3'],
-      a6_5: [],
-    },
-    a7: {},
-    a8: {
-      a8_1: { a8_1_1: true, a8_1_2: '' },
-    },
-    a9: 'string',
-    a10: 'string',
-  },
-};
-
-describe('DeepObservableStruct', () => {
-  it('should set data correctly', () => {
-    const sourceValue = structuredClone(dataSet);
-    const struct = new DeepObservableStruct(sourceValue);
-
-    expect(struct.data).toEqual(structuredClone(dataSet));
-
-    const nextData = structuredClone(dataSet);
-    nextData.values.a8.a8_1.a8_1_2 = 'new value';
-
-    struct.set(nextData);
-
-    expect(struct.data).toEqual(nextData);
-  });
-
-  it('should MobX reaction ignores all updates expect real changes', () => {
-    const sourceValue = structuredClone(dataSet);
-    const struct = new DeepObservableStruct(sourceValue);
-
-    expect(struct.data).toEqual(structuredClone(dataSet));
-
-    const reaction1Spy = vi.fn();
-    const reaction2Spy = vi.fn();
-    const reaction3Spy = vi.fn();
-    const reaction4Spy = vi.fn();
-
-    reaction(() => struct.data.values.a2, reaction1Spy);
-    reaction(() => struct.data.values.a8, reaction2Spy);
-    reaction(() => struct.data.values.a8.a8_1, reaction3Spy);
-    reaction(() => struct.data.values.a8.a8_1.a8_1_2, reaction4Spy);
-
-    const nextData = structuredClone(dataSet);
-    nextData.values.a8.a8_1.a8_1_2 = 'new value';
-
-    struct.set(nextData);
-
-    expect(reaction1Spy).not.toBeCalled();
-    expect(reaction2Spy).not.toBeCalled();
-    expect(reaction3Spy).not.toBeCalled();
-    expect(reaction4Spy).toBeCalledTimes(1);
-  });
-});

package/src/mobx/deep-observable-struct.ts

@@ -1,69 +0,0 @@
-import { action, makeObservable, observable } from 'mobx';
-import { typeGuard } from '../type-guard/index.js';
-import type { AnyObject } from '../utils/types.js';
-
-export class DeepObservableStruct<TData extends AnyObject> {
-  data: TData;
-
-  constructor(data: TData) {
-    this.data = data;
-
-    makeObservable(this, {
-      data: observable.deep,
-      set: action,
-    });
-  }
-
-  set(newData: Partial<TData>) {
-    type StackItem = [key: string, currObservable: AnyObject, new: AnyObject];
-
-    const stack: StackItem[] = Object.keys(this.data).map((key) => [
-      key,
-      this.data,
-      newData,
-    ]);
-
-    let currentIndex = 0;
-    let stackLength = stack.length;
-
-    while (currentIndex < stackLength) {
-      const [key, currObservableData, newData] = stack[currentIndex];
-      const newValue = newData[key];
-      const currValue = currObservableData[key];
-
-      currentIndex++;
-
-      if (key in newData) {
-        if (typeGuard.isObject(newValue) && typeGuard.isObject(currValue)) {
-          const newValueKeys = Object.keys(newValue);
-
-          Object.keys(currValue).forEach((childKey) => {
-            if (!(childKey in newValue)) {
-              delete currObservableData[key][childKey];
-            }
-          });
-
-          newValueKeys.forEach((childKey) => {
-            const length = stack.push([
-              childKey,
-              currObservableData[key],
-              newValue,
-            ]);
-            stackLength = length;
-          });
-        } else if (newValue !== currValue) {
-          currObservableData[key] = newValue;
-        }
-      } else {
-        delete currObservableData[key];
-      }
-    }
-
-    Object.keys(newData).forEach((newDataKey) => {
-      if (!this.data[newDataKey]) {
-        // @ts-expect-error
-        this.data[newDataKey] = newData[newDataKey];
-      }
-    });
-  }
-}

package/src/mobx/get-mobx-administration.ts

@@ -1,10 +0,0 @@
-import { $mobx, type AnnotationMapEntry } from 'mobx';
-import type { AnyObject } from '../utils/types.js';
-
-type ObservableObjectAdministration = Parameters<
-  Exclude<AnnotationMapEntry, boolean>['make_']
->[0];
-
-export const getMobxAdministration = (
-  context: AnyObject,
-): ObservableObjectAdministration => context[$mobx];

package/src/mobx/index.ts

@@ -1,5 +0,0 @@
-export * from './apply-observable.js';
-export * from './create-enhanced-atom.js';
-export * from './deep-observable-struct.js';
-export * from './get-mobx-administration.js';
-export * from './lazy-observe.js';