pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

src/main/frontend/app/components/app-content.tsx

-Original file line number
+Diff line change
@@ -0,0 +1,36 @@
+    import { type AppRoute, useNavigationStore } from '~/stores/navigation-store'
+    import { lazy, Suspense, type ComponentType } from 'react'
+    import LoadingSpinner from '~/components/loading-spinner'
+    const ConfigurationManager = lazy(() => import('~/routes/configurations/configuration-manager'))
+    const Studio = lazy(() => import('~/routes/studio/studio'))
+    const CodeEditor = lazy(() => import('~/routes/editor/editor'))
+    const Help = lazy(() => import('~/routes/help/help'))
+    const Settings = lazy(() => import('~/routes/settings/settings'))
+    const routeComponents: Record<AppRoute, React.LazyExoticComponent<ComponentType>> = {
+      configurations: ConfigurationManager,
+      studio: Studio,
+      editor: CodeEditor,
+      help: Help,
+      settings: Settings,
+    }
+    function LoadingFallback() {
+      return (
+        <div className="flex h-full w-full items-center justify-center">
+          <LoadingSpinner size="lg" message="Loading..." />
+        </div>
+      )
+    }
+    export default function AppContent() {
+      const currentRoute = useNavigationStore((state) => state.currentRoute)
+      const RouteComponent = routeComponents[currentRoute]
+      return (
+        <Suspense fallback={<LoadingFallback />}>
+          <RouteComponent key={currentRoute} />
+        </Suspense>
+      )
+    }

src/main/frontend/app/components/file-structure/editor-data-provider.ts

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,5 +1,5 @@
  
    import type { Disposable, TreeDataProvider, TreeItem, TreeItemIndex } from 'react-complex-tree'

    import { apiUrl } from '~/utils/api'

    import { fetchProjectTree } from '~/services/project-service'

    export interface FileNode {

      name: string

    @@ -35,18 +35,7 @@ export default class EditorFilesDataProvider implements TreeDataProvider {
  
        try {

          if (!this.projectName) return

          const response = await fetch(apiUrl(`/projects/${this.projectName}/tree`))

          if (!response.ok) {

            console.warn(

              `[EditorFilesDataProvider] Failed to fetch project tree: ${response.status} ${response.statusText}`,

            )

            this.data = {}

            this.notifyListeners(['root'])

            return

          }

          const tree: FileTreeNode = await response.json()

          const tree = await fetchProjectTree(this.projectName)

          if (!tree) {

            console.warn('[EditorFilesDataProvider] Received empty tree from API')

Implemented frontend optimalisations #196

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

stijnpotters1 merged 8 commits into master from fix/implement-services

Feb 4, 2026

-Original file line number
+Diff line change
@@ -0,0 +1,36 @@
+    import { type AppRoute, useNavigationStore } from '~/stores/navigation-store'
+    import { lazy, Suspense, type ComponentType } from 'react'
+    import LoadingSpinner from '~/components/loading-spinner'
+    const ConfigurationManager = lazy(() => import('~/routes/configurations/configuration-manager'))
+    const Studio = lazy(() => import('~/routes/studio/studio'))
+    const CodeEditor = lazy(() => import('~/routes/editor/editor'))
+    const Help = lazy(() => import('~/routes/help/help'))
+    const Settings = lazy(() => import('~/routes/settings/settings'))
+    const routeComponents: Record<AppRoute, React.LazyExoticComponent<ComponentType>> = {
+      configurations: ConfigurationManager,
+      studio: Studio,
+      editor: CodeEditor,
+      help: Help,
+      settings: Settings,
+    }
+    function LoadingFallback() {
+      return (
+        <div className="flex h-full w-full items-center justify-center">
+          <LoadingSpinner size="lg" message="Loading..." />
+        </div>
+      )
+    }
+    export default function AppContent() {
+      const currentRoute = useNavigationStore((state) => state.currentRoute)
+      const RouteComponent = routeComponents[currentRoute]
+      return (
+        <Suspense fallback={<LoadingFallback />}>
+          <RouteComponent key={currentRoute} />
+        </Suspense>
+      )
+    }

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Implemented frontend optimalisations #196

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!

Uh oh!