Ux/54 help (#88)

* ux/54-help tooltips
* ux/54-help refetch after mutation
* ux/54-help broadcast event index
* ux/54-help prevent multiple keypresses when key held
* ux/54-help fat clock
* ux/54-help progress bar user defined
* ux/54-help onAir is button
* ux/54-help OSC: add missing presenter message
* ux/54-help OSC: enable / disable OSC
* ux/54-help handle timezone in excel date import
* ux/54-help tray left click to show app
* ux/54-help create queriable endpoint
* ux/54-help fix memoisation in lower thirds
* ux/54-help revise icons
* ux/54-help clarify text
* ux/54-help forgiving text parsing
* ux/54-help add smart keywords
* ux/54-help version bump

client/src/App.jsx

@@ -9,9 +9,14 @@ import { ALIASES } from './app/api/apiConstants';
 import { getAliases } from './app/api/ontimeApi';
 
 const Editor = lazy(() => import('features/editors/Editor'));
-const PresenterView = lazy(() =>
-  import('features/viewers/presenter/PresenterView')
+
+const TimerView = lazy(() =>
+  import('features/viewers/timer/Timer')
 );
+const MinimalTimerView = lazy(() =>
+  import('features/viewers/timer/MinimalTimer')
+);
+
 const StageManager = lazy(() =>
   import('features/viewers/backstage/StageManager')
 );
@@ -22,7 +27,8 @@ const Lower = lazy(() =>
 const Pip = lazy(() => import('features/viewers/production/Pip'));
 const StudioClock = lazy(() => import('features/viewers/studio/StudioClock'));
 
-const SPresenter = withSocket(PresenterView);
+const STimer = withSocket(TimerView);
+const SMinimalTimer = withSocket(MinimalTimerView);
 const SStageManager = withSocket(StageManager);
 const SPublic = withSocket(Public);
 const SLowerThird = withSocket(Lower);
@@ -36,6 +42,8 @@ function App() {
 
   // Handle keyboard shortcuts
   const handleKeyPress = useCallback((e) => {
+    // handle held key
+    if (e.repeat) return;
     // check if the alt key is pressed
     if (e.altKey) {
       if (e.key === 't' || e.key === 'T') {
@@ -75,11 +83,19 @@ function App() {
       <ErrorBoundary>
         <Suspense fallback={null}>
           <Routes>
-            <Route path='/' element={<SPresenter />} />
+            <Route path='/' element={<STimer />} />
+            <Route path='/speaker' element={<STimer />} />
+            <Route path='/presenter' element={<STimer />} />
+            <Route path='/stage' element={<STimer />} />
+            <Route path='/timer' element={<STimer />} />
+
+            <Route path='/minimal' element={<SMinimalTimer />} />
+            <Route path='/minimalTimer' element={<SMinimalTimer />} />
+            <Route path='/simpleTimer' element={<SMinimalTimer />} />
+
             <Route path='/sm' element={<SStageManager />} />
-            <Route path='/speaker' element={<SPresenter />} />
-            <Route path='/presenter' element={<SPresenter />} />
-            <Route path='/stage' element={<SPresenter />} />
+            <Route path='/backstage' element={<SStageManager />} />
+
             <Route path='/public' element={<SPublic />} />
             <Route path='/pip' element={<SPip />} />
             <Route path='/studio' element={<SStudio />} />
@@ -95,7 +111,7 @@ function App() {
               }
             />
             {/* Send to default if nothing found */}
-            <Route path='*' element={<SPresenter />} />
+            <Route path='*' element={<STimer />} />
           </Routes>
         </Suspense>
       </ErrorBoundary>