add try catch to all environment variable loading

packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte

@@ -218,7 +218,11 @@
   }
 
   onMount(async () => {
+    try {
       await environment.loadVariables()
+    } catch (error) {
+      console.error(error)
+    }
   })
 </script>
 

packages/builder/src/components/backend/DatasourceNavigator/TableIntegrationMenu/IntegrationConfigForm.svelte

@@ -96,11 +96,14 @@
   }
 
   onMount(async () => {
+    try {
       await environment.loadVariables()
-
       if ($auth.user) {
         await licensing.init()
       }
+    } catch (err) {
+      console.error(err)
+    }
   })
 </script>
 

packages/builder/src/components/backend/DatasourceNavigator/TableIntegrationMenu/rest/auth/RestAuthenticationModal.svelte

@@ -45,11 +45,14 @@
   let formFieldkey
 
   onMount(async () => {
+    try {
       await environment.loadVariables()
-
       if ($auth.user) {
         await licensing.init()
       }
+    } catch (err) {
+      console.error(err)
+    }
 
     if (currentConfig) {
       deconstructConfig()

packages/builder/src/components/integration/KeyValueBuilder.svelte

@@ -105,7 +105,7 @@
   >
     {#each fields as field, idx}
       <Input
-        placeholder={"hello"}
+        placeholder={keyPlaceholder}
         readonly={readOnly}
         bind:value={field.name}
         on:blur={changed}

packages/builder/src/components/integration/RestQueryViewer.svelte

@@ -367,7 +367,7 @@
       // load the environment variables
       await environment.loadVariables()
     } catch (error) {
-      notifications.error("Error getting environment variables")
+      notifications.error(`Error getting environment variables - ${error}`)
     }
 
     datasource = $datasources.list.find(ds => ds._id === query?.datasourceId)

packages/builder/src/components/portal/environment/CreateEditVariableModal.svelte

@@ -41,7 +41,7 @@
       })
       notifications.success("Environment variable saved")
     } catch (err) {
-      notifications.error("Error saving environment variable")
+      notifications.error(`Error saving environment variable - ${err.message}`)
     }
   }
 </script>

packages/builder/src/pages/builder/portal/settings/environment/_components/EditVariableColumn.svelte

@@ -9,8 +9,8 @@
   let editVariableModal
   let deleteDialog
 
-  const save = data => {
-    environment.updateVariable(data)
+  const save = async data => {
+    await environment.updateVariable(data)
     editVariableModal.hide()
   }
 </script>
@@ -23,8 +23,8 @@
 
 <ConfirmDialog
   bind:this={deleteDialog}
-  onOk={() => {
-    environment.deleteVariable(row.name)
+  onOk={async () => {
+    await environment.deleteVariable(row.name)
   }}
   okText="Delete Environment Variable"
   title="Confirm Deletion"

packages/builder/src/pages/builder/portal/settings/environment/index.svelte

@@ -10,6 +10,7 @@
     Tags,
     Tag,
     InlineAlert,
+    notifications,
   } from "@budibase/bbui"
   import { environment, licensing, auth, admin } from "stores/portal"
   import { onMount } from "svelte"
@@ -44,9 +45,13 @@
     return schema
   }
 
-  const save = data => {
-    environment.createVariable(data)
+  const save = async data => {
+    try {
+      await environment.createVariable(data)
       modal.hide()
+    } catch (err) {
+      notifications.error(`Error saving variable: ${err.message}`)
+    }
   }
 </script>