feat: add settings slice and types for managing application settings

Author: afnx

src/features/settings/settingsSlice.ts

@@ -0,0 +1,56 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { SettingsState } from "./types";
+
+const initialState: SettingsState = {
+  scriptsEnabled: true,
+  maxExecutionTime: 5000,
+  logExecutions: true,
+  theme: "light",
+  autoUpdateScripts: false,
+};
+
+const settingsSlice = createSlice({
+  name: "settings",
+  initialState,
+  reducers: {
+    updateSettings: (state, action: PayloadAction<Partial<SettingsState>>) => {
+      Object.assign(state, action.payload);
+    },
+
+    toggleScriptsEnabled: (state) => {
+      state.scriptsEnabled = !state.scriptsEnabled;
+    },
+
+    setMaxExecutionTime: (state, action: PayloadAction<number>) => {
+      state.maxExecutionTime = Math.max(1000, Math.min(30000, action.payload));
+    },
+
+    toggleLogExecutions: (state) => {
+      state.logExecutions = !state.logExecutions;
+    },
+
+    setTheme: (state, action: PayloadAction<"light" | "dark">) => {
+      state.theme = action.payload;
+    },
+
+    toggleAutoUpdateScripts: (state) => {
+      state.autoUpdateScripts = !state.autoUpdateScripts;
+    },
+
+    resetSettings: (state) => {
+      Object.assign(state, initialState);
+    },
+  },
+});
+
+export const {
+  updateSettings,
+  toggleScriptsEnabled,
+  setMaxExecutionTime,
+  toggleLogExecutions,
+  setTheme,
+  toggleAutoUpdateScripts,
+  resetSettings,
+} = settingsSlice.actions;
+
+export default settingsSlice.reducer;

src/features/settings/types.ts

@@ -0,0 +1,7 @@
+export interface SettingsState {
+  scriptsEnabled: boolean;
+  maxExecutionTime: number;
+  logExecutions: boolean;
+  theme: "light" | "dark";
+  autoUpdateScripts: boolean;
+}