@postgres.ai/shared 4.0.4 → 4.1.1

package/utils/date.ts

@@ -0,0 +1,136 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+
+import {
+  parse,
+  startOfDay,
+  isSameDay,
+  startOfMonth,
+  startOfWeek,
+  endOfMonth,
+  endOfWeek,
+  differenceInDays,
+  addDays,
+  addMonths,
+  isSameMonth,
+  format,
+  formatDistanceToNowStrict,
+} from 'date-fns'
+
+export const formatDateToISO = (dateString: string) => {
+  // Handle empty or invalid date strings
+  if (!dateString || dateString.trim() === '') {
+    return ''
+  }
+  
+  try {
+    const parsedDate = parse(dateString, 'yyyyMMddHHmmss', new Date())
+    
+    // Additional validation of parsed date
+    if (!isValidDate(parsedDate) || isNaN(parsedDate.getTime())) {
+      return ''
+    }
+    
+    return format(parsedDate, "yyyy-MM-dd'T'HH:mm:ssXXX")
+  } catch (error) {
+    // Return empty string for invalid date formats
+    return ''
+  }
+}
+
+// parseDate parses date of both format: '2006-01-02 15:04:05 UTC' and `2006-01-02T15:04:05Z` (RFC3339).
+export const parseDate = (dateStr: string) =>
+  parse(
+    dateStr.replace(' UTC', 'Z').replace('T', ' '),
+    'yyyy-MM-dd HH:mm:ssX',
+    new Date(),
+  )
+
+// UTCf - UTC formatted, but not actually UTC.
+// date-fns using this approach because browser don't have an opportunity to switch single date
+// object in different timezones.
+// Example: 15:00:00 <some date> Moscow Standard Time -> 12:00:00 <same date> Moscow Standard Time.
+// In example above just ignore real timezone "Moscow Standard Time" and imagine that it is UTC.
+const toUTCf = (date: Date) =>
+  new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000)
+
+const toLocal = (date: Date) =>
+  new Date(date.getTime() - date.getTimezoneOffset() * 60 * 1000)
+
+const inUTC =
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+    <T extends (date: Date, ...otherArgs: any[]) => Date>(func: T) =>
+    (date: Date, ...otherArgs: unknown[]) =>
+      toLocal(func(toUTCf(date), ...otherArgs))
+
+export const startOfMonthUTC = inUTC(startOfMonth)
+
+export const startOfWeekUTC = inUTC(startOfWeek)
+
+export const endOfMonthUTC = inUTC(endOfMonth)
+
+export const endOfWeekUTC = inUTC(endOfWeek)
+
+export const startOfDayUTC = inUTC(startOfDay)
+
+export const addDaysUTC = inUTC(addDays)
+
+export const addMonthsUTC = inUTC(addMonths)
+
+export const differenceInDaysUTC = (date1: Date, date2: Date) =>
+  differenceInDays(toUTCf(date1), toUTCf(date2))
+
+export const isSameMonthUTC = (date1: Date, date2: Date) =>
+  isSameMonth(toUTCf(date1), toUTCf(date2))
+
+export const formatUTC = (date: Date, formatStr: string) =>
+  format(toUTCf(date), formatStr)
+
+export const isSameDayUTC = (date1: Date, date2: Date) =>
+  isSameDay(toUTCf(date1), toUTCf(date2))
+
+// Std date utils.
+export const formatDistanceStd = (date: Date) =>
+  formatDistanceToNowStrict(date, { addSuffix: true })
+
+export const formatDateStd = (
+  date: Date,
+  options?: { withDistance?: boolean },
+) =>
+  `${formatUTC(date, 'yyyy-MM-dd HH:mm:ss')} UTC ${
+    options?.withDistance ? `(${formatDistanceStd(date)})` : ''
+  }`
+
+export const isValidDate = (dateObject: Date) => {
+  return new Date(dateObject).toString() !== 'Invalid Date'
+}
+
+// Safe date formatting with distance
+export const formatDateWithDistance = (dateString: string, dateObject: Date) => {
+  if (!dateString || !isValidDate(dateObject)) return '-'
+  
+  try {
+    return `${dateString} (${formatDistanceToNowStrict(dateObject, { addSuffix: true })})`
+  } catch (error) {
+    console.warn('Error formatting date distance:', error, 'date:', dateObject)
+    return '-'
+  }
+}
+
+// Safe distance formatting only
+export const formatDistanceSafe = (dateObject: Date) => {
+  if (!isValidDate(dateObject)) return '-'
+  
+  try {
+    return formatDistanceToNowStrict(dateObject, { addSuffix: true })
+  } catch (error) {
+    console.warn('Error formatting distance:', error, 'date:', dateObject)
+    return '-'
+  }
+}

package/utils/instance.ts

@@ -0,0 +1,10 @@
+export const parseEngineVersion = (str: string) => {
+  const [versionStr] = str.split('-')
+  const [major, minor, patch] = versionStr.split('.')
+  if (!major || !minor || !patch) return null
+  return {
+    major: Number(major),
+    minor: Number(minor),
+    patch: Number(patch),
+  }
+}

package/utils/numbers.ts

@@ -0,0 +1,11 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+
+export const round = (value: number, precision = 0) => {
+  const multiplier = 10 ** precision
+  return Math.round(value * multiplier) / multiplier
+}

package/utils/react.ts

@@ -0,0 +1,10 @@
+import { useContext, createContext } from 'react'
+
+export const createStrictContext = <Value>() => {
+  const Context = createContext<Value>(undefined as unknown as Value)
+
+  return {
+    useStrictContext: () => useContext(Context),
+    Provider: Context.Provider,
+  }
+}

package/utils/snapshot.ts

@@ -0,0 +1,8 @@
+export const compareSnapshotsDesc = (
+  a: { dataStateAtDate: Date },
+  b: { dataStateAtDate: Date },
+): number => {
+  const dataStateAtDateA = a.dataStateAtDate?.getTime() ?? 0
+  const dataStateAtDateB = b.dataStateAtDate?.getTime() ?? 0
+  return dataStateAtDateB - dataStateAtDateA
+}

package/utils/strings.ts

@@ -0,0 +1,11 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+
+export const capitalize = (value: string) => {
+  const [firstChar, ...otherChars] = value.split('')
+  return `${firstChar.toUpperCase()}${otherChars.join('').toLowerCase()}`
+}

package/utils/units.ts

@@ -0,0 +1,23 @@
+/*--------------------------------------------------------------------------
+ * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
+ * All Rights Reserved. Proprietary and confidential.
+ * Unauthorized copying of this file, via any medium is strictly prohibited
+ *--------------------------------------------------------------------------
+ */
+
+import byteSize from 'byte-size'
+
+type Options = {
+  precision?: number
+}
+
+export const formatBytesIEC = (bytes: number, options?: Options) => {
+  const { precision = 3 } = options ?? {}
+
+  const result = byteSize(bytes, {
+    precision,
+    units: 'iec',
+  })
+
+  return `${result.value} ${result.unit}`
+}

package/pages/Instance/Info/Disks/Disk/Marker/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    className: string;
-};
-export declare const Marker: (props: Props) => JSX.Element;
-export {};

package/pages/Instance/Info/Disks/Disk/Marker/index.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { makeStyles } from '@material-ui/core';
-import clsx from 'clsx';
-import { CircleIcon } from '@postgres.ai/shared/icons/Circle';
-const useStyles = makeStyles({
-    root: {
-        display: 'inline',
-        verticalAlign: 'middle',
-        width: '10px',
-    },
-}, { index: 1 });
-export const Marker = (props) => {
-    const classes = useStyles();
-    return _jsx(CircleIcon, { className: clsx(classes.root, props.className) });
-};

package/pages/Instance/Info/Disks/Disk/index.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { makeStyles } from '@material-ui/core';
-import { formatDistanceToNowStrict } from 'date-fns';
-import { colors } from '@postgres.ai/shared/styles/colors';
-import { formatBytesIEC } from '@postgres.ai/shared/utils/units';
-import { Status as PerformanceStatus } from '@postgres.ai/shared/components/Status';
-import { formatUTC, isValidDate } from '@postgres.ai/shared/utils/date';
-import { Property } from '../../components/Property';
-import { ActionsMenu } from './ActionsMenu';
-import { Status } from './Status';
-import { Marker } from './Marker';
-import { ProgressBar } from './ProgressBar';
-const WARNING_THRESHOLD_PERCENT = 80;
-const useStyles = makeStyles({
-    root: {
-        border: `1px solid ${colors.consoleStroke}`,
-        padding: '6px 8px 8px',
-        borderRadius: '4px',
-        '& + $root': {
-            marginTop: '8px',
-        },
-    },
-    header: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-    },
-    titleWrapper: {
-        display: 'flex',
-        flex: '1 1 auto',
-        alignItems: 'center',
-        marginRight: '16px',
-        minWidth: 0,
-    },
-    title: {
-        fontWeight: 700,
-        fontSize: '14px',
-        margin: '0 4px 0 0',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-    },
-    content: {
-        marginTop: '8px',
-    },
-    markerUsed: {
-        color: colors.primary.light,
-    },
-    markerFree: {
-        color: colors.gray,
-    },
-    warningMessage: {
-        fontSize: '10px',
-        marginTop: '6px',
-    },
-    uppercaseContent: {
-        textTransform: 'uppercase',
-    },
-}, { index: 1 });
-const getPercent = (value, total) => Math.round((value / total) * 100);
-export const Disk = (props) => {
-    const classes = useStyles();
-    const shouldShowWarning = props.status === 'active' &&
-        getPercent(props.usedDataSize, props.totalDataSize) >
-            WARNING_THRESHOLD_PERCENT;
-    return (_jsxs("div", { className: classes.root, children: [_jsxs("div", { className: classes.header, children: [_jsxs("div", { className: classes.titleWrapper, children: [_jsx("h6", { title: props.name, className: classes.title, children: props.name }), _jsx(ActionsMenu, { poolId: props.id, poolName: props.name, isActive: props.status === 'active' })] }), _jsx(Status, { value: props.status, hasWarning: shouldShowWarning })] }), _jsx(Property, { name: "Mode", classes: { content: classes.uppercaseContent }, children: props.mode }), props.status === 'refreshing' && props.refreshingStartDate && (_jsx("div", { className: classes.content, children: _jsxs(Property, { name: "Refreshing started at", children: [formatUTC(props.refreshingStartDate, 'yyyy-MM-dd HH:mm:ss'), " UTC (", isValidDate(props.refreshingStartDate)
-                            ? formatDistanceToNowStrict(props.refreshingStartDate, {
-                                addSuffix: true,
-                            })
-                            : '-', ")"] }) })), _jsxs("div", { className: classes.content, children: [_jsx(Property, { name: "Clones", children: props.clonesCount }), _jsx(Property, { name: "Snapshots", children: props.snapshotsCount })] }), _jsxs("div", { className: classes.content, children: [_jsx(Property, { name: "Size", children: formatBytesIEC(props.totalDataSize) }), _jsxs(Property, { name: _jsxs(_Fragment, { children: ["Used\u00A0", _jsx(Marker, { className: classes.markerUsed })] }), children: [formatBytesIEC(props.usedDataSize), " /", ' ', getPercent(props.usedDataSize, props.totalDataSize), " %"] }), _jsxs(Property, { name: _jsxs(_Fragment, { children: ["Free\u00A0", _jsx(Marker, { className: classes.markerFree })] }), children: [formatBytesIEC(props.freeDataSize), " /", ' ', getPercent(props.freeDataSize, props.totalDataSize), " %"] })] }), _jsx(ProgressBar, { value: props.usedDataSize, total: props.totalDataSize, thresholdPercent: WARNING_THRESHOLD_PERCENT }), shouldShowWarning && (_jsxs(PerformanceStatus, { type: "warning", className: classes.warningMessage, children: ["+", WARNING_THRESHOLD_PERCENT, "% disk usage may result in performance degradation"] }))] }));
-};

package/pages/Instance/Info/Disks/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/*--------------------------------------------------------------------------
- * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
- * All Rights Reserved. Proprietary and confidential.
- * Unauthorized copying of this file, via any medium is strictly prohibited
- *--------------------------------------------------------------------------
- */
-import { observer } from 'mobx-react-lite';
-import { useStores } from '@postgres.ai/shared/pages/Instance/context';
-import { Section } from '../components/Section';
-import { Disk } from './Disk';
-export const Disks = observer(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const stores = useStores();
-    const { instance, snapshots } = stores.main;
-    if (!instance)
-        return null;
-    if (!snapshots)
-        return null;
-    return (_jsx(Section, { title: "Disks", children: (_k = (_c = (_b = (_a = instance.state) === null || _a === void 0 ? void 0 : _a.pools) === null || _b === void 0 ? void 0 : _b.map((pool) => {
-            var _a, _b, _c, _d, _e;
-            return (_jsx(Disk, { status: pool.status, name: pool.name, id: pool.name, mode: pool.mode, clonesCount: pool.cloneList.length, snapshotsCount: (_b = (_a = snapshots.data) === null || _a === void 0 ? void 0 : _a.filter((snapshot) => snapshot.pool === pool.name).length) !== null && _b !== void 0 ? _b : 0, totalDataSize: pool.fileSystem.size, usedDataSize: pool.fileSystem.used, freeDataSize: pool.fileSystem.free, refreshingStartDate: (_e = (_d = (_c = instance.state) === null || _c === void 0 ? void 0 : _c.retrieving) === null || _d === void 0 ? void 0 : _d.lastRefresh) !== null && _e !== void 0 ? _e : null }, pool.name));
-        })) !== null && _c !== void 0 ? _c : (((_d = instance.state) === null || _d === void 0 ? void 0 : _d.fileSystem) && (_jsx(Disk, { status: 'active', name: 'Main', id: null, mode: "ZFS", clonesCount: (_g = (_f = (_e = instance.state) === null || _e === void 0 ? void 0 : _e.clones) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : instance.state.cloning.clones.length, snapshotsCount: (_j = (_h = snapshots.data) === null || _h === void 0 ? void 0 : _h.length) !== null && _j !== void 0 ? _j : 0, totalDataSize: instance.state.fileSystem.size, usedDataSize: instance.state.fileSystem.used, freeDataSize: instance.state.fileSystem.free, refreshingStartDate: null })))) !== null && _k !== void 0 ? _k : (_jsxs(_Fragment, { children: ["Disk information is ", _jsx("strong", { children: "unavailable" }), "."] })) }));
-});