* Добавлено базовое описание README.md

* TODO.md удалён за ненадобностью * В index.html добавлено более подробное описание цветовых тем * Части методов utils добавлена документация, явно указаны типа данных
2022-05-17 16:12:22 +05:00 · 2022-05-17 16:12:22 +05:00 · 3af90800ff
commit 3af90800ff
parent 5f03b751ee
7 changed files with 134 additions and 29 deletions
--- a/README.md
+++ b/README.md
@ -1 +1,61 @@
-Проект веб части ASB cloud
+![ASB Logo](concept/ImagesSrc/logo_Asb.svg)
+# Проект веб части ASB cloud
+
+# Порядок запуска
+## 1. Установка пакетов
+Для запуска установки необходимо иметь уже установленый [NPM](https://www.npmjs.com).
+
+Установка выполняется одной командой:
+```bash
+npm i
+```
+
+## 2. Автогенерация сервисов
+Для корректной работы веб-приложения необходимо наличие сервисов работы с RestAPI.
+
+Для их автогенерации требуется уже запущенная серверная часть.
+
+Автогенерацию можно запустить с помощью уже прописанных в [package.json](package.json) скриптов, либо вручную.
+
+Если сервер запущен на текущей машине достаточно написать: 
+```bash
+npm run update_openapi
+```
+
+Для получения сервисов с основного сервера: 
+```bash
+npm run update_openapi_server
+```
+
+или же ручной вариант:
+```bash
+npx openapi -i http://{IP_ADDRESS}:{PORT}/swagger/v1/swagger.json -o src/services/api
+```
+
+где ***IP_ADDRESS*** и ***PORT*** это соответственно IP-адрес и порт сервера.
+
+На данный момент имеются следующие IP-адреса:
+| IP-адрес | Описание |
+|:-|:-|
+| 127.0.0.1:5000 | Локальный адрес вашей машины (привязан к `update_openapi`) |
+| 192.168.1.70:5000 | Локальный адрес development-сервера (привязан к `update_openapi_server`) |
+| 46.146.209.148:89 | Внешний адрес development-сервера |
+| 46.146.209.148    | Внешний адрес production-сервера |
+
+## 3. Компиляция production-версии приложения
+После выполнения вышеописанных пунктов приложение готово к компиляции.
+
+Для компиляции досточно выполнить команду:
+```bash
+npm run build
+```
+
+После завершения этой команды скомпилированное приложение будет находиться в появившейся директории [build/](build/).
+
+## 4. Запуск development-версии приложения
+В [package.json](package.json) необходимо проверить и при необходимости изменить значение в поле ***proxy*** (пара адрес-порт сервера с RestAPI) на актуальное.
+
+После чего выполнить запуск командой:
+```bash
+npm start
+```
--- a/TODO.md
+++ b/TODO.md
@ -1 +0,0 @@
-env params prod/dev
--- a/public/index.html
+++ b/public/index.html
@ -1,13 +1,15 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="white" />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="white" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />
    <meta
      name="description"
-      content="онлайн мониторинг процесса бурения в реальном времени в офисе заказчика"
+      content="Онлайн мониторинг процесса бурения в реальном времени в офисе заказчика"
    />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>АСБ Vision</title>
--- a/src/utils/datetime.ts
+++ b/src/utils/datetime.ts
@ -19,7 +19,7 @@ export function isRawDate(value: unknown): value is RawDate {
    return !isNaN(Date.parse(String(value)))
 }

-export const formatDate = (date: unknown, utc = false, format = defaultFormat) => {
+export const formatDate = (date: unknown, utc: boolean = false, format: string = defaultFormat) => {
    if (!isRawDate(date)) return null
    const out = utc ? moment.utc(date).local() : moment(date)
    return out.format(format)
@ -40,8 +40,8 @@ export const periodToString = (time?: number) => {
    return `${days > 0 ? days : ''} ${toFixed(hours)}:${toFixed(minutes)}:${toFixed(seconds)}`
 }

-export const calcDuration = (start: unknown, end: unknown) => {
-    if (!isRawDate(start) || !isRawDate(end)) return
+export const calcDuration = (start: unknown, end: unknown): number | undefined => {
+    if (!isRawDate(start) || !isRawDate(end)) return undefined
    return (+new Date(end) - +new Date(start)) * timeInS.millisecond / timeInS.day
 }

--- a/src/utils/functions.tsx
+++ b/src/utils/functions.tsx
@ -1,20 +1,25 @@
 import { OperationStatService, WellOperationDto, WellOperationDtoPlanFactPredictBase } from '@api'

-const maxPrefix = 'isMax'
-const minPrefix = 'isMin'
+const maxPrefix: string = 'isMax'
+const minPrefix: string = 'isMin'

-export const getPrecision = (number: number) => Number.isFinite(number) ? number.toFixed(2) : '-'
+export const getPrecision = (number: number): string => Number.isFinite(number) ? number.toFixed(2) : '-'

 export type KeyType = number | string

-export const nwtIdCategory = 1043
+export const nwtIdCategory: number = 1043

 export type SaubData = WellOperationDto & {
-  isNPT?: boolean // Относится ли операция к НПВ
-  key?: number // ID операции
-  depth?: number // Глубина
-  date?: string // Дата
-  nptHours?: number // Колличество часов НПВ с начала бурения до текущего момента
+  /** Относится ли операция к НПВ */
+  isNPT?: boolean
+  /** ID операции */
+  key?: number
+  /** Глубина */
+  depth?: number
+  /** Дата */
+  date?: string
+  /** Колличество часов НПВ с начала бурения до текущего момента */
+  nptHours?: number
 }

 export const getOperations = async (idWell: number): Promise<{
@ -25,12 +30,14 @@ export const getOperations = async (idWell: number): Promise<{
 }> => {
  const ops = await OperationStatService.getTvd(idWell)

-  if (!ops) return {
+  if (!ops) {
+      return {
        operations: [],
        plan: [],
        fact: [],
        predict: [],
    }
+  }

  const convert = (operation?: WellOperationDto): SaubData => ({
    ...operation,
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@ -1,25 +1,62 @@
-export type { RawDate, timeInS } from './datetime'
 export { isRawDate, formatDate, defaultFormat, periodToString } from './datetime'
+export type { RawDate, timeInS } from './datetime'

-export const headerHeight = 64
+export const headerHeight: number = 64

 export const mainFrameSize = () => ({
    width: window.innerWidth,
    height: window.innerHeight - headerHeight
 })

+/**
+ * Возвращает 
+ * 
+ * @param arr Входящие данные
+ * @param def Значение по-умолчанию
+ * 
+ * @returns Если `arr` - массив будет возвращено оно, иначе `def`
+ */
 export const arrayOrDefault = <T extends unknown>(arr?: unknown, def: T[] = []): T[] => Array.isArray(arr) ? arr : def

+/**
+ * Копирует данные в глубину.
+ * 
+ * @remarks
+ * При копированиий объектов, содержащих функций может возникнуть исключение.
+ * Не предназначено для копирования функций.
+ * 
+ * @param data Копируемые данные
+ * @returns Полная копия `data`
+ */
 export const deepCopy = <T extends any>(data: T): T => JSON.parse(JSON.stringify(data ?? null))

+/**
+ * Маппинг полей объекта
+ * 
+ * @param data Входящие данные
+ * @param handler Обработчик
+ * 
+ * @returns Объект с обработанными полями
+ */
 export const wrapValues = <T, R>(data: Record<string, T>, handler: (data: T, key: string, object: Record<string, T>) => R): Record<string, R> =>
    Object.fromEntries(Object.entries(data).map(([key, value]) => [key, handler(value, key, data)]))

+/**
+ * Генерирует массив чисел в заданном диапазоне
+ * 
+ * @param end Конечное значение
+ * @param start Начальное значение
+ * 
+ * @returns Массив чисел в диапазоне от `start` до `end`
+ */
 export const range = (end: number, start: number = 0) => Array.from({ length: end - start }, (_, i) => start + i)

 /**
- * Объединить типы, исключив совпадающие поля справа
- * @param T Тип, передаваемый полностью
- * @param R Аддитивный тип
+ * Объединить типы, исключив совпадающие поля справа.
+ * 
+ * @typeParam T - Тип, передаваемый полностью
+ * @typeParam R - Аддитивный тип
+ * 
+ * @returns Общий тип с полным `T` и несовпадающими полями из `R`
 */
 export type OmitExtends<T, R> = T & Omit<R, keyof T>
--- a/src/utils/string.ts
+++ b/src/utils/string.ts
@ -1,7 +1,7 @@
-export const makeStringCutter = (maxLength = 100, separator = ' ', suffix = '...') => (comment?: string) => {
+export const makeStringCutter = (maxLength: number = 100, separator: string = ' ', suffix: string = '...') => (comment?: string) => {
    if (!comment || comment.length < maxLength)
        return comment
-    let lastSep = comment.lastIndexOf(separator, maxLength)
+    const lastSep = comment.lastIndexOf(separator, maxLength)
    if (lastSep < 0)
        return comment.substring(0, maxLength - suffix.length) + suffix
    return comment.substring(0, lastSep)