library overhaul

Author: ethancedwards8

pages/blog/[slug].js

@@ -76,7 +76,6 @@ export async function getStaticProps({ params: { slug } }) {
     };
 }
 
-// honestly not really sure why I need this. I guess Next needs it
 export async function getStaticPaths() {
     const files = fs.readdirSync(path.join('posts'));
 

pages/library/[slug].js

@@ -0,0 +1,77 @@
+import Link from 'next/link';
+import dayjs from 'dayjs';
+import Head from 'next/head';
+import React from 'react';
+
+import { NextSeo } from 'next-seo';
+
+import Reading from '../../components/reading.js';
+
+import styles from '../../styles/blog.module.scss';
+
+
+export default function AI({ library }) {
+
+    console.log(library);
+    const readings = library.list;
+
+    let sortedreadings = readings.sort((reading1, reading2) => (dayjs(reading1.dateAdded).isAfter(reading2.dateAdded) ? -1 : 1))
+
+    return (
+        <>
+          <NextSeo
+            title={library.name}
+            description={library.name}
+            openGraph={{
+              url: `https://ethancedwards.com/library/${library.slug}`,
+            }}
+          />
+
+            <h1 className={styles.header}>{library.name}</h1>
+            <div className={styles.podcast}>
+                <p>{library.description}</p>
+                <p>In no particular order:</p>
+            </div>
+            <div className={styles.blog}>
+                {readings.map((reading, index) => (
+                    <React.Fragment key={index}>
+                        <Reading reading={reading} />
+                    </React.Fragment>
+                ))}
+            </div>
+        </>
+    );
+}
+
+export async function getStaticPaths() {
+    const res = await fetch(`https://api.ethancedwards.com/zotero/v1/libraries`)
+    const libraries = await res.json();
+
+    const mapping = Object.values(libraries);
+
+    console.log(mapping);
+
+    const paths = mapping.map(library => ({
+        params: {
+            slug: library.slug
+        }
+    }));
+
+    return {
+        paths,
+        fallback: false
+    };
+
+}
+
+export async function getStaticProps({ params: { slug } }) {
+    const res = await fetch(`https://api.ethancedwards.com/zotero/v1?library=${slug}`)
+    const library = await res.json();
+
+    return {
+        props: {
+            library
+        },
+        revalidate: 1800
+    }
+}

pages/library/ai.js

@@ -0,0 +1,60 @@
+import Link from 'next/link';
+
+import { NextSeo } from 'next-seo';
+
+import styles from '../../styles/blog.module.scss';
+
+export default function Library({ libraries }) {
+    const description = "Here is a non-exhaustive list of things I've been reading lately, loosely sorted by section.";
+
+    const mapping = Object.entries(libraries).map(([id, item]) => ({
+        id,
+        ...item
+    }));
+
+
+    return (
+        <>
+            <NextSeo
+              title="Library"
+              description={description}
+              openGraph={{
+                url: 'https://ethancedwards.com/projects',
+              }}
+            />
+
+
+            <div className={styles.podcast}>
+                <h1 className={styles.header}>Welcome to my virtual library.</h1>
+                <p>{description}</p>
+            </div>
+            <h1 className={styles.header}>Libraries:</h1>
+            <div className={styles.blog}>
+                {mapping.map((library, index) => (
+                    <div key={index} className={styles.post}>
+                        <hr/>
+                        <Link href={'/library/' + library.slug} passHref>
+                            <h1>{library.name}</h1>
+                        </Link>
+                        <p>{library.description}</p>
+                    </div>
+                ))}
+            </div>
+
+        </>
+    );
+}
+
+export async function getStaticProps() {
+    const res = await fetch(`https://api.ethancedwards.com/zotero/v1/libraries`)
+    const setlibraries = await res.json();
+
+    const libraries = setlibraries;
+
+    return {
+        props: {
+            libraries
+        },
+        revalidate: 86400
+    }
+}

pages/library/index.js

@@ -55,9 +55,9 @@ export async function getStaticProps() {
             "github": "dracula/tmux",
         },
         {
-            "title": "AI Reading List",
-            "description": "My reading list for the most important question humanity has faced: how do we adapt to a new world with AI? Curated by me and automatically updated every hour via an API that I've built out.",
-            "link": "/library/ai",
+            "title": "Virtual Library",
+            "description": "Here is my virtual library. It contains a list of things I am currently reading. Each library (powered by Zotero) is curated by me and automatically updated every hour via an API that I've built out.",
+            "link": "/library/",
             "photo": "/projects/people-walking.jpg",
             "photoalt": "Human silhouettes walking around"
         },