ci: handle no shell files in the Shellcheck check

2025-01-03 13:45:17 +01:00
37 changed files with 745 additions and 1084 deletions
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,11 +1,12 @@
-/.git
-/.github
-/node_modules
-/target
-
+/.dioxus/
+/.git/
+/.github/
+/debug/
+/node_modules/
+/static/
+/target/
 .dockerignore
-/docker-compose-dev.yaml
-/docker-compose-prod.yaml
-/docker-compose.yaml
-/docker/dev/*/Dockerfile
-/docker/prod/*/Dockerfile
+/docker-compose-dev.yml
+/docker-compose-prod.yml
+/docker/dev/app/Dockerfile
+/docker/prod/app/Dockerfile
--- a/.github/workflows/checkov-check.yaml
+++ b/.github/workflows/checkov-check.yaml
@@ -22,7 +22,7 @@ jobs:
        with:
          python-version: "3.13.1"
      - name: Rust toolchain installation
-        uses: dtolnay/rust-toolchain@6691ebadcb18182cc1391d07c9f295f657c593cd
+        uses: dtolnay/rust-toolchain@0579bb9e1907e560c2f263f705f93655a44a07e5
      - name: code checkout
        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683
        with:
--- a/.github/workflows/rust-check.yaml
+++ b/.github/workflows/rust-check.yaml
@@ -21,20 +21,18 @@ jobs:
        run: >
          apt-get update && apt-get install -y
          libgtk-3-dev=3.24.33-1ubuntu2.2
-          libjavascriptcoregtk-4.1-dev=2.48.3-0ubuntu0.22.04.1
+          libjavascriptcoregtk-4.1-dev=2.46.4-0ubuntu0.22.04.1
          libsoup-3.0-dev=3.0.7-0ubuntu1
-          libwebkit2gtk-4.1-dev=2.48.3-0ubuntu0.22.04.1
+          libwebkit2gtk-4.1-dev=2.46.4-0ubuntu0.22.04.1
          libxdo-dev=1:3.20160805.1-4
      - name: Rust toolchain installation
-        uses: dtolnay/rust-toolchain@6691ebadcb18182cc1391d07c9f295f657c593cd
+        uses: dtolnay/rust-toolchain@0579bb9e1907e560c2f263f705f93655a44a07e5
        with:
          components: clippy, rustfmt
      - name: code checkout
        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683
        with:
          fetch-depth: 0
-      - name: .env symlink creation
-        run: ln -s .env.example .env
      - name: npm build
        run: npm install && npm run build
      - name: rustfmt check
--- a/.github/workflows/shellcheck-check.yaml
+++ b/.github/workflows/shellcheck-check.yaml
@@ -24,7 +24,6 @@ jobs:
        with:
          fetch-depth: 0
      - name: ShellCheck check
-        # https://www.shellcheck.net/wiki/Recursiveness
        run: |
          if find . -type f -name "*.sh" -print0 | grep -qz .; then
            find . -type f -name "*.sh" -print0 | xargs -0 shellcheck
--- a/.gitignore
+++ b/.gitignore
@@ -1,9 +1,12 @@
-/node_modules
-/target
+/target/
+/dist/
+/static/
+/.dioxus/
+/node_modules/

-/**/*.rs.bk
-/.DS_Store
-/.env
-/.env.prod
+**/*.rs.bk

-/docker-compose.yaml
+.env
+.env.prod
+
+docker-compose.yaml
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -1,63 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Markdown">
-      <option name="RIGHT_MARGIN" value="80" />
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="yaml">
-      <option name="SOFT_MARGINS" value="80" />
-    </codeStyleSettings>
-  </code_scheme>
-</component>
--- a/.idea/codeStyles/codeStyleConfig.xml
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>
--- a/.idea/dataSources.local.xml
+++ b/.idea/dataSources.local.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="dataSourceStorageLocal" created-in="RR-243.23654.116">
+  <component name="dataSourceStorageLocal" created-in="RR-243.22562.230">
    <data-source name="todo_baggins@localhost" uuid="1658668c-c2b8-426d-a22f-16fbad9eff0b">
      <database-info product="PostgreSQL" version="16.4 (Debian 16.4-1.pgdg120+1)" jdbc-version="4.2" driver-name="PostgreSQL JDBC Driver" driver-version="42.6.0" dbms="POSTGRES" exact-version="16.4" exact-driver-version="42.6">
        <identifier-quote-string>&quot;</identifier-quote-string>
--- a/.idea/dataSources/1658668c-c2b8-426d-a22f-16fbad9eff0b.xml
+++ b/.idea/dataSources/1658668c-c2b8-426d-a22f-16fbad9eff0b.xml
--- a/.idea/dataSources/1658668c-c2b8-426d-a22f-16fbad9eff0b/storage_v2/_src_/database/todo_baggins.NgsZOg/schema/public.abK9xQ.meta
+++ b/.idea/dataSources/1658668c-c2b8-426d-a22f-16fbad9eff0b/storage_v2/_src_/database/todo_baggins.NgsZOg/schema/public.abK9xQ.meta
@@ -1,2 +1,2 @@
 #n:public
-!<md> [946, 0, null, null, -2147483648, -2147483648]
+!<md> [785, 0, null, null, -2147483648, -2147483648]
--- a/.idea/sqldialects.xml
+++ b/.idea/sqldialects.xml
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
  <component name="SqlDialectMappings">
+    <file url="file://$PROJECT_DIR$/migrations/00000000000000_diesel_initial_setup/down.sql" dialect="GenericSQL" />
+    <file url="file://$PROJECT_DIR$/migrations/00000000000000_diesel_initial_setup/up.sql" dialect="PostgreSQL" />
    <file url="PROJECT" dialect="PostgreSQL" />
  </component>
 </project>
--- a/Cargo.lock
+++ b/Cargo.lock
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -2,29 +2,29 @@
 name = "todo-baggins"
 version = "0.1.0"
 authors = ["Matouš Volf <git@matousvolf.cz>"]
-edition = "2024"
+edition = "2021"

 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

 [dependencies]
-chrono = { version = "0.4.41", features = ["serde", "unstable-locales"] }
-dioxus = { version = "0.6.3", features = ["fullstack", "router"] }
-feruca = { version = "0.11.4" }
-serde = { version = "1.0.219" }
-serde_json = { version = "1.0.142" }
-serde_with = { version = "3.14.0", features = ["chrono_0_4"] }
+chrono = { version = "0.4.39", features = ["serde", "unstable-locales"] }
+dioxus = { version = "0.6.1", features = ["fullstack", "router"] }
+feruca = { version = "0.10.1" }
+serde = { version = "1.0.217" }
+serde_json = { version = "1.0.134" }
+serde_with = { version = "3.12.0", features = ["chrono_0_4"] }
 tracing = "0.1.41"
-unic-langid-impl = { version = "0.9.6", features = ["serde"] }
-validator = { version = "0.20.0", features = ["derive"] }
+unic-langid-impl = { version = "0.9.5", features = ["serde"] }
+validator = { version = "0.19.0", features = ["derive"] }

-diesel = { version = "2.2.12", features = ["chrono", "postgres", "postgres_backend", "serde_json"], optional = true }
+diesel = { version = "2.2.6", features = ["chrono", "postgres", "postgres_backend", "serde_json"], optional = true }
 diesel_migrations = { version = "2.2.0", features = ["postgres"], optional = true }
 dotenvy = { version = "0.15.7", optional = true }
-time = { version = "0.3.41", optional = true }
+time = { version = "0.3.37", optional = true }

-async-std = { version = "1.13.1", optional = true }
-dioxus-i18n = { version = "0.4.3", optional = true }
-dioxus-query = { version = "0.6.1", optional = true }
+async-std = { version = "1.13.0", optional = true }
+dioxus-i18n = { version = "0.3.0", optional = true }
+dioxus-query = { version = "0.6.0", optional = true }
 voca_rs = { version = "1.15.2", optional = true }

 [features]
--- a/Dioxus.toml
+++ b/Dioxus.toml
@@ -3,7 +3,14 @@
 # App (Project) Name
 name = "todo-baggins"

-# For font files to get referenced in CSS files by their original names, without the hash Dioxus appends.
+# Dioxus App Default Platform
+# web, desktop, fullstack
+default_platform = "fullstack"
+
+# `build` & `serve` dist path
+out_dir = "dist"
+
+# resource (assets) file folder
 asset_dir = "assets"

 [web.app]
@@ -11,17 +18,10 @@ asset_dir = "assets"
 # HTML title tag content
 title = "Todo Baggins"

-# include `assets` in web platform
-[web.resource]
+[web.watcher]

-# Additional CSS style files
-style = []
+# when watcher trigger, regenerate the `index.html`
+reload_html = true

-# Additional JavaScript files
-script = []
-
-[web.resource.dev]
-
-# Javascript code file
-# serve: [dev-server] only
-script = []
+# which files or dirs will be watcher monitoring
+watch_path = ["src", "assets"]
--- a/assets/manifest.json
+++ b/assets/manifest.json
@@ -7,7 +7,7 @@
  "theme_color": "#27272a",
  "icons": [
    {
-      "src": "/assets/images/icon.png",
+      "src": "/images/icon.png",
      "sizes": "any",
      "type": "image/png"
    }
--- a/docker-compose-dev.yaml
+++ b/docker-compose-dev.yaml
@@ -12,22 +12,11 @@ services:
      - ./Cargo.toml:/srv/app/Cargo.toml
      - ./diesel.toml:/srv/app/diesel.toml
      - ./Dioxus.toml:/srv/app/Dioxus.toml
-    restart: always
-    ports: ["8000:8000"]
-    depends_on: ["db", "style-builder"]
-
-  style-builder:
-    build:
-      dockerfile: docker/dev/style-builder/Dockerfile
-    volumes:
-      - ./assets:/srv/app/assets
-      - ./src:/srv/app/src
      - ./package.json:/srv/app/package.json
      - ./package-lock.json:/srv/app/package-lock.json
-    # To prevent the container from exiting.
-    # See https://github.com/rails/rails/issues/44048.
-    tty: true
    restart: always
+    ports: ["8000:8000"]
+    depends_on: ["db"]

  db:
    image: postgres:16.4-bookworm
--- a/docker/dev/app/Dockerfile
+++ b/docker/dev/app/Dockerfile
@@ -1,16 +1,27 @@
-FROM rust:1.88.0-bookworm@sha256:5771a3cc2081935c59ac52b92d49c9e164d4fed92c9f6420aa8cc50364aead6e
+FROM rust@sha256:a45bf1f5d9af0a23b26703b3500d70af1abff7f984a7abef5a104b42c02a292b

-RUN cargo install dioxus-cli --version 0.6.3 \
- && cargo install diesel_cli --version 2.2.7
+RUN cargo install dioxus-cli diesel_cli \
+ && apt-get update && apt-get install -y --no-install-recommends \
+    nodejs=18.19.0+dfsg-6~deb12u2 \
+    npm=9.2.0~ds1-1 \
+    supervisor=4.2.5-1 \
+ && apt-get clean \
+ && rm -rf /var/lib/apt/lists/*

 COPY . /srv/app
 WORKDIR /srv/app

-RUN mkdir -p /.local/share/dioxus \
- && chown -R 1000:1000 /srv/app /usr/local/cargo /.local/share/dioxus
+RUN npm install
+
+COPY docker/dev/app/supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+
+RUN chown -R 1000:1000 /srv/app \
+ && chown -R 1000:1000 /usr/local/cargo \
+ && mkdir -p /.local/share/dioxus \
+ && chown -R 1000:1000 /.local/share/dioxus

 HEALTHCHECK CMD curl --fail -H "Accept: text/html" http://localhost:8000 || exit 1

 USER 1000:1000

-CMD ["sleep", "infinity"]
+CMD ["sh", "docker/dev/app/entrypoint.sh"]
--- a/docker/dev/app/entrypoint.sh
+++ b/docker/dev/app/entrypoint.sh
@@ -0,0 +1,3 @@
+#!/bin/bash
+
+supervisord -c /etc/supervisor/conf.d/supervisord.conf
--- a/docker/dev/app/supervisord.conf
+++ b/docker/dev/app/supervisord.conf
@@ -0,0 +1,23 @@
+[supervisord]
+nodaemon=true
+logfile=/dev/null
+logfile_maxbytes=0
+pidfile=/dev/null
+
+[program:npm]
+command=npm run watch
+directory=/srv/app
+autostart=true
+autorestart=true
+stdout_logfile=/dev/fd/1
+stdout_logfile_maxbytes=0
+redirect_stderr=true
+
+[program:dx]
+command=dx serve --addr 0.0.0.0 --port 8000
+directory=/srv/app
+autostart=true
+autorestart=true
+stdout_logfile=/dev/fd/1
+stdout_logfile_maxbytes=0
+redirect_stderr=true
--- a/docker/dev/style-builder/Dockerfile
+++ b/docker/dev/style-builder/Dockerfile
@@ -1,15 +0,0 @@
-# 23-alpine3.21
-FROM node@sha256:c61b6b12a3c96373673cd52d7ecee2314e82bca5d541eecf0bc6aee870c8c6f7
-
-WORKDIR /srv/app
-
-COPY ./package.json ./package.json
-COPY ./package-lock.json ./package-lock.json
-
-RUN npm install
-
-USER 1000:1000
-
-#checkov:skip=CKV_DOCKER_2: No need for (or even a simple way to do) a healthcheck.
-
-CMD ["npm", "run", "watch"]
--- a/docker/prod/app/Dockerfile
+++ b/docker/prod/app/Dockerfile
@@ -1,24 +1,23 @@
-FROM rust:1.88.0-bookworm@sha256:5771a3cc2081935c59ac52b92d49c9e164d4fed92c9f6420aa8cc50364aead6e AS builder
+FROM rust@sha256:a45bf1f5d9af0a23b26703b3500d70af1abff7f984a7abef5a104b42c02a292b AS builder

-RUN apt-get update && apt-get install -y --no-install-recommends \
+RUN cargo install dioxus-cli diesel_cli \
+ && apt-get update && apt-get install -y --no-install-recommends \
    nodejs=18.19.0+dfsg-6~deb12u2 \
    npm=9.2.0~ds1-1 \
 && apt-get clean \
- && rm -rf /var/lib/apt/lists/* \
- && cargo install dioxus-cli --version 0.6.3 \
- && cargo install diesel_cli --version 2.2.7
+ && rm -rf /var/lib/apt/lists/*

 COPY . /srv/app
 WORKDIR /srv/app

 RUN npm install \
 && npm run build \
- && dx bundle
+ && dx build --release

-FROM debian:bookworm@sha256:b877a1a3fdf02469440f1768cf69c9771338a875b7add5e80c45b756c92ac20a AS runner
+FROM debian@sha256:b877a1a3fdf02469440f1768cf69c9771338a875b7add5e80c45b756c92ac20a AS runner

 RUN apt-get update \
- && apt-get install -y --no-install-recommends libpq5=15.10-0+deb12u1 \
+ && apt-get install -y --no-install-recommends libpq5=15.8-0+deb12u1 \
 && apt-get clean \
 && rm -rf /var/lib/apt/lists/*

--- a/src/components/app.rs
+++ b/src/components/app.rs
@@ -13,7 +13,6 @@ const TAILWIND_CSS: Asset = asset!("/assets/styles/tailwind_output.css");
 const FONTS_CSS: Asset = asset!("/assets/styles/fonts.css");
 const INPUT_NUMBER_ARROWS_CSS: Asset = asset!("/assets/styles/input_number_arrows.css");
 const INPUT_RANGE_CSS: Asset = asset!("/assets/styles/input_range.css");
-const MANIFEST: Asset = asset!("/assets/manifest.json");

 #[component]
 pub(crate) fn App() -> Element {
@@ -36,11 +35,10 @@ pub(crate) fn App() -> Element {

    rsx! {
        document::Link { rel: "icon", href: FAVICON }
-        document::Stylesheet { href: TAILWIND_CSS }
-        document::Stylesheet { href: FONTS_CSS }
-        document::Stylesheet { href: INPUT_NUMBER_ARROWS_CSS }
-        document::Stylesheet { href: INPUT_RANGE_CSS }
-        document::Link { rel: "manifest", href: MANIFEST }
+        document::Link { rel: "stylesheet", href: TAILWIND_CSS }
+        document::Link { rel: "stylesheet", href: FONTS_CSS }
+        document::Link { rel: "stylesheet", href: INPUT_NUMBER_ARROWS_CSS }
+        document::Link { rel: "stylesheet", href: INPUT_RANGE_CSS }
        document::Script { src: "https://kit.fontawesome.com/3c1b409f8f.js" }

        div {
--- a/src/components/pages/category_calendar_page.rs
+++ b/src/components/pages/category_calendar_page.rs
@@ -2,8 +2,8 @@ use crate::components::task_list::TaskList;
 use crate::internationalization::LocaleFromLanguageIdentifier;
 use crate::models::category::Category;
 use crate::models::task::TaskWithSubtasks;
-use crate::query::QueryValue;
 use crate::query::tasks::use_tasks_with_subtasks_in_category_query;
+use crate::query::QueryValue;
 use chrono::{Datelike, Local};
 use dioxus::core_macro::rsx;
 use dioxus::dioxus_core::Element;
--- a/src/components/pages/category_page.rs
+++ b/src/components/pages/category_page.rs
@@ -1,7 +1,7 @@
 use crate::components::task_list::TaskList;
 use crate::models::category::Category;
-use crate::query::QueryValue;
 use crate::query::tasks::use_tasks_with_subtasks_in_category_query;
+use crate::query::QueryValue;
 use dioxus::core_macro::rsx;
 use dioxus::dioxus_core::Element;
 use dioxus::prelude::*;
--- a/src/components/pages/category_today_page.rs
+++ b/src/components/pages/category_today_page.rs
@@ -3,8 +3,8 @@ use crate::components::task_list_item::TaskListItem;
 use crate::internationalization::LocaleFromLanguageIdentifier;
 use crate::models::category::Category;
 use crate::models::task::TaskWithSubtasks;
-use crate::query::QueryValue;
 use crate::query::tasks::use_tasks_with_subtasks_in_category_query;
+use crate::query::QueryValue;
 use chrono::Local;
 use dioxus::prelude::*;
 use dioxus_i18n::t;
--- a/src/components/pages/projects_page.rs
+++ b/src/components/pages/projects_page.rs
@@ -1,6 +1,6 @@
 use crate::models::project::Project;
-use crate::query::QueryValue;
 use crate::query::projects::use_projects_query;
+use crate::query::QueryValue;
 use dioxus::prelude::*;
 use dioxus_query::prelude::QueryResult;

--- a/src/components/subtasks_form.rs
+++ b/src/components/subtasks_form.rs
@@ -6,7 +6,7 @@ use crate::server::subtasks::{create_subtask, delete_subtask, edit_subtask};
 use dioxus::core_macro::{component, rsx};
 use dioxus::dioxus_core::Element;
 use dioxus::prelude::*;
-use dioxus_query::prelude::{QueryResult, use_query_client};
+use dioxus_query::prelude::{use_query_client, QueryResult};

 #[component]
 pub(crate) fn SubtasksForm(task: Task) -> Element {
--- a/src/components/task_form.rs
+++ b/src/components/task_form.rs
@@ -13,7 +13,7 @@ use dioxus::core_macro::{component, rsx};
 use dioxus::dioxus_core::Element;
 use dioxus::prelude::*;
 use dioxus_i18n::t;
-use dioxus_query::prelude::{QueryResult, use_query_client};
+use dioxus_query::prelude::{use_query_client, QueryResult};

 const REMINDER_OFFSETS: [Option<Duration>; 17] = [
    None,
--- a/src/components/task_list_item.rs
+++ b/src/components/task_list_item.rs
@@ -15,7 +15,7 @@ pub(crate) fn TaskListItem(task: TaskWithSubtasks) -> Element {
        div {
            class: "flex flex-col",
            div {
-                class: "mt-1 grow font-medium",
+                class: "mt-2 grow font-medium",
                {task.task().title()}
            },
            div {
--- a/src/errors/project_error.rs
+++ b/src/errors/project_error.rs
@@ -16,7 +16,7 @@ impl From<ValidationErrors> for ErrorVec<ProjectError> {
        validation_errors
            .errors()
            .iter()
-            .flat_map(|(field, error_kind)| match field.as_ref() {
+            .flat_map(|(&field, error_kind)| match field {
                "title" => match error_kind {
                    ValidationErrorsKind::Field(validation_errors) => validation_errors
                        .iter()
@@ -45,7 +45,7 @@ impl From<diesel::result::Error> for ProjectError {
 // Has to be implemented for Dioxus server functions.
 impl Display for ProjectError {
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        write!(f, "{self:?}")
+        write!(f, "{:?}", self)
    }
 }

--- a/src/errors/subtask_error.rs
+++ b/src/errors/subtask_error.rs
@@ -17,7 +17,7 @@ impl From<ValidationErrors> for ErrorVec<SubtaskError> {
        validation_errors
            .errors()
            .iter()
-            .flat_map(|(field, error_kind)| match field.as_ref() {
+            .flat_map(|(&field, error_kind)| match field {
                "title" => match error_kind {
                    ValidationErrorsKind::Field(validation_errors) => validation_errors
                        .iter()
@@ -65,7 +65,7 @@ impl From<ErrorVec<Error>> for ErrorVec<SubtaskError> {
 // Has to be implemented for Dioxus server functions.
 impl Display for SubtaskError {
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        write!(f, "{self:?}")
+        write!(f, "{:?}", self)
    }
 }

--- a/src/errors/task_error.rs
+++ b/src/errors/task_error.rs
@@ -17,7 +17,7 @@ impl From<ValidationErrors> for ErrorVec<TaskError> {
        validation_errors
            .errors()
            .iter()
-            .flat_map(|(field, error_kind)| match field.as_ref() {
+            .flat_map(|(&field, error_kind)| match field {
                "title" => match error_kind {
                    ValidationErrorsKind::Field(validation_errors) => validation_errors
                        .iter()
@@ -55,7 +55,7 @@ impl From<diesel::result::Error> for TaskError {
 // Has to be implemented for Dioxus server functions.
 impl Display for TaskError {
    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        write!(f, "{self:?}")
+        write!(f, "{:?}", self)
    }
 }

--- a/src/migrations/mod.rs
+++ b/src/migrations/mod.rs
@@ -1,4 +1,4 @@
-use diesel_migrations::{EmbeddedMigrations, MigrationHarness, embed_migrations};
+use diesel_migrations::{embed_migrations, EmbeddedMigrations, MigrationHarness};
 use std::error::Error;

 const MIGRATIONS: EmbeddedMigrations = embed_migrations!("migrations");
--- a/src/query/projects.rs
+++ b/src/query/projects.rs
@@ -1,7 +1,7 @@
 use crate::query::{QueryErrors, QueryKey, QueryValue};
 use crate::server::projects::get_projects;
 use dioxus::prelude::ServerFnError;
-use dioxus_query::prelude::{QueryResult, UseQuery, use_get_query};
+use dioxus_query::prelude::{use_get_query, QueryResult, UseQuery};

 pub(crate) fn use_projects_query() -> UseQuery<QueryValue, QueryErrors, QueryKey> {
    use_get_query([QueryKey::Projects, QueryKey::Tasks], fetch_projects)
@@ -12,10 +12,10 @@ async fn fetch_projects(keys: Vec<QueryKey>) -> QueryResult<QueryValue, QueryErr
        match get_projects().await {
            Ok(projects) => Ok(QueryValue::Projects(projects)),
            Err(ServerFnError::WrappedServerError(errors)) => Err(QueryErrors::Error(errors)),
-            Err(error) => panic!("Unexpected error: {error:?}"),
+            Err(error) => panic!("Unexpected error: {:?}", error),
        }
        .into()
    } else {
-        panic!("Unexpected query keys: {keys:?}");
+        panic!("Unexpected query keys: {:?}", keys);
    }
 }
--- a/src/query/subtasks.rs
+++ b/src/query/subtasks.rs
@@ -1,7 +1,7 @@
 use crate::query::{QueryErrors, QueryKey, QueryValue};
 use crate::server::subtasks::get_subtasks_of_task;
 use dioxus::prelude::ServerFnError;
-use dioxus_query::prelude::{QueryResult, UseQuery, use_get_query};
+use dioxus_query::prelude::{use_get_query, QueryResult, UseQuery};

 pub(crate) fn use_subtasks_of_task_query(
    task_id: i32,
@@ -17,10 +17,10 @@ async fn fetch_subtasks_of_task(keys: Vec<QueryKey>) -> QueryResult<QueryValue,
        match get_subtasks_of_task(*task_id).await {
            Ok(subtasks) => Ok(QueryValue::Subtasks(subtasks)),
            Err(ServerFnError::WrappedServerError(errors)) => Err(QueryErrors::Error(errors)),
-            Err(error) => panic!("Unexpected error: {error:?}"),
+            Err(error) => panic!("Unexpected error: {:?}", error),
        }
        .into()
    } else {
-        panic!("Unexpected query keys: {keys:?}");
+        panic!("Unexpected query keys: {:?}", keys);
    }
 }
--- a/src/query/tasks.rs
+++ b/src/query/tasks.rs
@@ -2,7 +2,7 @@ use crate::models::category::Category;
 use crate::query::{QueryErrors, QueryKey, QueryValue};
 use crate::server::tasks::{get_tasks_in_category, get_tasks_with_subtasks_in_category};
 use dioxus::prelude::ServerFnError;
-use dioxus_query::prelude::{QueryResult, UseQuery, use_get_query};
+use dioxus_query::prelude::{use_get_query, QueryResult, UseQuery};

 #[allow(dead_code)]
 pub(crate) fn use_tasks_in_category_query(
@@ -19,11 +19,11 @@ async fn fetch_tasks_in_category(keys: Vec<QueryKey>) -> QueryResult<QueryValue,
        match get_tasks_in_category(category.clone()).await {
            Ok(tasks) => Ok(QueryValue::Tasks(tasks)),
            Err(ServerFnError::WrappedServerError(errors)) => Err(QueryErrors::Error(errors)),
-            Err(error) => panic!("Unexpected error: {error:?}"),
+            Err(error) => panic!("Unexpected error: {:?}", error),
        }
        .into()
    } else {
-        panic!("Unexpected query keys: {keys:?}");
+        panic!("Unexpected query keys: {:?}", keys);
    }
 }

@@ -47,10 +47,10 @@ async fn fetch_tasks_with_subtasks_in_category(
        match get_tasks_with_subtasks_in_category(category.clone()).await {
            Ok(tasks) => Ok(QueryValue::TasksWithSubtasks(tasks)),
            Err(ServerFnError::WrappedServerError(errors)) => Err(QueryErrors::Error(errors)),
-            Err(error) => panic!("Unexpected error: {error:?}"),
+            Err(error) => panic!("Unexpected error: {:?}", error),
        }
        .into()
    } else {
-        panic!("Unexpected query keys: {keys:?}");
+        panic!("Unexpected query keys: {:?}", keys);
    }
 }
--- a/src/styles/tailwind.config.js
+++ b/src/styles/tailwind.config.js
@@ -1,7 +1,7 @@
-/** @type {import("tailwindcss").Config} */
+/** @type {import('tailwindcss').Config} */
 module.exports = {
  mode: "all",
-  content: ["./src/**/*.{rs,html,css}"],
+  content: ["./src/**/*.{rs,html,css}", "./dist/**/*.html"],
  theme: {
    fontFamily: {
      sans: ["Inter", "sans-serif"],