v0.5.2 : Torrents module : Deluge and qBittorrent integrations ! 🥳

v0.5.2 adds a bunch of QOL changes and the long awaited Deluge and qBittorrent integrations. More feature to come with the torrent module soon.

Author: ajnart

README.md

@@ -99,8 +99,14 @@ _Requirements_:
 - [Docker](https://docs.docker.com/get-docker/)
 
 **Standard Docker Install**
-```sh
-docker run --name homarr --restart unless-stopped -p 7575:7575 -v /data/docker/homarr:/app/data/configs -d ghcr.io/ajnart/homarr:latest
+```bash
+docker run  \
+  --name homarr \
+  --restart unless-stopped \
+  -p 7575:7575 \
+  -v ./homarr/configs:/app/data/configs \
+  -v ./homarr/icons:/app/public/icons \
+  -d ghcr.io/ajnart/homarr:latest
 ```
 
 **Docker Compose**
@@ -116,7 +122,8 @@ services:
     image: ghcr.io/ajnart/homarr:latest
     restart: unless-stopped
     volumes:
-      - /data/docker/homarr:/app/data/configs
+      - ./homarr/configs:/app/data/configs
+      - ./homarr/icons:/app/public/icons
     ports:
       - '7575:7575'
 ```

crowdin.yml

@@ -0,0 +1,3 @@
+files:
+  - source: /public/locales/en/*.json
+    translation: /public/locales/%two_letters_code%/%original_file_name%.json

data/configs/default.json

@@ -10,6 +10,14 @@
     }
   ],
   "settings": {
-    "searchUrl": "https://bing.com/search?q="
+    "searchUrl": "https://google.com/search?q="
+  },
+  "modules": {
+    "Search Bar": {
+      "enabled": true
+    },
+    "Date": {
+      "enabled": false
+    }
   }
 }

data/constants.ts

@@ -1,2 +1,2 @@
 export const REPO_URL = 'ajnart/homarr';
-export const CURRENT_VERSION = 'v0.5.1';
+export const CURRENT_VERSION = 'v0.5.2';

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "homarr",
-	"version": "0.5.1",
+	"version": "0.5.2",
 	"private": "false",
 	"description": "Homarr - A homepage for your server.",
 	"repository": {
@@ -25,8 +25,10 @@
 		"ci": "yarn test && yarn lint --fix && yarn typecheck && yarn prettier:write"
 	},
 	"dependencies": {
-    "@dnd-kit/core": "^6.0.1",
-    "@dnd-kit/sortable": "^7.0.0",
+		"@ctrl/deluge": "^4.0.0",
+		"@ctrl/qbittorrent": "^4.0.0",
+		"@dnd-kit/core": "^6.0.1",
+		"@dnd-kit/sortable": "^7.0.0",
 		"@mantine/core": "^4.2.6",
 		"@mantine/dates": "^4.2.6",
 		"@mantine/dropzone": "^4.2.6",

src/components/AppShelf/AddAppShelfItem.tsx

@@ -74,6 +74,8 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
       icon: props.icon ?? '/favicon.svg',
       url: props.url ?? '',
       apiKey: props.apiKey ?? (undefined as unknown as string),
+      username: props.username ?? (undefined as unknown as string),
+      password: props.password ?? (undefined as unknown as string),
     },
     validate: {
       apiKey: () => null,
@@ -188,6 +190,44 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
               error={form.errors.apiKey && 'Invalid API key'}
             />
           )}
+          {form.values.type === 'qBittorrent' && (
+            <>
+              <TextInput
+                required
+                label="Username"
+                placeholder="admin"
+                value={form.values.username}
+                onChange={(event) => {
+                  form.setFieldValue('username', event.currentTarget.value);
+                }}
+                error={form.errors.username && 'Invalid username'}
+              />
+              <TextInput
+                required
+                label="Password"
+                placeholder="adminadmin"
+                value={form.values.password}
+                onChange={(event) => {
+                  form.setFieldValue('password', event.currentTarget.value);
+                }}
+                error={form.errors.password && 'Invalid password'}
+              />
+            </>
+          )}
+          {form.values.type === 'Deluge' && (
+            <>
+              <TextInput
+                required
+                label="Password"
+                placeholder="deluge"
+                value={form.values.password}
+                onChange={(event) => {
+                  form.setFieldValue('password', event.currentTarget.value);
+                }}
+                error={form.errors.password && 'Invalid password'}
+              />
+            </>
+          )}
         </Group>
 
         <Group grow position="center" mt="xl">

src/components/AppShelf/AppShelfMenu.tsx

@@ -3,10 +3,11 @@ import { showNotification } from '@mantine/notifications';
 import { useState } from 'react';
 import { Check, Edit, Trash } from 'tabler-icons-react';
 import { useConfig } from '../../tools/state';
+import { serviceItem } from '../../tools/types';
 import { AddAppShelfItemForm } from './AddAppShelfItem';
 
 export default function AppShelfMenu(props: any) {
-  const { service } = props;
+  const { service }: { service: serviceItem } = props;
   const { config, setConfig } = useConfig();
   const theme = useMantineTheme();
   const [opened, setOpened] = useState(false);
@@ -27,6 +28,8 @@ export default function AppShelfMenu(props: any) {
           url={service.url}
           icon={service.icon}
           apiKey={service.apiKey}
+          username={service.username}
+          password={service.password}
           message="Save service"
         />
       </Modal>

src/components/Config/ConfigChanger.tsx

@@ -9,7 +9,7 @@ export default function ConfigChanger() {
   useEffect(() => {
     getConfigs().then((configs) => setConfigList(configs));
     // setConfig(initialConfig);
-  }, [config.name]);
+  }, [config]);
   // If configlist is empty, return a loading indicator
   if (configList.length === 0) {
     return (

src/components/Config/SaveConfig.tsx

@@ -44,7 +44,6 @@ export default function SaveConfigComponent(props: any) {
         >
           <TextInput
             required
-            defaultValue={config.name}
             label="Config name"
             placeholder="Your new config name"
             {...form.getInputProps('configName')}