121 lines
4.3 KiB
TypeScript
121 lines
4.3 KiB
TypeScript
import React, { ReactElement, useContext, useEffect } from "react";
|
|
import Dashboard from "./Dashboard/Dashboard";
|
|
import Import from "./Import/Import";
|
|
import { ComicDetailContainer } from "./ComicDetail/ComicDetailContainer";
|
|
import TabulatedContentContainer from "./Library/TabulatedContentContainer";
|
|
import LibraryGrid from "./Library/LibraryGrid";
|
|
import Search from "./Search/Search";
|
|
import Settings from "./Settings/Settings";
|
|
import VolumeDetail from "./VolumeDetail/VolumeDetail";
|
|
import Downloads from "./Downloads/Downloads";
|
|
|
|
import { Routes, Route } from "react-router-dom";
|
|
import Navbar from "./shared/Navbar";
|
|
import "../assets/scss/App.scss";
|
|
|
|
import { SocketIOProvider } from "../context/SocketIOContext";
|
|
import socketIOConnectionInstance from "../shared/socket.io/instance";
|
|
import { isEmpty, isNil, isUndefined } from "lodash";
|
|
import {
|
|
AIRDCPP_DOWNLOAD_PROGRESS_TICK,
|
|
LS_SINGLE_IMPORT,
|
|
} from "../constants/action-types";
|
|
|
|
/**
|
|
* Method that initializes an AirDC++ socket connection
|
|
* 1. Initializes event listeners for download init, tick and complete events
|
|
* 2. Handles errors in case the connection to AirDC++ is not established or terminated
|
|
* @returns void
|
|
*/
|
|
const AirDCPPSocketComponent = (): ReactElement => {
|
|
// const airDCPPConfiguration = useContext(AirDCPPSocketContext);
|
|
// const dispatch = useDispatch();
|
|
//
|
|
// useEffect(() => {
|
|
// const initializeAirDCPPEventListeners = async () => {
|
|
// if (
|
|
// !isUndefined(airDCPPConfiguration.airDCPPState) &&
|
|
// !isEmpty(airDCPPConfiguration.airDCPPState.settings) &&
|
|
// !isEmpty(airDCPPConfiguration.airDCPPState.socket)
|
|
// ) {
|
|
// await airDCPPConfiguration.airDCPPState.socket.addListener(
|
|
// "queue",
|
|
// "queue_bundle_added",
|
|
// async (data) => {
|
|
// console.log("JEMEN:", data);
|
|
// },
|
|
// );
|
|
// // download tick listener
|
|
// await airDCPPConfiguration.airDCPPState.socket.addListener(
|
|
// `queue`,
|
|
// "queue_bundle_tick",
|
|
// async (downloadProgressData) => {
|
|
// dispatch({
|
|
// type: AIRDCPP_DOWNLOAD_PROGRESS_TICK,
|
|
// downloadProgressData,
|
|
// });
|
|
// },
|
|
// );
|
|
// // download complete listener
|
|
// await airDCPPConfiguration.airDCPPState.socket.addListener(
|
|
// `queue`,
|
|
// "queue_bundle_status",
|
|
// async (bundleData) => {
|
|
// let count = 0;
|
|
// if (bundleData.status.completed && bundleData.status.downloaded) {
|
|
// // dispatch the action for raw import, with the metadata
|
|
// if (count < 1) {
|
|
// console.log(`[AirDCPP]: Download complete.`);
|
|
// dispatch({
|
|
// type: LS_SINGLE_IMPORT,
|
|
// meta: { remote: true },
|
|
// data: bundleData,
|
|
// });
|
|
// count += 1;
|
|
// }
|
|
// }
|
|
// },
|
|
// );
|
|
// console.log(
|
|
// "[AirDCPP]: Listener registered - listening to queue bundle download ticks",
|
|
// );
|
|
// console.log(
|
|
// "[AirDCPP]: Listener registered - listening to queue bundle changes",
|
|
// );
|
|
// console.log(
|
|
// "[AirDCPP]: Listener registered - listening to transfer completion",
|
|
// );
|
|
// }
|
|
// };
|
|
// initializeAirDCPPEventListeners();
|
|
// }, [airDCPPConfiguration]);
|
|
return <></>;
|
|
};
|
|
export const App = (): ReactElement => {
|
|
// useEffect(() => {
|
|
// // Check if there is a sessionId in localStorage
|
|
// const sessionId = localStorage.getItem("sessionId");
|
|
// if (!isNil(sessionId)) {
|
|
// // Resume the session
|
|
// dispatch({
|
|
// type: "RESUME_SESSION",
|
|
// meta: { remote: true },
|
|
// session: { sessionId },
|
|
// });
|
|
// } else {
|
|
// // Inititalize the session and persist the sessionId to localStorage
|
|
// socketIOConnectionInstance.on("sessionInitialized", (sessionId) => {
|
|
// localStorage.setItem("sessionId", sessionId);
|
|
// });
|
|
// }
|
|
// }, []);
|
|
return (
|
|
<>
|
|
{/* The rest of your application */}
|
|
{/* <AirDCPPSocketComponent /> */};
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default App;
|