Merge pull request #2238 from jaysomani/feat-10325-view-source-template-detail

Author: ItzNotABug

src/lib/helpers/templateSource.ts

@@ -0,0 +1,26 @@
+import type { Models } from '@appwrite.io/console';
+
+/**
+ * Build VCS repo URL from the template response model.
+ * Example (GitHub): https://github.com/appwrite/templates-for-sites
+ */
+export function getTemplateSourceUrl(
+    t: Models.TemplateSite | Models.TemplateFunction
+): string | null {
+    const owner = t.providerOwner;
+    const repo = t.providerRepositoryId;
+    const provider = t.vcsProvider; // e.g., "github"
+
+    if (!owner || !repo || !provider) return null;
+
+    // Map provider → host (extend if needed)
+    const hostMap: Record<string, string> = {
+        github: 'github.com',
+        gitlab: 'gitlab.com',
+        bitbucket: 'bitbucket.org'
+    };
+
+    const host = hostMap[provider.toLowerCase()] ?? provider; // fallback
+
+    return `https://${host}/${owner}/${repo}`;
+}

src/routes/(console)/project-[region]-[project]/sites/create-site/aside.svelte

@@ -62,6 +62,7 @@
                         </Typography.Text>
                     </Layout.Stack>
                 </Layout.Stack>
+                <slot name="framework-actions" />
             {/if}
 
             {#if domain && showAfter}

src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.svelte

@@ -37,6 +37,7 @@
     import { connectGitHub } from '$lib/stores/git';
     import { getFrameworkIcon } from '$lib/stores/sites';
     import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
+    import { getTemplateSourceUrl } from '$lib/helpers/templateSource';
 
     export let data;
 
@@ -351,6 +352,16 @@
                     alt={data.template.name}
                     ratio="16/9" />
             </Layout.Stack>
+
+            <svelte:fragment slot="framework-actions">
+                {@const sourceUrl = getTemplateSourceUrl(data.template)}
+                {#if sourceUrl}
+                    <Button secondary size="s" external href={sourceUrl}>
+                        View source
+                        <Icon icon={IconExternalLink} slot="end" size="s" />
+                    </Button>
+                {/if}
+            </svelte:fragment>
         </Aside>
     </svelte:fragment>