From bfd52b6c50427a49a731cfaea70fd456afd692f6 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Fri, 15 Dec 2023 13:27:16 +0100
Subject: [PATCH] Use routify

---
 packages/builder/src/api.js                   |  8 ++---
 .../builder/src/pages/builder/_layout.svelte  |  5 ++-
 packages/builder/src/stores/portal/index.js   |  1 +
 .../builder/src/stores/portal/navigation.js   | 35 +++++++++++++++++++
 4 files changed, 44 insertions(+), 5 deletions(-)
 create mode 100644 packages/builder/src/stores/portal/navigation.js

diff --git a/packages/builder/src/api.js b/packages/builder/src/api.js
index a854137e2b..1cc4e2b3da 100644
--- a/packages/builder/src/api.js
+++ b/packages/builder/src/api.js
@@ -5,7 +5,7 @@ import {
 } from "@budibase/frontend-core"
 import { store } from "./builderStore"
 import { get } from "svelte/store"
-import { auth } from "./stores/portal"
+import { auth, navigation } from "./stores/portal"
 
 export const API = createAPIClient({
   attachHeaders: headers => {
@@ -52,8 +52,8 @@ export const API = createAPIClient({
       return
     }
 
-    window.location = `${updatingUrl}?returnUrl=${encodeURIComponent(
-      window.location
-    )}`
+    navigation.actions.goTo(
+      `${updatingUrl}?returnUrl=${encodeURIComponent(window.location)}`
+    )
   },
 })
diff --git a/packages/builder/src/pages/builder/_layout.svelte b/packages/builder/src/pages/builder/_layout.svelte
index b216958045..fb9fdd68a4 100644
--- a/packages/builder/src/pages/builder/_layout.svelte
+++ b/packages/builder/src/pages/builder/_layout.svelte
@@ -1,10 +1,11 @@
 <script>
   import { isActive, redirect, params } from "@roxi/routify"
-  import { admin, auth, licensing } from "stores/portal"
+  import { admin, auth, licensing, navigation } from "stores/portal"
   import { onMount } from "svelte"
   import { CookieUtils, Constants } from "@budibase/frontend-core"
   import { API } from "api"
   import Branding from "./Branding.svelte"
+  import { goto } from "@roxi/routify"
 
   let loaded = false
 
@@ -17,6 +18,8 @@
 
   $: useAccountPortal = cloud && !$admin.disableAccountPortal
 
+  navigation.actions.init($goto)
+
   const validateTenantId = async () => {
     const host = window.location.host
     if (host.includes("localhost:") || !baseUrl) {
diff --git a/packages/builder/src/stores/portal/index.js b/packages/builder/src/stores/portal/index.js
index e70df5c3ee..7f1b9e10f0 100644
--- a/packages/builder/src/stores/portal/index.js
+++ b/packages/builder/src/stores/portal/index.js
@@ -16,5 +16,6 @@ export { environment } from "./environment"
 export { menu } from "./menu"
 export { auditLogs } from "./auditLogs"
 export { features } from "./features"
+export { navigation } from "./navigation"
 
 export const sideBarCollapsed = writable(false)
diff --git a/packages/builder/src/stores/portal/navigation.js b/packages/builder/src/stores/portal/navigation.js
new file mode 100644
index 0000000000..78a2851315
--- /dev/null
+++ b/packages/builder/src/stores/portal/navigation.js
@@ -0,0 +1,35 @@
+import { writable } from "svelte/store"
+
+export function createNavigationStore() {
+  const { subscribe } = writable([])
+
+  let initialisated = false
+  let _goTo
+
+  const init = goToFunc => {
+    initialisated = true
+    if (typeof goToFunc !== "function") {
+      throw new Error('A valid "goToFunc" must be provided')
+    }
+
+    _goTo = goToFunc
+  }
+
+  const goTo = (...params) => {
+    if (!initialisated) {
+      throw new Error("You need to call navigation.init first")
+    }
+
+    _goTo(...params)
+  }
+
+  return {
+    subscribe,
+    actions: {
+      init,
+      goTo,
+    },
+  }
+}
+
+export const navigation = createNavigationStore()