FIX - TASKER STARTUP: автовосстановление после запуска backend

plane-src/apps/web/core/lib/wrappers/instance-wrapper.tsx

@@ -5,6 +5,7 @@
  */
 
 import type { ReactNode } from "react";
+import { isAxiosError } from "axios";
 import { observer } from "mobx-react";
 import useSWR from "swr";
 // components
@@ -17,16 +18,44 @@ type TInstanceWrapper = {
   children: ReactNode;
 };
 
+const INSTANCE_RETRY_BASE_INTERVAL = 2_000;
+const INSTANCE_RETRY_MAX_INTERVAL = 30_000;
+
+export const getInstanceRetryInterval = (retryCount: number) =>
+  Math.min(INSTANCE_RETRY_MAX_INTERVAL, INSTANCE_RETRY_BASE_INTERVAL * 2 ** Math.min(Math.max(retryCount - 1, 0), 4));
+
+export const getInstanceErrorStatus = (error: unknown) => (isAxiosError(error) ? error.response?.status : undefined);
+
+export const shouldRetryInstanceRequest = (error: unknown) => {
+  if (!isAxiosError(error) || !error.response) return true;
+
+  const { status } = error.response;
+  return status === 408 || status === 429 || status >= 500;
+};
+
 const InstanceWrapper = observer(function InstanceWrapper(props: TInstanceWrapper) {
   const { children } = props;
   // store
   const { isLoading, instance, error, fetchInstanceInfo } = useInstance();
 
-  const { isLoading: isInstanceSWRLoading, error: instanceSWRError } = useSWR(
-    "INSTANCE_INFORMATION",
-    async () => await fetchInstanceInfo(),
-    { revalidateOnFocus: false }
-  );
+  const {
+    isLoading: isInstanceSWRLoading,
+    isValidating: isInstanceSWRValidating,
+    error: instanceSWRError,
+    mutate: retryInstanceInfo,
+  } = useSWR("INSTANCE_INFORMATION", async () => await fetchInstanceInfo(), {
+    revalidateOnFocus: true,
+    revalidateOnReconnect: true,
+    shouldRetryOnError: true,
+    onErrorRetry: (requestError, _key, _config, revalidate, { retryCount }) => {
+      if (typeof navigator !== "undefined" && !navigator.onLine) return;
+      if (!shouldRetryInstanceRequest(requestError)) return;
+
+      setTimeout(() => {
+        void revalidate({ retryCount });
+      }, getInstanceRetryInterval(retryCount));
+    },
+  });
 
   // loading state
   if ((isLoading || isInstanceSWRLoading) && !instance)
@@ -36,7 +65,27 @@ const InstanceWrapper = observer(function InstanceWrapper(props: TInstanceWrappe
       </div>
     );
 
-  if (instanceSWRError) return <MaintenanceView />;
+  if (instanceSWRError) {
+    const statusCode = getInstanceErrorStatus(instanceSWRError);
+    const reason =
+      statusCode === 502 || statusCode === 503 || statusCode === 504
+        ? "starting"
+        : statusCode === undefined
+          ? "offline"
+          : "unavailable";
+
+    return (
+      <MaintenanceView
+        autoRetry={shouldRetryInstanceRequest(instanceSWRError)}
+        isRetrying={isInstanceSWRValidating}
+        reason={reason}
+        statusCode={statusCode}
+        onRetry={() => {
+          void retryInstanceInfo();
+        }}
+      />
+    );
+  }
 
   // something went wrong while in the request
   if (error && error?.status === "error") return <>{children}</>;