From 63139fd3a4d37dd8fe9dc18282c63770479a1721 Mon Sep 17 00:00:00 2001
From: Cyrus Yiu <UnsignedArduino@outlook.com>
Date: Mon, 21 Oct 2024 22:44:54 -0400
Subject: [PATCH 1/2] Add TINA_SEARCH_TOKEN and have user profile pictures be
 downloaded at 16x16 instead of full size to save data

Fixes https://github.com/UnsignedArduino/Awesome-Arcade/issues/186
---
 .env.sample                      |  1 +
 src/components/Blog/Elements.tsx |  2 +-
 tina/config.ts                   | 10 ++++++++++
 tina/tina-lock.json              |  7 ++++++-
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/.env.sample b/.env.sample
index 49f5487..b4b3693 100644
--- a/.env.sample
+++ b/.env.sample
@@ -20,4 +20,5 @@ NEXT_PUBLIC_GROWTHBOOK_API_KEY=XXXXXXXXXXXXXXXX
 // TinaCMS
 NEXT_PUBLIC_TINA_CLIENT_ID=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
 TINA_TOKEN=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+TINA_SEARCH_TOKEN=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 TINA_PUBLIC_IS_LOCAL=true
diff --git a/src/components/Blog/Elements.tsx b/src/components/Blog/Elements.tsx
index 2f73976..c6d65f9 100644
--- a/src/components/Blog/Elements.tsx
+++ b/src/components/Blog/Elements.tsx
@@ -84,7 +84,7 @@ export function ShortAuthorRenderer({
     <>
       <AutoLink href={`https://github.com/${author}`}>
         <AvatarImageRenderer
-          url={`https://github.com/${author}.png`}
+          url={`https://github.com/${author}.png?size=16`}
           name={author}
         />{" "}
         {author}
diff --git a/tina/config.ts b/tina/config.ts
index 5eb3fe3..0e615cc 100644
--- a/tina/config.ts
+++ b/tina/config.ts
@@ -11,17 +11,27 @@ export default defineConfig({
 
   clientId: process.env.NEXT_PUBLIC_TINA_CLIENT_ID,
   token: process.env.TINA_TOKEN,
+  search: {
+    tina: {
+      indexerToken: process.env.TINA_SEARCH_TOKEN,
+      stopwordLanguages: ["eng"],
+    },
+    indexBatchSize: 100,
+    maxSearchIndexFieldLength: 100,
+  },
 
   build: {
     outputFolder: "admin",
     publicFolder: "public",
   },
+
   media: {
     tina: {
       mediaRoot: "",
       publicFolder: "public",
     },
   },
+
   schema: {
     collections: [
       {
diff --git a/tina/tina-lock.json b/tina/tina-lock.json
index 58a19e9..186998b 100644
--- a/tina/tina-lock.json
+++ b/tina/tina-lock.json
@@ -255,7 +255,12 @@
       }
     ],
     "config": {
-      "media": { "tina": { "publicFolder": "public", "mediaRoot": "" } }
+      "media": { "tina": { "publicFolder": "public", "mediaRoot": "" } },
+      "search": {
+        "tina": { "stopwordLanguages": ["eng"] },
+        "indexBatchSize": 100,
+        "maxSearchIndexFieldLength": 100
+      }
     }
   },
   "lookup": {

From e67b3ab0412322a9f0b6441b300699d4593e1391 Mon Sep 17 00:00:00 2001
From: Cyrus Yiu <UnsignedArduino@outlook.com>
Date: Mon, 21 Oct 2024 22:50:38 -0400
Subject: [PATCH 2/2] Add profile pictures to table of contents

---
 .../Extension/extensionTableOfContents.tsx          |  5 +++++
 .../AwesomeArcadeList/Tool/toolTableOfContents.tsx  | 13 +++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/AwesomeArcadeList/Extension/extensionTableOfContents.tsx b/src/components/AwesomeArcadeList/Extension/extensionTableOfContents.tsx
index c2bf281..d3e079e 100644
--- a/src/components/AwesomeArcadeList/Extension/extensionTableOfContents.tsx
+++ b/src/components/AwesomeArcadeList/Extension/extensionTableOfContents.tsx
@@ -2,6 +2,7 @@ import { Extension } from "@/scripts/FetchListsFromCMS/types";
 import React from "react";
 import Link from "next/link";
 import { smoothScrollHash } from "@/components/Linkable/Header";
+import { AvatarImageRenderer } from "@/components/Blog/Elements";
 
 export function ExtensionTableOfContents({
   list,
@@ -13,6 +14,10 @@ export function ExtensionTableOfContents({
       {list.map((ext) => (
         <li key={ext.repo}>
           <Link href={`#${ext.repo}`} onClick={smoothScrollHash}>
+            <AvatarImageRenderer
+              url={`https://github.com/${ext.author}.png?size=16`}
+              name={ext.author}
+            />{" "}
             {ext.repo}
           </Link>
         </li>
diff --git a/src/components/AwesomeArcadeList/Tool/toolTableOfContents.tsx b/src/components/AwesomeArcadeList/Tool/toolTableOfContents.tsx
index 1a29d0c..6cd21b8 100644
--- a/src/components/AwesomeArcadeList/Tool/toolTableOfContents.tsx
+++ b/src/components/AwesomeArcadeList/Tool/toolTableOfContents.tsx
@@ -2,6 +2,7 @@ import { Tool } from "@/scripts/FetchListsFromCMS/types";
 import React from "react";
 import Link from "next/link";
 import { smoothScrollHash } from "@/components/Linkable/Header";
+import { AvatarImageRenderer } from "@/components/Blog/Elements";
 
 export function ToolTableOfContents({
   list,
@@ -10,10 +11,14 @@ export function ToolTableOfContents({
 }): React.ReactNode {
   return (
     <ul>
-      {list.map((ext) => (
-        <li key={ext.repo}>
-          <Link href={`#${ext.repo}`} onClick={smoothScrollHash}>
-            {ext.repo}
+      {list.map((tool) => (
+        <li key={tool.repo}>
+          <Link href={`#${tool.repo}`} onClick={smoothScrollHash}>
+            <AvatarImageRenderer
+              url={`https://github.com/${tool.author}.png?size=16`}
+              name={tool.author}
+            />{" "}
+            {tool.repo}
           </Link>
         </li>
       ))}