renderer.tsx

import "bootstrap/dist/css/bootstrap.min.css"
import {ipcRenderer} from "electron"
import React, {useEffect, useState} from "react"
import ReactDom from "react-dom"
import AdvancedSettings from "./components/AdvancedSettings"
import DirectoryBar from "./components/DirectoryBar"
import FileContainerList from "./components/FileContainerList"
import FileSelector from "./components/FileSelector"
import GlobalSettings from "./components/GlobalSettings"
import GroupAction from "./components/GroupAction"
import LogoBar from "./components/LogoBar"
import Preview from "./components/Preview"
import TitleBar from "./components/TitleBar"
import VersionDialog from "./components/VersionDialog"
import "./index.less"

export const DirectoryContext = React.createContext<any>(null)
export const NoiseContext = React.createContext<any>(null)
export const ScaleContext = React.createContext<any>(null)
export const ModeContext = React.createContext<any>(null)
export const SpeedContext = React.createContext<any>(null)
export const ReverseContext = React.createContext<any>(null)
export const ClearAllContext = React.createContext<any>(null)

export const OriginalFramerateContext = React.createContext<any>(null)
export const FramerateContext = React.createContext<any>(null)
export const VideoQualityContext = React.createContext<any>(null)
export const GIFQualityContext = React.createContext<any>(null)
export const PNGCompressionContext = React.createContext<any>(null)
export const JPGQualityContext = React.createContext<any>(null)
export const ParallelFramesContext = React.createContext<any>(null)
export const DisableGPUContext = React.createContext<any>(null)
export const ForceOpenCLContext = React.createContext<any>(null)
export const BlockSizeContext = React.createContext<any>(null)
export const ThreadsContext = React.createContext<any>(null)
export const RenameContext = React.createContext<any>(null)
export const GIFTransparencyContext = React.createContext<any>(null)
export const PitchContext = React.createContext<any>(null)
export const SDColorSpaceContext = React.createContext<any>(null)
export const PreviewContext = React.createContext<any>(null)
export const QueueContext = React.createContext<any>(null)
export const UpscalerContext = React.createContext<any>(null)
export const CompressContext = React.createContext<any>(null)

const App = () => {
  const [directory, setDirectory] = useState("")
  const [noise, setNoise] = useState(2)
  const [scale, setScale] = useState(2)
  const [mode, setMode] = useState("noise-scale")
  const [speed, setSpeed] = useState(1)
  const [reverse, setReverse] = useState(false)
  const [clearAll, setClearAll] = useState(false)

  const [originalFramerate, setOriginalFramerate] = useState(true)
  const [framerate, setFramerate] = useState(24)
  const [videoQuality, setVideoQuality] = useState(16)
  const [gifQuality, setGIFQuality] = useState(10)
  const [pngCompression, setPNGCompression] = useState(3)
  const [jpgQuality, setJPGQuality] = useState(100)
  const [parallelFrames, setParallelFrames] = useState(2)
  const [disableGPU, setDisableGPU] = useState(false)
  const [forceOpenCL, setForceOpenCL] = useState(false)
  const [blockSize, setBlockSize] = useState(1024)
  const [threads, setThreads] = useState(4)
  const [rename, setRename] = useState("2x")
  const [gifTransparency, setGIFTransparency] = useState(true)
  const [pitch, setPitch] = useState(true)
  const [sdColorSpace, setSDColorSpace] = useState(true)
  const [queue, setQueue] = useState(1)
  const [upscaler, setUpscaler] = useState("real-esrgan")
  const [compress, setCompress] = useState(true)

  const [previewVisible, setPreviewVisible] = useState(false)

  useEffect(() => {
    ipcRenderer.on("debug", console.log)
  }, [])

  return (
    <main className="app">
      <CompressContext.Provider value={{compress, setCompress}}>
      <UpscalerContext.Provider value={{upscaler, setUpscaler}}>
      <SDColorSpaceContext.Provider value={{sdColorSpace, setSDColorSpace}}>
      <QueueContext.Provider value={{queue, setQueue}}>
      <PreviewContext.Provider value={{previewVisible, setPreviewVisible}}>
      <PitchContext.Provider value={{pitch, setPitch}}>
      <GIFTransparencyContext.Provider value={{gifTransparency, setGIFTransparency}}>
      <OriginalFramerateContext.Provider value={{originalFramerate, setOriginalFramerate}}>
      <RenameContext.Provider value={{rename, setRename}}>
      <ThreadsContext.Provider value={{threads, setThreads}}>
      <BlockSizeContext.Provider value={{blockSize, setBlockSize}}>
      <ForceOpenCLContext.Provider value={{forceOpenCL, setForceOpenCL}}>
      <DisableGPUContext.Provider value={{disableGPU, setDisableGPU}}>
      <ParallelFramesContext.Provider value={{parallelFrames, setParallelFrames}}>
      <JPGQualityContext.Provider value={{jpgQuality, setJPGQuality}}>
      <PNGCompressionContext.Provider value={{pngCompression, setPNGCompression}}>
      <GIFQualityContext.Provider value={{gifQuality, setGIFQuality}}>
      <VideoQualityContext.Provider value={{videoQuality, setVideoQuality}}>
      <FramerateContext.Provider value ={{framerate, setFramerate}}>
      <ClearAllContext.Provider value={{clearAll, setClearAll}}>
      <DirectoryContext.Provider value={{directory, setDirectory}}>
      <NoiseContext.Provider value={{noise, setNoise}}>
      <ScaleContext.Provider value={{scale, setScale}}>
      <ModeContext.Provider value={{mode, setMode}}>
      <SpeedContext.Provider value={{speed, setSpeed}}>
      <ReverseContext.Provider value={{reverse, setReverse}}>
        <TitleBar/>
        <VersionDialog/>
        <AdvancedSettings/>
        <Preview/>
        <LogoBar/>
        <FileSelector/>
        <DirectoryBar/>
        <GlobalSettings/>
        <GroupAction/>
        <FileContainerList/>
      </ReverseContext.Provider>
      </SpeedContext.Provider>
      </ModeContext.Provider>
      </ScaleContext.Provider>
      </NoiseContext.Provider>
      </DirectoryContext.Provider>
      </ClearAllContext.Provider>
      </FramerateContext.Provider>
      </VideoQualityContext.Provider>
      </GIFQualityContext.Provider>
      </PNGCompressionContext.Provider>
      </JPGQualityContext.Provider>
      </ParallelFramesContext.Provider>
      </DisableGPUContext.Provider>
      </ForceOpenCLContext.Provider>
      </BlockSizeContext.Provider>
      </ThreadsContext.Provider>
      </RenameContext.Provider>
      </OriginalFramerateContext.Provider>
      </GIFTransparencyContext.Provider>
      </PitchContext.Provider>
      </PreviewContext.Provider>
      </QueueContext.Provider>
      </SDColorSpaceContext.Provider>
      </UpscalerContext.Provider>
      </CompressContext.Provider>
    </main>
  )
}

ReactDom.render(<App/>, document.getElementById("root"))