daedalOS/hooks/useDos.ts

import type {
  DosCommandInterface,
  WindowWithDosModules
} from '@/types/components/Programs/dos';

import { CNAME } from '@/utils/constants';
import { useEffect, useState } from 'react';

const useDos = ({
  containerRef,
  url
}: {
  containerRef: React.RefObject<HTMLElement>;
  url?: string;
}): void => {
  const [dosCi, setDosCi] = useState<DosCommandInterface | null>(null);

  useEffect(() => {
    const { current: containerElement } = containerRef as {
      current: HTMLCanvasElement;
    };
    const DosWindow = window as WindowWithDosModules;

    /* eslint no-underscore-dangle: off */
    DosWindow.__dirname = '';
    DosWindow.emulators.pathPrefix = '/libs/js-dos/';

    DosWindow.Dos(containerElement)
      .run(url?.replace(`https://${CNAME}`, ''))
      .then((ci: DosCommandInterface) => setDosCi(ci));
  }, []);

  useEffect(
    () => () => {
      dosCi?.exit();
    },
    [dosCi]
  );

  /* eslint global-require: off */
  require('js-dos');
};

export default useDos;