Load profiles last notes asynchronously

main.go

@@ -106,6 +106,7 @@ func main() {
 	mux.HandleFunc("/p/", redirectFromPSlash)
 	mux.HandleFunc("/favicon.ico", redirectToFavicon)
 	mux.HandleFunc("/embed/", renderEmbedjs)
+	mux.HandleFunc("/profile-lastnotes/", renderEvent)
 	mux.HandleFunc("/", renderEvent)
 
 	log.Print("listening at http://0.0.0.0:" + s.Port)

pages.go

@@ -289,6 +289,18 @@ type ProfilePage struct {
 
 func (*ProfilePage) TemplateText() string { return tmplProfile }
 
+var (
+	//go:embed templates/_last_notes.html
+	tmplLastNotes     string
+	LastNotesTemplate = tmpl.MustCompile(&LastNotesPage{})
+)
+
+type LastNotesPage struct {
+	LastNotes []EnhancedEvent
+}
+
+func (*LastNotesPage) TemplateText() string { return tmplLastNotes }
+
 var (
 	//go:embed templates/embedded_profile.html
 	tmplEmbeddedProfile     string

render_event.go

@@ -32,6 +32,11 @@ func renderEvent(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
+	if strings.HasPrefix(code, "profile-last-notes") {
+		renderProfile(w, r, code)
+		return
+	}
+
 	// decode the nip19 code we've received
 	prefix, decoded, err := nip19.Decode(code)
 	if err != nil {

render_profile.go

@@ -23,6 +23,12 @@ func renderProfile(w http.ResponseWriter, r *http.Request, code string) {
 		isRSS = true
 	}
 
+	isLastNotes := false
+	if strings.HasPrefix(code, "profile-last-notes") {
+		code = code[19:]
+		isLastNotes = true
+	}
+
 	data, err := grabData(r.Context(), code, isSitemap)
 	if err != nil {
 		w.Header().Set("Cache-Control", "max-age=60")
@@ -35,10 +41,6 @@ func renderProfile(w http.ResponseWriter, r *http.Request, code string) {
 		return
 	}
 
-	if len(data.renderableLastNotes) != 0 {
-		w.Header().Set("Cache-Control", "max-age=3600")
-	}
-
 	if isSitemap {
 		w.Header().Add("content-type", "text/xml")
 		w.Header().Set("Cache-Control", "max-age=86400")
@@ -60,6 +62,14 @@ func renderProfile(w http.ResponseWriter, r *http.Request, code string) {
 			Metadata:   data.metadata,
 			LastNotes:  data.renderableLastNotes,
 		})
+	} else if isLastNotes {
+		w.Header().Add("content-type", "text/html")
+		if len(data.renderableLastNotes) != 0 {
+			w.Header().Set("Cache-Control", "max-age=3600")
+		}
+		LastNotesTemplate.Render(w, &LastNotesPage{
+			LastNotes: data.renderableLastNotes,
+		})
 	} else {
 		w.Header().Add("content-type", "text/html")
 		w.Header().Set("Cache-Control", "max-age=86400")

templates/_last_notes.html

@@ -0,0 +1,32 @@
+{{if not (eq 0 (len .LastNotes))}}
+<aside>
+  <div
+    class="-ml-4 mb-6 h-1.5 w-1/3 bg-zinc-100 dark:bg-zinc-700 sm:-ml-2.5"
+  ></div>
+  <nav class="mb-6 leading-5">
+    <h2 class="text-2xl text-strongpink">Last Notes</h2>
+    {{range $i, $ee := .LastNotes}}
+    <a
+      class="my-8 block no-underline hover:-ml-6 hover:border-l-05rem hover:border-solid hover:border-l-gray-100 hover:pl-4 dark:hover:border-l-zinc-700"
+      href="/{{$ee.Nevent}}"
+    >
+      <div
+        class="-ml-2.5 mb-1.5 flex flex-row flex-wrap border-b-4 border-solid border-b-gray-100 pb-1 pl-2.5 dark:border-b-neutral-800"
+      >
+        <div class="text-sm text-strongpink">{{$ee.CreatedAtStr}}</div>
+        {{if $ee.IsReply}}
+        <div class="ml-2 text-sm text-gray-300 dark:text-gray-400">- reply</div>
+        {{end}}
+      </div>
+      <div
+        class="mt-0.5 max-h-40 basis-full overflow-hidden hover:text-strongpink"
+        _="on load if my scrollHeight > my offsetHeight add .gradient"
+        dir="auto"
+      >
+        {{$ee.Preview}}
+      </div>
+    </a>
+    {{end}}
+  </nav>
+</aside>
+{{end}}

templates/profile.html

@@ -139,7 +139,9 @@
 
           {{template "details" .DetailsPartial}}
 
-          <!---->
+          <div
+            _="init fetch /profile-last-notes/{{.Npub}} then put the result into me end "
+          >
             {{if not (eq 0 (len .LastNotes))}}
             <aside>
               <div
@@ -152,30 +154,12 @@
                   class="my-8 block no-underline hover:-ml-6 hover:border-l-05rem hover:border-solid hover:border-l-gray-100 hover:pl-4 dark:hover:border-l-zinc-700"
                   href="/{{$ee.Nevent}}"
                 >
-                <div
-                  class="-ml-2.5 mb-1.5 flex flex-row flex-wrap border-b-4 border-solid border-b-gray-100 pb-1 pl-2.5 dark:border-b-neutral-800"
-                >
-                  <div class="text-sm text-strongpink">
-                    {{$ee.CreatedAtStr}}
-                  </div>
-                  {{if $ee.IsReply}}
-                  <div class="ml-2 text-sm text-gray-300 dark:text-gray-400">
-                    - reply
-                  </div>
-                  {{end}}
-                </div>
-                <div
-                  class="mt-0.5 max-h-40 basis-full overflow-hidden hover:text-strongpink"
-                  _="on load if my scrollHeight > my offsetHeight add .gradient"
-                  dir="auto"
-                >
-                  {{$ee.Preview}}
-                </div>
                 </a>
                 {{end}}
               </nav>
             </aside>
             {{end}}
+          </div>
 
           <div
             class="-ml-4 mb-6 h-1.5 w-1/3 bg-zinc-100 dark:bg-zinc-700 sm:-ml-2.5"