Clean all URLs by default in URL state sync

packages/builder/src/helpers/urlStateSync.js

@@ -65,6 +65,10 @@ export const syncURLToState = options => {
         params = res.params
       }
     }
+    // Clean URL
+    if (url?.endsWith("/index")) {
+      url = url.replace("/index", "")
+    }
     log("Navigating to", url, "with params", params)
     cachedGoto(url, params)
   }

packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_layout.svelte

@@ -13,12 +13,8 @@
   $: params = routify.params
   $: routeComponentId = $params.componentId
 
-  const cleanUrl = url => {
-    // Strip trailing slashes
-    if (url?.endsWith("/index")) {
-      url = url.replace("/index", "")
-    }
   // Hide new component panel whenever component ID changes
+  const closeNewComponentPanel = url => {
     if (url?.endsWith("/new")) {
       url = url.replace("/new", "")
     }
@@ -40,7 +36,7 @@
     fallbackUrl: "../",
     store,
     routify,
-    beforeNavigate: cleanUrl,
+    beforeNavigate: closeNewComponentPanel,
   })
 
   onDestroy(stopSyncing)