From ff1acfb4ca7bcdf12b392d54c8a4fa8a6ceff493 Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <anirudh@tangled.sh>
Date: Mon, 22 Sep 2025 11:53:37 +0000
Subject: [PATCH] appview/pages: fragment readme and use only basename

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.sh>
---
 appview/pages/pages.go | 2 ++
 appview/pages/templates/repo/index.html | 23 +----------------------
 appview/pages/templates/repo/tree.html | 23 +----------------------
 appview/pages/templates/repo/fragments/readme.html | 24 ++++++++++++++++++++++++
 4 file(s) changed, 28 insertion(s)(+), 44 deletion(s)(-)

diff --git a/appview/pages/pages.go b/appview/pages/pages.go
--- a/appview/pages/pages.go
+++ b/appview/pages/pages.go
@@ -695,6 +695,8 @@
 	params.Active = "overview"
 
 	if params.ReadmeFileName != "" {
+		params.ReadmeFileName = filepath.Base(params.ReadmeFileName)
+
 		ext := filepath.Ext(params.ReadmeFileName)
 		switch ext {
 		case ".md", ".markdown", ".mdown", ".mkdn", ".mkd":
diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -340,27 +340,6 @@
 
 {{ define "repoAfter" }}
     {{- if or .HTMLReadme .Readme -}}
-        <div class="mt-4 rounded bg-white dark:bg-gray-800 drop-shadow-sm w-full mx-auto overflow-hidden">
-            {{- if .ReadmeFileName -}}
-            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-2">
-                {{ i "file-text" "w-4 h-4" "text-gray-600 dark:text-gray-400" }}
-                <span class="font-mono text-sm text-gray-800 dark:text-gray-200">{{ .ReadmeFileName }}</span>
-            </div>
-            {{- end -}}
-            <section
-                class="p-6 overflow-auto {{ if not .Raw }}
-                    prose dark:prose-invert dark:[&_pre]:bg-gray-900
-                    dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
-                    dark:[&_pre]:border dark:[&_pre]:border-gray-700
-                {{ end }}"
-            >
-                <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
-                            {{- .Readme -}}
-                        </pre>
-                    {{- else -}}
-                        {{ .HTMLReadme }}
-                    {{- end -}}</article>
-            </section>
-        </div>
+       {{ template "repo/fragments/readme" . }}
     {{- end -}}
 {{ end }}
diff --git a/appview/pages/templates/repo/tree.html b/appview/pages/templates/repo/tree.html
--- a/appview/pages/templates/repo/tree.html
+++ b/appview/pages/templates/repo/tree.html
@@ -91,27 +91,6 @@
 
 {{ define "repoAfter" }}
     {{- if or .HTMLReadme .Readme -}}
-        <div class="mt-4 rounded bg-white dark:bg-gray-800 drop-shadow-sm w-full mx-auto overflow-hidden">
-            {{- if .ReadmeFileName -}}
-            <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-2">
-                {{ i "file-text" "w-4 h-4" "text-gray-600 dark:text-gray-400" }}
-                <span class="font-mono text-sm text-gray-800 dark:text-gray-200">{{ .ReadmeFileName }}</span>
-            </div>
-            {{- end -}}
-            <section
-                class="p-6 overflow-auto {{ if not .Raw }}
-                    prose dark:prose-invert dark:[&_pre]:bg-gray-900
-                    dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
-                    dark:[&_pre]:border dark:[&_pre]:border-gray-700
-                {{ end }}"
-            >
-                <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
-                            {{- .Readme -}}
-                        </pre>
-                    {{- else -}}
-                        {{ .HTMLReadme }}
-                    {{- end -}}</article>
-            </section>
-        </div>
+        {{ template "repo/fragments/readme" . }}
     {{- end -}}
 {{ end }}
diff --git a/appview/pages/templates/repo/fragments/readme.html b/appview/pages/templates/repo/fragments/readme.html
new file mode 100644
--- /dev/null
+++ b/appview/pages/templates/repo/fragments/readme.html
@@ -0,0 +1,24 @@
+{{ define "repo/fragments/readme" }}
+<div class="mt-4 rounded bg-white dark:bg-gray-800 drop-shadow-sm w-full mx-auto overflow-hidden">
+    {{- if .ReadmeFileName -}}
+    <div class="px-4 py-2 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600 flex items-center gap-2">
+        {{ i "file-text" "w-4 h-4" "text-gray-600 dark:text-gray-400" }}
+        <span class="font-mono text-sm text-gray-800 dark:text-gray-200">{{ .ReadmeFileName }}</span>
+    </div>
+    {{- end -}}
+    <section
+        class="p-6 overflow-auto {{ if not .Raw }}
+        prose dark:prose-invert dark:[&_pre]:bg-gray-900
+        dark:[&_code]:text-gray-300 dark:[&_pre_code]:bg-gray-900
+        dark:[&_pre]:border dark:[&_pre]:border-gray-700
+        {{ end }}"
+    >
+        <article class="{{ if .Raw }}whitespace-pre{{ end }}">{{- if .Raw -}}<pre class="dark:bg-gray-800 dark:text-white overflow-x-auto">
+            {{- .Readme -}}
+        </pre>
+        {{- else -}}
+        {{ .HTMLReadme }}
+        {{- end -}}</article>
+    </section>
+</div>
+{{ end }}

--
tangled.sh