IdFM Card by @lesensei

A simple Home Assistant Lovelace card to show upcoming vehicles on the Ile de France Mobilite network.

For now, this card is not based on any entity configuration. It will only make API calls to get next departures when its tab is active, and refresh every 30s as long as the tab stays open.

Options

Name	Type	Requirement	Description	Default
type	string	Required	custom:idfm-card
name	string	Optional	Header text	Depends on conf
line	string	Required	ID of the line to monitor
station	string	Required	ID of the station to monitor
arrivalStation	string	Optional	ID of the destination station
direction	string	Optional	Direction to monitor (A, R, AR)	AR
maxTrainsShown	number	Optional	Max number of trains to show
maxWaitMinutes	number	Optional	Do not show trains due later than this

The simplest way to get started is to use the visual editor and paste a URL in the helper field (see below).

Installation

The simplest way to install this card is to add this repository to HACS. If you wish to install it manually, you may follow the instructions below.

Download

Go to https://github.com/lesensei/idfm-card/releases, click on "Assets" and download the idfm-card.js file.

Upload to HA

Put the downloaded file in the config/www/ folder of your HA installation.

Add the custom to Lovelace resources

Go to Config > Lovelace dashboards -> Resources, click the bottom-right "add" button, enter the /local/idfm-card.js URL and choose the "javascript module" type, then click "create".

Add the component to your dashboard

1. Go to https://me-deplacer.iledefrance-mobilites.fr/fiches-horaires/ and query the next departure times for your chosen transport line and station. Once you can see them displayed, copy your browser's URL.
2. Back to HA, open your dashboard of choice, click the "hamburger" menu in the top right then "modify", and click the "add card" button in the bottom-right. Choose the IDFM card (probably "Carte ile de france mobilité"), and paste the URL from the previous step. It should automatically populate the line, station and either the arrivalStation or the direction fields.
3. Change the other optional fields if you wish (and lose the amazing automatic header if you change the namefield !) and click "save".

If step 2 above doesn't work for you, you can still find the IDs you need manually, though it is a bit harder. You will need to look at the URL from step 1 and find the line and stop_area parameters (beware, they are URL encoded).

Here are some examples:

• https://me-deplacer.iledefrance-mobilites.fr/fiches-horaires/bus/line%3A0%3A100100073%3A73/horaires?date=2021-02-01T23%3A03&direction=-1&line=line%3A0%3A100100073%3A73%7C%7C73%7CBus%7C&routeId=route%3A0%3A1001000730001R&stopId=stop_point%3A0%3ASP%3A59%3A4022897&transporter

  in this URL, the line parameter is line:0:100100073:73 and the station parameter is stop_point:0:SP:59:4022897

• https://me-deplacer.iledefrance-mobilites.fr/fiches-horaires/tramway/line%3A0%3A100112013%3AT3A/horaires?date=2021-02-01T23%3A05&stopId=stop_area%3A0%3ASA%3A59559

  in this URL, the line parameter is line:0:100112013:T3A and the station parameter is stop_area:0:SA:59559

• https://me-deplacer.iledefrance-mobilites.fr/fiches-horaires/train/line%3A0%3A810%3AA/horaires?arrivalId=stop_area%3A0%3ASA%3A8775814&date=2021-02-01T23%3A10&departureId=stop_area%3A0%3ASA%3A8775817

  in this URL, the line parameter is line:0:810:A and the station parameter is stop_area:0:SA:8775817 (Beware ! Look for departureId, not arrivalId !)

• https://me-deplacer.iledefrance-mobilites.fr/fiches-horaires/metro/line%3A0%3A100110003%3A3/horaires?date=2021-02-01T23%3A10&stopId=stop_area%3A0%3ASA%3A59325

  in this URL, the line parameter is line:0:100110003:3 and the station parameter is stop_area:0:SA:59325

If you need help decoding the parameters, this site looks legit enough (local decoding through javascript).

?

Profit!