From 23741c9e28813158075d31ec04b6ca4a57a6ad90 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 6 Nov 2025 15:24:46 +0530
Subject: [PATCH 1/4] made hostname required option

---
 .../overview/platforms/createWeb.svelte       | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

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 31ec878fc4..8d7eac9e26 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -11,7 +11,8 @@
         Fieldset,
         InlineCode,
         Card,
-        Tooltip
+        Tooltip,
+        Tag
     } from '@appwrite.io/pink-svelte';
     import { Button, Form, InputText } from '$lib/elements/forms';
     import {
@@ -24,7 +25,8 @@
         IconInfo,
         IconExternalLink,
         IconAngular,
-        IconJs
+        IconJs,
+        IconPlus
     } from '@appwrite.io/pink-icons-svelte';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
@@ -68,6 +70,8 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     let hostname = $state(null);
     let hostnameError = $state(false);
 
+    const suggestedHostnames = ['localhost', '127.0.0.1', '0.0.0.0'];
+
     let frameworks: Array<FrameworkType> = [
         {
             key: 'svelte',
@@ -260,6 +264,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                                 label="Hostname"
                                 placeholder="localhost"
                                 autofocus
+                                required
                                 error={hostnameError && 'Please enter a valid hostname'}
                                 bind:value={hostname}>
                                 <Tooltip slot="info">
@@ -270,7 +275,19 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                                         protocol or port number required.
                                     </span>
                                 </Tooltip>
-                            </InputText></Fieldset>
+                            </InputText>
+                            <Layout.Stack direction="row" gap="s" class="u-margin-block-start-8">
+                                {#each suggestedHostnames as h}
+                                    <Tag
+                                        size="s"
+                                        selected={hostname === h}
+                                        on:click={() => (hostname = h)}>
+                                        <Icon icon={IconPlus} slot="start" size="s" />
+                                        {h}
+                                    </Tag>
+                                {/each}
+                            </Layout.Stack>
+                        </Fieldset>
                         <Layout.Stack direction="row" justifyContent="flex-end">
                             <Button submit disabled={!selectedFramework}>Create platform</Button>
                         </Layout.Stack>

From aea5fe4cba37bbcf7f2a1b60db3e58ed5c043504 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <harshmahajan2345@gmail.com>
Date: Mon, 10 Nov 2025 07:28:42 +0000
Subject: [PATCH 2/4] Make hostname field optional with localhost default in
 Web platform creation

---
 .../overview/platforms/createWeb.svelte       | 26 +++++--------------
 1 file changed, 6 insertions(+), 20 deletions(-)

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 8d7eac9e26..596af0c662 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -11,8 +11,7 @@
         Fieldset,
         InlineCode,
         Card,
-        Tooltip,
-        Tag
+        Tooltip
     } from '@appwrite.io/pink-svelte';
     import { Button, Form, InputText } from '$lib/elements/forms';
     import {
@@ -25,8 +24,7 @@
         IconInfo,
         IconExternalLink,
         IconAngular,
-        IconJs,
-        IconPlus
+        IconJs
     } from '@appwrite.io/pink-icons-svelte';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
@@ -70,8 +68,6 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     let hostname = $state(null);
     let hostnameError = $state(false);
 
-    const suggestedHostnames = ['localhost', '127.0.0.1', '0.0.0.0'];
-
     let frameworks: Array<FrameworkType> = [
         {
             key: 'svelte',
@@ -162,7 +158,9 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     );
 
     async function createWebPlatform() {
-        hostnameError = hostname !== '' ? !new RegExp(extendedHostnameRegex).test(hostname) : null;
+        const trimmedHostname = hostname?.trim() || '';
+        const finalHostname = trimmedHostname !== '' ? trimmedHostname : 'localhost';
+        hostnameError = !new RegExp(extendedHostnameRegex).test(finalHostname);
 
         if (hostnameError) {
             return;
@@ -175,7 +173,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                 type: PlatformType.Web,
                 name: `${selectedFramework.label} app`,
                 key: key,
-                hostname: hostname === '' ? undefined : hostname
+                hostname: finalHostname
             });
 
             isPlatformCreated = true;
@@ -264,7 +262,6 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                                 label="Hostname"
                                 placeholder="localhost"
                                 autofocus
-                                required
                                 error={hostnameError && 'Please enter a valid hostname'}
                                 bind:value={hostname}>
                                 <Tooltip slot="info">
@@ -276,17 +273,6 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                                     </span>
                                 </Tooltip>
                             </InputText>
-                            <Layout.Stack direction="row" gap="s" class="u-margin-block-start-8">
-                                {#each suggestedHostnames as h}
-                                    <Tag
-                                        size="s"
-                                        selected={hostname === h}
-                                        on:click={() => (hostname = h)}>
-                                        <Icon icon={IconPlus} slot="start" size="s" />
-                                        {h}
-                                    </Tag>
-                                {/each}
-                            </Layout.Stack>
                         </Fieldset>
                         <Layout.Stack direction="row" justifyContent="flex-end">
                             <Button submit disabled={!selectedFramework}>Create platform</Button>

From 82438c2a9c3a0346ce16aa2effe10b820cac3d16 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <harshmahajan2345@gmail.com>
Date: Mon, 10 Nov 2025 07:37:56 +0000
Subject: [PATCH 3/4] simplified logic

---
 .../overview/platforms/createWeb.svelte                    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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 596af0c662..44f3a6e2e8 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -68,6 +68,8 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     let hostname = $state(null);
     let hostnameError = $state(false);
 
+    const hostnameRegex = new RegExp(extendedHostnameRegex);
+
     let frameworks: Array<FrameworkType> = [
         {
             key: 'svelte',
@@ -158,9 +160,8 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     );
 
     async function createWebPlatform() {
-        const trimmedHostname = hostname?.trim() || '';
-        const finalHostname = trimmedHostname !== '' ? trimmedHostname : 'localhost';
-        hostnameError = !new RegExp(extendedHostnameRegex).test(finalHostname);
+        const finalHostname = hostname?.trim() || 'localhost';
+        hostnameError = !hostnameRegex.test(finalHostname);
 
         if (hostnameError) {
             return;

From bf983f1b39b2a90636111b8219a08f565c5e414f Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <harshmahajan2345@gmail.com>
Date: Mon, 10 Nov 2025 07:51:49 +0000
Subject: [PATCH 4/4] revert

---
 .../overview/platforms/createWeb.svelte                        | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

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 44f3a6e2e8..e4a98a6a99 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -68,8 +68,6 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     let hostname = $state(null);
     let hostnameError = $state(false);
 
-    const hostnameRegex = new RegExp(extendedHostnameRegex);
-
     let frameworks: Array<FrameworkType> = [
         {
             key: 'svelte',
@@ -160,6 +158,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     );
 
     async function createWebPlatform() {
+        const hostnameRegex = new RegExp(extendedHostnameRegex);
         const finalHostname = hostname?.trim() || 'localhost';
         hostnameError = !hostnameRegex.test(finalHostname);