Merge pull request #30 from TeamLumi/PokemonMoves

Pokemon moves

Author: AarCon

plugins/move-data-plugin/index.js

@@ -4,6 +4,7 @@ const { Joi } = require('@docusaurus/utils-validation');
 const { GAMEDATA2, GAMEDATA3, GAMEDATAV, MovesTable } = require('../../__gamedata');
 const { getMoveProperties } = require('../pokedex-data-plugin/dex/moves');
 const { normalizePokemonName } = require('../pokedex-data-plugin/dex/name');
+const { getTypeName } = require('../pokedex-data-plugin/dex/types');
 
 /**
  * @param {{path: string, routeBasePath: string, moveComponent: string, moveListComponent: string, wrapperComponent: string}} options
@@ -30,6 +31,7 @@ function moveDexDataPlugin(context, options) {
         id: m.moveId,
         name: m.name,
         type: m.type,
+        typeName: getTypeName(m.type),
       }));
 
       return {

plugins/pokedex-data-plugin/dex/moves.js

@@ -10,7 +10,8 @@ const {
   TutorMoves,
   GAMEDATA2
 } = require('../../../__gamedata');
-const { getPokemonFormId, getPokemonName } = require('./name');
+const { FORM_MAP, isValidPokemon } = require('./functions');
+const { getPokemonFormId, getPokemonName, getPokemonMonsNoAndFormNoFromPokemonId } = require('./name');
 
 const IS_MOVE_INDEX = false;
 const MAX_TM_COUNT = 104;
@@ -321,6 +322,56 @@ function getTutorMoves(monsno = 0, formno = 0, mode = GAMEDATA2) {
   return tutorSet;
 }
 
+function searchForMovesOnPokemon(moveId = 0, mode = GAMEDATA2) {
+  // This is a wild function.
+  // I may want to make a json specifically for loading this in the movedex
+  // Just depends on the load times for it
+  // This maps over every pokemon in a mode,
+  // then maps over their entire learnset to see if it can learn a move
+  return Object.values(FORM_MAP[mode])
+    .flat()
+    .slice(1)
+    .map((id) => {
+      // This is a map and not a filter because
+      // we want to return which method(s) a pokemon can learn a move
+      const isValid = isValidPokemon(id, mode);
+      if (!isValid) {
+        return null; // Skip invalid Pokémon
+      }
+      let monsNo = 0, formNo = 0;
+      try {
+        [monsNo, formNo] = getPokemonMonsNoAndFormNoFromPokemonId(id, mode);
+      } catch (error) {
+        console.log("This pokemonID didn't work", id, mode);
+      }
+      const learnsets = {
+        level: getLevelLearnset(id, mode),
+        tm: getTechMachineLearnset(id, mode),
+        egg: getEggMoves(id, mode),
+        tutor: getTutorMoves(monsNo, formNo, mode)
+      };
+
+      // Find which learnsets contain the move
+      const setsContainingMove = Object.entries(learnsets)
+        .filter(([key, moves]) => 
+          Array.isArray(moves) && 
+          moves.some(move => move.move?.moveId === moveId) // Check moveId
+        )
+        .map(([key]) => key); // Only keep the keys (e.g., "level", "tm")
+
+      if (setsContainingMove.length > 0) {
+        return {
+          id:`${monsNo}-${formNo}`,
+          mode,
+          learnsets: setsContainingMove // Include only the relevant learnset names
+        };
+      }
+
+      return null; // Skip if no learnsets contain the move
+    })
+    .filter(Boolean); // Remove null values}
+}
+
 module.exports = {
   generateMovesViaLearnset,
   getMoveId,
@@ -332,5 +383,6 @@ module.exports = {
   getPokemonLearnset,
   getMoveLevelLearned,
   getLevelLearnset,
-  getTutorMoves
+  getTutorMoves,
+  searchForMovesOnPokemon,
 };

src/components/MoveDex/MoveListPageContent.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { Box, Container, ListItem, ListItemButton, ListItemIcon, Typography } from '@mui/material';
+import { Box, Container, ListItem, ListItemButton, ListItemIcon, MenuItem, Select, Typography } from '@mui/material';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList } from 'react-window';
 import { MoveIcon, PokemonMove, PokemonMoveType, TYPE_COLOR_MAP } from '../Pokedex2/PokemonMovesetList';
@@ -10,6 +10,11 @@ import { normalizePokemonName } from '../../utils/dex/name';
 
 const MoveListPageContent = ({ movesList }) => {
   const [moves, setMoves] = useState(movesList);
+  const [searchKey, setSearchKey] = useState("name");
+
+  const handleChange = (event) => {
+    setSearchKey(event.target.value);
+  };
 
   return (
     <Container sx={{ flex: '1 1 auto', display: 'flex', flexDirection: 'column' }}>
@@ -31,7 +36,16 @@ const MoveListPageContent = ({ movesList }) => {
             marginTop: "16px",
           }}
         >
-          <MoveSearchInput movesList={movesList} setMoves={setMoves} />
+          <MoveSearchInput movesList={movesList} setMoves={setMoves} searchKey={searchKey} />
+          <Select
+            labelId='search-key-label'
+            id="search-key-select"
+            value={searchKey}
+            onChange={handleChange}
+          >
+            <MenuItem value={"name"}>Move Name</MenuItem>
+            <MenuItem value={"type"}>Move Type</MenuItem>
+          </Select>
         </Box>
 
         <Box flex="1 1 auto" paddingY="12px" minHeight={{ xs: '60vh', sm: '60vh' }}>