Formatting.

packages/builder/src/components/automation/AutomationPanel/EditAutomationPopover.svelte

@@ -1,4 +1,4 @@
-<script>    
+<script>
   import { goto } from "@sveltech/routify"
   import { automationStore, backendUiStore } from "builderStore"
   import { notifier } from "builderStore/store/notifications"
@@ -24,7 +24,7 @@
       automation,
     })
     notifier.success("Automation deleted.")
-    $goto('../automate')
+    $goto("../automate")
   }
 </script>
 

packages/builder/src/components/backend/DatasourceNavigator/popovers/EditDatasourcePopover.svelte

@@ -24,7 +24,7 @@
   async function deleteDatasource() {
     await backendUiStore.actions.datasources.delete(datasource)
     notifier.success("Datasource deleted")
-    $goto('./datasource')
+    $goto("./datasource")
     hideEditor()
   }
 </script>

packages/builder/src/components/deploy/DeploymentHistory.svelte

@@ -119,11 +119,13 @@
             {#if deployment.status.toLowerCase() === 'pending'}
               <Spinner size="10" />
             {/if}
-            <div on:click={() => showErrorReasonModal(deployment.err)} class={`deployment-status ${deployment.status}`}>
+            <div
+              on:click={() => showErrorReasonModal(deployment.err)}
+              class={`deployment-status ${deployment.status}`}>
               <span>
                 {deployment.status}
                 {#if deployment.status === DeploymentStatus.FAILURE}
-                  <i class="ri-information-line"/>
+                  <i class="ri-information-line" />
                 {/if}
               </span>
             </div>

packages/builder/src/pages/[application]/automate/[automation]/index.svelte

@@ -1,6 +1,5 @@
 <script>
   import AutomationBuilder from "components/automation/AutomationBuilder/AutomationBuilder.svelte"
 </script>
-  
+
 <AutomationBuilder />
-  

packages/builder/src/pages/[application]/automate/index.svelte

@@ -1,18 +1,19 @@
 <script>
   import { goto, leftover } from "@sveltech/routify"
-  import { onMount } from 'svelte'
+  import { onMount } from "svelte"
   import { automationStore } from "builderStore"
 
   onMount(async () => {
-      // navigate to first automation in list, if not already selected
+    // navigate to first automation in list, if not already selected
-      if (
+    if (
-        !$leftover &&
+      !$leftover &&
-        $automationStore.automations.length > 0 &&
+      $automationStore.automations.length > 0 &&
-        (!$automationStore.selectedAutomation || !$automationStore.selectedAutomation?.automation?._id)
+      (!$automationStore.selectedAutomation ||
-      ) {
+        !$automationStore.selectedAutomation?.automation?._id)
-        $goto(`../${$automationStore.automations[0]._id}`)
+    ) {
-      }
+      $goto(`../${$automationStore.automations[0]._id}`)
-    })
+    }
+  })
 </script>
 
 <i>Create your first automation to get started</i>
@@ -23,4 +24,4 @@
     color: var(--grey-5);
     margin-top: 2px;
   }
-</style>
+</style>

packages/builder/src/pages/[application]/data/_layout.svelte

@@ -17,11 +17,11 @@
     },
   ]
 
-  let tab = $isActive('./datasource') ? "datasource" : "table"
+  let tab = $isActive("./datasource") ? "datasource" : "table"
 
   function selectFirstTableOrSource({ detail }) {
     const type = detail.heading.key
-    if (type === 'datasource') {
+    if (type === "datasource") {
       $goto("./datasource")
     } else {
       $goto("./table")
@@ -34,7 +34,10 @@
 <!-- routify:options index=0 -->
 <div class="root">
   <div class="nav">
-    <Switcher headings={tabs} bind:value={tab} on:change={selectFirstTableOrSource}>
+    <Switcher
+      headings={tabs}
+      bind:value={tab}
+      on:change={selectFirstTableOrSource}>
       <div class="title">
         <i
           data-cy={`new-${tab}`}

packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/_layout.svelte

@@ -3,9 +3,7 @@
   import { backendUiStore } from "builderStore"
 
   if ($params.query) {
-    const query = $backendUiStore.queries.find(
+    const query = $backendUiStore.queries.find(m => m._id === $params.query)
-      m => m._id === $params.query
-    )
     if (query) {
       backendUiStore.actions.queries.select(query)
     }

packages/builder/src/pages/[application]/data/datasource/index.svelte

@@ -1,22 +1,23 @@
 <script>
-    import { backendUiStore } from "builderStore"
+  import { backendUiStore } from "builderStore"
-    import { goto } from "@sveltech/routify"
+  import { goto } from "@sveltech/routify"
-    import { onMount } from "svelte"
+  import { onMount } from "svelte"
 
-    onMount(async () => {
+  onMount(async () => {
-      // navigate to first table in list, if not already selected
+    // navigate to first table in list, if not already selected
-      $backendUiStore.datasources.length > 0 && $goto(`../${$backendUiStore.datasources[0]._id}`)
+    $backendUiStore.datasources.length > 0 &&
-    })
+      $goto(`../${$backendUiStore.datasources[0]._id}`)
-  </script>
+  })
-  
+</script>
-  {#if $backendUiStore.tables.length === 0}
+
-    <i>Connect your first datasource to start building.</i>
+{#if $backendUiStore.tables.length === 0}
-  {:else}<i>Select a datasource to edit</i>{/if}
+  <i>Connect your first datasource to start building.</i>
-  
+{:else}<i>Select a datasource to edit</i>{/if}
-  <style>
+
-    i {
+<style>
-      font-size: var(--font-size-m);
+  i {
-      color: var(--grey-5);
+    font-size: var(--font-size-m);
-      margin-top: 2px;
+    color: var(--grey-5);
-    }
+    margin-top: 2px;
-  </style>
+  }
+</style>

packages/builder/src/pages/[application]/data/table/index.svelte

@@ -4,7 +4,8 @@
   import { onMount } from "svelte"
 
   onMount(async () => {
-    $backendUiStore.tables.length > 0 && $goto(`../${$backendUiStore.tables[0]._id}`)
+    $backendUiStore.tables.length > 0 &&
+      $goto(`../${$backendUiStore.tables[0]._id}`)
   })
 </script>