update prettier

.mise.toml

@@ -0,0 +1,2 @@
+[tools]
+node = "lts"

components/libs.tsx

@@ -43,7 +43,7 @@ const Lib: FC<{ lib: Library }> = ({ lib }) => (
       "is-half",
       "is-flex",
       "tk-lib",
-      `tk-lib-${lib.id}`
+      `tk-lib-${lib.id}`,
     )}
   >
     <div className="card">

components/menu.tsx

@@ -122,7 +122,7 @@ function Level2({ href, menu }) {
     items.unshift(
       <li key={menu.key} className={className}>
         <a href={menu.href}>{menu.data.subtitle}</a>
-      </li>
+      </li>,
     );
   }
 

components/stack.tsx

@@ -123,7 +123,7 @@ const Layer: FC<{ layer: StackLayer }> = ({ layer }) => (
 export default function Stack() {
   useEffect(() => {
     var stack = document.getElementsByClassName(
-      "tk-stack-active"
+      "tk-stack-active",
     ) as HTMLCollectionOf<HTMLElement>;
     var links = document.querySelectorAll(".tk-stack .menu li");
     var lines = document.getElementById("tk-stack-lines");

lib/api.ts

@@ -9,7 +9,7 @@ const contentDir = path.join(process.cwd(), "content").replace(/\\/g, "/");
 
 // Merge app level props in with page props
 export function withAppProps(
-  props: { props: Record<PropertyKey, unknown> } = { props: {} }
+  props: { props: Record<PropertyKey, unknown> } = { props: {} },
 ) {
   const blog = getLastBlog();
   delete blog.body;
@@ -108,7 +108,7 @@ function setPrevNext(page, menu) {
       }
     },
     undefined,
-    undefined
+    undefined,
   );
 
   return page;
@@ -117,7 +117,7 @@ function setPrevNext(page, menu) {
 // Build a list of paths from the sitemap
 function collectPaths(
   level: Record<string, { nested?: string[]; href?: string }>,
-  prefix = ""
+  prefix = "",
 ) {
   let out = [];
 

lib/markdown.ts

@@ -87,6 +87,6 @@ export const toHTML = async (raw) => {
       .use(rehyperBlockquotePlus, rehyperBlockquotePlusOptions)
       // @ts-expect-error: unified's plugin type mistakenly selects the Array<void> union variant
       .use(rehypeStringify)
-      .process(raw)
+      .process(raw),
   );
 };

netlify.toml

@@ -13,7 +13,7 @@
 [build.environment]
   # Environment variables are set here
 
-  NODE_VERSION = "18.13.0"
+  NODE_VERSION = "20.18.0"
 
   # For apps that use next export to generate static HTML
   # set the NETLIFY_NEXT_PLUGIN_SKIP to true.

package.json

@@ -36,7 +36,7 @@
   "devDependencies": {
     "@types/node": "^18.11.18",
     "@types/react": "^18.0.26",
-    "prettier": "^2.8.2",
+    "prettier": "3.3.3",
     "typescript": "^4.9.4"
   }
 }

styles/styles.scss

@@ -23,10 +23,15 @@ $tk-lib-tracing: $purple;
 $tk-lib-bytes: $blue;
 
 // Per lib styling: [ name, color, size, logo-adjust ]
-$libs: "tokio" black 3.8rem -60%, "runtime" $tk-lib-runtime 2.2rem -22%,
-  "hyper" $tk-lib-hyper 100% -50%, "tonic" $tk-lib-tonic 100% -25%,
-  "tower" $tk-lib-tower 100% -52%, "mio" $tk-lib-mio 100% -41%,
-  "tracing" $tk-lib-tracing 100% -31%, "bytes" $tk-lib-bytes 100% -30%;
+$libs:
+  "tokio" black 3.8rem -60%,
+  "runtime" $tk-lib-runtime 2.2rem -22%,
+  "hyper" $tk-lib-hyper 100% -50%,
+  "tonic" $tk-lib-tonic 100% -25%,
+  "tower" $tk-lib-tower 100% -52%,
+  "mio" $tk-lib-mio 100% -41%,
+  "tracing" $tk-lib-tracing 100% -31%,
+  "bytes" $tk-lib-bytes 100% -30%;
 
 // Bulma color variables
 $primary: $cream;