Waters ChurchandClaude Opus 5
aec9c47ed4
Three things, the first on its own. **Auto-scroll moves the tile, not the board.** `scrollIntoView` walks up and scrolls every ancestor that can scroll, so bringing the current item into view dragged the whole dashboard with it whenever the board was taller than the window. The list's own `scrollTop` is moved instead, measured from rectangles because the rows' offset parent is the tile rather than the list. **The current item fills as its song plays.** When an AbleSet module is installed, configured and playing a song that IS the item on screen, that item's background fills left to right with the song. The song is tied to a plan item by the same name matching the live ProPresenter document already uses, so a bar can never quietly fill the sermon while the band rehearses something else. **Its sections slide past, bottom right of that item.** Every section of the song as a strip, the played ones dimmed, the one playing filling in turn and kept centred — by moving that strip's own `scrollLeft`, for the same reason as above. The chips are rebuilt only when the song changes; moving to the next section just moves the classes, so the strip keeps its place. Both are switches in the tile's gear, **Song progress** and **Song sections**, and both draw nothing at all unless there is an AbleSet module to follow: the server reports `available: false` for no module, a disabled one, or one with no host, and re-checks every 15 s so installing AbleSet later lights it up without a restart. The server follows the AbleSet module over loopback exactly as it follows ProPresenter's, and republishes a small slice — song, sections, playhead in beats with a stamp — as its own `ableset` SSE event. Its own event because it moves five times a second and must never drag the plan (items, teams) onto the wire with it; the tile carries the playhead forward from the tempo between packets. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
627 lines
15 KiB
JSON
627 lines
15 KiB
JSON
{
|
|
"id": "pco-plan",
|
|
"name": "PCO Plan",
|
|
"version": "1.8.0",
|
|
"proddash": ">=1.4.0",
|
|
"description": "Order of service and team assignments from Planning Center Services",
|
|
"provides": [
|
|
"timers"
|
|
],
|
|
"client": "client.js",
|
|
"server": "server.js",
|
|
"style": "style.css",
|
|
"minSize": {
|
|
"w": 3,
|
|
"h": 3
|
|
},
|
|
"defaultSize": {
|
|
"w": 5,
|
|
"h": 6
|
|
},
|
|
"configGroups": {
|
|
"Planning Center credentials": {
|
|
"collapsed": "whenSet",
|
|
"help": "Create a Personal Access Token at api.planningcenteronline.com and paste its Client ID + Secret here, or paste an OAuth 2.0 access token instead. Saved secrets never reach browsers."
|
|
},
|
|
"Service timing": {
|
|
"help": "Each service in the plan takes its turn owning the service clock: the next one takes over Pre-roll minutes before its scheduled start, and the elapsed clock, item timing and countdown start afresh for it. A service starts at its scheduled time — or, with document triggers on, the moment the chosen Start document goes live in ProPresenter (falling back to the schedule after the start failsafe) — and ends when the End document goes live, or when the next service takes over. The document lists hold what ProPresenter has shown or listed since ProdDash started plus what is saved here; names are matched loosely, so a renamed \"Post-Service Loop\" still counts."
|
|
}
|
|
},
|
|
"configSchema": {
|
|
"appId": {
|
|
"type": "string",
|
|
"label": "Client ID",
|
|
"default": "",
|
|
"group": "Planning Center credentials"
|
|
},
|
|
"secret": {
|
|
"type": "password",
|
|
"label": "Secret",
|
|
"default": "",
|
|
"group": "Planning Center credentials"
|
|
},
|
|
"accessToken": {
|
|
"type": "password",
|
|
"label": "OAuth 2.0 access token (instead of Client ID + Secret)",
|
|
"default": "",
|
|
"group": "Planning Center credentials"
|
|
},
|
|
"serviceTypeId": {
|
|
"type": "select",
|
|
"label": "Service type",
|
|
"default": "",
|
|
"optionsRoute": "/service-types"
|
|
},
|
|
"planId": {
|
|
"type": "select",
|
|
"label": "Plan",
|
|
"default": "",
|
|
"options": [
|
|
{
|
|
"value": "",
|
|
"label": "Automatic — today's plan, else the next upcoming"
|
|
}
|
|
],
|
|
"optionsRoute": "/plans",
|
|
"optionsDependsOn": "serviceTypeId"
|
|
},
|
|
"pollSeconds": {
|
|
"type": "number",
|
|
"label": "Refresh Interval (s)",
|
|
"default": 30
|
|
},
|
|
"followProPresenter": {
|
|
"type": "switch",
|
|
"label": "Follow ProPresenter Module",
|
|
"default": true
|
|
},
|
|
"preRollMinutes": {
|
|
"type": "number",
|
|
"label": "Pre-roll (min)",
|
|
"default": 30,
|
|
"group": "Service timing",
|
|
"help": "How long before a service's scheduled start the clock, item timing and countdown switch to it."
|
|
},
|
|
"useDocumentTriggers": {
|
|
"type": "switch",
|
|
"label": "ProPresenter document triggers",
|
|
"default": false,
|
|
"group": "Service timing"
|
|
},
|
|
"serviceStartTrigger": {
|
|
"type": "select",
|
|
"label": "Service start",
|
|
"default": "schedule",
|
|
"group": "Service timing",
|
|
"showWhen": "useDocumentTriggers",
|
|
"options": [
|
|
{
|
|
"value": "schedule",
|
|
"label": "Scheduled service time"
|
|
},
|
|
{
|
|
"value": "document",
|
|
"label": "ProPresenter document"
|
|
}
|
|
]
|
|
},
|
|
"serviceStartDocument": {
|
|
"type": "select",
|
|
"label": "Start document",
|
|
"default": "",
|
|
"group": "Service timing",
|
|
"showWhen": "useDocumentTriggers",
|
|
"optionsRoute": "/documents",
|
|
"help": "The document that goes live as the service begins."
|
|
},
|
|
"startGraceMinutes": {
|
|
"type": "number",
|
|
"label": "Start failsafe (min)",
|
|
"default": 10,
|
|
"group": "Service timing",
|
|
"showWhen": "useDocumentTriggers",
|
|
"help": "Without the start document this long after the scheduled start, the service counts from the scheduled start anyway."
|
|
},
|
|
"serviceEndDocument": {
|
|
"type": "select",
|
|
"label": "End document",
|
|
"default": "",
|
|
"group": "Service timing",
|
|
"showWhen": "useDocumentTriggers",
|
|
"optionsRoute": "/documents",
|
|
"help": "The document that goes live as the service ends; it freezes the service clock."
|
|
}
|
|
},
|
|
"instanceGroups": {
|
|
"Top bar": {
|
|
"collapsed": false
|
|
},
|
|
"Colors": {
|
|
"collapsed": false,
|
|
"columns": 2
|
|
},
|
|
"Item notes": {
|
|
"toggle": "showNotes"
|
|
},
|
|
"Show": {
|
|
"collapsed": true,
|
|
"columns": 2
|
|
}
|
|
},
|
|
"instanceSchema": {
|
|
"autoScroll": {
|
|
"type": "boolean",
|
|
"label": "Auto-scroll",
|
|
"default": true
|
|
},
|
|
"headerTemplate": {
|
|
"type": "template",
|
|
"label": "Top bar text",
|
|
"default": "{series} • {part} | {serviceType} • {date}",
|
|
"group": "Top bar",
|
|
"variables": [
|
|
{
|
|
"value": "{series}",
|
|
"label": "Series"
|
|
},
|
|
{
|
|
"value": "{part}",
|
|
"label": "Part / plan title"
|
|
},
|
|
{
|
|
"value": "{serviceType}",
|
|
"label": "Service type"
|
|
},
|
|
{
|
|
"value": "{date}",
|
|
"label": "Date"
|
|
},
|
|
{
|
|
"value": "{shortDate}",
|
|
"label": "Short date"
|
|
},
|
|
{
|
|
"value": "{time}",
|
|
"label": "Service time"
|
|
},
|
|
{
|
|
"value": "{length}",
|
|
"label": "Planned length"
|
|
},
|
|
{
|
|
"value": "{items}",
|
|
"label": "Item count"
|
|
}
|
|
],
|
|
"help": "Use • between items and | to start a second line."
|
|
},
|
|
"keyColor": {
|
|
"type": "color",
|
|
"label": "Song key",
|
|
"default": "#4ea1ff",
|
|
"group": "Colors"
|
|
},
|
|
"headerColor": {
|
|
"type": "color",
|
|
"label": "Section headers",
|
|
"default": "#2ee59a",
|
|
"group": "Colors"
|
|
},
|
|
"currentColor": {
|
|
"type": "color",
|
|
"label": "Current item",
|
|
"default": "#2ee59a",
|
|
"group": "Colors"
|
|
},
|
|
"headerGradient": {
|
|
"type": "boolean",
|
|
"label": "Header fade",
|
|
"default": true,
|
|
"group": "Colors"
|
|
},
|
|
"tintByType": {
|
|
"type": "boolean",
|
|
"label": "Tint by type",
|
|
"default": false,
|
|
"group": "Colors"
|
|
},
|
|
"showNotes": {
|
|
"type": "switch",
|
|
"label": "Item notes",
|
|
"default": true,
|
|
"group": "Item notes"
|
|
},
|
|
"noteCategories": {
|
|
"type": "multiselect",
|
|
"label": "Categories",
|
|
"group": "Item notes",
|
|
"optionsRoute": "/note-categories",
|
|
"columns": 3,
|
|
"allByDefault": true
|
|
},
|
|
"showTopBar": {
|
|
"type": "boolean",
|
|
"label": "Top bar",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showSeries": {
|
|
"type": "boolean",
|
|
"label": "Series name",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showPart": {
|
|
"type": "boolean",
|
|
"label": "Part / title",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showServiceType": {
|
|
"type": "boolean",
|
|
"label": "Service type",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showDate": {
|
|
"type": "boolean",
|
|
"label": "Plan date",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showServiceTime": {
|
|
"type": "boolean",
|
|
"label": "Service time",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showTotalLength": {
|
|
"type": "boolean",
|
|
"label": "Total length",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showRunningClock": {
|
|
"type": "boolean",
|
|
"label": "Running clock",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showCountdown": {
|
|
"type": "boolean",
|
|
"label": "Countdown",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showHeaders": {
|
|
"type": "boolean",
|
|
"label": "Section headers",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showItemNumbers": {
|
|
"type": "boolean",
|
|
"label": "Item numbers",
|
|
"default": false,
|
|
"group": "Show"
|
|
},
|
|
"showStartTimes": {
|
|
"type": "boolean",
|
|
"label": "Start times",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showLength": {
|
|
"type": "boolean",
|
|
"label": "Item length",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showItemType": {
|
|
"type": "boolean",
|
|
"label": "Type badge",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showKey": {
|
|
"type": "boolean",
|
|
"label": "Song key",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showArrangement": {
|
|
"type": "boolean",
|
|
"label": "Arrangement",
|
|
"default": false,
|
|
"group": "Show"
|
|
},
|
|
"showSongAuthor": {
|
|
"type": "boolean",
|
|
"label": "Author / CCLI",
|
|
"default": false,
|
|
"group": "Show"
|
|
},
|
|
"showDescription": {
|
|
"type": "boolean",
|
|
"label": "Item description",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showPreService": {
|
|
"type": "boolean",
|
|
"label": "Pre-service",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showPostService": {
|
|
"type": "boolean",
|
|
"label": "Post-service",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showNowIndicator": {
|
|
"type": "boolean",
|
|
"label": "Now indicator",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showItemRuntime": {
|
|
"type": "boolean",
|
|
"label": "Item runtime",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"dimCompleted": {
|
|
"type": "boolean",
|
|
"label": "Dim completed",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showLiveFooter": {
|
|
"type": "boolean",
|
|
"label": "Match line",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"absProgress": {
|
|
"type": "boolean",
|
|
"label": "Song progress",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"absSections": {
|
|
"type": "boolean",
|
|
"label": "Song sections",
|
|
"default": true,
|
|
"group": "Show"
|
|
}
|
|
},
|
|
"tiles": [
|
|
{
|
|
"id": "plan",
|
|
"name": "Plan",
|
|
"description": "The order of service, item by item",
|
|
"defaultSize": {
|
|
"w": 5,
|
|
"h": 6
|
|
},
|
|
"minSize": {
|
|
"w": 3,
|
|
"h": 3
|
|
}
|
|
},
|
|
{
|
|
"id": "teams",
|
|
"name": "Teams",
|
|
"description": "Who is scheduled, by team and position",
|
|
"defaultSize": {
|
|
"w": 4,
|
|
"h": 6
|
|
},
|
|
"minSize": {
|
|
"w": 2,
|
|
"h": 2
|
|
},
|
|
"instanceSchema": {
|
|
"columns": {
|
|
"type": "select",
|
|
"label": "Columns",
|
|
"default": "auto",
|
|
"options": [
|
|
{
|
|
"value": "auto",
|
|
"label": "Fit the tile"
|
|
},
|
|
{
|
|
"value": "1",
|
|
"label": "One"
|
|
},
|
|
{
|
|
"value": "2",
|
|
"label": "Two"
|
|
},
|
|
{
|
|
"value": "3",
|
|
"label": "Three"
|
|
}
|
|
]
|
|
},
|
|
"teams": {
|
|
"type": "multiselect",
|
|
"label": "Teams",
|
|
"columns": 2,
|
|
"allByDefault": true,
|
|
"optionsRoute": "/teams"
|
|
},
|
|
"headerTemplate": {
|
|
"type": "template",
|
|
"label": "Top bar text",
|
|
"default": "{serviceType} • {date} | {people} on {teams}",
|
|
"group": "Top bar",
|
|
"variables": [
|
|
{
|
|
"value": "{series}",
|
|
"label": "Series"
|
|
},
|
|
{
|
|
"value": "{part}",
|
|
"label": "Part / plan title"
|
|
},
|
|
{
|
|
"value": "{serviceType}",
|
|
"label": "Service type"
|
|
},
|
|
{
|
|
"value": "{date}",
|
|
"label": "Date"
|
|
},
|
|
{
|
|
"value": "{shortDate}",
|
|
"label": "Short date"
|
|
},
|
|
{
|
|
"value": "{time}",
|
|
"label": "Service time"
|
|
},
|
|
{
|
|
"value": "{people}",
|
|
"label": "People count"
|
|
},
|
|
{
|
|
"value": "{teams}",
|
|
"label": "Team count"
|
|
},
|
|
{
|
|
"value": "{confirmed}",
|
|
"label": "Confirmed count"
|
|
}
|
|
],
|
|
"help": "Use • between items and | to start a second line."
|
|
},
|
|
"teamColor": {
|
|
"type": "color",
|
|
"label": "Team headers",
|
|
"default": "#2ee59a",
|
|
"group": "Colors"
|
|
},
|
|
"tintTeams": {
|
|
"type": "boolean",
|
|
"label": "Tint teams",
|
|
"default": false,
|
|
"group": "Colors"
|
|
},
|
|
"tintRows": {
|
|
"type": "boolean",
|
|
"label": "Tint rows too",
|
|
"default": false,
|
|
"group": "Colors",
|
|
"showWhen": "tintTeams"
|
|
},
|
|
"headerGradient": {
|
|
"type": "boolean",
|
|
"label": "Header fade",
|
|
"default": true,
|
|
"group": "Colors"
|
|
},
|
|
"confirmedColor": {
|
|
"type": "color",
|
|
"label": "Confirmed",
|
|
"default": "#2ee59a",
|
|
"group": "Colors"
|
|
},
|
|
"unconfirmedColor": {
|
|
"type": "color",
|
|
"label": "Unconfirmed",
|
|
"default": "#f0b429",
|
|
"group": "Colors"
|
|
},
|
|
"declinedColor": {
|
|
"type": "color",
|
|
"label": "Declined",
|
|
"default": "#f4433c",
|
|
"group": "Colors"
|
|
},
|
|
"showTopBar": {
|
|
"type": "boolean",
|
|
"label": "Top bar",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showTeamHeaders": {
|
|
"type": "boolean",
|
|
"label": "Team headers",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showTeamCounts": {
|
|
"type": "boolean",
|
|
"label": "Team counts",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showAvatars": {
|
|
"type": "boolean",
|
|
"label": "Avatars",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showPosition": {
|
|
"type": "boolean",
|
|
"label": "Positions",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"groupByPosition": {
|
|
"type": "boolean",
|
|
"label": "Group by position",
|
|
"default": false,
|
|
"group": "Show"
|
|
},
|
|
"showStatus": {
|
|
"type": "boolean",
|
|
"label": "Status",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showNotes": {
|
|
"type": "boolean",
|
|
"label": "Person notes",
|
|
"default": false,
|
|
"group": "Show"
|
|
},
|
|
"showDeclined": {
|
|
"type": "boolean",
|
|
"label": "Declined people",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showUnconfirmed": {
|
|
"type": "boolean",
|
|
"label": "Unconfirmed people",
|
|
"default": true,
|
|
"group": "Show"
|
|
},
|
|
"showEmptyTeams": {
|
|
"type": "boolean",
|
|
"label": "Teams with nobody",
|
|
"default": false,
|
|
"group": "Show"
|
|
}
|
|
},
|
|
"instanceGroups": {
|
|
"Top bar": {
|
|
"collapsed": false
|
|
},
|
|
"Colors": {
|
|
"collapsed": false,
|
|
"columns": 2
|
|
},
|
|
"Show": {
|
|
"collapsed": true,
|
|
"columns": 2
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|