@sima-land/isomorph 11.0.0-alpha.0 → 11.0.0-alpha.1

package/src/utils/browser/analytics/data-layer.ts

@@ -1,12 +0,0 @@
-import { isFunction } from 'lodash';
-
-/**
- * Отправка аналитики в око.
- * @param eventData Данные события для отправки.
- */
-export const dataLayerPush = (eventData: Record<string, any>) => {
-  const win: any = window;
-
-  // копируем объект так как window.dataLayer.push может менять аргумент в процессе работы
-  isFunction(win.dataLayer?.push) && win.dataLayer.push({ ...eventData });
-};

package/src/utils/browser/analytics/oko.ts

@@ -1,44 +0,0 @@
-import { useRef } from 'react';
-import { isEqual, isFunction } from 'lodash';
-
-export type OkoEvent = Record<string, any>;
-
-/**
- * Отправка аналитики в око.
- * @param eventData Данные события для отправки.
- */
-export const okoPush = (eventData: OkoEvent) => {
-  const win: any = window;
-
-  // копируем объект так как window.oko.push меняет свой аргумент в процессе выполнения
-  isFunction(win.oko?.push) && win.oko.push({ ...eventData });
-};
-
-/**
- * Хук, возвращающий функцию, которая отправит аналитику в ОКО.
- * @param data Данные события для отправки в ОКО.
- * @return Функция.
- */
-export const useOkoPush = (data: OkoEvent) => {
-  const dataRef = useRef<OkoEvent>();
-  const fnRef = useRef<() => void>();
-
-  if (!dataRef.current) {
-    dataRef.current = { ...data };
-  }
-
-  if (!fnRef.current) {
-    fnRef.current = () => okoPush(dataRef.current as OkoEvent);
-  }
-
-  if (!isEqual(data, dataRef.current)) {
-    throw Error(
-      [
-        'useAnalytics: Данные для аналитики изменились.',
-        'Если необходимо использовать динамические данные, вынесите логику из React-компонента.',
-      ].join('\n'),
-    );
-  }
-
-  return fnRef.current;
-};

package/src/utils/browser/storage/index.ts

@@ -1,75 +0,0 @@
-/* eslint-disable require-jsdoc, jsdoc/require-jsdoc */
-
-export interface StorageUtils
-  extends Pick<Storage, 'clear' | 'getItem' | 'key' | 'removeItem' | 'setItem' | 'length'> {
-  isAvailable: () => boolean;
-}
-
-export function createStorageUtils(getStorage: () => Storage): StorageUtils {
-  function isAvailable(): boolean {
-    try {
-      const testKey = `local_storage_test_key::${Date.now()}`;
-
-      getStorage().setItem(testKey, testKey);
-      getStorage().removeItem(testKey);
-
-      return true;
-    } catch {
-      return false;
-    }
-  }
-
-  function clear(): void {
-    if (isAvailable()) {
-      getStorage().clear();
-    }
-  }
-
-  function getItem(name: string): string | null {
-    if (isAvailable()) {
-      return getStorage().getItem(name);
-    }
-
-    return null;
-  }
-
-  function key(index: number): string | null {
-    if (isAvailable()) {
-      return getStorage().key(index);
-    }
-    return null;
-  }
-
-  function removeItem(name: string): void {
-    if (isAvailable()) {
-      getStorage().removeItem(name);
-    }
-  }
-
-  function setItem(name: string, value: string): void {
-    if (isAvailable()) {
-      getStorage().setItem(name, value);
-    }
-  }
-
-  function length(): number {
-    if (isAvailable()) {
-      return getStorage().length;
-    }
-
-    return 0;
-  }
-
-  return {
-    isAvailable,
-
-    clear,
-    getItem,
-    key,
-    removeItem,
-    setItem,
-    get length() {
-      return length();
-    },
-  };
-}

package/src/utils/number.ts

@@ -1,8 +0,0 @@
-/**
- * Переводит наносекунды в миллисекунды.
- * @param nanoseconds Наносекунды.
- * @return Миллисекунды.
- */
-export function toMilliseconds(nanoseconds: bigint): number {
-  return Number(nanoseconds / 1000000n);
-}

package/src/utils/react/error-handlers/__test__/__snapshots__/index.test.tsx.snap

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ErrorBoundary should call captureException 1`] = `<div />`;
-
-exports[`ErrorBoundary should render children component 1`] = `
-<div>
-  <div>
-    Normal component
-  </div>
-</div>
-`;
-
-exports[`ErrorBoundary should render fallback component 1`] = `
-<div>
-  <div>
-    Fallback
-  </div>
-</div>
-`;
-
-exports[`SafeSuspense should render with props 1`] = `
-<div>
-  <div>
-    Normal component
-  </div>
-</div>
-`;

package/src/utils/react/error-handlers/__test__/index.test.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ErrorBoundary, SafeSuspense } from '..';
-
-describe('ErrorBoundary', () => {
-  const error = new Error('Test error');
-
-  const FailedComponent = () => {
-    throw error;
-  };
-
-  it('should render children component', () => {
-    const { container } = render(
-      <ErrorBoundary fallback={null}>
-        <div>Normal component</div>
-      </ErrorBoundary>,
-    );
-
-    expect(container.textContent).toContain('Normal component');
-    expect(container).toMatchSnapshot();
-  });
-
-  it('should render fallback component', () => {
-    const { container } = render(
-      <ErrorBoundary fallback={<div>Fallback</div>}>
-        <>
-          <div>Normal component</div>
-          <FailedComponent />
-        </>
-      </ErrorBoundary>,
-    );
-
-    expect(container.textContent).toContain('Fallback');
-    expect(container).toMatchSnapshot();
-  });
-
-  it('should call captureException', () => {
-    const handlerException = jest.fn();
-
-    const { container } = render(
-      <ErrorBoundary fallback={null} onError={handlerException}>
-        <>
-          <div>Normal component</div>
-          <FailedComponent />
-        </>
-      </ErrorBoundary>,
-    );
-
-    expect(handlerException).toBeCalledWith(error, { componentStack: expect.any(String) });
-    expect(container).toMatchSnapshot();
-  });
-});
-
-describe('SafeSuspense', () => {
-  it('should render with props', () => {
-    const { container } = render(
-      <SafeSuspense fallback={<div>Fallback</div>} onError={jest.fn()}>
-        <div>Normal component</div>
-      </SafeSuspense>,
-    );
-
-    expect(container).toMatchSnapshot();
-  });
-});

package/src/utils/react/error-handlers/index.tsx

@@ -1,62 +0,0 @@
-import React from 'react';
-
-export interface Props {
-  /** Дочерний компонент. */
-  children: NonNullable<React.ReactNode> | null;
-
-  /** Запасной элемент, если возникла ошибка. */
-  fallback: NonNullable<React.ReactNode> | null;
-
-  /** Функция для логирования ошибки. */
-  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
-}
-
-/**
- * Обработчик ошибок в React-компонентах.
- */
-export class ErrorBoundary extends React.Component<Props, { hasError: boolean }> {
-  /**
-   * @param props Свойства.
-   */
-  constructor(props: Props) {
-    super(props);
-
-    this.state = { hasError: false };
-  }
-
-  /** @inheritdoc */
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-
-  /** @inheritdoc */
-  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
-    const { onError } = this.props;
-
-    onError?.(error, errorInfo);
-  }
-
-  /**
-   * Рендер.
-   * @return Дочерний элемент либо запасное значение.
-   */
-  render() {
-    const { children, fallback } = this.props;
-
-    return this.state.hasError ? fallback : children;
-  }
-}
-
-/**
- * Обертка над Suspense c перехватом ошибок.
- * @todo Возможно этот компонент не нужен...
- * @param props Свойства.
- * @return Элемент.
- */
-export const SafeSuspense = ({ children, fallback, onError }: Props) => (
-  <React.Suspense fallback={fallback}>
-    <ErrorBoundary fallback={fallback} onError={onError}>
-      {children}
-    </ErrorBoundary>
-  </React.Suspense>
-);

package/src/utils/redux/__test__/remote-data.test.ts

@@ -1,50 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-import { createRemoteDataReducers, RemoteDataState, STATUS } from '../remote-data';
-
-interface TestState extends RemoteDataState<number, string> {
-  foo: 'bar';
-}
-
-describe('createGenericSlice', () => {
-  const initialState: TestState = {
-    data: 0,
-    error: '',
-    status: STATUS.initial,
-    foo: 'bar',
-  };
-
-  const { reducer, actions } = createSlice({
-    name: 'user',
-    initialState,
-    reducers: createRemoteDataReducers<TestState>(),
-  });
-
-  it('should handle request action', () => {
-    const actual = reducer(initialState, actions.request());
-
-    expect(actual).toEqual({
-      ...initialState,
-      status: STATUS.fetching,
-    });
-  });
-
-  it('should handle success action', () => {
-    const actual = reducer(initialState, actions.success(234));
-
-    expect(actual).toEqual({
-      ...initialState,
-      data: 234,
-      status: STATUS.success,
-    });
-  });
-
-  it('should handle failure action', () => {
-    const actual = reducer(initialState, actions.failure('error message here'));
-
-    expect(actual).toEqual({
-      ...initialState,
-      error: 'error message here',
-      status: STATUS.failure,
-    });
-  });
-});

package/src/utils/redux/remote-data.ts

@@ -1,34 +0,0 @@
-import type { PayloadAction, Draft } from '@reduxjs/toolkit';
-
-export type Status = 'initial' | 'fetching' | 'success' | 'failure';
-
-export interface RemoteDataState<TData, TError> {
-  data: TData;
-  error: TError;
-  status: Status;
-}
-
-export const STATUS: Record<Status, Status> = {
-  initial: 'initial',
-  fetching: 'fetching',
-  success: 'success',
-  failure: 'failure',
-};
-
-/**
- * Возвращает набор обработчиков для работы с удаленными данными.
- * @return Набор.
- */
-export const createRemoteDataReducers = <S extends RemoteDataState<any, any>>() => ({
-  request: (state: Draft<S>) => {
-    state.status = STATUS.fetching;
-  },
-  success: (state: Draft<S>, action: PayloadAction<S['data']>) => {
-    state.data = action.payload;
-    state.status = STATUS.success;
-  },
-  failure: (state: Draft<S>, action: PayloadAction<S['error']>) => {
-    state.error = action.payload;
-    state.status = STATUS.failure;
-  },
-});

package/src/utils/redux-saga/__test__/take-chain.test.ts

@@ -1,141 +0,0 @@
-import { delay, fork, put, race, take } from 'redux-saga/effects';
-import { generateTakeChain, putDelayed, takeChain } from '../take-chain';
-
-const SettlementTypes = {
-  UPDATE: 'settlement',
-  REMOVE: 'settlement',
-};
-
-describe('takeChain', () => {
-  beforeEach(() => {
-    jest.spyOn(Date, 'now').mockImplementation(() => 123);
-  });
-
-  const testTypes = [SettlementTypes.UPDATE, SettlementTypes.REMOVE];
-  const timeout = 100;
-  const testTask = jest.fn();
-  const deps: [string, number] = ['John', 23];
-
-  it('generateTakeChain few actions', () => {
-    const gen = generateTakeChain(timeout, testTypes, testTask, deps);
-
-    expect(gen.next().value).toEqual(take(testTypes));
-
-    expect(gen.next({ type: SettlementTypes.REMOVE.toString() }).value).toEqual(
-      fork(putDelayed, timeout, { type: 'BREAK_123' }),
-    );
-
-    expect(gen.next().value).toEqual(
-      race({
-        action: take(testTypes),
-        canceled: take('BREAK_123'),
-      }),
-    );
-    expect(
-      gen.next({
-        action: { type: SettlementTypes.UPDATE.toString() },
-        canceled: { type: 'BREAK_123' },
-      }).value,
-    ).toEqual(
-      fork(testTask, ...deps, [
-        { type: SettlementTypes.REMOVE.toString() },
-        { type: SettlementTypes.UPDATE.toString() },
-      ]),
-    );
-    expect(gen.next()).toBeTruthy();
-  });
-
-  it('generateTakeChain one action', () => {
-    const gen = generateTakeChain(timeout, testTypes, testTask, deps);
-
-    expect(gen.next().value).toEqual(take(testTypes));
-
-    expect(gen.next({ type: 'settlement/REMOVE' }).value).toEqual(
-      fork(putDelayed, timeout, { type: 'BREAK_123' }),
-    );
-
-    expect(gen.next().value).toEqual(
-      race({
-        action: take(testTypes),
-        canceled: take('BREAK_123'),
-      }),
-    );
-    expect(
-      gen.next({
-        action: undefined,
-        canceled: { type: 'BREAK_123' },
-      }).value,
-    ).toEqual(fork(testTask, ...deps, [{ type: 'settlement/REMOVE' }]));
-    expect(gen.next()).toBeTruthy();
-  });
-
-  it('generateTakeChain without canceled', () => {
-    const gen = generateTakeChain(timeout, testTypes, testTask, deps);
-
-    expect(gen.next().value).toEqual(take(testTypes));
-
-    expect(gen.next({ type: 'settlement/REMOVE' }).value).toEqual(
-      fork(putDelayed, timeout, { type: 'BREAK_123' }),
-    );
-
-    expect(gen.next().value).toEqual(
-      race({
-        action: take(testTypes),
-        canceled: take('BREAK_123'),
-      }),
-    );
-    expect(
-      gen.next({
-        action: undefined,
-        canceled: undefined,
-      }).value,
-    ).toBeTruthy();
-  });
-
-  it('generateTakeChain when puts all actions and have not canceled', () => {
-    const gen = generateTakeChain(timeout, testTypes, testTask, deps);
-
-    expect(gen.next().value).toEqual(take(testTypes));
-
-    expect(gen.next({ type: SettlementTypes.REMOVE.toString() }).value).toEqual(
-      fork(putDelayed, timeout, { type: 'BREAK_123' }),
-    );
-
-    expect(gen.next().value).toEqual(
-      race({
-        action: take(testTypes),
-        canceled: take('BREAK_123'),
-      }),
-    );
-
-    expect(
-      gen.next({
-        action: { type: SettlementTypes.UPDATE.toString() },
-        canceled: undefined,
-      }).value,
-    ).toEqual(
-      fork(testTask, ...deps, [
-        { type: SettlementTypes.REMOVE.toString() },
-        { type: SettlementTypes.UPDATE.toString() },
-      ]),
-    );
-    expect(gen.next()).toBeTruthy();
-  });
-
-  it('should fork generateTakeChain', () => {
-    const fakeTakeChain = takeChain(timeout, testTypes, testTask, ...deps);
-
-    expect(fakeTakeChain).toEqual(fork(generateTakeChain, timeout, testTypes, testTask, deps));
-  });
-});
-
-describe('putDelayed', () => {
-  it('should works properly', () => {
-    const gen = putDelayed(10, { type: 'test' });
-
-    expect(gen.next().value).toEqual(delay(10));
-    expect(gen.next().value).toEqual(put({ type: 'test' }));
-
-    expect(gen.next()).toBeTruthy();
-  });
-});

package/src/utils/redux-saga/take-chain.ts

@@ -1,65 +0,0 @@
-import { Action } from '@reduxjs/toolkit';
-import { delay, fork, put, race, take } from 'redux-saga/effects';
-
-/**
- * Накапливает экшены и генерирует эффект по таймауту.
- * @param timeout Время задержки в мс.
- * @param types Массив с типами ожидаемых экшенов.
- * @param task Генератор.
- * @param deps Аргументы для генератора.
- * @return Эффект.
- */
-export function takeChain<
-  Deps extends any[],
-  Task extends (...someArgs: [...Deps, Action[]]) => any,
->(timeout: number, types: string[], task: Task, ...deps: Deps) {
-  return fork(generateTakeChain as any, timeout, types, task, deps);
-}
-
-/**
- * Генерирует эффект по таймауту.
- * @param timeout Время задержки в мс.
- * @param types Массив с типами ожидаемых экшенов.
- * @param task Генератор.
- * @param deps Аргументы для генератора.
- */
-export function* generateTakeChain<
-  Deps extends any[],
-  Task extends (...someArgs: [...Deps, Action[]]) => any,
->(timeout: number, types: string[], task: Task, deps: Deps): Generator<any, void, any> {
-  while (true) {
-    const breakAction: Action = { type: `BREAK_${Date.now()}` };
-    const firstAction: Action = yield take(types);
-    const collectedActions = [firstAction];
-
-    yield fork(putDelayed, timeout, breakAction);
-
-    while (true) {
-      const { action, canceled } = yield race({
-        action: take(types),
-        canceled: take(breakAction.type),
-      });
-
-      action && collectedActions.push(action);
-
-      if (
-        canceled ||
-        types.every(type => collectedActions.some(someAction => someAction.type === type))
-      ) {
-        // @todo убрать "as any"
-        yield fork(task as any, ...deps, collectedActions);
-        break;
-      }
-    }
-  }
-}
-
-/**
- * Вызывает экшен с заданной задержкой.
- * @param timeout Время задержки в мс.
- * @param action Тип экшена.
- */
-export function* putDelayed(timeout: number, action: Action) {
-  yield delay(timeout);
-  yield put(action);
-}