refactor: roll handover (#451)

* style: tweak active colour

* refactor: create shared playback validation

* feat: allow handover from and to roll

packages/utils/index.ts

@@ -3,3 +3,4 @@ export { formatFromMillis } from './src/date-utils/formatFromMillis.js';
 export { isTimeString } from './src/date-utils/isTimeString.js';
 export { millisToString } from './src/date-utils/millisToString.js';
 export { generateId } from './src/generate-id/generateId.js';
+export { validatePlayback } from './src/validate-action/validatePlayback.js';

packages/utils/package.json

@@ -23,6 +23,7 @@
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-simple-import-sort": "^8.0.0",
+    "ontime-types": "workspace:*",
     "prettier": "^2.8.3",
     "typescript": "^4.9.4",
     "vitest": "^0.30.1"

packages/utils/src/validate-action/validatePlayback.ts

@@ -0,0 +1,10 @@
+import { Playback } from 'ontime-types';
+
+export function validatePlayback(currentPlayback: Playback) {
+  return {
+    start: currentPlayback !== Playback.Stop,
+    pause: currentPlayback === Playback.Play || currentPlayback === Playback.Roll,
+    roll: true,
+    stop: currentPlayback !== Playback.Stop,
+  };
+}