hangman-react-game 1.0.5 → 1.0.7

package/README.md

@@ -1,2 +1,2 @@
-# Hangman
-Simple hangman game that should be portable to a website
+# Hangman
+Simple hangman game that should be portable to a website

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+
+declare const Game: () => react.JSX.Element;
+
+declare const useGame: () => {
+    newWord: () => void;
+    hasEnded: boolean;
+    hasWon: boolean;
+    failedAttempts: number;
+    guessLetter: (letter: string) => Promise<void>;
+    guessedLetters: string[];
+    word: string;
+};
+
+export { Game, useGame };

package/dist/index.js

@@ -0,0 +1,223 @@
+// src/hooks/useGame.tsx
+import { useEffect, useState } from "react";
+var MAX_FAILED_ATTEMPTS = 10;
+var wordDictionary = [
+  "apple",
+  "banana",
+  "cherry",
+  "date",
+  "elderberry",
+  "fig",
+  "grape",
+  "honeydew",
+  "kiwi",
+  "lemon",
+  "mango",
+  "nectarine",
+  "orange",
+  "papaya",
+  "quince",
+  "raspberry",
+  "strawberry",
+  "tangerine",
+  "ugli",
+  "vanilla",
+  "watermelon",
+  "xigua",
+  "yellow",
+  "zucchini",
+  "abstract",
+  "breeze",
+  "cactus",
+  "dolphin",
+  "eagle",
+  "forest",
+  "giraffe",
+  "horizon",
+  "island",
+  "jungle",
+  "kaleidoscope",
+  "lighthouse",
+  "mountain",
+  "nebula",
+  "ocean",
+  "prairie",
+  "quasar",
+  "rainbow",
+  "sunrise",
+  "tornado",
+  "universe",
+  "volcano",
+  "whale",
+  "xerox",
+  "yacht",
+  "zephyr",
+  "albatross",
+  "butterfly",
+  "chameleon",
+  "dinosaur",
+  "elephant",
+  "flamingo",
+  "gazelle",
+  "hippopotamus",
+  "iguana",
+  "jellyfish",
+  "kangaroo",
+  "lion",
+  "monkey",
+  "narwhal",
+  "octopus",
+  "penguin",
+  "quail",
+  "rhinoceros",
+  "squirrel",
+  "turtle",
+  "umbrella",
+  "vulture",
+  "walrus",
+  "xylophone",
+  "yak",
+  "zebra",
+  "astronomy",
+  "biology",
+  "chemistry",
+  "democracy",
+  "ecosystem",
+  "fossil",
+  "genetics",
+  "hypothesis",
+  "innovation",
+  "jurisdiction",
+  "kinetic",
+  "laboratory",
+  "meteorology",
+  "neuroscience",
+  "observation",
+  "physics",
+  "quantum",
+  "robotics",
+  "synthesis",
+  "theorem",
+  "unicorn",
+  "velocity",
+  "wavelength",
+  "xenon",
+  "youth",
+  "zenith",
+  "bamboozlement",
+  "flabbergasted",
+  "hypothetical",
+  "juxtaposition",
+  "labyrinthine",
+  "nebulousness",
+  "quintessential",
+  "sesquipedalian",
+  "transcendental",
+  "unpredictable",
+  "verisimilitude",
+  "whippersnapper",
+  "xenotransplant",
+  "yesteryear",
+  "zigzaggedness"
+];
+var useGame = () => {
+  const [word, setWord] = useState("");
+  const [guessedLetters, setGuessedLetters] = useState([]);
+  const [failedAttempts, setFailedAttempts] = useState(0);
+  const [hasEnded, setHasEnded] = useState(false);
+  const [hasWon, setHasWon] = useState(false);
+  const censorWord = (w) => w.split("").map((x) => (guessedLetters.includes(x) || x === " " ? x : "_") + " ").join("");
+  const newWord = () => setWord(wordDictionary[Math.floor(Math.random() * wordDictionary.length)]);
+  const guessLetter = async (letter) => {
+    if (!hasEnded && letter.length === 1) {
+      if (!word.includes(letter))
+        setFailedAttempts(failedAttempts + 1);
+      setGuessedLetters([...guessedLetters, letter]);
+    }
+  };
+  useEffect(() => newWord(), []);
+  useEffect(() => {
+    setGuessedLetters([]);
+    setFailedAttempts(0);
+    setHasEnded(false);
+    setHasWon(false);
+  }, [word]);
+  useEffect(() => {
+    if (failedAttempts >= MAX_FAILED_ATTEMPTS)
+      setHasEnded(true);
+  }, [failedAttempts]);
+  useEffect(() => {
+    if (word && !censorWord(word).includes("_")) {
+      setHasWon(true);
+      setHasEnded(true);
+    }
+  }, [guessedLetters]);
+  return {
+    newWord,
+    hasEnded,
+    hasWon,
+    failedAttempts,
+    guessLetter,
+    guessedLetters,
+    word: hasEnded ? word : censorWord(word)
+  };
+};
+var useGame_default = useGame;
+
+// src/components/Hangman.tsx
+import { useEffect as useEffect2 } from "react";
+import { jsx } from "react/jsx-runtime";
+var Hangman = ({ failedAttempts }) => {
+  useEffect2(() => {
+  }, [failedAttempts]);
+  const hangmanParts = [
+    // ROD
+    /* @__PURE__ */ jsx("line", { x1: "20", y1: "230", x2: "100", y2: "230", stroke: "black" }),
+    /* @__PURE__ */ jsx("line", { x1: "60", y1: "20", x2: "60", y2: "230", stroke: "black" }),
+    /* @__PURE__ */ jsx("line", { x1: "60", y1: "20", x2: "140", y2: "20", stroke: "black" }),
+    /* @__PURE__ */ jsx("line", { x1: "140", y1: "20", x2: "140", y2: "50", stroke: "black" }),
+    // HEAD
+    /* @__PURE__ */ jsx("circle", { cx: "140", cy: "70", r: "20", stroke: "black" }),
+    // BODY
+    /* @__PURE__ */ jsx("line", { x1: "140", y1: "90", x2: "140", y2: "150", stroke: "black" }),
+    // ARMS
+    /* @__PURE__ */ jsx("line", { x1: "140", y1: "120", x2: "120", y2: "100", stroke: "black" }),
+    /* @__PURE__ */ jsx("line", { x1: "140", y1: "120", x2: "160", y2: "100", stroke: "black" }),
+    // LEGS
+    /* @__PURE__ */ jsx("line", { x1: "140", y1: "150", x2: "120", y2: "180", stroke: "black" }),
+    /* @__PURE__ */ jsx("line", { x1: "140", y1: "150", x2: "160", y2: "180", stroke: "black" })
+  ];
+  return /* @__PURE__ */ jsx("svg", { height: "250", width: "200", children: hangmanParts.slice(0, failedAttempts) });
+};
+var Hangman_default = Hangman;
+
+// src/components/Game.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Game = () => {
+  const {
+    newWord,
+    hasEnded,
+    hasWon,
+    failedAttempts,
+    guessLetter,
+    guessedLetters,
+    word
+  } = useGame_default();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2("h1", { children: "Hangman game" }),
+    /* @__PURE__ */ jsx2("div", { className: "word", children: /* @__PURE__ */ jsx2("p", { children: word }) }),
+    /* @__PURE__ */ jsx2("div", { className: "hangman-illustrtion", children: /* @__PURE__ */ jsx2(Hangman_default, { failedAttempts }) }),
+    /* @__PURE__ */ jsx2("div", { className: "guessButtons", children: "abcdefghijklmnopqrstuvwxyz".split("").map((x) => /* @__PURE__ */ jsx2("button", { onClick: () => guessLetter(x), disabled: hasEnded || guessedLetters.includes(x), children: x }, x)) }),
+    hasEnded && /* @__PURE__ */ jsxs("div", { className: "game-over", children: [
+      hasWon && /* @__PURE__ */ jsx2("h1", { children: "Yay, you won" }),
+      !hasWon && /* @__PURE__ */ jsx2("h1", { children: "Too bad, you lose" })
+    ] }),
+    /* @__PURE__ */ jsx2("button", { onClick: newWord, children: "New word" })
+  ] });
+};
+var Game_default = Game;
+export {
+  Game_default as Game,
+  useGame_default as useGame
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useGame.tsx","../src/components/Hangman.tsx","../src/components/Game.tsx"],"sourcesContent":["import {useEffect, useState} from \"react\";\n\nconst MAX_FAILED_ATTEMPTS = 10;\nconst wordDictionary = [\n    \"apple\",\n    \"banana\",\n    \"cherry\",\n    \"date\",\n    \"elderberry\",\n    \"fig\",\n    \"grape\",\n    \"honeydew\",\n    \"kiwi\",\n    \"lemon\",\n    \"mango\",\n    \"nectarine\",\n    \"orange\",\n    \"papaya\",\n    \"quince\",\n    \"raspberry\",\n    \"strawberry\",\n    \"tangerine\",\n    \"ugli\",\n    \"vanilla\",\n    \"watermelon\",\n    \"xigua\",\n    \"yellow\",\n    \"zucchini\",\n    \"abstract\",\n    \"breeze\",\n    \"cactus\",\n    \"dolphin\",\n    \"eagle\",\n    \"forest\",\n    \"giraffe\",\n    \"horizon\",\n    \"island\",\n    \"jungle\",\n    \"kaleidoscope\",\n    \"lighthouse\",\n    \"mountain\",\n    \"nebula\",\n    \"ocean\",\n    \"prairie\",\n    \"quasar\",\n    \"rainbow\",\n    \"sunrise\",\n    \"tornado\",\n    \"universe\",\n    \"volcano\",\n    \"whale\",\n    \"xerox\",\n    \"yacht\",\n    \"zephyr\",\n    \"albatross\",\n    \"butterfly\",\n    \"chameleon\",\n    \"dinosaur\",\n    \"elephant\",\n    \"flamingo\",\n    \"gazelle\",\n    \"hippopotamus\",\n    \"iguana\",\n    \"jellyfish\",\n    \"kangaroo\",\n    \"lion\",\n    \"monkey\",\n    \"narwhal\",\n    \"octopus\",\n    \"penguin\",\n    \"quail\",\n    \"rhinoceros\",\n    \"squirrel\",\n    \"turtle\",\n    \"umbrella\",\n    \"vulture\",\n    \"walrus\",\n    \"xylophone\",\n    \"yak\",\n    \"zebra\",\n    \"astronomy\",\n    \"biology\",\n    \"chemistry\",\n    \"democracy\",\n    \"ecosystem\",\n    \"fossil\",\n    \"genetics\",\n    \"hypothesis\",\n    \"innovation\",\n    \"jurisdiction\",\n    \"kinetic\",\n    \"laboratory\",\n    \"meteorology\",\n    \"neuroscience\",\n    \"observation\",\n    \"physics\",\n    \"quantum\",\n    \"robotics\",\n    \"synthesis\",\n    \"theorem\",\n    \"unicorn\",\n    \"velocity\",\n    \"wavelength\",\n    \"xenon\",\n    \"youth\",\n    \"zenith\",\n    \"bamboozlement\",\n    \"flabbergasted\",\n    \"hypothetical\",\n    \"juxtaposition\",\n    \"labyrinthine\",\n    \"nebulousness\",\n    \"quintessential\",\n    \"sesquipedalian\",\n    \"transcendental\",\n    \"unpredictable\",\n    \"verisimilitude\",\n    \"whippersnapper\",\n    \"xenotransplant\",\n    \"yesteryear\",\n    \"zigzaggedness\"\n];\n\nconst useGame = () => {\n    // Should fetch random word from a dictionary (maybe vary by language)\n    const [word, setWord] = useState(\"\");\n    const [guessedLetters, setGuessedLetters] = useState<string[]>([]);\n    const [failedAttempts, setFailedAttempts] = useState<number>(0);\n    const [hasEnded, setHasEnded] = useState(false);\n    const [hasWon, setHasWon] = useState(false);\n\n    const censorWord = (w: string) => w.split(\"\").map(x => (guessedLetters.includes(x) || x === \" \" ? x : \"_\") + \" \").join(\"\");\n    const newWord = () => setWord( wordDictionary[Math.floor( Math.random() * wordDictionary.length )]);\n    \n    const guessLetter = async (letter : string) => {\n        if(!hasEnded && letter.length === 1){\n            if(!word.includes(letter)) \n                setFailedAttempts(failedAttempts+1);\n            setGuessedLetters([...guessedLetters, letter]);\n        }\n    }\n    \n    useEffect(()=> newWord(), [])\n    useEffect(()=> {\n        setGuessedLetters([]);\n        setFailedAttempts(0);\n        setHasEnded(false);\n        setHasWon(false);\n    }, [word]);\n    \n    useEffect(()=> {\n        if(failedAttempts >= MAX_FAILED_ATTEMPTS)\n            setHasEnded(true);\n    }, [failedAttempts]);\n    \n    useEffect(()=> {\n        if(word && !censorWord(word).includes(\"_\")) {\n            setHasWon(true);\n            setHasEnded(true);\n        }\n    }, [guessedLetters]);\n\n    return {\n        newWord,\n        hasEnded,\n        hasWon,\n        failedAttempts,\n        guessLetter,\n        guessedLetters,\n        word : hasEnded ? word : censorWord(word)\n    };\n}\nexport default useGame;","import { ReactElement, useEffect } from \"react\";\n\ntype HangmanProps = {\n  failedAttempts: number\n}\n\nconst Hangman = ({failedAttempts} : HangmanProps) => {\n  useEffect(() => {}, [failedAttempts]);\n  const hangmanParts : ReactElement[] = [\n    // ROD\n    <line x1=\"20\" y1=\"230\" x2=\"100\" y2=\"230\" stroke=\"black\" />,\n    <line x1=\"60\" y1=\"20\" x2=\"60\" y2=\"230\" stroke=\"black\" />,\n    <line x1=\"60\" y1=\"20\" x2=\"140\" y2=\"20\" stroke=\"black\" />,\n    <line x1=\"140\" y1=\"20\" x2=\"140\" y2=\"50\" stroke=\"black\" />,\n    // HEAD\n    <circle cx=\"140\" cy=\"70\" r=\"20\" stroke=\"black\" />,\n    // BODY\n    <line x1=\"140\" y1=\"90\" x2=\"140\" y2=\"150\" stroke=\"black\" />,\n    // ARMS\n    <line x1=\"140\" y1=\"120\" x2=\"120\" y2=\"100\" stroke=\"black\" />,\n    <line x1=\"140\" y1=\"120\" x2=\"160\" y2=\"100\" stroke=\"black\" />,\n    // LEGS\n    <line x1=\"140\" y1=\"150\" x2=\"120\" y2=\"180\" stroke=\"black\" />,\n    <line x1=\"140\" y1=\"150\" x2=\"160\" y2=\"180\" stroke=\"black\" />\n  ];\n  return (\n      <svg height=\"250\" width=\"200\">\n        {hangmanParts.slice(0, failedAttempts)}\n    </svg>\n  )\n}\nexport default Hangman;","import useGame from \"../hooks/useGame\";\nimport Hangman from \"./Hangman\";\n\nconst Game = () => {\n    const {\n        newWord,\n        hasEnded,\n        hasWon,\n        failedAttempts,\n        guessLetter,\n        guessedLetters,\n        word \n    } = useGame();\n    return (\n        <div>\n            <h1>Hangman game</h1>\n            <div className=\"word\">\n                <p>{word}</p>\n            </div>\n            <div className=\"hangman-illustrtion\">\n                <Hangman failedAttempts={failedAttempts} />\n            </div>\n            <div className=\"guessButtons\">\n                {\"abcdefghijklmnopqrstuvwxyz\".split(\"\").map(x => (\n                    <button key={x} onClick={() => guessLetter(x)} disabled={hasEnded || guessedLetters.includes(x)}>{x}</button>\n                ))}\n            </div>\n            {hasEnded && (\n                <div className=\"game-over\">\n                    {hasWon && (<h1>Yay, you won</h1>)}\n                    {!hasWon && (<h1>Too bad, you lose</h1>)}\n                </div>\n            )}\n            <button onClick={newWord}>New word</button>\n        </div>\n    )\n};\nexport default Game;"],"mappings":";AAAA,SAAQ,WAAW,gBAAe;AAElC,IAAM,sBAAsB;AAC5B,IAAM,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;A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","names":["useEffect","jsx"]}

package/package.json

@@ -1,29 +1,32 @@
-{
-  "name": "hangman-react-game",
-  "version": "1.0.5",
-  "type": "module",
-  "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
-    }
-  },
-  "scripts": {
-    "build": "tsup"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@types/react": "^19.1.13",
-    "@types/react-dom": "^19.1.9",
-    "rollup": "^3.29.0",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.2"
-  },
-  "author": "Isak Hølleland",
-  "license": "MIT"
-}
+{
+  "name": "hangman-react-game",
+  "version": "1.0.7",
+  "type": "module",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
+    "rollup": "^3.29.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
+  },
+  "author": "Isak Hølleland",
+  "license": "MIT"
+}

package/src/components/Game.tsx

@@ -1,38 +0,0 @@
-import useGame from "../hooks/useGame";
-import Hangman from "./Hangman";
-
-const Game = () => {
-    const {
-        newWord,
-        hasEnded,
-        hasWon,
-        failedAttempts,
-        guessLetter,
-        guessedLetters,
-        word 
-    } = useGame();
-    return (
-        <div>
-            <h1>Hangman game</h1>
-            <div className="word">
-                <p>{word}</p>
-            </div>
-            <div className="hangman-illustrtion">
-                <Hangman failedAttempts={failedAttempts} />
-            </div>
-            <div className="guessButtons">
-                {"abcdefghijklmnopqrstuvwxyz".split("").map(x => (
-                    <button key={x} onClick={() => guessLetter(x)} disabled={hasEnded || guessedLetters.includes(x)}>{x}</button>
-                ))}
-            </div>
-            {hasEnded && (
-                <div className="game-over">
-                    {hasWon && (<h1>Yay, you won</h1>)}
-                    {!hasWon && (<h1>Too bad, you lose</h1>)}
-                </div>
-            )}
-            <button onClick={newWord}>New word</button>
-        </div>
-    )
-};
-export default Game;

package/src/components/Hangman.tsx

@@ -1,32 +0,0 @@
-import { ReactElement, useEffect } from "react";
-
-type HangmanProps = {
-  failedAttempts: number
-}
-
-const Hangman = ({failedAttempts} : HangmanProps) => {
-  useEffect(() => {}, [failedAttempts]);
-  const hangmanParts : ReactElement[] = [
-    // ROD
-    <line x1="20" y1="230" x2="100" y2="230" stroke="black" />,
-    <line x1="60" y1="20" x2="60" y2="230" stroke="black" />,
-    <line x1="60" y1="20" x2="140" y2="20" stroke="black" />,
-    <line x1="140" y1="20" x2="140" y2="50" stroke="black" />,
-    // HEAD
-    <circle cx="140" cy="70" r="20" stroke="black" />,
-    // BODY
-    <line x1="140" y1="90" x2="140" y2="150" stroke="black" />,
-    // ARMS
-    <line x1="140" y1="120" x2="120" y2="100" stroke="black" />,
-    <line x1="140" y1="120" x2="160" y2="100" stroke="black" />,
-    // LEGS
-    <line x1="140" y1="150" x2="120" y2="180" stroke="black" />,
-    <line x1="140" y1="150" x2="160" y2="180" stroke="black" />
-  ];
-  return (
-      <svg height="250" width="200">
-        {hangmanParts.slice(0, failedAttempts)}
-    </svg>
-  )
-}
-export default Hangman;

package/src/hooks/useGame.tsx

@@ -1,173 +0,0 @@
-import {useEffect, useState} from "react";
-
-const MAX_FAILED_ATTEMPTS = 10;
-const wordDictionary = [
-    "apple",
-    "banana",
-    "cherry",
-    "date",
-    "elderberry",
-    "fig",
-    "grape",
-    "honeydew",
-    "kiwi",
-    "lemon",
-    "mango",
-    "nectarine",
-    "orange",
-    "papaya",
-    "quince",
-    "raspberry",
-    "strawberry",
-    "tangerine",
-    "ugli",
-    "vanilla",
-    "watermelon",
-    "xigua",
-    "yellow",
-    "zucchini",
-    "abstract",
-    "breeze",
-    "cactus",
-    "dolphin",
-    "eagle",
-    "forest",
-    "giraffe",
-    "horizon",
-    "island",
-    "jungle",
-    "kaleidoscope",
-    "lighthouse",
-    "mountain",
-    "nebula",
-    "ocean",
-    "prairie",
-    "quasar",
-    "rainbow",
-    "sunrise",
-    "tornado",
-    "universe",
-    "volcano",
-    "whale",
-    "xerox",
-    "yacht",
-    "zephyr",
-    "albatross",
-    "butterfly",
-    "chameleon",
-    "dinosaur",
-    "elephant",
-    "flamingo",
-    "gazelle",
-    "hippopotamus",
-    "iguana",
-    "jellyfish",
-    "kangaroo",
-    "lion",
-    "monkey",
-    "narwhal",
-    "octopus",
-    "penguin",
-    "quail",
-    "rhinoceros",
-    "squirrel",
-    "turtle",
-    "umbrella",
-    "vulture",
-    "walrus",
-    "xylophone",
-    "yak",
-    "zebra",
-    "astronomy",
-    "biology",
-    "chemistry",
-    "democracy",
-    "ecosystem",
-    "fossil",
-    "genetics",
-    "hypothesis",
-    "innovation",
-    "jurisdiction",
-    "kinetic",
-    "laboratory",
-    "meteorology",
-    "neuroscience",
-    "observation",
-    "physics",
-    "quantum",
-    "robotics",
-    "synthesis",
-    "theorem",
-    "unicorn",
-    "velocity",
-    "wavelength",
-    "xenon",
-    "youth",
-    "zenith",
-    "bamboozlement",
-    "flabbergasted",
-    "hypothetical",
-    "juxtaposition",
-    "labyrinthine",
-    "nebulousness",
-    "quintessential",
-    "sesquipedalian",
-    "transcendental",
-    "unpredictable",
-    "verisimilitude",
-    "whippersnapper",
-    "xenotransplant",
-    "yesteryear",
-    "zigzaggedness"
-];
-
-const useGame = () => {
-    // Should fetch random word from a dictionary (maybe vary by language)
-    const [word, setWord] = useState("");
-    const [guessedLetters, setGuessedLetters] = useState<string[]>([]);
-    const [failedAttempts, setFailedAttempts] = useState<number>(0);
-    const [hasEnded, setHasEnded] = useState(false);
-    const [hasWon, setHasWon] = useState(false);
-
-    const censorWord = (w: string) => w.split("").map(x => (guessedLetters.includes(x) || x === " " ? x : "_") + " ").join("");
-    const newWord = () => setWord( wordDictionary[Math.floor( Math.random() * wordDictionary.length )]);
-    
-    const guessLetter = async (letter : string) => {
-        if(!hasEnded && letter.length === 1){
-            if(!word.includes(letter)) 
-                setFailedAttempts(failedAttempts+1);
-            setGuessedLetters([...guessedLetters, letter]);
-        }
-    }
-    
-    useEffect(()=> newWord(), [])
-    useEffect(()=> {
-        setGuessedLetters([]);
-        setFailedAttempts(0);
-        setHasEnded(false);
-        setHasWon(false);
-    }, [word]);
-    
-    useEffect(()=> {
-        if(failedAttempts >= MAX_FAILED_ATTEMPTS)
-            setHasEnded(true);
-    }, [failedAttempts]);
-    
-    useEffect(()=> {
-        if(word && !censorWord(word).includes("_")) {
-            setHasWon(true);
-            setHasEnded(true);
-        }
-    }, [guessedLetters]);
-
-    return {
-        newWord,
-        hasEnded,
-        hasWon,
-        failedAttempts,
-        guessLetter,
-        guessedLetters,
-        word : hasEnded ? word : censorWord(word)
-    };
-}
-export default useGame;

package/src/index.tsx

@@ -1,4 +0,0 @@
-import Game from "./components/Game";
-import useGame from "./hooks/useGame";
-
-export {Game, useGame};

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "jsx": "react-jsx",
-    "declaration": true,
-    "declarationDir": "dist/types",
-    "outDir": "dist",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "moduleResolution": "node"
-  },
-  "include": ["src"]
-}

package/tsup.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'tsup';
-
-export default defineConfig({
-  entry: ['src/index.tsx'],
-  format: ['esm'],
-  dts: true,
-  sourcemap: true,
-  clean: true,
-  external: ['react', 'react-dom'],
-});