feat: add ability to trigger script

yudax42 · yudax42 · commit deb8223802e9 · 2022-05-02T06:47:18.000Z
diff --git a/dist/worker.js b/dist/worker.js
diff --git a/pages/home.html b/pages/home.html
@@ -34,7 +34,7 @@
       button {
         padding: 15px;
         font-size: 20px;
-        margin-top: 15px;
+        margin: 15px 0px;
         background-color: black;
         color: white;
         border: none;
@@ -45,6 +45,12 @@
         opacity: 0.8;
         cursor: pointer;
       }
+      .success {
+        color: green;
+      }
+      .failure {
+        color: red;
+      }
     </style>
   </head>
   <body>
@@ -54,7 +60,10 @@
 
         To manually test the script, click this button.
         <br />
-        <button>☁️ Trigger Export</button>
+        <div class="actions">
+          <button id="trigger">☁️ Trigger Export</button>
+          <div class="responses"></div>
+        </div>
         <p>
           in order for the script to execute on a time-based, you must create
           <br />a cron job task for it, Navigate to
@@ -78,5 +87,26 @@
         </ul>
       </div>
     </div>
+    <script>
+      window.onload = () => {
+        const btn = document.querySelector('#trigger')
+        const triggerScript = async () => {
+          const responses = document.querySelector('.responses')
+          responses.innerHTML = ''
+          const span = document.createElement('SPAN')
+          const res = await fetch('/test')
+          if (res.ok) {
+            span.classList.add('success')
+            span.innerText = 'Success! started exporting your workspaces...'
+          } else {
+            span.classList.add('failure')
+            span.innerText =
+              'Unable to start the script, please activate the test mode.'
+          }
+          responses.appendChild(span)
+        }
+        btn.addEventListener('click', triggerScript)
+      }
+    </script>
   </body>
 </html>
diff --git a/src/index.js b/src/index.js
@@ -3,14 +3,14 @@ import home from '../pages/home.html'
 import error from '../pages/error.html'
 
 addEventListener('fetch', event => {
-  event.respondWith(handleRequest(event.request))
+  event.respondWith(handleRequest(event))
 })
 addEventListener('scheduled', event => {
   event.waitUntil(triggerExport())
 })
 
-async function handleRequest(request) {
-  const { pathname } = new URL(request.url)
+async function handleRequest(event) {
+  const { pathname } = new URL(event.request.url)
 
   if (typeof TOKEN_V2 === 'undefined') {
     return new Response(error, {
@@ -20,8 +20,18 @@ async function handleRequest(request) {
     })
   }
 
-  if (pathname === '/test' && typeof MODE !== 'undefined' && MODE == 'test')
-    await triggerExport()
+  if (pathname === '/test') {
+    if (typeof MODE !== 'undefined' && MODE == 'test') {
+      event.waitUntil(triggerExport())
+      return new Response('OK', { status: 200 })
+    } else {
+      return new Response(
+        'Failed to trigger the script, please enable test mode',
+        { status: 400 },
+      )
+    }
+  }
+
   return new Response(home, {
     headers: {
       'content-type': 'text/html',
