Merge pull request #54 from healeycodes/type-fixes

add package manager post

Author: healeycodes

components/layout.tsx

@@ -47,7 +47,7 @@ export default function Layout({ children, title, description }) {
         :root {
           --text: #1d1d27;
           --input-background: #fff;
-          --link: #0265d5;
+          --link: #1772ea;
           --link-hover: #496495;
           --light-text: #73738b;
           --border: #b6b6c2;

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,
 ) {

data/posts.ts

@@ -7,6 +7,7 @@ export const popularPosts = [
 
 // Starred posts (not in any specific order)
 export const postStars = [
+  "installing-npm-packages-very-quickly",
   "compiling-lisp-to-bytecode-and-running-it",
   "making-python-less-random",
   "lisp-compiler-optimizations",

data/projects.ts

@@ -32,6 +32,12 @@ export default [
     desc: "A server-side web framework that deploys to Vercel.",
     to: "/my-own-python-web-framework",
   },
+  {
+    name: "caladan",
+    link: "https://github.com/healeycodes/caladan",
+    desc: "Experimental npm package manager. Installs from lockfile and runs bin scripts.",
+    to: "/installing-npm-packages-very-quickly",
+  },
   {
     name: "untrusted-python",
     link: "https://github.com/healeycodes/untrusted-python",

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,