feat: add tina CMS; layouts

package.json

@@ -14,6 +14,11 @@
     "test": "jest --verbose --passWithNoTests",
     "lint": "next lint"
   },
+  "standard": {
+    "ignore": [
+      "/tina/**/*"
+    ]
+  },
   "dependencies": {
     "@highlightjs/cdn-assets": "^11.11.1",
     "date-fns": "^4.1.0",

src/components/Book/Book.jsx

@@ -3,7 +3,7 @@ import { NextSeo } from 'next-seo'
 import Link from 'next/link'
 import React from 'react'
 
-function Book({ attributes, html }) {
+function Book ({ attributes, html }) {
   return (
     <>
       <h1>{attributes.title}<br /><small>by {attributes.author}</small></h1>
@@ -23,7 +23,7 @@ function Book({ attributes, html }) {
         <div>
           <Link href='./'>Back...</Link>
           {attributes.pubdate && <p>{formatDate(attributes.pubdate)}</p>}
-          <div data-test='content' dangerouslySetInnerHTML={{ __html: html || "<p>(no review)</p>" }} />
+          <div data-test='content' dangerouslySetInnerHTML={{ __html: html || '<p>(no review)</p>' }} />
         </div>
       </article>
     </>

src/components/BookListItem/BookListItem.jsx

@@ -1,13 +1,15 @@
 import style from './BookListItem.module.css'
 import Link from 'next/link'
 
-export default function BookListItem({ href, title, author, stars, readDate, url, thumbnailUrl, tags, review }) {
+export default function BookListItem ({ href, title, author, stars, readDate, url, thumbnailUrl, tags, review }) {
   return (
     <div className={style.item}>
       <Link href={href}>
-        <div className={style['thumb']} style={{
+        <div
-          backgroundImage: `url(${thumbnailUrl ?? '/img/book-placeholder.jpg'})`
+          className={style.thumb} style={{
-        }}></div>
+            backgroundImage: `url(${thumbnailUrl ?? '/img/book-placeholder.jpg'})`
+          }}
+        />
       </Link>
       <div>
         <h2 className={style.heading}>

src/lib/content.js

@@ -56,7 +56,7 @@ export function getStaticEntries (contentPath) {
   const directoryItems = fs.readdirSync(contentPath, { withFileTypes: true })
   return directoryItems.map((dirent) =>
     getMarkdownEntry(`${dirent.path}/${dirent.name}`)
-  );
+  )
 }
 
 export function getContentTags (contentPath) {

src/pages/library/index.js

@@ -10,18 +10,18 @@ export const getStaticProps = () => {
   const bookEntries = getStaticEntries('./content/books')
     .sort((a, b) => {
       return b.attributes.readDate - a.attributes.readDate
-    });
+    })
 
   return {
     props: {
-      // Silliness to make sure dates don't get passed to the 
+      // Silliness to make sure dates don't get passed to the
       // page function below as [object Object]
       bookEntries: JSON.parse(JSON.stringify(bookEntries))
     }
   }
 }
 
-export default function Library({ bookEntries }) {
+export default function Library ({ bookEntries }) {
   return (
     <DefaultLayout>
       <NextSeo
@@ -44,4 +44,4 @@ export default function Library({ bookEntries }) {
       </section>
     </DefaultLayout>
   )
-}
+}

tina/config.js

@@ -1,11 +1,11 @@
-import { defineConfig } from "tinacms";
+import { defineConfig } from 'tinacms'
 
 // Your hosting provider likely exposes this as an environment variable
 const branch =
   process.env.GITHUB_BRANCH ||
   process.env.VERCEL_GIT_COMMIT_REF ||
   process.env.HEAD ||
-  "main";
+  'main'
 
 export default defineConfig({
   branch,
@@ -16,121 +16,121 @@ export default defineConfig({
   token: process.env.TINA_TOKEN,
 
   build: {
-    outputFolder: "admin",
+    outputFolder: 'admin',
-    publicFolder: "public",
+    publicFolder: 'public'
   },
   media: {
     tina: {
-      mediaRoot: "",
+      mediaRoot: '',
-      publicFolder: "public",
+      publicFolder: 'public'
-    },
+    }
   },
   // See docs on content modeling for more info on how to setup new content models: https://tina.io/docs/schema/
   schema: {
     collections: [
       {
-        name: "books",
+        name: 'books',
-        label: "Library",
+        label: 'Library',
         path: 'content/books',
         match: {
-          include: "*"
+          include: '*'
         },
-        format: "md",
+        format: 'md',
         fields: [
           {
-            type: "string",
+            type: 'string',
-            name: "title",
+            name: 'title',
-            label: "Title",
+            label: 'Title',
             isTitle: true,
-            required: true,
+            required: true
           },
           {
             type: 'string',
-            name: "author",
+            name: 'author',
-            label: "Author",
+            label: 'Author',
             required: true
           },
           {
             type: 'number',
-            name: "stars",
+            name: 'stars',
-            label: "Stars",
+            label: 'Stars',
             required: true
           },
           {
             type: 'datetime',
-            name: "readDate",
+            name: 'readDate',
-            label: "Read date",
+            label: 'Read date',
             required: false
           },
           {
             type: 'string',
-            name: "url",
+            name: 'url',
-            label: "URL",
+            label: 'URL',
             required: false
           },
           {
             type: 'string',
-            name: "thumbnailUrl",
+            name: 'thumbnailUrl',
-            label: "Thumbnail URL",
+            label: 'Thumbnail URL',
             required: false
           },
           {
             type: 'string',
-            name: "tags",
+            name: 'tags',
-            label: "Tags",
+            label: 'Tags',
             required: true
           },
           {
-            type: "rich-text",
+            type: 'rich-text',
-            name: "body",
+            name: 'body',
-            label: "Body",
+            label: 'Body',
-            isBody: true,
+            isBody: true
-          },
+          }
         ]
       },
       {
-        name: "writing",
+        name: 'writing',
-        label: "Writing",
+        label: 'Writing',
-        path: "content/writing",
+        path: 'content/writing',
         match: {
-          include: "*"
+          include: '*'
         },
-        format: "md",
+        format: 'md',
         fields: [
           {
-            type: "string",
+            type: 'string',
-            name: "title",
+            name: 'title',
-            label: "Title",
+            label: 'Title',
             isTitle: true,
-            required: true,
+            required: true
           },
           {
-            type: "datetime",
+            type: 'datetime',
-            name: "pubdate",
+            name: 'pubdate',
-            label: "Publish Date",
+            label: 'Publish Date'
           },
           {
-            type: "string",
+            type: 'string',
             ui: {
-              component: "textarea"
+              component: 'textarea'
             },
-            name: "desc",
+            name: 'desc',
-            label: "Description",
+            label: 'Description'
           },
           {
-            type: "string",
+            type: 'string',
-            name: "tags",
+            name: 'tags',
-            label: "Tags",
+            label: 'Tags',
             list: true
           },
           {
-            type: "rich-text",
+            type: 'rich-text',
-            name: "body",
+            name: 'body',
-            label: "Body",
+            label: 'Body',
-            isBody: true,
+            isBody: true
-          },
+          }
-        ],
+        ]
-      },
+      }
-    ],
+    ]
-  },
+  }
-});
+})