Split a few things into their own files

Author: miorel

src/App.tsx

@@ -1,51 +1,12 @@
 import React from "react";
 
-const MOVE_CONFIG = {
-  rock: {
-    scissors: "crushes",
-    lizard: "crushes",
-  },
-  paper: {
-    rock: "covers",
-    spock: "disproves",
-  },
-  scissors: {
-    paper: "cuts",
-    lizard: "decapitates",
-  },
-  lizard: {
-    paper: "eats",
-    Spock: "poisons",
-  },
-  Spock: {
-    scissors: "smashes",
-    rock: "vaporizes",
-  },
-} as const;
-
-type Move = keyof typeof MOVE_CONFIG;
-
-function objectKeys<T extends Record<PropertyKey, unknown>>(
-  obj: T,
-): (keyof T)[] {
-  return Object.keys(obj);
-}
-
-const MOVES: readonly Move[] = objectKeys(MOVE_CONFIG);
+import { MOVE_CONFIG, MOVES, MOVE_EMOJI, type Move } from "./constants";
+import getRandomElement from "./util/getRandomElement";
 
 function getRandomMove(): Move {
-  const index = Math.floor(Math.random() * MOVES.length);
-  return MOVES[index];
+  return getRandomElement(MOVES);
 }
 
-const MOVE_EMOJI = {
-  rock: "🪨",
-  paper: "📄",
-  scissors: "✂️",
-  lizard: "🦎",
-  Spock: "🖖",
-} as const satisfies Record<Move, string>;
-
 function getWinner(moveA: Move, moveB: Move): "a" | "b" | "tie" {
   if (moveA === moveB) {
     return "tie";

src/constants.ts

@@ -0,0 +1,38 @@
+import objectKeys from "./util/objectKeys";
+
+export const MOVE_CONFIG = {
+  rock: {
+    scissors: "crushes",
+    lizard: "crushes",
+  },
+  paper: {
+    rock: "covers",
+    spock: "disproves",
+  },
+  scissors: {
+    paper: "cuts",
+    lizard: "decapitates",
+  },
+  lizard: {
+    paper: "eats",
+    Spock: "poisons",
+  },
+  Spock: {
+    scissors: "smashes",
+    rock: "vaporizes",
+  },
+} as const;
+
+export type Move = keyof typeof MOVE_CONFIG;
+
+MOVE_CONFIG satisfies Record<Move, Partial<Record<Move, string>>>;
+
+export const MOVES: readonly Move[] = objectKeys(MOVE_CONFIG);
+
+export const MOVE_EMOJI = {
+  rock: "🪨",
+  paper: "📄",
+  scissors: "✂️",
+  lizard: "🦎",
+  Spock: "🖖",
+} as const satisfies Record<Move, string>;

src/util/getRandomElement.ts

@@ -0,0 +1,4 @@
+export default function getRandomElement<T>(array: readonly T[]): T {
+  const index = Math.floor(Math.random() * array.length);
+  return array[index];
+}

src/util/objectKeys.ts

@@ -0,0 +1,5 @@
+export default function objectKeys<T extends Record<PropertyKey, unknown>>(
+  obj: T,
+): (keyof T)[] {
+  return Object.keys(obj);
+}