Replaced localStorage with sessionStorage

Author: AlexShem247

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambda-feedback-segp-sandbox/sandbox-addon",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "description": "lambda feedback sandbox addon",
   "keywords": [
     "storybook-addons",

src/components/Evaluate.tsx

@@ -24,9 +24,19 @@ function parseStoredString(responseString: string): string | any[] | object {
 export function Evaluate() {
   const [response, updateResponse] = useState<string>("");
   const [args, updateArgs, resetArgs] = useArgs();
+
   async function evaluate(url: string, params: JSON) {
-    const answer = parseStoredString(JSON.stringify(JSON.parse(localStorage.getItem("wizard.input")).answer));
-    const response = parseStoredString(localStorage.getItem("student.input"));
+    // Check if sessionStorage items exist before parsing
+    const wizardInput = sessionStorage.getItem("wizard.input");
+    const studentInput = sessionStorage.getItem("student.input");
+
+    // Safely parse the wizard input if it exists, otherwise use a fallback value
+    const answer = wizardInput
+      ? parseStoredString(JSON.stringify(JSON.parse(wizardInput).answer))
+      : { defaultAnswer: '' }; // Fallback value if wizard.input is null
+
+    // Safely parse the student input if it exists, otherwise use a fallback value
+    const response = studentInput ? parseStoredString(studentInput) : { defaultResponse: '' }; // Fallback value if student.input is null
 
     console.log("remote eval");
     console.log("url", url);
@@ -44,14 +54,18 @@ export function Evaluate() {
     const res = await axios.post("http://localhost:3070", request);
     console.log(res);
     updateResponse(JSON.stringify(res.data));
-    const feedback = {isCorrect: res.data.result.is_correct,
-                      isError: res.data.result.is_error ?? false,
-                      feedback: res.data.result.feedback 
-                      ?? (res.data.result.is_correct ? "Correct" : "Incorrect"),
-                      color: res.data.result.is_correct ? 'green':'red'};
-    updateArgs({feedback: feedback});
-    // {homes.map(home => <div>{home.name}</div>)}
+
+    const feedback = {
+      isCorrect: res.data.result.is_correct,
+      isError: res.data.result.is_error ?? false,
+      feedback:
+        res.data.result.feedback ??
+        (res.data.result.is_correct ? "Correct" : "Incorrect"),
+      color: res.data.result.is_correct ? "green" : "red",
+    };
+    updateArgs({ feedback: feedback });
   }
+
   return (
     <div style={evaluateStyles.mainDiv}>
       <div style={{ width: "100%", display: "table" }}>

src/components/Form.tsx

@@ -48,7 +48,7 @@ export function Form(props: FormProps) {
   );
 
   window.addEventListener("storage", () => {
-    setAnswer(JSON.stringify(JSON.parse(localStorage.getItem("wizard.input")).answer));
+    setAnswer(JSON.stringify(JSON.parse(sessionStorage.getItem("wizard.input")).answer));
   })
 
   return (

src/stories/Input.stories.tsx

@@ -9,7 +9,7 @@ import { IModularResponseSchema } from "@lambda-feedback-segp-sandbox/response-a
 const initialiseMatrix = (args: any): React.FC<any> => {
   return () => {
     const [response, _] = useState<IModularResponseSchema | null>(() => {
-      const storedResponse = localStorage.getItem("wizard.input");
+      const storedResponse = sessionStorage.getItem("wizard.input");
       if (storedResponse) {
         try {
           const parsedResponse: IModularResponseSchema = JSON.parse(storedResponse);
@@ -34,7 +34,7 @@ const initialiseMatrix = (args: any): React.FC<any> => {
     return matrix.InputComponent({
       ...args,
       handleChange: (val: IModularResponseSchema) => {
-        localStorage.setItem("student.input", JSON.stringify(val));
+        sessionStorage.setItem("student.input", JSON.stringify(val));
       }
     });
   };
@@ -47,7 +47,7 @@ const InputMeta = {
   },
   args: {
     handleChange: (val: IModularResponseSchema) => {
-      localStorage.setItem("student.input", JSON.stringify(val));
+      sessionStorage.setItem("student.input", JSON.stringify(val));
     },
     handleSubmit: fn(),
   },

src/stories/Wizard.stories.tsx

@@ -9,7 +9,7 @@ import { IModularResponseSchema } from "@lambda-feedback-segp-sandbox/response-a
 const initialiseMatrix = (args: any): React.FC<any> => {
   return () => {
     const [response, setResponse] = useState<IModularResponseSchema | null>(() => {
-      const storedResponse = localStorage.getItem("wizard.input");
+      const storedResponse = sessionStorage.getItem("wizard.input");
       if (storedResponse) {
         try {
           const parsedResponse: IModularResponseSchema = JSON.parse(storedResponse);
@@ -37,7 +37,7 @@ const initialiseMatrix = (args: any): React.FC<any> => {
       ...args,
       handleChange: (val: IModularResponseSchema) => {
         if (val && val.config && val.answer) {
-          localStorage.setItem("wizard.input", JSON.stringify(val));
+          sessionStorage.setItem("wizard.input", JSON.stringify(val));
           setResponse(val); // Update state safely
         }
       },
@@ -53,7 +53,7 @@ const WizardMeta = {
   args: {
     handleChange: (val: IModularResponseSchema) => {
       if (val && val.config && val.answer) {
-        localStorage.setItem("wizard.input", JSON.stringify(val));
+        sessionStorage.setItem("wizard.input", JSON.stringify(val));
       }
     },
     handleSubmit: fn(),

src/stories/input-wrapper.tsx

@@ -15,7 +15,7 @@ export function wrapInput<P>(Input: React.FC<P>): React.FC<any> {
           } else {
             responseString = newResponse?.toString() ?? ''
           }
-          localStorage.setItem('student.input', responseString)
+          sessionStorage.setItem('student.input', responseString)
         }}
       />
     )