add type fixes

Author: healeycodes

components/postList.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import Date_ from "./date";
 import { postStars } from '../data/posts'
 import siteConfig from '../siteConfig.json'
+import { ReactElement } from "react";
 
 const PostStar = <>
   <span className="star-container" title="star">*</span>
@@ -24,7 +25,7 @@ const PostStar = <>
 `}</style>
 </>
 
-export default function PostList({ posts, showYears=false }) {
+export default function PostList({ posts, showYears = false }) {
   const years: Record<number, any> = {};
   posts.forEach(post => {
     const postDate = new Date(post.date);
@@ -36,7 +37,7 @@ export default function PostList({ posts, showYears=false }) {
   });
 
   if (showYears) {
-    const ret = [];
+    const ret: ReactElement[] = []
     Object.keys(years)
       .sort((a, z) => parseInt(z) - parseInt(a))
       .forEach((year, i) => {

components/visuals/mazes/components.tsx

@@ -72,7 +72,7 @@ async function wilsonsAlgorithm(maze: Maze, ctx: CanvasRenderingContext2D, cance
 
     // Continue until all cells have been visited
     while (unvisited.size > 0) {
-        let path = [];
+        let path: Cell[] = [];
         let current = randomMember(unvisited);
 
         // Perform a random walk until reaching a cell already in the maze
@@ -238,15 +238,15 @@ export const IntroMaze = () => {
                 renderMaze(maze, null, [], mazeCtx)
                 renderDebug(maze, null, [], debugCtx)
                 await sleep(1000);
-                a.carveEdge(b)
+                if (a && b) a.carveEdge(b)
                 renderMaze(maze, b, [], mazeCtx)
                 renderDebug(maze, null, [], debugCtx)
                 await sleep(1000);
-                b.carveEdge(c)
+                if (b && c) b.carveEdge(c)
                 renderMaze(maze, c, [], mazeCtx)
                 renderDebug(maze, null, [], debugCtx)
                 await sleep(1000);
-                c.carveEdge(d)
+                if (c && d) c.carveEdge(d)
                 renderMaze(maze, d, [], mazeCtx)
                 renderDebug(maze, null, [], debugCtx)
                 await sleep(1000);

components/visuals/mazes/index.ts

@@ -62,7 +62,14 @@ async function bfsFurthestCell(
       await new Promise((r) => setTimeout(r, stepTime));
     }
 
-    const { cell, dist } = queue.shift();
+    const item = queue.shift();
+    let cell;
+    let dist;
+    if (item) {
+      cell = item.cell
+      dist = item.dist
+    }
+    
     if (dist > maxDist) {
       maxDist = dist;
       furthestCell = cell;

components/visuals/mazes/maze.ts

@@ -80,6 +80,10 @@ export function solveMazeWithRandomDPS(maze: Maze) {
     visited.add(`${x},${y}`);
 
     const current = maze.getCell(x, y);
+    if (!current) {
+      return
+    }
+    
     current.carveEdge(last);
 
     const neighbors: Cell[] = shuffle(current.uncarvedEdges());

components/visuals/mazes/render.ts

@@ -178,7 +178,7 @@ export function renderMaze(
 
 export function renderBFSOverlay(
   maze: Maze,
-  visited: Set<Cell>,
+  visited: Set<Cell | null>,
   ctx: CanvasRenderingContext2D,
 ) {
   const canvas = ctx.canvas;
@@ -196,7 +196,7 @@ export function renderBFSOverlay(
     for (let x = 0; x < width; x++) {
       const cell = maze.getCell(x, y);
 
-      if (visited.has(cell)) {
+      if (visited.has(cell) && cell) {
         const centerX = x * cellSize + cellSize / 2;
         const centerY = y * cellSize + cellSize / 2;
 
@@ -226,7 +226,7 @@ export function renderBFSOverlay(
 
 export async function renderDebug(
   maze: Maze,
-  currentCell: Cell,
+  currentCell: Cell | null,
   currentPath: Cell[],
   ctx: CanvasRenderingContext2D,
 ) {

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

pages/[id].tsx

@@ -69,21 +69,30 @@ export async function getStaticProps({ params }) {
   let prevPost = null;
   let nextPost = null;
   const nextAndPrevPosts = getNextAndPrevPosts(params.id);
+  // @ts-ignore
   if (nextAndPrevPosts.previous !== null) {
+    // @ts-ignore
     prevPost = {
+      // @ts-ignore
       id: nextAndPrevPosts.previous,
+      // @ts-ignore
       ...getPostData(nextAndPrevPosts.previous),
     };
   }
+  // @ts-ignore
   if (nextAndPrevPosts.next !== null) {
+    // @ts-ignore
     nextPost = {
+      // @ts-ignore
       id: nextAndPrevPosts.next,
+      // @ts-ignore
       ...getPostData(nextAndPrevPosts.next),
     };
   }
 
   return {
     props: {
+      // @ts-ignore
       id: params.id,
       source: postData.content,
       imageMetadata,

tsconfig.json

@@ -17,12 +17,19 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true
   },
   "include": [
     "next-env.d.ts",
     "**/*.ts",
-    "**/*.tsx"
+    "**/*.tsx",
+    ".next/types/**/*.ts"
   ],
   "exclude": [
     "node_modules"