Merge pull request #21 from oasisprotocol/lw/frontend-only

frontend: Add script to run frontend only
oasisprotocol · Oct 30, 2024 · 8e641cb · 8e641cb
2 parents 81f344d + f9b266d
commit 8e641cb
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/faucet-frontend/README.md b/faucet-frontend/README.md
@@ -16,6 +16,10 @@ edit faucet-backend.toml
 (cd ../faucet-backend && go1.17.6 build && ./faucet-backend)
 
 open http://localhost:8080/
+
+
+# run frontend only:
+yarn dev-frontend-only
 ```
 
 

diff --git a/faucet-frontend/package.json b/faucet-frontend/package.json
@@ -1,5 +1,6 @@
 {
   "scripts": {
+    "dev-frontend-only": "rm -rf .parcel-cache && parcel serve src/index.pug",
     "dev": "rm -rf .parcel-cache && parcel watch src/index.pug",
     "build": "rm -rf .parcel-cache && parcel build src/index.pug"
   },

diff --git a/faucet-frontend/src/main.js b/faucet-frontend/src/main.js
@@ -1,9 +1,15 @@
 // @ts-check
 
-function showResponseStatus(status) {
+function showResponseStatus(error, status, requestBody) {
   document.querySelector('#request-form').style.display = 'none';
   document.querySelector('#response-display').style.display = 'block';
-  document.querySelector('#response-display-text').textContent = status;
+  if (error) {
+    document.querySelector('#response-display-text').textContent = error;
+  } else {
+    document.querySelector('#response-display-text').textContent = status;
+    if (requestBody.get('paratime') === 'emerald') {}
+    if (requestBody.get('paratime') === 'sapphire') {}
+  }
 }
 function showLoading(bool) {
   document.querySelector('#request-form-submit').disabled = bool;
@@ -31,21 +37,22 @@ document.querySelector('#request-form').addEventListener('submit', (event) => {
       /** @type {HTMLFormElement} */
       (event.currentTarget);
     const url = form.action;
+    const requestBody = new URLSearchParams(new FormData(form))
 
     fetch(url, {
       method: 'POST',
-      body: new URLSearchParams(new FormData(form)),
+      body: requestBody,
       headers: {
         Accept: 'application/json',
       },
     })
       .then(response => response.json())
       .then((responseJson) => {
         showLoading(false);
-        showResponseStatus(responseJson.result);
+        showResponseStatus(null, responseJson.result, requestBody);
       }, (error) => {
         showLoading(false);
-        showResponseStatus(error);
+        showResponseStatus(error, null, requestBody);
       });
 
     // Only prevent native form POST if no errors were thrown until `fetch`