add footer, comments, linenrs etc

src/mixins/footer.pug

···
+mixin footer()
+  hr
+  div.footer
+    div.left-side
+    div.right-side
+      p
+        | made by 
+        a(href="https://bsky.app/profile/oppi.li") @oppi.li
+

src/mixins/post.pug

···
         | #{paste.lang}
         | ·
         | #{paste.code.split('\n').length} loc
-
+        | · 
+        a(href=`/p/${paste.shortUrl}/#comments`) #{paste.commentCount} #{pluralize(paste.commentCount, 'comment')}

src/mixins/utils.pug

···
   function randInt(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
   }
+- 
+  function pluralize(count, noun) {
+    return count==1?noun:`${noun}s`;
+  }
 -
   function timeDifference(current, previous) {
     if (!current || !previous) {

src/public/styles.css

···
 hr {
   border: none;
   border-top: 1px solid var(--bg-color-muted);
-  padding: 1rem;
 }
 
 .post-form {
···
   flex: 1
 }
 
-.header {
+.header, .footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
···
   text-indent: 1px;
   text-overflow: '';
 }
+
+.code-line {
+  display: flex;
+}
+
+.code-line-num {
+  white-space: pre;
+  -webkit-user-select: none;
+  user-select: none;
+  margin-right: 0.4em;
+  padding: 0 0.4em 0 0.4em;
+  color: var(--text-color-muted);
+  text-align: right;
+}
+
+.code-line-content {
+  color: var(--text-color);
+}

src/routes.ts

···
 		const agent = await getSessionAgent(req, res, ctx);
 		const pastes = await ctx.db
 			.selectFrom("paste")
-			.selectAll()
-			.orderBy("indexedAt", "desc")
+			.leftJoin("comment", "comment.pasteUri", "paste.uri")
+			.select([
+				"paste.uri",
+				"paste.shortUrl",
+				"paste.authorDid",
+				"paste.code",
+				"paste.lang",
+				"paste.title",
+				"paste.createdAt",
+				"paste.indexedAt as pasteIndexedAt",
+				ctx.db.fn.count("comment.uri").as("commentCount")
+			])
+			.groupBy("paste.uri")
+			.orderBy("pasteIndexedAt", "desc")
 			.limit(25)
 			.execute();
 
···
 		const { authorDid } = req.params;
 		const pastes = await ctx.db
 			.selectFrom("paste")
-			.selectAll()
-			.where("authorDid", "=", authorDid)
+			.leftJoin("comment", "comment.pasteUri", "paste.uri")
+			.select([
+				"paste.uri",
+				"paste.shortUrl",
+				"paste.authorDid as pasteAuthorDid",
+				"paste.code",
+				"paste.lang",
+				"paste.title",
+				"paste.createdAt as pasteCreatedAt",
+				"paste.indexedAt as pasteIndexedAt",
+				ctx.db.fn.count("comment.uri").as("commentCount")
+			])
+			.groupBy("paste.uri")
+			.where("pasteAuthorDid", "=", authorDid)
+			.orderBy("pasteCreatedAt", "desc")
 			.execute();
 		let didHandleMap: Record<string, string> = {};
 		didHandleMap[authorDid] = await ctx.resolver.resolveDidToHandle(authorDid);

src/views/index.pug

···
 include ../mixins/mkPost
 include ../mixins/head
 include ../mixins/header
+include ../mixins/footer
 include ../mixins/utils
 include ../mixins/post
 
···
         "c",
         "c#",
         "c++",
+        "cobol",
       ].toSorted())
 doctype html
 html
···
         each paste in pastes
           - var handle = didHandleMap[paste.authorDid]
           +post(paste, handle, paste.authorDid)
+      +footer()

src/views/paste.pug

···
         | #{paste.lang} · 
         | #{paste.code.split('\n').length} loc · 
         a(href=`/r/${paste.shortUrl}`) raw
+        |  · 
+        | #{comments.length} #{pluralize(comments.length, 'comment')}
       pre
-        | #{paste.code}
+        code
+          - var lines = paste.code.split(/\r?\n|\r|\n/g)
+          - var tot_chars = lines.length.toString().length
+          each line, idx in lines
+            span.code-line
+              span.code-line-num(id=`L${idx + 1}` style=`min-width: ${tot_chars}ch;`)
+                | #{idx + 1}
+              span.code-line-content #{line}
       hr
 
       if comments.length != 0
-        h1 comments
+        h1(id="comments") comments
         div.comments
           each comment in comments
             div.comment(id=`${encodeURIComponent(comment.uri)}`)
···
                 pre.comment-body #{comment.body}
         hr
 
-      form(action=`/${encodeURIComponent(paste.uri)}/comment` method="post").post-form
-        div.post-row
-          textarea#code(name="comment" rows="5" placeholder="add a comment" required).post-input-code
+      if ownDid
+        form(action=`/${encodeURIComponent(paste.uri)}/comment` method="post").post-form
+          div.post-row
+            textarea#code(name="comment" rows="5" placeholder="add a comment" required).post-input-code
 
-        div.post-submit-row
-          button(type="submit").post-input-submit zonk!
+          div.post-submit-row
+            button(type="submit").post-input-submit zonk!
+      else 
+        p
+          a(href="/login") login
+          | to post a comment