refactor(web): replace CRA with Vite

packages/web/src/hooks/useAdminDeleteRole.js

@@ -5,13 +5,13 @@ export default function useAdminDeleteRole(roleId) {
   const queryClient = useQueryClient();
 
   const query = useMutation({
-    mutationFn: async (payload) => {
+    mutationFn: async () => {
       const { data } = await api.delete(`/v1/admin/roles/${roleId}`);
 
       return data;
     },
-    onSuccess: () => {
-      queryClient.invalidateQueries({
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
         queryKey: ['admin', 'roles'],
       });
     },

packages/web/src/hooks/useDocsUrl.js

@@ -10,7 +10,7 @@ const appendTrailingSlash = (url) => {
   }
 
   return url;
-}
+};
 
 /**
  * Per instance, there may be different documentation. However, the paths are assumed the same.
@@ -18,10 +18,12 @@ const appendTrailingSlash = (url) => {
  */
 export default function useDocsUrl(path) {
   const { data: automatischInfo } = useAutomatischInfo();
-  const docsUrlWithTrailingSlash = appendTrailingSlash(automatischInfo?.docsUrl);
+  const docsUrlWithTrailingSlash = appendTrailingSlash(
+    automatischInfo?.docsUrl,
+  );
   const docsUrl = docsUrlWithTrailingSlash || 'https://automatisch.io/docs/';
 
-  const absoluteUrl = new URL(path, docsUrl).toString();
+  const absoluteUrl = new window.URL(path, docsUrl).toString();
 
   return absoluteUrl;
 }

packages/web/src/hooks/useDownloadJsonAsFile.js

@@ -12,11 +12,11 @@ export default function useDownloadJsonAsFile() {
         replacement: '-',
       });
 
-      const fileBlob = new Blob([stringifiedContents], {
+      const fileBlob = new window.Blob([stringifiedContents], {
         type: 'application/json',
       });
 
-      const fileObjectUrl = URL.createObjectURL(fileBlob);
+      const fileObjectUrl = window.URL.createObjectURL(fileBlob);
 
       const temporaryDownloadLink = document.createElement('a');
       temporaryDownloadLink.href = fileObjectUrl;

packages/web/src/hooks/useDynamicData.js

@@ -92,7 +92,7 @@ function useDynamicData(stepId, schema) {
         lastComputedVariables.current = variables;
 
         return variables;
-      } catch (err) {
+      } catch {
         return null;
       }
     }

packages/web/src/hooks/useDynamicFields.js

@@ -61,7 +61,7 @@ function useDynamicFields(stepId, schema) {
         }
         lastComputedVariables.current = variables;
         return variables;
-      } catch (err) {
+      } catch {
         return null;
       }
     }

packages/web/src/hooks/useExecutionFilters.js

@@ -1,8 +1,6 @@
 import { useSearchParams } from 'react-router-dom';
-import { useMutation } from '@tanstack/react-query';
 import { DateTime } from 'luxon';
 
-import api from 'helpers/api';
 import objectifyUrlSearchParams from 'helpers/objectifyUrlSearchParams';
 
 export default function useExecutionFilters() {
@@ -21,7 +19,8 @@ export default function useExecutionFilters() {
   const endDateTime = parseInt(endDateTimeString, 10);
 
   const filterByStatus = (status) => {
-    setSearchParams((current) => {
+    setSearchParams(() => {
+      // eslint-disable-next-line no-unused-vars
       const { status: currentStatus, ...rest } = searchParamsObject;
 
       if (status) {
@@ -35,7 +34,8 @@ export default function useExecutionFilters() {
   const filterByStartDateTime = (startDateTime) => {
     const startDateTimeString = startDateTime?.toMillis();
 
-    setSearchParams((current) => {
+    setSearchParams(() => {
+      // eslint-disable-next-line no-unused-vars
       const { startDateTime: currentStartDateTime, ...rest } =
         searchParamsObject;
 
@@ -50,7 +50,8 @@ export default function useExecutionFilters() {
   const filterByEndDateTime = (endDateTime) => {
     const endDateTimeString = endDateTime?.endOf('day').toMillis();
 
-    setSearchParams((current) => {
+    setSearchParams(() => {
+      // eslint-disable-next-line no-unused-vars
       const { endDateTime: currentEndDateTime, ...rest } = searchParamsObject;
 
       if (endDateTimeString) {
@@ -65,13 +66,14 @@ export default function useExecutionFilters() {
     const searchParamsObject = objectifyUrlSearchParams(searchParams);
 
     if (value === undefined) {
+      // eslint-disable-next-line no-unused-vars
       const { [key]: keyToRemove, ...remainingSearchParams } =
         searchParamsObject;
 
-      return new URLSearchParams(remainingSearchParams).toString();
+      return new window.URLSearchParams(remainingSearchParams).toString();
     }
 
-    return new URLSearchParams({
+    return new window.URLSearchParams({
       ...searchParamsObject,
       [key]: value,
     }).toString();

packages/web/src/hooks/useFlowFilters.js

@@ -1,7 +1,5 @@
 import { useSearchParams } from 'react-router-dom';
-import { useMutation } from '@tanstack/react-query';
 
-import api from 'helpers/api';
 import objectifyUrlSearchParams from 'helpers/objectifyUrlSearchParams';
 
 export default function useFlowFilters() {
@@ -14,7 +12,8 @@ export default function useFlowFilters() {
     searchParamsObject.onlyOwnedFlows === 'true' || undefined;
 
   const filterByStatus = (status) => {
-    setSearchParams((current) => {
+    setSearchParams(() => {
+      // eslint-disable-next-line no-unused-vars
       const { status: currentStatus, ...rest } = searchParamsObject;
 
       if (status) {
@@ -26,7 +25,8 @@ export default function useFlowFilters() {
   };
 
   const filterByOwnership = (onlyOwnedFlows) => {
-    setSearchParams((current) => {
+    setSearchParams(() => {
+      // eslint-disable-next-line no-unused-vars
       const { onlyOwnedFlows: currentOnlyOwnedFlows, ...rest } =
         searchParamsObject;
 
@@ -42,13 +42,14 @@ export default function useFlowFilters() {
     const searchParamsObject = objectifyUrlSearchParams(searchParams);
 
     if (value === undefined) {
+      // eslint-disable-next-line no-unused-vars
       const { [key]: keyToRemove, ...remainingSearchParams } =
         searchParamsObject;
 
-      return new URLSearchParams(remainingSearchParams).toString();
+      return new window.URLSearchParams(remainingSearchParams).toString();
     }
 
-    return new URLSearchParams({
+    return new window.URLSearchParams({
       ...searchParamsObject,
       [key]: value,
     }).toString();

packages/web/src/hooks/useIsCurrentUserAdmin.js

@@ -1,4 +1,3 @@
-import userAbility from 'helpers/userAbility';
 import useCurrentUser from 'hooks/useCurrentUser';
 
 export default function useIsCurrentUserAdmin() {

packages/web/src/hooks/useLazyApps.js

@@ -4,10 +4,10 @@ import api from 'helpers/api';
 import React from 'react';
 
 export default function useLazyApps({ appName } = {}, { onSuccess } = {}) {
-  const abortControllerRef = React.useRef(new AbortController());
+  const abortControllerRef = React.useRef(new window.AbortController());
 
   React.useEffect(() => {
-    abortControllerRef.current = new AbortController();
+    abortControllerRef.current = new window.AbortController();
 
     return () => {
       abortControllerRef.current?.abort();