From c69b593c73cb3d17361711cc5ae8c66dc06b6989 Mon Sep 17 00:00:00 2001 From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com> Date: Tue, 12 Aug 2025 11:35:32 +0530 Subject: [PATCH] enhance platform creation UX with optional badges and success notifications --- package.json | 4 ++-- pnpm-lock.yaml | 20 +++++++++---------- .../overview/platforms/createAndroid.svelte | 10 ++++++++-- .../overview/platforms/createApple.svelte | 10 ++++++++-- .../overview/platforms/createFlutter.svelte | 9 +++++++-- .../platforms/createReactNative.svelte | 9 +++++++-- .../overview/platforms/createWeb.svelte | 9 +++++++-- 7 files changed, 49 insertions(+), 22 deletions(-) diff --git a/package.json b/package.json index 77499856c..97ee69d53 100644 --- a/package.json +++ b/package.json @@ -24,9 +24,9 @@ "@ai-sdk/svelte": "^1.1.24", "@appwrite.io/console": "^1.10.0", "@appwrite.io/pink-icons": "0.25.0", - "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@e6b154b", + "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@d93a5e9", "@appwrite.io/pink-legacy": "^1.0.3", - "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e6b154b", + "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d93a5e9", "@popperjs/core": "^2.11.8", "@sentry/sveltekit": "^8.38.0", "@stripe/stripe-js": "^3.5.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7aa3f74a5..4d838a991 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -18,14 +18,14 @@ importers: specifier: 0.25.0 version: 0.25.0 '@appwrite.io/pink-icons-svelte': - specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@e6b154b - version: https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@e6b154b(svelte@5.25.3) + specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@d93a5e9 + version: https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@d93a5e9(svelte@5.25.3) '@appwrite.io/pink-legacy': specifier: ^1.0.3 version: 1.0.3 '@appwrite.io/pink-svelte': - specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e6b154b - version: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e6b154b(svelte@5.25.3) + specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d93a5e9 + version: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d93a5e9(svelte@5.25.3) '@popperjs/core': specifier: ^2.11.8 version: 2.11.8 @@ -265,8 +265,8 @@ packages: peerDependencies: svelte: ^4.0.0 - '@appwrite.io/pink-icons-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@e6b154b': - resolution: {tarball: https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@e6b154b} + '@appwrite.io/pink-icons-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@d93a5e9': + resolution: {tarball: https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@d93a5e9} version: 2.0.0-RC.1 peerDependencies: svelte: ^4.0.0 @@ -280,8 +280,8 @@ packages: '@appwrite.io/pink-legacy@1.0.3': resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==} - '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e6b154b': - resolution: {tarball: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e6b154b} + '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d93a5e9': + resolution: {tarball: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d93a5e9} version: 2.0.0-RC.2 peerDependencies: svelte: ^4.0.0 @@ -3651,7 +3651,7 @@ snapshots: dependencies: svelte: 5.25.3 - '@appwrite.io/pink-icons-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@e6b154b(svelte@5.25.3)': + '@appwrite.io/pink-icons-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@d93a5e9(svelte@5.25.3)': dependencies: svelte: 5.25.3 @@ -3664,7 +3664,7 @@ snapshots: '@appwrite.io/pink-icons': 1.0.0 the-new-css-reset: 1.11.3 - '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@e6b154b(svelte@5.25.3)': + '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d93a5e9(svelte@5.25.3)': dependencies: '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3) '@floating-ui/dom': 1.6.13 diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte index 0af2c8e39..838d63c56 100644 --- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte +++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte @@ -61,6 +61,12 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page. trackEvent(Submit.PlatformCreate, { type: 'android' }); + + addNotification({ + type: 'success', + message: 'Platform created.' + }); + invalidate(Dependencies.PROJECT); invalidate(Dependencies.PLATFORMS); } catch (error) { @@ -162,7 +168,7 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page. {#if isPlatformCreated} -
+
1. If you're starting a new project, you can clone our starter kit from @@ -243,7 +249,7 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page. secondary disabled={isCreatingPlatform} href={location.pathname}> - Go to dashboard + Skip, go to dashboard {/if} diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte index 361c4b7d8..05b73ad95 100644 --- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte +++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte @@ -72,6 +72,12 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj trackEvent(Submit.PlatformCreate, { type: platform }); + + addNotification({ + type: 'success', + message: 'Platform created.' + }); + invalidate(Dependencies.PROJECT); invalidate(Dependencies.PLATFORMS); } catch (error) { @@ -192,7 +198,7 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj {#if isPlatformCreated} -
+
1. If you're starting a new project, you can clone our starter kit from @@ -272,7 +278,7 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj secondary disabled={isCreatingPlatform} href={location.pathname}> - Go to dashboard + Skip, go to dashboard {/if} diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte index 5e3fa65fb..442b3a470 100644 --- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte +++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte @@ -132,6 +132,11 @@ type: platform }); + addNotification({ + type: 'success', + message: 'Platform created.' + }); + invalidate(Dependencies.PROJECT); invalidate(Dependencies.PLATFORMS); } catch (error) { @@ -268,7 +273,7 @@ {#if isPlatformCreated} -
+
1. If you're starting a new project, you can clone our starter kit from @@ -350,7 +355,7 @@ secondary disabled={isCreatingPlatform} href={location.pathname}> - Go to dashboard + Skip, go to dashboard {/if} diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte index 6f8ade5d9..a8ef1c9fa 100644 --- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte +++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte @@ -93,6 +93,11 @@ EXPO_PUBLIC_APPWRITE_ENDPOINT=${sdk.forProject(page.params.region, page.params.p type: platform }); + addNotification({ + type: 'success', + message: 'Platform created.' + }); + invalidate(Dependencies.PROJECT); invalidate(Dependencies.PLATFORMS); } catch (error) { @@ -212,7 +217,7 @@ EXPO_PUBLIC_APPWRITE_ENDPOINT=${sdk.forProject(page.params.region, page.params.p {#if isPlatformCreated} -
+
1. If you're starting a new project, you can clone our starter kit from @@ -298,7 +303,7 @@ EXPO_PUBLIC_APPWRITE_ENDPOINT=${sdk.forProject(page.params.region, page.params.p secondary disabled={isCreatingPlatform} href={location.pathname}> - Go to dashboard + Skip, go to dashboard {/if} diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte index 8a42403d5..f686e4a59 100644 --- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte +++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte @@ -175,6 +175,11 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p type: platform }); + addNotification({ + type: 'success', + message: 'Platform created.' + }); + invalidate(Dependencies.PROJECT); invalidate(Dependencies.PLATFORMS); } catch (error) { @@ -281,7 +286,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p {#if isPlatformCreated && !isChangingFramework} -
+
1. If you're starting a new project, you can clone our starter kit from @@ -402,7 +407,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p secondary fullWidthMobile href={location.pathname} - disabled={isCreatingPlatform}>Go to dashboard + disabled={isCreatingPlatform}>Skip, go to dashboard {/if}