Migrate layoutManager in Svelte

front/src/Stores/LayoutManagerStore.ts

@@ -0,0 +1,53 @@
+import { writable } from "svelte/store";
+import type { UserInputManager } from "../Phaser/UserInput/UserInputManager";
+
+export interface LayoutManagerAction {
+    type: string;
+    message: string | number | boolean | undefined;
+    callback: () => void;
+    userInputManager: UserInputManager | undefined;
+}
+
+export const layoutManagerVisibilityStore = writable(false);
+
+function createLayoutManagerAction() {
+    const { subscribe, set, update } = writable<LayoutManagerAction[]>([]);
+
+    return {
+        subscribe,
+        addAction: (newAction: LayoutManagerAction): void => {
+            update((list: LayoutManagerAction[]) => {
+                let found = false;
+                for (const actions of list) {
+                    if (actions.type === newAction.type && actions.message === newAction.message) {
+                        found = true;
+                    }
+                }
+
+                if (!found) {
+                    list.push(newAction);
+                }
+
+                return list;
+            });
+        },
+        removeAction: (oldAction: LayoutManagerAction): void => {
+            update((list: LayoutManagerAction[]) => {
+                const index = list.findIndex(
+                    (actions) => actions.type === oldAction.type && actions.message === oldAction.message
+                );
+
+                if (index !== -1) {
+                    list.splice(index, 1);
+                }
+
+                return list;
+            });
+        },
+        clearActions: (): void => {
+            set([]);
+        },
+    };
+}
+
+export const layoutManagerActionStore = createLayoutManagerAction();