split some functions

src/player-inventory/components/itemRow.tsx

@@ -0,0 +1,20 @@
+import { ItemType, itemTypes, LevelRarity } from "../inventory";
+import { shortenRarity } from "../utils";
+
+export default function (props: {
+  item: { type: ItemType; leveled: boolean }; 
+  lvl: LevelRarity, 
+  count: number;
+}) {
+  const { item, lvl, count } = props;
+  const lr = item.leveled ? 'L' + lvl : shortenRarity(lvl as string);
+  const className = (item.leveled ? 'level_' : 'rarity_') + lr;
+  const name = itemTypes[item.type];
+  return (
+    <tr className={className}>
+      <td>{count}</td>
+      <td>{lr}</td>
+      <td>{name}</td>
+    </tr>
+  );
+}

src/player-inventory/index.jsx

@@ -6,38 +6,13 @@ import { Inventory, itemTypes } from './inventory';
 import { parseInventory } from './parser';
 import { loadLastInventory, loadSettings, storeSettings, saveInventory } from './storage';
 import { requestInventory } from './request';
+import { shortenRarity, localeCompare } from './utils';
 import { createPopup, injectKeys, portalKeyHighlight } from './map';
 
 // eslint-disable-next-line no-unused-vars
 import PortalKeyLink from './components/portalKeyLink';
-
-function shortenRarity(v) {
-  return v
-    .split('_')
-    .map((a) => a[0])
-    .join('');
-}
-
-function localeCompare(a, b) {
-  if (typeof a !== 'string') a = '';
-  if (typeof b !== 'string') b = '';
-  return a.localeCompare(b);
-}
-
 // eslint-disable-next-line no-unused-vars
-function ItemRow(props) {
-  const { item, lvl, count } = props;
-  const lr = item.leveled ? 'L' + lvl : shortenRarity(lvl);
-  const className = (item.leveled ? 'level_' : 'rarity_') + lr;
-  const name = itemTypes[item.type];
-  return (
-    <tr className={className}>
-      <td>{count}</td>
-      <td>{lr}</td>
-      <td>{name}</td>
-    </tr>
-  );
-}
+import ItemRow from './components/itemRow';
 
 function createAllTable(inventory) {
   const table = <table></table>;

src/player-inventory/inventory.ts

@@ -63,11 +63,11 @@ export const levelItemTypes = ['EMITTER_A', 'EMP_BURSTER', 'POWER_CUBE', 'ULTRA_
 
 export const rarity = ['VERY_COMMON', 'COMMON', 'LESS_COMMON', 'RARE', 'VERY_RARE', 'EXTREMELY_RARE'];
 
-type ItemType = keyof typeof itemTypes;
+export type ItemType = keyof typeof itemTypes;
 type Level = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 type Rarity = 'VERY_COMMON' | 'COMMON' | 'LESS_COMMON' | 'RARE' | 'VERY_RARE' | 'EXTREMELY_RARE';
 
-type LevelRarity = Level | Rarity;
+export type LevelRarity = Level | Rarity;
 
 type CapsuleCount = { [name: string]: number };
 

src/player-inventory/utils.ts

@@ -0,0 +1,12 @@
+export function shortenRarity(v: string) {
+  return v
+    .split('_')
+    .map((a) => a[0])
+    .join('');
+}
+
+export function localeCompare(a: any, b: any) {
+  if (typeof a !== 'string') a = '';
+  if (typeof b !== 'string') b = '';
+  return (a as string).localeCompare(b as string);
+}