App update validation updates

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

@@ -348,7 +348,7 @@
         name: $store.name,
         url: $store.url,
         icon: $store.icon,
-        devId: $store.appId,
+        appId: $store.appId,
       }}
       onUpdateComplete={async () => {
         await initialiseApp()

packages/builder/src/components/start/UpdateAppModal.svelte

@@ -16,6 +16,9 @@
   export let app
   export let onUpdateComplete
 
+  $: appIdParts = app.appId ? app.appId?.split("_") : []
+  $: appId = appIdParts.slice(-1)[0]
+
   const values = writable({
     name: app.name,
     url: app.url,
@@ -35,8 +38,20 @@
 
   const setupValidation = async () => {
     const applications = svelteGet(apps)
-    appValidation.name(validation, { apps: applications, currentApp: app })
-    appValidation.url(validation, { apps: applications, currentApp: app })
+    appValidation.name(validation, {
+      apps: applications,
+      currentApp: {
+        ...app,
+        appId,
+      },
+    })
+    appValidation.url(validation, {
+      apps: applications,
+      currentApp: {
+        ...app,
+        appId,
+      },
+    })
     // init validation
     const { url } = $values
     validation.check({
@@ -47,7 +62,7 @@
 
   async function updateApp() {
     try {
-      await apps.update(app.devId, {
+      await apps.update(app.appId, {
         name: $values.name?.trim(),
         url: $values.url?.trim(),
         icon: {

packages/builder/src/helpers/validation/yup/app.js

@@ -52,7 +52,13 @@ export const url = (validation, { apps, currentApp } = { apps: [] }) => {
           }
           return !apps
             .map(app => app.url)
-            .some(appUrl => appUrl?.toLowerCase() === value.toLowerCase())
+            .some(appUrl => {
+              const url =
+                appUrl?.[0] === "/"
+                  ? appUrl.substring(1, appUrl.length)
+                  : appUrl
+              return url?.toLowerCase() === value.toLowerCase()
+            })
         }
       )
       .test("valid-url", "Not a valid URL", value => {

packages/builder/src/pages/builder/app/[application]/settings/name-and-url.svelte

@@ -78,7 +78,7 @@
       name: $store.name,
       url: $store.url,
       icon: $store.icon,
-      devId: $store.appId,
+      appId: $store.appId,
     }}
     onUpdateComplete={async () => {
       await initialiseApp()