Last active
August 9, 2024 15:25
-
-
Save kopiro/0aa76cf863824f3910fcea9292aa5dfb to your computer and use it in GitHub Desktop.
SL Widget for Scriptable
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Variables used by Scriptable. | |
| // These must be at the very top of the file. Do not edit. | |
| // icon-color: deep-gray; icon-glyph: traffic-light; | |
| // To find your SITE_ID, go to https://transport.integration.sl.se/v1/sites?expand=true | |
| // and search for your station. The SITE_ID is the number in the id field. | |
| const SITE_ID = "9261"; | |
| // Transport can be BUS, TRAM, METRO, TRAIN, FERRY, SHIP, TAXI | |
| const TRANSPORT = "METRO"; | |
| // Line number | |
| const LINE = "14"; | |
| // Direction can be 1 or 2 | |
| const DIRECTION = "1"; | |
| // ------------------------------------------------ | |
| // Used only to refresh widget | |
| if (args.queryParameters.refresh) { | |
| App.close(); | |
| return; | |
| } | |
| function getIconByTransport() { | |
| switch (TRANSPORT) { | |
| case "BUS": | |
| return "🚌"; | |
| case "TRAM": | |
| return "🚋"; | |
| case "METRO": | |
| return "🚇"; | |
| case "TRAIN": | |
| return "🚆"; | |
| case "FERRY": | |
| return "⛴"; | |
| case "SHIP": | |
| return "🚢"; | |
| case "TAXI": | |
| return "🚕"; | |
| default: | |
| return "🚦"; | |
| } | |
| } | |
| async function loadData() { | |
| const url = `https://transport.integration.sl.se/v1/sites/${SITE_ID}/departures?transport=${TRANSPORT}&line=${LINE}&direction=${DIRECTION}&forecast=60`; | |
| const req = new Request(url); | |
| const json = await req.loadJSON(); | |
| return json; | |
| } | |
| const data = await loadData(); | |
| const first = data.departures[0]; | |
| const widget = new ListWidget(); | |
| widget.useDefaultPadding(); | |
| widget.refreshAfterDate = new Date(first.expected); | |
| widget.backgroundColor = new Color("#44464C"); | |
| const viewStack = widget.addStack(); | |
| viewStack.layoutVertically(); | |
| viewStack.centerAlignContent(); | |
| const departure = viewStack.addText( | |
| `${getIconByTransport(TRANSPORT)} ${first.stop_area.name}` | |
| ); | |
| departure.font = Font.mediumSystemFont(12); | |
| departure.textColor = new Color("#FFFFFF"); | |
| const destination = viewStack.addText( | |
| `${first.line.designation} to ${first.destination}` | |
| ); | |
| destination.font = Font.mediumSystemFont(12); | |
| destination.textColor = new Color("#FFFFFF"); | |
| viewStack.addSpacer(4); | |
| let i = 0; | |
| for (const d of data.departures) { | |
| const display = viewStack.addDate(new Date(d.expected)); | |
| display.font = Font.boldSystemFont(38 - i * i * 16); | |
| display.textColor = new Color("#FFFFFF"); | |
| display.applyTimeStyle(); | |
| const expected = new Date(d.expected) / (1000 * 60); | |
| const scheduled = new Date(d.scheduled) / (1000 * 60); | |
| if (expected - scheduled > 2) { | |
| display.textColor = new Color("#FF0000"); | |
| } else if (expected - scheduled > 1) { | |
| display.textColor = new Color("#FFFF00"); | |
| } else { | |
| display.textColor = new Color("#00FF00"); | |
| } | |
| if (++i >= 2) break; | |
| } | |
| viewStack.addSpacer(8); | |
| // Add last updated to | |
| const hStack = widget.addStack(); | |
| hStack.layoutHorizontally(); | |
| const label = hStack.addText("⏳ "); | |
| label.font = Font.mediumSystemFont(8); | |
| label.textColor = new Color("#FFFFFF"); | |
| const update = hStack.addDate(new Date()); | |
| update.applyRelativeStyle(); | |
| update.font = Font.mediumSystemFont(8); | |
| update.textColor = new Color("#FFFFFF"); | |
| // Override what the script does | |
| widget.url = `scriptable:///run/${encodeURIComponent( | |
| Script.name() | |
| )}?refresh=true`; | |
| widget.presentSmall(); | |
| Script.setWidget(widget); | |
| Script.complete(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment