Fix the json editor disposal and updated classifieds with ginger

Author: jeremy-clearlabs

src/components/HomePageSide.astro

@@ -3,6 +3,7 @@ import { getCollection } from "astro:content";
 
 const posts = await getCollection("writing");
 const streams = await getCollection("stream");
+const classifieds = await getCollection("classified");
 const collections = [...posts, ...streams];
 
 // Get unique tags
@@ -23,6 +24,10 @@ collections.forEach((post) => {
   }
 });
 
+const latestClassifieds = classifieds
+  .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf())
+  .slice(0, 2);
+
 const tagList = Array.from(tags)
   .sort((a, b) => (counts.get(b) ?? 0) - (counts.get(a) ?? 0))
   .slice(0, 10);
@@ -55,7 +60,8 @@ const toPascalCase = (tag: string): string => {
   <h4>
     🔖 Top 10 <a
       class="dark:text-slate-100 hover:underline hover:text-purple-500 visited:text-amber-600 dark:visited:text-purple-300"
-      href="/blog/tag">Tags</a>
+      href="/blog/tag">Tags</a
+    >
   </h4>
   <ul class="flex flex-wrap gap-2 list-none m-0 p-0 print:hidden">
     {
@@ -119,4 +125,26 @@ const toPascalCase = (tag: string): string => {
       >
     </form>
   </div>
+  <hr class="mt-10 mb-10" />
+  <div class="prose dark:prose-invert !max-w-none">
+    <h4>
+      <a href="/curation/classified" class="hover:text-purple-500"
+        >Latest Classifieds</a
+      >
+    </h4>
+    <ul>
+      {
+        latestClassifieds.map((classified) => (
+          <li>
+            <a
+              class="dark:text-slate-100 hover:underline hover:text-purple-500 visited:text-amber-600 dark:visited:text-purple-300"
+              href={`/curation/classified/${classified.slug}`}
+            >
+              {classified.data.title}
+            </a>
+          </li>
+        ))
+      }
+    </ul>
+  </div>
 </div>

src/components/JSONEditor.svelte

@@ -37,6 +37,10 @@
 
   // Create highlighter once
   async function initHighlighter() {
+    if (highlighter) {
+      // If you create a new highlighter, you need to dispose the old one
+      highlighter.dispose();
+    }
     highlighter = await createHighlighter({
       themes: ["github-dark"],
       langs: ["graphql"],

src/content/classified/2024-06-05-marlone-akidiva.md

@@ -1,7 +1,7 @@
 ---
 draft: false
 expired: false
-link: "https://www.linkedin.com/in/marlone-akidiva/"
+link: "https://www.marlone.tech/"
 location: "Nairobi, Kenya or Remote"
 pubDate: "2024-06-05T18:00:09.000Z"
 tags: ["looking-for-work"]
@@ -11,8 +11,11 @@ referrer: Personal
 
 I've worked with Marlone for the past 5 years, and he's a fantastic developer. Here's his blurb.
 
-> I am a skilled software engineer with 7+ years of professional experience. I excel in building user-friendly and intuitive designs, implementing functional web applications, and improving customer conversion rates. My expertise lies in JavaScript, Node.js, React.js, and responsive web design, along with skills in TypeScript, CSS, UI design, and UI patterns. 
+> I am a skilled software engineer with 7+ years of professional experience. I excel in building user-friendly and intuitive designs, implementing functional web applications, and improving customer conversion rates. My expertise lies in JavaScript, Node.js, React.js, and responsive web design, along with skills in TypeScript, CSS, UI design, and UI patterns.
 >
 > My most notable career achievement has been building the Clear Labs PCR culturing and antigen-based tests platform.
-> 
+>
 > The project gained Clear Labs 15 additional customers within the first 3months of release and was able to secure the company a series C funding of $60milliion in an oversubscribed funding round due to the level of interest it generated. The funding was able to be used to help increase the availability of the company's solutions to help labs and clinicians more easily identify and trace all strains of pathogens, like SARS-CoV-2, Salmonella and Listeria.
+
+- [Website](https://www.marlone.tech/)
+- [LinkedIn](https://www.linkedin.com/in/marlone-akidiva/)

src/content/config.ts

@@ -30,8 +30,10 @@ const writing = defineCollection({
 const log = defineCollection({
   // Type-check frontmatter using a schema
   schema: z.object({
-    previousEntry: reference("log").optional(),
-    nextEntry: reference("log").optional(),
+    // previousEntry: reference("log").optional(),
+    // nextEntry: reference("log").optional(),
+    previousEntry: z.string().optional(),
+    nextEntry: z.string().optional(),
     description: z.string(),
     draft: z.boolean().optional(),
     heroImage: z
@@ -295,6 +297,7 @@ const curation = defineCollection({
 const classified = defineCollection({
   schema: z.object({
     draft: z.boolean().optional(),
+    expired: z.boolean().optional(),
     referrer: z.string(),
     link: z.string(),
     location: z.string().optional(),

src/pages/curation/classified/index.astro

@@ -4,9 +4,9 @@ import CurationDetailsPage from "../../../layouts/CurationDetailsPage.astro";
 import FormattedDate from "../../../components/FormattedDate.astro";
 import ProseArticle from "../../../components/ProseArticle.astro";
 
-const classifieds = (await getCollection("classified")).sort(
-  (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
-);
+const classifieds = (await getCollection("classified"))
+  .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf())
+  .filter((classified) => !classified.data.draft || !classified.data.expired);
 const entry = await getEntry("curation", "classified");
 const { heroImage, heroImageAlt } = entry.data;
 ---