resources/js/helpers/AlttpBaseRomContext.js

   1 import CRC32 from 'crc-32';
   2 import localforage from 'localforage';
   3 import PropTypes from 'prop-types';
   4 import React from 'react';
   5 import toastr from 'toastr';
   6
   7 import i18n from '../i18n';
   8
   9 const AlttpBaseRomContext = React.createContext(null);
  10
  11 const AlttpBaseRomProvider = ({ children }) => {
  12         const [rom, setRom] = React.useState(null);
  13
  14         const setRomCallback = React.useCallback(buffer => {
  15                 if (buffer) {
  16                         const crc = CRC32.buf(new Uint8Array(buffer));
  17                         if (crc === 0x3322EFFC) {
  18                                 setRom(buffer);
  19                                 localforage.setItem('alttpBaseRom', buffer);
  20                                 toastr.success(i18n.t('alttp.baseRomSet'));
  21                         } else {
  22                                 toastr.error(i18n.t('alttp.baseRomInvalid'));
  23                         }
  24                 } else {
  25                         setRom(null);
  26                         localforage.removeItem('alttpBaseRom');
  27                         toastr.success(i18n.t('alttp.baseRomRemoved'));
  28                 }
  29         }, [setRom]);
  30
  31         React.useEffect(() => {
  32                 (async () => {
  33                         const stored = await localforage.getItem('alttpBaseRom');
  34                         if (stored) {
  35                                 const crc = CRC32.buf(new Uint8Array(stored));
  36                                 if (crc == 0x3322EFFC) {
  37                                         setRom(stored);
  38                                 }
  39                         }
  40                 })();
  41         }, []);
  42
  43         return <AlttpBaseRomContext.Provider value={{ rom, setRom: setRomCallback }}>
  44                 {children}
  45         </AlttpBaseRomContext.Provider>;
  46 };
  47
  48 AlttpBaseRomProvider.propTypes = {
  49         children: PropTypes.node,
  50 };
  51
  52 export const useAlttpBaseRom = () => React.useContext(AlttpBaseRomContext);
  53
  54 export default AlttpBaseRomProvider;