Enrich notification message and update readme

README.md

@@ -30,7 +30,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v2
-    - name: Wait for CF Pages
+    - name: Await CF Pages and send Slack notification
       id: cf-pages
       uses: arddluma/cf-pages-slack-notification@v2
       with:
@@ -45,6 +45,16 @@ jobs:
         githubToken: ${{ secrets.GITHUB_TOKEN }}
 ```
 
+## Screenshots
+
+### If build phase fails:
+
+  ![Build Fails](.github/images/build-failed.png)
+
+### If deployment phase is successful:
+
+  ![Deployment Successful](.github/images/deployment-succeeded.png)
+
 ## Outputs
 * `id`          - Deployment ID, example: `50ff553c-da5d-4846-8188-25ae82a3bb7d`
 * `environment` - Envrionment for this deployment, either `production` or `preview`

dist/action.js

@@ -11400,9 +11400,10 @@ async function run() {
     if (lastStage === "build") {
       waiting = false;
       core.setFailed(`Build failed on step: ${latestStage.name}!`);
-      slack.send(`CloudFlare Pages Build pipeline for project ${project} FAILED!
-Environment: ${deployment.environment}
-Deployment ID: ${deployment.id}`).then(() => {
+      slack.send(`:x: CloudFlare Pages \`Build\` pipeline for project *${project}* \`FAILED\`!
+Environment: *${deployment.environment}*
+Deployment ID: *${deployment.id}*
+Checkout <https://dash.cloudflare.com?to=/${accountId}/pages/view/${deployment.project_name}/${deployment.id}|build logs>`).then(() => {
         console.log("Slack message for BUILD failed pipeline sent!");
       }).catch((err) => {
         console.error(err);
@@ -11424,19 +11425,21 @@ Deployment ID: ${deployment.id}`).then(() => {
       core.setOutput("alias", aliasUrl);
       core.setOutput("success", deployment.latest_stage.status === "success" ? true : false);
       if (deployment.latest_stage.status === "success" && true) {
-        slack.send(`CloudFlare Pages Depolyment pipeline for project ${project} SUCCEEDED!
-Environment: ${deployment.environment}
-Deployment ID: ${deployment.id}
-Deployment URL: ${deployment.url}`).then(() => {
+        slack.send(`:white_check_mark: CloudFlare Pages \`Deployment\` pipeline for project *${project}* \`SUCCEEDED\`!
+Environment: *${deployment.environment}*
+Deployment ID: *${deployment.id}*
+Deployment URL: ${deployment.url}
+Checkout <https://dash.cloudflare.com?to=/${accountId}/pages/view/${deployment.project_name}/${deployment.id}|build logs>`).then(() => {
           console.log("Slack message for DEPLOYMENT succedded pipeline sent!");
         }).catch((err) => {
           console.error(err);
         });
       }
       if (deployment.latest_stage.status === "failed" && true) {
-        slack.send(`CloudFlare Pages Depolyment pipeline for project ${project} FAILED!
-Environment: ${deployment.environment}
-Deployment ID: ${deployment.id}`).then(() => {
+        slack.send(`:x: CloudFlare Pages \`Deployment\` pipeline for project *${project}* \`FAILED\`!
+Environment: *${deployment.environment}*
+Deployment ID: *${deployment.id}*
+Checkout <https://dash.cloudflare.com?to=/${accountId}/pages/view/${deployment.project_name}/${deployment.id}|build logs>`).then(() => {
           console.log("Slack message for DEPLOYMENT failed pipeline sent!");
         }).catch((err) => {
           console.error(err);

src/action.ts

@@ -49,7 +49,7 @@ export default async function run() {
     if (lastStage === 'build') {
       waiting = false;
       core.setFailed(`Build failed on step: ${latestStage.name}!`);
-      slack.send(`CloudFlare Pages Build pipeline for project ${project} FAILED!\nEnvironment: ${deployment.environment}\nDeployment ID: ${deployment.id}`).then(() => {
+      slack.send(`:x: CloudFlare Pages \`Build\` pipeline for project *${project}* \`FAILED\`!\nEnvironment: *${deployment.environment}*\nDeployment ID: *${deployment.id}*\nCheckout <https://dash.cloudflare.com?to=/${accountId}/pages/view/${deployment.project_name}/${deployment.id}|build logs>`).then(() => {
         console.log('Slack message for BUILD failed pipeline sent!');
       }).catch((err) => {
         console.error(err);
@@ -75,15 +75,15 @@ export default async function run() {
       core.setOutput('success', deployment.latest_stage.status === 'success' ? true : false);
 
       if (deployment.latest_stage.status === 'success' && true) {
-        slack.send(`CloudFlare Pages Depolyment pipeline for project ${project} SUCCEEDED!\nEnvironment: ${deployment.environment}\nDeployment ID: ${deployment.id}\nDeployment URL: ${deployment.url}`).then(() => {
+        slack.send(`:white_check_mark: CloudFlare Pages \`Deployment\` pipeline for project *${project}* \`SUCCEEDED\`!\nEnvironment: *${deployment.environment}*\nDeployment ID: *${deployment.id}*\nDeployment URL: ${deployment.url}\nCheckout <https://dash.cloudflare.com?to=/${accountId}/pages/view/${deployment.project_name}/${deployment.id}|build logs>`).then(() => {
           console.log('Slack message for DEPLOYMENT succedded pipeline sent!');
         }).catch((err) => {
           console.error(err);
         });
       }
 
       if (deployment.latest_stage.status === 'failed' && true) {
-        slack.send(`CloudFlare Pages Depolyment pipeline for project ${project} FAILED!\nEnvironment: ${deployment.environment}\nDeployment ID: ${deployment.id}`).then(() => {
+        slack.send(`:x: CloudFlare Pages \`Deployment\` pipeline for project *${project}* \`FAILED\`!\nEnvironment: *${deployment.environment}*\nDeployment ID: *${deployment.id}*\nCheckout <https://dash.cloudflare.com?to=/${accountId}/pages/view/${deployment.project_name}/${deployment.id}|build logs>`).then(() => {
           console.log('Slack message for DEPLOYMENT failed pipeline sent!');
         }).catch((err) => {
           console.error(err);