feat: add autostart stopped instance when has retpath (#20)

Author: ananas7

base-environments/docker-provider-farm/farm-nginx.conf

@@ -108,8 +108,8 @@ http {
       expires -1;
       add_header 'Cache-Control'
         'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
-      # todo:
-      return 301 https://your-farm.host/instance/$hash;
+      # example of redirect with retpath for auto start instance
+      return 301 https://your-farm.host/instance/$hash?retpath=$scheme://$host$request_uri;
     }
 
     error_page 404 /error404;

src/ui/containers/Instance/layouts/utils.tsx

@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
 
 import {useDataManager} from '@gravity-ui/data-source';
 import {House} from '@gravity-ui/icons';
-import {matchPath} from 'react-router-dom';
+import {matchPath, useSearchParams} from 'react-router-dom';
 
 import type {InstanceWithProviderStatus} from '../../../../shared/common';
 import {uiRoutes} from '../../../../shared/uiRoutes';
@@ -14,14 +14,57 @@ import {useInstanceActions} from '../actions';
 import {i18n} from './i18n';
 
 const toastName = 'stop-instance-alert';
+const autoStartToastName = 'auto-start-instance-alert';
+
+const showErrorToast = (err: Error) => {
+    toaster.add({
+        name: 'error-toast-start-instance',
+        title: i18nInstanceActions('start-instance-error'),
+        content: err.message,
+        theme: 'danger',
+    });
+};
 
 export const useInstanceStopWarning = (instance?: InstanceWithProviderStatus) => {
     const {startInstance} = useInstanceActions();
+    const [searchParams] = useSearchParams();
     const dataManager = useDataManager();
     const [isToastVisible, setIsToastVisible] = useState(false);
+    const retpath = searchParams.get('retpath') ?? '';
+    const autoStartEnable = Boolean(retpath);
 
     useEffect(() => {
-        if (instance?.providerStatus === 'stopped' && !isToastVisible && !toaster.has(toastName)) {
+        if (instance?.providerStatus === 'running' && autoStartEnable) {
+            window.location.href = retpath;
+        }
+
+        if (
+            instance?.providerStatus === 'stopped' &&
+            !isToastVisible &&
+            !toaster.has(autoStartToastName) &&
+            autoStartEnable
+        ) {
+            setIsToastVisible(true); // so that the toast is not recreated with every render
+
+            startInstance(instance)
+                .then(() => {
+                    toaster.add({
+                        name: autoStartToastName,
+                        title: i18nInstanceActions('starting'),
+                        content: i18nInstanceActions('auto-start-instance-description'),
+                        theme: 'info',
+                        autoHiding: 4000,
+                    });
+                })
+                .catch((err) => showErrorToast(err));
+        }
+
+        if (
+            instance?.providerStatus === 'stopped' &&
+            !isToastVisible &&
+            !toaster.has(toastName) &&
+            !autoStartEnable
+        ) {
             setIsToastVisible(true); // so that the toast is not recreated with every render
 
             toaster.add({
@@ -33,11 +76,13 @@ export const useInstanceStopWarning = (instance?: InstanceWithProviderStatus) =>
                     {
                         label: i18nInstanceActions('start'),
                         onClick: () => {
-                            startInstance(instance).then(() => {
-                                setTimeout(() => {
-                                    setIsToastVisible(false);
-                                }, 1000);
-                            });
+                            startInstance(instance)
+                                .then(() => {
+                                    setTimeout(() => {
+                                        setIsToastVisible(false);
+                                    }, 1000);
+                                })
+                                .catch((err) => showErrorToast(err));
                         },
                     },
                 ],
@@ -47,8 +92,9 @@ export const useInstanceStopWarning = (instance?: InstanceWithProviderStatus) =>
         if (instance?.providerStatus !== 'stopped') {
             setIsToastVisible(false);
             toaster.remove(toastName);
+            toaster.remove(autoStartToastName);
         }
-    }, [instance, dataManager, isToastVisible, startInstance]);
+    }, [instance, dataManager, isToastVisible, startInstance, autoStartEnable, retpath]);
 
     useEffect(() => {
         return () => {

src/ui/i18n-common/i18nInstanceActions/en.json

@@ -16,5 +16,7 @@
   "restart-confirm": "Are you sure you want to restart the instance?",
   "rebuild-confirm": "Are you sure you want to rebuild the instance?",
   "stop-warning-title": "Instance is stopped",
-  "stop-warning-description": "To go to the instance, you need to start it"
+  "stop-warning-description": "To go to the instance, you need to start it",
+  "auto-start-instance-description": "Once launched, the instance will open automatically.",
+  "start-instance-error": "Instance start error"
 }

src/ui/i18n-common/i18nInstanceActions/ru.json

@@ -16,5 +16,7 @@
   "restart-confirm": "Вы действительно хотите перезапустить инстанс?",
   "rebuild-confirm": "Вы действительно хотите пересобрать инстанс?",
   "stop-warning-title": "Инстанс остановлен",
-  "stop-warning-description": "Чтобы перейти к инстансу, сначала его нужно запустить"
+  "stop-warning-description": "Чтобы перейти к инстансу, сначала его нужно запустить",
+  "auto-start-instance-description": "После запуска инстанс автоматически откроется",
+  "start-instance-error": "Ошибка запуска инстанса"
 }