feat: sample storage switch

Author: Lorezz

package-lock.json

@@ -62,7 +62,8 @@
     "react-widgets": "^5.8.4",
     "type-fest": "^4.10.3",
     "validator": "^13.9.0",
-    "yaml": "^2.4.1"
+    "yaml": "^2.4.1",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.13.0",
@@ -97,4 +98,4 @@
     "typescript-eslint": "^8.11.0",
     "vite": "^5.4.1"
   }
-}
+}

package.json

@@ -0,0 +1,33 @@
+import { create } from "zustand";
+
+type YamlStore = {
+  yaml: string;
+  setYaml: (data: string) => void;
+  resetYaml: () => void;
+};
+
+export const useYamlStore = create<YamlStore>((set) => ({
+  yaml: "",
+  setYaml: (data: string) => {
+    set(() => ({ yaml: data }));
+  },
+  resetYaml: () => {
+    set(() => ({ yaml: "" }));
+  },
+}));
+
+type WarningStore = {
+  warnings: string[];
+  setWarnings: (data: string[]) => void;
+  resetWArnings: () => void;
+};
+
+export const useWarningStore = create<WarningStore>((set) => ({
+  warnings: [],
+  setWarnings: (data: string[]) => {
+    set(() => ({ warnings: data }));
+  },
+  resetWArnings: () => {
+    set(() => ({ warnings: [] }));
+  },
+}));