hangman-react-game 1.0.4 → 1.0.6

package/dist/{index.mjs → index.js}

@@ -220,4 +220,4 @@ export {
   Game_default as Game,
   useGame_default as useGame
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hangman-react-game",
-  "version": "1.0.4",
-  "main": "dist/index.js",
+  "version": "1.0.6",
+  "type": "module",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "exports": {
@@ -10,6 +10,9 @@
       "types": "./dist/types/index.d.ts"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsup"
   },
@@ -18,9 +21,6 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "rollup": "^3.29.0",

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'],
-});