* chore: building out perf testing * chore: adding my printing code for the different formats of the marks * feat: adding invocation count table * fix: markOnce iunstead * fix: typescript additions * fix: adding more types * chore: adding telemetry panel as MVP, gonna remove the pane * chore: view telemetry from command bar in file route and home route * fix: deleting unused imports * fix: deleting some unused files * fix: auto cleanup * chore: adding other routes, these will need to be moved... * chore: moving some printing logic around and unit testing some of it * fix: moving command init * fix: removing debugging marks * fix: adding some comments * fix: fixed a bug with generating the go to page commands * chore: adding will pages load within the router config * chore: implementing marks for routes * fix: auto fixes and checkers * chore: implemented a route watcher at the root level... * fix: auto fixes, removing unused code * chore: timing for syntax highlighting and auto fixes * fix: didAuth issue and syntax highlighting in the packaged application. Constructor name gets renamed * fix: fixing typescript checks * chore: adding mag bar chart icon for telemetry * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * chore: swapped telemetry icon for stopwatch * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * chore: writing telemetry to disk * fix: auto fixers * chore: getting args parsed for cli flags and writing telemetry file * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * chore: swapped mark for markOnce since we infinitely write marks to a JS array... need to solve this run time marking in another way. We only need this for startup right now * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * chore: writing raw marks to disk as well * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest) * fix: cleaned up the testing names * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest) * Fix fmt and codespell * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores) * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores) * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest-8-cores) * fix: moving this route loader data stuff * chore: adding comment * fix: fmt * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores) * empty :( * A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest-8-cores) * empty :( --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: 49fl <ircsurfer33@gmail.com>
98 lines
3.2 KiB
TypeScript
98 lines
3.2 KiB
TypeScript
import { useEffect, useMemo, useRef } from 'react'
|
|
import { useHotKeyListener } from './hooks/useHotKeyListener'
|
|
import { Stream } from './components/Stream'
|
|
import { AppHeader } from './components/AppHeader'
|
|
import { useHotkeys } from 'react-hotkeys-hook'
|
|
import { useLoaderData, useNavigate } from 'react-router-dom'
|
|
import { type IndexLoaderData } from 'lib/types'
|
|
import { PATHS } from 'lib/paths'
|
|
import { useSettingsAuthContext } from 'hooks/useSettingsAuthContext'
|
|
import { onboardingPaths } from 'routes/Onboarding/paths'
|
|
import { useEngineConnectionSubscriptions } from 'hooks/useEngineConnectionSubscriptions'
|
|
import { codeManager, engineCommandManager } from 'lib/singletons'
|
|
import { useAbsoluteFilePath } from 'hooks/useAbsoluteFilePath'
|
|
import { isDesktop } from 'lib/isDesktop'
|
|
import { useLspContext } from 'components/LspProvider'
|
|
import { useRefreshSettings } from 'hooks/useRefreshSettings'
|
|
import { ModelingSidebar } from 'components/ModelingSidebar/ModelingSidebar'
|
|
import { LowerRightControls } from 'components/LowerRightControls'
|
|
import ModalContainer from 'react-modal-promise'
|
|
import useHotkeyWrapper from 'lib/hotkeyWrapper'
|
|
import Gizmo from 'components/Gizmo'
|
|
import { CoreDumpManager } from 'lib/coredump'
|
|
import { UnitsMenu } from 'components/UnitsMenu'
|
|
import { CameraProjectionToggle } from 'components/CameraProjectionToggle'
|
|
import { maybeWriteToDisk } from 'lib/telemetry'
|
|
maybeWriteToDisk()
|
|
.then(() => {})
|
|
.catch(() => {})
|
|
|
|
export function App() {
|
|
const { project, file } = useLoaderData() as IndexLoaderData
|
|
useRefreshSettings(PATHS.FILE + 'SETTINGS')
|
|
const navigate = useNavigate()
|
|
const filePath = useAbsoluteFilePath()
|
|
const { onProjectOpen } = useLspContext()
|
|
// We need the ref for the outermost div so we can screenshot the app for
|
|
// the coredump.
|
|
const ref = useRef<HTMLDivElement>(null)
|
|
|
|
const projectName = project?.name || null
|
|
const projectPath = project?.path || null
|
|
useEffect(() => {
|
|
onProjectOpen({ name: projectName, path: projectPath }, file || null)
|
|
}, [projectName, projectPath])
|
|
|
|
useHotKeyListener()
|
|
|
|
const { auth, settings } = useSettingsAuthContext()
|
|
const token = auth?.context?.token
|
|
|
|
const coreDumpManager = useMemo(
|
|
() => new CoreDumpManager(engineCommandManager, codeManager, token),
|
|
[]
|
|
)
|
|
|
|
const {
|
|
app: { onboardingStatus },
|
|
} = settings.context
|
|
|
|
useHotkeys('backspace', (e) => {
|
|
e.preventDefault()
|
|
})
|
|
useHotkeyWrapper(
|
|
[isDesktop() ? 'mod + ,' : 'shift + mod + ,'],
|
|
() => navigate(filePath + PATHS.SETTINGS),
|
|
{
|
|
splitKey: '|',
|
|
}
|
|
)
|
|
|
|
const paneOpacity = [onboardingPaths.CAMERA, onboardingPaths.STREAMING].some(
|
|
(p) => p === onboardingStatus.current
|
|
)
|
|
? 'opacity-20'
|
|
: ''
|
|
|
|
useEngineConnectionSubscriptions()
|
|
|
|
return (
|
|
<div className="relative h-full flex flex-col" ref={ref}>
|
|
<AppHeader
|
|
className={'transition-opacity transition-duration-75 ' + paneOpacity}
|
|
project={{ project, file }}
|
|
enableMenu={true}
|
|
/>
|
|
<ModalContainer />
|
|
<ModelingSidebar paneOpacity={paneOpacity} />
|
|
<Stream />
|
|
{/* <CamToggle /> */}
|
|
<LowerRightControls coreDumpManager={coreDumpManager}>
|
|
<UnitsMenu />
|
|
<Gizmo />
|
|
<CameraProjectionToggle />
|
|
</LowerRightControls>
|
|
</div>
|
|
)
|
|
}
|