draft: Search through podcast episodes #3

package.json

@@ -16,5 +16,8 @@
     "astro": "^3.4.3",
     "prettier": "^3.0.3",
     "prettier-plugin-astro": "^0.12.0"
+  },
+  "dependencies": {
+    "podcast-api": "^2.0.4"
   }
 }

src/components/SearchEpisodes.js

@@ -0,0 +1,17 @@
+const { Client } = require("podcast-api");
+
+// See 1Password for apiKey or
+// If apiKey is null, then we will connect to a mock server
+// that returns fake data for testing purposes.
+const client = Client({ apiKey: import.meta.env.PUBLIC_BLEH });
+client
+  .searchEpisodeTitles({
+    q: "Dev-Life",
+  })
+  .then((response) => {
+    // Get response json data here
+    console.log(response.data);
+  })
+  .catch((error) => {
+    console.log(error);
+  });

src/pages/index.astro

@@ -77,6 +77,7 @@ import SignUp from "../components/SignUp.astro";
     <iframe
       src="https://www.tldraw.com/v/3Fm1saCUgL4FnXHC7QUH_?viewport=1288,455,3676,1857&page=page%3Apage"
     ></iframe>
+    <iframe src="https://www.listennotes.com/e/63405e9de44c49fda392918584c236c8/embed/" height="180px" width="100%" style="width: 1px; min-width: 100%;" frameborder="0" scrolling="no" loading="lazy"></iframe>
   </main>
 </Layout>