chore: folder rename example app (#25)

Because

- folder rename example app

This commit

- folder rename example app

Author: iamnamananand996

examples/my-app/src/pages/index.tsx

@@ -0,0 +1,124 @@
+// import { useEffect, useState } from "react";
+// import InstillClient, {
+//   Nullable,
+//   Pipeline,
+//   User,
+// } from "@instill-ai/typescript-sdk";
+
+// export default function TypescriptSdkDemo() {
+//   const [pipelines, setPipelines] = useState<Pipeline[]>([]);
+//   const [user, setUser] = useState<User[]>([]);
+//   const [token, setToken] = useState<Nullable<string>>(null);
+
+//   const client = new InstillClient("http://localhost:8080", "v1alpha", token);
+
+//   const login = async () => {
+//     const userToken = await client.Auth.authLoginAction({
+//       payload: {
+//         username: "admin",
+//         password: "password",
+//       },
+//     });
+//     setToken(userToken);
+//   };
+
+//   useEffect(() => {
+//     login();
+//   }, []);
+
+//   useEffect(() => {
+//     if (token) {
+//       client.Auth.getUserQuery()
+//         .then((data: any) => {
+//           console.log("data", data);
+//           setUser(data);
+//         })
+//         .catch((error: any) => {
+//           console.log("error", error);
+//         });
+
+//       client.Pipeline.listPipelinesQuery({
+//         pageSize: null,
+//         nextPageToken: null,
+//       })
+//         .then((data: any) => {
+//           console.log("data", data);
+//           setPipelines(data);
+//         })
+//         .catch((error: any) => {
+//           console.log("error", error);
+//         });
+//     }
+//   }, [token]);
+
+//   return (
+//     <>
+//       <h1>User Data</h1>
+//       <pre style={{ backgroundColor: "white" }}>
+//         {JSON.stringify(user, null, 4)}
+//       </pre>
+
+//       <h1>Pipelines List</h1>
+//       <pre style={{ backgroundColor: "white" }}>
+//         {JSON.stringify(pipelines, null, 4)}
+//       </pre>
+//     </>
+//   );
+// }
+
+// Console Token Implementation
+
+import { useEffect, useState } from "react";
+import InstillClient, {
+  Nullable,
+  Pipeline,
+  User,
+} from "@instill-ai/typescript-sdk";
+
+export default function TypescriptSdkDemo() {
+  const [pipelines, setPipelines] = useState<Pipeline[]>([]);
+  const [user, setUser] = useState<User[]>([]);
+
+  const client = new InstillClient(
+    "https://api.instill.tech",
+    "v1alpha",
+    "instill_sk_OwuGQ8RGL6ObzYsneAG9Mib1k6zi9Gmj" // console API token
+  );
+
+  useEffect(() => {
+    client.Auth.getUserQuery()
+      .then((data: any) => {
+        console.log("data", data);
+        setUser(data);
+      })
+      .catch((error: any) => {
+        console.log("error", error);
+      });
+
+    client.Pipeline.listPipelinesQuery({
+      pageSize: null,
+      nextPageToken: null,
+    })
+      .then((data: any) => {
+        console.log("data", data);
+        setPipelines(data);
+      })
+      .catch((error: any) => {
+        console.log("error", error);
+      });
+  }, []);
+
+  return (
+    <>
+      <h1>User Data</h1>
+      <pre style={{ backgroundColor: "white" }}>
+        {JSON.stringify(user, null, 4)}
+      </pre>
+
+      <h1>Pipelines List</h1>
+      <pre style={{ backgroundColor: "white" }}>
+        {JSON.stringify(pipelines, null, 4)}
+      </pre>
+    </>
+  );
+}