feat: add published date on protein entry

backend/init.sql

@@ -34,6 +34,7 @@ CREATE TABLE proteins (
     refs text, -- bibtex references mentioned in the content/article
     species_id integer NOT NULL,
     thumbnail bytea, -- thumbnail image of the protein in base64 format
+    date_published timestamp with time zone DEFAULT CURRENT_TIMESTAMP,
     FOREIGN KEY (species_id) REFERENCES species(id) ON UPDATE CASCADE ON DELETE CASCADE
 );
 

backend/src/api/protein.py

@@ -143,12 +143,12 @@ def get_protein_entry(protein_name: str):
                               proteins.content, 
                               proteins.refs, 
                               species.name,
-                              proteins.thumbnail
+                              proteins.thumbnail,
+                              proteins.date_published
                        FROM proteins
                        JOIN species ON species.id = proteins.species_id
                        WHERE proteins.name = %s;"""
             entry_sql = db.execute_return(query, [protein_name])
-            log.warn(entry_sql)
 
             # if we got a result back
             if entry_sql is not None and len(entry_sql) != 0:
@@ -163,12 +163,17 @@ def get_protein_entry(protein_name: str):
                     refs,
                     species_name,
                     thumbnail,
+                    date_published,
                 ) = only_returned_entry
 
-                # if byte arrays are present, decode them into a string
                 if thumbnail is not None:
+                    # if byte arrays are present, decode them into a string
                     thumbnail = bytea_to_str(thumbnail)
 
+                if date_published is not None:
+                    # forces the datetime object into a linux utc string
+                    date_published = str(date_published)
+
                 return ProteinEntry(
                     name=name,
                     description=description,
@@ -178,6 +183,7 @@ def get_protein_entry(protein_name: str):
                     refs=refs,
                     species_name=species_name,
                     thumbnail=thumbnail,
+                    date_published=date_published,
                 )
 
         except Exception as e:

backend/src/api_types.py

@@ -32,6 +32,7 @@ class ProteinEntry(CamelModel):
     refs: str | None = None
     thumbnail: str | None = None
     description: str | None = None
+    date_published: str | None = None
 
 
 class AllEntries(CamelModel):

frontend/src/lib/format.ts

@@ -20,3 +20,12 @@ export function formatProteinName(name: string) {
 export function undoFormatProteinName(name: string) {
 	return name.replaceAll("_", " ");
 }
+
+/**
+ * @param date for example: '2024-04-03 18:52:04.878603+00:00'
+ */
+export function dbDateToMonthDayYear(date: string) {
+	const d = new Date(date);
+	// weirdly enough, the month is 0-indexed, but not others
+	return `${d.getUTCMonth() + 1}/${d.getUTCDate()}/${d.getUTCFullYear()}`;
+}

frontend/src/lib/openapi/models/ProteinEntry.ts

@@ -11,5 +11,6 @@ export type ProteinEntry = {
     refs?: (string | null);
     thumbnail?: (string | null);
     description?: (string | null);
+    datePublished?: (string | null);
 };
 

frontend/src/routes/Protein.svelte

@@ -4,7 +4,11 @@
 	import ProteinVis from "../lib/ProteinVis.svelte";
 	import { Button, Dropdown, DropdownItem } from "flowbite-svelte";
 	import Markdown from "../lib/Markdown.svelte";
-	import { numberWithCommas, undoFormatProteinName } from "../lib/format";
+	import {
+		numberWithCommas,
+		undoFormatProteinName,
+		dbDateToMonthDayYear,
+	} from "../lib/format";
 	import { navigate } from "svelte-routing";
 	import References from "../lib/References.svelte";
 	import { ChevronDownSolid, PenOutline } from "flowbite-svelte-icons";
@@ -129,7 +133,13 @@
 					<b>Method</b>
 					<div>AlphaFold 2</div>
 					<b>Date Published</b>
-					<div><code>11/11/1111</code></div>
+					<div>
+						<code
+							>{entry.datePublished
+								? dbDateToMonthDayYear(entry.datePublished)
+								: "n/a"}</code
+						>
+					</div>
 				</div>
 			</EntryCard>
 		</div>