fix: the app title (#94)

.dockerignore

@@ -1,9 +1,11 @@
-/.dioxus/
+/.git
-/.git/
+/.github
-/.github/
+/node_modules
-/debug/
+/target
-/node_modules/
+
-/static/
+.dockerignore
-/target/
 /docker-compose-dev.yaml
 /docker-compose-prod.yaml
+/docker-compose.yaml
+/docker/dev/*/Dockerfile
+/docker/prod/*/Dockerfile

.gitea/default_merge_message/MERGE_TEMPLATE.md

@@ -0,0 +1 @@
+${PullRequestTitle} (${PullRequestReference})

.github/workflows/rust-check.yaml

@@ -21,9 +21,9 @@ jobs:
         run: >
           apt-get update && apt-get install -y
           libgtk-3-dev=3.24.33-1ubuntu2.2
-          libjavascriptcoregtk-4.1-dev=2.46.4-0ubuntu0.22.04.1
+          libjavascriptcoregtk-4.1-dev=2.46.5-0ubuntu0.22.04.1
           libsoup-3.0-dev=3.0.7-0ubuntu1
-          libwebkit2gtk-4.1-dev=2.46.4-0ubuntu0.22.04.1
+          libwebkit2gtk-4.1-dev=2.46.5-0ubuntu0.22.04.1
           libxdo-dev=1:3.20160805.1-4
       - name: Rust toolchain installation
         uses: dtolnay/rust-toolchain@0579bb9e1907e560c2f263f705f93655a44a07e5

.github/workflows/shellcheck-check.yaml

@@ -25,4 +25,10 @@ jobs:
           fetch-depth: 0
       - name: ShellCheck check
         # https://www.shellcheck.net/wiki/Recursiveness
-        run: find . -type f -name "*.sh" -print0 | xargs -0 shellcheck
+        run: |
+          if find . -type f -name "*.sh" -print0 | grep -qz .; then
+            find . -type f -name "*.sh" -print0 | xargs -0 shellcheck
+            exit 0
+          else
+            echo "No shell scripts found. Skipping ShellCheck."
+          fi

.gitignore

@@ -1,10 +1,9 @@
-/target/
+/node_modules
-/dist/
+/target
-/static/
-/.dioxus/
-/node_modules/
 
-**/*.rs.bk
+/**/*.rs.bk
+/.DS_Store
+/.env
+/.env.prod
 
-.env
+/docker-compose.yaml
-.env.prod

.idea/codeStyles/Project.xml

@@ -0,0 +1,63 @@
+<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>

.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

.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.22562.230">
+  <component name="dataSourceStorageLocal" created-in="RR-243.23654.116">
     <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>

.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> [785, 0, null, null, -2147483648, -2147483648]
+!<md> [946, 0, null, null, -2147483648, -2147483648]

.idea/icon.svg

@@ -0,0 +1,203 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="icon.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     inkscape:zoom="1.1020922"
+     inkscape:cx="188.27826"
+     inkscape:cy="204.15715"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect2"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1 @ F,0,0,1,0,0,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="display:inline;fill:#27272a;fill-opacity:1;stroke:none;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1"
+       width="512"
+       height="512"
+       x="0"
+       y="0"
+       sodipodi:insensitive="true"
+       inkscape:label="background"
+       ry="128.00018"
+       sodipodi:type="rect"
+       rx="129.98714" />
+    <g
+       id="g17"
+       inkscape:label="logo"
+       transform="translate(8)">
+      <g
+         id="g8"
+         inkscape:label="ring">
+        <g
+           id="g7"
+           inkscape:label="back">
+          <circle
+             style="fill:#d97706;fill-opacity:1;stroke:#d97706;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="path1"
+             cx="224"
+             cy="256"
+             r="128"
+             inkscape:label="ring back" />
+          <rect
+             style="fill:#d97706;fill-opacity:1;stroke:none;stroke-width:21.8936;stroke-dasharray:none;stroke-opacity:1"
+             id="rect2"
+             width="48"
+             height="288"
+             x="224"
+             y="112"
+             inkscape:label="rect2" />
+        </g>
+        <g
+           id="g1"
+           transform="translate(-4.163147,-0.69235229)"
+           inkscape:label="front">
+          <circle
+             style="fill:#27272a;fill-opacity:1;stroke:none;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="path1-5-2"
+             cx="276.16315"
+             cy="256.69235"
+             r="128" />
+          <circle
+             style="fill:none;fill-opacity:1;stroke:#fbbf24;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="path1-5"
+             cx="276.16315"
+             cy="256.69235"
+             r="128" />
+        </g>
+      </g>
+      <g
+         id="g16"
+         inkscape:label="tick"
+         transform="translate(16.000231,-8.3918418e-5)">
+        <g
+           id="g6"
+           transform="rotate(45,-57.96574,415.4208)"
+           style="fill:#d97706;fill-opacity:1;stroke:none;stroke-opacity:1"
+           inkscape:label="back">
+          <rect
+             style="fill:#d97706;fill-opacity:1;stroke:none;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="rect9"
+             width="32.000458"
+             height="32"
+             x="273.94067"
+             y="210.74516"
+             transform="rotate(-45,-57.96574,415.4208)" />
+          <rect
+             style="fill:#d97706;fill-opacity:1;stroke:none;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="rect8"
+             width="32.000458"
+             height="32"
+             x="206.05841"
+             y="233.37257"
+             transform="rotate(-45,-57.96574,415.4208)" />
+          <rect
+             style="fill:#d97706;fill-opacity:1;stroke:none;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="rect7"
+             height="16"
+             x="228.686"
+             y="285.255"
+             width="32"
+             transform="rotate(-45,-57.96574,415.4208)" />
+          <rect
+             style="fill:#d97706;fill-opacity:1;stroke:none;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="rect5"
+             width="64"
+             height="32"
+             x="0"
+             y="100" />
+          <rect
+             style="fill:#d97706;fill-opacity:1;stroke:none;stroke-width:39.1918;stroke-dasharray:none;stroke-opacity:1"
+             id="rect6"
+             width="32"
+             height="96"
+             x="32"
+             y="36" />
+        </g>
+        <g
+           id="g4"
+           transform="rotate(45,-41.965512,454.04877)"
+           style="fill:#fbbf24;fill-opacity:1;stroke:none;stroke-opacity:1"
+           inkscape:label="front">
+          <rect
+             style="fill:#fbbf24;fill-opacity:1;stroke:none;stroke-width:32;stroke-dasharray:none;stroke-opacity:1"
+             id="rect3"
+             width="64"
+             height="32"
+             x="0"
+             y="100" />
+          <rect
+             style="fill:#fbbf24;fill-opacity:1;stroke:none;stroke-width:39.1918;stroke-dasharray:none;stroke-opacity:1"
+             id="rect4"
+             width="32"
+             height="96"
+             x="32"
+             y="36" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

.idea/sqldialects.xml

@@ -1,8 +1,6 @@
 <?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>

Cargo.toml

@@ -1,36 +1,50 @@
 [package]
 name = "todo-baggins"
 version = "0.1.0"
-authors = ["Matouš Volf <66163112+matous-volf@users.noreply.github.com>"]
+authors = ["Matouš Volf <git@matousvolf.cz>"]
 edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-dioxus = { version = "0.6.0", features = ["fullstack", "router"] }
+chrono = { version = "0.4.39", features = ["serde", "unstable-locales"] }
-dioxus-query = "0.6.0"
+dioxus = { version = "0.6.3", features = ["fullstack", "router"] }
-dioxus-i18n = "0.3.0"
+feruca = { version = "0.10.1" }
-
+serde = { version = "1.0.217" }
-async-std = "1.12.0"
+serde_json = { version = "1.0.138" }
-chrono = { version = "0.4.38", features = ["serde", "unstable-locales"] }
+serde_with = { version = "3.12.0", features = ["chrono_0_4"] }
-diesel = { version = "2.2.2", features = ["chrono", "postgres", "postgres_backend", "serde_json"] }
+tracing = "0.1.41"
-diesel_migrations = { version = "2.2.0", features = ["postgres"] }
-dotenvy = "0.15.7"
-feruca = "0.10.0"
-serde = "1.0.208"
-serde_json = "1.0.125"
-serde_with = { version = "3.9.0", features = ["chrono_0_4"] }
-time = "0.3.36"
-tracing = "0.1.40"
 unic-langid-impl = { version = "0.9.5", features = ["serde"] }
 validator = { version = "0.19.0", features = ["derive"] }
-voca_rs = "1.15.2"
+
+diesel = { version = "2.2.7", 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.37", optional = true }
+
+async-std = { version = "1.13.0", optional = true }
+dioxus-i18n = { version = "0.4.2", optional = true }
+dioxus-query = { version = "0.6.0", optional = true }
+voca_rs = { version = "1.15.2", optional = true }
 
 [features]
 default = ["web"]
 desktop = ["dioxus/desktop"]
 mobile = ["dioxus/mobile"]
-web = ["dioxus/web"]
+web = [
+    "dioxus/web",
+    "dep:async-std",
+    "dep:dioxus-query",
+    "dep:dioxus-i18n",
+    "dep:voca_rs"
+]
+server = [
+    "dioxus/server",
+    "dep:diesel",
+    "dep:diesel_migrations",
+    "dep:dotenvy",
+    "dep:time",
+]
 
 [profile]
 

Dioxus.toml

@@ -3,14 +3,7 @@
 # App (Project) Name
 name = "todo-baggins"
 
-# Dioxus App Default Platform
+# For font files to get referenced in CSS files by their original names, without the hash Dioxus appends.
-# web, desktop, fullstack
-default_platform = "fullstack"
-
-# `build` & `serve` dist path
-out_dir = "dist"
-
-# resource (assets) file folder
 asset_dir = "assets"
 
 [web.app]
@@ -18,22 +11,14 @@ asset_dir = "assets"
 # HTML title tag content
 title = "Todo Baggins"
 
-[web.watcher]
-
-# when watcher trigger, regenerate the `index.html`
-reload_html = true
-
-# which files or dirs will be watcher monitoring
-watch_path = ["src", "assets"]
-
 # include `assets` in web platform
 [web.resource]
 
-# CSS style file
+# Additional CSS style files
 style = []
 
-# Javascript code file
+# Additional JavaScript files
-script = ["https://kit.fontawesome.com/3c1b409f8f.js"]
+script = []
 
 [web.resource.dev]
 

docker-compose-dev.yaml

@@ -12,11 +12,22 @@ services:
       - ./Cargo.toml:/srv/app/Cargo.toml
       - ./diesel.toml:/srv/app/diesel.toml
       - ./Dioxus.toml:/srv/app/Dioxus.toml
-      - ./package.json:/srv/app/package.json
-      - ./package-lock.json:/srv/app/package-lock.json
     restart: always
     ports: ["8000:8000"]
-    depends_on: ["db"]
+    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
 
   db:
     image: postgres:16.4-bookworm

docker/dev/app/Dockerfile

@@ -1,27 +1,17 @@
-FROM rust:1.83-bookworm
+# 1.83.0-bookworm
+FROM rust@sha256:a45bf1f5d9af0a23b26703b3500d70af1abff7f984a7abef5a104b42c02a292b
 
-RUN cargo install dioxus-cli diesel_cli \
+RUN cargo install dioxus-cli --version 0.6.3 \
- && apt-get update && apt-get install -y --no-install-recommends \
+ && cargo install diesel_cli --version 2.2.7
-    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 npm install
+RUN mkdir -p /.local/share/dioxus \
-
+ && chown -R 1000:1000 /srv/app /usr/local/cargo /.local/share/dioxus
-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 ["sh", "docker/dev/app/entrypoint.sh"]
+CMD ["dx", "serve", "--addr", "0.0.0.0", "--port", "8000"]

docker/dev/app/entrypoint.sh

@@ -1,3 +0,0 @@
-#!/bin/bash
-
-supervisord -c /etc/supervisor/conf.d/supervisord.conf

docker/dev/app/supervisord.conf

@@ -1,23 +0,0 @@
-[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

docker/dev/style-builder/Dockerfile

@@ -0,0 +1,15 @@
+# 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"]

docker/prod/app/Dockerfile

@@ -1,25 +1,26 @@
-FROM rust:1.83-bookworm AS builder
+# 1.83.0-bookworm
+FROM rust@sha256:a45bf1f5d9af0a23b26703b3500d70af1abff7f984a7abef5a104b42c02a292b AS builder
 
-RUN rustup target add wasm32-unknown-unknown \
+RUN apt-get update && apt-get install -y --no-install-recommends \
- && 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/*
+ && rm -rf /var/lib/apt/lists/* \
+ && cargo install dioxus-cli --version 0.6.3 \
+ && cargo install diesel_cli --version 2.2.7
 
 COPY . /srv/app
 WORKDIR /srv/app
 
 RUN npm install \
  && npm run build \
- && dx build --release
+ && dx bundle
 
-FROM debian:bookworm-slim AS runner
+# bookworm
+FROM debian@sha256:b877a1a3fdf02469440f1768cf69c9771338a875b7add5e80c45b756c92ac20a AS runner
 
 RUN apt-get update \
- && apt-get install -y --no-install-recommends libpq5=15.8-0+deb12u1 \
+ && apt-get install -y --no-install-recommends libpq5=15.10-0+deb12u1 \
  && apt-get clean \
  && rm -rf /var/lib/apt/lists/*
 

package-lock.json

@@ -5,14 +5,14 @@
   "packages": {
     "": {
       "dependencies": {
-        "tailwindcss": "^3.4.10"
+        "tailwindcss": "3.4.10"
       },
       "devDependencies": {
-        "htmlhint": "^1.1.4",
+        "htmlhint": "1.1.4",
-        "markdownlint-cli": "^0.43.0",
+        "markdownlint-cli": "0.43.0",
-        "prettier": "^3.4.2",
+        "prettier": "3.4.2",
-        "stylelint": "^16.12.0",
+        "stylelint": "16.12.0",
-        "stylelint-config-standard": "^36.0.1"
+        "stylelint-config-standard": "36.0.1"
       }
     },
     "node_modules/@alloc/quick-lru": {

src/components/app.rs

@@ -35,10 +35,11 @@ pub(crate) fn App() -> Element {
 
     rsx! {
         document::Link { rel: "icon", href: FAVICON }
-        document::Link { rel: "stylesheet", href: TAILWIND_CSS }
+        document::Stylesheet { href: TAILWIND_CSS }
-        document::Link { rel: "stylesheet", href: FONTS_CSS }
+        document::Stylesheet { href: FONTS_CSS }
-        document::Link { rel: "stylesheet", href: INPUT_NUMBER_ARROWS_CSS }
+        document::Stylesheet { href: INPUT_NUMBER_ARROWS_CSS }
-        document::Link { rel: "stylesheet", href: INPUT_RANGE_CSS }
+        document::Stylesheet { href: INPUT_RANGE_CSS }
+        document::Script { src: "https://kit.fontawesome.com/3c1b409f8f.js" }
 
         div {
             class: "min-h-screen text-zinc-200 bg-zinc-800 pt-4 pb-36",

src/components/task_list.rs

@@ -7,7 +7,6 @@ use dioxus::core_macro::rsx;
 use dioxus::dioxus_core::Element;
 use dioxus::prelude::*;
 use dioxus_query::prelude::use_query_client;
-use tracing::info;
 
 #[component]
 pub(crate) fn TaskList(tasks: Vec<TaskWithSubtasks>, class: Option<&'static str>) -> Element {

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-2 grow font-medium",
+                class: "mt-1 grow font-medium",
                 {task.task().title()}
             },
             div {

src/errors/error.rs

@@ -7,6 +7,7 @@ pub enum Error {
     ServerInternal,
 }
 
+#[cfg(feature = "server")]
 impl From<diesel::result::Error> for Error {
     fn from(_: diesel::result::Error) -> Self {
         Self::ServerInternal

src/errors/project_error.rs

@@ -35,6 +35,7 @@ impl From<ValidationErrors> for ErrorVec<ProjectError> {
     }
 }
 
+#[cfg(feature = "server")]
 impl From<diesel::result::Error> for ProjectError {
     fn from(_: diesel::result::Error) -> Self {
         Self::Error(Error::ServerInternal)

src/errors/subtask_error.rs

@@ -36,6 +36,7 @@ impl From<ValidationErrors> for ErrorVec<SubtaskError> {
     }
 }
 
+#[cfg(feature = "server")]
 impl From<diesel::result::Error> for SubtaskError {
     fn from(diesel_error: diesel::result::Error) -> Self {
         match diesel_error {

src/errors/task_error.rs

@@ -36,6 +36,7 @@ impl From<ValidationErrors> for ErrorVec<TaskError> {
     }
 }
 
+#[cfg(feature = "server")]
 impl From<diesel::result::Error> for TaskError {
     fn from(diesel_error: diesel::result::Error) -> Self {
         match diesel_error {

src/internationalization/mod.rs

@@ -9,7 +9,7 @@ pub(crate) static COLLATOR: Lazy<Mutex<Collator>> = Lazy::new(|| Mutex::new(Coll
 
 pub(crate) struct LocaleFromLanguageIdentifier<'a>(&'a LanguageIdentifier);
 
-impl<'a> Deref for LocaleFromLanguageIdentifier<'a> {
+impl Deref for LocaleFromLanguageIdentifier<'_> {
     type Target = LanguageIdentifier;
 
     fn deref(&self) -> &Self::Target {
@@ -17,7 +17,7 @@ impl<'a> Deref for LocaleFromLanguageIdentifier<'a> {
     }
 }
 
-impl<'a> From<LocaleFromLanguageIdentifier<'a>> for Locale {
+impl From<LocaleFromLanguageIdentifier<'_>> for Locale {
     fn from(language_identifier: LocaleFromLanguageIdentifier) -> Self {
         language_identifier
             .to_string()

src/main.rs

@@ -1,10 +1,12 @@
 mod components;
 mod errors;
 mod internationalization;
+#[cfg(feature = "server")]
 mod migrations;
 mod models;
 mod query;
 mod route;
+#[cfg(feature = "server")]
 mod schema;
 mod server;
 mod utils;

src/models/category.rs

@@ -1,19 +1,28 @@
+#[cfg(feature = "server")]
 use crate::schema::tasks;
 use chrono::{Duration, NaiveDate, NaiveTime};
+#[cfg(feature = "server")]
 use diesel::deserialize::FromSql;
+#[cfg(feature = "server")]
 use diesel::pg::{Pg, PgValue};
+#[cfg(feature = "server")]
 use diesel::serialize::{Output, ToSql};
+#[cfg(feature = "server")]
 use diesel::sql_types::{Bool, Jsonb};
+#[cfg(feature = "server")]
 use diesel::{AsExpression, BoxableExpression, FromSqlRow, PgJsonbExpressionMethods};
 use serde::{Deserialize, Serialize};
+#[cfg(feature = "server")]
 use serde_json::json;
 use serde_with::DurationSeconds;
 use std::hash::Hash;
+#[cfg(feature = "server")]
 use std::io::Write;
 
 #[serde_with::serde_as]
-#[derive(AsExpression, FromSqlRow, Serialize, Deserialize, Clone, Debug)]
+#[derive(Serialize, Deserialize, Clone, Debug)]
-#[diesel(sql_type = Jsonb)]
+#[cfg_attr(feature = "server", derive(AsExpression, FromSqlRow))]
+#[cfg_attr(feature = "server", diesel(sql_type = Jsonb))]
 pub enum Category {
     Inbox,
     SomedayMaybe,
@@ -29,6 +38,7 @@ pub enum Category {
     Trash,
 }
 
+#[cfg(feature = "server")]
 impl Category {
     pub fn eq_sql_predicate(&self) -> Box<dyn BoxableExpression<tasks::table, Pg, SqlType = Bool>> {
         use crate::schema::tasks::dsl::*;
@@ -60,6 +70,7 @@ impl PartialEq for Category {
 
 impl Eq for Category {}
 
+#[cfg(feature = "server")]
 impl ToSql<Jsonb, Pg> for Category {
     fn to_sql<'b>(&'b self, out: &mut Output<'b, '_, Pg>) -> diesel::serialize::Result {
         let json = serde_json::to_string(self)?;
@@ -72,6 +83,7 @@ impl ToSql<Jsonb, Pg> for Category {
     }
 }
 
+#[cfg(feature = "server")]
 impl FromSql<Jsonb, Pg> for Category {
     fn from_sql(bytes: PgValue) -> diesel::deserialize::Result<Self> {
         let bytes = bytes.as_bytes();

src/models/project.rs

@@ -1,6 +1,8 @@
 use crate::internationalization::COLLATOR;
+#[cfg(feature = "server")]
 use crate::schema::projects;
 use chrono::NaiveDateTime;
+#[cfg(feature = "server")]
 use diesel::prelude::*;
 use serde::{Deserialize, Serialize};
 use std::cmp::Ordering;
@@ -9,9 +11,12 @@ use validator::Validate;
 const TITLE_LENGTH_MIN: u64 = 1;
 const TITLE_LENGTH_MAX: u64 = 255;
 
-#[derive(Queryable, Selectable, Identifiable, Serialize, Deserialize, PartialEq, Clone, Debug)]
+#[derive(Serialize, Deserialize, PartialEq, Clone, Debug)]
-#[diesel(table_name = crate::schema::projects)]
+#[cfg_attr(feature = "server", derive(Queryable, Selectable, Identifiable))]
-#[diesel(check_for_backend(diesel::pg::Pg))]
+#[cfg_attr(
+    feature = "server",
+    diesel(table_name = crate::schema::projects, check_for_backend(diesel::pg::Pg))
+)]
 pub struct Project {
     id: i32,
     title: String,
@@ -19,6 +24,7 @@ pub struct Project {
     updated_at: NaiveDateTime,
 }
 
+#[allow(dead_code)]
 impl Project {
     pub fn id(&self) -> i32 {
         self.id
@@ -54,8 +60,9 @@ impl Ord for Project {
     }
 }
 
-#[derive(Insertable, Serialize, Deserialize, Validate, Clone, Debug)]
+#[derive(Serialize, Deserialize, Validate, Clone, Debug)]
-#[diesel(table_name = projects)]
+#[cfg_attr(feature = "server", derive(Insertable))]
+#[cfg_attr(feature = "server", diesel(table_name = projects))]
 pub struct NewProject {
     #[validate(length(
         min = "TITLE_LENGTH_MIN",

src/models/subtask.rs

@@ -1,6 +1,9 @@
+#[cfg(feature = "server")]
 use crate::models::task::Task;
+#[cfg(feature = "server")]
 use crate::schema::subtasks;
 use chrono::NaiveDateTime;
+#[cfg(feature = "server")]
 use diesel::prelude::*;
 use serde::{Deserialize, Serialize};
 use std::cmp::Ordering;
@@ -9,20 +12,19 @@ use validator::Validate;
 const TITLE_LENGTH_MIN: u64 = 1;
 const TITLE_LENGTH_MAX: u64 = 255;
 
-#[derive(
+#[derive(Serialize, Deserialize, PartialEq, Clone, Debug)]
-    Queryable,
+#[cfg_attr(
-    Selectable,
+    feature = "server",
-    Identifiable,
+    derive(Queryable, Selectable, Identifiable, Associations)
-    Associations,
+)]
-    Serialize,
+#[cfg_attr(
-    Deserialize,
+    feature = "server", 
-    PartialEq,
+    diesel(
-    Clone,
+        table_name = subtasks,
-    Debug,
+        belongs_to(Task, foreign_key = task_id),
+        check_for_backend(diesel::pg::Pg)
+    )
 )]
-#[diesel(belongs_to(Task, foreign_key = task_id))]
-#[diesel(table_name = subtasks)]
-#[diesel(check_for_backend(diesel::pg::Pg))]
 pub struct Subtask {
     id: i32,
     task_id: i32,
@@ -74,8 +76,9 @@ impl Ord for Subtask {
     }
 }
 
-#[derive(Insertable, Serialize, Deserialize, Validate, Clone, Debug)]
+#[derive(Serialize, Deserialize, Validate, Clone, Debug)]
-#[diesel(table_name = subtasks)]
+#[cfg_attr(feature = "server", derive(Insertable))]
+#[cfg_attr(feature = "server", diesel(table_name = subtasks))]
 pub struct NewSubtask {
     pub task_id: i32,
     #[validate(length(

src/models/task.rs

@@ -1,8 +1,10 @@
 use crate::models::category::Category;
 use crate::models::subtask::Subtask;
+#[cfg(feature = "server")]
 use crate::schema::tasks;
 use crate::utils::reverse_ord_option::ReverseOrdOption;
 use chrono::NaiveDateTime;
+#[cfg(feature = "server")]
 use diesel::prelude::*;
 use serde::{Deserialize, Serialize};
 use std::cmp::Ordering;
@@ -11,9 +13,9 @@ use validator::Validate;
 const TITLE_LENGTH_MIN: u64 = 1;
 const TITLE_LENGTH_MAX: u64 = 255;
 
-#[derive(Queryable, Selectable, Identifiable, Serialize, Deserialize, PartialEq, Clone, Debug)]
+#[derive(Serialize, Deserialize, PartialEq, Clone, Debug)]
-#[diesel(table_name = tasks)]
+#[cfg_attr(feature = "server", derive(Queryable, Selectable, Identifiable))]
-#[diesel(check_for_backend(diesel::pg::Pg))]
+#[cfg_attr(feature = "server", diesel(table_name = tasks, check_for_backend(diesel::pg::Pg)))]
 pub struct Task {
     id: i32,
     title: String,
@@ -138,8 +140,9 @@ impl Ord for TaskWithSubtasks {
     }
 }
 
-#[derive(Insertable, Serialize, Deserialize, Validate, Clone, Debug)]
+#[derive(Serialize, Deserialize, Validate, Clone, Debug)]
-#[diesel(table_name = tasks)]
+#[cfg_attr(feature = "server", derive(Insertable))]
+#[cfg_attr(feature = "server", diesel(table_name = tasks))]
 pub struct NewTask {
     #[validate(length(
         min = "TITLE_LENGTH_MIN",

src/query/mod.rs

@@ -9,6 +9,7 @@ pub(crate) mod projects;
 pub(crate) mod subtasks;
 pub(crate) mod tasks;
 
+#[allow(dead_code)]
 #[derive(PartialEq, Debug)]
 pub(crate) enum QueryValue {
     Projects(Vec<Project>),
@@ -17,6 +18,7 @@ pub(crate) enum QueryValue {
     Subtasks(Vec<Subtask>),
 }
 
+#[allow(dead_code)]
 #[derive(Debug)]
 pub(crate) enum QueryErrors {
     Error(ErrorVec<Error>),

src/query/tasks.rs

@@ -4,6 +4,7 @@ use crate::server::tasks::{get_tasks_in_category, get_tasks_with_subtasks_in_cat
 use dioxus::prelude::ServerFnError;
 use dioxus_query::prelude::{use_get_query, QueryResult, UseQuery};
 
+#[allow(dead_code)]
 pub(crate) fn use_tasks_in_category_query(
     category: Category,
 ) -> UseQuery<QueryValue, QueryErrors, QueryKey> {

src/server/internationalization.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::ServerFnError;
 use dioxus::prelude::*;
+#[cfg(feature = "server")]
 use dotenvy::dotenv;
 use std::env;
 use unic_langid_impl::LanguageIdentifier;

src/server/mod.rs

@@ -1,3 +1,4 @@
+#[cfg(feature = "server")]
 pub(crate) mod database_connection;
 pub(crate) mod internationalization;
 pub(crate) mod projects;

src/server/projects.rs

@@ -2,9 +2,12 @@ use crate::errors::error::Error;
 use crate::errors::error_vec::ErrorVec;
 use crate::errors::project_error::ProjectError;
 use crate::models::project::{NewProject, Project};
+#[cfg(feature = "server")]
 use crate::server::database_connection::establish_database_connection;
+#[cfg(feature = "server")]
 use diesel::{ExpressionMethods, QueryDsl, RunQueryDsl, SelectableHelper};
 use dioxus::prelude::*;
+#[cfg(feature = "server")]
 use validator::Validate;
 
 #[server]

src/server/subtasks.rs

@@ -2,10 +2,14 @@ use crate::errors::error::Error;
 use crate::errors::error_vec::ErrorVec;
 use crate::errors::subtask_error::SubtaskError;
 use crate::models::subtask::{NewSubtask, Subtask};
+#[cfg(feature = "server")]
 use crate::server::database_connection::establish_database_connection;
+#[cfg(feature = "server")]
 use crate::server::tasks::trigger_task_updated_at;
+#[cfg(feature = "server")]
 use diesel::{ExpressionMethods, QueryDsl, RunQueryDsl, SelectableHelper};
 use dioxus::prelude::*;
+#[cfg(feature = "server")]
 use validator::Validate;
 
 #[server]

src/server/tasks.rs

@@ -1,16 +1,26 @@
 use crate::errors::error::Error;
 use crate::errors::error_vec::ErrorVec;
 use crate::errors::task_error::TaskError;
-use crate::models::category::{Category, ReoccurrenceInterval};
+use crate::models::category::Category;
+#[cfg(feature = "server")]
+use crate::models::category::ReoccurrenceInterval;
+#[cfg(feature = "server")]
 use crate::models::subtask::Subtask;
 use crate::models::task::{NewTask, Task, TaskWithSubtasks};
+#[cfg(feature = "server")]
 use crate::server::database_connection::establish_database_connection;
+#[cfg(feature = "server")]
 use crate::server::subtasks::restore_subtasks_of_task;
+#[cfg(feature = "server")]
 use chrono::{Datelike, Days, Local, Months, NaiveDate};
+#[cfg(feature = "server")]
 use diesel::prelude::*;
+#[cfg(feature = "server")]
 use diesel::{ExpressionMethods, OptionalExtension, QueryDsl, RunQueryDsl, SelectableHelper};
 use dioxus::prelude::*;
-use time::util::days_in_year_month;
+#[cfg(feature = "server")]
+use time::Month;
+#[cfg(feature = "server")]
 use validator::Validate;
 
 #[server]
@@ -168,10 +178,11 @@ pub(crate) async fn complete_task(task_id: i32) -> Result<Task, ServerFnError<Er
                 *date = NaiveDate::from_ymd_opt(
                     date.year(),
                     date.month(),
-                    reoccurrence.start_date().day().min(days_in_year_month(
+                    reoccurrence.start_date().day().min(
-                        date.year(),
+                        Month::try_from(date.month() as u8)
-                        (date.month() as u8).try_into().unwrap(),
+                            .unwrap()
-                    ) as u32),
+                            .length(date.year()) as u32,
+                    ),
                 )
                 .unwrap()
             }
@@ -204,6 +215,7 @@ pub(crate) async fn delete_task(task_id: i32) -> Result<(), ServerFnError<ErrorV
     Ok(())
 }
 
+#[cfg(feature = "server")]
 pub(crate) async fn trigger_task_updated_at(task_id: i32) -> Result<Task, ErrorVec<Error>> {
     use crate::schema::tasks::dsl::*;
 

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}", "./dist/**/*.html"],
+  content: ["./src/**/*.{rs,html,css}"],
   theme: {
     fontFamily: {
       sans: ["Inter", "sans-serif"],

src/utils/reverse_ord_option.rs

@@ -5,7 +5,7 @@ to reverse that. */
 #[derive(PartialEq)]
 pub(crate) struct ReverseOrdOption<'a, T>(&'a Option<T>);
 
-impl<'a, T> Deref for ReverseOrdOption<'a, T> {
+impl<T> Deref for ReverseOrdOption<'_, T> {
     type Target = Option<T>;
 
     fn deref(&self) -> &Self::Target {
@@ -13,15 +13,15 @@ impl<'a, T> Deref for ReverseOrdOption<'a, T> {
     }
 }
 
-impl<'a, T: Ord> Eq for ReverseOrdOption<'a, T> {}
+impl<T: Ord> Eq for ReverseOrdOption<'_, T> {}
 
-impl<'a, T: Ord> PartialOrd<Self> for ReverseOrdOption<'a, T> {
+impl<T: Ord> PartialOrd<Self> for ReverseOrdOption<'_, T> {
     fn partial_cmp(&self, other: &Self) -> Option<Ordering> {
         Some(self.cmp(other))
     }
 }
 
-impl<'a, T: Ord> Ord for ReverseOrdOption<'a, T> {
+impl<T: Ord> Ord for ReverseOrdOption<'_, T> {
     fn cmp(&self, other: &Self) -> Ordering {
         match (self.as_ref(), other.as_ref()) {
             (None, None) => Ordering::Equal,