();
export const useBridgeQuery = nonLibraryHooks.useQuery;
diff --git a/packages/interface/src/App.tsx b/packages/interface/src/App.tsx
index 6da5b55f8..12f12ecfd 100644
--- a/packages/interface/src/App.tsx
+++ b/packages/interface/src/App.tsx
@@ -4,15 +4,15 @@ import {
init
} from '@sentry/browser';
import '@fontsource/inter/variable.css';
-import { QueryClientProvider, defaultContext } from '@tanstack/react-query';
+import { defaultContext, QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
import dayjs from 'dayjs';
import advancedFormat from 'dayjs/plugin/advancedFormat';
import duration from 'dayjs/plugin/duration';
import relativeTime from 'dayjs/plugin/relativeTime';
import { ErrorBoundary } from 'react-error-boundary';
-import { MemoryRouter } from 'react-router-dom';
-import { queryClient, useDebugState } from '@sd/client';
+import { BrowserRouter, MemoryRouter } from 'react-router-dom';
+import { useDebugState } from '@sd/client';
import { Dialogs } from '@sd/ui';
import { AppRouter } from './AppRouter';
import { ErrorFallback } from './ErrorFallback';
@@ -29,16 +29,15 @@ init({
integrations: [new HttpContextIntegration(), new DedupeIntegration()]
});
-export default function SpacedriveInterface() {
+export default function SpacedriveInterface({ router }: { router: 'memory' | 'browser' }) {
+ const Router = router === 'memory' ? MemoryRouter : BrowserRouter;
return (
-
-
-
-
-
-
-
+
+
+
+
+
);
}
diff --git a/packages/interface/src/components/layout/Sidebar.tsx b/packages/interface/src/components/layout/Sidebar.tsx
index 6f40a27c0..83c3a02f7 100644
--- a/packages/interface/src/components/layout/Sidebar.tsx
+++ b/packages/interface/src/components/layout/Sidebar.tsx
@@ -1,3 +1,4 @@
+import { useQueryClient } from '@tanstack/react-query';
import clsx from 'clsx';
import {
ArchiveBox,
@@ -229,6 +230,7 @@ function IsRunningJob() {
}
function DebugPanel() {
+ const queryClient = useQueryClient();
const buildInfo = useBridgeQuery(['buildInfo']);
const nodeState = useBridgeQuery(['nodeState']);
const debugState = useDebugState();
@@ -289,6 +291,18 @@ function DebugPanel() {
Enabled
+
+
+
{/* {platform.showDevtools && (
=14'}
+ hasBin: true
+ dependencies:
+ '@types/node': 18.11.18
+ playwright-core: 1.30.0
+ dev: true
+
/@pmmmwh/react-refresh-webpack-plugin/0.5.10_ohj47mxwagpoxvu7nhhwxzphqm:
resolution: {integrity: sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==}
engines: {node: '>= 10.13'}
@@ -7639,6 +7652,24 @@ packages:
react-dom: 18.2.0_react@18.2.0
use-sync-external-store: 1.2.0_react@18.2.0
+ /@tanstack/react-query/4.24.4_biqbaboplfbrettd7655fr4n2y:
+ resolution: {integrity: sha512-RpaS/3T/a3pHuZJbIAzAYRu+1nkp+/enr9hfRXDS/mojwx567UiMksoqW4wUFWlwIvWTXyhot2nbIipTKEg55Q==}
+ peerDependencies:
+ react: ^16.8.0 || ^17.0.0 || ^18.0.0
+ react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+ react-native: '*'
+ peerDependenciesMeta:
+ react-dom:
+ optional: true
+ react-native:
+ optional: true
+ dependencies:
+ '@tanstack/query-core': 4.24.4
+ react: 18.2.0
+ react-dom: 18.2.0_react@18.2.0
+ use-sync-external-store: 1.2.0_react@18.2.0
+ dev: false
+
/@tanstack/react-query/4.24.4_tj3nonr5gneraukzjkxpsiy7yu:
resolution: {integrity: sha512-RpaS/3T/a3pHuZJbIAzAYRu+1nkp+/enr9hfRXDS/mojwx567UiMksoqW4wUFWlwIvWTXyhot2nbIipTKEg55Q==}
peerDependencies:
@@ -8394,7 +8425,7 @@ packages:
'@babel/plugin-transform-react-jsx-source': 7.19.6_@babel+core@7.20.12
magic-string: 0.26.7
react-refresh: 0.14.0
- vite: 4.0.4_@types+node@18.11.18
+ vite: 4.0.4_sass@1.57.1
transitivePeerDependencies:
- supports-color
@@ -16686,6 +16717,12 @@ packages:
dependencies:
find-up: 3.0.0
+ /playwright-core/1.30.0:
+ resolution: {integrity: sha512-7AnRmTCf+GVYhHbLJsGUtskWTE33SwMZkybJ0v6rqR1boxq2x36U7p1vDRV7HO2IwTZgmycracLxPEJI49wu4g==}
+ engines: {node: '>=14'}
+ hasBin: true
+ dev: true
+
/plist/3.0.6:
resolution: {integrity: sha512-WiIVYyrp8TD4w8yCvyeIr+lkmrGRd5u0VbRnU+tP/aRLxP/YadJUYOMZJ/6hIa3oUyVCsycXvtNRgd5XBJIbiA==}
engines: {node: '>=6'}
@@ -21023,7 +21060,7 @@ packages:
dependencies:
'@rollup/pluginutils': 5.0.2
'@svgr/core': 6.5.1
- vite: 4.0.4_@types+node@18.11.18
+ vite: 4.0.4_sass@1.57.1
transitivePeerDependencies:
- rollup
- supports-color
@@ -21119,6 +21156,7 @@ packages:
rollup: 3.10.0
optionalDependencies:
fsevents: 2.3.2
+ dev: true
/vite/4.0.4_ovmyjmuuyckt3r3gpaexj2onji:
resolution: {integrity: sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==}
@@ -21186,7 +21224,6 @@ packages:
sass: 1.57.1
optionalDependencies:
fsevents: 2.3.2
- dev: true
/vlq/1.0.1:
resolution: {integrity: sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==}