Merge pull request #302 from l2hyunwoo/feature/fix-validation-empty-n…

…ame-goal

🐛 Add Validation For Name & Goal

__tests__/whitespace.test.ts

@@ -0,0 +1,16 @@
+import { isEmptyOrBlank } from "../src/utils/whitespace";
+
+describe("WhiteSpace and empty string should return true", () => {
+  test("Empty string should return true", () => {
+    const emptyString = "";
+    expect(isEmptyOrBlank(emptyString)).toEqual(true);
+  })
+  test("WhiteSpace string should return true", () => {
+    const whiteSpaceString = "    ";
+    expect(isEmptyOrBlank(whiteSpaceString)).toEqual(true);
+  })
+  test("NewLine should return true", () => {
+    const newLineString = "\n\n";
+    expect(isEmptyOrBlank(newLineString)).toEqual(true);
+  })
+})

src/pages/index.tsx

@@ -18,6 +18,7 @@ import { TaskWindow } from "../components/TaskWindow";
 import { useAuth } from "../hooks/useAuth";
 import type { Message } from "../types/agentTypes";
 import { useAgent } from "../hooks/useAgent";
+import { isEmptyOrBlank } from "../utils/whitespace";
 
 const Home: NextPage = () => {
   const { session, status } = useAuth();
@@ -71,7 +72,7 @@ const Home: NextPage = () => {
 
   const tasks = messages.filter((message) => message.type === "task");
 
-  const disableDeployAgent = agent != null || name === "" || goalInput === ""
+  const disableDeployAgent = agent != null || isEmptyOrBlank(name) || isEmptyOrBlank(goalInput);
 
   const handleNewGoal = () => {
     const agent = new AutonomousAgent(

src/utils/whitespace.ts

@@ -0,0 +1,7 @@
+function regex() {
+  return /^[\s\f\n\r\t\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u2028\u2029\u202f\u205f\u3000\ufeff\x09\x0a\x0b\x0c\x0d\x20\xa0]+$/;
+}
+
+export function isEmptyOrBlank(value: string) {
+  return regex().test(value) || value === '';
+}