[APP][Pro] NEW: Dashboard Studio - A completely free-form dashboard designer

Apps
,
76

How to show Ring doorbell image in Dashboard Studio.

  1. Define an advanced flow, eg. make every minute a snapshot and during movement or doorbell ringing
    image
    image1212×333 53.2 KB
  2. with Homey developer tools go to your Ring image. Enlage the image en copy the url up to “api/image/”
  3. Fill in the Homey script in step 1 definition
// Get Homey devices
const devices = await Homey.devices.getDevices();

// Search device with Ring driver
const doorbell = Object.values(devices).find(device => 
    device.driverId === 'homey:app:com.amazon.ring:doorbell'
);

let imageId = null;

if (doorbell) {
    if (doorbell.images && doorbell.images.length > 0 && doorbell.images[0].imageObj) {
        imageId = doorbell.images[0].imageObj.id;
    } else {
        console.log("Ring found, but no image.");
        return null;
    }
} else {
    console.log("No Ring found.");
    return null;
}

// Construct image path and use url from step 2 without the square brackets
const prefix = "[url from step 2]" + imageId + "?rand=";

// Prevent image cache
const randomNumber = Math.floor(Math.random() * 10000) + 1;
return prefix + randomNumber;
  1. Send Homey script return value to Dashboard Studio (in my example Ring Url)
  2. Define in Dashboard Studio an Image widget and use the variable from step 4 as URL (after at least one flow execution):
    image
    image380×117 3.15 KB

Nice!