refactor: expose public dir

apps/client/src/common/models/Info.ts

@@ -7,5 +7,5 @@ export const ontimePlaceholderInfo: GetInfo = {
   version: '2.0.0',
   serverPort: 4001,
   osc: oscPlaceholderSettings,
-  cssOverride: '',
+  publicDir: '',
 };

apps/client/src/features/app-settings/panel/general-panel/ViewSettingsForm.tsx

@@ -84,8 +84,8 @@ export default function ViewSettingsForm() {
         <Alert status='info' variant='ontime-on-dark-info'>
           <AlertIcon />
           <AlertDescription>
-            You can override the styles of the viewers with a custom CSS file. <br />
-            {info?.cssOverride && `In your installation the file is at ${info?.cssOverride}`}
+            You can the Ontime views or customise its styles by modifying the provided CSS file. <br />
+            The CSS file is in the user directory at {`${info.publicDir}/user/styles/override.css`}
             <br />
             <br />
             <ExternalLink href={cssOverrideDocsUrl}>See the docs</ExternalLink>

apps/server/src/api-data/session/session.service.ts

@@ -1,7 +1,7 @@
 import { GetInfo, SessionStats } from 'ontime-types';
 
 import { getDataProvider } from '../../classes/data-provider/DataProvider.js';
-import { publicFiles } from '../../setup/index.js';
+import { publicDir } from '../../setup/index.js';
 import { getNetworkInterfaces } from '../../utils/networkInterfaces.js';
 import { socket } from '../../adapters/WebsocketAdapter.js';
 import { getLastRequest } from '../../api-integration/integration.controller.js';
@@ -44,6 +44,6 @@ export async function getInfo(): Promise<GetInfo> {
     version,
     serverPort,
     osc,
-    cssOverride: publicFiles.cssOverride,
+    publicDir: publicDir.root,
   };
 }

packages/types/src/api/ontime-controller/BackendResponse.type.ts

@@ -23,7 +23,7 @@ export interface GetInfo {
   version: string;
   serverPort: number;
   osc: OSCSettings;
-  cssOverride: string;
+  publicDir: string;
 }
 
 export type ProjectFile = {