Camera strategy to show all cameras on a view

camera_strategy.js

/*
Camera strategy that shows all of your Cameras.

To use:
 - store this file in `<config>/www/camera_strategy.js`
 - Add lovelace resource: `/local/camera_strategy.js`, type JavaScript Module
 - Create a new Lovelace dashboard and set as content:

views:
- title: Cameras
  strategy:
    type: 'custom:camera-view'
    options:
      cardOptions:
        aspect_ratio: "16x9",
*/

const stateObj2Card = (stateObj, strategyOptions) => {
  return {
    show_state: false,
    show_name: false,
    camera_view: "live",
    type: "picture-entity",
    aspect_ratio: "16x9",
    entity: stateObj.entity_id,
  ...strategyOptions.cardOptions,
  };
};

class CameraStrategy {
  static async generateView(info) {
    const strategyOptions = info.view.strategy.options || {};

    let states = Object.values(info.hass.states).filter(
      (stateObj) =>
        stateObj.entity_id.startsWith("camera.")
    );

    const cards = states.map((stateObj) => stateObj2Card(stateObj, strategyOptions));

    return {
      cards,
    };
  }
}

customElements.define("ll-strategy-camera-view", CameraStrategy);