import "../css/vendor/98.css";
import "../css/root.css";

export interface Win95Window extends Window {
  emulator: any;
  win95: {
    app: App;
  };
}

declare let window: Win95Window;

/**
 * The top-level class controlling the whole app. This is *not* a React component,
 * but it does eventually render all components.
 *
 * @class App
 */
export class App {
  /**
   * Initial setup call, loading Monaco and kicking off the React
   * render process.
   */
  public async setup(): Promise<void> {
    const React = await import("react");
    const { createRoot } = await import("react-dom/client");
    const { Emulator } = await import("./emulator");

    const className = `${process.platform}`;
    const app = (
      <div className={className}>
        <Emulator />
      </div>
    );

    const root = createRoot(document.getElementById("app")!);
    root.render(app);
  }
}

window.win95 = window.win95 || {
  app: new App(),
};

window.win95.app.setup();
