Cleanup TypeScript stuff (#150)

* Bump typescript and any ts related packages

* Update tsconfig.json

* Fix types

app/components/doc-layout.tsx

@@ -1,5 +1,5 @@
 import { useRef } from "react";
-import { type Doc } from "~/modules/gh-docs/.server";
+import type { Doc } from "~/modules/gh-docs/.server";
 import { useDelegatedReactRouterLinks } from "~/ui/delegate-markdown-links";
 import { LargeOnThisPage, SmallOnThisPage } from "./on-this-page";
 

app/components/on-this-page.tsx

@@ -1,5 +1,5 @@
 import { Link } from "react-router";
-import { type Doc } from "~/modules/gh-docs/.server";
+import type { Doc } from "~/modules/gh-docs/.server";
 import iconsHref from "~/icons.svg";
 import { useEffect, useRef, useState } from "react";
 import classNames from "classnames";

app/components/package-select.tsx

@@ -5,7 +5,7 @@ import iconsHref from "~/icons.svg";
 import { DetailsMenu } from "~/modules/details-menu";
 import { DetailsPopup } from "./details-popup";
 import { PopupLabel } from "./popup-label";
-import { type Pkg } from "~/components/docs-menu/data.server";
+import type { Pkg } from "~/components/docs-menu/data.server";
 
 export function PackageSelect({ pkgs }: { pkgs: Pkg[] }) {
   let { pkg } = useParams();

app/modules/details-menu/index.tsx

@@ -52,22 +52,22 @@ export let DetailsMenu = React.forwardRef<
       ref={forwardedRef}
       open={open ?? isOpen}
       onToggle={(event) => {
-        onToggle && onToggle(event);
+        if (onToggle) onToggle(event);
         if (event.defaultPrevented) return;
         setIsOpen(event.currentTarget.open);
       }}
       onMouseDown={(event) => {
-        onMouseDown && onMouseDown(event);
+        if (onMouseDown) onMouseDown(event);
         if (event.defaultPrevented) return;
         if (isOpen) clickRef.current = true;
       }}
       onTouchStart={(event) => {
-        onTouchStart && onTouchStart(event);
+        if (onTouchStart) onTouchStart(event);
         if (event.defaultPrevented) return;
         if (isOpen) clickRef.current = true;
       }}
       onFocus={(event) => {
-        onFocus && onFocus(event);
+        if (onFocus) onFocus(event);
         if (event.defaultPrevented) return;
         if (isOpen) focusRef.current = true;
       }}

app/modules/stats/index.tsx

@@ -25,7 +25,7 @@ global.statCountsCache ??= new LRUCache<string, StatCounts>({
   ttl: 1000 * 60 * 60, // 1 hour
   allowStale: true,
   noDeleteOnFetchRejection: true,
-  fetchMethod: async (key) => {
+  fetchMethod: async () => {
     console.log("Fetching fresh stats");
     let [npmDownloads, githubContributors, githubStars, githubDependents] =
       await Promise.all([

app/ui/meta.ts

@@ -1,4 +1,4 @@
-import { type loader as docsLoader } from "~/pages/docs-layout";
+import type { loader as docsLoader } from "~/pages/docs-layout";
 
 type DocsData = Awaited<ReturnType<typeof docsLoader>>;
 

app/ui/utils.ts

@@ -26,7 +26,7 @@ export function useCodeBlockCopyButton(ref: React.RefObject<HTMLElement>) {
       { listener: (event: MouseEvent) => void; to: number }
     >();
 
-    for (let codeBlock of codeBlocks) {
+    for (const codeBlock of codeBlocks) {
       let button = document.createElement("button");
       let label = document.createElement("span");
       button.type = "button";