11 |
14 |
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/lib/error/WorkerError.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2025 Axel Boberg
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | class WorkerError extends Error {
6 | constructor (msg) {
7 | super(msg)
8 | this.name = 'WorkerError'
9 | this.code = 'ERR_WORKER'
10 | }
11 | }
12 |
13 | module.exports = WorkerError
14 |
--------------------------------------------------------------------------------
/plugins/inspector/app/components/VariableHint/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './style.css'
3 |
4 | export function VariableHint ({ onClick = () => {} }) {
5 | return (
6 | Welcome
12 | New workspace 13 | onClick()}>VAR
7 | )
8 | }
9 |
--------------------------------------------------------------------------------
/lib/error/ApiError.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | class ApiError extends Error {
6 | constructor (message, code) {
7 | super(message)
8 | this.name = 'ApiError'
9 | this.code = code
10 | }
11 | }
12 |
13 | module.exports = ApiError
14 |
--------------------------------------------------------------------------------
/plugins/caspar/app/components/ServerSelector/style.css:
--------------------------------------------------------------------------------
1 | .ServerSelector {
2 | width: 100%;
3 | box-sizing: border-box;
4 | }
5 |
6 | .ServerSelector select {
7 | width: 100%;
8 | }
9 |
10 | .ServerSelector-noServers {
11 | padding: 0.5em 0;
12 | width: 100%;
13 | text-align: center;
14 |
15 | opacity: 0.5;
16 | }
--------------------------------------------------------------------------------
/shared/index.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2024 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | /*
6 | Expose the shared utils as window.bridge
7 | if we're running in a browser
8 | */
9 | if (typeof window !== 'undefined') {
10 | window.shared = {
11 | merge: require('./merge')
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/api/node/ui.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2025 Axel Boberg
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | const DIController = require('../../shared/DIController')
6 |
7 | /**
8 | * No-op class as this API
9 | * is only available
10 | * in browser processes
11 | */
12 | class UI {}
13 | DIController.main.register('UI', UI)
14 |
--------------------------------------------------------------------------------
/lib/error/PolicyError.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2025 Axel Boberg
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | class PolicyError extends Error {
6 | constructor (message, reason) {
7 | super(message)
8 | this.name = 'PolicyError'
9 | this.reason = reason
10 | }
11 | }
12 |
13 | module.exports = PolicyError
14 |
--------------------------------------------------------------------------------
/lib/api/rules/deny.js:
--------------------------------------------------------------------------------
1 | const PolicyError = require('../../error/PolicyError')
2 |
3 | module.exports = (code, message) => {
4 | return () => {
5 | throw new PolicyError('Policy denied', code, message)
6 | }
7 | }
8 |
9 | module.exports.CODE = {
10 | INCORRECT_CONTEXT: 'INCORRECT_CONTEXT',
11 | BAD_DATA: 'BAD_DATA'
12 | }
13 |
--------------------------------------------------------------------------------
/lib/security/random.js:
--------------------------------------------------------------------------------
1 | const crypto = require('node:crypto')
2 |
3 | /**
4 | * Get secure random string
5 | * @param { number } bytes The length of the string in bytes
6 | * @returns { string }
7 | */
8 | function string (bytes) {
9 | return Buffer.from(crypto.randomBytes(bytes)).toString('hex')
10 | }
11 | exports.string = string
12 |
--------------------------------------------------------------------------------
/plugins/rundown/app/components/Icon/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import icons from '../../assets/icons'
3 |
4 | import './style.css'
5 |
6 | export function Icon ({ name = 'placeholder' }) {
7 | return (
8 |
9 | )
10 | }
11 |
--------------------------------------------------------------------------------
/app/components/Popup/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import './style.css'
4 |
5 | export function Popup ({ children, open }) {
6 | return (
7 |
8 |
12 | )
13 | }
14 |
--------------------------------------------------------------------------------
/app/components/Preferences/sections/sharing.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Named url",
4 | "description": "This workspace will become available as /named/
9 | {children}
10 |
11 |
7 |
8 |
9 | )
10 | }
11 |
--------------------------------------------------------------------------------
/app/components/GridEmptyContent/style.css:
--------------------------------------------------------------------------------
1 | .GridEmptyContent {
2 | position: absolute;
3 | display: flex;
4 |
5 | top: 0;
6 | right: 0;
7 | bottom: 0;
8 | left: 0;
9 |
10 | text-align: center;
11 |
12 | align-items: center;
13 | justify-content: center;
14 |
15 | z-index: 1;
16 | }
17 |
18 | .GridEmptyContent-actions {
19 | margin-top: 20px;
20 | }
--------------------------------------------------------------------------------
/app/utils/random.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | /**
6 | * Generate a random number
7 | * @param { Number } length The length of the number to generate
8 | * @returns { Number }
9 | */
10 | export function number (length = 5) {
11 | return Math.floor(Math.random() * Math.pow(10, length))
12 | }
13 |
--------------------------------------------------------------------------------
/lib/error/MissingTypeError.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | class MissingTypeError extends Error {
6 | constructor () {
7 | super('No such type exists')
8 | this.name = 'MissingTypeError'
9 | this.code = 'ERR_TYPE_MISSING_TYPE'
10 | }
11 | }
12 |
13 | module.exports = MissingTypeError
14 |
--------------------------------------------------------------------------------
/app/localContext.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | import React from 'react'
6 |
7 | /**
8 | * A context for holding data meant
9 | * to only be accessible locally
10 | *
11 | * @see {@link ./App.js}
12 | *
13 | * @type { React.Context }
14 | */
15 | export const LocalContext = React.createContext()
16 |
--------------------------------------------------------------------------------
/app/socketContext.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | import React from 'react'
6 |
7 | /**
8 | * A context for exposing the
9 | * websocket responsible for ipc
10 | *
11 | * @see {@link ./App.js}
12 | *
13 | * @type { React.Context }
14 | */
15 | export const SocketContext = React.createContext()
16 |
--------------------------------------------------------------------------------
/lib/UserDefaults.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | const State = require('./state/State')
6 |
7 | /**
8 | * A state representing user defaults,
9 | * that is settings for the current local
10 | * machine that is shared between workspaces
11 | * @type { State }
12 | */
13 | module.exports = new State()
14 |
--------------------------------------------------------------------------------
/lib/error/ContextError.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | class ContextError extends Error {
6 | constructor (message, code, status) {
7 | super(message)
8 | this.name = 'ContextError'
9 | this.code = code
10 | this.status = status
11 | }
12 | }
13 |
14 | module.exports = ContextError
15 |
--------------------------------------------------------------------------------
/plugins/http/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bridge-plugin-http",
3 | "version": "1.0.0",
4 | "lockfileVersion": 3,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "bridge-plugin-http",
9 | "version": "1.0.0",
10 | "license": "UNLICENSED",
11 | "engines": {
12 | "bridge": "^0.0.1"
13 | }
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/plugins/button/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bridge-plugin-button",
3 | "version": "1.0.0",
4 | "lockfileVersion": 3,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "bridge-plugin-button",
9 | "version": "1.0.0",
10 | "license": "UNLICENSED",
11 | "engines": {
12 | "bridge": "^0.0.1"
13 | }
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/plugins/clock/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bridge-plugin-clock",
3 | "version": "1.0.0",
4 | "lockfileVersion": 3,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "bridge-plugin-clock",
9 | "version": "1.0.0",
10 | "license": "UNLICENSED",
11 | "engines": {
12 | "bridge": "^0.0.1"
13 | }
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/plugins/inspector/app/components/NoSelection/index.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 Sveriges Television AB
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | import React from 'react'
8 | import './style.css'
9 |
10 | export function NoSelection () {
11 | return (
12 |
13 | No item selected
14 |
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/plugins/types/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bridge-plugin-types",
3 | "version": "1.0.0",
4 | "lockfileVersion": 3,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "bridge-plugin-types",
9 | "version": "1.0.0",
10 | "license": "UNLICENSED",
11 | "engines": {
12 | "bridge": "^0.0.1"
13 | }
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/app/components/Icon/style.css:
--------------------------------------------------------------------------------
1 | .Icon {
2 | display: flex;
3 | align-items: center;
4 | justify-content: center;
5 |
6 | --Icon-color: var(--base-color);
7 | }
8 |
9 | .Icon:not(.Icon--originalColors) svg [stroke]:not([stroke='none']) {
10 | stroke: var(--Icon-color);
11 | }
12 |
13 | .Icon:not(.Icon--originalColors) svg [fill]:not([fill='none']) {
14 | fill: var(--Icon-color);
15 | }
--------------------------------------------------------------------------------
/app/utils/fetch.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | const API_HOST = (function () {
6 | if (window.APP.apiHost) {
7 | return window.APP.apiHost
8 | }
9 | return ''
10 | })()
11 |
12 | export const host = API_HOST
13 |
14 | export function api (path) {
15 | return window.fetch(`${API_HOST}${path}`)
16 | }
17 |
--------------------------------------------------------------------------------
/lib/error/ValidationError.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | class ValidationError extends Error {
6 | constructor (message, code, params) {
7 | super(message)
8 | this.name = 'ValidationError'
9 | this.code = code
10 | this.params = params
11 | }
12 | }
13 |
14 | module.exports = ValidationError
15 |
--------------------------------------------------------------------------------
/plugins/rundown/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bridge-plugin-rundown",
3 | "version": "1.0.0",
4 | "lockfileVersion": 3,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "bridge-plugin-rundown",
9 | "version": "1.0.0",
10 | "license": "UNLICENSED",
11 | "engines": {
12 | "bridge": "^0.0.1"
13 | }
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/examples/plugin-hello-world/README.md:
--------------------------------------------------------------------------------
1 | # Hello World example plugin
2 | This is an example plugin registering a 'Hello World widget' in the Bridge UI
3 | Copy the entire directory to Bridge's plugin path and restart Bridge to make it appear in the widget selection menu in the edit mode.
4 |
5 | **Tip: find the plugin path via the application's menu bar after you've started Bridge. Plugins > Manage Plugins...**
--------------------------------------------------------------------------------
/plugins/caspar/app/components/ServerStatus/style.css:
--------------------------------------------------------------------------------
1 | .ServerStatus {
2 | display: flex;
3 | padding: 5px 10px;
4 | width: 100%;
5 |
6 | box-sizing: border-box;
7 | }
8 |
9 | .ServerStatus:nth-child(odd) {
10 | background: var(--base-color--shade);
11 | }
12 |
13 | .ServerStatus > div {
14 | width: 100%;
15 | }
16 |
17 | .ServerStatus > div:last-child {
18 | text-align: right;
19 | }
--------------------------------------------------------------------------------
/plugins/inspector/app/sharedContext.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @copyright Copyright © 2021 SVT Design
3 | * @author Axel Boberg
8 |
12 | {children}
13 |
14 |
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/app/components/Sharing/style.css:
--------------------------------------------------------------------------------
1 | .Sharing {
2 | width: 300px;
3 |
4 | text-align: left;
5 | font-size: 1em;
6 | color: var(--base-color);
7 | }
8 |
9 | .Sharing-content {
10 | padding: 10px;
11 | box-sizing: border-box;
12 | }
13 |
14 | .Sharing-copyBtn {
15 | margin-top: 15px;
16 | }
17 |
18 | .Sharing-icon {
19 | margin: 5px 0 10px;
20 | }
21 |
22 | .Sharing-notification {
23 | padding: 5px;
24 | }
--------------------------------------------------------------------------------
/plugins/rundown/app/index.css:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 Sveriges Television AB
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | html, body, #root {
8 | height: 100%;
9 | min-height: 100vh;
10 | }
11 |
12 | .App {
13 | display: flex;
14 | height: 100%;
15 |
16 | flex-direction: column;
17 | overflow: hidden;
18 | }
19 |
20 | .View {
21 | height: 100%;
22 | overflow-y: scroll;
23 | }
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | # SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | #
3 | # SPDX-License-Identifier: MIT
4 |
5 | version: '3.9'
6 | services:
7 | app:
8 | build: .
9 | command: npm run nodemon
10 | volumes:
11 | - .:/app
12 | environment:
13 | - NODE_ENV=development
14 | - PORT=3000
15 | - APP_DATA_BASE_PATH=../data
16 | ports:
17 | - 3000:3000
18 | - 9229:9229
--------------------------------------------------------------------------------
/lib/utils.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | /**
6 | * Returns a promise that resolves
7 | * after the given delay
8 | * @param { Number } delayMs
9 | * @returns { Promise.
9 | {sidebar}
10 |
11 | -
9 | {
10 | (items || []).map((item, i) => {
11 | return
9 |
16 | )
17 | }
18 |
--------------------------------------------------------------------------------
/shared/DIBase.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @class DIBase
3 | * @description
4 | * A base class for objects registered
5 | * to the DIController, this will setup
6 | * props as the private #prop member
7 | */
8 | class DIBase {
9 | props
10 |
11 | /**
12 | * Create a new instance of the DIBase class
13 | * and set props to the props member variable
14 | */
15 | constructor (props) {
16 | this.props = props
17 | }
18 | }
19 |
20 | module.exports = DIBase
21 |
--------------------------------------------------------------------------------
/app/assets/icons/window-maximize.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/plugins/osc/lib/Transport.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2024 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | const EventEmitter = require('events')
6 |
7 | /**
8 | * A base class for transports
9 | * for the Server class
10 | */
11 | class Transport extends EventEmitter {
12 | /**
13 | * Tear down this transport
14 | */
15 | teardown () {
16 | this.removeAllListeners()
17 | }
18 | }
19 |
20 | module.exports = Transport
21 |
--------------------------------------------------------------------------------
/app/assets/icons/window-minimize.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/app/components/Grid/background.css:
--------------------------------------------------------------------------------
1 | .Grid-background {
2 | position: absolute;
3 | display: flex;
4 | top: 0;
5 | left: 0;
6 | width: 100%;
7 | height: 100%;
8 | }
9 |
10 | .Grid-backgroundCol {
11 | position: relative;
12 | display: flex;
13 | width: 100%;
14 | height: 100%;
15 |
16 | flex-direction: column;
17 | }
18 |
19 | .Grid-backgroundRow {
20 | width: 100%;
21 | height: 100%;
22 |
23 | border: 0.5px solid var(--base-color--shade-3pct);
24 | }
--------------------------------------------------------------------------------
/app/components/PreferencesVersionInput/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './style.css'
3 |
4 | function getEnvironment () {
5 | if (window.navigator.userAgent.includes('Bridge')) {
6 | return 'electron'
7 | }
8 | return 'web'
9 | }
10 |
11 | export function PreferencesVersionInput () {
12 | return (
13 |
10 | {server?.name}
11 |
12 |
13 |
15 |
14 | {window.APP.version || 'Unknown'} ({getEnvironment()})
15 |
16 | )
17 | }
18 |
--------------------------------------------------------------------------------
/plugins/caspar/app/components/ThumbnailImage/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './style.css'
3 |
4 | export const ThumbnailImage = ({ src, alt = 'Thumbnail image' }) => {
5 | return (
6 |
7 | {
8 | src
9 | ? 
10 | :
13 | )
14 | }
15 |
--------------------------------------------------------------------------------
/api/node/transport.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2025 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | const { parentPort } = require('worker_threads')
6 |
7 | const DIController = require('../../shared/DIController')
8 |
9 | class Transport {
10 | onMessage (handler) {
11 | parentPort.on('message', handler)
12 | }
13 |
14 | send (msg) {
15 | parentPort.postMessage(msg)
16 | }
17 | }
18 |
19 | DIController.main.register('Transport', Transport)
20 |
--------------------------------------------------------------------------------
/app/components/Onboarding/style.css:
--------------------------------------------------------------------------------
1 | .Onboarding {
2 | display: flex;
3 | padding: 30px;
4 | height: 100%;
5 |
6 | flex-direction: column;
7 | box-sizing: border-box;
8 | }
9 |
10 | .Onboarding-paragraphs {
11 | height: 100%;
12 | margin: 15px 20px 0;
13 | text-align: left;
14 | }
15 |
16 | .Onboarding-paragraph {
17 | display: flex;
18 | margin-bottom: 15px;
19 |
20 | align-items: center;
21 | }
22 |
23 | .Onboarding-paragraphIcon {
24 | margin-right: 15px;
25 | }
--------------------------------------------------------------------------------
/plugins/inspector/app/index.css:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 Sveriges Television AB
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | html, body, #root {
8 | height: 100%;
9 | min-height: 100vh;
10 | }
11 |
12 | .App {
13 | display: flex;
14 | height: 100%;
15 |
16 | flex-direction: column;
17 | overflow: hidden;
18 | }
19 |
20 | .View {
21 | height: 100%;
22 | overflow-y: hidden;
23 | }
24 |
25 | .u-textTransform--none {
26 | text-transform: none;
27 | }
--------------------------------------------------------------------------------
/plugins/inspector/app/components/Accordion/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 Sveriges Television AB
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | .Accordion-header {
8 | display: flex;
9 | padding: 3px;
10 |
11 | align-items: center;
12 | box-sizing: border-box;
13 | }
14 |
15 | .Accordion .Accordion-icon {
16 | margin-right: 5px;
17 | transform: rotate(-90deg);
18 | }
19 |
20 | .Accordion.is-open .Accordion-icon {
21 | transform: rotate(0deg);
22 | }
23 |
--------------------------------------------------------------------------------
/app/assets/icons/placeholder.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/plugins/caspar/app/components/ServerStatusBadge/style.css:
--------------------------------------------------------------------------------
1 | .ServerStatus {
2 | display: flex;
3 | padding: 5px 10px;
4 | width: 100%;
5 |
6 | box-sizing: border-box;
7 | }
8 |
9 | .ServerStatus:nth-child(odd) {
10 | background: var(--base-color--shade);
11 | }
12 |
13 | .ServerStatus > div {
14 | width: 100%;
15 | }
16 |
17 | .ServerStatus > div:last-child {
18 | text-align: right;
19 | }
20 |
21 | .ServerStatusBadge-icon {
22 | vertical-align: middle;
23 | margin-right: 7px;
24 | }
--------------------------------------------------------------------------------
/plugins/variables/index.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2023 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | /**
6 | * @type { import('../../api').Api }
7 | */
8 | const bridge = require('bridge')
9 |
10 | exports.activate = async () => {
11 | bridge.events.on('item.play', item => {
12 | if (item.type !== 'bridge.variables.variable') {
13 | return
14 | }
15 | bridge.variables.setVariable(item.data.variable.key, item.data.variable.value)
16 | })
17 | }
18 |
--------------------------------------------------------------------------------
/plugins/rundown/app/assets/icons/index.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | import arrowDownSecondary from './arrow-down-secondary.svg'
6 | import arrowDownPlay from './arrow-down-play.svg'
7 | import arrowDown from './arrow-down.svg'
8 | import warning from './warning.svg'
9 | import empty from './empty.svg'
10 |
11 | export default {
12 | arrowDownSecondary,
13 | arrowDownPlay,
14 | arrowDown,
15 | warning,
16 | empty
17 | }
18 |
--------------------------------------------------------------------------------
/app/components/Popover/style.css:
--------------------------------------------------------------------------------
1 | .Popover,
2 | .Popover-trigger {
3 | position: relative;
4 | }
5 |
6 | .Popover-content {
7 | display: block;
8 | position: absolute;
9 |
10 | left: 50%;
11 | bottom: 0;
12 |
13 | text-align: center;
14 |
15 | border-radius: 15px;
16 | background: var(--base-color--background);
17 |
18 | box-sizing: border-box;
19 | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
20 |
21 | transform: translate(-50%, 100%);
22 |
23 | overflow: hidden;
24 | z-index: 1;
25 | }
26 |
--------------------------------------------------------------------------------
/plugins/state/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "bridge-plugin-state",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "engines": {
10 | "bridge": "^0.0.1"
11 | },
12 | "keywords": [
13 | "bridge",
14 | "plugin"
15 | ],
16 | "author": "Axel Boberg (axel.boberg@svt.se)",
17 | "license": "UNLICENSED",
18 | "devDependencies": {
19 | "@pgrabovets/json-view": "^2.7.6"
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "ignorePatterns": [
3 | "**/*.test.js",
4 | "**/node_modules/**/*.js",
5 | "/bin/**/*.js",
6 | "/dist/**/*.js"
7 | ],
8 | "env": {
9 | "browser": true,
10 | "es2021": true,
11 | "node": true
12 | },
13 | "extends": [
14 | "standard"
15 | ],
16 | "overrides": [
17 | ],
18 | "parserOptions": {
19 | "ecmaVersion": "latest"
20 | },
21 | "plugins": [
22 | ],
23 | "rules": {
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/app/assets/icons/spinner.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/app/components/SegmentedControl/style.css:
--------------------------------------------------------------------------------
1 | .SegmentedControl {
2 | display: inline-block;
3 | padding: 4px;
4 |
5 | border-radius: 8px;
6 | background: var(--base-color--shade1);
7 | white-space: nowrap;
8 | }
9 |
10 | .SegmentedControl-segment {
11 | display: inline-block;
12 | padding: 0.75em 1em;
13 | color: var(--base-color);
14 |
15 | border-radius: 5px;
16 | }
17 |
18 | .SegmentedControl-segment.is-active {
19 | background: var(--base-color--background);
20 | box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
21 | }
--------------------------------------------------------------------------------
/plugins/caspar/app/assets/icons/disconnected.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/plugins/rundown/app/components/RundownList/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 Sveriges Television AB
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | .RundownList {
8 | padding: 0 2px;
9 | min-height: 100%;
10 | overflow-x: hidden;
11 | }
12 |
13 | .RundownList-empty {
14 | display: flex;
15 | position: absolute;
16 |
17 | top: 0;
18 | right: 0;
19 | bottom: 0;
20 | left: 0;
21 |
22 | text-align: center;
23 |
24 | align-items: center;
25 | justify-content: center;
26 |
27 | z-index: -1;
28 | }
--------------------------------------------------------------------------------
/app/components/PreferencesThemeInput/style.css:
--------------------------------------------------------------------------------
1 |
2 |
3 | .PreferencesThemeInput-item {
4 | display: inline-block;
5 | margin: 15px 15px 10px 0;
6 | width: 80px;
7 | text-align: center;
8 | }
9 |
10 | .PreferencesThemeInput-itemColor {
11 | width: 100%;
12 | height: 50px;
13 |
14 | border-radius: 8px;
15 | }
16 |
17 | .PreferencesThemeInput-item.is-active .PreferencesThemeInput-itemColor {
18 | box-shadow: 0 0 0 3px var(--base-color--shade);
19 | }
20 |
21 | .PreferencesThemeInput-itemLabel {
22 | margin-top: 5px;
23 | }
--------------------------------------------------------------------------------
/app/hooks/useJson.js:
--------------------------------------------------------------------------------
1 | // SPDX-FileCopyrightText: 2022 Sveriges Television AB
2 | //
3 | // SPDX-License-Identifier: MIT
4 |
5 | import React from 'react'
6 |
7 | export const useJson = url => {
8 | const [data, setData] = React.useState({})
9 |
10 | React.useEffect(() => {
11 | async function get (url) {
12 | const res = await window.fetch(url)
13 | .then(res => res.json())
14 | setData(res)
15 | }
16 | get(url)
17 |
18 | return () => setData({})
19 | }, [url])
20 |
21 | return [data]
22 | }
23 |
--------------------------------------------------------------------------------
/plugins/osc/app/components/LogItem/style.css:
--------------------------------------------------------------------------------
1 | .LogItem {
2 | display: flex;
3 | width: 100%;
4 |
5 | font-size: 0.9em;
6 |
7 | opacity: 0.8;
8 |
9 | white-space: nowrap;
10 | }
11 |
12 | .LogItem > div {
13 | margin-left: 10px;
14 |
15 | text-overflow: ellipsis;
16 | overflow: hidden;
17 | }
18 |
19 | .LogItem-timestamp {
20 | width: 90px;
21 | flex-shrink: 0;
22 | }
23 |
24 | .LogItem-direction {
25 | flex-shrink: 0;
26 | }
27 |
28 | .LogItem:nth-child(odd) {
29 | background: var(--base-color--shade1);
30 | }
--------------------------------------------------------------------------------
/app/components/MissingComponent/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import './style.css'
3 |
4 | import icon from '../../assets/icons/warning.svg'
5 |
6 | export const MissingComponent = ({ data = {} }) => {
7 | return (
8 | Thumbnail is not available
11 | }
12 |
9 |
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/plugins/inspector/app/components/StringInput/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 Sveriges Television AB
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | .StringInput {
8 | width: 100%;
9 | padding: 0.5em;
10 |
11 | font-size: 1em;
12 | font-family: var(--base-fontFamily--primary);
13 |
14 | border: none;
15 | border-radius: 8px;
16 |
17 | color: var(--base-color);
18 | background: var(--base-color--shade2);
19 |
20 | box-sizing: border-box;
21 | }
22 |
23 | .StringInput--large {
24 | font-size: 1.1em;
25 | }
--------------------------------------------------------------------------------
/plugins/types/app/App.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import { InspectorReferenceButton } from './views/InspectorReferenceButton'
4 |
5 | export default function App () {
6 | const [view, setView] = React.useState()
7 |
8 | React.useEffect(() => {
9 | const params = new URLSearchParams(window.location.search)
10 | setView(params.get('path'))
11 | }, [])
12 |
13 | switch (view) {
14 | case 'inspector/reference/button':
15 | return
10 |
11 |
14 | Missing or crashing widget
12 | {data.component}
13 |
10 | onChange(e.target.checked)} />
11 |
12 |
13 | )
14 | }
15 |
--------------------------------------------------------------------------------
/plugins/inspector/app/components/TextInput/index.jsx:
--------------------------------------------------------------------------------
1 | /*
2 | * SPDX-FileCopyrightText: 2022 Sveriges Television AB
3 | *
4 | * SPDX-License-Identifier: MIT
5 | */
6 |
7 | import React from 'react'
8 | import './style.css'
9 |
10 | export function TextInput ({
11 | htmlFor,
12 | value = '',
13 | onChange = () => {}
14 | }) {
15 | return (
16 |