some changes

.vscode/settings.json

@@ -5,4 +5,4 @@
     "./src/wasm/Cargo.toml",
     "./src/wasm/Cargo.toml"
   ]
-}
+}

README.md

@@ -2,4 +2,4 @@
 
 this is my website
 
-thanks for coming
+thanks for coming

rust-project.json

@@ -1,11 +1,9 @@
 {
   "roots": [
-      {
-          "crateRoots": [
-              "./src/wasm/src/lib.rs"
-          ],
-          "isWorkspaceMember": true
-      }
+    {
+      "crateRoots": ["./src/wasm/src/lib.rs"],
+      "isWorkspaceMember": true
+    }
   ],
   "source": "discover"
 }

src/app/layout.tsx

@@ -7,7 +7,7 @@ const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
   title: 'soohoonchoi',
-  description: "soohoonchoi",
+  description: 'soohoonchoi',
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {

src/app/providers.tsx

@@ -14,8 +14,7 @@ type ShellContext = {
   prompt: string;
 };
 
-const initialShell = {
-} as Shell;
+const initialShell = {} as Shell;
 
 const initialShellContext = {
   execute: (command: string) => null,
@@ -33,7 +32,7 @@ export function useShell() {
 }
 
 export function ShellProvider({ children }: { children: React.ReactNode }) {
-  console.log('Welcome to my website!')
+  console.log('Welcome to my website!');
   const [shell, setShell] = React.useState<Shell>(initialShell);
   const [prompt, setPrompt] = React.useState<string>('');
   const execute = (command: string) => {
@@ -42,13 +41,14 @@ export function ShellProvider({ children }: { children: React.ReactNode }) {
       return;
     }
     const result = JSON.parse(shell.run(command));
+    console.log('execute', result);
     setPrompt(`${result.user}@${result.host} ${result.path} $`);
-    return parse(result.result) as React.ReactNode | null; 
-  }
+    return parse(result.result) as React.ReactNode | null;
+  };
   React.useEffect(() => {
     async function init() {
       const shell = await getShell();
-      const result = JSON.parse(shell.run('hello'))
+      const result = JSON.parse(shell.run('hello'));
       console.log(result.result);
       setPrompt(`${result.user}@${result.host} ${result.path} $`);
       setShell(shell);
@@ -57,10 +57,14 @@ export function ShellProvider({ children }: { children: React.ReactNode }) {
   }, []);
 
   return (
-    <ShellContext.Provider value={{
-      prompt,
-      execute
-    }}>{children}</ShellContext.Provider>
+    <ShellContext.Provider
+      value={{
+        prompt,
+        execute,
+      }}
+    >
+      {children}
+    </ShellContext.Provider>
   );
 }
 

src/components/terminal-content.tsx

@@ -17,7 +17,7 @@ export const TerminalContent = () => {
       hour12: false,
     });
     return `${formattedDate}, ${formattedTime}`;
-  }
+  };
   const [currentTime, setCurrentTime] = useState(getTime());
 
   useEffect(() => {
@@ -35,7 +35,10 @@ export const TerminalContent = () => {
       {showWelcome && (
         <>
           <p suppressHydrationWarning>
-            <a href="https://soohoonchoi.com" className="link">soohoonchoi</a> ({currentTime})<br />
+            <a href='https://soohoonchoi.com' className='link'>
+              soohoonchoi
+            </a>{' '}
+            ({currentTime})<br />
             Type &quot;help&quot;, &quot;credits&quot; or &quot;license&quot; for more.
           </p>
         </>
@@ -48,4 +51,4 @@ export const TerminalContent = () => {
       ))}
     </>
   );
-};
+};

src/components/terminal-input.tsx

@@ -3,15 +3,8 @@ import React from 'react';
 import { useTerminalState, useShell } from '@/app/providers';
 
 export const TerminalInput = React.forwardRef(({}, ref) => {
-  const {
-    setShowWelcome,
-    inputs,
-    setInputs,
-    outputs,
-    setOutputs,
-    inputIndex,
-    setInputIndex,
-  } = useTerminalState();
+  const { setShowWelcome, inputs, setInputs, outputs, setOutputs, inputIndex, setInputIndex } =
+    useTerminalState();
   const [input, setInput] = React.useState<string>('');
   const inputRef = React.useRef<HTMLInputElement>(null);
   const { execute, prompt } = useShell();
@@ -70,7 +63,7 @@ export const TerminalInput = React.forwardRef(({}, ref) => {
 
   return (
     <div className='bg-transparent outline-none resize-none break-all'>
-      {prompt ? (<span className='mr-[1ch]'>{prompt}</span>) : null}
+      {prompt ? <span className='mr-[1ch]'>{prompt}</span> : null}
       <span
         contentEditable
         ref={inputRef}