diff --git a/apps/client/package.json b/apps/client/package.json index 5989b0685..8c213bbb8 100644 --- a/apps/client/package.json +++ b/apps/client/package.json @@ -1,6 +1,6 @@ { "name": "ontime-ui", - "version": "2.7.0", + "version": "2.7.2", "private": true, "dependencies": { "@chakra-ui/react": "^2.7.0", diff --git a/apps/client/src/common/api/apiConstants.ts b/apps/client/src/common/api/apiConstants.ts index 935a102f1..d94553ac6 100644 --- a/apps/client/src/common/api/apiConstants.ts +++ b/apps/client/src/common/api/apiConstants.ts @@ -12,9 +12,10 @@ export const RUNTIME = ['runtimeStore']; const location = window.location; const socketProtocol = location.protocol === 'https:' ? 'wss' : 'ws'; +export const isProduction = import.meta.env.MODE === 'production'; const STATIC_PORT = 4001; -export const serverPort = import.meta.env.DEV ? STATIC_PORT : location.port; +export const serverPort = isProduction ? location.port : STATIC_PORT; export const serverURL = `${location.protocol}//${location.hostname}:${serverPort}`; export const websocketUrl = `${socketProtocol}://${location.hostname}:${serverPort}/ws`; diff --git a/apps/client/src/common/utils/socket.ts b/apps/client/src/common/utils/socket.ts index 2a54fa16a..17cee8699 100644 --- a/apps/client/src/common/utils/socket.ts +++ b/apps/client/src/common/utils/socket.ts @@ -1,6 +1,6 @@ import { Log, RuntimeStore } from 'ontime-types'; -import { RUNTIME, websocketUrl } from '../api/apiConstants'; +import { isProduction, RUNTIME, websocketUrl } from '../api/apiConstants'; import { ontimeQueryClient } from '../queryClient'; import { socketClientName } from '../stores/connectionName'; import { addLog } from '../stores/logger'; @@ -64,7 +64,7 @@ export const connectSocket = (preferredClientName?: string) => { } case 'ontime': { runtime.setState(payload as RuntimeStore); - if (import.meta.env.DEV) { + if (!isProduction) { ontimeQueryClient.setQueryData(RUNTIME, data.payload); } break; diff --git a/apps/client/src/features/event-editor/composite/CountedTextInput.tsx b/apps/client/src/features/event-editor/composite/CountedTextInput.tsx index a9261f94e..7c9ebf351 100644 --- a/apps/client/src/features/event-editor/composite/CountedTextInput.tsx +++ b/apps/client/src/features/event-editor/composite/CountedTextInput.tsx @@ -1,6 +1,5 @@ import { useCallback } from 'react'; import { Input, InputProps } from '@chakra-ui/react'; -import { sanitiseCue } from 'ontime-utils'; import useReactiveTextInput from '../../../common/components/input/text-input/useReactiveTextInput'; import { EditorUpdateFields } from '../EventEditor'; @@ -17,10 +16,7 @@ interface CountedTextInputProps extends InputProps { export default function CountedTextInput(props: CountedTextInputProps) { const { field, label, initialValue, submitHandler, maxLength } = props; - const submitCallback = useCallback( - (newValue: string) => submitHandler(field, sanitiseCue(newValue)), - [field, submitHandler], - ); + const submitCallback = useCallback((newValue: string) => submitHandler(field, newValue), [field, submitHandler]); const { value, onChange, onBlur, onKeyDown } = useReactiveTextInput(initialValue, submitCallback, { submitOnEnter: true, diff --git a/apps/client/src/features/event-editor/composite/EventEditorDataLeft.tsx b/apps/client/src/features/event-editor/composite/EventEditorDataLeft.tsx index d8cd01ac6..f0db20b3f 100644 --- a/apps/client/src/features/event-editor/composite/EventEditorDataLeft.tsx +++ b/apps/client/src/features/event-editor/composite/EventEditorDataLeft.tsx @@ -1,5 +1,6 @@ import { memo } from 'react'; import { Input } from '@chakra-ui/react'; +import { sanitiseCue } from 'ontime-utils'; import { type EditorUpdateFields } from '../EventEditor'; @@ -19,6 +20,10 @@ interface EventEditorLeftProps { const EventEditorDataLeft = (props: EventEditorLeftProps) => { const { eventId, cue, title, presenter, subtitle, handleSubmit } = props; + const cueSubmitHandler = (_field: string, newValue: string) => { + handleSubmit('cue', sanitiseCue(newValue)); + }; + return (