WIP - AutoFill JavaScript

- fetching successfully and logging article data
- TODO: needs some serious cleanup, remove test IDs specifically

Author: FeXd

quick-weblog.js

@@ -1,7 +1,7 @@
+function getArticle(url, api_key) {
 
-const backup = 'https://article-extractor2.p.rapidapi.com/article/parse?url=https%3A%2F%2Frapidapi.com%2Fblog%2Frapidapi-marketplace-is-now-rapidapi-hub%2F';
+  const base_url = 'https://article-extractor2.p.rapidapi.com/article/parse?url=';
 
-function getArticle(url) {
   const options = {
     method: 'GET',
     headers: {
@@ -10,13 +10,17 @@ function getArticle(url) {
     }
   };
 
-  fetch(url, options)
-	.then(response => response.json())
-	.then(response => console.log(response))
-	.catch(err => console.error(err));
+  fetch(base_url + url, options)
+	.then(response => {
+    if (response.status !== 200) {
+      throw new Error(`Request failed with status ${response.status}`);
+    }
+    return response.json();
+  })
+	.then(response => {
+    console.log(response);
+  })
+	.catch(err => {
+    console.error(err);
+  });
 }
-
-console.log('quick-weblog.js success');
-
-
-{/* <script type="module" src="<?php echo plugin_dir_url( __FILE__ ); ?>quick-weblog.js"></script> */}

quick-weblog.php

@@ -12,9 +12,10 @@
 Text Domain: quick-weblog
 */
 
-$api_key = get_option('quick_weblog_api_key', '');
-
 function quick_weblog_form() {
+  
+  $api_key = get_option('quick_weblog_api_key', '');
+
   ?>
   <style>
     #quick-weblog {
@@ -47,13 +48,25 @@ function quick_weblog_form() {
     }
   </style>
 
+  <script src="<?php echo plugin_dir_url( __FILE__ ); ?>quick-weblog.js"></script>
+
+  <script>
+    window.addEventListener("DOMContentLoaded", (event) => {
+      document.getElementById("quick-test").addEventListener("click", (click_event) => {
+        getArticle(document.getElementById("quick-test-input").value, "<?php echo esc_js( wp_kses( $api_key, array() ) ); ?>" );
+      });
+    });
+  </script>
+
   <p id="quick-weblog-description">Quickly create a simple Post that highlights an existing news article. Posts include a captioned image and quote with URL citation of original article. All fields are required.</p>
 
+  <button id="quick-test">Quick Test</button>
+
   <div class="card">
     <form id="quick-weblog" method="post" action="<?php echo esc_url( admin_url('admin-post.php') ); ?>">
       <div>
         <label for="url"><?php _e( 'Post URL', 'quick-weblog' ); ?></label>
-        <input type="text" name="url" id="url" required>
+        <input id="quick-test-input" type="text" name="url" id="url" required>
       </div>
 
       <div>