@postgres.ai/shared 3.5.1-pr-1027.0 → 4.0.0-pr-1028

package/pages/Instance/Tabs/index.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from 'react-router-dom';
+import { Tab as TabComponent, Tabs as TabsComponent } from '@material-ui/core';
+import { PostgresSQLIcon } from '@postgres.ai/shared/icons/PostgresSQL';
+import { useTabsStyles } from './styles';
+import { PlatformTabs } from "./PlatformTabs";
+import { useCreatedStores } from "../useCreatedStores";
+export const TABS_INDEX = {
+    OVERVIEW: 0,
+    BRANCHES: 1,
+    SNAPSHOTS: 2,
+    CLONES: 3,
+    LOGS: 4,
+    CONFIGURATION: 5,
+};
+export const Tabs = ({ value, handleChange, hasLogs, hideInstanceTabs, }) => {
+    const classes = useTabsStyles();
+    const tabData = [
+        { label: '👁️ Overview', to: '/instance', value: TABS_INDEX.OVERVIEW },
+        {
+            label: '🖖 Branches',
+            to: '/instance/branches',
+            value: TABS_INDEX.BRANCHES,
+            hide: hideInstanceTabs,
+        },
+        {
+            label: '⚡ Snapshots',
+            to: '/instance/snapshots',
+            value: TABS_INDEX.SNAPSHOTS,
+            hide: hideInstanceTabs,
+        },
+        {
+            label: (_jsxs("div", { className: classes.flexRow, children: [_jsx(PostgresSQLIcon, {}), " Clones"] })),
+            to: '/instance/clones',
+            value: TABS_INDEX.CLONES,
+            hide: hideInstanceTabs,
+        },
+        {
+            label: '📓 Logs',
+            to: '/instance/logs',
+            value: TABS_INDEX.LOGS,
+            disabled: !hasLogs,
+        },
+        {
+            label: '🛠️ Configuration',
+            to: '/instance/configuration',
+            value: TABS_INDEX.CONFIGURATION,
+            hide: hideInstanceTabs,
+        },
+    ];
+    return (_jsx(TabsComponent, { value: value, onChange: handleChange, classes: { root: classes.tabsRoot, indicator: classes.tabsIndicator }, children: tabData.map(({ label, to, value, hide, disabled }) => (_jsx(Link, { to: to, children: _jsx(TabComponent, { label: label, value: value, disabled: disabled, classes: {
+                    root: hide ? classes.tabHidden : classes.tabRoot,
+                } }) }, value))) }));
+};
+export const InstanceTabs = (props) => {
+    const stores = useCreatedStores({});
+    const { load, } = stores.main;
+    const switchTab = (_, tabID) => {
+        const contentElement = document.getElementById('content-container');
+        if (props.onTabChange) {
+            props.onTabChange(tabID);
+        }
+        if (tabID === 0) {
+            load(props.instanceId);
+        }
+        contentElement === null || contentElement === void 0 ? void 0 : contentElement.scrollTo(0, 0);
+    };
+    const tabProps = {
+        value: props.tab,
+        handleChange: switchTab,
+        hasLogs: Boolean(props.hasLogs),
+        hideInstanceTabs: false,
+    };
+    return props.isPlatform ? _jsx(PlatformTabs, { ...tabProps }) : _jsx(Tabs, { ...tabProps });
+};

package/pages/Instance/Tabs/styles.d.ts

@@ -0,0 +1 @@
+export declare const useTabsStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tabsRoot" | "flexRow" | "tabsIndicator" | "tabRoot" | "tabHidden">;

package/pages/Instance/Tabs/styles.js

@@ -0,0 +1,62 @@
+import { makeStyles } from '@material-ui/core';
+import { colors } from '@postgres.ai/shared/styles/colors';
+export const useTabsStyles = makeStyles({
+    tabsRoot: {
+        minHeight: 0,
+        marginTop: '-8px',
+        '& .MuiTabs-fixed': {
+            overflowX: 'auto!important',
+            scrollbarWidth: 'none',
+            '&::-webkit-scrollbar': {
+                display: 'none',
+            },
+            '& div:first-child': {
+                '@media (max-width: 700px)': {
+                    display: 'flex',
+                },
+            },
+        },
+        '& .postgres-logo': {
+            width: '18px',
+            height: '18px',
+        },
+        '& a': {
+            color: colors.black,
+            textDecoration: 'none',
+            '@media (max-width: 700px)': {
+                display: 'flex',
+                width: '100%',
+            },
+        },
+    },
+    flexRow: {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: '5px',
+        width: '100%',
+    },
+    tabsIndicator: {
+        height: '3px',
+    },
+    tabRoot: {
+        fontWeight: 400,
+        minWidth: 0,
+        minHeight: 0,
+        width: '100%',
+        padding: '6px 16px',
+        borderBottom: `3px solid ${colors.consoleStroke}`,
+        '& + $tabRoot': {
+            marginLeft: '10px',
+        },
+        '&.Mui-disabled': {
+            opacity: 1,
+            color: colors.pgaiDarkGray,
+        },
+        '@media (max-width: 700px)': {
+            width: 'max-content',
+        },
+    },
+    tabHidden: {
+        display: 'none',
+    },
+}, { index: 1 });

package/pages/Instance/components/ErrorStub/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type Props = {
+    title?: string;
+    message: string;
+    className?: string;
+    size?: 'big' | 'normal';
+};
+export declare const ErrorStub: (props: Props) => JSX.Element;
+export {};

package/pages/Instance/components/ErrorStub/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Paper, makeStyles } from '@material-ui/core';
+import clsx from 'clsx';
+const useStyles = makeStyles({
+    '*': {
+        margin: 0,
+    },
+    root: {
+        color: '#c00111',
+        overflowWrap: 'break-word',
+    },
+    rootBig: {
+        padding: '16px 24px',
+        '& $title': {
+            fontSize: '16px',
+        },
+        '& $message': {
+            marginTop: '16px',
+            fontSize: '14px',
+        },
+    },
+    rootNormal: {
+        padding: '8px 16px',
+        '& $title': {
+            fontSize: '14px',
+        },
+        '& $message': {
+            marginTop: '12px',
+            fontSize: '12px',
+        },
+    },
+    title: {
+        fontWeight: 700,
+        textTransform: 'uppercase',
+    },
+    message: {},
+}, { index: 1 });
+export const ErrorStub = (props) => {
+    const { title = 'Unknown error', message, className, size = 'big' } = props;
+    const classes = useStyles();
+    return (_jsxs(Paper, { className: clsx(classes.root, size === 'big' && classes.rootBig, size === 'normal' && classes.rootNormal, className), children: [_jsx("h2", { className: classes.title, children: title }), _jsx("p", { className: classes.message, children: message })] }));
+};

package/pages/Instance/components/ModalReloadButton/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    isReloading: boolean;
+    onReload: () => void;
+};
+export declare const ModalReloadButton: (props: Props) => JSX.Element;
+export {};

package/pages/Instance/components/ModalReloadButton/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } 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 { makeStyles } from '@material-ui/core';
+import { Button } from '@postgres.ai/shared/components/Button2';
+const useStyles = makeStyles({
+    spinner: {
+        margin: '5px',
+    },
+    content: {
+        flex: '0 0 auto',
+        alignSelf: 'flex-start',
+    },
+}, { index: 1 });
+export const ModalReloadButton = (props) => {
+    const classes = useStyles();
+    return (_jsx(Button, { onClick: props.onReload, className: classes.content, isLoading: props.isReloading, children: "Reload info" }));
+};

package/pages/Instance/components/Tags/Tag/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    name: string;
+    children: React.ReactNode;
+};
+export declare const Tag: (props: Props) => JSX.Element;
+export {};

package/pages/Instance/components/Tags/Tag/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { makeStyles } from '@material-ui/core';
+import { HorizontalScrollContainer } from '@postgres.ai/shared/components/HorizontalScrollContainer';
+import { colors } from '@postgres.ai/shared/styles/vars';
+const useStyles = makeStyles({
+    root: {
+        fontSize: '12px',
+        marginRight: '8px',
+        marginBottom: '8px',
+        borderRadius: '12px',
+        background: colors.gray,
+    },
+    content: {
+        padding: '5px 8px',
+        whiteSpace: 'nowrap',
+    },
+    curtainLeft: {
+        background: 'linear-gradient(to right, rgba(0,0,0,0.1), transparent);',
+    },
+    curtainRight: {
+        background: 'linear-gradient(to left, rgba(0,0,0,0.1), transparent);',
+    },
+    value: {
+        fontWeight: 700,
+    },
+}, { index: 1 });
+export const Tag = (props) => {
+    const classes = useStyles();
+    return (_jsxs(HorizontalScrollContainer, { classes: {
+            root: classes.root,
+            content: classes.content,
+            curtainLeft: classes.curtainLeft,
+            curtainRight: classes.curtainRight,
+        }, children: [props.name, ": ", _jsx("span", { className: classes.value, children: props.children })] }));
+};

package/pages/Instance/components/Tags/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type TagsProps = {
+    data: {
+        name: string;
+        value: string;
+    }[];
+};
+export declare const Tags: (props: TagsProps) => JSX.Element;

package/pages/Instance/components/Tags/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { makeStyles } from '@material-ui/core';
+import { Tag } from './Tag';
+const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        marginRight: '-8px',
+    },
+}, { index: 1 });
+export const Tags = (props) => {
+    const classes = useStyles();
+    return (_jsx("div", { className: classes.root, children: props.data.map((tag) => {
+            return (_jsx(Tag, { name: tag.name, children: tag.value }, tag.name));
+        }) }));
+};

package/pages/Instance/context.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { Api } from './stores/Main';
+export declare type Host = {
+    instanceId: string;
+    routes: {
+        createClone: () => string;
+        createBranch: () => string;
+        createSnapshot: () => string;
+        clone: (cloneId: string) => string;
+        branch: (branchId: string) => string;
+        branches: () => string;
+        snapshot: (snapshotId: string) => string;
+    };
+    api: Api;
+    title: string;
+    callbacks?: {
+        showDeprecatedApiBanner: () => void;
+        hideDeprecatedApiBanner: () => void;
+    };
+    elements: {
+        breadcrumbs: React.ReactNode;
+    };
+    wsHost?: string;
+    hideInstanceTabs?: boolean;
+    renderCurrentTab?: number;
+    isPlatform?: boolean;
+    setProjectAlias?: (alias: string) => void;
+};
+export declare const useHost: () => Host, HostProvider: import("react").Provider<Host>;
+export declare const useStores: () => {
+    main: import("./stores/Main").MainStore;
+    clonesModal: import("./stores/ClonesModal").ClonesModalStore;
+    snapshotsModal: import("./stores/SnapshotsModal").SnapshotsModalStore;
+}, StoresProvider: import("react").Provider<{
+    main: import("./stores/Main").MainStore;
+    clonesModal: import("./stores/ClonesModal").ClonesModalStore;
+    snapshotsModal: import("./stores/SnapshotsModal").SnapshotsModalStore;
+}>;

package/pages/Instance/{ClonesModal/utils.ts → context.js}

@@ -4,18 +4,8 @@
  * Unauthorized copying of this file, via any medium is strictly prohibited
  *--------------------------------------------------------------------------
  */
-
-export const getTags = ({
-  pool,
-  snapshotId,
-}: {
-  pool: string | null
-  snapshotId: string | null
-}) => {
-  const tags = []
-
-  if (pool) tags.push({ name: 'Disk', value: pool })
-  if (snapshotId) tags.push({ name: 'Snapshot', value: snapshotId })
-
-  return tags
-}
+import { createStrictContext } from '@postgres.ai/shared/utils/react';
+// Host context.
+export const { useStrictContext: useHost, Provider: HostProvider } = createStrictContext();
+// Stores context.
+export const { useStrictContext: useStores, Provider: StoresProvider } = createStrictContext();

package/pages/Instance/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Host } from './context';
+import './styles.scss';
+declare type Props = Host;
+export declare const Instance: ((props: Props) => JSX.Element) & {
+    displayName: string;
+};
+export {};

package/pages/Instance/index.js

@@ -0,0 +1,94 @@
+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 React, { useEffect } from 'react';
+import { makeStyles } from '@material-ui/core';
+import { observer } from 'mobx-react-lite';
+import { Button } from '@postgres.ai/shared/components/Button2';
+import { StubSpinner } from '@postgres.ai/shared/components/StubSpinner';
+import { SectionTitle } from '@postgres.ai/shared/components/SectionTitle';
+import { ErrorStub } from '@postgres.ai/shared/components/ErrorStub';
+import { TABS_INDEX, InstanceTabs } from './Tabs';
+import { Logs } from '../Logs';
+import { Clones } from './Clones';
+import { Info } from './Info';
+import { Snapshots } from './Snapshots';
+import { Branches } from '../Branches';
+import { Configuration } from './Configuration';
+import { SnapshotsModal } from './SnapshotsModal';
+import { ClonesModal } from './Clones/ClonesModal';
+import { InactiveInstance } from './InactiveInstance';
+import { HostProvider, StoresProvider } from './context';
+import Typography from '@material-ui/core/Typography';
+import Box from '@mui/material/Box';
+import { useCreatedStores } from './useCreatedStores';
+import './styles.scss';
+const useStyles = makeStyles((theme) => ({
+    title: {
+        marginTop: '8px',
+    },
+    reloadButton: {
+        flex: '0 0 auto',
+        alignSelf: 'flex-start',
+    },
+    errorStub: {
+        marginTop: '16px',
+    },
+    content: {
+        display: 'flex',
+        marginTop: '16px',
+        position: 'relative',
+        flex: '1 1 100%',
+        height: '100%',
+        [theme.breakpoints.down('sm')]: {
+            flexDirection: 'column',
+        },
+    },
+}), { index: 1 });
+export const Instance = observer((props) => {
+    var _a, _b, _c, _d;
+    const classes = useStyles();
+    const { instanceId, api, isPlatform } = props;
+    const [activeTab, setActiveTab] = React.useState((props === null || props === void 0 ? void 0 : props.renderCurrentTab) || TABS_INDEX.OVERVIEW);
+    const [hasBeenRedirected, setHasBeenRedirected] = React.useState(false);
+    const stores = useCreatedStores(props);
+    const { instance, instanceError, instanceRetrieval, isLoadingInstance, load, } = stores.main;
+    const switchTab = (_, tabID) => {
+        const contentElement = document.getElementById('content-container');
+        setActiveTab(tabID);
+        if (tabID === 0) {
+            load(props.instanceId);
+        }
+        contentElement === null || contentElement === void 0 ? void 0 : contentElement.scrollTo(0, 0);
+    };
+    const isInstanceIntegrated = instanceRetrieval ||
+        (!isLoadingInstance && instance && (instance === null || instance === void 0 ? void 0 : instance.url) && !instanceError);
+    const isConfigurationActive = (instanceRetrieval === null || instanceRetrieval === void 0 ? void 0 : instanceRetrieval.mode) !== 'physical';
+    useEffect(() => {
+        load(instanceId, isPlatform);
+    }, [instanceId]);
+    useEffect(() => {
+        if (props.setProjectAlias)
+            props.setProjectAlias((instance === null || instance === void 0 ? void 0 : instance.projectAlias) || '');
+    }, [instance]);
+    useEffect(() => {
+        var _a, _b;
+        if (instance &&
+            ((_b = (_a = instance.state) === null || _a === void 0 ? void 0 : _a.retrieving) === null || _b === void 0 ? void 0 : _b.status) === 'pending' &&
+            isConfigurationActive &&
+            !hasBeenRedirected) {
+            setActiveTab(TABS_INDEX.CONFIGURATION);
+            setHasBeenRedirected(true);
+        }
+    }, [instance, hasBeenRedirected]);
+    return (_jsx(HostProvider, { value: props, children: _jsxs(StoresProvider, { value: stores, children: [props.elements.breadcrumbs, _jsx(SectionTitle, { text: props.title, level: 1, tag: "h1", className: classes.title, rightContent: _jsx(Button, { onClick: () => load(props.instanceId, isPlatform), isDisabled: !instance && !instanceError, className: classes.reloadButton, children: "Reload info" }), children: isInstanceIntegrated && (_jsx(InstanceTabs, { instanceId: props.instanceId, tab: activeTab, onTabChange: (tabID) => setActiveTab(tabID), isPlatform: isPlatform, hasLogs: api.initWS !== undefined })) }), instanceError && (_jsx(ErrorStub, { ...instanceError, className: classes.errorStub })), isInstanceIntegrated ? (_jsxs(_Fragment, { children: [_jsxs(TabPanel, { value: activeTab, index: TABS_INDEX.OVERVIEW, children: [!instanceError && (_jsx("div", { className: classes.content, children: instance && ((_b = (_a = instance.state) === null || _a === void 0 ? void 0 : _a.retrieving) === null || _b === void 0 ? void 0 : _b.status) ? (_jsxs(_Fragment, { children: [_jsx(Clones, {}), _jsx(Info, {})] })) : (_jsx(StubSpinner, {})) })), _jsx(ClonesModal, {}), _jsx(SnapshotsModal, {})] }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.CLONES, children: activeTab === TABS_INDEX.CLONES && (_jsx("div", { className: classes.content, children: !instanceError &&
+                                    (instance ? _jsx(Clones, { onlyRenderList: true }) : _jsx(StubSpinner, {})) })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.LOGS, children: activeTab === TABS_INDEX.LOGS && (_jsx(Logs, { api: api, instanceId: props.instanceId })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.CONFIGURATION, children: activeTab === TABS_INDEX.CONFIGURATION && (_jsx(Configuration, { instanceId: instanceId, switchActiveTab: switchTab, isConfigurationActive: isConfigurationActive, reload: () => load(props.instanceId), disableConfigModification: (_c = instance === null || instance === void 0 ? void 0 : instance.state) === null || _c === void 0 ? void 0 : _c.engine.disableConfigModification })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.SNAPSHOTS, children: activeTab === TABS_INDEX.SNAPSHOTS && (_jsx(Snapshots, { instanceId: instanceId })) }), _jsx(TabPanel, { value: activeTab, index: TABS_INDEX.BRANCHES, children: activeTab === TABS_INDEX.BRANCHES && (_jsx(Branches, { instanceId: instanceId })) })] })) : !isLoadingInstance && !instanceError ? (_jsx(TabPanel, { value: activeTab, index: activeTab, children: _jsx(InactiveInstance, { instance: instance, org: (_d = props.elements.breadcrumbs) === null || _d === void 0 ? void 0 : _d.props.org }) })) : (!instanceError && (_jsx(TabPanel, { value: activeTab, index: activeTab, children: _jsx("div", { className: classes.content, children: _jsx(StubSpinner, {}) }) })))] }) }));
+});
+function TabPanel(props) {
+    const { children, value, index, ...other } = props;
+    return (_jsx(Typography, { component: "div", role: "tabpanel", hidden: value !== index, id: `scrollable-auto-tabpanel-${index}`, "aria-labelledby": `scrollable-auto-tab-${index}`, ...other, children: _jsx(Box, { p: 3, sx: { height: '100%' }, children: children }) }));
+}

package/pages/Instance/stores/ClonesModal.d.ts

@@ -0,0 +1,13 @@
+declare type FilterOptions = {
+    pool?: string | null;
+    snapshotId?: string;
+};
+export declare class ClonesModalStore {
+    isOpenModal: boolean;
+    pool: string | null;
+    snapshotId: string | null;
+    constructor();
+    openModal: (filterOptions?: FilterOptions | undefined) => void;
+    closeModal: () => void;
+}
+export {};

package/pages/Instance/stores/ClonesModal.js

@@ -0,0 +1,24 @@
+/*--------------------------------------------------------------------------
+ * 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 { makeAutoObservable } from 'mobx';
+export class ClonesModalStore {
+    constructor() {
+        this.isOpenModal = false;
+        this.pool = null;
+        this.snapshotId = null;
+        this.openModal = (filterOptions = {}) => {
+            const { pool = null, snapshotId = null } = filterOptions;
+            this.pool = pool;
+            this.snapshotId = snapshotId;
+            this.isOpenModal = true;
+        };
+        this.closeModal = () => {
+            this.isOpenModal = false;
+        };
+        makeAutoObservable(this);
+    }
+}

package/pages/Instance/stores/Main.d.ts

@@ -0,0 +1,141 @@
+import { GetSnapshots } from '@postgres.ai/shared/types/api/endpoints/getSnapshots';
+import { CreateSnapshot } from '@postgres.ai/shared/types/api/endpoints/createSnapshot';
+import { GetInstance } from '@postgres.ai/shared/types/api/endpoints/getInstance';
+import { Config } from '@postgres.ai/shared/types/api/entities/config';
+import { GetConfig } from '@postgres.ai/shared/types/api/endpoints/getConfig';
+import { UpdateConfig } from '@postgres.ai/shared/types/api/endpoints/updateConfig';
+import { TestDbSource } from '@postgres.ai/shared/types/api/endpoints/testDbSource';
+import { RefreshInstance } from '@postgres.ai/shared/types/api/endpoints/refreshInstance';
+import { DestroyClone } from '@postgres.ai/shared/types/api/endpoints/destroyClone';
+import { ResetClone } from '@postgres.ai/shared/types/api/endpoints/resetClone';
+import { GetWSToken } from '@postgres.ai/shared/types/api/endpoints/getWSToken';
+import { InitWS } from '@postgres.ai/shared/types/api/endpoints/initWS';
+import { Instance } from '@postgres.ai/shared/types/api/entities/instance';
+import { SnapshotsStore } from '@postgres.ai/shared/stores/Snapshots';
+import { dbSource } from '@postgres.ai/shared/types/api/entities/dbSource';
+import { GetFullConfig } from '@postgres.ai/shared/types/api/endpoints/getFullConfig';
+import { GetInstanceRetrieval } from '@postgres.ai/shared/types/api/endpoints/getInstanceRetrieval';
+import { InstanceRetrievalType } from '@postgres.ai/shared/types/api/entities/instanceRetrieval';
+import { GetEngine } from '@postgres.ai/shared/types/api/endpoints/getEngine';
+import { GetSnapshotList } from '@postgres.ai/shared/types/api/endpoints/getSnapshotList';
+import { GetBranches } from '@postgres.ai/shared/types/api/endpoints/getBranches';
+import { DeleteBranch } from '@postgres.ai/shared/types/api/endpoints/deleteBranch';
+import { GetSeImages } from '@postgres.ai/shared/types/api/endpoints/getSeImages';
+import { DestroySnapshot } from '@postgres.ai/shared/types/api/endpoints/destroySnapshot';
+export declare type Api = {
+    getInstance: GetInstance;
+    getSnapshots?: GetSnapshots;
+    createSnapshot?: CreateSnapshot;
+    refreshInstance?: RefreshInstance;
+    destroyClone?: DestroyClone;
+    resetClone?: ResetClone;
+    getWSToken?: GetWSToken;
+    initWS?: InitWS;
+    getConfig?: GetConfig;
+    updateConfig?: UpdateConfig;
+    testDbSource?: TestDbSource;
+    getFullConfig?: GetFullConfig;
+    getSeImages?: GetSeImages;
+    getEngine?: GetEngine;
+    getInstanceRetrieval?: GetInstanceRetrieval;
+    getBranches?: GetBranches;
+    getSnapshotList?: GetSnapshotList;
+    deleteBranch?: DeleteBranch;
+    destroySnapshot?: DestroySnapshot;
+};
+declare type Error = {
+    title?: string;
+    message?: string;
+};
+export declare class MainStore {
+    instance: Instance | null;
+    instanceRetrieval: InstanceRetrievalType | null;
+    config: Config | null;
+    fullConfig?: string;
+    dleEdition?: string;
+    platformUrl?: string;
+    uiVersion?: string;
+    instanceError: Error | null;
+    configError: string | null;
+    getFullConfigError: string | null;
+    getBranchesError: Error | null;
+    snapshotListError: string | null;
+    seImagesError: string | undefined | null;
+    unstableClones: Set<string>;
+    readonly snapshots: SnapshotsStore;
+    isReloadingClones: boolean;
+    isConfigurationLoading: boolean;
+    isReloadingInstance: boolean;
+    isReloadingInstanceRetrieval: boolean;
+    isBranchesLoading: boolean;
+    isConfigLoading: boolean;
+    isLoadingInstance: boolean;
+    private readonly api;
+    constructor(api: Api);
+    get isDisabledInstance(): boolean;
+    load: (instanceId: string, isPlatform?: boolean) => void;
+    reload: (instanceId: string) => void;
+    reloadSnapshots: (branchName?: string) => Promise<void>;
+    reloadInstanceRetrieval: () => Promise<void>;
+    private loadInstanceRetrieval;
+    private loadInstance;
+    getConfig: (instanceId: string) => Promise<{
+        dockerPath: string | undefined;
+        tuningParams: string;
+        sharedBuffers: string | undefined;
+        sharedPreloadLibraries: string | undefined;
+        timetable: string | undefined;
+        dbname: string | undefined;
+        host: string | undefined;
+        port: string | number | undefined;
+        username: string | undefined;
+        password: string | undefined;
+        databases: string;
+        dumpParallelJobs: string | number | undefined;
+        dumpIgnoreErrors: boolean | undefined;
+        restoreParallelJobs: string | number | undefined;
+        restoreIgnoreErrors: boolean | undefined;
+        pgDumpCustomOptions: string;
+        pgRestoreCustomOptions: string;
+        dockerTag?: string | undefined;
+        dockerImageType?: string | undefined;
+        debug: boolean | undefined;
+        dockerImage: string | undefined;
+    } | null | undefined>;
+    updateConfig: (values: Config, instanceId: string) => Promise<Response | null | undefined>;
+    getFullConfig: (instanceId: string) => Promise<string | null | undefined>;
+    getSeImages: (values: {
+        packageGroup: string;
+    }) => Promise<import("@postgres.ai/shared/types/api/endpoints/getSeImages").SeImages[] | null | undefined>;
+    getEngine: (instanceId: string) => Promise<import("@postgres.ai/shared/types/api/endpoints/getEngine").EngineDto | null | undefined>;
+    testDbSource: (values: dbSource) => Promise<{
+        response: {
+            status: number;
+            message: string;
+            result: string;
+            dbVersion: number;
+            tuningParams: {
+                [key: string]: string;
+            };
+        } | null;
+        error: {
+            status: number;
+            message: string;
+        };
+    } | undefined>;
+    resetClone: (cloneId: string, snapshotId: string) => Promise<boolean | undefined>;
+    destroyClone: (cloneId: string) => Promise<boolean | undefined>;
+    private liveUpdateInstance;
+    reloadClones: () => Promise<void>;
+    getBranches: (instanceId: string) => Promise<import("@postgres.ai/shared/types/api/endpoints/getBranches").Branch[] | null | undefined>;
+    deleteBranch: (branchName: string, instanceId: string) => Promise<{
+        response: Response | null;
+        error: globalThis.Error | null;
+    } | undefined>;
+    getSnapshotList: (branchName: string, instanceId: string) => Promise<import("@postgres.ai/shared/types/api/endpoints/getSnapshotList").SnapshotList[] | null | undefined>;
+    destroySnapshot: (snapshotId: string, forceDelete: boolean, instanceId: string) => Promise<{
+        response: boolean | null;
+        error: any;
+    } | undefined>;
+}
+export {};