feat: initial version

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = tab
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = false
+end_of_line = lf

.eslintrc.js

@@ -0,0 +1,43 @@
+module.exports = {
+	root: true,
+	env: {
+		node: true
+	},
+	extends: ['eslint:recommended'],
+	parserOptions: {
+		ecmaVersion: 2020
+	},
+	rules: {
+		'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+		'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+		'no-use-before-define': 'off',
+		'@typescript-eslint/no-use-before-define': 'off'
+	},
+	overrides: [
+		{
+			files: ['**/background.ts', '**/background/**.ts'],
+			parser: '@typescript-eslint/parser',
+			parserOptions: { project: './tsconfig.json' },
+			plugins: ['@typescript-eslint'],
+			extends: [
+				'eslint:recommended',
+				'plugin:@typescript-eslint/eslint-recommended',
+				'plugin:@typescript-eslint/recommended',
+				'prettier/@typescript-eslint'
+			],
+			rules: {}
+		},
+		{
+			files: ['src/**/*.vue', '**/**.ts'],
+			plugins: ['vue'],
+			parser: 'vue-eslint-parser',
+			extends: [
+				'plugin:vue/base',
+				'plugin:vue/essential',
+				'@vue/typescript/recommended',
+				'@vue/prettier',
+				'@vue/prettier/@typescript-eslint'
+			]
+		}
+	]
+}

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.gitignore

@@ -0,0 +1,26 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+#Electron-builder output
+/dist_electron

.prettierrc.json

@@ -0,0 +1,10 @@
+{
+	"arrowParens": "always",
+	"bracketSpacing": true,
+	"trailingComma": "none",
+	"singleQuote": true,
+	"printWidth": 100,
+	"useTabs": true,
+	"endOfLine": "lf",
+	"semi": false
+}

README.md

@@ -0,0 +1,24 @@
+# casparcg-playback-client
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Lints and fixes files
+```
+yarn lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+	presets: ['@vue/cli-plugin-babel/preset']
+}

package.json

@@ -0,0 +1,84 @@
+{
+	"name": "sofie-rundown-editor",
+	"version": "0.1.0",
+	"private": true,
+	"scripts": {
+		"serve": "vue-cli-service serve",
+		"build": "vue-cli-service build",
+		"lint": "vue-cli-service lint",
+		"electron:build": "vue-cli-service electron:build",
+		"electron:serve": "vue-cli-service electron:serve",
+		"license-validate": "yarn sofie-licensecheck -r --filter MIT --filter 0BSD --filter BSD --filter ISC --filter Apache --filter Unlicense --plain --border ascii",
+		"lint-fix": "yarn lint --fix",
+		"postinstall": "electron-builder install-app-deps",
+		"postuninstall": "electron-builder install-app-deps"
+	},
+	"main": "background.js",
+	"dependencies": {
+		"@fortawesome/fontawesome-svg-core": "^1.2.34",
+		"@fortawesome/free-solid-svg-icons": "^5.15.3",
+		"@fortawesome/vue-fontawesome": "^2.0.2",
+		"@popperjs/core": "^2.9.2",
+		"@sofie-automation/server-core-integration": "^1.36.0-in-testing.7",
+		"@types/sqlite3": "^3.1.7",
+		"@types/uuid": "^8.3.1",
+		"bootstrap": "^5.0.2",
+		"bootstrap-vue": "^2.21.2",
+		"core-js": "^3.6.5",
+		"got": "^11.8.0",
+		"knex": "^0.95.7",
+		"mousetrap": "^1.6.5",
+		"smpte-timecode": "^1.2.3",
+		"socket.io": "^3.1.1",
+		"socket.io-client": "^3.1.1",
+		"sqlite3": "^5.0.2",
+		"uid": "^2.0.0",
+		"uuid": "^8.3.2",
+		"vue": "^2.6.12",
+		"vue-js-toggle-button": "^1.3.3",
+		"vue-router": "^3.5.2",
+		"vuedraggable": "^2.24.3",
+		"vuex": "^3.4.0",
+		"yaml": "^1.10.0"
+	},
+	"devDependencies": {
+		"@types/electron-devtools-installer": "^2.2.0",
+		"@types/koa": "^2.11.8",
+		"@types/mousetrap": "^1.6.4",
+		"@types/node": "^14.14.6",
+		"@typescript-eslint/eslint-plugin": "^2.33.0",
+		"@typescript-eslint/parser": "^2.33.0",
+		"@vue/cli-plugin-babel": "~4.5.0",
+		"@vue/cli-plugin-eslint": "~4.5.0",
+		"@vue/cli-plugin-typescript": "~4.5.0",
+		"@vue/cli-plugin-vuex": "~4.5.0",
+		"@vue/cli-service": "~4.5.0",
+		"@vue/eslint-config-prettier": "^6.0.0",
+		"@vue/eslint-config-typescript": "^5.0.2",
+		"electron": "^9.0.0",
+		"electron-devtools-installer": "^3.1.0",
+		"eslint": "^6.7.2",
+		"eslint-plugin-prettier": "^3.1.3",
+		"eslint-plugin-vue": "^6.2.2",
+		"husky": "^4.3.0",
+		"lint-staged": "^10.5.1",
+		"prettier": "^1.19.1",
+		"typescript": "~3.9.3",
+		"vue-cli-plugin-electron-builder": "~2.0.0-rc.5",
+		"vue-template-compiler": "^2.6.11"
+	},
+	"husky": {
+		"hooks": {
+			"pre-commit": "lint-staged"
+		}
+	},
+	"license": "MIT",
+	"lint-staged": {
+		"*.{js,css,json,md,scss}": [
+			"prettier --write"
+		],
+		"*.{ts,tsx,.vue}": [
+			"yarn lint-fix"
+		]
+	}
+}

public/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
+		<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+		<title><%= htmlWebpackPlugin.options.title %></title>
+	</head>
+	<body>
+		<noscript>
+			<strong
+				>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without
+				JavaScript enabled. Please enable it to continue.</strong
+			>
+		</noscript>
+		<div id="app"></div>
+		<!-- built files will be auto injected -->
+	</body>
+</html>

src/App.vue

@@ -0,0 +1,37 @@
+<template>
+	<div id="app">
+		<router-view name="header"></router-view>
+		<router-view></router-view>
+	</div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+	name: 'App'
+})
+</script>
+
+<style>
+* {
+	box-sizing: border-box;
+}
+#app {
+	font-family: Avenir, Helvetica, Arial, sans-serif;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+
+	background-color: #262626;
+	color: #fff;
+
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+
+	overflow-y: hidden;
+	overflow-x: auto;
+}
+</style>