V1 (#118)

* chore: upgrade minor versions
* chore: upgrade cypress
* chore: upgrade fe dependencies
* update readme
* update osx images
* update readme
* upgrade dependencies
* upgrade test dependency
* feat: add option to input autofill
* feat: autofill to the left
* chore: update docs
* chore: cleanup ci
* version bump
* style: prevent zero height bar
* fix: prevent loosing menu
* ux: improve input, no spellcheck or autocomplete
* small ux improvements in cuesheets
* feat 111/increase maximum number of events
* fix: optimistic delete issue with filter
* refact: pincode workflow
* chore: add versioning to packages

client/src/features/viewers/production/Pip.jsx

@@ -1,11 +1,12 @@
 import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import QRCode from 'react-qr-code';
-import style from './Pip.module.scss';
+import { AnimatePresence, motion } from 'framer-motion';
 import Paginator from 'common/components/views/Paginator';
 import NavLogo from 'common/components/nav/NavLogo';
-import { AnimatePresence, motion } from 'framer-motion';
 import { formatDisplay } from 'common/utils/dateConfig';
 import { ReactComponent as Emptyimage } from 'assets/images/empty.svg';
+import PropTypes from 'prop-types';
+import style from './Pip.module.scss';
 
 export default function Pip(props) {
   const { time, backstageEvents, selectedId, general } = props;
@@ -121,3 +122,10 @@ export default function Pip(props) {
     </div>
   );
 }
+
+Pip.propTypes = {
+  time: PropTypes.object,
+  backstageEvents: PropTypes.object,
+  selectedId: PropTypes.string,
+  general: PropTypes.object,
+};

client/src/features/viewers/production/lower/LowerClean.jsx

@@ -20,7 +20,7 @@ export default function LowerClean(props) {
 
     // Calculate time
     const fadeOutTime =
-      (parseInt(options.fadeOut) +
+      (parseInt(options.fadeOut, 10) +
         (options.transitionIn || defaults.transitionIn)) *
       1000;
     if (isNaN(fadeOutTime)) return;
@@ -32,9 +32,6 @@ export default function LowerClean(props) {
     return () => clearTimeout(timeout);
   }, [options.fadeOut, options.transitionIn, defaults.transitionIn]);
 
-  // calculate transition times
-  useEffect(() => {});
-
   // Format messages
   const showLowerMessage = lower.text !== '' && lower.visible;
 

client/src/features/viewers/production/lower/LowerLines.jsx

@@ -19,7 +19,7 @@ export default function LowerLines(props) {
 
     // Calculate time
     const fadeOutTime =
-      (parseInt(options.fadeOut) +
+      (parseInt(options.fadeOut, 10) +
         (options.transitionIn || defaults.transitionIn)) *
       1000;
     if (isNaN(fadeOutTime)) return;

client/src/features/viewers/production/lower/LowerWrapper.jsx

@@ -69,7 +69,7 @@ const Lower = (props) => {
 
     // preset: selector
     // Should be a number 1-n
-    const p = parseInt(searchParams.get('preset'));
+    const p = parseInt(searchParams.get('preset'), 10);
     if (!isNaN(p)) setPreset(p);
 
     // size: multiplier
@@ -79,7 +79,7 @@ const Lower = (props) => {
 
     // transitionIn: seconds
     // Should be a number 0-n
-    const t = parseInt(searchParams.get('transition'));
+    const t = parseInt(searchParams.get('transition'), 10);
     if (!isNaN(t)) options.transitionIn = t;
 
     // textColour: string
@@ -99,17 +99,17 @@ const Lower = (props) => {
 
     // fadeOut: seconds
     // Should be a number 0-n
-    const f = parseInt(searchParams.get('fadeout'));
+    const f = parseInt(searchParams.get('fadeout'), 10);
     if (!isNaN(f)) options.fadeOut = f;
 
     // x: pixels
     // Should be a number 0-n
-    const x = parseInt(searchParams.get('x'));
+    const x = parseInt(searchParams.get('x'), 10);
     if (!isNaN(x)) options.posX = x;
 
     // y: pixels
     // Should be a number 0-n
-    const y = parseInt(searchParams.get('y'));
+    const y = parseInt(searchParams.get('y'), 10);
     if (!isNaN(y)) options.posY = y;
 
     setLowerOptions({