How do I add a Cloudwatch Metrics Alarm Widget to a Cloudwatch Dashboard? I don’t see the widget type, is it unsupported? https://www.pulumi.com/docs/reference/pkg/nodejs/pulumi/awsx/cloudwatch/#apis In a cloudwatch dashboard body it would look something like:

{
  "widgets": [
    {
      "type": "alarm",
      "x": 0,
      "y": 0,
      "width": 24,
      "height": 3,
      "properties": {
        "title": "",
        "alarms": [
          "arn:aws:cloudwatch:us-east-2:0123456789:alarm:SystemBackupDuration-a2737a4",
        ]
      }
    }
  ]
}

@millions-furniture-75402 it looks like there's a MetricAlarm resource under the regular aws package: https://www.pulumi.com/docs/reference/pkg/aws/cloudwatch/metricalarm/ Is that what you're looking for?

I think that’s more for the metric alarm itself. I need a dashboard widget that can display the status of the metric alarm.

You’ll want to refer to https://docs.aws.amazon.com/AmazonCloudWatch/latest/APIReference/CloudWatch-Dashboard-Body-Structure.html

Yeah, but that’s all or nothing without using the advantageous of the awsx package.

Ah, sorry, and re-reading your original post, I see you’re looking at this from the

awsx

perspective.

For more context, I’m building my dashboard using awsx:

const dashboardName = `${appName}-${aws.config.region}`;

new awsx.cloudwatch.Dashboard(dashboardName, {
  widgets: [
    // EC2 / bastion
    new awsx.cloudwatch.TextWidget({
      markdown: "# Bastion",
      height: 1,
      width: 24,
    }),
    new awsx.cloudwatch.LineGraphMetricWidget({
      title: "CPU Utilization",
      width: 6,
      height: 3,
      annotations: new awsx.cloudwatch.HorizontalAnnotation(bastionAlarms.cpuUtilization),
      metrics: bastionMetrics.cpuUtilization,
    }),
    new awsx.cloudwatch.LineGraphMetricWidget({
      title: "Network",
      width: 6,
      height: 3,
      metrics: [
        bastionMetrics.networkIn,
        bastionMetrics.networkOut,
      ],
    }),

  ],
});

Gotcha. Then yes, I think this is missing from the

awsx

library as https://github.com/pulumi/pulumi-awsx/blob/bf6ce7cbab4ec1d6d991bc85ae320f5a3839b0f0/nodejs/awsx/cloudwatch/widgets_json.ts#L24

Are theres classes in awsx that I can extend to ultimately create a new widget from RAW json?

I can’t think of an easy way if you’re staying w/in the confines of TypeScript because addWidgetJson takes

WidgetJson

which restricts the

type

to

metric

and

text

I hacked something together within my project to unblock myself for now. I can revisit a PR, but the barrier to entry for that will be higher for me than someone more familiar with the code case already:

export interface AlarmWidgetArgs extends awsx.cloudwatch.SimpleWidgetArgs {
  alarms: pulumi.Input<string>[];
}

export interface WidgetJson {
  type: pulumi.Input<"alarm" | "metric" | "text">;
  x: pulumi.Input<number>;
  y: pulumi.Input<number>;
  width: pulumi.Input<number>;
  height: pulumi.Input<number>;
  properties: Record<string, any>;
}

export class AlarmWidget implements awsx.cloudwatch.Widget {
  private readonly alarms: pulumi.Input<string>[];

  constructor(private readonly alarmArgs: AlarmWidgetArgs) {
    this.alarms = alarmArgs.alarms;
  }

  public width() {
    return this.alarmArgs.width !== undefined ? this.alarmArgs.width : 6;
  }

  public height() {
    return this.alarmArgs.height !== undefined ? this.alarmArgs.height : 6;
  }

  /** For internal use only. */
  public addWidgetJson(widgetJsons: WidgetJson[], xOffset: number, yOffset: number) {
    // Build the structure common to all simple widgets.  Defer to our subclasses for
    // details only they can fill in.
    widgetJsons.push({
      x: xOffset,
      y: yOffset,
      width: this.width(),
      height: this.height(),
      type: "alarm",
      properties: {
        alarms: this.alarmArgs.alarms
      },
    });
  }
}

Usage:

new AlarmWidget({
      height: 3,
      width: 24,
      alarms: [
        rdsAlarms.burstBalance.arn,
        rdsAlarms.cpuCreditBalance.arn,
        rdsAlarms.cpuUtilization.arn,
        rdsAlarms.databaseConnections.arn,
        rdsAlarms.diskQueueDepth.arn,
        rdsAlarms.freeableMemory.arn,
        rdsAlarms.freeStorageSpace.arn,
        rdsAlarms.swapUsage.arn,
      ],
    }),