Item refactor (#1)

* Load item definitions from json

- Convert item registration code using regex

* Display item descriptions on hover

- Read descriptions from l10n file
- Only en_US is supported for now

* Add remaining missing materials

- Also add misc. weaponry & armor
- Rename and reorder items to match game
- Keep deprecated alternate names

* Add remaining missing key items

- Replace SpiritOrb image with more accurate one
- Fix positioning on MasterSword and PotLid images
- Add padding to more closely simulate in-game menu

* Rename Meal item type to Food to match game

* Add support for animated icons

- Add support for reading webp files
- Mark all potentially animated items in json
- Add animated icons only for SpiritOrb / TravelMedallion for now
- Add menu option but leave disabled by default

* Review feedback

* Move icon files into subdirectories

* Remove item enum in favor of building list from config

- Fix some incorrect item ordering
- Rename some generic item images

* Add remaining missing items

- Add 122 Weapons, 23 Bows, and 30 Shields
- Add 105 Armor and 189 Food
- Include alternate icons (e.g. charged OHO) for later use

* Clean up types and respond to review feedback

* Add .webp files to lint ignore

* Stupid linter

scripts/lint.py

@@ -28,6 +28,7 @@ ignore_exts = [
     ".ico",
     ".ps1",
     ".wasm",
+    ".webp",
     ".tar.gz",
     ".otf",
     ".svg"

src/App.css

@@ -86,6 +86,7 @@ h1 {
   border: 1px solid #999999;
   box-sizing: border-box;
   margin:1px;
+  padding:1px;
   width:62px;
   height:62px;
   display:inline-block;

src/App.tsx

@@ -33,6 +33,7 @@ export const App: React.FC =  () => {
 	const [page, setPageInState] = useState<string>("#simulation");
 	// Option States
 	const [interlaceInventory, setInterlaceInventory] = useState<boolean>(false);
+	const [isIconAnimated, setIsIconAnimated] = useState<boolean>(false);
 
 	const [commands, setCommands] = useState<Command[]>(getDefaultCommands());
 	const [selectedSaveName, setSelectedSaveName] = useState<string>("");
@@ -258,13 +259,13 @@ export const App: React.FC =  () => {
 												if (selectedSaveName === ""){
 													const manualSave = simulationStates[displayIndex].getManualSave();
 													if(manualSave){
-														return <ItemList slots={manualSave.getDisplayedSlots()}/>;
+														return <ItemList slots={manualSave.getDisplayedSlots(isIconAnimated)}/>;
 													}
 												}else if(selectedSaveName){
 													const namedSaves = simulationStates[displayIndex].getNamedSaves();
 													if(selectedSaveName in namedSaves){
 														const save = namedSaves[selectedSaveName];
-														return <ItemList slots={save.getDisplayedSlots()}/>;
+														return <ItemList slots={save.getDisplayedSlots(isIconAnimated)}/>;
 													}
 												}
 												return null;
@@ -288,6 +289,7 @@ export const App: React.FC =  () => {
 							{displayIndex >= 0 && displayIndex < commands.length &&
 					<DisplayPane 
 						overlaySave={interlaceInventory}
+						isIconAnimated={isIconAnimated}
 						displayIndex={displayIndex}
 						command={commands[displayIndex].getDisplayString()}
 						simulationState={simulationStates[displayIndex]}
@@ -310,6 +312,8 @@ export const App: React.FC =  () => {
 					<OptionPage 
 						interlaceInventory={interlaceInventory}
 						setInterlaceInventory={setInterlaceInventory}
+						isIconAnimated={isIconAnimated}
+						setIsIconAnimated={setIsIconAnimated}
 						commandText={commandText}
 						setCommandText={(value)=>{
 							if(value !== commandText){