Update to support new stores

packages/builder/src/builderStore/dataBinding.js

@@ -1,10 +1,7 @@
 import { cloneDeep } from "lodash/fp"
 import { get } from "svelte/store"
 import { store } from "builderStore"
-import {
+import { tables as tablesStore, queries as queriesStores } from "stores/backend"
-  tables as tablesStore,
-  queries as queriesStores,
-} from "stores/backend/"
 import { findComponentPath } from "./storeUtils"
 import { makePropSafe } from "@budibase/string-templates"
 import { TableNames } from "../constants"

packages/builder/src/builderStore/store/frontend.js

@@ -15,7 +15,7 @@ import {
   queries,
   database,
   tables,
-} from "stores/backend/"
+} from "stores/backend"
 
 import { fetchComponentLibDefinitions } from "../loadComponentLibraries"
 import api from "../api"

packages/builder/src/components/automation/AutomationBuilder/FlowChart/AutomationBlockTagline.svelte

@@ -1,7 +1,7 @@
 <script>
   import { processStringSync } from "@budibase/string-templates"
   import { get } from "lodash/fp"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
 
   export let block
 

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

@@ -1,12 +1,6 @@
 <script>
-<<<<<<< HEAD
-  import { backendUiStore, automationStore } from "builderStore"
   import { goto } from "@roxi/routify"
-=======
+  import { database } from "stores/backend"
-  import { automationStore } from "builderStore"
-  import { database } from 'stores/backend/'
-  import { goto } from "@sveltech/routify"
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import { Input, ModalContent } from "@budibase/bbui"
   import analytics from "analytics"

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

@@ -1,12 +1,7 @@
 <script>
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { automationStore, backendUiStore } from "builderStore"
-=======
-  import { goto } from "@sveltech/routify"
   import { automationStore } from "builderStore"
-  import { database } from 'stores/backend/'
+  import { database } from "stores/backend"
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import { DropdownMenu } from "@budibase/bbui"
   import { DropdownContainer, DropdownItem } from "components/common/Dropdowns"

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

@@ -1,5 +1,5 @@
 <script>
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
   import { Select } from "@budibase/bbui"
   import DrawerBindableInput from "../../common/DrawerBindableInput.svelte"
   import AutomationBindingPanel from "./AutomationBindingPanel.svelte"

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

@@ -1,6 +1,6 @@
 <script>
   import { automationStore } from "builderStore"
-  import { database } from 'stores/backend/'
+  import { database } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import AutomationBlockSetup from "./AutomationBlockSetup.svelte"
   import { Button, Modal } from "@budibase/bbui"

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

@@ -1,5 +1,5 @@
 <script>
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
   import { Select } from "@budibase/bbui"
 
   export let value

packages/builder/src/components/automation/Shared/CreateWebhookModal.svelte

@@ -1,6 +1,6 @@
 <script>
   import { automationStore } from "builderStore"
-  import { database } from 'stores/backend/'
+  import { database } from "stores/backend"
   import WebhookDisplay from "./WebhookDisplay.svelte"
   import { ModalContent } from "@budibase/bbui"
   import { onMount, onDestroy } from "svelte"

packages/builder/src/components/backend/DataTable/DataTable.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { tables, views } from 'stores/backend/'
+  import { tables, views } from "stores/backend"
 
   import CreateRowButton from "./buttons/CreateRowButton.svelte"
   import CreateColumnButton from "./buttons/CreateColumnButton.svelte"

packages/builder/src/components/backend/DataTable/ExternalDataSourceTable.svelte

@@ -1,11 +1,4 @@
 <script>
-<<<<<<< HEAD
-  import { params } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
-  import { notifier } from "builderStore/store/notifications"
-  import * as api from "./api"
-=======
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import Table from "./Table.svelte"
 
   export let query = {}

packages/builder/src/components/backend/DataTable/RelationshipDataTable.svelte

@@ -1,7 +1,7 @@
 <script>
   import api from "builderStore/api"
   import Table from "./Table.svelte"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
 
   export let tableId
   export let rowId
@@ -12,9 +12,7 @@
 
   $: data = row?.[fieldName] ?? []
   $: linkedTableId = data?.length ? data[0].tableId : null
-  $: linkedTable = $tables.list.find(
+  $: linkedTable = $tables.list.find(table => table._id === linkedTableId)
-    table => table._id === linkedTableId
-  )
   $: schema = linkedTable?.schema
   $: table = $tables.list.find(table => table._id === tableId)
   $: fetchData(tableId, rowId)

packages/builder/src/components/backend/DataTable/ViewDataTable.svelte

@@ -1,6 +1,6 @@
 <script>
   import api from "builderStore/api"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
 
   import Table from "./Table.svelte"
   import CalculateButton from "./buttons/CalculateButton.svelte"

packages/builder/src/components/backend/DataTable/buttons/ManageAccessButton.svelte

@@ -1,6 +1,6 @@
 <script>
   import { TextButton, Popover } from "@budibase/bbui"
-  import { permissions } from 'stores/backend/'
+  import { permissions } from "stores/backend"
   import ManageAccessPopover from "../popovers/ManageAccessPopover.svelte"
 
   export let resourceId
@@ -10,9 +10,7 @@
   let resourcePermissions
 
   async function openDropdown() {
-    resourcePermissions = await permissions.forResource(
+    resourcePermissions = await permissions.forResource(resourceId)
-      resourceId
-    )
     dropdown.show()
   }
 </script>

packages/builder/src/components/backend/DataTable/cells/RoleCell.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { roles } from 'stores/backend/'
+  import { roles } from "stores/backend"
 
   export let roleId
 

packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte

@@ -9,7 +9,7 @@
     Radio,
   } from "@budibase/bbui"
   import { cloneDeep } from "lodash/fp"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
 
   import { TableNames, UNEDITABLE_USER_FIELDS } from "constants"
   import {
@@ -56,9 +56,7 @@
     UNEDITABLE_USER_FIELDS.includes(field.name)
   $: invalid =
     (field.type === LINK_TYPE && !field.tableId) ||
-    Object.keys($tables.draft.schema).some(
+    Object.keys($tables.draft.schema).some(key => key === field.name)
-      key => key === field.name
-    )
 
   // used to select what different options can be displayed for column type
   $: canBeSearched =
@@ -72,11 +70,7 @@
 
   async function saveColumn() {
     if (field.type === AUTO_COL) {
-      field = buildAutoColumn(
+      field = buildAutoColumn($tables.draft.name, field.name, field.subtype)
-        $tables.draft.name,
-        field.name,
-        field.subtype
-      )
     }
     tables.saveField({
       originalName,

packages/builder/src/components/backend/DataTable/modals/CreateEditRow.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { tables, rows } from 'stores/backend/'
+  import { tables, rows } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import RowFieldControl from "../RowFieldControl.svelte"
   import * as api from "../api"

packages/builder/src/components/backend/DataTable/modals/CreateEditUser.svelte

@@ -1,6 +1,6 @@
 <script>
-  import { tables, rows } from 'stores/backend/'
+  import { tables, rows } from "stores/backend"
-  import { roles } from 'stores/backend/'
+  import { roles } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import RowFieldControl from "../RowFieldControl.svelte"
   import * as backendApi from "../api"

packages/builder/src/components/backend/DataTable/modals/DeleteRow.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { rows } from 'stores/backend/'
+  import { rows } from "stores/backend"
   import * as api from "../api"
   import { notifier } from "builderStore/store/notifications"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"

packages/builder/src/components/backend/DataTable/modals/EditRoles.svelte

@@ -4,16 +4,14 @@
   import api from "builderStore/api"
   import { notifier } from "builderStore/store/notifications"
   import ErrorsBox from "components/common/ErrorsBox.svelte"
-  import { roles } from 'stores/backend/'
+  import { roles } from "stores/backend"
 
   let basePermissions = []
   let selectedRole = {}
   let errors = []
   let builtInRoles = ["Admin", "Power", "Basic", "Public"]
   $: selectedRoleId = selectedRole._id
-  $: otherRoles = $roles.filter(
+  $: otherRoles = $roles.filter(role => role._id !== selectedRoleId)
-    role => role._id !== selectedRoleId
-  )
   $: isCreating = selectedRoleId == null || selectedRoleId === ""
 
   const fetchBasePermissions = async () => {

packages/builder/src/components/backend/DataTable/popovers/CalculatePopover.svelte

@@ -1,7 +1,7 @@
 <script>
   import { Button, Select } from "@budibase/bbui"
 
-  import { tables, views } from 'stores/backend/'
+  import { tables, views } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import analytics from "analytics"
 
@@ -23,9 +23,7 @@
   export let view = {}
   export let onClosed
 
-  $: viewTable = $tables.list.find(
+  $: viewTable = $tables.list.find(({ _id }) => _id === $views.selected.tableId)
-    ({ _id }) => _id === $views.selected.tableId
-  )
   $: fields =
     viewTable &&
     Object.keys(viewTable.schema).filter(

packages/builder/src/components/backend/DataTable/popovers/CreateViewPopover.svelte

@@ -1,13 +1,8 @@
 <script>
   import { Button, Input } from "@budibase/bbui"
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { views as viewsStore } from "stores/backend"
-=======
+  import { tables } from "stores/backend"
-  import { goto } from "@sveltech/routify"
-  import { views as viewsStore } from 'stores/backend/'
-  import { tables } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import analytics from "analytics"
 
@@ -16,9 +11,7 @@
   let name
   let field
 
-  $: views = $tables.list.flatMap(table =>
+  $: views = $tables.list.flatMap(table => Object.keys(table.views || {}))
-    Object.keys(table.views || {})
-  )
 
   function saveView() {
     if (views.includes(name)) {

packages/builder/src/components/backend/DataTable/popovers/FilterPopover.svelte

@@ -1,6 +1,6 @@
 <script>
   import { Button, Input, Select, DatePicker } from "@budibase/bbui"
-  import { tables, views } from 'stores/backend/'
+  import { tables, views } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import analytics from "analytics"
 
@@ -49,9 +49,7 @@
   export let view = {}
   export let onClosed
 
-  $: viewTable = $tables.list.find(
+  $: viewTable = $tables.list.find(({ _id }) => _id === $views.selected.tableId)
-    ({ _id }) => _id === $views.selected.tableId
-  )
   $: fields = viewTable && Object.keys(viewTable.schema)
 
   function saveView() {

packages/builder/src/components/backend/DataTable/popovers/GroupByPopover.svelte

@@ -1,15 +1,13 @@
 <script>
   import { Button, Select } from "@budibase/bbui"
-  import { tables, views } from 'stores/backend/'
+  import { tables, views } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import { FIELDS } from "constants/backend"
 
   export let view = {}
   export let onClosed
 
-  $: viewTable = $tables.list.find(
+  $: viewTable = $tables.list.find(({ _id }) => _id === $views.selected.tableId)
-    ({ _id }) => _id === $views.selected.tableId
-  )
   $: fields =
     viewTable &&
     Object.entries(viewTable.schema)

packages/builder/src/components/backend/DataTable/popovers/ManageAccessPopover.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { roles, permissions as permissionsStore } from 'stores/backend/'
+  import { roles, permissions as permissionsStore } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import { Button, Label, Input, Select, Spacer } from "@budibase/bbui"
 
@@ -15,9 +15,7 @@
     })
 
     // Show updated permissions in UI: REMOVE
-    permissions = await permissionsStore.forResource(
+    permissions = await permissionsStore.forResource(resourceId)
-      resourceId
-    )
     notifier.success("Updated permissions.")
     // TODO: update permissions
     // permissions[]

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

@@ -1,12 +1,7 @@
 <script>
   import { onMount } from "svelte"
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { database, datasources, queries } from "stores/backend"
-=======
-  import { goto } from "@sveltech/routify"
-  import { database, datasources, queries } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import EditDatasourcePopover from "./popovers/EditDatasourcePopover.svelte"
   import EditQueryPopover from "./popovers/EditQueryPopover.svelte"
   import NavItem from "components/common/NavItem.svelte"

packages/builder/src/components/backend/DatasourceNavigator/modals/CreateDatasourceModal.svelte

@@ -1,11 +1,6 @@
 <script>
-<<<<<<< HEAD
+  import { goto } from "@roxi/routify"
-  import { goto, params } from "@roxi/routify"
+  import { datasources } from "stores/backend"
-  import { backendUiStore, store } from "builderStore"
-=======
-  import { goto } from "@sveltech/routify"
-  import { datasources } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import { Input, Label, ModalContent } from "@budibase/bbui"
   import TableIntegrationMenu from "../TableIntegrationMenu/index.svelte"
@@ -19,9 +14,7 @@
   function checkValid(evt) {
     const datasourceName = evt.target.value
     if (
-      $datasources?.list.some(
+      $datasources?.list.some(datasource => datasource.name === datasourceName)
-        datasource => datasource.name === datasourceName
-      )
     ) {
       error = `Datasource with name ${datasourceName} already exists. Please choose another name.`
       return

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

@@ -1,11 +1,6 @@
 <script>
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { datasources } from "stores/backend"
-=======
-  import { goto } from "@sveltech/routify"
-  import { datasources } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import { DropdownMenu } from "@budibase/bbui"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"

packages/builder/src/components/backend/TableNavigator/TableNavigator.svelte

@@ -1,18 +1,12 @@
 <script>
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { tables, views, database } from "stores/backend"
-=======
-  import { goto } from "@sveltech/routify"
-  import { tables, views, database } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { TableNames } from "constants"
   import EditTablePopover from "./popovers/EditTablePopover.svelte"
   import EditViewPopover from "./popovers/EditViewPopover.svelte"
   import NavItem from "components/common/NavItem.svelte"
 
-  $: selectedView =
+  $: selectedView = $views.selected && $views.selected.name
-    $views.selected && $views.selected.name
 
   function selectTable(table) {
     tables.select(table)
@@ -33,7 +27,6 @@
       ...table.views[viewName],
     })
   }
-  
 </script>
 
 {#if $database?._id}

packages/builder/src/components/backend/TableNavigator/modals/CreateTableModal.svelte

@@ -1,12 +1,7 @@
 <script>
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { backendUiStore, store } from "builderStore"
-=======
-  import { goto } from "@sveltech/routify"
   import { store } from "builderStore"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import { Input, Label, ModalContent, Toggle } from "@budibase/bbui"
   import TableDataImport from "../TableDataImport.svelte"

packages/builder/src/components/backend/TableNavigator/popovers/EditTablePopover.svelte

@@ -1,12 +1,7 @@
 <script>
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { backendUiStore, store, allScreens } from "builderStore"
-=======
-  import { goto } from '@sveltech/routify'
   import { store, allScreens } from "builderStore"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import { DropdownMenu, Button, Input } from "@budibase/bbui"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
@@ -62,7 +57,8 @@
 
   function checkValid(evt) {
     const tableName = evt.target.value
-    error = originalName !== tableName
+    error =
+      originalName !== tableName
         ? `Table with name ${tableName} already exists. Please choose another name.`
         : ""
   }

packages/builder/src/components/backend/TableNavigator/popovers/EditViewPopover.svelte

@@ -1,11 +1,6 @@
 <script>
-<<<<<<< HEAD
   import { goto } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { views } from "stores/backend"
-=======
-  import { goto } from "@sveltech/routify"
-  import { views } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
   import { notifier } from "builderStore/store/notifications"
   import { DropdownMenu, Button, Input } from "@budibase/bbui"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"

packages/builder/src/components/common/LinkedRowSelector.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
   import api from "builderStore/api"
   import { Select, Label, Multiselect } from "@budibase/bbui"
   import { capitalise } from "../../helpers"
@@ -13,9 +13,7 @@
   $: linkedRows = linkedIds
   $: label = capitalise(schema.name)
   $: linkedTableId = schema.tableId
-  $: linkedTable = $tables.list.find(
+  $: linkedTable = $tables.list.find(table => table._id === linkedTableId)
-    table => table._id === linkedTableId
-  )
   $: fetchRows(linkedTableId)
 
   async function fetchRows(linkedTableId) {

packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte

@@ -7,7 +7,7 @@
     selectedAccessRole,
     screenSearchString,
   } from "builderStore"
-  import { roles } from 'stores/backend/'
+  import { roles } from "stores/backend"
   import { FrontendTypes } from "constants"
   import ComponentNavigationTree from "components/design/NavigationPanel/ComponentNavigationTree/index.svelte"
   import Layout from "components/design/NavigationPanel/Layout.svelte"

packages/builder/src/components/design/NavigationPanel/NewScreenModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { store, allScreens } from "builderStore"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
-  import { roles } from 'stores/backend/'
+  import { roles } from "stores/backend"
   import { Input, Select, ModalContent, Toggle } from "@budibase/bbui"
   import getTemplates from "builderStore/store/screenTemplates"
   import analytics from "analytics"

packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataSourceSelect.svelte

@@ -10,8 +10,11 @@
   } from "@budibase/bbui"
   import { createEventDispatcher } from "svelte"
   import { store, currentAsset } from "builderStore"
-  import { tables as tablesStore, queries as queriesStore } from 'stores/backend/'
+  import {
-  import { datasources, integrations } from 'stores/backend/'
+    tables as tablesStore,
+    queries as queriesStore,
+  } from "stores/backend"
+  import { datasources, integrations } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import ParameterBuilder from "components/integration/QueryParameterBuilder.svelte"
   import IntegrationQueryEditor from "components/integration/index.svelte"
@@ -83,9 +86,8 @@
   }
 
   function fetchQueryDefinition(query) {
-    const source = $datasources.list.find(
+    const source = $datasources.list.find(ds => ds._id === query.datasourceId)
-      ds => ds._id === query.datasourceId
+      .source
-    ).source
     return $integrations[source].query[query.queryVerb]
   }
 </script>

packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/DeleteRow.svelte

@@ -1,12 +1,13 @@
 <script>
   import { Select, Label } from "@budibase/bbui"
-  import { store, currentAsset, backendUiStore } from "builderStore"
+  import { store, currentAsset } from "builderStore"
+  import { tables } from "stores/backend"
   import { getBindableProperties } from "builderStore/dataBinding"
   import DrawerBindableInput from "components/common/DrawerBindableInput.svelte"
 
   export let parameters
 
-  $: tableOptions = $backendUiStore.tables || []
+  $: tableOptions = $tables || []
   $: bindings = getBindableProperties($currentAsset, $store.selectedComponentId)
 </script>
 

packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ExecuteQuery.svelte

@@ -1,7 +1,7 @@
 <script>
   import { Select, Label, Spacer } from "@budibase/bbui"
   import { store, currentAsset } from "builderStore"
-  import { datasources, integrations, queries } from 'stores/backend/'
+  import { datasources, integrations, queries } from "stores/backend"
   import { getBindableProperties } from "builderStore/dataBinding"
   import ParameterBuilder from "components/integration/QueryParameterBuilder.svelte"
   import IntegrationQueryEditor from "components/integration/index.svelte"
@@ -25,14 +25,7 @@
   }
 </script>
 
-<<<<<<< HEAD
+
-<div class="root">
-  <Label small>Datasource</Label>
-  <Select thin secondary bind:value={parameters.datasourceId}>
-    <option value="" />
-    {#each $backendUiStore.datasources as datasource}
-      <option value={datasource._id}>{datasource.name}</option>
-=======
 <Label small>Datasource</Label>
 <Select thin secondary bind:value={parameters.datasourceId}>
   <option value="" />
@@ -49,7 +42,6 @@
     <option value="" />
     {#each $queries.list.filter(query => query.datasourceId === datasource._id) as query}
       <option value={query._id}>{query.name}</option>
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d
     {/each}
   </Select>
 

packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/SaveRow.svelte

@@ -1,6 +1,7 @@
 <script>
   import { Select, Label, Body } from "@budibase/bbui"
-  import { store, currentAsset, backendUiStore } from "builderStore"
+  import { store, currentAsset } from "builderStore"
+  import { tables } from "stores/backend"
   import {
     getDataProviderComponents,
     getSchemaForDatasource,
@@ -14,7 +15,7 @@
     $store.selectedComponentId
   )
   $: schemaFields = getSchemaFields(parameters?.tableId)
-  $: tableOptions = $backendUiStore.tables || []
+  $: tableOptions = $tables || []
 
   const getSchemaFields = tableId => {
     const { schema } = getSchemaForDatasource({ type: "table", tableId })

packages/builder/src/components/design/PropertiesPanel/PropertyControls/RoleSelect.svelte

@@ -1,6 +1,6 @@
 <script>
   import { Select } from "@budibase/bbui"
-  import { roles } from 'stores/backend/'
+  import { roles } from "stores/backend"
 
   export let value
 </script>

packages/builder/src/components/design/PropertiesPanel/PropertyControls/TableSelect.svelte

@@ -1,6 +1,6 @@
 <script>
   import { Select } from "@budibase/bbui"
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
 
   export let value
 </script>

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

@@ -15,7 +15,7 @@
   import IntegrationQueryEditor from "components/integration/index.svelte"
   import ExternalDataSourceTable from "components/backend/DataTable/ExternalDataSourceTable.svelte"
   import ParameterBuilder from "components/integration/QueryParameterBuilder.svelte"
-  import { datasources, integrations, queries } from 'stores/backend/'
+  import { datasources, integrations, queries } from "stores/backend"
 
   const PREVIEW_HEADINGS = [
     {
@@ -39,9 +39,7 @@
   let parameters
   let data = []
 
-  $: datasource = $datasources.list.find(
+  $: datasource = $datasources.list.find(ds => ds._id === query.datasourceId)
-    ds => ds._id === query.datasourceId
-  )
 
   $: query.schema = fields.reduce(
     (acc, next) => ({
@@ -113,10 +111,7 @@
 
   async function saveQuery() {
     try {
-      const { _id } = await queries.save(
+      const { _id } = await queries.save(query.datasourceId, query)
-        query.datasourceId,
-        query
-      )
       notifier.success(`Query saved successfully.`)
       $goto(`../../${_id}`)
     } catch (err) {

packages/builder/src/components/settings/tabs/APIKeys.svelte

@@ -2,7 +2,7 @@
   import { Input, Label, TextButton } from "@budibase/bbui"
   import api from "builderStore/api"
   import { notifier } from "builderStore/store/notifications"
-  import { database } from 'stores/backend/'
+  import { database } from "stores/backend"
   import analytics from "analytics"
 
   let keys = { budibase: "" }

packages/builder/src/pages/builder/[application]/_reset.svelte

@@ -1,6 +1,6 @@
 <script>
   import { store, automationStore } from "builderStore"
-  import { roles } from 'stores/backend/'
+  import { roles } from "stores/backend"
   import { Button } from "@budibase/bbui"
   import SettingsLink from "components/settings/Link.svelte"
   import ThemeEditorDropdown from "components/settings/ThemeEditorDropdown.svelte"

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

@@ -1,16 +1,9 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/datasource/[selectedDatasource]/[query]/_layout.svelte
   import { params } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { queries } from "stores/backend"
-=======
-  import { params } from "@sveltech/routify"
-  import { queries } from "stores/backend/"
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/_layout.svelte
 
   if ($params.query) {
-    const query = $queries.list.find(
+    const query = $queries.list.find(m => m._id === $params.query)
-      m => m._id === $params.query
-    )
     if (query) {
       queries.select(query)
     }

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

@@ -1,11 +1,6 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/datasource/[selectedDatasource]/[query]/index.svelte
   import { params } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { database, queries } from "stores/backend"
-=======
-  import { params } from "@sveltech/routify"
-  import { database, queries } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/[query]/index.svelte
   import QueryInterface from "components/integration/QueryViewer.svelte"
 
   async function fetchQueryConfig() {

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

@@ -1,11 +1,6 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/datasource/[selectedDatasource]/_layout.svelte
   import { params } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { datasources } from "stores/backend"
-=======
-  import { params } from "@sveltech/routify"
-  import { datasources } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/datasource/[selectedDatasource]/_layout.svelte
 
   if ($params.selectedDatasource) {
     const datasource = $datasources.list.find(

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

@@ -1,16 +1,14 @@
 <script>
   import { goto, beforeUrlChange } from "@roxi/routify"
   import { Button, Heading, Body, Spacer } from "@budibase/bbui"
-  import { datasources, integrations, queries } from 'stores/backend/'
+  import { datasources, integrations, queries } from "stores/backend"
   import { notifier } from "builderStore/store/notifications"
   import IntegrationConfigForm from "components/backend/DatasourceNavigator/TableIntegrationMenu/IntegrationConfigForm.svelte"
   import ICONS from "components/backend/DatasourceNavigator/icons"
 
   let unsaved = false
 
-  $: datasource = $datasources.list.find(
+  $: datasource = $datasources.list.find(ds => ds._id === $datasources.selected)
-    ds => ds._id === $datasources.selected
-  )
   $: integration = datasource && $integrations[datasource.source]
 
   async function saveDatasource() {

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

@@ -1,15 +1,11 @@
 <script>
-  import { datasources } from 'stores/backend/'
+  import { datasources } from "stores/backend"
-  import { goto, leftover } from "@sveltech/routify"
+  import { goto, leftover } from "@roxi/routify"
   import { onMount } from "svelte"
 
   onMount(async () => {
     // navigate to first datasource in list, if not already selected
-    if (
+    if (!$leftover && $datasources.list.length > 0 && !$datasources.selected) {
-      !$leftover &&
-      $datasources.list.length > 0 &&
-      !$datasources.selected
-    ) {
       $goto(`./${$datasources.list[0]._id}`)
     }
   })

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

@@ -1,17 +1,15 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/datasource/index.svelte
+  import { datasources, tables } from "stores/backend"
-  import { backendUiStore } from "builderStore"
   import { goto } from "@roxi/routify"
   import { onMount } from "svelte"
 
   onMount(async () => {
     // navigate to first table in list, if not already selected
-    $backendUiStore.datasources.length > 0 &&
+    $datasources.list.length > 0 && $goto(`../${$datasources.list[0]._id}`)
-      $goto(`./${$backendUiStore.datasources[0]._id}`)
   })
 </script>
 
-{#if $backendUiStore.tables.length === 0}
+{#if $tables.list.length === 0}
   <i>Connect your first datasource to start building.</i>
 {:else}<i>Select a datasource to edit</i>{/if}
 
@@ -22,26 +20,3 @@
     margin-top: 2px;
   }
 </style>
-=======
-    import { datasources, tables } from 'stores/backend/'
-    import { goto } from "@sveltech/routify"
-    import { onMount } from "svelte"
-
-    onMount(async () => {
-      // navigate to first table in list, if not already selected
-      $datasources.list.length > 0 && $goto(`../${$datasources.list[0]._id}`)
-    })
-  </script>
-  
-  {#if $tables.list.length === 0}
-    <i>Connect your first datasource to start building.</i>
-  {:else}<i>Select a datasource to edit</i>{/if}
-  
-  <style>
-    i {
-      font-size: var(--font-size-m);
-      color: var(--grey-5);
-      margin-top: 2px;
-    }
-  </style>
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/datasource/index.svelte

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

@@ -1,16 +1,9 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/table/[selectedTable]/_layout.svelte
   import { params } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { tables } from "stores/backend"
-=======
-  import { params } from "@sveltech/routify"
-  import { tables } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/table/[selectedTable]/_layout.svelte
 
   if ($params.selectedTable) {
-    const table = $tables.list.find(
+    const table = $tables.list.find(m => m._id === $params.selectedTable)
-      m => m._id === $params.selectedTable
-    )
     if (table) {
       tables.select(table)
     }

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

@@ -1,6 +1,6 @@
 <script>
   import TableDataTable from "components/backend/DataTable/DataTable.svelte"
-  import { tables, database } from 'stores/backend/'
+  import { tables, database } from "stores/backend"
 </script>
 
 {#if $database?._id && $tables?.selected?.name}

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

@@ -1,6 +1,6 @@
 <script>
-  import { tables } from 'stores/backend/'
+  import { tables } from "stores/backend"
-  import { goto, leftover } from "@sveltech/routify"
+  import { goto, leftover } from "@roxi/routify"
   import { onMount } from "svelte"
 
   onMount(async () => {

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

@@ -1,20 +1,10 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/table/index.svelte
-  import { backendUiStore } from "builderStore"
   import { goto } from "@roxi/routify"
   import { onMount } from "svelte"
-
+  import { tables } from "stores/backend"
-  onMount(async () => {
-    $backendUiStore.tables.length > 0 &&
-      $goto(`./${$backendUiStore.tables[0]._id}`)
-=======
-  import { tables } from 'stores/backend/'
-  import { goto } from "@sveltech/routify"
-  import { onMount } from "svelte"
 
   onMount(async () => {
     $tables.list.length > 0 && $goto(`../${$tables.list[0]._id}`)
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/table/index.svelte
   })
 </script>
 

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

@@ -1,11 +1,6 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/view/[selectedView]/_layout.svelte
   import { params } from "@roxi/routify"
-  import { backendUiStore } from "builderStore"
+  import { tables, views } from "stores/backend"
-=======
-  import { params } from "@sveltech/routify"
-  import { tables, views } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/view/[selectedView]/_layout.svelte
 
   if ($params.selectedView) {
     let view

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

@@ -1,11 +1,6 @@
 <script>
-<<<<<<< HEAD:packages/builder/src/pages/builder/[application]/data/view/[selectedView]/index.svelte
   import ViewDataTable from "components/backend/DataTable/ViewDataTable.svelte"
-  import { backendUiStore } from "builderStore"
+  import { views, database } from "stores/backend"
-=======
-  import ViewDataTable from "components/backend/DataTable/ViewDataTable"
-  import { views, database } from 'stores/backend/'
->>>>>>> d803aa0bd7a74220e432f4a1b338abdd7fbe9b7d:packages/builder/src/pages/[application]/data/view/[selectedView]/index.svelte
 
   $: selectedView = $views.selected
 </script>

packages/builder/vite.config.js

@@ -40,6 +40,10 @@ export default ({ mode }) => {
           find: "builderStore",
           replacement: path.resolve("./src/builderStore"),
         },
+        {
+          find: "stores",
+          replacement: path.resolve("./src/stores"),
+        },
         {
           find: "constants",
           replacement: path.resolve("./src/constants"),