New translations error-boundary.json (Spanish)

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

.deepsource.toml

@@ -0,0 +1,10 @@
+version = 1
+
+[[analyzers]]
+name = "javascript"
+
+  [analyzers.meta]
+  plugins = ["react"]
+
+[[transformers]]
+name = "prettier"

.dockerignore

@@ -0,0 +1,13 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+*.md
+.git
+.github
+LICENSE
+docs/
+*.sqlite
+*.env
+.env
+.next/standalone/.env

.env.example

@@ -0,0 +1,13 @@
+DATABASE_URL="file:./database/db.sqlite"
+
+# Next Auth
+# You can generate a new secret on the command line with:
+# openssl rand -base64 32
+# https://next-auth.js.org/configuration/options#secret
+AUTH_TRUST_HOST="true"
+NEXTAUTH_SECRET="anything"
+
+# Disable analytics
+NEXT_PUBLIC_DISABLE_ANALYTICS="true"
+
+DEFAULT_COLOR_SCHEME="light"

.eslintignore

@@ -1,2 +0,0 @@
-*.js
-nodes_modules/

.eslintrc.js

@@ -1,31 +0,0 @@
-module.exports = {
-  extends: [
-    'mantine',
-    'plugin:@next/next/recommended',
-    'plugin:jest/recommended',
-    'plugin:storybook/recommended',
-    "eslint:recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended"
-  ],
-  plugins: ['testing-library', 'jest', 'react-hooks', 'react', 'unused-imports'],
-  overrides: [
-    {
-      files: ['**/?(*.)+(spec|test).[jt]s?(x)'],
-      extends: ['plugin:testing-library/react'],
-    },
-  ],
-  parserOptions: {
-    project: './tsconfig.json',
-  },
-  rules: {
-    'react/react-in-jsx-scope': 'off',
-    "unused-imports/no-unused-imports": "warn",
-    "@typescript-eslint/no-unused-vars": "off",
-    "@typescript-eslint/no-unused-imports": "off",
-    "@typescript-eslint/no-unused-expressions": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/no-shadow": "off",
-    "@typescript-eslint/no-use-before-define": "off",
-  },
-};

.github/FUNDING.yml

@@ -0,0 +1,13 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: homarr
+ko_fi: ajnart
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.github/ISSUE_TEMPLATE/bug.yml

@@ -0,0 +1,64 @@
+name: 🐛 Bug Report
+description: Report something that's broken, or not working like intented!
+title: '<title>'
+labels: ['🐛 Bug']
+body:
+  - type: markdown
+    attributes:
+      value: |
+        > [!WARNING]  
+        > If you want to report a bug for 1.0, please open it on the new [repository](https://github.com/homarr-labs/homarr/issues/new/choose).
+  - type: dropdown
+    id: environment
+    attributes:
+      label: Environment
+      description: How have you deployed Homarr?
+      options:
+        - Docker
+        - NodeJS
+        - Cloud Service (Static)
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: Version
+      description: What version of Homarr are you running?
+      placeholder: 0.1.0
+    validations:
+      required: false
+  - type: textarea
+    id: repro
+    attributes:
+      label: Describe the problem
+      description: Please describe the problem exactly, how to reproduce it, actual results, and expected results.
+    validations:
+      required: true
+  - type: textarea
+    id: logs
+    attributes:
+      label: Logs
+      description: Provide your Homarr logs so we can investigate what's going on
+    validations:
+      required: false
+  - type: textarea
+    id: context
+    attributes:
+      label: Context
+      description: Screenshots? More info?
+    validations:
+      required: false
+  - type: checkboxes
+    id: idiot-check
+    attributes:
+      label: Please tick the boxes
+      description: Before submitting, please ensure that
+      options:
+        - label: I confirm that I attached the proper logs
+          required: true
+        - label: I've read the [docs](https://github.com/ajnart/homarr#readme)
+          required: true
+        - label: I've checked for [duplicate issues](https://github.com/ajnart/homarr/issues)
+          required: true
+        - label: I've tried to debug myself
+          required: true

.github/ISSUE_TEMPLATE/feature-request.yml

@@ -0,0 +1,37 @@
+name: ✨ Feature Request
+description: Request a feature to help improve Homarr!
+title: '<title>'
+labels: ['✨ Feature']
+body:
+  - type: markdown
+    attributes:
+      value: |
+        > [!WARNING]  
+        > If you want to request a feature for 1.0, please open it on the new [repository](https://github.com/homarr-labs/homarr/issues/new/choose).
+  - type: textarea
+    id: feature
+    attributes:
+      label: Description 
+      description: Describe the feature you would like to see. Tell us how you imagine it and try to provide as much useful information as possible. **PLEASE** use images/screenshots, include details about X & Y when requesting changes like X & Y service does, make your description atleast 300 characters. Having an unclear issue with too little detail will result in your issue being marked as invalid and closed.
+      placeholder: An outline of the feature you would like to see implemented, include as much detail as possible!
+    validations:
+      required: true
+  - type: dropdown
+    id: priority
+    attributes:
+      label: Priority
+      description: How urgent is the development of this feature?
+      options:
+        - Low (Nice-to-have)
+        - Medium (Would be very useful)
+        - High (App breaking feature)
+    validations:
+      required: true
+  - type: checkboxes
+    id: idiot-check
+    attributes:
+      label: Please tick the boxes
+      description: Before submitting, please ensure that
+      options:
+        - label: You are **NOT** using a version superior to v1. if that is the case, please fill this issue on the new repository. 
+          required: true

.github/ISSUE_TEMPLATE/idea.yml

@@ -0,0 +1,28 @@
+name: 🤔 Idea
+description: Tell us your idea! We may implement it.
+title: '<title>'
+labels: ['🤔 Idea']
+body:
+  - type: markdown
+    attributes:
+      value: |
+        > [!WARNING]  
+        > If you have an idea for 1.0, please open it on the new [repository](https://github.com/homarr-labs/homarr/issues/new/choose).
+  - type: textarea
+    id: feature
+    attributes:
+      label: Description 
+      description: Tell us your idea! Please add as much details as possible.
+      placeholder: Maybe move ... to ...! Maybe add the version of Homarr somewhere...! Etc.
+    validations:
+      required: true
+  - type: checkboxes
+    id: idiot-check
+    attributes:
+      label: Please tick the boxes
+      description: Before submitting, please ensure that
+      options:
+        - label: You've read the [docs](https://github.com/ajnart/homarr#readme)
+          required: true
+        - label: You've checked for [duplicate issues](https://github.com/ajnart/homarr/issues)
+          required: true

.github/ISSUE_TEMPLATE/module.yml

@@ -0,0 +1,28 @@
+name: 🏗️ Module request
+description: Request for a module to be added / an integration with you favourite service !
+title: '<title>'
+body:
+  - type: markdown
+    attributes:
+      value: |
+        > [!WARNING]  
+        > If you want to request a new integration for 1.0, please open it on the new [repository](https://github.com/homarr-labs/homarr/issues/new/choose).
+  - type: textarea
+    id: name
+    attributes:
+      label: Name the integration
+      description: Please describe the name of the Module/Integration you want to see and info that could help us with adding it. For example screenshots/mockups for inspiration. API links or already existing JavaScript/TypeScript integration of the API
+    validations:
+      required: true
+  - type: checkboxes
+    id: idiot-check
+    attributes:
+      label: Please tick the boxes
+      description: Before submitting, please ensure that
+      options:
+        - label: You've read the [docs](https://github.com/ajnart/homarr#readme)
+          required: true
+        - label: You've checked for [duplicate issues](https://github.com/ajnart/homarr/issues)
+          required: true
+        - label: You're not just putting an idea out there and actually give usefull information about how to implement your module idea
+          required: true

.github/pull_request_template.md

@@ -0,0 +1,16 @@
+*Thank you for contributing to Homarr! So that your Pull Request can be handled effectively, please populate the following fields (delete sections that are not applicable)*
+
+### Category
+> One of: Bugfix / Feature / Code style update / Refactoring Only / Build related changes /  Documentation / Other (Please specify!)
+
+### Overview
+> Briefly outline your new changes...
+
+### Issue Number _(if applicable)_
+> Related issue: #00
+
+### New Vars _(if applicable)_
+> If you've added any new build scripts, environmental variables, config file options, dependency please outline here.
+
+### Screenshot _(if applicable)_
+> If you've introduced any significant UI changes, please include a screenshot.

.github/release-note.md

@@ -0,0 +1,27 @@
+## 🦞 Homarr [v0.0.0](https://github.com/ajnart/homarr/compare/v0.0.0...v0.0.0) (2022-01-01)
+
+<!-- Small release message -->
+
+<!-- Bigger announcement marked in bold -->
+
+### Upgrade Steps
+*Upgrading without a mounted config? Make sure to download your config from the settings first! You can add it back later by drag and dropping it into your browser.*
+* `docker pull ghcr.io/ajnart/homarr:latest`
+* `docker stop [container_id]`
+* `docker rm [container_id]`
+* `docker run --name homarr -p 7575:7575 -v /data/docker/homarr:/app/data/configs -d ghcr.io/ajnart/homarr:latest` 
+   * *(or use our [docker_compose.yml](https://github.com/ajnart/homarr#-installation))*
+
+### Breaking Changes
+
+### New Features
+
+### Bug Fixes
+
+### UI Changes
+
+### GitHub Changes
+
+### Other Changes
+
+_**Special thanks to our contributors: @ajnart, @c00ldude1oo, @walkxcode, and of course all people using our project.**_

.github/renovate.json

@@ -0,0 +1,21 @@
+{
+	"$schema": "https://docs.renovatebot.com/renovate-schema.json",
+	"extends": [
+		"config:base"
+	],
+	"commitMessagePrefix": "⬆️",
+	"dependencyDashboard": true,
+	"prCreation": "approval",
+	"lockFileMaintenance": {
+		"automerge": false
+	},
+	"minor": {
+		"automerge": false
+	},
+	"patch": {
+		"automerge": false
+	},
+	"pin": {
+		"automerge": false
+	}
+}

.github/workflows/docker.yml

@@ -1,64 +1,101 @@
-name: Demo Push
-
-on:   
+name: Master CI
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+on:
   push:
+    branches: [master]
     tags:
       - v*
+    
+  workflow_dispatch:
 
 env:
-  IMAGE_NAME: mhp
+  # Use docker.io for Docker Hub if empty
+  REGISTRY: ghcr.io
+  # github.repository as <account>/<repo>
+  IMAGE_NAME: ${{ github.repository }}
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+
 
 jobs:
   # Push image to GitHub Packages.
   # See also https://docs.docker.com/docker-hub/builds/
-  build:
+  yarn_install_and_build:
     runs-on: ubuntu-latest
-    steps:
-      - uses: actions/setup-node@v3
-      - uses: actions/checkout@v3
-      - run: yarn install --frozen-lockfile
-      - run: yarn export
-      - uses: actions/cache@v2
-        id: restore-build
-        with:
-          path: ./out/
-          key: ${{ github.sha }}
-
-  push:
-    runs-on: ubuntu-latest
-    needs: [build]
     permissions:
       packages: write
       contents: read
-
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/cache@v2
-        id: restore-build
+
+      - name: Setup
+        uses: actions/setup-node@v3
+
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
+      
+      - uses: actions/cache@v3
+        id: yarn-cache
         with:
-          path: ./out/
-          key: ${{ github.sha }}
-      - name: Build image
-        run: docker build . --tag $IMAGE_NAME --label "runnumber=${GITHUB_RUN_ID}"
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
 
-      - name: Log in to registry
+      - name: Restore NextJS cache
+        uses: actions/cache@v3
+        with:
+          # See here for caching with `yarn` https://github.com/actions/cache/blob/main/examples.md#node---yarn or you can leverage caching with actions/setup-node https://github.com/actions/setup-node
+          path: |
+            ${{ github.workspace }}/.next/cache
+          # Generate a new cache whenever packages or source files change.
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
 
-        run: echo "${{ secrets.GITHUB_TOKEN }}" | docker login ghcr.io -u $ --password-stdin
-      - name: Push image
-        run: |
-          IMAGE_ID=ghcr.io/${{ github.repository_owner }}/$IMAGE_NAME
+      - run: yarn install
 
-          # Change all uppercase to lowercase
-          IMAGE_ID=$(echo $IMAGE_ID | tr '[A-Z]' '[a-z]')
-          # Strip git ref prefix from version
-          VERSION=$(echo "${{ github.ref }}" | sed -e 's,.*/\(.*\),\1,')
-          # Strip "v" prefix from tag name
-          [[ "${{ github.ref }}" == "refs/tags/"* ]] && VERSION=$(echo $VERSION | sed -e 's/^v//')
-          # Use Docker `latest` tag convention
-          [ "$VERSION" == "master" ] && VERSION=latest
-          echo IMAGE_ID=$IMAGE_ID
-          echo VERSION=$VERSION
-          docker tag $IMAGE_NAME $IMAGE_ID:$VERSION
-          docker push $IMAGE_ID:$VERSION
-          docker tag $IMAGE_NAME $IMAGE_ID:latest
-          docker push $IMAGE_ID:latest
+      - run: yarn turbo build
+
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          # list of Docker images to use as base name for tags
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          # generate Docker tags based on the following events/attributes
+          tags: |
+            type=raw,value=latest
+            type=pep440,pattern={{version}}
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Login to GHCR
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v4
+        with:
+          platforms: linux/amd64,linux/arm64,linux/arm/v7
+          context: .
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          network: host

.github/workflows/docker_dev.yml

@@ -0,0 +1,122 @@
+name: Development CI
+
+on:
+  push:
+    branches: [dev]
+    paths-ignore:
+      - '.github/**'
+      - '**.md'
+  pull_request:
+    paths-ignore:
+      - '.github/**'
+      - '**.md'
+  workflow_dispatch:
+    inputs:
+      tag:
+        required: true
+        description: 'Tag to deploy to'
+
+defaults:
+  run:
+    working-directory: ./
+
+env:
+  # Use docker.io for Docker Hub if empty
+  REGISTRY: ghcr.io
+  # github.repository as <account>/<repo>
+  IMAGE_NAME: ${{ github.repository }}
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+ 
+permissions:
+  contents: read # for checkout repository
+  actions: read # for fetching base branch bundle stats
+  pull-requests: write # for comments
+
+jobs:
+  # Push image to GitHub Packages.
+  # See also https://docs.docker.com/docker-hub/builds/
+  yarn_install_and_build_dev:
+    runs-on: ubuntu-latest
+    permissions:
+      packages: write
+      contents: read
+      pull-requests: write
+    steps:
+
+      - name: Setup
+        uses: actions/setup-node@v3
+
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
+      
+      - uses: actions/cache@v3
+        id: yarn-cache
+        with:
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
+      - name: Restore next build
+        uses: actions/cache@v3
+        id: restore-build-cache
+        env:
+          cache-name: cache-next-build
+        with:
+          path: .next/cache
+          key: ${{ runner.os }}-build-${{ env.cache-name }}
+
+      - run: yarn install
+
+      - run: yarn turbo build
+
+      - run: yarn test:coverage
+
+      - name: Report coverage
+        if: always()
+        uses: davelosert/vitest-coverage-report-action@v2
+
+      - name: Docker meta
+        if: github.event_name != 'pull_request'
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          # list of Docker images to use as base name for tags
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          # generate Docker tags based on the following events/attributes
+          tags: |
+            type=ref,event=pr
+            type=raw,value=${{ github.event.inputs.tag }},enable=${{ github.event.inputs.tag != '' }}
+            tpye=raw,value=dev,priority=1,enable=${{ github.event.inputs.tag == '' }}
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
+      - name: Login to GHCR
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v2
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        if: github.event_name != 'pull_request'
+        uses: docker/build-push-action@v4
+        with:
+          platforms: linux/amd64,linux/arm64
+          context: .
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          network: host

.github/workflows/greetings.yml

@@ -0,0 +1,16 @@
+name: Greetings
+
+on: [pull_request_target, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: "Hi 👋. Thank you for submitting your first issue to Homarr. Please ensure that you've opened this issue on the correct repository. Homarr v1 has been moved to github.com/homarr-labs/homarr "
+        pr-message: "Hi 👋. Thank you for making your first contribution to Homarr. Please ensure that you've completed all the points in the TODO checklist. We'll review your changes shortly."

.github/workflows/stale.yml

@@ -0,0 +1,28 @@
+# This workflow warns and then closes issues and PRs that have had no activity for a specified amount of time.
+#
+# You can adjust the behavior by modifying this file.
+# For more information, see:
+# https://github.com/actions/stale
+name: Mark stale issues and pull requests
+
+on:
+  schedule:
+  - cron: '18 17 * * *'
+
+jobs:
+  stale:
+
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+
+    steps:
+    - uses: actions/stale@v5
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        stale-issue-message: "Hello 👋, this issue has been open for 60 days without activity. We mark issues to help prioritise and close dead issues. Can you confirm that this issue is still relevant on the latest version? I'll remove the stale label as soon as there is further activity on this issue. Thank you 🙏"
+        stale-pr-message: 'Hello 👋, this PR has gone stale. Please reply to mark it as active.'
+        stale-issue-label: 'Stale'
+        stale-pr-label: 'Stale'
+        days-before-close: -1

.gitignore

@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+/cli/node_modules/
 
 # testing
 /coverage
@@ -25,6 +26,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
+.env
 .env.local
 .env.development.local
 .env.test.local
@@ -32,7 +34,35 @@ yarn-error.log*
 
 # vercel
 .vercel
+.turbo
 *.tsbuildinfo
 
 # storybook
-storybook-static
+storybook-static
+data/configs
+
+# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
+# Yarn v2
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+/cli/.yarn/
+
+#envfiles
+.env
+
+#Languages other than 'en'
+public/locales/*
+!public/locales/en
+
+#database
+sqlite.db
+database/*.sqlite
+WILL_BE_OVERWRITTEN.sqlite
+
+# IDE
+.idea/*

.prettierrc.js

@@ -1 +0,0 @@
-module.exports = require('eslint-config-mantine/.prettierrc.js');

.storybook/main.js

@@ -1,34 +0,0 @@
-module.exports = {
-  stories: ['../components/**/*.story.mdx', '../components/**/*.story.*'],
-  addons: [
-    'storybook-dark-mode',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    {
-      name: 'storybook-addon-turbo-build',
-      options: { optimizationLevel: 2 },
-    },
-  ],
-  typescript: {
-    check: false,
-    reactDocgen: false,
-  },
-  framework: '@storybook/react',
-  features: { emotionAlias: false },
-  webpackFinal: async (config, { configType }) => {
-    // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
-    // You can change the configuration based on that.
-    // 'PRODUCTION' is used when building the static version of storybook.
-
-    // https://github.com/polkadot-js/extension/issues/621#issuecomment-759341776
-    // framer-motion uses the .mjs notation and we need to include it so that webpack will
-    // transpile it for us correctly (enables using a CJS module inside an ESM).
-    config.module.rules.push({
-      test: /\.mjs$/,
-      include: /node_modules/,
-      type: 'javascript/auto',
-    });
-    // Return the altered config
-    return config;
-  },
-};

.storybook/preview.tsx

@@ -1,21 +0,0 @@
-import { useDarkMode } from 'storybook-dark-mode';
-import { MantineProvider, ColorSchemeProvider } from '@mantine/core';
-import { NotificationsProvider } from '@mantine/notifications';
-
-export const parameters = { layout: 'fullscreen' };
-
-function ThemeWrapper(props: { children: React.ReactNode }) {
-  return (
-    <ColorSchemeProvider colorScheme="light" toggleColorScheme={() => {}}>
-      <MantineProvider
-        theme={{ colorScheme: useDarkMode() ? 'dark' : 'light' }}
-        withGlobalStyles
-        withNormalizeCSS
-      >
-        <NotificationsProvider>{props.children}</NotificationsProvider>
-      </MantineProvider>
-    </ColorSchemeProvider>
-  );
-}
-
-export const decorators = [(renderStory: Function) => <ThemeWrapper>{renderStory()}</ThemeWrapper>];

.vscode/launch.json

@@ -0,0 +1,28 @@
+{
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"name": "Next.js: debug server-side",
+			"type": "node-terminal",
+			"request": "launch",
+			"command": "yarn dev"
+		},
+		{
+			"name": "Next.js: debug client-side",
+			"type": "chrome",
+			"request": "launch",
+			"url": "http://localhost:3000"
+		},
+		{
+			"name": "Next.js: debug full stack",
+			"type": "node-terminal",
+			"request": "launch",
+			"command": "yarn dev",
+			"serverReadyAction": {
+				"pattern": "started server on .+, url: (https?://.+)",
+				"uriFormat": "%s",
+				"action": "debugWithChrome"
+			}
+		}
+	]
+}

.vscode/settings.json

@@ -0,0 +1,21 @@
+{
+	"i18n-ally.localesPaths": "public/locales",
+	"i18n-ally.enabledFrameworks": [
+		"react-i18next"
+	],
+	"i18n-ally.namespace": true,
+	"i18n-ally.pathMatcher": "{locale}/{namespaces}.json",
+	"i18n-ally.keystyle": "nested",
+	"i18n-ally.keysInUse": [
+		"modules.**",
+		"layout.manage.navigation.**",
+	],
+	"editor.codeActionsOnSave": {
+		"source.organizeImports": "explicit"
+	},
+	"typescript.tsdk": "node_modules/typescript/lib",
+	"explorer.fileNesting.patterns": {
+		"package.json": "pnpm-lock.yaml, yarn.lock, package-lock.json",
+		"*.tsx": "${capture}.module.css"
+	},
+}

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.6.0.cjs

CODE_OF_CONDUCT.md

@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+ajnart@pm.me.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.

CONTRIBUTING.md

@@ -0,0 +1,114 @@
+# Contributing to Homarr
+
+First off, thanks for taking the time to contribute! ❤️
+
+All types of contributions are encouraged and valued. See the [Table of Contents](#table-of-contents) for different ways to help and details about how this project handles them. Please make sure to read the relevant section before making your contribution. It will make it a lot easier for us maintainers and smooth out the experience for all involved. The community looks forward to your contributions. 🎉
+
+> And if you like the project, but just don't have time to contribute, that's fine. There are other easy ways to support the project and show your appreciation, which we would also be very happy about:
+> - Star the project
+> - Tweet about it
+> - Refer this project in your project's readme
+> - Mention the project at local meetups and tell your friends/colleagues
+
+## Table of Contents
+
+- [Code of Conduct](#code-of-conduct)
+- [I Have a Question](#i-have-a-question)
+- [I Want To Contribute](#i-want-to-contribute)
+  - [Reporting Bugs](#reporting-bugs)
+  - [Suggesting Enhancements](#suggesting-enhancements)
+- [Styleguides](#styleguides)
+  - [Commit Messages](#commit-messages)
+
+
+## Code of Conduct
+
+This project and everyone participating in it is governed by the
+[Homarr Code of Conduct](https://github.com/ajnart/homarr/blob/master/CODE_OF_CONDUCT.md).
+By participating, you are expected to uphold this code. Please report unacceptable behavior
+to [@ajnart](https://github.com/ajnart).
+
+
+## I Have a Question
+
+> If you want to ask a question, we assume that you have read the available [Documentation](https://github.com/ajnart/homarr/#readme).
+
+Before you ask a question, it is best to search for existing [Issues](https://github.com/ajnart/homarr/issues) that might help you. In case you have found a suitable issue and still need clarification, you can write your question in this issue. It is also advisable to search the internet for answers first.
+
+If you then still feel the need to ask a question and need clarification, we recommend the following:
+
+- Open an [Issue](https://github.com/ajnart/homarr/issues/new).
+- Provide as much context as you can about what you're running into.
+- Provide project and platform versions (nodejs, docker, etc), depending on what seems relevant.
+
+We will then take care of the issue as soon as possible.
+
+## I Want To Contribute
+
+> ### Legal Notice
+> When contributing to this project, you must agree that you have authored 100% of the content, that you have the necessary rights to the content and that the content you contribute may be provided under the project license.
+
+### Reporting Bugs
+
+#### Before Submitting a Bug Report
+
+A good bug report shouldn't leave others needing to chase you up for more information. Therefore, we ask you to investigate carefully, collect information and describe the issue in detail in your report. Please complete the following steps in advance to help us fix any potential bug as fast as possible.
+
+- Make sure that you are using the latest version.
+- Determine if your bug is really a bug and not an error on your side e.g. using incompatible environment components/versions (Make sure that you have read the [documentation](https://github.com/ajnart/homarr/#readme). If you are looking for support, you might want to check [this section](#i-have-a-question)).
+- To see if other users have experienced (and potentially already solved) the same issue you are having, check if there is not already a bug report existing for your bug or error in the [bug tracker](https://github.com/ajnart/homarr/issues?q=is%3Aopen+is%3Aissue+label%3A%22%F0%9F%90%9B+Bug%22).
+- Also make sure to search the internet (including Stack Overflow) to see if users outside of the GitHub community have discussed the issue.
+- Collect information about the bug:
+  - Stack trace (Traceback)
+  - OS, Platform and Version (Windows, Linux, macOS, x86, ARM)
+  - Version of yarn, nodejs, docker, npm, next, depending on what seems relevant.
+  - Possibly your input and the output
+  - Can you reliably reproduce the issue? And can you also reproduce it with older versions?
+
+#### How Do I Submit a Good Bug Report?
+
+> You must never report security related issues, vulnerabilities or bugs including sensitive information to the issue tracker, or elsewhere in public. Instead sensitive bugs must be sent by email to ajnart@pm.me.
+
+We use GitHub issues to track bugs and errors. If you run into an issue with the project:
+
+- Open an [Issue](https://github.com/ajnart/homarr/issues/new).
+- Explain the behavior you would expect and the actual behavior.
+- Please provide as much context as possible and describe the *reproduction steps* that someone else can follow to recreate the issue on their own. This usually includes your code. For good bug reports you should isolate the problem and create a reduced test case.
+- Provide the information you collected in the previous section.
+
+
+### Suggesting Enhancements
+
+This section guides you through submitting an enhancement suggestion for Homarr, **including completely new features and minor improvements to existing functionality**. Following these guidelines will help maintainers and the community to understand your suggestion and find related suggestions.
+
+#### Before Submitting an Enhancement
+
+- Make sure that you are using the latest version.
+- Read the [documentation](https://github.com/ajnart/homarr/#readme) carefully and find out if the functionality is already covered, maybe by an individual configuration.
+- Perform a [search](https://github.com/ajnart/homarr/issues) to see if the enhancement has already been suggested. If it has, add a comment to the existing issue instead of opening a new one.
+- Find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the project's developers of the merits of this feature. Keep in mind that we want features that will be useful to the majority of our users and not just a small subset. If you're just targeting a minority of users, consider writing an add-on/plugin library.
+
+#### How Do I Submit a Good Enhancement Suggestion?
+
+Enhancement suggestions are tracked as [GitHub issues](https://github.com/ajnart/homarr//issues).
+
+- Use a **clear and descriptive title** for the issue to identify the suggestion.
+- Provide a **step-by-step description of the suggested enhancement** in as many details as possible.
+- **Describe the current behavior** and **explain which behavior you expected to see instead** and why. At this point you can also tell which alternatives do not work for you.
+- You may want to **include screenshots and animated GIFs** which help you demonstrate the steps or point out the part which the suggestion is related to. You can use [this tool](https://www.cockos.com/licecap/) to record GIFs on macOS and Windows, and [this tool](https://github.com/colinkeenan/silentcast) or [this tool](https://github.com/GNOME/byzanz) on Linux. <!-- this should only be included if the project has a GUI -->
+- **Explain why this enhancement would be useful** to most Homarr users. You may also want to point out the other projects that solved it better and which could serve as inspiration.
+
+## Styleguides
+### Commit Messages
+
+Homarr uses [GitMoji](https://gitmoji.dev/).
+We would appreciate it if everyone keeps their commit messages withing these rulings.
+
+### Tests
+
+> Components should be tested using unit tests. A unit is the smallest isolated part of the component. Unit tests must not have any dependencies and must be isolated.
+
+- Place testfiles directly at the root of the unit
+- Only test a single unit of work inside a unit test
+- You may test multiple units inside one test file
+- Testnames do not begin with ``should`` or the unit name

Dockerfile

@@ -1,2 +1,64 @@
-FROM nginx:1.21.6
-COPY ./out /usr/share/nginx/html
+FROM node:20.2.0-slim
+WORKDIR /app
+
+# Define node.js environment variables
+ARG PORT=7575
+
+ENV NEXT_TELEMETRY_DISABLED 1
+ENV NODE_ENV production
+ENV NODE_OPTIONS '--no-experimental-fetch'
+
+COPY next.config.js ./
+COPY public ./public
+COPY package.json ./temp_package.json
+COPY yarn.lock ./temp_yarn.lock
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY .next/standalone ./
+COPY .next/static ./.next/static
+COPY ./scripts/run.sh ./scripts/run.sh
+RUN chmod +x ./scripts/run.sh
+COPY ./drizzle ./drizzle
+
+COPY ./drizzle/migrate ./migrate
+COPY ./tsconfig.json ./migrate/tsconfig.json
+COPY ./cli ./cli
+
+RUN mkdir /data
+
+# Install dependencies
+RUN apt update && apt install -y openssl wget
+
+# Move node_modules to temp location to avoid overwriting
+RUN mv node_modules _node_modules
+RUN rm package.json
+# Install dependencies for migration
+RUN cp ./migrate/package.json ./package.json
+RUN yarn
+# Copy better_sqlite3 build for current platform
+RUN cp /app/node_modules/better-sqlite3/build/Release/better_sqlite3.node /app/_node_modules/better-sqlite3/build/Release/better_sqlite3.node
+# Copy node_modules for migration to migrate folder for migration script
+RUN mv node_modules ./migrate/node_modules
+
+# Copy temp node_modules of app to app folder
+RUN mv _node_modules node_modules
+
+RUN echo '#!/bin/bash\nnode /app/cli/cli.js "$@"' > /usr/bin/homarr
+RUN chmod +x /usr/bin/homarr
+RUN cd /app/cli && yarn --immutable
+
+# Expose the default application port
+EXPOSE $PORT
+ENV PORT=${PORT}
+
+ENV DATABASE_URL "file:/data/db.sqlite"
+ENV AUTH_TRUST_HOST="true"
+ENV PORT 7575
+ENV NEXTAUTH_SECRET NOT_IN_USE_BECAUSE_JWTS_ARE_UNUSED
+
+HEALTHCHECK --interval=10s --timeout=5s --start-period=5s --retries=3 \
+    CMD wget --no-verbose --tries=1 --spider http://localhost:${PORT} || exit 1
+
+VOLUME [ "/app/data/configs" ]
+VOLUME [ "/data" ]
+ENTRYPOINT ["sh", "./scripts/run.sh"]

README.md

@@ -1,32 +1,160 @@
-# MyHomePage, a home page for your home server
-Join the discord ! : https://discord.gg/C2WTXkzkwK
-## What is MyHomePage ?
+# 🦀 Homarr
 
-HomePage is a web page for your home server, it provides a user friendly interface to access docker containers or other services.
+This repository has been archived and the project was moved to [homarr-labs/homarr](https://github.com/homarr-labs/homarr) with v1+.
+There will be no updates to this old version, but you can enjoy regular updates with v1+.
 
-## Install
-### Docker installation
-Required : Docker
-#### Standard docker install
-To install the MyHomePage docker image simply execute ``docker pull ajnart/mhp``  
-To run the docker file ``docker run --name my-home-page -p 7575:80 -d ajnart/mhp``  
+Usage of this old project is not recommended, however possible.
 
-*Note: Currently the port used is 80 (Nginx default port) It will change to be 7575 by default*  
-#### Docker compose
-Here's a docker compose example on how to integrate MHP into your container stack
-```docker
-services:
-  mhp:
-    image: ajnart/mhp
-    ports:
-      - '7575:80'
-    restart: always
-```
-### Local installation
-Required: Node (LTS)
-#### Install using node
-To install MyHomePage locally:
-- Clone the source code or download it.
-- Execute ``npm install`` or ``yarn install`` *(prefered)* to install the dependencies
-- Execute ``yarn export`` to build the source code into the final HTML pages in the ``./out`` folder
-- Run a web server to serve the content of the ``./out`` folder. Example: ``python -m http.server 7575 --directory out``
+To migrate please follow the [Migration Guide](https://homarr.dev/blog/2025/01/19/migration-guide-1.0) and read the [Breaking Changes](https://homarr.dev/blog/2024/09/23/version-1.0#breaking-changes)
+
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+
+<!-- Project Title -->
+[![Banner](docs/banner.png)](https://homarr.dev/)
+
+<!-- Badges -->
+<p align="center">
+<img src="https://img.shields.io/github/stars/ajnart/homarr?label=%E2%AD%90%20Stars&style=flat-square?branch=master&kill_cache=1%22">
+<a href="https://github.com/ajnart/homarr/releases/latest">
+  <img alt="Latest Release (Semver)" src="https://img.shields.io/github/v/release/ajnart/homarr?label=%F0%9F%9A%80%20Release">
+</a>
+<a href="https://github.com/ajnart/homarr/actions/workflows/docker.yml">
+  <img title="Docker CI Status" src="https://github.com/ajnart/homarr/actions/workflows/docker.yml/badge.svg" alt="CI Status">
+</a>
+<a href=https://translate.homarr.dev/>
+<img title="Translations" src="https://badges.crowdin.net/homarr/localized.svg" />
+</a>
+<a href="https://discord.gg/aCsmEV5RgA">
+  <img title="Discord" src="https://discordapp.com/api/guilds/972958686051962910/widget.png?style=shield">
+</a>
+</p>
+
+<!-- Links -->
+<p align="center">
+  <a href="https://demo.homarr.dev/">
+    <strong>Demo ✨</strong>
+  </a>
+  •
+  <a href="https://homarr.dev/docs/getting-started/">
+    <strong>Install 💻</strong>
+  </a> •
+  <a href="https://translate.homarr.dev/">
+    <strong>Translations 🈺</strong>
+  </a> •
+  <a href="https://discord.com/invite/aCsmEV5RgA">
+    <strong>Discord 👋</strong>
+  </a>
+</p>
+
+Simplify the management of your server with Homarr - a sleek, modern dashboard that puts all of your apps and services at your fingertips. With Homarr, you can access and control everything in one convenient location. Homarr seamlessly integrates with the apps you've added, providing you with valuable information and giving you complete control. Installation is a breeze, and Homarr supports a wide range of deployment methods.
+
+<br/>
+<br/>
+
+
+[![Features Section](docs/section-features.png)](https://homarr.dev/)
+
+- 🖌️ Highly customizable with an extensive drag and drop grid system
+- ✨ Integrates seamlessly with your favorite self-hosted applications
+- 📌 Easy and fast app management - no YAML involved
+- 🙊 Advanced secrets' management system for enhanced security
+- 📄 Detailed documentation and active community
+- 🔍 Search through the web or supported integrations in an instant
+- 🏴󠁧󠁢󠁮󠁩󠁲󠁿 Monitor your application with a built-in status system
+- 🦞 Comprehensive built-in icon picker with over 7000 icons
+- 🐳 Easy deployment with Docker, unRAID, and Synology
+- 🚀 Compatible with any major consumer hardware (x86, Raspberry Pi, old laptops, ...)
+
+<br/>
+<br/>
+
+[![Widgets & Integrations Section](docs/section-widgets-and-integrations.png)](https://homarr.dev/docs/category/widgets)
+
+Homarr has a [built-in collection of widgets and integrations](https://homarr.dev/docs/category/integrations), that connect to your applications and enable you to control them directly from the dashboard.
+Each widget and integration has a comprehensive documentation
+Homarr will integrate with the following applications:
+
+📥 Torrent clients
+- [Deluge](https://homarr.dev/docs/integrations/torrent#deluge)
+- [Transmission](https://homarr.dev/docs/integrations/torrent#transmission)
+- [qBittorent](https://homarr.dev/docs/integrations/torrent#qbittorrent-integration)
+
+📥 Usenet clients
+- [SABnzbd](https://homarr.dev/docs/integrations/usenet#sabnzbd)
+- [NZBGet](https://homarr.dev/docs/integrations/usenet#nzbget)
+
+📺 Media servers
+- [Plex](https://homarr.dev/docs/integrations/media-server/#plex)
+- [Jellyfin](https://homarr.dev/docs/integrations/media-server#jellyfin-and-emby)
+
+📚 Media collection managers
+- [Sonarr](https://homarr.dev/docs/integrations/servarr#sonarr)
+- [Radarr](https://homarr.dev/docs/integrations/servarr#radarr)
+- [Lidarr](https://homarr.dev/docs/integrations/servarr#lidarr)
+- [Readarr](https://homarr.dev/docs/integrations/servarr#readarr)
+ 
+🎞️ Media request managers
+- [Overseerr](https://homarr.dev/docs/integrations/media-requester)
+- [Jellyseerr](https://homarr.dev/docs/integrations/media-requester)
+
+🚫 DNS ad-blockers
+- [Pihole](https://homarr.dev/docs/integrations/dns#pihole)
+- [AdGuard Home](https://homarr.dev/docs/integrations/dns#adguard-home)
+
+Other integrations
+- [🔌 Dash.](https://homarr.dev/docs/integrations/hardware)
+- [🐳 Docker](https://homarr.dev/docs/integrations/containers)  
+
+We're constantly adding new integrations and widgets, which will enhance your experience even further.
+
+<br/>
+<br/>
+
+[![Preview Section](docs/section-preview.png)](https://demo.homarr.dev/)
+
+https://user-images.githubusercontent.com/30572287/217098893-5880e7de-13d0-42c5-b505-f7921593396f.mp4
+
+<br/>
+<br/>
+
+[![Installation Section](docs/section-installation.png)](https://homarr.dev/docs/category/installation-1)
+
+Since we are updating Homarr very frequently, we recommend reading our official installation guides:
+
+<a href="https://homarr.dev/docs/category/installation-1">
+  <img src="docs/installation-button.png" width="200" />
+</a>
+
+<br/>
+<br/>
+
+[![Contribute Section](docs/section-contribute.png)](https://github.com/ajnart/homarr/blob/dev/CONTRIBUTING.md)
+Homarr is maintained by motivated developers in their free-time.
+We work for fun and learning on this project.
+
+Hence, we're glad for all the help and support we can get.
+Although a donation is appreciated, there are other ways you can support us.
+
+<a href="https://ko-fi.com/ajnart">
+  <img src="https://cdn.ko-fi.com/cdn/kofi3.png?v=3" width="200" />
+</a>
+
+You can also support us by helping with [translating the entire project](https://homarr.dev/docs/community/translations) to as many language as possible or contributing directly to the code or documentation.
+
+**Please read our [Contribution Guidelines](/CONTRIBUTING.md)**
+
+All contributions, regardless of their size or scope, are welcome and highly appreciated! Thank you ❤️
+
+![Alt](https://repobeats.axiom.co/api/embed/60a6f68f193faf831f64221bdf90782adec51c93.svg "Repobeats analytics image")
+[![Covered by Argos Visual Testing](https://argos-ci.com/badge-large.svg)](https://argos-ci.com?utm_source=%5Bhomarr%5D&utm_campaign=oss)

SECURITY.md

@@ -0,0 +1,18 @@
+# Security Policy
+
+## Supported Versions
+Only the following versions will receive updates, that include improvements to the security:
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 0.13   | :white_check_mark: |
+| <=0.12   | :x:                |
+
+## Reporting a Vulnerability
+We take security issues very seriously.
+When you found a security issue, please ask yourself the following question:
+
+**Would this be publicly disclosed, could it cause any problems or harm to any Homarr instances or individuals?**
+
+If the answer to that question is yes, please contact us immideatly using [this link](https://homarr.dev/docs/community/get-in-touch). E-Mail is preferred, but you can write ``manicraft1001`` or ``ajnart`` on Discord as well.
+If the answer is no, please create a public visible issue: [Vulnerability](https://github.com/ajnart/homarr/issues/new?assignees=&labels=%F0%9F%90%9B+Bug&projects=&template=bug.yml&title=)

cli/cli.js

@@ -0,0 +1,30 @@
+import yargs from 'yargs';
+
+import { resetPasswordForOwner } from './commands/reset-owner-password.js';
+import { resetPasswordForUsername } from './commands/reset-password.js';
+
+yargs(process.argv.slice(2))
+  .scriptName('homarr')
+  .usage('$0 <cmd> [args]')
+  .command('reset-owner-password', 'Resets the current owner password without UI access', async () => {
+    await resetPasswordForOwner();
+  })
+  .command(
+    'reset-password',
+    'Reset the password of a specific user without UI access',
+    (yargs) => {
+      yargs.option('username', {
+        type: 'string',
+        describe: 'Username of user',
+        demandOption: true
+      });
+    },
+    async (argv) => {
+      await resetPasswordForUsername(argv.username);
+    }
+  )
+  .version(false)
+  .showHelpOnFail(true)
+  .alias('h', 'help')
+  .demandCommand()
+  .help().argv;

cli/commands/reset-owner-password.js

@@ -0,0 +1,55 @@
+import bcrypt from 'bcryptjs';
+
+import Database from 'better-sqlite3';
+
+import boxen from 'boxen';
+
+import chalk from 'chalk';
+
+import Consola from 'consola';
+
+import crypto from 'crypto';
+
+import { sql } from 'drizzle-orm';
+import { drizzle } from 'drizzle-orm/better-sqlite3';
+
+export async function resetPasswordForOwner() {
+  if (!process.env.DATABASE_URL) {
+    Consola.error('Unable to connect to database due to missing database URL environment variable');
+    return;
+  }
+
+  Consola.info('Connecting to the database...');
+  const sqlite = new Database(process.env.DATABASE_URL.replace('file:', ''));
+  const db = drizzle(sqlite);
+
+  Consola.info('Connected to the database ' + chalk.green('✓'));
+  Consola.info('Generating new random password...');
+
+  const newPassword = crypto.randomUUID();
+  const salt = bcrypt.genSaltSync(10);
+  const hashedPassword = bcrypt.hashSync(newPassword, salt);
+
+  try {
+    await db.transaction((tx) => {
+      tx.run(
+        sql`DELETE FROM session WHERE userId = (SELECT id FROM user WHERE is_owner = 1 LIMIT 1)`
+      );
+      tx.run(sql`UPDATE user SET password = ${hashedPassword} WHERE is_owner = 1 LIMIT 1;`);
+    });
+    console.log(
+      boxen(`New owner password is '${chalk.red(newPassword)}'. You can now log in with this password.\nExising sessions have been destroyed and need to login again with the new passowrd.`, {
+        dimBorder: true,
+        borderStyle: 'round',
+        padding: {
+          left: 1,
+          right: 1
+        }
+      })
+    );
+  } catch (err) {
+    Consola.error('Failed to update password', err);
+  } finally {
+    Consola.info('Command has completed');
+  }
+}

cli/commands/reset-password.js

@@ -0,0 +1,56 @@
+import bcrypt from 'bcryptjs';
+
+import Database from 'better-sqlite3';
+
+import Consola from 'consola';
+
+import crypto from 'crypto';
+
+import boxen from 'boxen';
+
+import chalk from 'chalk';
+
+import { sql } from 'drizzle-orm';
+import { drizzle } from 'drizzle-orm/better-sqlite3';
+
+export async function resetPasswordForUsername(username) {
+  if (!process.env.DATABASE_URL) {
+    Consola.error('Unable to connect to database due to missing database URL environment variable');
+    return;
+  }
+
+  Consola.info('Connecting to the database...');
+  const sqlite = new Database(process.env.DATABASE_URL.replace('file:', ''));
+  const db = drizzle(sqlite);
+
+  Consola.info('Generating new random password...');
+
+  const newPassword = crypto.randomUUID();
+  const salt = bcrypt.genSaltSync(10);
+  const hashedPassword = bcrypt.hashSync(newPassword, salt);
+
+  Consola.info(`Updating password for user '${username}'`);
+
+  try {
+    await db.transaction((tx) => {
+      tx.run(
+        sql`DELETE FROM session WHERE userId = (SELECT id FROM user WHERE name = ${username} LIMIT 1)`
+      );
+      tx.run(sql`UPDATE user SET password = ${hashedPassword} WHERE id = (SELECT id FROM user WHERE name = ${username} LIMIT 1) LIMIT 1`);
+    });
+    console.log(
+      boxen(`New password for '${username}' is '${chalk.red(newPassword)}'. You can now log in with this password.\nExising sessions have been destroyed and need to login again with the new passowrd.`, {
+        dimBorder: true,
+        borderStyle: 'round',
+        padding: {
+          left: 1,
+          right: 1
+        }
+      })
+    );
+  } catch (err) {
+    Consola.error('Failed to update password', err);
+  } finally {
+    Consola.info('Command has completed');
+  }
+}

cli/package.json

@@ -0,0 +1,12 @@
+{
+  "dependencies": {
+    "bcryptjs": "^2.4.3",
+    "better-sqlite3": "^8.6.0",
+    "boxen": "^7.1.1",
+    "chalk": "^5.3.0",
+    "consola": "^3.0.0",
+    "drizzle-orm": "^0.28.6",
+    "yargs": "^17.7.2"
+  },
+  "type": "module"
+}

components/AppShelf/AddAppShelfItem.tsx

@@ -1,194 +0,0 @@
-import {
-  useMantineTheme,
-  Modal,
-  Center,
-  Group,
-  TextInput,
-  Image,
-  Button,
-  Select,
-  AspectRatio,
-  Text,
-  Card,
-} from '@mantine/core';
-import { useForm } from '@mantine/hooks';
-import { UseForm } from '@mantine/hooks/lib/use-form/use-form';
-import { motion } from 'framer-motion';
-import { useState } from 'react';
-import { Apps } from 'tabler-icons-react';
-import { useConfig } from '../../tools/state';
-import { ServiceTypeList } from '../../tools/types';
-
-export default function AddItemShelfItem(props: any) {
-  const { addService } = useConfig();
-  const [opened, setOpened] = useState(false);
-  const theme = useMantineTheme();
-  return (
-    <>
-      <Modal
-        size="xl"
-        radius="lg"
-        opened={props.opened || opened}
-        onClose={() => setOpened(false)}
-        title="Add a service"
-      >
-        <AddAppShelfItemForm setOpened={setOpened} />
-      </Modal>
-      <AspectRatio
-        style={{
-          minHeight: 120,
-          minWidth: 120,
-        }}
-        ratio={4 / 3}
-      >
-        <Card
-          style={{
-            backgroundColor:
-              theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],
-            width: 200,
-            height: 180,
-          }}
-          radius="md"
-        >
-          <Group direction="column" position="center">
-            <motion.div whileHover={{ scale: 1.2 }}>
-              <Apps style={{ cursor: 'pointer' }} onClick={() => setOpened(true)} size={60} />
-            </motion.div>
-            <Text>Add Service</Text>
-          </Group>
-        </Card>
-      </AspectRatio>
-    </>
-  );
-}
-
-function MatchIcon(
-  name: string,
-  form: UseForm<{
-    type: any;
-    name: any;
-    icon: any;
-    url: any;
-    apiKey: any;
-  }>
-) {
-  // TODO: In order to avoid all the requests, we could fetch
-  // https://data.jsdelivr.com/v1/package/gh/IceWhaleTech/AppIcon@main
-  // and then iterate over the files -> files -> name and then remove the extension (.png)
-  // Compare it to the input and then fetch the icon
-  fetch(`https://cdn.jsdelivr.net/gh/IceWhaleTech/AppIcon@main/all/${name.toLowerCase()}.png`)
-    .then((res) => {
-      if (res.status === 200) {
-        form.setFieldValue('icon', res.url);
-      }
-    })
-    .catch((e) => {
-      // Do nothing
-    });
-
-  return false;
-}
-
-export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } & any) {
-  const { setOpened } = props;
-  const { addService, config, setConfig } = useConfig();
-  const form = useForm({
-    initialValues: {
-      type: props.type ?? 'Other',
-      name: props.name ?? '',
-      icon: props.icon ?? '',
-      url: props.url ?? '',
-      apiKey: props.apiKey ?? (undefined as unknown as string),
-    },
-  });
-
-  return (
-    <>
-      <Center>
-        <Image height={120} width={120} src={form.values.icon} alt="Placeholder" withPlaceholder />
-      </Center>
-      <form
-        onSubmit={form.onSubmit(() => {
-          // If service already exists, update it.
-          if (config.services && config.services.find((s) => s.name === form.values.name)) {
-            setConfig({
-              ...config,
-              services: config.services.map((s) => {
-                if (s.name === form.values.name) {
-                  return {
-                    ...form.values,
-                  };
-                }
-                return s;
-              }),
-            });
-          } else {
-            addService(form.values);
-          }
-          setOpened(false);
-          form.reset();
-        })}
-      >
-        <Group direction="column" grow>
-          <TextInput
-            required
-            label="Service name"
-            placeholder="Plex"
-            value={form.values.name}
-            onChange={(event) => {
-              form.setFieldValue('name', event.currentTarget.value);
-              const match = MatchIcon(event.currentTarget.value, form);
-              if (match) {
-                form.setFieldValue('icon', match);
-              }
-            }}
-            error={form.errors.name && 'Invalid name'}
-          />
-
-          <TextInput
-            required
-            label="Icon url"
-            placeholder="https://i.gifer.com/ANPC.gif"
-            value={form.values.icon}
-            onChange={(event) => {
-              form.setFieldValue('icon', event.currentTarget.value);
-            }}
-            error={form.errors.icon && 'Icon url is invalid'}
-          />
-          <TextInput
-            required
-            label="Service url"
-            placeholder="http://localhost:8989"
-            value={form.values.url}
-            onChange={(event) => form.setFieldValue('url', event.currentTarget.value)}
-            error={form.errors.url && 'Service url is invalid'}
-          />
-          <Select
-            label="Select the type of service (used for API calls)"
-            defaultValue="Other"
-            placeholder="Pick one"
-            value={form.values.type}
-            required
-            searchable
-            onChange={(value) => form.setFieldValue('type', value ?? 'Other')}
-            data={ServiceTypeList}
-          />
-          {(form.values.type === 'Sonarr' || form.values.type === 'Radarr') && (
-            <TextInput
-              required
-              label="API key"
-              placeholder="Your API key"
-              value={form.values.apiKey}
-              onChange={(event) => form.setFieldValue('apiKey', event.currentTarget.value)}
-              error={form.errors.apiKey && 'Invalid API key'}
-            />
-          )}
-        </Group>
-
-        <Group grow position="center" mt="xl">
-          <Button type="submit">{props.message ?? 'Add service'}</Button>
-        </Group>
-      </form>
-    </>
-  );
-}

components/AppShelf/AppShelf.story.tsx

@@ -1,18 +0,0 @@
-import AppShelf, { AppShelfItem } from './AppShelf';
-
-export default {
-  title: 'Item Shelf',
-  component: AppShelf,
-  args: {
-    service: {
-      name: 'qBittorrent',
-      url: 'http://',
-      icon: 'https://cdn.jsdelivr.net/gh/IceWhaleTech/CasaOS-AppStore@main/Apps/qBittorrent/icon.png',
-      type: 'qBittorrent',
-      apiKey: '',
-    },
-  },
-};
-
-export const Default = (args: any) => <AppShelf {...args} />;
-export const One = (args: any) => <AppShelfItem {...args} />;

components/AppShelf/AppShelf.tsx

@@ -1,136 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { motion } from 'framer-motion';
-import {
-  Text,
-  AspectRatio,
-  createStyles,
-  SimpleGrid,
-  Card,
-  useMantineTheme,
-  Image,
-  Group,
-  Space,
-} from '@mantine/core';
-import AppShelfMenu from './AppShelfMenu';
-import AddItemShelfItem from './AddAppShelfItem';
-import { useConfig } from '../../tools/state';
-import { pingQbittorrent } from '../../tools/api';
-import { serviceItem } from '../../tools/types';
-
-const useStyles = createStyles((theme) => ({
-  main: {
-    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],
-    //TODO: #3 Fix this temporary fix and make the width and height dynamic / responsive
-    width: 200,
-    height: 180,
-  },
-}));
-
-const AppShelf = (props: any) => {
-  const { config, addService, removeService, setConfig } = useConfig();
-
-  /* A hook that is used to load the config from local storage. */
-  useEffect(() => {
-    const localConfig = localStorage.getItem('config');
-    if (localConfig) {
-      setConfig(JSON.parse(localConfig));
-    }
-  }, []);
-  if (config.services && config.services.length === 0) {
-    config.services.forEach((service) => {
-      if (service.type === 'qBittorrent') {
-        pingQbittorrent(service);
-      }
-    });
-  }
-
-  return (
-    <SimpleGrid m="xl" cols={5} spacing="xl">
-      {config.services.map((service, i) => (
-        <AppShelfItem key={service.name} service={service} />
-      ))}
-      <AddItemShelfItem />
-    </SimpleGrid>
-  );
-};
-
-export function AppShelfItem(props: any) {
-  const { service }: { service: serviceItem } = props;
-  const theme = useMantineTheme();
-  const { removeService } = useConfig();
-  const { classes } = useStyles();
-  const [hovering, setHovering] = useState(false);
-  return (
-    <motion.div
-      key={service.name}
-      onHoverStart={(e) => {
-        setHovering(true);
-      }}
-      onHoverEnd={(e) => {
-        setHovering(false);
-      }}
-    >
-      <Card
-        className={classes.main}
-        style={{
-          boxShadow: hovering ? '0px 0px 3px rgba(0, 0, 0, 0.5)' : '0px 0px 1px rgba(0, 0, 0, 0.5)',
-        }}
-        radius="md"
-      >
-        <Card.Section>
-          <Group position="apart" mx="lg">
-            <Space />
-            <Text
-              // TODO: #1 Remove this hack to get the text to be centered.
-              ml={15}
-              style={{
-                alignSelf: 'center',
-                alignContent: 'center',
-                alignItems: 'center',
-                justifyContent: 'center',
-                justifyItems: 'center',
-              }}
-              mt="sm"
-              weight={500}
-            >
-              {service.name}
-            </Text>
-            <motion.div
-              style={{
-                alignSelf: 'flex-end',
-              }}
-              animate={{
-                opacity: hovering ? 1 : 0,
-              }}
-            >
-              <AppShelfMenu service={service} removeitem={removeService} />
-            </motion.div>
-          </Group>
-        </Card.Section>
-        <Card.Section>
-          <AspectRatio ratio={5 / 3} m="xl">
-            <motion.i
-              whileHover={{
-                cursor: 'pointer',
-                scale: 1.1,
-              }}
-            >
-              <Image
-                onClick={() => {
-                  window.open(service.url);
-                }}
-                style={{
-                  maxWidth: '50%',
-                  marginBottom: 10,
-                }}
-                src={service.icon}
-              />
-            </motion.i>
-          </AspectRatio>
-        </Card.Section>
-      </Card>
-    </motion.div>
-  );
-}
-
-export default AppShelf;

components/AppShelf/AppShelfMenu.tsx

@@ -1,63 +0,0 @@
-import { Menu, Modal, Text } from '@mantine/core';
-import { showNotification } from '@mantine/notifications';
-import { useState } from 'react';
-import { Check, Edit, Trash } from 'tabler-icons-react';
-import { AddAppShelfItemForm } from './AddAppShelfItem';
-
-export default function AppShelfMenu(props: any) {
-  const { service, removeitem: removeItem } = props;
-  const [opened, setOpened] = useState(false);
-  return (
-    <>
-      <Modal
-        size="xl"
-        radius="lg"
-        opened={props.opened || opened}
-        onClose={() => setOpened(false)}
-        title="Modify a service"
-      >
-        <AddAppShelfItemForm
-          setOpened={setOpened}
-          name={service.name}
-          type={service.type}
-          url={service.url}
-          icon={service.icon}
-          apiKey={service.apiKey}
-          message="Save service"
-        />
-      </Modal>
-      <Menu position="right">
-        <Menu.Label>Settings</Menu.Label>
-        <Menu.Item
-          color="primary"
-          icon={<Edit size={14} />}
-          // TODO: #2 Add the ability to edit the service.
-          onClick={() => setOpened(true)}
-        >
-          Edit
-        </Menu.Item>
-        <Menu.Label>Danger zone</Menu.Label>
-        <Menu.Item
-          color="red"
-          onClick={(e: any) => {
-            removeItem(service.name);
-            showNotification({
-              autoClose: 5000,
-              title: (
-                <Text>
-                  Service <b>{service.name}</b> removed successfully
-                </Text>
-              ),
-              color: 'green',
-              icon: <Check />,
-              message: undefined,
-            });
-          }}
-          icon={<Trash size={14} />}
-        >
-          Delete
-        </Menu.Item>
-      </Menu>
-    </>
-  );
-}

components/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -1,28 +0,0 @@
-import { Box, useMantineColorScheme } from '@mantine/core';
-import { Sun, MoonStars } from 'tabler-icons-react';
-import { motion } from 'framer-motion';
-
-export function ColorSchemeToggle() {
-  const { colorScheme, toggleColorScheme } = useMantineColorScheme();
-
-  return (
-    <motion.div
-      whileHover={{ scale: 1.2, rotate: 90 }}
-      whileTap={{
-        scale: 0.8,
-        rotate: -90,
-        borderRadius: '100%',
-      }}
-    >
-      <Box
-        onClick={() => toggleColorScheme()}
-        sx={(theme) => ({
-          cursor: 'pointer',
-          color: theme.colorScheme === 'dark' ? theme.colors.yellow[4] : theme.colors.blue[6],
-        })}
-      >
-        {colorScheme === 'dark' ? <Sun size={24} /> : <MoonStars size={24} />}
-      </Box>
-    </motion.div>
-  );
-}

components/Config/LoadConfig.tsx

@@ -1,88 +0,0 @@
-import { Group, Text, useMantineTheme, MantineTheme } from '@mantine/core';
-import { Upload, Photo, X, Icon as TablerIcon, Check } from 'tabler-icons-react';
-import { DropzoneStatus, FullScreenDropzone } from '@mantine/dropzone';
-import { showNotification } from '@mantine/notifications';
-import { useRef } from 'react';
-import { useRouter } from 'next/router';
-import { useConfig } from '../../tools/state';
-import { Config } from '../../tools/types';
-
-function getIconColor(status: DropzoneStatus, theme: MantineTheme) {
-  return status.accepted
-    ? theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 6]
-    : status.rejected
-    ? theme.colors.red[theme.colorScheme === 'dark' ? 4 : 6]
-    : theme.colorScheme === 'dark'
-    ? theme.colors.dark[0]
-    : theme.colors.gray[7];
-}
-
-function ImageUploadIcon({
-  status,
-  ...props
-}: React.ComponentProps<TablerIcon> & { status: DropzoneStatus }) {
-  if (status.accepted) {
-    return <Upload {...props} />;
-  }
-
-  if (status.rejected) {
-    return <X {...props} />;
-  }
-
-  return <Photo {...props} />;
-}
-
-export const dropzoneChildren = (status: DropzoneStatus, theme: MantineTheme) => (
-  <Group position="center" spacing="xl" style={{ minHeight: 220, pointerEvents: 'none' }}>
-    <ImageUploadIcon status={status} style={{ color: getIconColor(status, theme) }} size={80} />
-
-    <div>
-      <Text size="xl" inline>
-        Drag images here or click to select files
-      </Text>
-      <Text size="sm" color="dimmed" inline mt={7}>
-        Attach as many files as you like, each file should not exceed 5mb
-      </Text>
-    </div>
-  </Group>
-);
-
-export default function LoadConfigComponent(props: any) {
-  const { saveConfig, setConfig } = useConfig();
-  const theme = useMantineTheme();
-  const router = useRouter();
-  const openRef = useRef<() => void>();
-
-  return (
-    <FullScreenDropzone
-      onDrop={(files) => {
-        files[0].text().then((e) => {
-          try {
-            JSON.parse(e) as Config;
-          } catch (e) {
-            showNotification({
-              autoClose: 5000,
-              title: <Text>Error</Text>,
-              color: 'red',
-              icon: <X />,
-              message: 'could not load your config. Invalid JSON format.',
-            });
-            return;
-          }
-          showNotification({
-            autoClose: 5000,
-            radius: 'md',
-            title: <Text>Config loaded successfully</Text>,
-            color: 'green',
-            icon: <Check />,
-            message: undefined,
-          });
-          setConfig(JSON.parse(e));
-        });
-      }}
-      accept={['application/json']}
-    >
-      {(status) => dropzoneChildren(status, theme)}
-    </FullScreenDropzone>
-  );
-}

components/Config/SaveConfig.tsx

@@ -1,18 +0,0 @@
-import { Button } from '@mantine/core';
-import fileDownload from 'js-file-download';
-import { Download } from 'tabler-icons-react';
-import { useConfig } from '../../tools/state';
-
-export default function SaveConfigComponent(props: any) {
-  const { config } = useConfig();
-  function onClick(e: any) {
-    if (config) {
-      fileDownload(JSON.stringify(config, null, '\t'), 'config.json');
-    }
-  }
-  return (
-    <Button leftIcon={<Download />} variant="outline" onClick={onClick}>
-      Download your config
-    </Button>
-  );
-}

components/SearchBar/SearchBar.story.tsx

@@ -1,10 +0,0 @@
-import SearchBar from './SearchBar';
-
-export default {
-  title: 'Search bar',
-  config: {
-    searchBar: false,
-  },
-};
-
-export const Default = (args: any) => <SearchBar {...args} />;

components/SearchBar/SearchBar.tsx

@@ -1,90 +0,0 @@
-import { TextInput, Text, Popover, Box } from '@mantine/core';
-import { useForm } from '@mantine/hooks';
-import { useState } from 'react';
-import { Search, BrandYoutube, Download } from 'tabler-icons-react';
-import { useConfig } from '../../tools/state';
-
-export default function SearchBar(props: any) {
-  const { config, setConfig } = useConfig();
-  const [opened, setOpened] = useState(false);
-  const [icon, setIcon] = useState(<Search />);
-  const querryUrl = config.settings.searchUrl || 'https://www.google.com/search?q=';
-
-  const form = useForm({
-    initialValues: {
-      querry: '',
-    },
-  });
-
-  if (config.settings.searchBar === false) {
-    return null;
-  }
-
-  return (
-    <Box
-      style={{
-        width: '100%',
-      }}
-    >
-      <form
-        onChange={() => {
-          // If querry contains !yt or !t add "Searching on YouTube" or "Searching torrent"
-          const querry = form.values.querry.trim();
-          const isYoutube = querry.startsWith('!yt');
-          const isTorrent = querry.startsWith('!t');
-          if (isYoutube) {
-            setIcon(<BrandYoutube size={22} />);
-          } else if (isTorrent) {
-            setIcon(<Download size={22} />);
-          } else {
-            setIcon(<Search size={22} />);
-          }
-        }}
-        onSubmit={form.onSubmit((values) => {
-          // Find if querry is prefixed by !yt or !t
-          const querry = values.querry.trim();
-          const isYoutube = querry.startsWith('!yt');
-          const isTorrent = querry.startsWith('!t');
-          if (isYoutube) {
-            window.open(`https://www.youtube.com/results?search_query=${querry.substring(3)}`);
-          } else if (isTorrent) {
-            window.open(`https://thepiratebay.org/search.php?q=${querry.substring(3)}`);
-          } else {
-            window.open(`${querryUrl}${values.querry}`);
-          }
-        })}
-      >
-        <Popover
-          opened={opened}
-          style={{
-            width: '100%',
-          }}
-          position="bottom"
-          placement="start"
-          withArrow
-          trapFocus={false}
-          transition="pop-top-left"
-          onFocusCapture={() => setOpened(true)}
-          onBlurCapture={() => setOpened(false)}
-          target={
-            <TextInput
-              variant="filled"
-              color="blue"
-              icon={icon}
-              radius="md"
-              size="md"
-              placeholder="Search the web"
-              {...props}
-              {...form.getInputProps('querry')}
-            />
-          }
-        >
-          <Text>
-            tip: You can prefix your querry with <b>!yt</b> or <b>!t</b> to research on youtube or
-            for a torrent
-          </Text>
-        </Popover>
-      </form>
-    </Box>
-  );
-}

components/Settings/SettingsMenu.story.tsx

@@ -1,10 +0,0 @@
-import { SettingsMenuButton } from './SettingsMenu';
-
-export default {
-  title: ' menu',
-  args: {
-    opened: false,
-  },
-};
-
-export const Default = (args: any) => <SettingsMenuButton {...args} />;

components/Settings/SettingsMenu.tsx

@@ -1,103 +0,0 @@
-import {
-  ActionIcon,
-  Group,
-  Modal,
-  Switch,
-  Title,
-  Text,
-  Tooltip,
-  SegmentedControl,
-} from '@mantine/core';
-import { useState } from 'react';
-import { Settings as SettingsIcon } from 'tabler-icons-react';
-import { useConfig } from '../../tools/state';
-import SaveConfigComponent from '../Config/SaveConfig';
-
-function SettingsMenu(props: any) {
-  const { config, setConfig } = useConfig();
-  const matches = [
-    { label: 'Google', value: 'https://google.com/search?q=' },
-    { label: 'DuckDuckGo', value: 'https://duckduckgo.com/?q=' },
-    { label: 'Bing', value: 'https://bing.com/search?q=' },
-  ];
-  return (
-    <Group direction="column" grow>
-      <Group>
-        <SegmentedControl
-          title="Search engine"
-          defaultValue={
-            // Match config.settings.searchUrl with a key in the matches array
-            matches.find((match) => match.value === config.settings.searchUrl)?.value || 'Google'
-          }
-          onChange={
-            // Set config.settings.searchUrl to the value of the selected item
-            (e) =>
-              setConfig({
-                ...config,
-                settings: {
-                  ...config.settings,
-                  searchUrl: e,
-                },
-              })
-          }
-          data={matches}
-        />
-        <Text>Search engine</Text>
-      </Group>
-      <Group direction="column">
-        <Switch
-          onChange={(e) =>
-            setConfig({
-              ...config,
-              settings: {
-                ...config.settings,
-                searchBar: e.currentTarget.checked,
-              },
-            })
-          }
-          checked={config.settings.searchBar}
-          label="Enable search bar"
-        />
-      </Group>
-      <SaveConfigComponent />
-      <Text
-        style={{
-          alignSelf: 'center',
-          fontSize: '0.75rem',
-          textAlign: 'center',
-          color: '#a0aec0',
-        }}
-      >
-        tip: You can upload your config file by dragging and dropping it onto the page
-      </Text>
-    </Group>
-  );
-}
-
-export function SettingsMenuButton(props: any) {
-  const [opened, setOpened] = useState(false);
-  return (
-    <>
-      <Modal
-        size="md"
-        title={<Title order={3}>Settings</Title>}
-        opened={props.opened || opened}
-        onClose={() => setOpened(false)}
-      >
-        <SettingsMenu />
-      </Modal>
-      <ActionIcon
-        variant="default"
-        radius="xl"
-        size="xl"
-        color="blue"
-        style={props.style}
-        onClick={() => setOpened(true)}
-      >
-        <Tooltip label="Settings">
-          <SettingsIcon />
-        </Tooltip>
-      </ActionIcon>
-    </>
-  );
-}

components/Welcome/Welcome.story.tsx

@@ -1,7 +0,0 @@
-import { Welcome } from './Welcome';
-
-export default {
-  title: 'Welcome',
-};
-
-export const Usage = () => <Welcome />;

components/Welcome/Welcome.styles.ts

@@ -1,14 +0,0 @@
-import { createStyles } from '@mantine/core';
-
-export default createStyles((theme) => ({
-  title: {
-    color: theme.colorScheme === 'dark' ? theme.white : theme.black,
-    fontSize: 100,
-    fontWeight: 900,
-    letterSpacing: -2,
-
-    [theme.fn.smallerThan('md')]: {
-      fontSize: 50,
-    },
-  },
-}));

components/Welcome/Welcome.test.tsx

@@ -1,12 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { Welcome } from './Welcome';
-
-describe('Welcome component', () => {
-  it('has correct Next.js theming section link', () => {
-    render(<Welcome />);
-    expect(screen.getByText('this guide')).toHaveAttribute(
-      'href',
-      'https://mantine.dev/theming/next/'
-    );
-  });
-});

components/Welcome/Welcome.tsx

@@ -1,25 +0,0 @@
-import { Title, Text, Anchor } from '@mantine/core';
-import useStyles from './Welcome.styles';
-
-export function Welcome() {
-  const { classes } = useStyles();
-
-  return (
-    <>
-      <Title className={classes.title} align="center" mt={100}>
-        Welcome to{' '}
-        <Text inherit variant="gradient" component="span">
-          Mantine
-        </Text>
-      </Title>
-      <Text color="dimmed" align="center" size="lg" sx={{ maxWidth: 580 }} mx="auto" mt="xl">
-        This starter Next.js project includes a minimal setup for server side rendering, if you want
-        to learn more on Mantine + Next.js integration follow{' '}
-        <Anchor href="https://mantine.dev/theming/next/" size="lg">
-          this guide
-        </Anchor>
-        . To get started edit index.tsx file.
-      </Text>
-    </>
-  );
-}

components/layout/Footer.tsx

@@ -1,81 +0,0 @@
-import React from 'react';
-import { createStyles, Anchor, Text, Group, ActionIcon } from '@mantine/core';
-import { BrandGithub } from 'tabler-icons-react';
-
-const useStyles = createStyles((theme) => ({
-  footer: {
-    borderTop: `1px solid ${
-      theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2]
-    }`,
-  },
-
-  inner: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    padding: `${theme.spacing.md}px ${theme.spacing.md}px`,
-
-    [theme.fn.smallerThan('sm')]: {
-      flexDirection: 'column',
-    },
-  },
-
-  links: {
-    [theme.fn.smallerThan('sm')]: {
-      marginTop: theme.spacing.lg,
-      marginBottom: theme.spacing.sm,
-    },
-  },
-}));
-
-interface FooterCenteredProps {
-  links: { link: string; label: string }[];
-}
-
-export function Footer({ links }: FooterCenteredProps) {
-  const { classes } = useStyles();
-  const items = links.map((link) => (
-    <Anchor<'a'>
-      color="dimmed"
-      key={link.label}
-      href={link.link}
-      sx={{ lineHeight: 1 }}
-      onClick={(event) => event.preventDefault()}
-      size="sm"
-    >
-      {link.label}
-    </Anchor>
-  ));
-
-  return (
-    <Group
-      sx={{
-        position: 'fixed',
-        bottom: 0,
-        right: 15,
-      }}
-      direction="row"
-      align="center"
-      mb={15}
-    >
-      <Group className={classes.links}>{items}</Group>
-      <Group spacing="xs" position="right" noWrap>
-        <ActionIcon<'a'> component="a" href="https://github.com/ajnart/myhomepage" size="lg">
-          <BrandGithub size={18} />
-        </ActionIcon>
-      </Group>
-      <Text
-        style={{
-          fontSize: '0.75rem',
-          textAlign: 'center',
-          color: '#a0aec0',
-        }}
-      >
-        Made with ❤️ by @
-        <Anchor href="https://github.com/ajnart" style={{ color: 'inherit', fontStyle: 'inherit' }}>
-          ajnart
-        </Anchor>
-      </Text>
-    </Group>
-  );
-}

components/layout/Header.tsx

@@ -1,157 +0,0 @@
-import React, { useState } from 'react';
-import {
-  createStyles,
-  Header as Head,
-  Container,
-  Group,
-  Burger,
-  Drawer,
-  Center,
-} from '@mantine/core';
-import { useBooleanToggle } from '@mantine/hooks';
-import { NextLink } from '@mantine/next';
-import { Logo } from './Logo';
-import { ColorSchemeToggle } from '../ColorSchemeToggle/ColorSchemeToggle';
-import { SettingsMenuButton } from '../Settings/SettingsMenu';
-import CalendarComponent from '../modules/calendar/CalendarModule';
-
-const HEADER_HEIGHT = 60;
-
-const useStyles = createStyles((theme) => ({
-  root: {
-    position: 'relative',
-    zIndex: 1,
-  },
-
-  dropdown: {
-    position: 'absolute',
-    top: HEADER_HEIGHT,
-    left: 0,
-    right: 0,
-    zIndex: 0,
-    borderTopRightRadius: 0,
-    borderTopLeftRadius: 0,
-    borderTopWidth: 0,
-    overflow: 'hidden',
-
-    [theme.fn.largerThan('md')]: {
-      display: 'none',
-    },
-  },
-
-  header: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    height: '100%',
-  },
-
-  links: {
-    [theme.fn.smallerThan('md')]: {
-      display: 'none',
-    },
-  },
-
-  burger: {
-    [theme.fn.largerThan('md')]: {
-      display: 'none',
-    },
-  },
-
-  link: {
-    display: 'block',
-    lineHeight: 1,
-    padding: '8px 12px',
-    borderRadius: theme.radius.sm,
-    textDecoration: 'none',
-    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],
-    fontSize: theme.fontSizes.sm,
-    fontWeight: 500,
-
-    '&:hover': {
-      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],
-    },
-
-    [theme.fn.smallerThan('sm')]: {
-      borderRadius: 0,
-      padding: theme.spacing.md,
-    },
-  },
-
-  linkActive: {
-    '&, &:hover': {
-      backgroundColor:
-        theme.colorScheme === 'dark'
-          ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.25)
-          : theme.colors[theme.primaryColor][0],
-      color: theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 3 : 7],
-    },
-  },
-}));
-
-interface HeaderResponsiveProps {
-  links: { link: string; label: string }[];
-}
-
-export function Header({ links }: HeaderResponsiveProps) {
-  const [opened, toggleOpened] = useBooleanToggle(false);
-  const [active, setActive] = useState('/');
-  const { classes, cx } = useStyles();
-
-  const items = (
-    <>
-      {links.map((link) => (
-        <NextLink
-          key={link.label}
-          href={link.link}
-          className={cx(classes.link, { [classes.linkActive]: active === link.link })}
-          onClick={(event) => {
-            setActive(link.link);
-            toggleOpened(false);
-          }}
-        >
-          {link.label}
-        </NextLink>
-      ))}
-    </>
-  );
-  return (
-    <Head height={HEADER_HEIGHT} mb={10} className={classes.root}>
-      <Container className={classes.header}>
-        <Group>
-          <ColorSchemeToggle />
-          <NextLink style={{ textDecoration: 'none' }} href="/">
-            <Logo style={{ fontSize: 22 }} />
-          </NextLink>
-        </Group>
-        <Group spacing={5} className={classes.links}>
-          {items}
-        </Group>
-        <Group>
-          <SettingsMenuButton />
-
-          <Burger
-            opened={opened}
-            onClick={() => toggleOpened()}
-            className={classes.burger}
-            size="sm"
-          />
-        </Group>
-
-        <Drawer
-          opened={opened}
-          overlayOpacity={0.55}
-          overlayBlur={3}
-          onClose={() => toggleOpened()}
-          position="right"
-        >
-          {opened ?? (
-            <Center>
-              <CalendarComponent />
-            </Center>
-          )}
-        </Drawer>
-      </Container>
-    </Head>
-  );
-}

components/layout/Layout.tsx

@@ -1,45 +0,0 @@
-import { AppShell, Aside, Center, createStyles } from '@mantine/core';
-import { Header } from './Header';
-import { Footer } from './Footer';
-import CalendarComponent from '../modules/calendar/CalendarModule';
-
-const useStyles = createStyles((theme) => ({
-  main: {
-    [theme.fn.largerThan('md')]: {
-      width: 1200,
-    },
-  },
-}));
-
-export default function Layout({ children, style }: any) {
-  const { classes, cx } = useStyles();
-  return (
-    <AppShell
-      aside={
-        <Aside
-          height="auto"
-          hiddenBreakpoint="md"
-          hidden
-          width={{
-            base: 'auto',
-          }}
-        >
-          <CalendarComponent />
-        </Aside>
-      }
-      header={<Header links={[]} />}
-      footer={<Footer links={[]} />}
-    >
-      <Center>
-        <main
-          className={cx(classes.main)}
-          style={{
-            ...style,
-          }}
-        >
-          {children}
-        </main>
-      </Center>
-    </AppShell>
-  );
-}

components/layout/Logo.tsx

@@ -1,15 +0,0 @@
-import { Text } from '@mantine/core';
-import * as React from 'react';
-
-export function Logo({ style }: any) {
-  return (
-    <Text
-      sx={style}
-      weight="bold"
-      variant="gradient"
-      gradient={{ from: 'red', to: 'orange', deg: 145 }}
-    >
-      MyHomePage
-    </Text>
-  );
-}

components/modules/calendar/CalendarComponent.story.tsx

@@ -1,7 +0,0 @@
-import CalendarComponent from './CalendarModule';
-
-export default {
-  title: 'Calendar component',
-};
-
-export const Default = (args: any) => <CalendarComponent {...args} />;

components/modules/calendar/CalendarModule.tsx

@@ -1,135 +0,0 @@
-/* eslint-disable react/no-children-prop */
-import { Popover, Box, ScrollArea, Divider, Indicator } from '@mantine/core';
-import { useEffect, useState } from 'react';
-import { Calendar } from '@mantine/dates';
-import { CalendarIcon } from '@modulz/radix-icons';
-import { RadarrMediaDisplay, SonarrMediaDisplay } from './MediaDisplay';
-import { useConfig } from '../../../tools/state';
-import { MHPModule } from '../modules';
-import React from 'react';
-
-export const CalendarModule: MHPModule = {
-  title: 'Calendar',
-  description:
-    'A calendar module for displaying upcoming releases. It interacts with the Sonarr and Radarr API.',
-  icon: CalendarIcon,
-  component: CalendarComponent,
-};
-
-export default function CalendarComponent(props: any) {
-  const { config } = useConfig();
-  const [sonarrMedias, setSonarrMedias] = useState([] as any);
-  const [radarrMedias, setRadarrMedias] = useState([] as any);
-
-  useEffect(() => {
-    // Filter only sonarr and radarr services
-    const filtered = config.services.filter(
-      (service) => service.type === 'Sonarr' || service.type === 'Radarr'
-    );
-
-    // Get the url and apiKey for all Sonarr and Radarr services
-    const sonarrService = filtered.filter((service) => service.type === 'Sonarr').at(0);
-    const radarrService = filtered.filter((service) => service.type === 'Radarr').at(0);
-    const nextMonth = new Date(new Date().setMonth(new Date().getMonth() + 2)).toISOString();
-    if (sonarrService && sonarrService.apiKey) {
-      fetch(
-        `${sonarrService?.url}api/calendar?apikey=${sonarrService?.apiKey}&end=${nextMonth}`
-      ).then((response) => {
-        response.ok && response.json().then((data) => setSonarrMedias(data));
-      });
-    }
-    if (radarrService && radarrService.apiKey) {
-      fetch(
-        `${radarrService?.url}api/v3/calendar?apikey=${radarrService?.apiKey}&end=${nextMonth}`
-      ).then((response) => {
-        response.ok && response.json().then((data) => setRadarrMedias(data));
-      });
-    }
-  }, [config.services]);
-
-  if (sonarrMedias === undefined && radarrMedias === undefined) {
-    return <Calendar />;
-  }
-  return (
-    <Calendar
-      onChange={(day: any) => {}}
-      renderDay={(renderdate) => (
-        <DayComponent
-          renderdate={renderdate}
-          sonarrmedias={sonarrMedias}
-          radarrmedias={radarrMedias}
-        />
-      )}
-    />
-  );
-}
-
-function DayComponent(props: any) {
-  const {
-    renderdate,
-    sonarrmedias,
-    radarrmedias,
-  }: { renderdate: Date; sonarrmedias: []; radarrmedias: [] } = props;
-  const [opened, setOpened] = useState(false);
-
-  const day = renderdate.getDate();
-  // Itterate over the medias and filter the ones that are on the same day
-  const sonarrFiltered = sonarrmedias.filter((media: any) => {
-    const date = new Date(media.airDate);
-    // Return true if the date is renerdate without counting hours and minutes
-    return date.getDate() === day && date.getMonth() === renderdate.getMonth();
-  });
-  const radarrFiltered = radarrmedias.filter((media: any) => {
-    const date = new Date(media.inCinemas);
-    // Return true if the date is renerdate without counting hours and minutes
-    return date.getDate() === day && date.getMonth() === renderdate.getMonth();
-  });
-  if (sonarrFiltered.length === 0 && radarrFiltered.length === 0) {
-    return <div>{day}</div>;
-  }
-
-  return (
-    <Box
-      onClick={() => {
-        setOpened(true);
-      }}
-    >
-      {radarrFiltered.length > 0 && (
-        <Indicator size={7} color="yellow" children={null} />
-      )}
-      {sonarrFiltered.length > 0 && (
-        <Indicator size={7} offset={8} color="blue" children={null} />
-      )}
-      <Popover
-        position="left"
-        width={700}
-        onClose={() => setOpened(false)}
-        opened={opened}
-        // TODO: Fix this !! WTF ?
-        target={`‏ ${day}`}
-      >
-        <ScrollArea style={{ height: 400 }}>
-          {sonarrFiltered.map((media: any, index: number) => {
-            return (
-              <React.Fragment key={index}>
-                <SonarrMediaDisplay media={media} />
-                {index < sonarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />}
-              </React.Fragment>
-            );
-          })}
-          {radarrFiltered.length > 0 && sonarrFiltered.length > 0 && (
-            <Divider variant="dashed" my="xl" />
-          )}
-          {radarrFiltered.map((media: any, index: number) => {
-            return (
-              <React.Fragment key={index}>
-                <RadarrMediaDisplay media={media} />
-                {index < radarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />}
-              </React.Fragment>
-            );
-          })}
-        </ScrollArea>
-      </Popover>
-    </Box>
-  );
-}

components/modules/calendar/MediaDisplay.story.tsx

@@ -1,67 +0,0 @@
-import { RadarrMediaDisplay } from './MediaDisplay';
-
-export default {
-  title: 'Media display component',
-  args: {
-    media: {
-      title: 'Doctor Strange in the Multiverse of Madness',
-      originalTitle: 'Doctor Strange in the Multiverse of Madness',
-      originalLanguage: {
-        id: 1,
-        name: 'English',
-      },
-      secondaryYearSourceId: 0,
-      sortTitle: 'doctor strange in multiverse madness',
-      sizeOnDisk: 0,
-      status: 'announced',
-      overview:
-        'Doctor Strange, with the help of mystical allies both old and new, traverses the mind-bending and dangerous alternate realities of the Multiverse to confront a mysterious new adversary.',
-      inCinemas: '2022-05-04T00:00:00Z',
-      images: [
-        {
-          coverType: 'poster',
-          url: 'https://image.tmdb.org/t/p/original/wRnbWt44nKjsFPrqSmwYki5vZtF.jpg',
-        },
-        {
-          coverType: 'fanart',
-          url: 'https://image.tmdb.org/t/p/original/ndCSoasjIZAMMDIuMxuGnNWu4DU.jpg',
-        },
-      ],
-      website: 'https://www.marvel.com/movies/doctor-strange-in-the-multiverse-of-madness',
-      year: 2022,
-      hasFile: false,
-      youTubeTrailerId: 'aWzlQ2N6qqg',
-      studio: 'Marvel Studios',
-      path: '/config/Doctor Strange in the Multiverse of Madness (2022)',
-      qualityProfileId: 1,
-      monitored: true,
-      minimumAvailability: 'announced',
-      isAvailable: true,
-      folderName: '/config/Doctor Strange in the Multiverse of Madness (2022)',
-      runtime: 126,
-      cleanTitle: 'doctorstrangeinmultiversemadness',
-      imdbId: 'tt9419884',
-      tmdbId: 453395,
-      titleSlug: '453395',
-      certification: 'PG-13',
-      genres: ['Fantasy', 'Action', 'Adventure'],
-      tags: [],
-      added: '2022-04-29T20:52:33Z',
-      ratings: {
-        tmdb: {
-          votes: 0,
-          value: 0,
-          type: 'user',
-        },
-      },
-      collection: {
-        name: 'Doctor Strange Collection',
-        tmdbId: 618529,
-        images: [],
-      },
-      id: 1,
-    },
-  },
-};
-
-export const Default = (args: any) => <RadarrMediaDisplay {...args} />;

components/modules/calendar/MediaDisplay.tsx

@@ -1,93 +0,0 @@
-import { Stack, Image, Group, Title, Badge, Text, ActionIcon, Anchor } from '@mantine/core';
-import { Link } from 'tabler-icons-react';
-
-export interface IMedia {
-  overview: string;
-  imdbId: any;
-  title: string;
-  poster: string;
-  genres: string[];
-  seasonNumber?: number;
-  episodeNumber?: number;
-}
-
-function MediaDisplay(props: { media: IMedia }) {
-  const { media }: { media: IMedia } = props;
-  return (
-    <Group noWrap align="self-start" mr={15}>
-      <Image fit="cover" src={media.poster} alt={media.title} width={300} height={400} />
-      <Stack
-        justify="space-between"
-        sx={(theme) => ({
-          height: 400,
-        })}
-      >
-        <Group direction="column">
-          <Group>
-            <Title order={3}>{media.title}</Title>
-            <Anchor href={`https://www.imdb.com/title/${media.imdbId}`} target="_blank">
-              <ActionIcon>
-                <Link />
-              </ActionIcon>
-            </Anchor>
-          </Group>
-          {media.episodeNumber && media.seasonNumber && (
-            <Text
-              style={{
-                textAlign: 'center',
-                color: '#a0aec0',
-              }}
-            >
-              Season {media.seasonNumber} episode {media.episodeNumber}
-            </Text>
-          )}
-          <Text align="justify">{media.overview}</Text>
-        </Group>
-        {/*Add the genres at the bottom of the poster*/}
-        <Group>
-          {media.genres.map((genre: string, i: number) => (
-            <Badge key={i}>{genre}</Badge>
-          ))}
-        </Group>
-      </Stack>
-    </Group>
-  );
-}
-
-export function RadarrMediaDisplay(props: any) {
-  const { media }: { media: any } = props;
-  // Find a poster CoverType
-  const poster = media.images.find((image: any) => image.coverType === 'poster');
-  // Return a movie poster containting the title and the description
-  return (
-    <MediaDisplay
-      media={{
-        imdbId: media.imdbId,
-        title: media.title,
-        overview: media.overview,
-        poster: poster.url,
-        genres: media.genres,
-      }}
-    />
-  );
-}
-
-export function SonarrMediaDisplay(props: any) {
-  const { media }: { media: any } = props;
-  // Find a poster CoverType
-  const poster = media.series.images.find((image: any) => image.coverType === 'poster');
-  // Return a movie poster containting the title and the description
-  return (
-    <MediaDisplay
-      media={{
-        imdbId: media.series.imdbId,
-        title: media.series.title,
-        overview: media.series.overview,
-        poster: poster.url,
-        genres: media.series.genres,
-        seasonNumber: media.seasonNumber,
-        episodeNumber: media.episodeNumber,
-      }}
-    />
-  );
-}

components/modules/calendar/mediaExample.ts

@@ -1,408 +0,0 @@
-export const medias = [
-  {
-    title: 'Doctor Strange in the Multiverse of Madness',
-    originalTitle: 'Doctor Strange in the Multiverse of Madness',
-    originalLanguage: {
-      id: 1,
-      name: 'English',
-    },
-    alternateTitles: [
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange 2',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 1,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Доктор Стрэндж 2',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 11,
-          name: 'Russian',
-        },
-        id: 2,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doutor Estranho 2',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 3,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange v multivesmíre šialenstva',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 4,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange 2: El multiverso de la locura',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 3,
-          name: 'Spanish',
-        },
-        id: 5,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doktor Strange Deliliğin Çoklu Evreninde',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 17,
-          name: 'Turkish',
-        },
-        id: 6,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'মহাবিশ্বের পাগলামিতে অদ্ভুত চিকিৎসক',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 7,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'จอมเวทย์มหากาฬ ในมัลติเวิร์สมหาภัย',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 28,
-          name: 'Thai',
-        },
-        id: 8,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: "Marvel Studios' Doctor Strange in the Multiverse of Madness",
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 9,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange en el Multiverso de la Locura de Marvel Studios',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 3,
-          name: 'Spanish',
-        },
-        id: 10,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doktors Streindžs neprāta multivisumā',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 11,
-      },
-    ],
-    secondaryYearSourceId: 0,
-    sortTitle: 'doctor strange in multiverse madness',
-    sizeOnDisk: 0,
-    status: 'announced',
-    overview:
-      'Doctor Strange, with the help of mystical allies both old and new, traverses the mind-bending and dangerous alternate realities of the Multiverse to confront a mysterious new adversary.',
-    inCinemas: '2022-05-04T00:00:00Z',
-    images: [
-      {
-        coverType: 'poster',
-        url: 'https://image.tmdb.org/t/p/original/wRnbWt44nKjsFPrqSmwYki5vZtF.jpg',
-      },
-      {
-        coverType: 'fanart',
-        url: 'https://image.tmdb.org/t/p/original/ndCSoasjIZAMMDIuMxuGnNWu4DU.jpg',
-      },
-    ],
-    website: 'https://www.marvel.com/movies/doctor-strange-in-the-multiverse-of-madness',
-    year: 2022,
-    hasFile: false,
-    youTubeTrailerId: 'aWzlQ2N6qqg',
-    studio: 'Marvel Studios',
-    path: '/config/Doctor Strange in the Multiverse of Madness (2022)',
-    qualityProfileId: 1,
-    monitored: true,
-    minimumAvailability: 'announced',
-    isAvailable: true,
-    folderName: '/config/Doctor Strange in the Multiverse of Madness (2022)',
-    runtime: 126,
-    cleanTitle: 'doctorstrangeinmultiversemadness',
-    imdbId: 'tt9419884',
-    tmdbId: 453395,
-    titleSlug: '453395',
-    certification: 'PG-13',
-    genres: ['Fantasy', 'Action', 'Adventure'],
-    tags: [],
-    added: '2022-04-29T20:52:33Z',
-    ratings: {
-      tmdb: {
-        votes: 0,
-        value: 0,
-        type: 'user',
-      },
-    },
-    collection: {
-      name: 'Doctor Strange Collection',
-      tmdbId: 618529,
-      images: [],
-    },
-    id: 1,
-  },
-  {
-    title: 'Doctor Strange in the Multiverse of Madness',
-    originalTitle: 'Doctor Strange in the Multiverse of Madness',
-    originalLanguage: {
-      id: 1,
-      name: 'English',
-    },
-    alternateTitles: [
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange 2',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 1,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Доктор Стрэндж 2',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 11,
-          name: 'Russian',
-        },
-        id: 2,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doutor Estranho 2',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 3,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange v multivesmíre šialenstva',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 4,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange 2: El multiverso de la locura',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 3,
-          name: 'Spanish',
-        },
-        id: 5,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doktor Strange Deliliğin Çoklu Evreninde',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 17,
-          name: 'Turkish',
-        },
-        id: 6,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'মহাবিশ্বের পাগলামিতে অদ্ভুত চিকিৎসক',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 7,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'จอมเวทย์มหากาฬ ในมัลติเวิร์สมหาภัย',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 28,
-          name: 'Thai',
-        },
-        id: 8,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: "Marvel Studios' Doctor Strange in the Multiverse of Madness",
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 9,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doctor Strange en el Multiverso de la Locura de Marvel Studios',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 3,
-          name: 'Spanish',
-        },
-        id: 10,
-      },
-      {
-        sourceType: 'tmdb',
-        movieId: 1,
-        title: 'Doktors Streindžs neprāta multivisumā',
-        sourceId: 0,
-        votes: 0,
-        voteCount: 0,
-        language: {
-          id: 1,
-          name: 'English',
-        },
-        id: 11,
-      },
-    ],
-    secondaryYearSourceId: 0,
-    sortTitle: 'doctor strange in multiverse madness',
-    sizeOnDisk: 0,
-    status: 'announced',
-    overview:
-      'Doctor Strange, with the help of mystical allies both old and new, traverses the mind-bending and dangerous alternate realities of the Multiverse to confront a mysterious new adversary.',
-    inCinemas: '2022-05-05T00:00:00Z',
-    images: [
-      {
-        coverType: 'poster',
-        url: 'https://image.tmdb.org/t/p/original/wRnbWt44nKjsFPrqSmwYki5vZtF.jpg',
-      },
-      {
-        coverType: 'fanart',
-        url: 'https://image.tmdb.org/t/p/original/ndCSoasjIZAMMDIuMxuGnNWu4DU.jpg',
-      },
-    ],
-    website: 'https://www.marvel.com/movies/doctor-strange-in-the-multiverse-of-madness',
-    year: 2022,
-    hasFile: false,
-    youTubeTrailerId: 'aWzlQ2N6qqg',
-    studio: 'Marvel Studios',
-    path: '/config/Doctor Strange in the Multiverse of Madness (2022)',
-    qualityProfileId: 1,
-    monitored: true,
-    minimumAvailability: 'announced',
-    isAvailable: true,
-    folderName: '/config/Doctor Strange in the Multiverse of Madness (2022)',
-    runtime: 126,
-    cleanTitle: 'doctorstrangeinmultiversemadness',
-    imdbId: 'tt9419884',
-    tmdbId: 453395,
-    titleSlug: '453395',
-    certification: 'PG-13',
-    genres: ['Fantasy', 'Action', 'Adventure'],
-    tags: [],
-    added: '2022-04-29T20:52:33Z',
-    ratings: {
-      tmdb: {
-        votes: 0,
-        value: 0,
-        type: 'user',
-      },
-    },
-    collection: {
-      name: 'Doctor Strange Collection',
-      tmdbId: 618529,
-      images: [],
-    },
-    id: 2,
-  },
-];

components/modules/modules.tsx

@@ -1,11 +0,0 @@
-// This interface is to be used in all the modules of the project
-// Each module should have its own interface and call the following function:
-// TODO: Add a function to register a module
-// Note: Maybe use context to keep track of the modules
-export interface MHPModule {
-  title: string;
-  description: string;
-  icon: React.ReactNode;
-  component: React.ComponentType;
-  props?: any;
-}

crowdin.yml

@@ -0,0 +1,5 @@
+project_id: "534422"
+api_token_env: "CROWDIN_PERSONAL_TOKEN"
+files:
+  - source: /public/locales/en/**/*.json
+    translation: /public/locales/%two_letters_code%/**/%original_file_name%

data/configs/default.json

@@ -0,0 +1,513 @@
+{
+  "schemaVersion": 1,
+  "configProperties": {
+    "name": "default"
+  },
+  "categories": [],
+  "wrappers": [
+    {
+      "id": "default",
+      "position": 0
+    }
+  ],
+  "apps": [
+    {
+      "id": "5df743d9-5cb1-457c-85d2-64ff86855652",
+      "name": "Documentation",
+      "url": "https://homarr.dev",
+      "behaviour": {
+        "onClickUrl": "https://homarr.dev",
+        "externalUrl": "https://homarr.dev",
+        "isOpeningNewTab": true
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": [
+          "200"
+        ]
+      },
+      "appearance": {
+        "iconUrl": "/imgs/logo/logo.png",
+        "appNameStatus": "normal",
+        "positionAppName": "column",
+        "lineClampAppName": 1
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 5,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 0,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 2
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 6,
+            "y": 1
+          },
+          "size": {
+            "width": 2,
+            "height": 2
+          }
+        }
+      }
+    },
+    {
+      "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a337",
+      "name": "Discord",
+      "url": "https://discord.com/invite/aCsmEV5RgA",
+      "behaviour": {
+        "onClickUrl": "https://discord.com/invite/aCsmEV5RgA",
+        "isOpeningNewTab": true,
+        "externalUrl": "https://discord.com/invite/aCsmEV5RgA",
+        "tooltipDescription": "Join our Discord server! We're waiting for your ideas and feedback. "
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": [
+          "200"
+        ]
+      },
+      "appearance": {
+        "iconUrl": "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/discord.png",
+        "appNameStatus": "normal",
+        "positionAppName": "row-reverse",
+        "lineClampAppName": 1
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 3,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 1,
+            "y": 4
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 4,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a330",
+      "name": "Contribute",
+      "url": "https://github.com/ajnart/homarr",
+      "behaviour": {
+        "onClickUrl": "https://github.com/ajnart/homarr",
+        "externalUrl": "https://github.com/ajnart/homarr",
+        "isOpeningNewTab": true,
+        "tooltipDescription": ""
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": []
+      },
+      "appearance": {
+        "iconUrl": "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/github.png",
+        "appNameStatus": "normal",
+        "positionAppName": "row-reverse",
+        "lineClampAppName": 2
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 3,
+            "y": 2
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 1,
+            "y": 3
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 2,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a990",
+      "name": "Donate",
+      "url": "https://ko-fi.com/ajnart",
+      "behaviour": {
+        "onClickUrl": "https://ko-fi.com/ajnart",
+        "externalUrl": "https://ko-fi.com/ajnart",
+        "isOpeningNewTab": true,
+        "tooltipDescription": "Please consider making a donation"
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": [
+          "200"
+        ]
+      },
+      "appearance": {
+        "iconUrl": "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/ko-fi.png",
+        "appNameStatus": "normal",
+        "positionAppName": "row-reverse",
+        "lineClampAppName": 1
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 4,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 2,
+            "y": 4
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 6,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    }
+  ],
+  "widgets": [
+    {
+      "id": "e3004052-6b83-480e-b458-56e8ccdca5f0",
+      "type": "weather",
+      "properties": {
+        "displayInFahrenheit": false,
+        "location": {
+          "name": "Paris",
+          "latitude": 48.85341,
+          "longitude": 2.3488
+        },
+        "displayCityName": true
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 5,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 2,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "971aa859-8570-49a1-8d34-dd5c7b3638d1",
+      "type": "date",
+      "properties": {
+        "display24HourFormat": true,
+        "dateFormat": "hide",
+        "enableTimezone": false,
+        "timezoneLocation": {
+          "name": "Paris",
+          "latitude": 48.85341,
+          "longitude": 2.3488
+        },
+        "titleState": "city"
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "sm": {
+          "location": {
+            "x": 1,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "md": {
+          "location": {
+            "x": 4,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 8,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "f252768d-9e69-491b-b6b4-8cad04fa30e8",
+      "type": "date",
+      "properties": {
+        "display24HourFormat": true,
+        "dateFormat": "hide",
+        "enableTimezone": true,
+        "timezoneLocation": {
+          "name": "Tokyo",
+          "latitude": 35.6895,
+          "longitude": 139.69171
+        },
+        "titleState": "city"
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "sm": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "md": {
+          "location": {
+            "x": 3,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 8,
+            "y": 1
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "86b1921f-efa7-410f-92dd-79553bf3264d",
+      "type": "notebook",
+      "properties": {
+        "showToolbar": true,
+        "content": "<h2><strong>Welcome to Homarr 🚀👋</strong></h2><p>We're glad that you're here! Homarr is a <em>modern </em>and <em>easy to use</em> dashboard that helps you to <strong>organize and manage</strong> your home network from one place. Control is <strong>at your fingertips</strong>.</p><p>We recommend you to read the <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://homarr.dev/docs/getting-started/after-the-installation\">getting started guide</a> first. To edit this board you must enter the edit mode - only administrators can do this. Adding an app is the first step you should take. You can do this by clicking the <code>Add tile</code> button at the top right and select <code>App</code>. After you provided an internal URL, external URL and selected an icon you can drag it around when holding down the left mouse button. Make it bigger or smaller using the drag icon at the bottom right. When you're happy with it's position, you <strong>must exit edit mode to save your board</strong>. Adding widgets works the same way but may require additional configuration - read the documentation for more information.</p><p>To remove this widget, you must log in to your administrator account and click on the menu to delete it.</p><p><strong><u>Your TODO list:</u></strong></p><ul data-type=\"taskList\"><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Read the <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://homarr.dev\">documentation</a></p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Add your <em>first app</em></p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p><em>Resize </em>and <em>drag</em> your app to a different position</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Add the <em>clock widget</em> to your dashboard</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Create a <em>new user</em></p></div></li></ul>"
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "sm": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 3,
+            "height": 2
+          }
+        },
+        "md": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 3,
+            "height": 4
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 0,
+            "y": 1
+          },
+          "size": {
+            "width": 6,
+            "height": 3
+          }
+        }
+      }
+    }
+  ],
+  "settings": {
+    "common": {
+      "searchEngine": {
+        "type": "google",
+        "properties": {}
+      }
+    },
+    "customization": {
+      "layout": {
+        "enabledLeftSidebar": false,
+        "enabledRightSidebar": false,
+        "enabledDocker": false,
+        "enabledPing": false,
+        "enabledSearchbar": true
+      },
+      "pageTitle": "Homarr ⭐️",
+      "logoImageUrl": "/imgs/logo/logo.png",
+      "faviconUrl": "/imgs/favicon/favicon-squared.png",
+      "backgroundImageUrl": "",
+      "customCss": "",
+      "colors": {
+        "primary": "red",
+        "secondary": "yellow",
+        "shade": 7
+      },
+      "appOpacity": 100,
+      "gridstack": {
+        "columnCountSmall": 3,
+        "columnCountMedium": 6,
+        "columnCountLarge": 10
+      }
+    },
+    "access": {
+      "allowGuests": false
+    }
+  }
+}

data/constants.ts

@@ -0,0 +1,4 @@
+export const REPO_URL = 'ajnart/homarr';
+export const ICON_PICKER_SLICE_LIMIT = 36;
+export const COOKIE_LOCALE_KEY = 'config-locale';
+export const COOKIE_COLOR_SCHEME_KEY = 'color-scheme';

data/default.json

@@ -0,0 +1,513 @@
+{
+  "schemaVersion": 2,
+  "configProperties": {
+    "name": "default"
+  },
+  "categories": [],
+  "wrappers": [
+    {
+      "id": "default",
+      "position": 0
+    }
+  ],
+  "apps": [
+    {
+      "id": "5df743d9-5cb1-457c-85d2-64ff86855652",
+      "name": "Documentation",
+      "url": "https://homarr.dev",
+      "behaviour": {
+        "onClickUrl": "https://homarr.dev",
+        "externalUrl": "https://homarr.dev",
+        "isOpeningNewTab": true
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": [
+          "200"
+        ]
+      },
+      "appearance": {
+        "iconUrl": "/imgs/logo/logo.png",
+        "appNameStatus": "normal",
+        "positionAppName": "column",
+        "lineClampAppName": 1
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 5,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 0,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 2
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 6,
+            "y": 1
+          },
+          "size": {
+            "width": 2,
+            "height": 2
+          }
+        }
+      }
+    },
+    {
+      "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a337",
+      "name": "Discord",
+      "url": "https://discord.com/invite/aCsmEV5RgA",
+      "behaviour": {
+        "onClickUrl": "https://discord.com/invite/aCsmEV5RgA",
+        "isOpeningNewTab": true,
+        "externalUrl": "https://discord.com/invite/aCsmEV5RgA",
+        "tooltipDescription": "Join our Discord server! We're waiting for your ideas and feedback. "
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": [
+          "200"
+        ]
+      },
+      "appearance": {
+        "iconUrl": "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/discord.png",
+        "appNameStatus": "normal",
+        "positionAppName": "row-reverse",
+        "lineClampAppName": 1
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 3,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 1,
+            "y": 4
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 4,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a330",
+      "name": "Contribute",
+      "url": "https://github.com/ajnart/homarr",
+      "behaviour": {
+        "onClickUrl": "https://github.com/ajnart/homarr",
+        "externalUrl": "https://github.com/ajnart/homarr",
+        "isOpeningNewTab": true,
+        "tooltipDescription": ""
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": []
+      },
+      "appearance": {
+        "iconUrl": "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/github.png",
+        "appNameStatus": "normal",
+        "positionAppName": "row-reverse",
+        "lineClampAppName": 2
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 3,
+            "y": 2
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 1,
+            "y": 3
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 2,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a990",
+      "name": "Donate",
+      "url": "https://ko-fi.com/ajnart",
+      "behaviour": {
+        "onClickUrl": "https://ko-fi.com/ajnart",
+        "externalUrl": "https://ko-fi.com/ajnart",
+        "isOpeningNewTab": true,
+        "tooltipDescription": "Please consider making a donation"
+      },
+      "network": {
+        "enabledStatusChecker": false,
+        "statusCodes": [
+          "200"
+        ]
+      },
+      "appearance": {
+        "iconUrl": "https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/ko-fi.png",
+        "appNameStatus": "normal",
+        "positionAppName": "row-reverse",
+        "lineClampAppName": 1
+      },
+      "integration": {
+        "type": null,
+        "properties": []
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 4,
+            "y": 1
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 2,
+            "y": 4
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 6,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    }
+  ],
+  "widgets": [
+    {
+      "id": "e3004052-6b83-480e-b458-56e8ccdca5f0",
+      "type": "weather",
+      "properties": {
+        "displayInFahrenheit": false,
+        "location": {
+          "name": "Paris",
+          "latitude": 48.85341,
+          "longitude": 2.3488
+        },
+        "displayCityName": true
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "md": {
+          "location": {
+            "x": 5,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "sm": {
+          "location": {
+            "x": 2,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "971aa859-8570-49a1-8d34-dd5c7b3638d1",
+      "type": "date",
+      "properties": {
+        "display24HourFormat": true,
+        "dateFormat": "hide",
+        "enableTimezone": false,
+        "timezoneLocation": {
+          "name": "Paris",
+          "latitude": 48.85341,
+          "longitude": 2.3488
+        },
+        "titleState": "city"
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "sm": {
+          "location": {
+            "x": 1,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "md": {
+          "location": {
+            "x": 4,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 8,
+            "y": 0
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "f252768d-9e69-491b-b6b4-8cad04fa30e8",
+      "type": "date",
+      "properties": {
+        "display24HourFormat": true,
+        "dateFormat": "hide",
+        "enableTimezone": true,
+        "timezoneLocation": {
+          "name": "Tokyo",
+          "latitude": 35.6895,
+          "longitude": 139.69171
+        },
+        "titleState": "city"
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "sm": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "md": {
+          "location": {
+            "x": 3,
+            "y": 0
+          },
+          "size": {
+            "width": 1,
+            "height": 1
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 8,
+            "y": 1
+          },
+          "size": {
+            "width": 2,
+            "height": 1
+          }
+        }
+      }
+    },
+    {
+      "id": "86b1921f-efa7-410f-92dd-79553bf3264d",
+      "type": "notebook",
+      "properties": {
+        "showToolbar": true,
+        "content": "<h2><strong>Welcome to Homarr 🚀👋</strong></h2><p>We're glad that you're here! Homarr is a <em>modern </em>and <em>easy to use</em> dashboard that helps you to <strong>organize and manage</strong> your home network from one place. Control is <strong>at your fingertips</strong>.</p><p>We recommend you to read the <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://homarr.dev/docs/getting-started/after-the-installation\">getting started guide</a> first. To edit this board you must enter the edit mode - only administrators can do this. Adding an app is the first step you should take. You can do this by clicking the <code>Add tile</code> button at the top right and select <code>App</code>. After you provided an internal URL, external URL and selected an icon you can drag it around when holding down the left mouse button. Make it bigger or smaller using the drag icon at the bottom right. When you're happy with it's position, you <strong>must exit edit mode to save your board</strong>. Adding widgets works the same way but may require additional configuration - read the documentation for more information.</p><p>To remove this widget, you must log in to your administrator account and click on the menu to delete it.</p><p><strong><u>Your TODO list:</u></strong></p><ul data-type=\"taskList\"><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Read the <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://homarr.dev\">documentation</a></p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Add your <em>first app</em></p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p><em>Resize </em>and <em>drag</em> your app to a different position</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Add the <em>clock widget</em> to your dashboard</p></div></li><li data-checked=\"false\" data-type=\"taskItem\"><label><input type=\"checkbox\"><span></span></label><div><p>Create a <em>new user</em></p></div></li></ul>"
+      },
+      "area": {
+        "type": "wrapper",
+        "properties": {
+          "id": "default"
+        }
+      },
+      "shape": {
+        "sm": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 3,
+            "height": 2
+          }
+        },
+        "md": {
+          "location": {
+            "x": 0,
+            "y": 0
+          },
+          "size": {
+            "width": 3,
+            "height": 4
+          }
+        },
+        "lg": {
+          "location": {
+            "x": 0,
+            "y": 1
+          },
+          "size": {
+            "width": 6,
+            "height": 3
+          }
+        }
+      }
+    }
+  ],
+  "settings": {
+    "common": {
+      "searchEngine": {
+        "type": "google",
+        "properties": {}
+      }
+    },
+    "customization": {
+      "layout": {
+        "enabledLeftSidebar": false,
+        "enabledRightSidebar": false,
+        "enabledDocker": false,
+        "enabledPing": false,
+        "enabledSearchbar": true
+      },
+      "pageTitle": "Homarr ⭐️",
+      "logoImageUrl": "/imgs/logo/logo.png",
+      "faviconUrl": "/imgs/favicon/favicon-squared.png",
+      "backgroundImageUrl": "",
+      "customCss": "",
+      "colors": {
+        "primary": "red",
+        "secondary": "yellow",
+        "shade": 7
+      },
+      "appOpacity": 100,
+      "gridstack": {
+        "columnCountSmall": 3,
+        "columnCountMedium": 6,
+        "columnCountLarge": 10
+      }
+    },
+    "access": {
+      "allowGuests": false
+    }
+  }
+}

drizzle.config.ts

@@ -0,0 +1,11 @@
+import 'dotenv';
+import { type Config } from 'drizzle-kit';
+
+export default {
+  schema: './src/server/db/schema.ts',
+  driver: 'better-sqlite',
+  out: './drizzle',
+  dbCredentials: {
+    url: process.env.DATABASE_URL!,
+  },
+} satisfies Config;

drizzle/0000_supreme_the_captain.sql

@@ -0,0 +1,69 @@
+CREATE TABLE `account` (
+	`userId` text NOT NULL,
+	`type` text NOT NULL,
+	`provider` text NOT NULL,
+	`providerAccountId` text NOT NULL,
+	`refresh_token` text,
+	`access_token` text,
+	`expires_at` integer,
+	`token_type` text,
+	`scope` text,
+	`id_token` text,
+	`session_state` text,
+	PRIMARY KEY(`provider`, `providerAccountId`),
+	FOREIGN KEY (`userId`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE `invite` (
+	`id` text PRIMARY KEY NOT NULL,
+	`token` text NOT NULL,
+	`expires` integer NOT NULL,
+	`created_by_id` text NOT NULL,
+	FOREIGN KEY (`created_by_id`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE `session` (
+	`sessionToken` text PRIMARY KEY NOT NULL,
+	`userId` text NOT NULL,
+	`expires` integer NOT NULL,
+	FOREIGN KEY (`userId`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE `user_setting` (
+	`id` text PRIMARY KEY NOT NULL,
+	`user_id` text NOT NULL,
+	`color_scheme` text DEFAULT 'environment' NOT NULL,
+	`language` text DEFAULT 'en' NOT NULL,
+	`default_board` text DEFAULT 'default' NOT NULL,
+	`first_day_of_week` text DEFAULT 'monday' NOT NULL,
+	`search_template` text DEFAULT 'https://google.com/search?q=%s' NOT NULL,
+	`open_search_in_new_tab` integer DEFAULT true NOT NULL,
+	`disable_ping_pulse` integer DEFAULT false NOT NULL,
+	`replace_ping_with_icons` integer DEFAULT false NOT NULL,
+	`use_debug_language` integer DEFAULT false NOT NULL,
+	`auto_focus_search` integer DEFAULT false NOT NULL,
+	FOREIGN KEY (`user_id`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE `user` (
+	`id` text PRIMARY KEY NOT NULL,
+	`name` text,
+	`email` text,
+	`emailVerified` integer,
+	`image` text,
+	`password` text,
+	`salt` text,
+	`is_admin` integer DEFAULT false NOT NULL,
+	`is_owner` integer DEFAULT false NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE `verificationToken` (
+	`identifier` text NOT NULL,
+	`token` text NOT NULL,
+	`expires` integer NOT NULL,
+	PRIMARY KEY(`identifier`, `token`)
+);
+--> statement-breakpoint
+CREATE INDEX `userId_idx` ON `account` (`userId`);--> statement-breakpoint
+CREATE UNIQUE INDEX `invite_token_unique` ON `invite` (`token`);--> statement-breakpoint
+CREATE INDEX `user_id_idx` ON `session` (`userId`);

drizzle/0001_brave_mimic.sql

@@ -0,0 +1,10 @@
+CREATE TABLE `migrate_token` (
+	`id` text PRIMARY KEY NOT NULL,
+	`token` text NOT NULL,
+	`boards` integer NOT NULL,
+	`users` integer NOT NULL,
+	`integrations` integer NOT NULL,
+	`expires` integer NOT NULL
+);
+--> statement-breakpoint
+CREATE UNIQUE INDEX `migrate_token_token_unique` ON `migrate_token` (`token`);

drizzle/meta/0000_snapshot.json

@@ -0,0 +1,468 @@
+{
+  "version": "5",
+  "dialect": "sqlite",
+  "id": "32c1bc91-e69f-4e1d-b53c-9c43f2e6c9d3",
+  "prevId": "00000000-0000-0000-0000-000000000000",
+  "tables": {
+    "account": {
+      "name": "account",
+      "columns": {
+        "userId": {
+          "name": "userId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "providerAccountId": {
+          "name": "providerAccountId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "refresh_token": {
+          "name": "refresh_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "access_token": {
+          "name": "access_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "token_type": {
+          "name": "token_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "scope": {
+          "name": "scope",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "id_token": {
+          "name": "id_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "session_state": {
+          "name": "session_state",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "userId_idx": {
+          "name": "userId_idx",
+          "columns": [
+            "userId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "account_userId_user_id_fk": {
+          "name": "account_userId_user_id_fk",
+          "tableFrom": "account",
+          "tableTo": "user",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "account_provider_providerAccountId_pk": {
+          "columns": [
+            "provider",
+            "providerAccountId"
+          ]
+        }
+      },
+      "uniqueConstraints": {}
+    },
+    "invite": {
+      "name": "invite",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires": {
+          "name": "expires",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_by_id": {
+          "name": "created_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invite_token_unique": {
+          "name": "invite_token_unique",
+          "columns": [
+            "token"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "invite_created_by_id_user_id_fk": {
+          "name": "invite_created_by_id_user_id_fk",
+          "tableFrom": "invite",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "sessionToken": {
+          "name": "sessionToken",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "userId": {
+          "name": "userId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires": {
+          "name": "expires",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_id_idx": {
+          "name": "user_id_idx",
+          "columns": [
+            "userId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "session_userId_user_id_fk": {
+          "name": "session_userId_user_id_fk",
+          "tableFrom": "session",
+          "tableTo": "user",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_setting": {
+      "name": "user_setting",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "color_scheme": {
+          "name": "color_scheme",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'environment'"
+        },
+        "language": {
+          "name": "language",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'en'"
+        },
+        "default_board": {
+          "name": "default_board",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'default'"
+        },
+        "first_day_of_week": {
+          "name": "first_day_of_week",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'monday'"
+        },
+        "search_template": {
+          "name": "search_template",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'https://google.com/search?q=%s'"
+        },
+        "open_search_in_new_tab": {
+          "name": "open_search_in_new_tab",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": true
+        },
+        "disable_ping_pulse": {
+          "name": "disable_ping_pulse",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "replace_ping_with_icons": {
+          "name": "replace_ping_with_icons",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "use_debug_language": {
+          "name": "use_debug_language",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "auto_focus_search": {
+          "name": "auto_focus_search",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_setting_user_id_user_id_fk": {
+          "name": "user_setting_user_id_user_id_fk",
+          "tableFrom": "user_setting",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "emailVerified": {
+          "name": "emailVerified",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "salt": {
+          "name": "salt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_admin": {
+          "name": "is_admin",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "is_owner": {
+          "name": "is_owner",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "verificationToken": {
+      "name": "verificationToken",
+      "columns": {
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires": {
+          "name": "expires",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {
+        "verificationToken_identifier_token_pk": {
+          "columns": [
+            "identifier",
+            "token"
+          ]
+        }
+      },
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}

drizzle/meta/0001_snapshot.json

@@ -0,0 +1,527 @@
+{
+  "version": "5",
+  "dialect": "sqlite",
+  "id": "9c8971c9-6d33-4d14-b318-b19ff9fbb88f",
+  "prevId": "32c1bc91-e69f-4e1d-b53c-9c43f2e6c9d3",
+  "tables": {
+    "account": {
+      "name": "account",
+      "columns": {
+        "userId": {
+          "name": "userId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider": {
+          "name": "provider",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "providerAccountId": {
+          "name": "providerAccountId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "refresh_token": {
+          "name": "refresh_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "access_token": {
+          "name": "access_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "token_type": {
+          "name": "token_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "scope": {
+          "name": "scope",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "id_token": {
+          "name": "id_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "session_state": {
+          "name": "session_state",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "userId_idx": {
+          "name": "userId_idx",
+          "columns": [
+            "userId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "account_userId_user_id_fk": {
+          "name": "account_userId_user_id_fk",
+          "tableFrom": "account",
+          "tableTo": "user",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "account_provider_providerAccountId_pk": {
+          "columns": [
+            "provider",
+            "providerAccountId"
+          ]
+        }
+      },
+      "uniqueConstraints": {}
+    },
+    "invite": {
+      "name": "invite",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires": {
+          "name": "expires",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_by_id": {
+          "name": "created_by_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "invite_token_unique": {
+          "name": "invite_token_unique",
+          "columns": [
+            "token"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "invite_created_by_id_user_id_fk": {
+          "name": "invite_created_by_id_user_id_fk",
+          "tableFrom": "invite",
+          "tableTo": "user",
+          "columnsFrom": [
+            "created_by_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "migrate_token": {
+      "name": "migrate_token",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "boards": {
+          "name": "boards",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "users": {
+          "name": "users",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "integrations": {
+          "name": "integrations",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires": {
+          "name": "expires",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "migrate_token_token_unique": {
+          "name": "migrate_token_token_unique",
+          "columns": [
+            "token"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "sessionToken": {
+          "name": "sessionToken",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "userId": {
+          "name": "userId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires": {
+          "name": "expires",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_id_idx": {
+          "name": "user_id_idx",
+          "columns": [
+            "userId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "session_userId_user_id_fk": {
+          "name": "session_userId_user_id_fk",
+          "tableFrom": "session",
+          "tableTo": "user",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user_setting": {
+      "name": "user_setting",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "color_scheme": {
+          "name": "color_scheme",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'environment'"
+        },
+        "language": {
+          "name": "language",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'en'"
+        },
+        "default_board": {
+          "name": "default_board",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'default'"
+        },
+        "first_day_of_week": {
+          "name": "first_day_of_week",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'monday'"
+        },
+        "search_template": {
+          "name": "search_template",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'https://google.com/search?q=%s'"
+        },
+        "open_search_in_new_tab": {
+          "name": "open_search_in_new_tab",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": true
+        },
+        "disable_ping_pulse": {
+          "name": "disable_ping_pulse",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "replace_ping_with_icons": {
+          "name": "replace_ping_with_icons",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "use_debug_language": {
+          "name": "use_debug_language",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "auto_focus_search": {
+          "name": "auto_focus_search",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "user_setting_user_id_user_id_fk": {
+          "name": "user_setting_user_id_user_id_fk",
+          "tableFrom": "user_setting",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "emailVerified": {
+          "name": "emailVerified",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "salt": {
+          "name": "salt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "is_admin": {
+          "name": "is_admin",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "is_owner": {
+          "name": "is_owner",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "verificationToken": {
+      "name": "verificationToken",
+      "columns": {
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires": {
+          "name": "expires",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {
+        "verificationToken_identifier_token_pk": {
+          "columns": [
+            "identifier",
+            "token"
+          ]
+        }
+      },
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}

drizzle/meta/_journal.json

@@ -0,0 +1,20 @@
+{
+  "version": "5",
+  "dialect": "sqlite",
+  "entries": [
+    {
+      "idx": 0,
+      "version": "5",
+      "when": 1695874816934,
+      "tag": "0000_supreme_the_captain",
+      "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "5",
+      "when": 1730643218521,
+      "tag": "0001_brave_mimic",
+      "breakpoints": true
+    }
+  ]
+}

drizzle/migrate/migrate.ts

@@ -0,0 +1,20 @@
+// This file is used to migrate the database to the current version
+// It is run when the docker container starts
+const Database = require('better-sqlite3');
+const path = require('path');
+const dotenv = require('dotenv');
+const { drizzle } = require('drizzle-orm/better-sqlite3');
+const { migrate } = require('drizzle-orm/better-sqlite3/migrator');
+
+const migrationsFolder = process.argv[2] ?? '../drizzle';
+
+dotenv.config({ path: path.join(__dirname, '/../.env') });
+const sqlite = new Database(process.env.DATABASE_URL!.replace('file:', ''));
+
+const db = drizzle(sqlite);
+
+const migrateDatabase = async () => {
+  await migrate(db, { migrationsFolder });
+};
+
+migrateDatabase();

drizzle/migrate/package.json

@@ -0,0 +1,15 @@
+{
+    "license": "MIT",
+    "description": "This package.json is used for the migration script the dependencies are only installed within the Dockerfile.",
+    "scripts": {
+        "db:migrate": "tsx ./migrate.ts"
+    },
+    "dependencies": {
+        "@types/better-sqlite3": "^7.6.7",
+        "better-sqlite3": "8.6.0",
+        "drizzle-orm": "^0.28.6",
+        "dotenv": "^16.3.1",
+        "tsx": "4.19.1",
+        "typescript": "^5.2.2"
+    }
+}

jest.config.js

@@ -1,16 +0,0 @@
-const nextJest = require('next/jest');
-
-const createJestConfig = nextJest({
-  dir: './',
-});
-
-const customJestConfig = {
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-  moduleNameMapper: {
-    '^@/components/(.*)$': '<rootDir>/components/$1',
-    '^@/pages/(.*)$': '<rootDir>/pages/$1',
-  },
-  testEnvironment: 'jest-environment-jsdom',
-};
-
-module.exports = createJestConfig(customJestConfig);

jest.setup.js

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

next-i18next.config.js

@@ -0,0 +1,49 @@
+const path = require('path');
+
+module.exports = {
+  // https://www.i18next.com/overview/configuration-options#logging
+  i18n: {
+    defaultLocale: 'en',
+    locales: [
+      'ar',
+      'cn',
+      'cr',
+      'cs',
+      'da',
+      'de',
+      'el',
+      'en',
+      'es',
+      'fr',
+      'he',
+      'hr',
+      'hu',
+      'it',
+      'ja',
+      'ko',
+      'lv',
+      'nl',
+      'no',
+      'pl',
+      'pt',
+      'ru',
+      'sk',
+      'sl',
+      'sv',
+      'tr',
+      'tw',
+      'uk',
+      'vi',
+      'et',
+      'lt',
+      'ro'
+    ],
+
+    localeDetection: false,
+  },
+  returnEmptyString: false,
+  appendNamespaceToCIMode: true,
+  reloadOnPrerender: process.env.NODE_ENV === 'development',
+  fallbackLng: 'en',
+  localePath: path.resolve('./public/locales'),
+};

next.config.js

@@ -1,10 +1,31 @@
+require('./src/env');
+const { i18n } = require('./next-i18next.config');
+
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
 });
 
 module.exports = withBundleAnalyzer({
+  webpack: (config) => {
+    // for dynamic loading of auth providers
+    config.experiments = { ...config.experiments, topLevelAwait: true };
+    return config;
+  },
+  images: {
+    domains: ['cdn.jsdelivr.net'],
+  },
   reactStrictMode: true,
-  eslint: {
-    ignoreDuringBuilds: true,
+  output: 'standalone',
+  i18n,
+  transpilePackages: ['@jellyfin/sdk'],
+  redirects: async () => [
+    {
+      source: '/',
+      destination: '/board',
+      permanent: false,
+    },
+  ],
+  env: {
+    NEXTAUTH_URL_INTERNAL: process.env.NEXTAUTH_URL_INTERNAL || process.env.HOSTNAME || 'http://localhost:3000'
   },
 });

package.json

@@ -1,84 +1,248 @@
 {
   "name": "homarr",
-  "version": "0.0.1",
-  "private": "false",
-  "description": "Customizable browser's home page to interact with your homeserver's Docker containers (i.e. Sonarr/Radarr)",
+  "version": "0.16.0",
+  "description": "Homarr - A homepage for your server.",
+  "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ajnart/myhomepage"
+    "url": "https://github.com/ajnart/homarr"
   },
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "NEXTAUTH_SECRET=WILL_BE_OVERWRITTEN next build",
     "analyze": "ANALYZE=true next build",
+    "turbo": "DATABASE_URL=file:WILL_BE_OVERWRITTEN.sqlite turbo build",
     "start": "next start",
     "typecheck": "tsc --noEmit",
     "export": "next build && next export",
     "lint": "next lint",
-    "jest": "jest",
-    "jest:watch": "jest --watch",
     "prettier:check": "prettier --check \"**/*.{ts,tsx}\"",
     "prettier:write": "prettier --write \"**/*.{ts,tsx}\"",
-    "test": "npm run prettier:check && npm run lint && npm run typecheck && npm run jest",
-    "storybook": "start-storybook -p 7001",
-    "storybook:build": "build-storybook"
+    "test": "SKIP_ENV_VALIDATION=1 vitest",
+    "test:docker": "yarn run turbo build && yarn test:run && docker build . -t homarr:local-dev && docker run -p 7575:7575 --name homarr-dev homarr:local-dev",
+    "test:ui": "SKIP_ENV_VALIDATION=1 vitest --ui",
+    "test:run": "SKIP_ENV_VALIDATION=1 vitest run",
+    "test:coverage": "SKIP_ENV_VALIDATION=1 vitest run --coverage",
+    "docker:build": "turbo build && docker build . -t homarr:local-dev",
+    "docker:start": "docker run -p 7575:7575 --name homarr-development homarr:local-dev",
+    "db:migrate": "dotenv tsx drizzle/migrate/migrate.ts ./drizzle",
+    "db:add": "drizzle-kit generate:sqlite --config ./drizzle.config.ts"
   },
   "dependencies": {
-    "@mantine/core": "^4.2.1",
-    "@mantine/dates": "^4.2.1",
-    "@mantine/dropzone": "^4.2.1",
-    "@mantine/form": "^4.2.1",
-    "@mantine/hooks": "^4.2.1",
-    "@mantine/modals": "^4.2.1",
-    "@mantine/next": "^4.2.1",
-    "@mantine/notifications": "^4.2.1",
-    "@mantine/prism": "^4.2.1",
-    "@mantine/spotlight": "^4.2.1",
-    "@modulz/radix-icons": "^4.0.0",
-    "cookies-next": "^2.0.4",
-    "dayjs": "^1.11.1",
-    "framer-motion": "^6.3.1",
+    "@ctrl/deluge": "^4.1.0",
+    "@ctrl/qbittorrent": "^6.0.0",
+    "@ctrl/shared-torrent": "^4.1.1",
+    "@ctrl/transmission": "^4.1.1",
+    "@emotion/react": "^11.10.6",
+    "@emotion/server": "^11.10.0",
+    "@jellyfin/sdk": "^0.8.0",
+    "@mantine/core": "^6.0.0",
+    "@mantine/dates": "^6.0.0",
+    "@mantine/form": "^6.0.0",
+    "@mantine/hooks": "^6.0.0",
+    "@mantine/modals": "^6.0.0",
+    "@mantine/next": "^6.0.0",
+    "@mantine/notifications": "^6.0.0",
+    "@mantine/prism": "^6.0.19",
+    "@mantine/tiptap": "^6.0.17",
+    "@nivo/core": "^0.83.0",
+    "@nivo/line": "^0.83.0",
+    "@t3-oss/env-nextjs": "^0.7.1",
+    "@tabler/icons-react": "^2.20.0",
+    "@tanstack/react-query": "^4.2.1",
+    "@tanstack/react-query-devtools": "^4.24.4",
+    "@tiptap/extension-color": "^2.1.12",
+    "@tiptap/extension-highlight": "^2.1.12",
+    "@tiptap/extension-image": "^2.1.12",
+    "@tiptap/extension-link": "^2.1.12",
+    "@tiptap/extension-table": "^2.1.12",
+    "@tiptap/extension-table-cell": "^2.1.12",
+    "@tiptap/extension-table-header": "^2.1.12",
+    "@tiptap/extension-table-row": "^2.1.12",
+    "@tiptap/extension-task-item": "^2.1.12",
+    "@tiptap/extension-task-list": "^2.1.12",
+    "@tiptap/extension-text-align": "^2.1.12",
+    "@tiptap/extension-text-style": "^2.1.12",
+    "@tiptap/extension-underline": "^2.1.12",
+    "@tiptap/pm": "^2.1.12",
+    "@tiptap/react": "^2.1.12",
+    "@tiptap/starter-kit": "^2.1.12",
+    "@trpc/client": "^10.37.1",
+    "@trpc/next": "^10.37.1",
+    "@trpc/react-query": "^10.37.1",
+    "@trpc/server": "^10.37.1",
+    "@types/bcryptjs": "^2.4.2",
+    "@vitejs/plugin-react": "^4.0.0",
+    "adm-zip": "^0.5.15",
+    "axios": "^1.0.0",
+    "bcryptjs": "^2.4.3",
+    "better-sqlite3": "^8.6.0",
+    "consola": "^3.0.0",
+    "cookies": "^0.8.0",
+    "cookies-next": "^2.1.1",
+    "dayjs": "^1.11.7",
+    "dockerode": "^3.3.2",
+    "dotenv": "^16.3.1",
+    "drizzle-kit": "^0.19.13",
+    "drizzle-orm": "^0.28.6",
+    "drizzle-zod": "^0.5.1",
+    "fily-publish-gridstack": "^0.0.13",
+    "flag-icons": "^6.9.2",
+    "framer-motion": "^10.0.0",
+    "generate-password": "^1.7.0",
+    "html-entities": "^2.3.3",
+    "i18next": "^22.5.1",
+    "immer": "^10.0.2",
     "js-file-download": "^0.4.12",
-    "next": "12.1.5-canary.4",
-    "prism-react-renderer": "^1.3.1",
-    "react": "18.0.0",
-    "react-dom": "18.0.0",
-    "tabler-icons-react": "^1.46.0"
+    "ldapjs": "^3.0.5",
+    "mantine-react-table": "^1.3.4",
+    "next": "13.4.12",
+    "next-auth": "^4.23.0",
+    "next-i18next": "^14.0.0",
+    "nextjs-cors": "^2.2.0",
+    "nzbget-api": "^0.0.3",
+    "prismjs": "^1.29.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^12.3.1",
+    "react-simple-code-editor": "^0.13.1",
+    "rss-parser": "^3.12.0",
+    "sabnzbd-api": "^1.5.0",
+    "swagger-ui-react": "^5.11.0",
+    "tldts": "^6.1.18",
+    "trpc-openapi": "^1.2.0",
+    "uuid": "^9.0.0",
+    "xml-js": "^1.6.11",
+    "xss": "^1.0.14",
+    "zod": "^3.21.4",
+    "zustand": "^4.3.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.8",
-    "@next/bundle-analyzer": "^12.1.4",
-    "@next/eslint-plugin-next": "^12.1.4",
-    "@storybook/addon-essentials": "^6.4.22",
-    "@storybook/addon-links": "^6.4.22",
-    "@storybook/react": "^6.4.22",
-    "@testing-library/dom": "^8.12.0",
-    "@testing-library/jest-dom": "^5.16.3",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^14.0.4",
-    "@types/jest": "^27.4.1",
-    "@types/node": "^17.0.23",
-    "@types/react": "17.0.43",
-    "@typescript-eslint/eslint-plugin": "^5.16.0",
-    "@typescript-eslint/parser": "^5.16.0",
-    "babel-loader": "^8.2.4",
-    "eslint": "^8.11.0",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-airbnb-typescript": "^16.1.4",
-    "eslint-config-mantine": "1.1.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^26.1.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-storybook": "^0.5.11",
-    "eslint-plugin-testing-library": "^5.2.0",
-    "eslint-plugin-unused-imports": "^2.0.0",
-    "jest": "^27.5.1",
-    "prettier": "^2.6.2",
-    "storybook-addon-turbo-build": "^1.1.0",
-    "storybook-dark-mode": "^1.0.9",
-    "ts-jest": "^27.1.4",
-    "typescript": "4.6.3"
+    "@next/bundle-analyzer": "^13.0.0",
+    "@next/eslint-plugin-next": "^13.4.5",
+    "@testing-library/react": "^14.0.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.2.0",
+    "@types/adm-zip": "^0.5.5",
+    "@types/better-sqlite3": "^7.6.5",
+    "@types/cookies": "^0.7.7",
+    "@types/dockerode": "^3.3.9",
+    "@types/ldapjs": "^3.0.2",
+    "@types/node": "^20.6.0",
+    "@types/prismjs": "^1.26.0",
+    "@types/react": "^18.2.11",
+    "@types/swagger-ui-react": "^4.18.3",
+    "@types/umami": "^0.1.4",
+    "@types/uuid": "^9.0.0",
+    "@types/video.js": "^7.3.51",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitest/coverage-c8": "^0.33.0",
+    "@vitest/coverage-v8": "^0.34.5",
+    "@vitest/ui": "^0.34.4",
+    "dotenv-cli": "^7.3.0",
+    "eslint": "^8.0.1",
+    "eslint-config-next": "^13.4.5",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "latest",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-testing-library": "^5.5.1",
+    "eslint-plugin-unused-imports": "^3.0.0",
+    "eslint-plugin-vitest": "^0.2.0",
+    "happy-dom": "^10.0.0",
+    "node-mocks-http": "^1.12.2",
+    "prettier": "^3.0.0",
+    "sass": "^1.56.1",
+    "tsx": "4.19.1",
+    "turbo": "^1.10.12",
+    "typescript": "5.1.6",
+    "video.js": "^8.0.3",
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^0.33.0",
+    "vitest-fetch-mock": "^0.2.2"
+  },
+  "nextBundleAnalysis": {
+    "budget": null,
+    "budgetPercentIncreaseRed": 20,
+    "minimumChangeThreshold": 0,
+    "showDetails": true
+  },
+  "prettier": {
+    "printWidth": 100,
+    "tabWidth": 2,
+    "parser": "typescript",
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "useTabs": false,
+    "endOfLine": "lf",
+    "importOrder": [
+      "^@core/(.*)$",
+      "^@server/(.*)$",
+      "^@ui/(.*)$",
+      "^[./]"
+    ],
+    "importOrderSeparation": true,
+    "plugins": [
+      "@trivago/prettier-plugin-sort-imports"
+    ],
+    "importOrderSortSpecifiers": true
+  },
+  "eslintConfig": {
+    "ignoreDuringBuilds": true,
+    "extends": [
+      "next",
+      "eslint:recommended",
+      "plugin:@next/next/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:react/recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:vitest/recommended"
+    ],
+    "plugins": [
+      "testing-library",
+      "unused-imports",
+      "react",
+      "vitest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/?(*.)+(spec|test).[jt]s?(x)"
+        ],
+        "extends": [
+          "plugin:testing-library/react"
+        ]
+      }
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+      "project": "./tsconfig.json"
+    },
+    "rules": {
+      "import/no-cycle": "off",
+      "react/react-in-jsx-scope": "off",
+      "react/no-children-prop": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-unused-imports": "off",
+      "@typescript-eslint/no-unused-expressions": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-shadow": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "no-continue": "off",
+      "linebreak-style": 0,
+      "import/extensions": "off",
+      "vitest/max-nested-describe": [
+        "error",
+        {
+          "max": 3
+        }
+      ],
+      "testing-library/no-node-access": [
+        "error",
+        {
+          "allowContainerFirstChild": true
+        }
+      ]
+    }
   }
-}
+}

pages/_app.tsx

@@ -1,46 +0,0 @@
-import { GetServerSidePropsContext } from 'next';
-import { useState } from 'react';
-import { AppProps } from 'next/app';
-import { getCookie, setCookies } from 'cookies-next';
-import Head from 'next/head';
-import { MantineProvider, ColorScheme, ColorSchemeProvider } from '@mantine/core';
-import { NotificationsProvider } from '@mantine/notifications';
-import Layout from '../components/layout/Layout';
-import { ConfigProvider } from '../tools/state';
-
-export default function App(props: AppProps & { colorScheme: ColorScheme }) {
-  const { Component, pageProps } = props;
-  const [colorScheme, setColorScheme] = useState<ColorScheme>(props.colorScheme);
-
-  const toggleColorScheme = (value?: ColorScheme) => {
-    const nextColorScheme = value || (colorScheme === 'dark' ? 'light' : 'dark');
-    setColorScheme(nextColorScheme);
-    setCookies('mantine-color-scheme', nextColorScheme, { maxAge: 60 * 60 * 24 * 30 });
-  };
-
-  return (
-    <>
-      <Head>
-        <title>MyHomePage - Your new browser homepage!</title>
-        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
-        <link rel="shortcut icon" href="/favicon.svg" />
-      </Head>
-
-      <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={toggleColorScheme}>
-        <MantineProvider theme={{ colorScheme }} withGlobalStyles withNormalizeCSS>
-          <NotificationsProvider position="top-right">
-            <ConfigProvider>
-              <Layout>
-                <Component {...pageProps} />
-              </Layout>
-            </ConfigProvider>
-          </NotificationsProvider>
-        </MantineProvider>
-      </ColorSchemeProvider>
-    </>
-  );
-}
-
-App.getInitialProps = ({ ctx }: { ctx: GetServerSidePropsContext }) => ({
-  colorScheme: getCookie('mantine-color-scheme', ctx) || 'light',
-});

pages/_document.tsx

@@ -1,22 +0,0 @@
-import Document, { DocumentContext } from 'next/document';
-import { ServerStyles, createStylesServer } from '@mantine/next';
-
-const stylesServer = createStylesServer();
-
-export default class _Document extends Document {
-  static async getInitialProps(ctx: DocumentContext) {
-    const initialProps = await Document.getInitialProps(ctx);
-
-    // Add your app specific logic here
-
-    return {
-      ...initialProps,
-      styles: (
-        <>
-          {initialProps.styles}
-          <ServerStyles html={initialProps.html} server={stylesServer} />
-        </>
-      ),
-    };
-  }
-}

pages/index.tsx

@@ -1,16 +0,0 @@
-import { Group } from '@mantine/core';
-import AppShelf from '../components/AppShelf/AppShelf';
-import LoadConfigComponent from '../components/Config/LoadConfig';
-import SearchBar from '../components/SearchBar/SearchBar';
-
-export default function HomePage() {
-  return (
-    <>
-      <SearchBar />
-      <Group align="start" position="apart" noWrap>
-        <AppShelf />
-      </Group>
-      <LoadConfigComponent />
-    </>
-  );
-}

public/favicon.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home-2" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <polyline points="5 12 3 12 12 3 21 12 19 12" />
-  <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
-  <rect x="10" y="12" width="4" height="4" />
-</svg>

public/imgs/app-icons/truenas.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path fill="#31BEEC" d="M90 38.197v19.137L48.942 80.999V61.864z"/><path d="M41.086 61.863V81L0 57.333V38.197l18.566 10.687c.02.016.043.03.067.04l22.453 12.94Z" fill="#0095D5"/><path fill="#AEADAE" d="m61.621 45.506-16.607 9.576-16.622-9.576 16.622-9.575z"/><path fill="#0095D5" d="M86.086 31.416 69.464 40.99 48.942 29.15V10z"/><path fill="#31BEEC" d="M41.086 10v19.15l-20.55 11.827-16.621-9.561z"/></g></svg>

public/imgs/app-icons/unraid-alt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="100%" x2="0" y1="0" y2="100%" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff8d30"/><stop offset="1" stop-color="#e32929"/></linearGradient></defs><circle cx="50%" cy="50%" r="50%" fill="url(#a)"/><path fill="#fff" d="M246.6 200.8h18.7v110.6h-18.7zm-182.3 0H83v110.7H64.3zm91.1 123.9h18.7V367h-18.7zm-45.7-47.5h18.7v68.5h-18.7zm91.2 0h18.6v68.4h-18.6zm228.2-76.5h18.7v110.7h-18.7zM338 145.5h18.7v42.3H338zm45.7 21.2h18.7v68.2h-18.7zm-91.5 0h18.7v68.1h-18.7z"/></svg>

public/imgs/favicon/favicon.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 483.71 327.04">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fa5252;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M159.96,18.7c27.21,0,49.35,22.14,49.35,49.35v63.14c1.66-.56,3.4-.93,5.24-.93,5.56,0,10.45,2.76,13.46,6.97V68.05C228.01,30.53,197.49,0,159.96,0c-23.47,0-44.2,11.95-56.44,30.08,5.27,3.4,10.3,7.13,15.09,11.12,8.81-13.52,24.04-22.5,41.35-22.5Z"/>
+  <path class="cls-1" d="M269.15,130.26c1.84,0,3.59,.37,5.24,.93v-63.14c0-27.21,22.14-49.35,49.35-49.35,17.31,0,32.54,8.98,41.35,22.5,4.79-3.99,9.82-7.72,15.09-11.12C367.95,11.95,347.21,0,323.74,0c-37.52,0-68.05,30.53-68.05,68.05v69.18c3-4.2,7.89-6.96,13.45-6.96Z"/>
+  <path class="cls-1" d="M203.72,229.23c-33.72,8.1-62.37,26.51-83.25,51.05-11.51,13.49-20.67,28.91-27.04,45.39l44.02,.25,250.81,1.12s.04-.06,.04-.06c-27.59-73.49-106.29-116.57-184.57-97.75Z"/>
+  <path class="cls-1" d="M214.56,170.83c-9.15,0-16.56,7.41-16.56,16.56s7.41,16.56,16.56,16.56,16.56-7.41,16.56-16.56-7.41-16.56-16.56-16.56Z"/>
+  <path class="cls-1" d="M269.15,203.95c9.15,0,16.56-7.41,16.56-16.56s-7.41-16.56-16.56-16.56-16.56,7.41-16.56,16.56,7.41,16.56,16.56,16.56Z"/>
+  <path class="cls-1" d="M422.63,132.54l25.22-102.79s-.04-.04-.04-.04c-21.37,2.65-41.14,10.45-58.07,22.08-5.97,4.1-11.58,8.66-16.78,13.65-24.97,23.98-40.53,57.69-40.53,95.05,0,28.97,9.36,55.8,25.19,77.56,8.73,11.97,19.44,22.39,31.59,30.79l8.77-35.71c45.28-13.47,79.49-52.63,85.72-100.6h-61.07Z"/>
+  <path class="cls-1" d="M126.08,238.05c15.83-21.77,25.19-48.59,25.19-77.56,0-37.35-15.56-71.06-40.53-95.05-5.2-5-10.82-9.56-16.78-13.65-16.93-11.62-36.7-19.42-58.07-22.08,0,0-.04,0-.04,.04l25.22,102.79H0c6.22,47.97,40.44,87.14,85.72,100.6l8.77,35.71c12.16-8.41,22.86-18.82,31.59-30.79Z"/>
+</svg>

public/imgs/logo/logo-color.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 483.71 327.04">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fa5252;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M159.96,18.7c27.21,0,49.35,22.14,49.35,49.35v63.14c1.66-.56,3.4-.93,5.24-.93,5.56,0,10.45,2.76,13.46,6.97V68.05C228.01,30.53,197.49,0,159.96,0c-23.47,0-44.2,11.95-56.44,30.08,5.27,3.4,10.3,7.13,15.09,11.12,8.81-13.52,24.04-22.5,41.35-22.5Z"/>
+  <path class="cls-1" d="M269.15,130.26c1.84,0,3.59,.37,5.24,.93v-63.14c0-27.21,22.14-49.35,49.35-49.35,17.31,0,32.54,8.98,41.35,22.5,4.79-3.99,9.82-7.72,15.09-11.12C367.95,11.95,347.21,0,323.74,0c-37.52,0-68.05,30.53-68.05,68.05v69.18c3-4.2,7.89-6.96,13.45-6.96Z"/>
+  <path class="cls-1" d="M203.72,229.23c-33.72,8.1-62.37,26.51-83.25,51.05-11.51,13.49-20.67,28.91-27.04,45.39l44.02,.25,250.81,1.12s.04-.06,.04-.06c-27.59-73.49-106.29-116.57-184.57-97.75Z"/>
+  <path class="cls-1" d="M214.56,170.83c-9.15,0-16.56,7.41-16.56,16.56s7.41,16.56,16.56,16.56,16.56-7.41,16.56-16.56-7.41-16.56-16.56-16.56Z"/>
+  <path class="cls-1" d="M269.15,203.95c9.15,0,16.56-7.41,16.56-16.56s-7.41-16.56-16.56-16.56-16.56,7.41-16.56,16.56,7.41,16.56,16.56,16.56Z"/>
+  <path class="cls-1" d="M422.63,132.54l25.22-102.79s-.04-.04-.04-.04c-21.37,2.65-41.14,10.45-58.07,22.08-5.97,4.1-11.58,8.66-16.78,13.65-24.97,23.98-40.53,57.69-40.53,95.05,0,28.97,9.36,55.8,25.19,77.56,8.73,11.97,19.44,22.39,31.59,30.79l8.77-35.71c45.28-13.47,79.49-52.63,85.72-100.6h-61.07Z"/>
+  <path class="cls-1" d="M126.08,238.05c15.83-21.77,25.19-48.59,25.19-77.56,0-37.35-15.56-71.06-40.53-95.05-5.2-5-10.82-9.56-16.78-13.65-16.93-11.62-36.7-19.42-58.07-22.08,0,0-.04,0-.04,.04l25.22,102.79H0c6.22,47.97,40.44,87.14,85.72,100.6l8.77,35.71c12.16-8.41,22.86-18.82,31.59-30.79Z"/>
+</svg>