Add "CloudFormation Stacks" command to AWS extension (#950)

* chore: update readme for amazon-aws

* feat: add cloudformation stacks AWS command

* refactor: ensure consistent file naming

* chore: update readme

* chore: add JonathanWbn to AWS contributors

extensions/amazon-aws/README.md

@@ -4,6 +4,9 @@
 
 - List your EC2 Instances.
 - List your SQS Queues.
+- List your CodePipelines.
+- List your CloudFormation Stacks.
+- Access your AWS Console.
 
 ## Configuration
 

extensions/amazon-aws/package.json

@@ -6,12 +6,13 @@
   "icon": "command-icon.png",
   "author": "Falcon",
   "contributors": [
-    "Hodglim"
+    "Hodglim",
+    "JonathanWbn"
   ],
   "license": "MIT",
   "commands": [
     {
-      "name": "index",
+      "name": "ec2",
       "title": "EC2 Instances",
       "subtitle": "Amazon AWS",
       "description": "List and Filter All your EC2 Instances",
@@ -37,6 +38,13 @@
       "subtitle": "Amazon AWS",
       "description": "Launch AWS console links",
       "mode": "view"
+    },
+    {
+      "name": "cloudformation",
+      "title": "CloudFormation Stacks",
+      "subtitle": "Amazon AWS",
+      "description": "List All your CloudFormation Stacks",
+      "mode": "view"
     }
   ],
   "preferences": [

extensions/amazon-aws/src/cloudformation.tsx

@@ -0,0 +1,83 @@
+import { getPreferenceValues, ActionPanel, List, OpenInBrowserAction, Detail } from "@raycast/api";
+import { useState, useEffect } from "react";
+import * as AWS from "aws-sdk";
+import { Preferences } from "./types";
+import { StackSummary } from "aws-sdk/clients/cloudformation";
+
+export default function ListStacks() {
+  const preferences: Preferences = getPreferenceValues();
+  AWS.config.update({ region: preferences.region });
+  const cloudformation = new AWS.CloudFormation({ apiVersion: "2016-11-15" });
+
+  const [state, setState] = useState<{
+    stacks: StackSummary[];
+    loaded: boolean;
+    hasError: boolean;
+  }>({
+    stacks: [],
+    loaded: false,
+    hasError: false,
+  });
+
+  useEffect(() => {
+    if (!preferences.region) return;
+    async function fetch() {
+      cloudformation.listStacks({}, async (err, data) => {
+        if (err) {
+          setState({
+            hasError: true,
+            loaded: false,
+            stacks: [],
+          });
+        } else {
+          setState({
+            hasError: false,
+            loaded: true,
+            stacks: data.StackSummaries || [],
+          });
+        }
+      });
+    }
+    fetch();
+  }, []);
+
+  if (state.hasError) {
+    return (
+      <Detail markdown="No valid [configuration and credential file](https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-files.html) found in your machine." />
+    );
+  }
+
+  return (
+    <List isLoading={!state.loaded} searchBarPlaceholder="Filter stacks by name...">
+      {state.stacks.map((s) => (
+        <CloudFormationStack key={s.StackName} stack={s} />
+      ))}
+    </List>
+  );
+}
+
+function CloudFormationStack({ stack }: { stack: StackSummary }) {
+  const preferences: Preferences = getPreferenceValues();
+
+  return (
+    <List.Item
+      id={stack.StackName}
+      key={stack.StackName}
+      title={stack.StackName}
+      accessoryTitle={stack.LastUpdatedTime ? new Date(stack.LastUpdatedTime).toLocaleString() : undefined}
+      actions={
+        <ActionPanel>
+          <OpenInBrowserAction
+            title="Open in Browser"
+            url={
+              "https://console.aws.amazon.com/cloudformation/home?region=" +
+              preferences.region +
+              "#/stacks/stackinfo?stackId=" +
+              stack.StackId
+            }
+          />
+        </ActionPanel>
+      }
+    />
+  );
+}