KMB Bus eta Widget on iOS

The site is a “KMB Stop Finder” that lets you look up all stops for a given KMB route and direction, then copy the internal Stop IDs needed to configure a Scriptable widget on iOS. It pulls live data from the KMB Open Data API, so the list of stops and IDs matches the official KMB system.

How to use the Stop Finder

To use the page, you enter a bus route (for example, 1A) in the “Bus Route” box, choose a direction (Outbound or Inbound), and optionally type a Chinese or English stop name or ID to filter the list. The tool then displays all matching stops in order, including the Chinese name, English name, and the long Stop ID string you need.

Understanding the search results

Each result shows a stop number in sequence, the Chinese name as a heading, the English name underneath, a short code in brackets, and then a long alphanumeric Stop ID such as “A3ADFCDF8487ADB9.” The interface also tells you how many stops were found for that route and direction (for example, “Found 34 of 34 stops” for route 1A outbound).

Using Stop IDs in a Scriptable widget

Once you find the Stop IDs you need, you copy those long IDs into your Scriptable widget configuration so the widget can query KMB’s API for real‑time arrivals at those exact stops. The site explicitly reminds users that “Use these Stop IDs in your KMB Scriptable widget configuration” and credits the KMB Open Data API as the data source.

1. Install and basic setup

To get started, you need an iPhone or iPad running iOS 14 or later and the Scriptable app installed from the App Store. After installation, open Scriptable once so iOS registers it, and optionally enable iCloud sync if you want to edit scripts on your computer and sync them to your device.

2. Create your first script

Inside Scriptable, tap the “+” button to create a new script and give it a meaningful name, such as “My First Widget.” Paste below code to create your first widget:

If you cannot copy the code below, you can copy the code here

3. Replace the red text

   
   

   Replace the bus number, stop ID, and label
   

   

   
   

4. Preview your widget inside the app

When you tap the “play” button in Scriptable, the script runs and shows a preview of the widget in the app.

5. Add Scriptable to your Home Screen

To show your script as a real widget:

• Long‑press on the Home Screen and tap the “+” in the corner.

  
  

• Search for “Scriptable” in the widget list and choose a widget size (small, medium, or large).

  
  

• Add the widget, then long‑press that widget and tap “Edit Widget.”

  
  

• In the widget configuration, select your script (“My First Widget”) and close the editor.

Your Scriptable widget will now run that script whenever it refreshes, showing whatever you designed inside the widget.

Comment to let me know if you encounter any issues.