Added modal to show user if udev rules aren't installed. Added function to get path to exe dir inside react. Moved the Error collecting consent modal to a page.

HannahPadd · HannahPadd · commit 35955f77df3f · 2026-02-27T17:50:58.000+01:00
diff --git a/gradle.properties b/gradle.properties
@@ -18,3 +18,4 @@ spotlessVersion=8.0.0
 shadowJarVersion=8.3.2
 buildconfigVersion=5.5.0
 grgitVersion=5.2.2
+ktor_version=3.0.3
diff --git a/gui/electron/main/index.ts b/gui/electron/main/index.ts
@@ -22,6 +22,7 @@ import {
   findSystemJRE,
   getGuiDataFolder,
   getLogsFolder,
+  getExeFolder,
   getServerDataFolder,
   getWindowStateFile,
 } from './paths';
@@ -111,15 +112,15 @@ handleIpc(IPC_CHANNELS.LOG, (e, type, ...args) => {
 });
 
 handleIpc(IPC_CHANNELS.OPEN_URL, (e, url) => {
-  const allowed_urls = [
+  const allowsd_urls = [
     /steam:\/\/.*/,
     /ms-settings:network$/,
     /https:\/\/.*\.slimevr\.dev.*/,
     /https:\/\/github\.com\/.*/,
     /https:\/\/discord\.gg\/slimevr$/,
   ];
-  if (allowed_urls.find((a) => url.match(a))) open(url);
-  else logger.error({ url }, 'attempted to open non-whitelisted URL');
+  if (allowsd_urls.find((a) => url.match(a))) open(url);
+  else logger.error({ url }, 'trying to open non allowed url');
 });
 
 handleIpc(IPC_CHANNELS.STORAGE, async (e, { type, method, key, value }) => {
@@ -171,6 +172,8 @@ handleIpc(IPC_CHANNELS.GET_FOLDER, (e, folder) => {
       return getGuiDataFolder();
     case 'logs':
       return getLogsFolder();
+    case 'exe':
+      return getExeFolder();
   }
 });
 
@@ -336,11 +339,10 @@ const isServerRunning = async () => !await isPortAvailable(21110)
 
 const spawnServer = async () => {
   if (options.skipServerIfRunning && await isServerRunning()) {
-    logger.info({ skipServerIfRunning: options.skipServerIfRunning }, 'Server is already running, skipping server start');
+    logger.info({ skipServerIfRunning: options.skipServerIfRunning }, 'Server alredy running, skipping');
     return;
   }
 
-
   const serverJar = findServerJar();
   if (!serverJar) {
     logger.info('server jar not found, skipping');
@@ -357,7 +359,8 @@ const spawnServer = async () => {
     return;
   }
 
-  logger.info({ javaBin, serverJar }, 'Found Java and server jar');
+  logger.info({ serverJar }, 'found server jar');
+
 
   const process = spawn(javaBin, ['-Xmx128M', '-jar', serverJar, 'run']);
 
@@ -392,6 +395,7 @@ app.whenReady().then(async () => {
   });
 
   checkEnvironmentVariables();
+
   const server = await spawnServer();
 
   createWindow();
diff --git a/gui/electron/main/paths.ts b/gui/electron/main/paths.ts
@@ -48,6 +48,10 @@ export const getLogsFolder = () => {
   return join(getGuiDataFolder(), 'logs');
 };
 
+export const getExeFolder = () => {
+  return path.dirname(app.getPath('exe'));
+}
+
 export const getWindowStateFile = () =>
   join(getServerDataFolder(), '.window-state.json');
 
@@ -60,6 +64,7 @@ const javaHomeBin = () => {
   const javaHome = process.env['JAVA_HOME'];
   if (!javaHome) return null;
   const javaHomeJre = join(javaHome, 'bin', javaBin);
+  console.log(javaHomeJre);
   return javaHomeJre;
 };
 
diff --git a/gui/electron/preload/index.ts b/gui/electron/preload/index.ts
@@ -35,5 +35,6 @@ contextBridge.exposeInMainWorld('electronAPI', {
   openLogsFolder: async () => ipcRenderer.invoke(IPC_CHANNELS.OPEN_FILE, await ipcRenderer.invoke(IPC_CHANNELS.GET_FOLDER, 'logs')),
   openFile: (path) => ipcRenderer.invoke(IPC_CHANNELS.OPEN_FILE, path),
   ghGet: (req) => ipcRenderer.invoke(IPC_CHANNELS.GH_FETCH, req),
-  setPresence: (options) => ipcRenderer.invoke(IPC_CHANNELS.DISCORD_PRESENCE, options)
+  setPresence: (options) => ipcRenderer.invoke(IPC_CHANNELS.DISCORD_PRESENCE, options),
+  getInstallDir: () => ipcRenderer.invoke(IPC_CHANNELS.GET_FOLDER, 'exe')
 } satisfies IElectronAPI);
diff --git a/gui/electron/preload/interface.d.ts b/gui/electron/preload/interface.d.ts
@@ -55,6 +55,7 @@ export interface IElectronAPI {
   openFile: (path: string) => void;
   ghGet: <T extends GHGet>(options: T) => Promise<GHReturn[T['type']]>;
   setPresence: (options: DiscordPresence) => void;
+  getInstallDir: () => Promise<string>;
 }
 
 declare global {
diff --git a/gui/electron/shared.ts b/gui/electron/shared.ts
@@ -41,7 +41,7 @@ export interface IpcInvokeMap {
     value?: unknown;
   }) => Promise<unknown>;
   [IPC_CHANNELS.OPEN_FILE]: (path: string) => void;
-  [IPC_CHANNELS.GET_FOLDER]: (folder: 'config' | 'logs') => string;
+  [IPC_CHANNELS.GET_FOLDER]: (folder: 'config' | 'logs' | 'exe') => string;
   [IPC_CHANNELS.GH_FETCH]: <T extends GHGet>(
     options: T
   ) => Promise<GHReturn[T['type']]>;
diff --git a/gui/public/i18n/en/translation.ftl b/gui/public/i18n/en/translation.ftl
@@ -980,6 +980,10 @@ onboarding-reset_tutorial-2 = Tap the highlighted tracker { $taps } times to tri
 
     You need to be in a pose like you are skiing as shown in the Automatic Mounting wizard, and you have a 3 second delay (configurable) before it gets triggered.
 
+## Install info
+install-info_udev-rules_modal_title = UDEV Rules not found
+install-info_udev-rules_warning = Please make sure your udev rules are setup correctly. So you can connect trackers and dongle to USB
+install-info_udev-rules_modal_button = Close
 ## Setup start
 onboarding-home = Welcome to SlimeVR
 onboarding-home-start = Let's get set up!
diff --git a/gui/src/App.tsx b/gui/src/App.tsx
@@ -17,6 +17,7 @@ import { AutomaticProportionsPage } from './components/onboarding/pages/body-pro
 import { ManualProportionsPage } from './components/onboarding/pages/body-proportions/ManualProportions';
 import { ConnectTrackersPage } from './components/onboarding/pages/ConnectTracker';
 import { HomePage } from './components/onboarding/pages/Home';
+import { ErrorCollectingConsentPage } from './components/onboarding/pages/ErrorCollectingConstent';
 import { AutomaticMountingPage } from './components/onboarding/pages/mounting/AutomaticMounting';
 import { ManualMountingPage } from './components/onboarding/pages/mounting/ManualMounting';
 import { TrackersAssignPage } from './components/onboarding/pages/trackers-assign/TrackerAssignment';
@@ -53,6 +54,7 @@ import { ChecklistPage } from './components/tracking-checklist/TrackingChecklist
 import { ElectronContextC, provideElectron } from './hooks/electron';
 import { AppLocalizationProvider } from './i18n/config';
 import { openUrl } from './hooks/crossplatform';
+import { UdevRulesModal } from './components/onboarding/UdevRulesModal';
 
 export const GH_REPO = 'SlimeVR/SlimeVR-Server';
 export const VersionContext = createContext('');
@@ -70,6 +72,7 @@ function Layout() {
       <SerialDetectionModal />
       <VersionUpdateModal />
       <UnknownDeviceModal />
+      <UdevRulesModal />
       <SentryRoutes>
         <Route element={<AppLayout />}>
           <Route
@@ -147,6 +150,10 @@ function Layout() {
             }
           >
             <Route path="home" element={<HomePage />} />
+            <Route
+              path="error-collecting-consent"
+              element={<ErrorCollectingConsentPage />}
+            />
             <Route path="wifi-creds" element={<WifiCredsPage />} />
             <Route path="connect-trackers" element={<ConnectTrackersPage />} />
             <Route path="trackers-assign" element={<TrackersAssignPage />} />
diff --git a/gui/src/AppLayout.tsx b/gui/src/AppLayout.tsx
@@ -1,9 +1,10 @@
 import { useLayoutEffect } from 'react';
 import { useConfig } from './hooks/config';
-import { Outlet, useNavigate } from 'react-router-dom';
+import { Outlet, useLocation, useNavigate } from 'react-router-dom';
 
 export function AppLayout() {
   const { config } = useConfig();
+  const { pathname } = useLocation();
   const navigate = useNavigate();
 
   useLayoutEffect(() => {
@@ -28,10 +29,14 @@ export function AppLayout() {
   }, [config]);
 
   useLayoutEffect(() => {
-    if (config && !config.doneOnboarding) {
+    if (
+      config &&
+      !config.doneOnboarding &&
+      !pathname.startsWith('/onboarding/')
+    ) {
       navigate('/onboarding/home');
     }
-  }, [config?.doneOnboarding]);
+  }, [config]);
 
   return (
     <>
diff --git a/gui/src/components/TopBar.tsx b/gui/src/components/TopBar.tsx
@@ -22,7 +22,6 @@ import { GearIcon } from './commons/icon/GearIcon';
 import { TrackersStillOnModal } from './TrackersStillOnModal';
 import { useConfig } from '@/hooks/config';
 import { TrayOrExitModal } from './TrayOrExitModal';
-import { ErrorConsentModal } from './ErrorConsentModal';
 import { useAtomValue } from 'jotai';
 import { connectedIMUTrackersAtom } from '@/store/app-store';
 import { useElectron } from '@/hooks/electron';
@@ -286,11 +285,6 @@ export function TopBar({
           setConnectedTrackerWarning(false);
         }}
       />
-      <ErrorConsentModal
-        isOpen={config?.errorTracking === null}
-        accept={() => setConfig({ errorTracking: true })}
-        cancel={() => setConfig({ errorTracking: false })}
-      />
     </>
   );
 }
diff --git a/gui/src/components/onboarding/UdevRulesModal.tsx b/gui/src/components/onboarding/UdevRulesModal.tsx
@@ -0,0 +1,118 @@
+import { useState, useEffect } from 'react';
+import { Button } from '@/components/commons/Button';
+import { BaseModal } from '@/components/commons/BaseModal';
+import { CheckboxInternal } from '@/components/commons/Checkbox';
+import { Typography } from '@/components/commons/Typography';
+import { useElectron } from '@/hooks/electron';
+import { useWebsocketAPI } from '@/hooks/websocket-api';
+import { RpcMessage, InstalledInfoResponseT } from 'solarxr-protocol';
+import { useConfig } from '@/hooks/config';
+
+export function UdevRulesModal() {
+  const { config, setConfig } = useConfig();
+  const { useRPCPacket, sendRPCPacket } = useWebsocketAPI();
+  const electron = useElectron();
+  const [udevContent, setUdevContent] = useState('');
+  const [isUdevInstalledResponse, setIsUdevInstalledResponse] = useState(false);
+  const [showUdevWarning, setShowUdevWarning] = useState(false);
+  const [dontShowThisSession, setDontShowThisSession] = useState(false);
+  const [dontShowAgain, setDontShowAgain] = useState(false);
+  const [exeDir, setExeDir] = useState('');
+
+  const handleUdevContent = async () => {
+    if (electron.isElectron) {
+      const dir = await electron.api.getInstallDir();
+      setExeDir(dir);
+      const rulesDir = `${exeDir}/69-slimevr-devices.rules`;
+      setUdevContent(
+        `cat ${rulesDir} | sudo tee /etc/udev/rules.d/69-slimevr-devices.rules pn>/dev/null`
+      );
+    }
+  };
+
+  useEffect(() => {
+    handleUdevContent();
+  }, [exeDir]);
+
+  useEffect(() => {
+    if (!config) throw 'Invalid state!';
+    if (electron.isElectron) {
+      const isLinux = electron.data().os.type === 'linux';
+      const udevMissing = !isUdevInstalledResponse;
+      const notHiddenGlobally = !config.dontShowUdevModal;
+      const notHiddenThisSession = !dontShowThisSession;
+      const shouldShow =
+        isLinux && udevMissing && notHiddenGlobally && notHiddenThisSession;
+      if (shouldShow) {
+        setShowUdevWarning(true);
+      } else {
+        setShowUdevWarning(false);
+      }
+    }
+  }, [config, isUdevInstalledResponse, dontShowThisSession]);
+
+  useEffect(() => {
+    sendRPCPacket(
+      RpcMessage.InstalledInfoRequest,
+      new InstalledInfoResponseT()
+    );
+  }, []);
+
+  useRPCPacket(
+    RpcMessage.InstalledInfoResponse,
+    ({ isUdevInstalled }: InstalledInfoResponseT) => {
+      setIsUdevInstalledResponse(isUdevInstalled);
+    }
+  );
+
+  const handleModalCose = () => {
+    if (!config) throw 'Invalid State!';
+    setConfig({ dontShowUdevModal: dontShowAgain });
+    setDontShowThisSession(true);
+  };
+
+  const copyToClipboard = () => {
+    navigator.clipboard.writeText(udevContent);
+  };
+
+  return (
+    <BaseModal isOpen={showUdevWarning} appendClasses={'w-full max-w-2xl'}>
+      <div className="flex w-full h-full flex-col gap-4">
+        <div className="flex flex-col gap-3">
+          <div className="flex flex-col gap-2">
+            <Typography
+              variant="main-title"
+              id="install-info_udev-rules_modal_title"
+            />
+            <Typography id="install-info_udev-rules_warning" />
+          </div>
+          <div className="relative w-full max-w-2xl">
+            <div className="absolute right-2 top-2">
+              <Button variant="secondary" onClick={copyToClipboard}>
+                Copy
+              </Button>
+            </div>
+            <div className="bg-background-80 rounded-lg overflow-auto p-2 w-full  h-[300px]">
+              <pre className="text-wrap">{udevContent}</pre>
+            </div>
+          </div>
+        </div>
+        <div className="flex justify-between gap-2">
+          <CheckboxInternal
+            label="Don't show this again"
+            outlined={false}
+            name={'dismiss-udev-rules-checkbox'}
+            loading={false}
+            disabled={false}
+            onChange={(e) => setDontShowAgain(e.currentTarget.checked)}
+          />
+          <Button
+            variant="primary"
+            onClick={handleModalCose}
+            id="install-info_udev-rules_modal_button"
+          />
+        </div>
+      </div>
+    </BaseModal>
+  );
+}
diff --git a/gui/src/components/onboarding/pages/ErrorCollectingConstent.tsx b/gui/src/components/onboarding/pages/ErrorCollectingConstent.tsx
@@ -0,0 +1,51 @@
+import { Localized, useLocalization } from '@fluent/react';
+import { Typography } from '@/components/commons/Typography';
+import { Button } from '@/components/commons/Button';
+import { useConfig } from '@/hooks/config';
+
+export function ErrorCollectingConsentPage() {
+  const { setConfig } = useConfig();
+
+  const accept = () => {
+    setConfig({ errorTracking: true });
+  };
+
+  const cancel = () => {
+    setConfig({ errorTracking: false });
+  };
+
+  const { l10n } = useLocalization();
+  return (
+    <div className="flex items-center justify-center h-full flex-col gap-3 p-4">
+      <div className="max-w-2xl flex flex-col gap-4">
+        <div className="flex flex-col w-full gap-4">
+          <Typography variant="main-title" id="error_collection_modal-title" />
+          <Localized
+            id={'error_collection_modal-description_v2'}
+            elems={{
+              b: <b />,
+              h1: <span className="text-md font-bold" />,
+            }}
+          >
+            <Typography variant="standard" whitespace="whitespace-pre-line" />
+          </Localized>
+        </div>
+        <div className={'flex flex-row gap-2 justify-between'}>
+          <Button
+            variant="tertiary"
+            to="/onboarding/wifi-creds"
+            onClick={cancel}
+            id="error_collection_modal-cancel"
+          />
+          <Button
+            variant="primary"
+            to="/onboarding/wifi-creds"
+            onClick={accept}
+          >
+            {l10n.getString('error_collection_modal-confirm')}
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/gui/src/components/onboarding/pages/Home.tsx b/gui/src/components/onboarding/pages/Home.tsx
@@ -19,7 +19,7 @@ export function HomePage() {
           <Typography variant="mobile-title">
             {l10n.getString('onboarding-home')}
           </Typography>
-          <Button variant="primary" to="/onboarding/wifi-creds">
+          <Button variant="primary" to="/onboarding/error-collecting-consent">
             {l10n.getString('onboarding-home-start')}
           </Button>
         </div>
diff --git a/gui/src/hooks/config.ts b/gui/src/hooks/config.ts
diff --git a/gui/src/utils/sentry.ts b/gui/src/utils/sentry.ts
diff --git a/solarxr-protocol b/solarxr-protocol

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,7 @@ export interface IElectronAPI {`
`55`	`55`	`openFile: (path: string) => void;`
`56`	`56`	`ghGet: <T extends GHGet>(options: T) => Promise<GHReturn[T['type']]>;`
`57`	`57`	`setPresence: (options: DiscordPresence) => void;`
	`58`	`+ getInstallDir: () => Promise<string>;`
`58`	`59`	`}`
`59`	`60`
`60`	`61`	`declare global {`