From 3f47ca0c7f204fa31558880d16990f9c915298cf Mon Sep 17 00:00:00 2001
From: Alexander Wert <alexander.wert@elastic.co>
Date: Fri, 1 Apr 2022 09:02:52 +0200
Subject: [PATCH] Created fallback docs if GitHub API request fails.

---
 .../lambda-attributes-selector.asciidoc       | 43 ++++++++++++++-----
 1 file changed, 33 insertions(+), 10 deletions(-)

diff --git a/docs/lambda-selector/lambda-attributes-selector.asciidoc b/docs/lambda-selector/lambda-attributes-selector.asciidoc
index b2bcc946..551bcaac 100644
--- a/docs/lambda-selector/lambda-attributes-selector.asciidoc
+++ b/docs/lambda-selector/lambda-attributes-selector.asciidoc
@@ -31,7 +31,7 @@
   column-gap: 5px;
 }
 
-[role="select-input"]{
+[role="select-input"] {
     border: none;
     margin-left: 1px;
     color: #2b4590;
@@ -39,9 +39,17 @@
     border-radius: 5px;
 }
 
-[role="lambda-selector-header"]{
+[role="lambda-selector-header"] {
   align-self: flex-start;
 }
+
+#fallback-extension-arn-selector-section {
+  display: none;
+}
+
+#fallback-agent-arn-selector-section {
+  display: none;
+}
 </style>
 
 <script>
@@ -61,16 +69,15 @@ const addArnGenerator = async (type, ghRepo, arnPattern) => {
     tab.innerHTML = tab.innerHTML.replace(rgx, `<span role="replace${type}Arn"></span>`);
   });
 
-  var version = "ver-1-0-0";
+  var version = undefined;
   var releaseArns = [];
 
   const retrieveLatestLayerVersion = async () => {
     const releases = await fetch(`https://api.github.com/repos/elastic/${ghRepo}/releases`).then(data => {
-        return data.json();
+        return data.status >= 400 ? undefined : data.json();
       });
-      
-      releases.filter(release => !release.draft && release.body.includes('arn:aws:lambda:'));
-      
+    
+    if(releases){
       var latestRelease = releases[0];
 
       releases.forEach(release => {
@@ -82,11 +89,25 @@ const addArnGenerator = async (type, ghRepo, arnPattern) => {
       releaseArns = latestRelease.body.match(layerArnPattern);
 
       version = latestRelease.tag_name.replace("v","ver-").replace(/\./g, '-');
+    } else {
+      document.getElementById("default-arn-selector-section").style.display = "none";
+      const fallbackSection = document.getElementById(`fallback-${type}-arn-selector-section`);
+      if(fallbackSection){
+        fallbackSection.innerHTML = fallbackSection.innerHTML.replace(/RELEASE_LINK/, `https://github.com/elastic/${ghRepo}/releases/latest`);
+        fallbackSection.style.display = "block";
+      }
+    }
   };
 
   const updateARN = (region, arch) => {
-      const arnWithoutLayerVersion = arnPattern.replace(/\$\{region\}/, region).replace(/\$\{arch\}/, arch).replace(/\$\{version\}/, version);
-      const arn = releaseArns.length === 0 ? arnWithoutLayerVersion + ':1' : releaseArns.find(a => a.startsWith(arnWithoutLayerVersion));
+      var arn = `&lt;SELECTED_${type.toUpperCase()}_LAYER_ARN&gt;`;
+      if(version && releaseArns.length > 0){
+        const arnWithoutLayerVersion = arnPattern.replace(/\$\{region\}/, region).replace(/\$\{arch\}/, arch).replace(/\$\{version\}/, version);
+        const lookedUpArn = releaseArns.find(a => a.startsWith(arnWithoutLayerVersion));
+        if(lookedUpArn){
+          arn = lookedUpArn;
+        }
+      }
       document.querySelectorAll(`[role="replace${type}Arn"]`).forEach(span => {
         span.innerHTML = arn;
       });
@@ -106,7 +127,9 @@ window.addEventListener("DOMContentLoaded", async () => {
 });
 </script>
 
-<div role="lambda-selector">
+<p id="fallback-extension-arn-selector-section">Pick the right ARN from <a target="_bkank" href="RELEASE_LINK">this release table for the APM Lambda Extension Layer</a>.</p>
+<p id="fallback-agent-arn-selector-section">In addition, pick the right ARN from <a target="_bkank" href="RELEASE_LINK">this release table for the APM Agent Layer</a>.</p>
+<div id="default-arn-selector-section" role="lambda-selector">
   <div role="lambda-selector-header">Select the AWS region and architecture of your Lambda function. This documentation will update based on your selections.</div>
   <div role="lambda-selector-content">
     <div role="lambda-selector-input">