contrib/aura-clock/src/StudioClock.svelte

+<script>
+	import { onMount } from 'svelte';
+
+	let time = new Date();
+
+	// these automatically update when `time`
+	// changes, because of the `$:` prefix
+	$: hours = time.getHours();
+	$: minutes = time.getMinutes();
+	$: seconds = time.getSeconds();
+
+	onMount(() => {
+		const interval = setInterval(() => {
+			time = new Date();
+
+		}, 1000);
+
+		return () => {
+			clearInterval(interval);
+		};
+	});
+
+	let queryTrackservice = "trackservice";
+	let currentlyPlaying;
+
+	async function getData(query) {
+		// FIXME Configure DataURL and Port
+		let response = await fetch(`http://localhost:3333/api/v1/trackservice/${query}`);
+		let data = await response.json();
+
+		if (response.ok) {
+			console.log(data);
+			return data;
+		} else {
+			throw new Error(data)
+		}
+	}
+
+currentlyPlaying = getData("current");
+	
+</script>
+
+<style>
+	#studio-clock {
+		width: calc(100% - 200px);
+		margin:100px;
+		display: -webkit-flex;
+		display: -ms-flexbox;
+		display: flex;
+		border: 2px solid #333;
+		flex-direction: row;
+	}
+
+	#left-column {
+		width: 30%;
+		padding: 25px;
+	}
+
+	#right-column {
+		width: 70%;
+		padding: 25px;
+	}
+
+	.active {
+		color: green;
+	}
+
+	svg {
+		width: 100%;
+		height: 100%;
+	}
+
+	.clock-face {
+		stroke: #333;
+		fill: white;
+	}
+
+	.minor {
+		stroke: #999;
+		stroke-width: 0.5;
+	}
+
+	.major {
+		stroke: #333;
+		stroke-width: 1;
+	}
+
+	.hour {
+		stroke: #333;
+	}
+
+	.minute {
+		stroke: #666;
+	}
+
+	.second, .second-counterweight {
+		stroke: rgb(180,0,0);
+	}
+
+	.second-counterweight {
+		stroke-width: 3;
+	}
+</style>
+
+<div id="studio-clock">
+	<div id="left-column" class="column">
+		<svg viewBox='-50 -50 100 100'>
+			<circle class='clock-face' r='48'/>
+
+			<!-- markers -->
+			{#each [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55] as minute}
+				<line
+					class='major'
+					y1='35'
+					y2='45'
+					transform='rotate({30 * minute})'
+				/>
+
+				{#each [1, 2, 3, 4] as offset}
+					<line
+						class='minor'
+						y1='42'
+						y2='45'
+						transform='rotate({6 * (minute + offset)})'
+					/>
+				{/each}
+			{/each}
+
+			<!-- hour hand -->
+			<line
+				class='hour'
+				y1='2'
+				y2='-20'
+				transform='rotate({30 * hours + minutes / 2})'
+			/>
+
+			<!-- minute hand -->
+			<line
+				class='minute'
+				y1='4'
+				y2='-30'
+				transform='rotate({6 * minutes + seconds / 10})'
+			/>
+
+			<!-- second hand -->
+			<g transform='rotate({6 * seconds})'>
+				<line class='second' y1='10' y2='-38'/>
+				<line class='second-counterweight' y1='10' y2='2'/>
+			</g>
+		</svg>
+	</div>
+
+	<div id="right-column" class="column">
+		<h2>&#9654; Playing</h2>
+
+		{#await currentlyPlaying}
+			<div class="spinner-border mt-5" role="status">
+				<span class="sr-only">Loading...</span>
+			</div>
+		{:then value}
+			<h1>{value.show.name}</h1>
+			<span>Type: {value.show.type}, Host: {value.show.host}</span>
+			<h3 class="active">{value.track.artist} - {value.track.title}</h3>
+		{:catch error}
+			<p style="color:red">{error.message}</p>
+		{/await}
+	</div>
+
+</div>
\ No newline at end of file

contrib/aura-clock/src/main.js

+import StudioClock from './StudioClock.svelte';
+
+const clock = new StudioClock({
+	target: document.body,
+	props: {
+		name: 'world'
+	}
+});
+
+export default clock;
\ No newline at end of file

contrib/aura-player/.gitignore

+/node_modules/
+/public/build/
+
+.DS_Store

contrib/aura-player/README.md

+
+# Aura Player
+
+A collection of JavaScript components to integrate Aura to your Website.
+
+Provided components:
+
+    - Track Service
+
+## Requirements
+
+    Node 13 
+
+## Install
+
+    npn install
+
+## Run
+
+    npm start
+
+
+## Resources
+
+* Svelte Docs - https://svelte.dev/docs
\ No newline at end of file

contrib/aura-player/package.json

+{
+  "name": "aura-player",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "start": "sirv public"
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^6.0.0",
+    "rollup": "^1.12.0",
+    "rollup-plugin-commonjs": "^10.0.0",
+    "rollup-plugin-livereload": "^1.0.0",
+    "rollup-plugin-svelte": "^5.0.3",
+    "rollup-plugin-terser": "^5.1.2",
+    "svelte": "^3.0.0"
+  },
+  "dependencies": {
+    "sirv-cli": "^0.4.4"
+  }
+}

contrib/aura-player/public/global.css

+html, body {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	color: #333;
+	margin: 0;
+	padding: 8px;
+	box-sizing: border-box;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+a {
+	color: rgb(0,100,200);
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+a:visited {
+	color: rgb(0,80,160);
+}
+
+label {
+	display: block;
+}
+
+input, button, select, textarea {
+	font-family: inherit;
+	font-size: inherit;
+	padding: 0.4em;
+	margin: 0 0 0.5em 0;
+	box-sizing: border-box;
+	border: 1px solid #ccc;
+	border-radius: 2px;
+}
+
+input:disabled {
+	color: #ccc;
+}
+
+input[type="range"] {
+	height: 0;
+}
+
+button {
+	color: #333;
+	background-color: #f4f4f4;
+	outline: none;
+}
+
+button:disabled {
+	color: #999;
+}
+
+button:not(:disabled):active {
+	background-color: #ddd;
+}
+
+button:focus {
+	border-color: #666;
+}

contrib/aura-player/public/index.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset='utf-8'>
+	<meta name='viewport' content='width=device-width,initial-scale=1'>
+
+	<title>Svelte app</title>
+
+	<link rel='icon' type='image/png' href='/favicon.png'>
+	<link rel="stylesheet" href="/bootstrap.css">
+	<!--<link rel='stylesheet' href='/global.css'>-->
+	<link rel='stylesheet' href='/build/bundle.css'>
+
+	<script defer src='/build/bundle.js'></script>
+</head>
+<body>
+</body>
+</html>

contrib/aura-player/rollup.config.js

+import svelte from 'rollup-plugin-svelte';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import livereload from 'rollup-plugin-livereload';
+import { terser } from 'rollup-plugin-terser';
+
+const production = !process.env.ROLLUP_WATCH;
+
+export default {
+	input: 'src/main.js',
+	output: {
+		sourcemap: true,
+		format: 'iife',
+		name: 'app',
+		file: 'public/build/bundle.js'
+	},
+	plugins: [
+		svelte({
+			// enable run-time checks when not in production
+			dev: !production,
+			// we'll extract any component CSS out into
+			// a separate file — better for performance
+			css: css => {
+				css.write('public/build/bundle.css');
+			}
+		}),
+
+		// If you have external dependencies installed from
+		// npm, you'll most likely need these plugins. In
+		// some cases you'll need additional configuration —
+		// consult the documentation for details:
+		// https://github.com/rollup/rollup-plugin-commonjs
+		resolve({
+			browser: true,
+			dedupe: importee => importee === 'svelte' || importee.startsWith('svelte/')
+		}),
+		commonjs(),
+
+		// In dev mode, call `npm run start` once
+		// the bundle has been generated
+		!production && serve(),
+
+		// Watch the `public` directory and refresh the
+		// browser on changes when not in production
+		!production && livereload('public'),
+
+		// If we're building for production (npm run build
+		// instead of npm run dev), minify
+		production && terser()
+	],
+	watch: {
+		clearScreen: false
+	}
+};
+
+function serve() {
+	let started = false;
+
+	return {
+		writeBundle() {
+			if (!started) {
+				started = true;
+
+				require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
+					stdio: ['ignore', 'inherit', 'inherit'],
+					shell: true
+				});
+			}
+		}
+	};
+}
\ No newline at end of file

contrib/aura-player/src/App.svelte

+<script>
+	import TrackService from './TrackService.svelte';
+
+	let queryTrackservice = "trackservice";
+	let result;
+
+	async function getData(query) {
+		// FIXME Configure DataURL and Port
+		let response = await fetch(`http://localhost:3333/api/v1/${query}`);
+		let data = await response.json();
+
+		if (response.ok) {
+			return data;
+		} else {
+			throw new Error(data)
+		}
+	}
+
+
+	result = getData(queryTrackservice);
+
+</script>
+
+<div class="container mt-5">
+	<div class="row">
+		<div class="col-md"></div>
+		<div class="col-md-8 text-center">
+			<h1 class="display-4">Track Service</h1>
+
+			{#await result}
+				<div class="spinner-border mt-5" role="status">
+					<span class="sr-only">Loading...</span>
+				</div>
+			{:then value}
+				<TrackService data={value} />
+			{:catch error}
+				<p style="color:red">{error.message}</p>
+			{/await}
+
+		</div>
+		<div class="col-md"></div>
+	</div>
+</div>
\ No newline at end of file

contrib/aura-player/src/TrackService.svelte

+<style>
+	.card {
+        margin-bottom: 38px;
+    }
+    
+    card.active-track {
+        border: 3px solid greenyellow;
+    }
+</style> 
+
+<script>
+import { fly } from 'svelte/transition';
+export let data;
+let currentDate = "";
+
+function getDate(item) {
+    let track_date = "";
+    if (item.track_start != null)
+        track_date = item.track_start.split('T')[0];
+
+    if (currentDate != track_date) {
+
+        currentDate = track_date;
+        let date = new Date(currentDate);
+        let options = {  
+            weekday: "long", year: "numeric", month: "short",  
+            day: "numeric"
+        };  
+        return date.toLocaleDateString("de-at", options);
+    } else {
+        return "";
+    }
+}
+
+function getTime(item) {
+    let date = new Date(item.track_start);
+
+    let options = {  
+        hour: "2-digit", minute: "2-digit"  
+    };  
+
+    return date.toLocaleTimeString("de-at", options);
+}
+
+function isActive(item) {
+    if (item.track.duration != null && parseInt(item.track.duration) > 0) {
+        let startDate = new Date(item.track_start);
+        let endDate = new Date(startDate.getTime() + item.track.duration*1000);
+        let now = new Date();
+
+        if (startDate < now < endDate) {
+            return "active-track";
+        } else {
+            return "";
+        }
+    } else {
+        return "";
+    }
+}
+
+function printDuration(item) {
+    if (item.track.duration != null && parseInt(item.track.duration) > 0) {
+        return "("+item.track.duration+")";
+    } else {
+        return "";
+    }
+}
+</script>
+
+
+{#each data as item}
+    <h4>{getDate(item)}</h4>
+    <div class="card mt-5 {isActive(item)}" transition:fly="{{ y: 150, duration: 500 }}">
+        <div class="card-body">
+            <h5 class="card-title"><b>{getTime(item)}</b> | {item.track.artist} - {item.track.title} {printDuration(item)}</h5>
+        </div>
+    </div>
+{/each}
+
+
+<footer>Track Service is powered by <a href="https://gitlab.servus.at/autoradio">Aura</a></footer>
\ No newline at end of file

contrib/aura-player/src/main.js

+import App from './App.svelte';
+
+const app = new App({
+	target: document.body
+});
+
+export default app;
\ No newline at end of file

contrib/aura-player/svelte-README.md

+*Looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)*
+
+---
+
+# svelte app
+
+This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template.
+
+To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
+
+```bash
+npx degit sveltejs/template svelte-app
+cd svelte-app
+```
+
+*Note that you will need to have [Node.js](https://nodejs.org) installed.*
+
+
+## Get started
+
+Install the dependencies...
+
+```bash
+cd svelte-app
+npm install
+```
+
+...then start [Rollup](https://rollupjs.org):
+
+```bash
+npm run dev
+```
+
+Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
+
+By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.
+
+
+## Building and running in production mode
+
+To create an optimised version of the app:
+
+```bash
+npm run build
+```
+
+You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com).
+
+
+## Single-page app mode
+
+By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.
+
+If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for *any* path. You can make it so by editing the `"start"` command in package.json:
+
+```js
+"start": "sirv public --single"
+```
+
+
+## Deploying to the web
+
+### With [now](https://zeit.co/now)
+
+Install `now` if you haven't already:
+
+```bash
+npm install -g now
+```
+
+Then, from within your project folder:
+
+```bash
+cd public
+now deploy --name my-project
+```
+
+As an alternative, use the [Now desktop client](https://zeit.co/download) and simply drag the unzipped project folder to the taskbar icon.
+
+### With [surge](https://surge.sh/)
+
+Install `surge` if you haven't already:
+
+```bash
+npm install -g surge
+```
+
+Then, from within your project folder:
+
+```bash
+npm run build
+surge public my-project.surge.sh
+```

docs/developer-guide.md

+# Aura Engine Development Guide
+
+This page gives insights on extending Aura Engine internals or through the API.
+
+
+## Architecture
+
+AURA Engine as part of the AURA Radio Suite uses an modulear architecture
+based on a REST API. All external information is retrieved using JSON data-structures.
+
+To get the basic architectural overview, visit the [Aura Meta](https://gitlab.servus.at/autoradio/meta) repository.
+
+## Required Data Sources
+
+The AURA Project "**Dashboard**" provides the GUI to organize shows, schedules/timelsots
+and organize uploads in form of playlists. Those playlists can be organized in timeslots
+using a fancy calendar interface.
+
+These data-sources need to be configurated in the "engine.ini" configuration file:
+
+    # The URL to get the Calendar via PV/Steering
+    calendarurl="http://localhost:8000/api/v1/playout"
+
+    # The URL to get show details via PV/Steering
+    api_show_url="http://localhost:8000/api/v1/shows/${ID}/"
+
+The AURA Project "**Tank**" on the other hand delivers information on the tracks, playlists
+to be played and its meta-data:
+
+    # The URL to get playlist details via Tank
+    importerurl="http://localhost:8040/api/v1/shows/${SLUG}/playlists"
+
+
+More information you can find here: <https://gitlab.servus.at/autoradio/meta/blob/master/api-definition.md>
+
+
+## Provided API Endpoints
+
+**Soundserverstate:** Returns true and false values of the internal In- and Outputs  
+
+    /api/v1/soundserver_state
+
+**Trackservice:**
+
+/api/v1/trackservice/<selected_date>  
+/api/v1/trackservice/
+
+
+## Components
+
+
+**aura.py**: It is the server which is connected to the external programme source (e.g. aura steering and tank), to liquidsoap and is listening for redis pubsub messages. This precious little server is telling liquidsoap what to play and when.
+
+**Guru**: The commandline tool for interacting with the server. Also provides the communication from Liquidsoap to the Python (Command-)Server.
+
+**Liquidsoap**: The heart of AuRa Engine. It uses the built in mixer, to switch between different sources. It records everything and streams everything depending on your settings in aura.ini.
+
+
+## Running the Engine
+
+Aura Engine is consisting of two components: The Python Engine and Liquidsoap Core.
+
+It's important to start both components in the correct order:
+
+    1. Run the Python engine
+
+    ./run.sh
+
+    2. Run the Liquidsoap core
+
+    ./run.sh lqs

errormessages/communicator_error.js

+{
+}
\ No newline at end of file