From c593500b01306e2f29d01b96f4f090ca27b3be21 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 13 Feb 2025 10:03:42 +0100
Subject: [PATCH] feat: fill variables values

---
 .../template-[template]/configuration.svelte     | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
index 5dcb72548..447001bfc 100644
--- a/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
+++ b/src/routes/(console)/project-[project]/sites/create-site/templates/template-[template]/configuration.svelte
@@ -11,7 +11,10 @@
     import type { Models } from '@appwrite.io/console';
     import { Fieldset, Layout, Popover, Icon, Accordion } from '@appwrite.io/pink-svelte';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
-    import { type SvelteComponent } from 'svelte';
+    import { onMount, type SvelteComponent } from 'svelte';
+    import { getApiEndpoint } from '$lib/stores/sdk';
+    import { page } from '$app/stores';
+    import { project } from '$routes/(console)/project-[project]/store';
 
     export let variables: Partial<Models.TemplateVariable>[] = [];
     export let templateVariables: Models.TemplateVariable[] = [];
@@ -29,6 +32,17 @@
         { requiredVariables: [], optionalVariables: [] }
     );
 
+    variables.map((variable) => {
+        if (variable.value === '{apiEndpoint}') {
+            variable.value = getApiEndpoint();
+        } else if (variable.value === '{projectId}') {
+            variable.value = $page.params.project;
+        } else if (variable.value === '{projectName}') {
+            variable.value = $project.name;
+        } else return variable;
+    });
+    variables = [...variables];
+
     function selectComponent(variableType: string): typeof SvelteComponent<unknown> {
         switch (variableType) {
             case 'password':