Enable noUncheckedIndexedAccess

Author: dpolugic

src/App.tsx

@@ -36,9 +36,9 @@ const getDraftState = (state: State, draftClick: DraftClick, mousePosition: Abso
   // Re-interpret as relative pattern.
   const draftPatternRelative = draftPattern satisfies AbsolutePattern as unknown as RelativePattern
 
-  let newDraft = getRelativePatternPosition(draftPatternRelative, state.screens[screenIndex])
+  let newDraft = getRelativePatternPosition(draftPatternRelative, state.screens[screenIndex]!)
   for (const k of nestedPath) {
-    newDraft = getRelativePatternPosition(newDraft, state.patterns[k])
+    newDraft = getRelativePatternPosition(newDraft, state.patterns[k]!)
   }
 
   return { ...state, patterns: state.patterns.concat(newDraft) }

src/draw.ts

@@ -37,7 +37,7 @@ const mapPatternToViewportSpace = (pattern: AbsolutePattern, screenSize: Size):
   target: mapPointToViewportSpace(pattern.target, screenSize),
 })
 
-const getPatternPoints = <N extends PatternNumber>(pattern: Pattern<N>): Point<N>[] => {
+const getPatternPoints = <N extends PatternNumber>(pattern: Pattern<N>): [Point<N>, Point<N>, Point<N>, Point<N>] => {
   const { xMin, xMax, yMin, yMax } = getBoundariesFromPattern(pattern)
 
   return [
@@ -126,7 +126,7 @@ const draw = (
     if (depth > MIN_DEPTH && globalMutableState.drawScreenCalls >= MAX_DRAW_CALLS) break
 
     globalMutableState.drawScreenCalls += 1
-    drawScreen(ctx, currentPattern, COLORS[Math.min(COLORS.length - 1, depth)])
+    drawScreen(ctx, currentPattern, COLORS[Math.min(COLORS.length - 1, depth)]!)
 
     for (const pattern of state.patterns) {
       const virtualScreen = combinePatterns(currentPattern, pattern)

src/functions.ts

@@ -138,7 +138,7 @@ const findClickedPattern = (
   let best: NestedPath | undefined = undefined
 
   for (let i = 0; i < patterns.length; i++) {
-    const newBasePattern = combinePatterns(previousBasePattern, patterns[i])
+    const newBasePattern = combinePatterns(previousBasePattern, patterns[i]!)
     const newPath = path.concat(i)
 
     const nestedResult = findClickedPattern(newBasePattern, patterns, point, newPath)
@@ -170,7 +170,8 @@ export const findClickedScreenOrPattern = (
 
   let best: ClickedPath | undefined = undefined
   for (let i = 0; i < screens.length; i++) {
-    const clickedPath = findClickedPattern(screens[i], patterns, point)
+    const screen = screens[i]!
+    const clickedPath = findClickedPattern(screen, patterns, point)
 
     if (clickedPath !== undefined) {
       if (best === undefined || clickedPath.length > best.nestedPath.length) {
@@ -179,7 +180,7 @@ export const findClickedScreenOrPattern = (
           nestedPath: clickedPath,
         }
       }
-    } else if (pointIsInPattern(point, screens[i])) {
+    } else if (pointIsInPattern(point, screen)) {
       // only check current depth if there's no nested result
       if (best === undefined) {
         best = {

tsconfig.json

@@ -18,7 +18,8 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]