feat: simple url validation

src/components/article.astro

@@ -8,7 +8,10 @@ export interface Props {
 }
 ---
 
-<h2>{article.title}</h2>
-<p>by <em>{article.author}</em></p>
-
-<span set:html={article.content} />
+{
+article ? (
+    <h2>{article.title}</h2>
+    <p>by <em>{article.author}</em></p>
+    <span set:html={article.content} />
+    ) : ''
+}

src/pages/index.astro

@@ -1,13 +1,13 @@
 ---
 import Form, { FormGroup } from "@astro-reactive/form";
 import { Validators } from "@astro-reactive/validator";
-import getParams from "../utils/get-params";
 import { extract } from "@extractus/article-extractor";
 import Article from "../components/article.astro";
+import { getParams, isURL } from "../utils";
 
 const params = getParams(Astro.url);
-const url = params?.url;
-const article = await extract(url);
+const url: string = params?.url;
+const article = isURL(url) && (await extract(url));
 
 const form = new FormGroup([
   {

src/utils/get-params.ts

@@ -1,6 +1,4 @@
-export default function getParams(
-  url: URL
-): { [key: string]: string } | undefined {
+export function getParams(url: URL): { [key: string]: string } | undefined {
   if (url.search === "") return;
 
   return Object.fromEntries(

src/utils/index.ts

@@ -0,0 +1,2 @@
+export * from "./get-params";
+export * from "./is-url";

src/utils/is-url.ts

@@ -0,0 +1,4 @@
+export function isURL(str: string): boolean {
+  // TODO: improve pls
+  return str.includes("http://") || str.includes("https://");
+}