lint fix

src/components/settings/SandboxServiceTabs.tsx

@@ -1,13 +1,13 @@
-import Tabs from '@mui/material/Tabs';
-import Tab from '@mui/material/Tab';
-import Box from '@mui/material/Box';
+import AddCircleIcon from '@mui/icons-material/AddCircle';
+import DeleteIcon from '@mui/icons-material/Delete';
 import { Button, IconButton, TextField } from '@mui/material';
+import Box from '@mui/material/Box';
+import Tab from '@mui/material/Tab';
+import Tabs from '@mui/material/Tabs';
 import { inject, observer } from 'mobx-react';
-import type { StoresProps } from 'src/@types/ferdium-components.types';
-import { SyntheticEvent, useState, type ReactNode } from 'react';
-import DeleteIcon from '@mui/icons-material/Delete';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
+import { type ReactNode, type SyntheticEvent, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
+import type { StoresProps } from 'src/@types/ferdium-components.types';
 import SandboxTransferList from './SandboxTransferList';
 
 const debug = require('../../preload-safe-debug')('Ferdium:Settings');

src/components/settings/SandboxTransferList.tsx

@@ -1,14 +1,14 @@
+import Button from '@mui/material/Button';
+import Checkbox from '@mui/material/Checkbox';
 import Grid from '@mui/material/Grid';
 import List from '@mui/material/List';
 import ListItemButton from '@mui/material/ListItemButton';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
-import Checkbox from '@mui/material/Checkbox';
-import Button from '@mui/material/Button';
 // import Paper from '@mui/material/Paper';
 import { inject, observer } from 'mobx-react';
 import { useState } from 'react';
-import { StoresProps } from 'src/@types/ferdium-components.types';
+import type { StoresProps } from 'src/@types/ferdium-components.types';
 
 function not(a: readonly string[], b: readonly string[]) {
   return a.filter(value => !b.includes(value));
@@ -169,7 +169,7 @@ function SandboxTransferList(props: ISandboxTransferListProps) {
             sx={{ my: 0.5 }}
             variant="outlined"
             size="small"
-            onClick={handleAllLeft}
+            onClick={() => handleAllLeft()}
             disabled={notSelected.length === 0}
             aria-label="move all left"
           >
@@ -179,7 +179,7 @@ function SandboxTransferList(props: ISandboxTransferListProps) {
             sx={{ my: 0.5 }}
             variant="outlined"
             size="small"
-            onClick={handleCheckedLeft}
+            onClick={() => handleCheckedLeft()}
             disabled={rightChecked.length === 0}
             aria-label="move selected left"
           >
@@ -190,7 +190,7 @@ function SandboxTransferList(props: ISandboxTransferListProps) {
             sx={{ my: 0.5 }}
             variant="outlined"
             size="small"
-            onClick={handleCheckedRight}
+            onClick={() => handleCheckedRight()}
             disabled={leftChecked.length === 0}
             aria-label="move selected right"
           >
@@ -200,7 +200,7 @@ function SandboxTransferList(props: ISandboxTransferListProps) {
             sx={{ my: 0.5 }}
             variant="outlined"
             size="small"
-            onClick={handleAllRight}
+            onClick={() => handleAllRight()}
             disabled={selectedServices.length === 0}
             aria-label="move all right"
           >

src/containers/layout/AppLayoutContainer.tsx

@@ -4,8 +4,8 @@ import { ThemeProvider } from 'react-jss';
 import { Outlet } from 'react-router-dom';
 
 import {
-  createTheme,
   ThemeProvider as MUIThemeProvider,
+  createTheme,
 } from '@mui/material/styles';
 import type { StoresProps } from '../../@types/ferdium-components.types';
 import AppLayout from '../../components/layout/AppLayout';

src/i18n/locales/en-US.json

@@ -153,6 +153,7 @@
   "password.link.signup": "Create a free account",
   "password.noUser": "No user with that email address was found",
   "password.successInfo": "Your new password was sent to your email address",
+  "sandbox.addCustomSandbox": "Add a custom sandbox",
   "service.crashHandler.action": "Reload {name}",
   "service.crashHandler.autoReload": "Trying to automatically restore {name} in {seconds} seconds",
   "service.crashHandler.headline": "Oh no!",
@@ -251,6 +252,7 @@
   "settings.app.form.reloadAfterResume": "Reload Ferdium after system resume",
   "settings.app.form.reloadAfterResumeTime": "Time to consider the system as idle/suspended (in minutes)",
   "settings.app.form.runInBackground": "Keep Ferdium in background when closing the window",
+  "settings.app.form.sandboxServices": "Use sandboxed services",
   "settings.app.form.scheduledDNDEnabled": "Enable scheduled Do-not-Disturb",
   "settings.app.form.scheduledDNDEnd": "To",
   "settings.app.form.scheduledDNDStart": "From",
@@ -298,6 +300,7 @@
   "settings.app.restart.restartLater": "Restart later",
   "settings.app.restart.restartNow": "Restart now",
   "settings.app.restartRequired": "Changes require restart",
+  "settings.app.sandboxServicesInfo": "By default, Ferdium sandboxes all services, meaning that each service runs in its own isolated environment (recommended). This is a security feature that prevents services from accessing each other’s data. You can create custom sandboxes to group services together by adding a custom sandbox - this way, services can share data between them if they are in the same sandbox. You can also disable sandboxing entirely for all services - allowing them to access each other’s data (not recommended).",
   "settings.app.scheduledDNDInfo": "Scheduled Do-not-Disturb allows you to define a period of time in which you do not want to get Notifications from Ferdium.",
   "settings.app.scheduledDNDTimeInfo": "Times in 24-Hour-Format. End time can be before start time (e.g. start 17:00, end 09:00) to enable Do-not-Disturb overnight.",
   "settings.app.sectionAccentColorSettings": "Accent Color Settings",
@@ -307,6 +310,7 @@
   "settings.app.sectionLanguage": "Language Settings",
   "settings.app.sectionMain": "Main",
   "settings.app.sectionPrivacy": "Privacy Settings",
+  "settings.app.sectionSandboxes": "Sandboxes",
   "settings.app.sectionServiceIconsSettings": "Service Icons Settings",
   "settings.app.sectionSidebarSettings": "Sidebar Settings",
   "settings.app.sectionUpdates": "App Updates Settings",

src/stores/AppStore.ts

@@ -1,4 +1,3 @@
-import { v4 as uuidV4 } from 'uuid';
 import { URL } from 'node:url';
 import {
   app,
@@ -10,10 +9,11 @@ import {
 } from '@electron/remote';
 import AutoLaunch from 'auto-launch';
 import { ipcRenderer } from 'electron';
-import { readdirSync, readJsonSync, writeJsonSync } from 'fs-extra';
+import { readJsonSync, readdirSync, writeJsonSync } from 'fs-extra';
 import { action, computed, makeObservable, observable } from 'mobx';
 import moment from 'moment';
 import ms from 'ms';
+import { v4 as uuidV4 } from 'uuid';
 
 import type { Stores } from '../@types/stores.types';
 import type { Actions } from '../actions/lib/actions';
@@ -30,17 +30,17 @@ import {
   ferdiumVersion,
   userDataPath,
 } from '../environment-remote';
-import { getLocale } from '../helpers/i18n-helpers';
-import generatedTranslations from '../i18n/translations';
-import { cleanseJSObject } from '../jsUtils';
-import Request from './lib/Request';
-import TypedStore from './lib/TypedStore';
 import sleep from '../helpers/async-helpers';
+import { getLocale } from '../helpers/i18n-helpers';
 import {
   getServiceIdsFromPartitions,
   removeServicePartitionDirectory,
 } from '../helpers/service-helpers';
 import { openExternalUrl } from '../helpers/url-helpers';
+import generatedTranslations from '../i18n/translations';
+import { cleanseJSObject } from '../jsUtils';
+import Request from './lib/Request';
+import TypedStore from './lib/TypedStore';
 
 const debug = require('../preload-safe-debug')('Ferdium:AppStore');