Fix left side menu.

Co-authored-by: Florian THIERRY <florian.thierry@actian.com>
Reviewed-on: #12

.gitea/workflows/build-and-deploy.yml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - main
+      - fix-left-side-menu
 
 jobs:
   build-and-deploy:

.gitignore

@@ -84,13 +84,3 @@ testem.log
 Thumbs.db
 
 **/ci/bin/
-
-
-# Linux start script should use lf
-/gradlew        text eol=lf
-# These are Windows script files and should use crlf
-*.bat           text eol=crlf
-# Binary files should be left untouched
-*.jar           binary
-
-**/.gradle

Dockerfile-backend

@@ -1,16 +1,15 @@
-FROM gradle:9.0.0-jdk21 AS builder
+FROM maven:3.9.11-eclipse-temurin-21 AS builder
 WORKDIR /app
-COPY backend/gradlew /app/
-COPY backend/build.gradle.kts /app/
-COPY backend/settings.gradle.kts /app/
+COPY backend/pom.xml /app/
 COPY backend/codiki-application /app/codiki-application
 COPY backend/codiki-domain /app/codiki-domain
 COPY backend/codiki-exposition /app/codiki-exposition
 COPY backend/codiki-infrastructure /app/codiki-infrastructure
 COPY backend/codiki-launcher /app/codiki-launcher
 WORKDIR /app
-RUN gradle build jar
+RUN mvn clean install -N
+RUN mvn clean package
 
 FROM eclipse-temurin:21-jre-alpine AS final
-COPY --from=builder /app/codiki-launcher/build/libs/codiki-launcher.jar /app/codiki.jar
+COPY --from=builder /app/codiki-launcher/target/*.jar /app/codiki.jar
 CMD ["java", "-jar", "/app/codiki.jar"]

Dockerfile-frontend

@@ -1,4 +1,4 @@
-FROM node:24-alpine AS builder
+FROM node:25-alpine AS builder
 WORKDIR /app
 COPY frontend /app
 RUN npm install

backend/build.gradle.kts

@@ -1,56 +0,0 @@
-plugins {
-    kotlin("jvm") version "2.2.20"
-    kotlin("plugin.spring") version "2.2.20"
-    id("io.spring.dependency-management") version "1.1.7"
-}
-
-group = "org.codiki"
-version = "0.0.1-SNAPSHOT"
-
-java {
-    toolchain {
-        languageVersion = JavaLanguageVersion.of(21)
-    }
-}
-
-repositories {
-    mavenCentral()
-}
-
-subprojects {
-    apply(plugin = "java")
-    apply(plugin = "org.jetbrains.kotlin.jvm")
-
-    repositories {
-        mavenCentral()
-    }
-
-    dependencies {
-        implementation(platform("org.springframework.boot:spring-boot-dependencies:3.5.5"))
-        compileOnly("org.projectlombok:lombok:1.18.40")
-        annotationProcessor("org.projectlombok:lombok:1.18.40")
-        testImplementation("org.assertj:assertj-core:3.27.4")
-        testImplementation("org.junit.jupiter:junit-jupiter-api")
-        testImplementation("org.junit.jupiter:junit-jupiter-params")
-    }
-
-    tasks.withType<Test> {
-        useJUnitPlatform()
-    }
-}
-
-dependencyManagement {
-    imports {
-        mavenBom("org.springframework.boot:spring-boot-dependencies:3.5.5")
-    }
-}
-
-kotlin {
-    compilerOptions {
-        freeCompilerArgs.addAll("-Xjsr305=strict")
-    }
-}
-
-tasks.withType<Test> {
-    useJUnitPlatform()
-}

backend/codiki-application/build.gradle.kts

@@ -1,11 +0,0 @@
-plugins {
-    id("io.spring.dependency-management") version "1.1.7"
-}
-
-dependencies {
-    implementation(project(":codiki-domain"))
-    implementation("org.springframework:spring-context")
-    implementation("org.springframework.boot:spring-boot-starter-security")
-    implementation("com.auth0:java-jwt:4.5.0")
-    implementation("org.apache.commons:commons-lang3") //:3.18.0
-}

backend/codiki-application/pom.xml

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.codiki</groupId>
+        <artifactId>codiki-parent</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath/> <!-- lookup parent from repository -->
+    </parent>
+
+    <artifactId>codiki-application</artifactId>
+
+    <name>codiki-application</name>
+    <description>Demo project for Spring Boot</description>
+
+    <packaging>jar</packaging>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.codiki</groupId>
+            <artifactId>codiki-domain</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-security</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.auth0</groupId>
+            <artifactId>java-jwt</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.junit.jupiter</groupId>
+            <artifactId>junit-jupiter-api</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.junit.jupiter</groupId>
+            <artifactId>junit-jupiter-params</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.assertj</groupId>
+            <artifactId>assertj-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>

backend/codiki-domain/pom.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.codiki</groupId>
+        <artifactId>codiki-parent</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath/> <!-- lookup parent from repository -->
+    </parent>
+
+    <artifactId>codiki-domain</artifactId>
+
+    <name>codiki-domain</name>
+    <description>Demo project for Spring Boot</description>
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-compiler-plugin</artifactId>
+                <configuration>
+                    <source>16</source>
+                    <target>16</target>
+                </configuration>
+            </plugin>
+        </plugins>
+    </build>
+
+    <packaging>jar</packaging>
+</project>

backend/codiki-exposition/build.gradle.kts

@@ -1,11 +0,0 @@
-plugins {
-    id("io.spring.dependency-management") version "1.1.7"
-}
-
-dependencies {
-    implementation(project(":codiki-application"))
-    implementation(project(":codiki-domain"))
-    implementation("org.springframework.boot:spring-boot-starter-web")
-    implementation("org.springframework.boot:spring-boot-starter-security")
-    implementation("org.apache.tika:tika-core:3.2.3")
-}

backend/codiki-exposition/pom.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.codiki</groupId>
+        <artifactId>codiki-parent</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath/> <!-- lookup parent from repository -->
+    </parent>
+
+    <artifactId>codiki-exposition</artifactId>
+
+    <name>codiki-exposition</name>
+    <description>Demo project for Spring Boot</description>
+
+    <packaging>jar</packaging>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.codiki</groupId>
+            <artifactId>codiki-application</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-web</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.tika</groupId>
+            <artifactId>tika-core</artifactId>
+        </dependency>
+    </dependencies>
+</project>

backend/codiki-exposition/src/main/java/org/codiki/exposition/configuration/security/SecurityConfiguration.java

@@ -29,7 +29,7 @@ public class SecurityConfiguration {
     public SecurityFilterChain securityFilterChain(
         HttpSecurity httpSecurity,
         JwtAuthenticationFilter jwtAuthenticationFilter
-    ) throws Exception {
+    ) {
         httpSecurity
             .csrf(AbstractHttpConfigurer::disable)
             .httpBasic(Customizer.withDefaults())

backend/codiki-infrastructure/build.gradle.kts

@@ -1,13 +0,0 @@
-plugins {
-    id("io.spring.dependency-management") version "1.1.7"
-//    kotlin("plugin.jpa") version "2.1.20"
-}
-
-dependencies {
-//    implementation(kotlin("stdlib"))
-    implementation(project(":codiki-application"))
-    implementation(project(":codiki-domain"))
-    implementation("org.springframework:spring-context")
-    implementation("org.springframework.boot:spring-boot-starter-data-jpa")
-    implementation("org.postgresql:postgresql:42.7.5")
-}

backend/codiki-infrastructure/pom.xml

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.codiki</groupId>
+        <artifactId>codiki-parent</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath/> <!-- lookup parent from repository -->
+    </parent>
+
+    <artifactId>codiki-infrastructure</artifactId>
+
+    <name>codiki-infrastructure</name>
+    <description>Demo project for Spring Boot</description>
+
+    <packaging>jar</packaging>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.codiki</groupId>
+            <artifactId>codiki-domain</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-data-jpa</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.postgresql</groupId>
+            <artifactId>postgresql</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.junit.jupiter</groupId>
+            <artifactId>junit-jupiter-api</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.junit.jupiter</groupId>
+            <artifactId>junit-jupiter-params</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.assertj</groupId>
+            <artifactId>assertj-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>

backend/codiki-infrastructure/src/main/java/org/codiki/infrastructure/configuration/JpaConfiguration.java

@@ -1,6 +1,6 @@
 package org.codiki.infrastructure.configuration;
 
-import org.springframework.boot.autoconfigure.domain.EntityScan;
+import org.springframework.boot.persistence.autoconfigure.EntityScan;
 import org.springframework.context.annotation.Configuration;
 import org.springframework.data.jpa.repository.config.EnableJpaRepositories;
 

backend/codiki-launcher/build.gradle.kts

@@ -1,17 +0,0 @@
-plugins {
-    id("org.springframework.boot") version "3.5.5"
-    id("io.spring.dependency-management") version "1.1.7"
-}
-
-dependencies {
-    implementation(project(":codiki-domain"))
-    implementation(project(":codiki-application"))
-    implementation(project(":codiki-infrastructure"))
-    implementation(project(":codiki-exposition"))
-    implementation("org.springframework.boot:spring-boot-starter-web")
-    implementation("org.springframework.boot:spring-boot-devtools")
-}
-
-springBoot {
-    mainClass = "org.codiki.launcher.ApplicationLauncher"
-}

backend/codiki-launcher/pom.xml

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.codiki</groupId>
+        <artifactId>codiki-parent</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath/> <!-- lookup parent from repository -->
+    </parent>
+
+    <artifactId>codiki-launcher</artifactId>
+
+    <name>codiki-launcher</name>
+    <description>Demo project for Spring Boot</description>
+
+    <packaging>jar</packaging>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.codiki</groupId>
+            <artifactId>codiki-exposition</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.codiki</groupId>
+            <artifactId>codiki-application</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.codiki</groupId>
+            <artifactId>codiki-domain</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.codiki</groupId>
+            <artifactId>codiki-infrastructure</artifactId>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <executions>
+                    <execution>
+                        <goals>
+                            <goal>repackage</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+        </plugins>
+    </build>
+</project>

backend/codiki-launcher/src/main/resources/application-local.yml

@@ -1,7 +1,7 @@
 application:
   pictures:
-    path: /Users/florian/Documents/Developpement/codiki-hexagonal/backend/pictures-folder/
-    temp-path : /Users/florian/Documents/Developpement/codiki-hexagonal/backend/pictures-folder/temp/
+    path: /home/florian/Developpement/codiki-hexagonal/backend/pictures-folder/
+    temp-path : /home/florian/Developpement/codiki-hexagonal/backend/pictures-folder/temp/
 
 logging:
   level:

backend/docker-compose.yml

@@ -3,7 +3,7 @@ version: '3.9'
 services:
   codiki-database:
     container_name: "codiki-database"
-    image: "postgres:17"
+    image: "postgres:16"
     ports:
       - "50001:5432"
     networks:

backend/gradlew

@@ -1,251 +0,0 @@
-#!/bin/sh
-
-#
-# Copyright © 2015 the original authors.
-#
-# Licensed under the Apache License, Version 2.0 (the "License");
-# you may not use this file except in compliance with the License.
-# You may obtain a copy of the License at
-#
-#      https://www.apache.org/licenses/LICENSE-2.0
-#
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-# See the License for the specific language governing permissions and
-# limitations under the License.
-#
-# SPDX-License-Identifier: Apache-2.0
-#
-
-##############################################################################
-#
-#   Gradle start up script for POSIX generated by Gradle.
-#
-#   Important for running:
-#
-#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
-#       noncompliant, but you have some other compliant shell such as ksh or
-#       bash, then to run this script, type that shell name before the whole
-#       command line, like:
-#
-#           ksh Gradle
-#
-#       Busybox and similar reduced shells will NOT work, because this script
-#       requires all of these POSIX shell features:
-#         * functions;
-#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
-#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
-#         * compound commands having a testable exit status, especially «case»;
-#         * various built-in commands including «command», «set», and «ulimit».
-#
-#   Important for patching:
-#
-#   (2) This script targets any POSIX shell, so it avoids extensions provided
-#       by Bash, Ksh, etc; in particular arrays are avoided.
-#
-#       The "traditional" practice of packing multiple parameters into a
-#       space-separated string is a well documented source of bugs and security
-#       problems, so this is (mostly) avoided, by progressively accumulating
-#       options in "$@", and eventually passing that to Java.
-#
-#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
-#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
-#       see the in-line comments for details.
-#
-#       There are tweaks for specific operating systems such as AIX, CygWin,
-#       Darwin, MinGW, and NonStop.
-#
-#   (3) This script is generated from the Groovy template
-#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
-#       within the Gradle project.
-#
-#       You can find Gradle at https://github.com/gradle/gradle/.
-#
-##############################################################################
-
-# Attempt to set APP_HOME
-
-# Resolve links: $0 may be a link
-app_path=$0
-
-# Need this for daisy-chained symlinks.
-while
-    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
-    [ -h "$app_path" ]
-do
-    ls=$( ls -ld "$app_path" )
-    link=${ls#*' -> '}
-    case $link in             #(
-      /*)   app_path=$link ;; #(
-      *)    app_path=$APP_HOME$link ;;
-    esac
-done
-
-# This is normally unused
-# shellcheck disable=SC2034
-APP_BASE_NAME=${0##*/}
-# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
-APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
-
-# Use the maximum available, or set MAX_FD != -1 to use that value.
-MAX_FD=maximum
-
-warn () {
-    echo "$*"
-} >&2
-
-die () {
-    echo
-    echo "$*"
-    echo
-    exit 1
-} >&2
-
-# OS specific support (must be 'true' or 'false').
-cygwin=false
-msys=false
-darwin=false
-nonstop=false
-case "$( uname )" in                #(
-  CYGWIN* )         cygwin=true  ;; #(
-  Darwin* )         darwin=true  ;; #(
-  MSYS* | MINGW* )  msys=true    ;; #(
-  NONSTOP* )        nonstop=true ;;
-esac
-
-CLASSPATH="\\\"\\\""
-
-
-# Determine the Java command to use to start the JVM.
-if [ -n "$JAVA_HOME" ] ; then
-    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
-        # IBM's JDK on AIX uses strange locations for the executables
-        JAVACMD=$JAVA_HOME/jre/sh/java
-    else
-        JAVACMD=$JAVA_HOME/bin/java
-    fi
-    if [ ! -x "$JAVACMD" ] ; then
-        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-else
-    JAVACMD=java
-    if ! command -v java >/dev/null 2>&1
-    then
-        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-fi
-
-# Increase the maximum file descriptors if we can.
-if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
-    case $MAX_FD in #(
-      max*)
-        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC2039,SC3045
-        MAX_FD=$( ulimit -H -n ) ||
-            warn "Could not query maximum file descriptor limit"
-    esac
-    case $MAX_FD in  #(
-      '' | soft) :;; #(
-      *)
-        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC2039,SC3045
-        ulimit -n "$MAX_FD" ||
-            warn "Could not set maximum file descriptor limit to $MAX_FD"
-    esac
-fi
-
-# Collect all arguments for the java command, stacking in reverse order:
-#   * args from the command line
-#   * the main class name
-#   * -classpath
-#   * -D...appname settings
-#   * --module-path (only if needed)
-#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
-
-# For Cygwin or MSYS, switch paths to Windows format before running java
-if "$cygwin" || "$msys" ; then
-    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
-    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
-
-    JAVACMD=$( cygpath --unix "$JAVACMD" )
-
-    # Now convert the arguments - kludge to limit ourselves to /bin/sh
-    for arg do
-        if
-            case $arg in                                #(
-              -*)   false ;;                            # don't mess with options #(
-              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
-                    [ -e "$t" ] ;;                      #(
-              *)    false ;;
-            esac
-        then
-            arg=$( cygpath --path --ignore --mixed "$arg" )
-        fi
-        # Roll the args list around exactly as many times as the number of
-        # args, so each arg winds up back in the position where it started, but
-        # possibly modified.
-        #
-        # NB: a `for` loop captures its iteration list before it begins, so
-        # changing the positional parameters here affects neither the number of
-        # iterations, nor the values presented in `arg`.
-        shift                   # remove old arg
-        set -- "$@" "$arg"      # push replacement arg
-    done
-fi
-
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
-
-# Collect all arguments for the java command:
-#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
-#     and any embedded shellness will be escaped.
-#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
-#     treated as '${Hostname}' itself on the command line.
-
-set -- \
-        "-Dorg.gradle.appname=$APP_BASE_NAME" \
-        -classpath "$CLASSPATH" \
-        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
-        "$@"
-
-# Stop when "xargs" is not available.
-if ! command -v xargs >/dev/null 2>&1
-then
-    die "xargs is not available"
-fi
-
-# Use "xargs" to parse quoted args.
-#
-# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
-#
-# In Bash we could simply go:
-#
-#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
-#   set -- "${ARGS[@]}" "$@"
-#
-# but POSIX shell has neither arrays nor command substitution, so instead we
-# post-process each arg (as a line of input to sed) to backslash-escape any
-# character that might be a shell metacharacter, then use eval to reverse
-# that process (while maintaining the separation between arguments), and wrap
-# the whole thing up as a single "set" statement.
-#
-# This will of course break if any of these variables contains a newline or
-# an unmatched quote.
-#
-
-eval "set -- $(
-        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
-        xargs -n1 |
-        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
-        tr '\n' ' '
-    )" '"$@"'
-
-exec "$JAVACMD" "$@"

backend/gradlew.bat

@@ -1,94 +0,0 @@
-@rem
-@rem Copyright 2015 the original author or authors.
-@rem
-@rem Licensed under the Apache License, Version 2.0 (the "License");
-@rem you may not use this file except in compliance with the License.
-@rem You may obtain a copy of the License at
-@rem
-@rem      https://www.apache.org/licenses/LICENSE-2.0
-@rem
-@rem Unless required by applicable law or agreed to in writing, software
-@rem distributed under the License is distributed on an "AS IS" BASIS,
-@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-@rem See the License for the specific language governing permissions and
-@rem limitations under the License.
-@rem
-@rem SPDX-License-Identifier: Apache-2.0
-@rem
-
-@if "%DEBUG%"=="" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-set DIRNAME=%~dp0
-if "%DIRNAME%"=="" set DIRNAME=.
-@rem This is normally unused
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Resolve any "." and ".." in APP_HOME to make it shorter.
-for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if %ERRORLEVEL% equ 0 goto execute
-
-echo. 1>&2
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
-echo. 1>&2
-echo Please set the JAVA_HOME variable in your environment to match the 1>&2
-echo location of your Java installation. 1>&2
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto execute
-
-echo. 1>&2
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
-echo. 1>&2
-echo Please set the JAVA_HOME variable in your environment to match the 1>&2
-echo location of your Java installation. 1>&2
-
-goto fail
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=
-
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
-
-:end
-@rem End local scope for the variables with windows NT shell
-if %ERRORLEVEL% equ 0 goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-set EXIT_CODE=%ERRORLEVEL%
-if %EXIT_CODE% equ 0 set EXIT_CODE=1
-if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
-exit /b %EXIT_CODE%
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega

backend/pom.xml

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+	<modelVersion>4.0.0</modelVersion>
+
+	<groupId>org.codiki</groupId>
+	<artifactId>codiki-parent</artifactId>
+	<version>0.0.1-SNAPSHOT</version>
+
+	<packaging>pom</packaging>
+
+	<name>codiki</name>
+
+	<properties>
+		<java.version>21</java.version>
+		<maven.compiler.source>21</maven.compiler.source>
+		<maven.compiler.target>21</maven.compiler.target>
+		<jakarta.servlet-api.version>6.1.0</jakarta.servlet-api.version>
+		<java-jwt.version>4.5.0</java-jwt.version>
+		<postgresql.version>42.7.8</postgresql.version>
+		<tika-core.version>3.2.3</tika-core.version>
+		<commons-lang3.version>3.20.0</commons-lang3.version>
+	</properties>
+
+	<modules>
+		<module>codiki-domain</module>
+		<module>codiki-application</module>
+		<module>codiki-infrastructure</module>
+		<module>codiki-exposition</module>
+		<module>codiki-launcher</module>
+	</modules>
+
+	<dependencyManagement>
+		<dependencies>
+			<dependency>
+				<groupId>org.springframework.boot</groupId>
+				<artifactId>spring-boot-dependencies</artifactId>
+				<version>4.0.1</version>
+				<type>pom</type>
+				<scope>import</scope>
+			</dependency>
+			<dependency>
+				<groupId>org.codiki</groupId>
+				<artifactId>codiki-exposition</artifactId>
+				<version>${project.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>org.codiki</groupId>
+				<artifactId>codiki-application</artifactId>
+				<version>${project.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>org.codiki</groupId>
+				<artifactId>codiki-domain</artifactId>
+				<version>${project.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>org.codiki</groupId>
+				<artifactId>codiki-infrastructure</artifactId>
+				<version>${project.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>jakarta.servlet</groupId>
+				<artifactId>jakarta.servlet-api</artifactId>
+				<version>${jakarta.servlet-api.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>com.auth0</groupId>
+				<artifactId>java-jwt</artifactId>
+				<version>${java-jwt.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>org.postgresql</groupId>
+				<artifactId>postgresql</artifactId>
+				<version>${postgresql.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>org.apache.tika</groupId>
+				<artifactId>tika-core</artifactId>
+				<version>${tika-core.version}</version>
+			</dependency>
+			<dependency>
+				<groupId>org.apache.commons</groupId>
+				<artifactId>commons-lang3</artifactId>
+				<version>${commons-lang3.version}</version>
+			</dependency>
+		</dependencies>
+	</dependencyManagement>
+
+	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.springframework.boot</groupId>
+				<artifactId>spring-boot-maven-plugin</artifactId>
+			</plugin>
+		</plugins>
+	</build>
+</project>

backend/settings.gradle.kts

@@ -1,2 +0,0 @@
-rootProject.name = "codiki-backend"
-include("codiki-domain", "codiki-application", "codiki-exposition", "codiki-infrastructure", "codiki-launcher")

frontend/angular.json

@@ -24,13 +24,13 @@
       },
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular/build:application",
           "options": {
             "outputPath": "dist/codiki",
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
-              "zone.js"
+              "@angular/localize/init"
             ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
@@ -102,7 +102,7 @@
           "defaultConfiguration": ""
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production-en": {
               "buildTarget": "codiki:build:production-en"
@@ -123,17 +123,15 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "codiki:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "polyfills": [
-              "zone.js",
-              "zone.js/testing"
             ],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
@@ -153,5 +151,31 @@
   },
   "cli": {
     "analytics": false
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
 }

frontend/package.json

@@ -17,32 +17,26 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.5",
-    "@angular/cdk": "^18.2.5",
-    "@angular/common": "^18.2.5",
-    "@angular/compiler": "^18.2.5",
-    "@angular/core": "^18.2.5",
-    "@angular/forms": "^18.2.5",
-    "@angular/material": "^18.2.5",
-    "@angular/platform-browser": "^18.2.5",
-    "@angular/platform-browser-dynamic": "^18.2.5",
-    "@angular/router": "^18.2.5",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "@angular/animations": "^21.1.2",
+    "@angular/cdk": "^21.1.2",
+    "@angular/common": "^21.1.2",
+    "@angular/compiler": "^21.1.2",
+    "@angular/core": "^21.1.2",
+    "@angular/forms": "^21.1.2",
+    "@angular/material": "^21.1.2",
+    "@angular/platform-browser": "^21.1.2",
+    "@angular/platform-browser-dynamic": "^21.1.2",
+    "@angular/router": "^21.1.2",
+    "rxjs": "~7.8.2",
+    "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.5",
-    "@angular/cli": "^18.2.5",
-    "@angular/compiler-cli": "^18.2.5",
-    "@angular/localize": "^18.2.5",
-    "@types/jasmine": "~5.1.0",
-    "jasmine-core": "~5.1.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.5.4"
+    "@angular/build": "^21.1.2",
+    "@angular/cli": "^21.1.2",
+    "@angular/compiler-cli": "^21.1.2",
+    "@angular/localize": "^21.1.2",
+    "@types/jasmine": "~5.1.15",
+    "jasmine-core": "~5.13.0",
+    "typescript": "~5.9.3"
   }
 }

frontend/src/app/app.component.ts

@@ -1,4 +1,3 @@
-import { CommonModule } from '@angular/common';
 import {Component} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
 import {HeaderComponent} from './components/header/header.component';
@@ -6,9 +5,7 @@ import { FooterComponent } from './components/footer/footer.component';
 
 @Component({
   selector: 'app-root',
-  standalone: true,
   imports: [
-    CommonModule,
     RouterOutlet,
     HeaderComponent,
     FooterComponent

frontend/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
+import {ApplicationConfig, inject, provideAppInitializer} from '@angular/core';
 import {provideRouter, withRouterConfig} from '@angular/router';
 
 import {HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi} from '@angular/common/http';
@@ -19,11 +19,9 @@ export const appConfig: ApplicationConfig = {
     provideAnimationsAsync(),
     provideHttpClient(withInterceptorsFromDi()),
     {provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true},
-    {
-      provide: APP_INITIALIZER,
-      useFactory: (authenticationService: AuthenticationService) => () => authenticationService.startAuthenticationCheckingProcess(),
-      deps: [AuthenticationService],
-      multi: true
-    }
+    provideAppInitializer(() => {
+      const initializerFn = ((authenticationService: AuthenticationService) => () => authenticationService.startAuthenticationCheckingProcess())(inject(AuthenticationService));
+      return initializerFn();
+    })
   ]
 };

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.ts

@@ -1,4 +1,4 @@
-import { Component, inject, Input } from "@angular/core";
+import {Component, inject} from "@angular/core";
 import {MatRippleModule} from "@angular/material/core";
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
 
@@ -9,7 +9,6 @@ export interface ConfirmationDialogData {
 
 @Component({
   selector: 'app-confirmation-dialog',
-    standalone: true,
   templateUrl: './confirmation-dialog.component.html',
   styleUrl: './confirmation-dialog.component.scss',
   imports: [MatRippleModule]

frontend/src/app/components/footer/footer.component.html

@@ -1,8 +1,8 @@
 <div i18n>
   <span class="copy-left">&copy;</span>
-    2016 - 2024 All rights reserved
+  2016 - 2026 All rights reserved
   -
-    2.1
+  2.2
   <a [routerLink]="['./']" matTooltip="Health checking will be available in future..." i18n-matTooltip>
     <mat-icon>favorite</mat-icon>
   </a>

frontend/src/app/components/footer/footer.component.scss

@@ -12,10 +12,12 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    gap: .2em;
 
     .copy-left {
       transform: rotate(180deg);
     }
+
     a {
       text-decoration: none;
       color: rgba(255, 255, 255, .6);

frontend/src/app/components/footer/footer.component.ts

@@ -5,11 +5,9 @@ import { RouterModule } from '@angular/router';
 
 @Component({
   selector: 'app-footer',
-  standalone: true,
   imports: [MatIconModule, MatTooltipModule, RouterModule],
   templateUrl: './footer.component.html',
   styleUrl: './footer.component.scss'
 })
 export class FooterComponent {
-
 }

frontend/src/app/components/header/header.component.ts

@@ -1,4 +1,3 @@
-import { CommonModule } from '@angular/common';
 import {Component, inject} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {MatButtonModule} from '@angular/material/button';
@@ -13,9 +12,7 @@ import { SideMenuComponent } from '../side-menu/side-menu.component';
 
 @Component({
   selector: 'app-header',
-  standalone: true,
   imports: [
-    CommonModule,
     MatButtonModule,
     MatIconModule,
     MatMenuModule,
@@ -24,10 +21,10 @@ import { SideMenuComponent } from '../side-menu/side-menu.component';
     PublicationsSearchBarComponent,
     ReactiveFormsModule,
     RouterModule,
-    SideMenuComponent,
+    SideMenuComponent
   ],
   templateUrl: './header.component.html',
-  styleUrl: './header.component.scss',
+  styleUrl: './header.component.scss'
 })
 export class HeaderComponent {
   private authenticationService = inject(AuthenticationService);

frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.ts

@@ -86,7 +86,6 @@ export const PROGRAMMING_LANGUAGES: ProgramingLanguage[] = [
 
 @Component({
   selector: 'app-code-block-dialog',
-    standalone: true,
   templateUrl: './code-block-dialog.component.html',
   styleUrl: './code-block-dialog.component.scss',
   imports: [

frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.html

@@ -10,13 +10,14 @@
   <h1 i18n>Select an illustration</h1>
 </header>
 <div class="picture-container">
-    @if (isLoading) {
+  @if (isLoading()) {
     <h2 i18n>Pictures loading...</h2>
     <mat-spinner></mat-spinner>
   } @else {
     @if (pictures.length) {
       @for (picture of pictures; track picture) {
-                <img src="/api/pictures/{{picture.id}}" (click)="selectPicture(picture)" matTooltip="Choose this illustration" i18n-matTooltip/>
+        <img src="/api/pictures/{{picture.id}}" (click)="selectPicture(picture)" matTooltip="Choose this illustration"
+             i18n-matTooltip/>
       }
     } @else {
       <h2 i18n>There is no any picture.</h2>

frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts

@@ -1,4 +1,4 @@
-import { Component, inject, OnInit } from "@angular/core";
+import {Component, inject, OnInit, signal} from "@angular/core";
 import {Picture} from "../../../core/rest-services/picture/model/picture";
 import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {MatSnackBar} from "@angular/material/snack-bar";
@@ -10,7 +10,6 @@ import { MatTooltip } from "@angular/material/tooltip";
 
 @Component({
   selector: 'app-picture-selection',
-    standalone: true,
   templateUrl: './picture-selection-dialog.component.html',
   styleUrl: './picture-selection-dialog.component.scss',
   imports: [
@@ -18,19 +17,19 @@ import { MatTooltip } from "@angular/material/tooltip";
     MatRippleModule,
     MatProgressSpinnerModule,
     MatTooltip
-    ],
+  ]
 })
 export class PictureSelectionDialog implements OnInit {
   private readonly pictureRestService = inject(PictureRestService);
   private readonly snackBar = inject(MatSnackBar);
   private readonly dialogRef = inject(MatDialogRef<PictureSelectionDialog>);
 
-    isLoading: boolean = false;
-    isLoaded: boolean = false;
+  isLoading = signal(false);
+  isLoaded = signal(false);
   pictures: Picture[] = [];
 
   ngOnInit(): void {
-        this.isLoading = true;
+    this.isLoading.set(true);
     this.pictureRestService.getAllOfCurrentUser()
       .then(pictures => {
         this.pictures = pictures;
@@ -39,14 +38,14 @@ export class PictureSelectionDialog implements OnInit {
         if (error.status === 401) {
           this.dialogRef.close();
         } else {
-                    const errorMessage = $localize`An error occured while loading pictures.`;
+          const errorMessage = $localize`An error occurred while loading pictures.`;
           console.error(errorMessage, error);
           this.snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
         }
       })
       .finally(() => {
-                this.isLoading = false;
-                this.isLoaded = true;
+        this.isLoading.set(false);
+        this.isLoaded.set(true);
       });
   }
 
@@ -66,7 +65,7 @@ export class PictureSelectionDialog implements OnInit {
           this.dialogRef.close(pictureId);
         })
         .catch(error => {
-                    const errorMessage = $localize`A technical error occured while uploading your picture.`;
+          const errorMessage = $localize`A technical error occurred while uploading your picture.`;
           console.error(errorMessage, error);
           this.snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
         });

frontend/src/app/components/publication-edition/publication-edition.component.html

@@ -1,6 +1,6 @@
 <form [formGroup]="publicationEditionForm" (submit)="save()" ngNativeValidate>
   <header>
-        <h1>{{title}}</h1>
+    <h1>{{ title() }}</h1>
   </header>
 
   <mat-tab-group dynamicHeight (selectedIndexChange)="onTabChange($event)">
@@ -29,7 +29,8 @@
           </div>
 
           <div class="picture-container">
-                        <img [src]="publication.illustrationId.length ? '/api/pictures/' + publication.illustrationId : '/assets/images/default-picture.png'"
+            <img
+              [src]="publication().illustrationId.length ? '/api/pictures/' + publication().illustrationId : '/assets/images/default-picture.png'"
               (click)="displayPictureSectionDialog()"
               matTooltip="Click to change illustration"
               i18n-matTooltip/>
@@ -103,24 +104,24 @@
 
     <mat-tab label="Previewing" i18n-label>
       <div class="preview">
-                @if ((isPreviewing$ | async) === true) {
+        @if (isPreviewing()) {
           <div class="preview-loading">
             <h2 i18n>Preview is loading...</h2>
             <mat-spinner></mat-spinner>
           </div>
         } @else {
-                    <img class="illustration" src="/api/pictures/{{ publication.illustrationId }}" />
+          <img class="illustration" src="/api/pictures/{{ publication().illustrationId }}"/>
           <header>
-                        <h1>{{ publication.title }}</h1>
-                        <h2>{{ publication.description }}</h2>
+            <h1>{{ publication().title }}</h1>
+            <h2>{{ publication().description }}</h2>
           </header>
-                    <main [innerHTML]="publicationInEdition.parsedText"></main>
+          <main [innerHTML]="publicationInEdition().parsedText"></main>
         }
       </div>
     </mat-tab>
   </mat-tab-group>
   <footer>
-        <app-submit-button [requestPending]="!!(isSaving$ | async)" i18n>Save</app-submit-button>
+    <app-submit-button [requestPending]="isSaving()" i18n>Save</app-submit-button>
     <button type="button"
             class="cod-button secondary"
             (click)="goPreviousLocation()"

frontend/src/app/components/publication-edition/publication-edition.component.ts

@@ -1,5 +1,5 @@
 import {CommonModule, Location} from "@angular/common";
-import { Component, EventEmitter, inject, Input, OnChanges, OnDestroy, Output } from "@angular/core";
+import {Component, effect, inject, input, output, signal} from "@angular/core";
 import {FormGroup, ReactiveFormsModule} from "@angular/forms";
 import {MatDialogModule} from "@angular/material/dialog";
 import {MatIconModule} from "@angular/material/icon";
@@ -8,18 +8,16 @@ import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 import {MatSelectModule} from "@angular/material/select";
 import {MatTabsModule} from "@angular/material/tabs";
 import {MatTooltipModule} from "@angular/material/tooltip";
-import { map, Observable, of, Subscription } from "rxjs";
+import {map, Observable} from "rxjs";
 import {Category} from "../../core/rest-services/category/model/category";
-import { Publication } from "../../core/rest-services/publications/model/publication";
+import {DEFAULT_PUBLICATION, Publication} from "../../core/rest-services/publications/model/publication";
 import {CategoryService} from "../../core/service/category.service";
 import {SubmitButtonComponent} from "../submit-button/submit-button.component";
-import { PictureSelectionDialog } from "./picture-selection-dialog/picture-selection-dialog.component";
 import {PublicationEditionService} from "./publication-edition.service";
 import {MatRippleModule} from "@angular/material/core";
 
 @Component({
   selector: 'app-publication-edition',
-    standalone: true,
   templateUrl: './publication-edition.component.html',
   styleUrl: './publication-edition.component.scss',
   imports: [
@@ -32,42 +30,42 @@ import { MatRippleModule } from "@angular/material/core";
     MatSelectModule,
     MatTabsModule,
     MatTooltipModule,
-        PictureSelectionDialog,
     ReactiveFormsModule,
     SubmitButtonComponent
   ],
   providers: [PublicationEditionService]
 })
-export class PublicationEditionComponent implements OnChanges, OnDestroy {
-    @Input()
-    publication!: Publication;
-    @Input()
-    title!: string;
-    @Input()
-    isSaving$: Observable<boolean> = of(false);
-    @Output()
-    publicationSave = new EventEmitter<Publication>();
+export class PublicationEditionComponent {
+  readonly #categoryService = inject(CategoryService);
+  readonly #location = inject(Location);
+  readonly #publicationEditionService = inject(PublicationEditionService);
 
-    publicationInEdition!: Publication;
-    private readonly categoryService = inject(CategoryService);
-    private readonly location = inject(Location);
-    private readonly publicationEditionService = inject(PublicationEditionService);
-    private subscriptions: Subscription[] = [];
+  publication = input.required<Publication>();
+  title = input.required<string>();
+  isSaving = input.required<boolean>();
+  publicationSave = output<Publication>();
+
+  isLoading = this.#publicationEditionService.isLoading;
+  isPreviewing = this.#publicationEditionService.isPreviewing;
+  publicationInEdition = signal<Publication>(DEFAULT_PUBLICATION);
+
+  constructor() {
+    effect(() => {
+      let publication = this.publication();
+      const publicationInEdition = this.publicationInEdition();
+      if (!publicationInEdition || publicationInEdition !== publication) {
+        this.publicationInEdition.set(publication);
+        this.#publicationEditionService.init(publication);
+      }
+    });
+  }
 
   get publicationEditionForm(): FormGroup {
-        return this.publicationEditionService.publicationEditionForm;
-    }
-
-    get isLoading$(): Observable<boolean> {
-        return this.publicationEditionService.isLoading$;
-    }
-
-    get isPreviewing$(): Observable<boolean> {
-        return this.publicationEditionService.isPreviewing$;
+    return this.#publicationEditionService.publicationEditionForm;
   }
 
   get categories$(): Observable<Category[]> {
-        return this.categoryService.categories$
+    return this.#categoryService.categories$
       .pipe(
         map(categories =>
           categories.filter(category => category.subCategories.length == 0)
@@ -90,41 +88,28 @@ export class PublicationEditionComponent implements OnChanges, OnDestroy {
     return 0;
   }
 
-    ngOnChanges(): void {
-        this.ngOnDestroy();
-
-        if (!this.publicationInEdition || this.publicationInEdition !== this.publication) {
-            this.publicationInEdition = this.publication;
-            this.publicationEditionService.init(this.publicationInEdition);
-        }
-    }
-
-    ngOnDestroy(): void {
-        this.subscriptions.forEach(subscription => subscription?.unsubscribe());
-    }
-
   goPreviousLocation(): void {
-        this.location.back();
+    this.#location.back();
   }
 
   insertTitle(titleNumber: number): void {
-        this.publicationEditionService.insertTitle(titleNumber);
+    this.#publicationEditionService.insertTitle(titleNumber);
   }
 
   selectAPicture(): void {
-        this.publicationEditionService.selectAPicture();
+    this.#publicationEditionService.selectAPicture();
   }
 
   insertLink(): void {
-        this.publicationEditionService.insertLink();
+    this.#publicationEditionService.insertLink();
   }
 
   displayCodeBlockDialog(): void {
-        this.publicationEditionService.displayCodeBlockDialog();
+    this.#publicationEditionService.displayCodeBlockDialog();
   }
 
   displayPictureSectionDialog(): void {
-        this.publicationEditionService.displayPictureSectionDialog();
+    this.#publicationEditionService.displayPictureSectionDialog();
   }
 
   updateCursorPosition(event: KeyboardEvent | MouseEvent): void {
@@ -134,17 +119,17 @@ export class PublicationEditionComponent implements OnChanges, OnDestroy {
       const positionStart = textarea.selectionStart;
       const positionEnd = textarea.selectionEnd;
 
-            this.publicationEditionService.editCursorPosition(positionStart, positionEnd);
+      this.#publicationEditionService.editCursorPosition(positionStart, positionEnd);
     }
   }
 
   save(): void {
-        this.publicationSave.emit(this.publicationEditionService.editedPublication);
+    this.publicationSave.emit(this.#publicationEditionService.editedPublication);
   }
 
   onTabChange(tabSelectedIndex: number): void {
     if (tabSelectedIndex === 1) {
-            this.publicationEditionService.loadPreview();
+      this.#publicationEditionService.loadPreview();
     }
   }
 }

frontend/src/app/components/publication-edition/publication-edition.service.ts

@@ -1,10 +1,10 @@
 import {Location} from "@angular/common";
-import { inject, Injectable, OnDestroy } from "@angular/core";
+import {inject, Injectable, OnDestroy, Signal, signal} from "@angular/core";
 import {MatDialog} from "@angular/material/dialog";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {ActivatedRoute} from "@angular/router";
-import { BehaviorSubject, debounceTime, distinctUntilChanged, Observable, Subscription } from "rxjs";
-import { Publication } from "../../core/rest-services/publications/model/publication";
+import {debounceTime, distinctUntilChanged, Subscription} from "rxjs";
+import {DEFAULT_PUBLICATION, Publication} from "../../core/rest-services/publications/model/publication";
 import {PublicationRestService} from "../../core/rest-services/publications/publication.rest-service";
 import {copy} from "../../core/utils/ObjectUtils";
 import {CodeBlockDialog} from "./code-block-dialog/code-block-dialog.component";
@@ -31,23 +31,6 @@ export interface PublicationEditionState {
   cursorPosition: CursorPosition;
 }
 
-const DEFAULT_PUBLICATION: Publication = {
-    id: '',
-    key: '',
-    title: '',
-    text: '',
-    parsedText: '',
-    description: '',
-    creationDate: new Date(),
-    illustrationId: '',
-    categoryId: '',
-    author: {
-        id: '',
-        name: '',
-        image: ''
-    }
-};
-
 const DEFAULT_CURSOR_POSITION = new CursorPosition(0, 0);
 
 const DEFAULT_STATE: PublicationEditionState = {
@@ -57,20 +40,20 @@ const DEFAULT_STATE: PublicationEditionState = {
 
 @Injectable()
 export class PublicationEditionService implements OnDestroy {
-    private readonly activatedRoute = inject(ActivatedRoute);
-    private readonly dialog = inject(MatDialog);
-    private readonly formBuilder = inject(FormBuilder);
-    private readonly location = inject(Location);
-    private readonly publicationRestService = inject(PublicationRestService);
-    private readonly snackBar = inject(MatSnackBar);
+  readonly #activatedRoute = inject(ActivatedRoute);
+  readonly #dialog = inject(MatDialog);
+  readonly #formBuilder = inject(FormBuilder);
+  readonly #location = inject(Location);
+  readonly #publicationRestService = inject(PublicationRestService);
+  readonly #snackBar = inject(MatSnackBar);
 
-    private isLoadingSubject = new BehaviorSubject<boolean>(false);
-    private stateSubject = new BehaviorSubject<PublicationEditionState>(copy(DEFAULT_STATE));
-    private subscriptions: Subscription[] = [];
-    private isSavingSubject = new BehaviorSubject<boolean>(false);
-    private isPreviewingSubject = new BehaviorSubject<boolean>(false);
+  #isLoading = signal(false);
+  #state = signal<PublicationEditionState>(copy(DEFAULT_STATE));
+  #isSaving = signal<boolean>(false);
+  #isPreviewing = signal<boolean>(false);
+  #subscriptions: Subscription[] = [];
 
-    publicationEditionForm: FormGroup = this.formBuilder.group({
+  publicationEditionForm: FormGroup = this.#formBuilder.group({
     title: new FormControl<string | undefined>('', [Validators.required]),
     description: new FormControl<string | undefined>('', [Validators.required]),
     text: new FormControl<string | undefined>('', [Validators.required]),
@@ -79,19 +62,11 @@ export class PublicationEditionService implements OnDestroy {
   });
 
   ngOnDestroy(): void {
-        this.subscriptions.forEach(subscription => subscription.unsubscribe());
+    this.#subscriptions.forEach(subscription => subscription.unsubscribe());
   }
 
-    private get _state(): PublicationEditionState {
-        return this.stateSubject.value;
-    }
-
-    private _save(state: PublicationEditionState): void {
-        this.stateSubject.next(state);
-    }
-
-    private _updateForm(): void {
-        const state = this._state;
+  #updateForm(): void {
+    const state = this.#state();
     const publication = state.publication;
 
     this.publicationEditionForm.controls['title'].setValue(publication.title);
@@ -101,56 +76,56 @@ export class PublicationEditionService implements OnDestroy {
     this.publicationEditionForm.controls['categoryId'].setValue(publication.categoryId);
   }
 
-    get isLoading$(): Observable<boolean> {
-        return this.isLoadingSubject.asObservable();
+  get isLoading(): Signal<boolean> {
+    return this.#isLoading.asReadonly();
   }
 
-    get isSaving$(): Observable<boolean> {
-        return this.isSavingSubject.asObservable();
+  get isSaving(): Signal<boolean> {
+    return this.#isSaving.asReadonly();
   }
 
-    get isPreviewing$(): Observable<boolean> {
-        return this.isPreviewingSubject.asObservable();
+  get isPreviewing(): Signal<boolean> {
+    return this.#isPreviewing.asReadonly();
   }
 
-    get state$(): Observable<PublicationEditionState> {
-        return this.stateSubject.asObservable();
+  get state(): Signal<PublicationEditionState> {
+    return this.#state.asReadonly();
   }
 
   get editedPublication(): Publication {
-        return this._state.publication;
+    return this.#state().publication;
   }
 
   loadPublication(): void {
-        this.isLoadingSubject.next(true);
+    this.#isLoading.set(true);
 
-        this.activatedRoute.paramMap.subscribe(params => {
+    this.#activatedRoute.paramMap.subscribe(params => {
       const publicationId = params.get('publicationId');
       if (publicationId == undefined) {
-                this.snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, { duration: 5000 });
-                this.location.back();
+        this.#snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, {duration: 5000});
+        this.#location.back();
       } else {
-                this.publicationRestService.getById(publicationId)
+        this.#publicationRestService.getById(publicationId)
           .then(publication => {
-                        const state = this._state;
+            const state = this.#state();
             state.publication = publication;
-                        this.stateSubject.next(state);
+            this.#state.set(state);
           })
           .catch(error => {
             const errorMessage = $localize`A technical error occurred while loading publication data.`;
-                        this.snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
+            this.#snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
             console.error(errorMessage, error)
           })
-                    .finally(() => this.isLoadingSubject.next(false));
+          .finally(() => this.#isLoading.set(false));
       }
     });
   }
 
   init(publication: Publication): void {
-        const state = this._state;
+    const state = this.#state();
     state.publication = publication;
-        this.stateSubject.next(state);
-        this._updateForm();
+    this.#state.set(state);
+    this.#updateForm();
 
     const formValueChangesSubscription = this.publicationEditionForm.valueChanges
       .pipe(
@@ -158,7 +133,7 @@ export class PublicationEditionService implements OnDestroy {
         distinctUntilChanged()
       )
       .subscribe(formValue => {
-                const state = this._state;
+        const state = this.#state();
         const publication = state.publication;
 
         publication.title = formValue.title;
@@ -166,19 +141,19 @@ export class PublicationEditionService implements OnDestroy {
         publication.categoryId = formValue.categoryId;
         publication.text = formValue.text;
 
-                this._save(state);
-            })
-        this.subscriptions.push(formValueChangesSubscription);
+        this.#state.set(state);
+      });
+    this.#subscriptions.push(formValueChangesSubscription);
   }
 
   private editIllustrationId(pictureId: string): void {
-        const state = this._state;
+    const state = this.#state();
     state.publication.illustrationId = pictureId
-        this._save(state);
+    this.#state.set(state);
   }
 
   displayPictureSectionDialog(): void {
-        const dialogRef = this.dialog.open(PictureSelectionDialog);
+    const dialogRef = this.#dialog.open(PictureSelectionDialog);
 
     const afterDialogCloseSubscription = dialogRef.afterClosed()
       .subscribe(newPictureId => {
@@ -186,11 +161,11 @@ export class PublicationEditionService implements OnDestroy {
           this.editIllustrationId(newPictureId);
         }
       });
-        this.subscriptions.push(afterDialogCloseSubscription);
+    this.#subscriptions.push(afterDialogCloseSubscription);
   }
 
   displayCodeBlockDialog(): void {
-        const dialogRef = this.dialog.open(CodeBlockDialog, { width: '60em' });
+    const dialogRef = this.#dialog.open(CodeBlockDialog, {width: '60em'});
 
     const afterDialogCloseSubscription = dialogRef.afterClosed()
       .subscribe(codeBlockWithLanguage => {
@@ -198,21 +173,21 @@ export class PublicationEditionService implements OnDestroy {
           this.insertCodeBlock(codeBlockWithLanguage.programmingLanguage, codeBlockWithLanguage.codeBlock);
         }
       });
-        this.subscriptions.push(afterDialogCloseSubscription);
+    this.#subscriptions.push(afterDialogCloseSubscription);
   }
 
   editCursorPosition(positionStart: number, positionEnd: number): void {
-        const state = this._state;
+    const state = this.#state();
 
     state.cursorPosition.start = positionStart;
     state.cursorPosition.end = positionEnd;
 
-        this._save(state);
+    this.#state.set(state);
   }
 
   insertTitle(titleNumber: number): void {
     if (titleNumber >= 1 && titleNumber <= 3) {
-            const state = this._state;
+      const state = this.#state();
 
       const publication = state.publication;
 
@@ -223,15 +198,15 @@ export class PublicationEditionService implements OnDestroy {
 
       publication.text = textWithTags;
 
-            this._save(state);
-            this._updateForm();
+      this.#state.set(state);
+      this.#updateForm();
     } else {
       console.error(`Bad value for parameter of function 'insertTitle': '${titleNumber}'.`);
     }
   }
 
   selectAPicture(): void {
-        const dialogRef = this.dialog.open(PictureSelectionDialog);
+    const dialogRef = this.#dialog.open(PictureSelectionDialog);
 
     const afterDialogCloseSubscription = dialogRef.afterClosed()
       .subscribe(newPictureId => {
@@ -239,11 +214,11 @@ export class PublicationEditionService implements OnDestroy {
           this.insertPicture(newPictureId);
         }
       });
-        this.subscriptions.push(afterDialogCloseSubscription);
+    this.#subscriptions.push(afterDialogCloseSubscription);
   }
 
   insertPicture(pictureId: string): void {
-        const state = this._state;
+    const state = this.#state();
 
     const publication = state.publication;
 
@@ -253,12 +228,12 @@ export class PublicationEditionService implements OnDestroy {
 
     publication.text = textWithTags;
 
-        this._save(state);
-        this._updateForm();
+    this.#state.set(state);
+    this.#updateForm();
   }
 
   insertLink(): void {
-        const state = this._state;
+    const state = this.#state();
 
     const publication = state.publication;
 
@@ -269,12 +244,12 @@ export class PublicationEditionService implements OnDestroy {
 
     publication.text = textWithTags;
 
-        this._save(state);
-        this._updateForm();
+    this.#state.set(state);
+    this.#updateForm();
   }
 
   private insertCodeBlock(programmingLanguage: string, codeBlock: string): void {
-        const state = this._state;
+    const state = this.#state();
 
     const publication = state.publication;
 
@@ -285,28 +260,28 @@ export class PublicationEditionService implements OnDestroy {
 
     publication.text = textWithTags;
 
-        this._save(state);
-        this._updateForm();
+    this.#state.set(state);
+    this.#updateForm();
   }
 
   loadPreview(): void {
-        const state = this._state;
+    const state = this.#state();
 
-        this.isPreviewingSubject.next(true);
+    this.#isPreviewing.set(true);
     const request: PreviewContentRequest = {
       text: state.publication.text
     };
-        this.publicationRestService.preview(request)
+    this.#publicationRestService.preview(request)
       .then(response => {
         state.publication.parsedText = response.text;
-                this._save(state);
+        this.#state.set(state);
         setTimeout(() => Prism.highlightAll(), 1000);
       })
       .catch(error => {
         console.error(error);
       })
       .finally(() => {
-                this.isPreviewingSubject.next(false);
+        this.#isPreviewing.set(false);
       });
   }
 }

frontend/src/app/components/publication-list/publication-list.component.html

@@ -1,4 +1,4 @@
-@for(publication of publications$ | async; track publication) {
+@for (publication of publications(); track publication.id) {
   <a [routerLink]="['/publications/' + publication.id]" class="publication">
     <img src="/api/pictures/{{ publication.illustrationId }}"/>
     <div class="body">

frontend/src/app/components/publication-list/publication-list.component.ts

@@ -1,18 +1,15 @@
-import { Component, Input } from "@angular/core";
+import {Component, input} from "@angular/core";
 import {Publication} from "../../core/rest-services/publications/model/publication";
-import { Observable } from "rxjs";
 import {CommonModule} from "@angular/common";
 import {RouterModule} from "@angular/router";
 import {MatTooltipModule} from "@angular/material/tooltip";
 
 @Component({
   selector: 'app-publication-list',
-    standalone: true,
   templateUrl: './publication-list.component.html',
   styleUrl: './publication-list.component.scss',
   imports: [CommonModule, RouterModule, MatTooltipModule]
 })
 export class PublicationListComponent {
-    @Input()
-    publications$!: Observable<Publication[]>;
+  publications = input.required<Publication[]>();
 }

frontend/src/app/components/publications-search-bar/publications-search-bar.component.ts

@@ -9,7 +9,6 @@ import { Router } from "@angular/router";
   selector: 'app-publications-search-bar',
   templateUrl: './publications-search-bar.component.html',
   styleUrl: './publications-search-bar.component.scss',
-    standalone: true,
   imports: [
     MatIconModule,
     MatRippleModule,

frontend/src/app/components/side-menu/categories-menu/categories-menu.component.html

@@ -1,6 +1,6 @@
-@for(category of categories$ | async; track category) {
+@for (category of categories(); track category.id) {
   <div class="category {{category.isOpenned ? 'openned' : ''}}">
-        <div id="category-{{category.id}}" class="category-header" (click)="setOpenned(category)">
+    <div id="category-{{category.id}}" class="category-header" (click)="setOpened(category)">
       {{ category.name }}
       <mat-icon>chevron_right</mat-icon>
     </div>

frontend/src/app/components/side-menu/categories-menu/categories-menu.component.ts

@@ -1,13 +1,11 @@
 import {CommonModule} from "@angular/common";
-import { Component, EventEmitter, inject, OnInit, Output } from "@angular/core";
+import {Component, inject, OnInit, output, Signal} from "@angular/core";
 import {MatIconModule} from "@angular/material/icon";
 import {DisplayableCategory, SideMenuService} from "../side-menu.service";
-import { Observable } from "rxjs";
 import {RouterModule} from "@angular/router";
 
 @Component({
   selector: 'app-categories-menu',
-  standalone: true,
   templateUrl: './categories-menu.component.html',
   imports: [
     CommonModule,
@@ -17,45 +15,44 @@ import { RouterModule } from "@angular/router";
   styleUrl: './categories-menu.component.scss'
 })
 export class CategoriesMenuComponent implements OnInit {
-  private sideMenuService = inject(SideMenuService);
-  @Output()
-  categoryClicked = new EventEmitter<void>();
+  readonly #sideMenuService = inject(SideMenuService);
+  categoryClicked = output<void>();
 
   ngOnInit(): void {
-    this.sideMenuService.loadCategories();
+    this.#sideMenuService.loadCategories();
   }
 
-  get categories$(): Observable<DisplayableCategory[]> {
-    return this.sideMenuService.categories$;
+  get categories(): Signal<DisplayableCategory[]> {
+    return this.#sideMenuService.categories;
   }
 
-  setOpenned(category: DisplayableCategory): void {
+  setOpened(category: DisplayableCategory): void {
     if (category.isOpenned) {
       const categoryDiv = document.getElementById(`category-${category.id}`);
       if (categoryDiv) {
-        this.closeAccordion(categoryDiv);
+        this.#closeAccordion(categoryDiv);
       }
     } else {
       const categoriesDivs = document.getElementsByClassName('category-header');
       Array.from(categoriesDivs)
         .map(category => category as HTMLElement)
-        .forEach(categoryDiv => this.closeAccordion(categoryDiv));
+        .forEach(categoryDiv => this.#closeAccordion(categoryDiv));
 
       const categoryDiv = document.getElementById(`category-${category.id}`);
       if (categoryDiv) {
-        this.openAccordion(categoryDiv);
+        this.#openAccordion(categoryDiv);
       }
     }
 
-    this.sideMenuService.setOpenned(category);
+    this.#sideMenuService.setOpened(category);
   }
 
-  private closeAccordion(categoryDiv: HTMLElement): void {
+  #closeAccordion(categoryDiv: HTMLElement): void {
     const divContent = categoryDiv?.nextElementSibling as HTMLElement;
     divContent.style.maxHeight = '0';
   }
 
-  private openAccordion(categoryDiv: HTMLElement): void {
+  #openAccordion(categoryDiv: HTMLElement): void {
     const divContent = categoryDiv?.nextElementSibling as HTMLElement;
     divContent.style.maxHeight = `${divContent.scrollHeight}px`;
   }

frontend/src/app/components/side-menu/side-menu.component.html

@@ -1,4 +1,4 @@
-<div class="menu {{ isOpenned ? 'displayed' : '' }}">
+<div class="menu {{ isOpened() ? 'displayed' : '' }}">
   <h1>
     <a [routerLink]="['/home']">
       <img src="assets/images/codiki.png" alt="logo"/>
@@ -14,6 +14,6 @@
     </button>
   </h1>
   <h2 i18n>Categories</h2>
-    <app-categories-menu (categoryClicked)="close()"></app-categories-menu>
+  <app-categories-menu (categoryClicked)="close()"/>
 </div>
-<div class="overlay {{ isOpenned ? 'displayed' : ''}}" (click)="close()"></div>
+<div class="overlay {{ isOpened() ? 'displayed' : ''}}" (click)="close()"></div>

frontend/src/app/components/side-menu/side-menu.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import {Component, signal} from '@angular/core';
 import {MatIconModule} from '@angular/material/icon';
 import {MatTooltipModule} from '@angular/material/tooltip';
 import {RouterModule} from '@angular/router';
@@ -7,7 +7,6 @@ import { MatRippleModule } from '@angular/material/core';
 
 @Component({
   selector: 'app-side-menu',
-  standalone: true,
   templateUrl: './side-menu.component.html',
   styleUrl: './side-menu.component.scss',
   imports: [
@@ -19,13 +18,13 @@ import { MatRippleModule } from '@angular/material/core';
   ]
 })
 export class SideMenuComponent {
-  isOpenned: boolean = false;
+  isOpened = signal(false);
 
   open(): void {
-    this.isOpenned = true;
+    this.isOpened.set(true);
   }
 
   close(): void {
-    this.isOpenned = false;
+    this.isOpened.set(false);
   }
 }

frontend/src/app/components/side-menu/side-menu.service.ts

@@ -1,6 +1,5 @@
-import { Injectable, inject } from '@angular/core';
+import {inject, Injectable, Signal, signal} from '@angular/core';
 import {MatSnackBar} from '@angular/material/snack-bar';
-import { BehaviorSubject, Observable } from 'rxjs';
 import {CategoryRestService} from '../../core/rest-services/category/category.rest-service';
 import {Category} from '../../core/rest-services/category/model/category';
 
@@ -20,68 +19,60 @@ export interface DisplayableSubCategory {
   providedIn: 'root'
 })
 export class SideMenuService {
-  private categoryRestService = inject(CategoryRestService);
-  private snackBar = inject(MatSnackBar);
-  private categoriesSubject = new BehaviorSubject<DisplayableCategory[]>([]);
-  private isLoadingSubject = new BehaviorSubject<boolean>(false);
-  private isLoadedSubject = new BehaviorSubject<boolean>(false);
+  readonly #categoryRestService = inject(CategoryRestService);
+  readonly #snackBar = inject(MatSnackBar);
+  #categories = signal<DisplayableCategory[]>([]);
+  #isLoading = signal(false);
+  isLoaded = signal(false);
 
-  private mapToDisplayableCategory(category: Category): DisplayableCategory {
+  #mapToDisplayableCategory(category: Category): DisplayableCategory {
     return {
       id: category.id,
       name: category.name,
-      subCategories: category.subCategories.map(subCategory => this.mapToDisplayableSubCategory(subCategory)),
+      subCategories: category.subCategories.map(subCategory => this.#mapToDisplayableSubCategory(subCategory)),
       isOpenned: false
     };
   }
 
-  private mapToDisplayableSubCategory(subCategory: Category): DisplayableSubCategory {
+  #mapToDisplayableSubCategory(subCategory: Category): DisplayableSubCategory {
     return {
       id: subCategory.id,
       name: subCategory.name
     }
   }
 
-  private get categories(): DisplayableCategory[] {
-    return this.categoriesSubject.value;
+  get categories(): Signal<DisplayableCategory[]> {
+    return this.#categories.asReadonly();
   }
 
-  private save(categories: DisplayableCategory[]): void {
-    this.categoriesSubject.next(categories);
-  }
-
-  get categories$(): Observable<DisplayableCategory[]> {
-    return this.categoriesSubject.asObservable();
-  }
-  
-  get isLoading$(): Observable<boolean> {
-    return this.isLoadingSubject.asObservable();
+  get isLoading(): Signal<boolean> {
+    return this.#isLoading.asReadonly();
   }
 
   loadCategories(): void {
-    this.isLoadingSubject.next(true);
-    this.isLoadedSubject.next(false);
+    this.#isLoading.set(true);
+    this.isLoaded.set(false);
 
-    this.categoryRestService.getCategories()
+    this.#categoryRestService.getCategories()
       .then(categories => {
         const displayableCategories = categories
           .filter(category => category.subCategories?.length)
-          .map(category => this.mapToDisplayableCategory(category));
-        this.categoriesSubject.next(displayableCategories);
+          .map(category => this.#mapToDisplayableCategory(category));
+        this.#categories.set(displayableCategories);
       })
       .catch(error => {
         const errorMessage = $localize`An error occured while loading categories.`;
         console.error(errorMessage, error);
-        this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+        this.#snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
       })
       .finally(() => {
-        this.isLoadingSubject.next(false);
-        this.isLoadedSubject.next(true);
+        this.#isLoading.set(false);
+        this.isLoaded.set(true);
       });
   }
 
-  setOpenned(category: DisplayableCategory): void {
-    const categories = this.categories;
+  setOpened(category: DisplayableCategory): void {
+    const categories = this.#categories();
     const matchingCategory = categories.find(categoryTemp => categoryTemp.id === category.id);
     if (matchingCategory) {
       const actualOpennedCategory = categories.find(category => category.isOpenned);
@@ -91,7 +82,7 @@ export class SideMenuService {
         categories.forEach(categoryTemp => categoryTemp.isOpenned = false);
         matchingCategory.isOpenned = true;
       }
-      this.save(categories);
+      this.#categories.set(categories);
     }
   }
 }

frontend/src/app/components/submit-button/submit-button.component.html

@@ -1,10 +1,10 @@
 <button type="submit"
-        class="cod-button {{color}}"
-        [disabled]="disabled || requestPending"
+        class="cod-button {{color()}}"
+        [disabled]="disabled() || requestPending()"
         (click)="click.emit()"
         matRipple>
-    @if (requestPending) {
-        <mat-spinner class="spinner {{color}}" [diameter]="25"></mat-spinner>
+  @if (requestPending()) {
+    <mat-spinner class="spinner {{color()}}" [diameter]="25"></mat-spinner>
   }
   <span>
         <ng-content/>

frontend/src/app/components/submit-button/submit-button.component.ts

@@ -1,24 +1,20 @@
-import { CommonModule } from "@angular/common";
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import {Component, input, output} from "@angular/core";
 import {MatRippleModule} from "@angular/material/core";
 import {MatProgressSpinnerModule} from "@angular/material/progress-spinner";
 
 @Component({
   selector: 'app-submit-button',
-    standalone: true,
   templateUrl: 'submit-button.component.html',
   styleUrl: 'submit-button.component.scss',
   imports: [
-        CommonModule,
     MatRippleModule,
     MatProgressSpinnerModule
   ]
 })
 export class SubmitButtonComponent {
-    @Input() requestPending: boolean = false;
-    @Input() label: string = '';
-    @Input() disabled: boolean = false;
-    @Input() color?: 'secondary';
-    @Output() click = new EventEmitter<void>();
+  requestPending = input.required<boolean>();
+  label = input<string>();
+  disabled = input<boolean>(false);
+  color = input<'secondary' | undefined>('secondary');
+  click = output<void>();
 }
-  

frontend/src/app/core/interceptor/jwt.interceptor.ts

@@ -1,7 +1,6 @@
 import {HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest} from '@angular/common/http';
 import {inject, Injectable} from '@angular/core';
 import {catchError, filter, Observable, Subject, switchMap, take, throwError} from 'rxjs';
-import { RefreshTokenRequest } from '../rest-services/user/model/refresh-token.model';
 import {UserRestService} from '../rest-services/user/user.rest-service';
 import {AuthenticationService} from '../service/authentication.service';
 import {Router} from '@angular/router';

frontend/src/app/core/rest-services/category/category.rest-service.ts

@@ -1,5 +1,5 @@
 import {HttpClient} from '@angular/common/http';
-import { Injectable, inject } from '@angular/core';
+import {inject, Injectable} from '@angular/core';
 import {lastValueFrom} from 'rxjs';
 import {Category} from './model/category';
 

frontend/src/app/core/rest-services/picture/picture.rest-service.ts

@@ -1,4 +1,4 @@
-import { HttpClient, HttpParams } from "@angular/common/http";
+import {HttpClient} from "@angular/common/http";
 import {inject, Injectable} from "@angular/core";
 import {Picture} from "./model/picture";
 import {lastValueFrom} from "rxjs";

frontend/src/app/core/rest-services/publications/model/publication.ts

@@ -12,3 +12,20 @@ export interface Publication {
   categoryId: string;
   author: Author;
 }
+
+export const DEFAULT_PUBLICATION: Publication = {
+  id: '',
+  key: '',
+  title: '',
+  text: '',
+  parsedText: '',
+  description: '',
+  creationDate: new Date(),
+  illustrationId: '',
+  categoryId: '',
+  author: {
+    id: '',
+    name: '',
+    image: ''
+  }
+}

frontend/src/app/core/rest-services/publications/publication.rest-service.ts

@@ -1,6 +1,6 @@
 import {HttpClient, HttpParams} from '@angular/common/http';
-import { Injectable, inject } from '@angular/core';
-import { last, lastValueFrom } from 'rxjs';
+import {inject, Injectable} from '@angular/core';
+import {lastValueFrom} from 'rxjs';
 import {Publication} from './model/publication';
 import {PreviewContentRequest, PreviewContentResponse} from './model/preview';
 

frontend/src/app/core/rest-services/user/user.rest-service.ts

@@ -1,5 +1,5 @@
 import {HttpClient} from "@angular/common/http";
-import { Injectable, inject } from "@angular/core";
+import {inject, Injectable} from "@angular/core";
 import {LoginRequest, LoginResponse} from "./model/login.model";
 import {lastValueFrom} from "rxjs";
 import {SigninRequest} from "./model/signin.model";

frontend/src/app/core/service/category.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, inject } from '@angular/core';
+import {inject, Injectable} from '@angular/core';
 import {CategoryRestService} from '../rest-services/category/category.rest-service';
 import {BehaviorSubject, Observable} from 'rxjs';
 import {Category} from '../rest-services/category/model/category';

frontend/src/app/pages/disconnection/disconnection.component.ts

@@ -1,11 +1,10 @@
-import { Component, OnInit, inject } from '@angular/core';
+import {Component, inject, OnInit} from '@angular/core';
 import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import {AuthenticationService} from '../../core/service/authentication.service';
 import {Router} from '@angular/router';
 
 @Component({
   selector: 'app-disconnection',
-  standalone: true,
   imports: [MatProgressSpinnerModule],
   templateUrl: './disconnection.component.html',
   styleUrl: './disconnection.component.scss'

frontend/src/app/pages/home/home.component.html

@@ -1,10 +1,10 @@
 <h1 i18n>Last publications</h1>
-@if ((isLoading$ | async) === true) {
+@if ((isLoading())) {
   <h2 i18n>Publications loading...</h2>
-    <mat-spinner></mat-spinner>
+  <mat-spinner/>
 } @else {
-    @if ((publications$ | async) != []) {
-        <app-publication-list [publications$]="publications$"></app-publication-list>
+  @if (publications(); as publications) {
+    <app-publication-list [publications]="publications"/>
   } @else {
     <h2 i18n>No any publication.</h2>
   }

frontend/src/app/pages/home/home.component.ts

@@ -1,14 +1,11 @@
-import { Component, OnInit, inject } from '@angular/core';
+import {Component, inject, OnInit} from '@angular/core';
 import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
-import { Observable } from 'rxjs';
 import {PublicationListComponent} from '../../components/publication-list/publication-list.component';
-import { Publication } from '../../core/rest-services/publications/model/publication';
 import {HomeService} from './home.service';
 import {CommonModule} from '@angular/common';
 
 @Component({
   selector: 'app-home',
-  standalone: true,
   imports: [
     CommonModule,
     MatProgressSpinnerModule,
@@ -19,17 +16,11 @@ import { CommonModule } from '@angular/common';
   providers: [HomeService]
 })
 export class HomeComponent implements OnInit {
-  private homeService = inject(HomeService);
-
-  get isLoading$(): Observable<boolean> {
-    return this.homeService.isLoading$;
-  }
-
-  get publications$(): Observable<Publication[]> {
-    return this.homeService.publications$;
-  }
+  readonly #homeService = inject(HomeService);
+  isLoading = this.#homeService.isLoading;
+  publications = this.#homeService.publications;
 
   ngOnInit(): void {
-    this.homeService.startLatestPublicationsRetrieving();
+    this.#homeService.startLatestPublicationsRetrieving();
   }
 }

frontend/src/app/pages/home/home.service.ts

@@ -1,6 +1,5 @@
-import { Injectable, inject } from "@angular/core";
+import {inject, Injectable, Signal, signal} from "@angular/core";
 import {PublicationRestService} from "../../core/rest-services/publications/publication.rest-service";
-import { BehaviorSubject, Observable } from "rxjs";
 import {MatSnackBar} from "@angular/material/snack-bar"
 import {Publication} from "../../core/rest-services/publications/model/publication";
 
@@ -9,27 +8,27 @@ export class HomeService {
   private publicationRestService = inject(PublicationRestService);
   private snackBar = inject(MatSnackBar);
 
-    private publicationsSubject = new BehaviorSubject<Publication[]>([]);
-    private isLoadingSubject = new BehaviorSubject<boolean>(false);
+  #publications = signal<Publication[]>([]);
+  #isLoadingSubject = signal<boolean>(false);
 
-    get isLoading$(): Observable<boolean> {
-        return this.isLoadingSubject.asObservable();
+  get isLoading(): Signal<boolean> {
+    return this.#isLoadingSubject.asReadonly();
   }
 
-    get publications$(): Observable<Publication[]> {
-        return this.publicationsSubject.asObservable();
+  get publications(): Signal<Publication[]> {
+    return this.#publications.asReadonly();
   }
 
   startLatestPublicationsRetrieving(): void {
-        this.isLoadingSubject.next(true);
+    this.#isLoadingSubject.set(true);
 
     this.publicationRestService.getLatest()
-            .then(publications => this.publicationsSubject.next(publications))
+      .then(publications => this.#publications.set(publications))
       .catch(error => {
         const errorMessage = $localize`An error occurred while retrieving latest publications...`;
         this.snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
         console.error(errorMessage, error);
       })
-            .finally(() => this.isLoadingSubject.next(false));
+      .finally(() => this.#isLoadingSubject.set(false));
   }
 }

frontend/src/app/pages/login/login.component.ts

@@ -1,7 +1,7 @@
-import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import {Component, inject, OnDestroy, OnInit} from '@angular/core';
 import {FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
 import {MatSnackBarModule} from '@angular/material/snack-bar';
-import { Subscription, debounceTime, map } from 'rxjs';
+import {debounceTime, map, Subscription} from 'rxjs';
 import {LoginService} from './login.service';
 import {MatIconModule} from '@angular/material/icon';
 import {RouterModule} from '@angular/router';
@@ -10,7 +10,6 @@ import { MatRippleModule } from '@angular/material/core';
 
 @Component({
   selector: 'app-login',
-  standalone: true,
   templateUrl: './login.component.html',
   styleUrl: './login.component.scss',
   imports: [

frontend/src/app/pages/login/login.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, inject } from '@angular/core';
+import {inject, Injectable} from '@angular/core';
 import {BehaviorSubject, Observable} from 'rxjs';
 import {copy} from '../../core/utils/ObjectUtils';
 import {FormError} from '../../core/model/FormError';

frontend/src/app/pages/my-publications/my-publications.component.html

@@ -9,12 +9,12 @@
   +
 </a>
 
-@if ((isLoading$ | async) === true) {
+@if (isLoading()) {
   <h2 i18n>Publication loading...</h2>
   <mat-spinner></mat-spinner>
 } @else {
-    @if ((isLoaded$ | async) === true) {
-        <app-publication-list [publications$]="publications$"></app-publication-list>
+  @if (isLoaded()) {
+    <app-publication-list [publications]="publications()"></app-publication-list>
   } @else {
     <h2 i18n>There is no any publication...</h2>
   }

frontend/src/app/pages/my-publications/my-publications.component.ts

@@ -1,9 +1,7 @@
 import {Component, inject, OnInit} from "@angular/core";
 import {MatProgressSpinnerModule} from "@angular/material/progress-spinner";
 import {MyPublicationsService} from "./my-publications.service";
-import { Observable } from "rxjs";
 import {PublicationListComponent} from "../../components/publication-list/publication-list.component";
-import { Publication } from "../../core/rest-services/publications/model/publication";
 import {CommonModule} from "@angular/common";
 import {RouterModule} from "@angular/router";
 import {MatTooltipModule} from "@angular/material/tooltip";
@@ -12,7 +10,6 @@ import { MatRippleModule } from "@angular/material/core";
 
 @Component({
   selector: 'app-my-component',
-    standalone: true,
   templateUrl: './my-publications.component.html',
   styleUrl: './my-publications.component.scss',
   imports: [
@@ -28,17 +25,9 @@ import { MatRippleModule } from "@angular/material/core";
 export class MyPublicationsComponent implements OnInit {
   private readonly myPublicationsService = inject(MyPublicationsService);
 
-    get publications$(): Observable<Publication[]> {
-        return this.myPublicationsService.publications$;
-    }
-
-    get isLoading$(): Observable<boolean> {
-        return this.myPublicationsService.isLoading$;
-    }
-
-    get isLoaded$(): Observable<boolean> {
-        return this.myPublicationsService.isLoaded$;
-    }
+  publications = this.myPublicationsService.publications;
+  isLoading = this.myPublicationsService.isLoading;
+  isLoaded = this.myPublicationsService.isLoaded;
 
   ngOnInit(): void {
     this.myPublicationsService.loadAuthenticatedUserPublications();

frontend/src/app/pages/my-publications/my-publications.service.ts

@@ -1,57 +1,56 @@
-import { inject, Injectable } from "@angular/core";
+import {inject, Injectable, Signal, signal} from "@angular/core";
 import {PublicationRestService} from "../../core/rest-services/publications/publication.rest-service";
 import {AuthenticationService} from "../../core/service/authentication.service";
-import { BehaviorSubject, Observable } from "rxjs";
 import {Publication} from "../../core/rest-services/publications/model/publication";
 import {Router} from "@angular/router";
 import {MatSnackBar} from "@angular/material/snack-bar";
 
 @Injectable()
 export class MyPublicationsService {
-    private readonly authenticationService = inject(AuthenticationService);
-    private readonly publicationRestService = inject(PublicationRestService);
-    private readonly snackBar = inject(MatSnackBar);
-    private readonly router = inject(Router);
-    private publicationsSubject = new BehaviorSubject<Publication[]>([]);
-    private isLoadingSubject = new BehaviorSubject<boolean>(false);
-    private isLoadedSubject = new BehaviorSubject<boolean>(false);
+  readonly #authenticationService = inject(AuthenticationService);
+  readonly #publicationRestService = inject(PublicationRestService);
+  readonly #snackBar = inject(MatSnackBar);
+  readonly #router = inject(Router);
+  #publications = signal<Publication[]>([]);
+  #isLoading = signal(false);
+  #isLoaded = signal(false);
 
-    get publications$(): Observable<Publication[]> {
-        return this.publicationsSubject.asObservable();
+  get publications(): Signal<Publication[]> {
+    return this.#publications.asReadonly();
   }
 
-    get isLoading$(): Observable<boolean> {
-        return this.isLoadingSubject.asObservable();
+  get isLoading(): Signal<boolean> {
+    return this.#isLoading.asReadonly();
   }
 
-    get isLoaded$(): Observable<boolean> {
-        return this.isLoadedSubject.asObservable();
+  get isLoaded(): Signal<boolean> {
+    return this.#isLoaded.asReadonly();
   }
 
   loadAuthenticatedUserPublications(): void {
-        const authenticatedUser = this.authenticationService.getAuthenticatedUser();
+    const authenticatedUser = this.#authenticationService.getAuthenticatedUser();
     if (authenticatedUser) {
-            this.isLoadingSubject.next(true);
-            this.isLoadedSubject.next(false);
+      this.#isLoading.set(true);
+      this.#isLoaded.set(false);
 
       const query = `author_id=${authenticatedUser.id}`;
-            this.publicationRestService.search(query)
+      this.#publicationRestService.search(query)
         .then(publications => {
-                    this.publicationsSubject.next(publications);
+          this.#publications.set(publications);
         })
         .catch(error => {
           const errorMessage = $localize`An error occurred while retrieving your publications...`;
-                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+          this.#snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
           console.error(errorMessage, error);
         })
         .finally(() => {
-                    this.isLoadingSubject.next(false);
-                    this.isLoadedSubject.next(true);
+          this.#isLoading.set(false);
+          this.#isLoaded.set(true);
         });
     } else {
-            this.authenticationService.unauthenticate();
-            this.snackBar.open($localize`You are unauthenticated. Please, log-in first.`, $localize`Close`, { duration: 5000 });
-            this.router.navigate(['/login']);
+      this.#authenticationService.unauthenticate();
+      this.#snackBar.open($localize`You are unauthenticated. Please, log-in first.`, $localize`Close`, {duration: 5000});
+      this.#router.navigate(['/login']);
     }
   }
 }

frontend/src/app/pages/publication-creation/publication-creation.component.html

@@ -1,7 +1,7 @@
 <app-publication-edition
   title="Creation of a new publication"
-    [publication]="publication" 
-    [isSaving$]="isSaving$"
+  [publication]="publication()"
+  [isSaving]="isSaving()"
   (publicationSave)="onPublicationSave($event)"
-    i18n-title>
-</app-publication-edition>
+  i18n-title
+/>

frontend/src/app/pages/publication-creation/publication-creation.component.ts

@@ -1,76 +1,53 @@
-import { Component, inject, OnInit } from "@angular/core";
+import {Component, inject, OnInit, signal} from "@angular/core";
 import {PublicationEditionComponent} from "../../components/publication-edition/publication-edition.component";
 import {PublicationRestService} from "../../core/rest-services/publications/publication.rest-service";
-import { ActivatedRoute, Router } from "@angular/router";
+import {Router} from "@angular/router";
 import {MatSnackBar} from "@angular/material/snack-bar";
-import { BehaviorSubject, Observable, Subscription } from "rxjs";
-import { Publication } from "../../core/rest-services/publications/model/publication";
+import {DEFAULT_PUBLICATION, Publication} from "../../core/rest-services/publications/model/publication";
 import {AuthenticationService} from "../../core/service/authentication.service";
 import {Author} from "../../core/rest-services/publications/model/author";
-import { CommonModule } from "@angular/common";
 
 @Component({
   selector: 'app-publication-creation',
-    standalone: true,
   templateUrl: './publication-creation.component.html',
   styleUrl: './publication-creation.component.scss',
   imports: [
-        CommonModule,
     PublicationEditionComponent
   ]
 })
 export class PublicationCreationComponent implements OnInit {
-    private readonly authenticationService = inject(AuthenticationService);
-    private readonly publicationRestService = inject(PublicationRestService);
-    private readonly router = inject(Router);
-    private readonly snackBar = inject(MatSnackBar);
-    private isSavingSubject = new BehaviorSubject<boolean>(false);
-    private subscriptions: Subscription[] = [];
-    publication!: Publication;
-
-    get isSaving$(): Observable<boolean> {
-        return this.isSavingSubject.asObservable();
-    }
+  readonly #authenticationService = inject(AuthenticationService);
+  readonly #publicationRestService = inject(PublicationRestService);
+  readonly #router = inject(Router);
+  readonly #snackBar = inject(MatSnackBar);
+  isSaving = signal(false);
+  publication = signal<Publication>(DEFAULT_PUBLICATION);
 
   ngOnInit(): void {
-        const authenticatedUser = this.authenticationService.getAuthenticatedUser();
+    const authenticatedUser = this.#authenticationService.getAuthenticatedUser();
     if (authenticatedUser) {
       const author: Author = {
         id: authenticatedUser.id,
         name: authenticatedUser.pseudo,
         image: authenticatedUser.photoId ?? ''
       };
-            this.publication = {
-                id: '',
-                key: '',
-                title: '',
-                text: '',
-                parsedText: '',
-                description: '',
-                creationDate: new Date(),
-                illustrationId: '',
-                categoryId: '',
-                author
-            };
+      const newPublication: Publication = {...DEFAULT_PUBLICATION, author};
+      this.publication.set(newPublication);
     }
   }
 
-    ngOnDestroy(): void {
-        this.subscriptions.forEach(subscription => subscription?.unsubscribe());
-    }
-
   onPublicationSave(publication: Publication): void {
-        this.isSavingSubject.next(true);
-        this.publicationRestService.create(publication)
+    this.isSaving.set(true);
+    this.#publicationRestService.create(publication)
       .then(() => {
-                this.snackBar.open($localize`Publication created succesfully!`, $localize`Close`, { duration: 5000 });
-                this.router.navigate(['/my-publications']);
+        this.#snackBar.open($localize`Publication created succesfully!`, $localize`Close`, {duration: 5000});
+        this.#router.navigate(['/my-publications']);
       })
       .catch(error => {
         const errorMessage = $localize`An error occured while saving new publication.`;
         console.error(errorMessage, error);
-                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+        this.#snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
       })
-            .finally(() => this.isSavingSubject.next(false));
+      .finally(() => this.isSaving.set(false));
   }
 }

frontend/src/app/pages/publication-update/publication-update.component.html

@@ -1,18 +1,16 @@
-@if ((isLoading$ | async) == true) {
+@if (isLoading()) {
   <h2 i18n>Loading publication to edit...</h2>
-    <mat-spinner></mat-spinner>
-} 
-@else {
-    @if (publication) {
+  <mat-spinner/>
+} @else {
+  @if (publication(); as publication) {
     <app-publication-edition
       title="Update publication {{ publication.title }}"
       [publication]="publication"
-            [isSaving$]="isSaving$"
+      [isSaving]="isSaving()"
       (publicationSave)="onPublicationSave($event)"
-            i18n-title>
-        </app-publication-edition>
-    }
-    @else {
+      i18n-title
+    />
+  } @else {
     <div class="loading-failed">
       <h1 i18n>Publication failed to load...</h1>
     </div>

frontend/src/app/pages/publication-update/publication-update.component.ts

@@ -1,5 +1,5 @@
 import {CommonModule, Location} from '@angular/common';
-import { Component, inject, OnDestroy, OnInit } from '@angular/core';
+import {Component, effect, inject, Signal, signal} from '@angular/core';
 import {ReactiveFormsModule} from '@angular/forms';
 import {MatDialogModule} from '@angular/material/dialog';
 import {MatIconModule} from '@angular/material/icon';
@@ -9,16 +9,14 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 import {MatTabsModule} from '@angular/material/tabs';
 import {MatTooltipModule} from '@angular/material/tooltip';
 import {ActivatedRoute, Router} from '@angular/router';
-import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import {PublicationEditionComponent} from '../../components/publication-edition/publication-edition.component';
-import { SubmitButtonComponent } from '../../components/submit-button/submit-button.component';
 import {Publication} from '../../core/rest-services/publications/model/publication';
 import {PublicationRestService} from '../../core/rest-services/publications/publication.rest-service';
-import { PictureSelectionDialog } from '../../components/publication-edition/picture-selection-dialog/picture-selection-dialog.component';
+import {toSignal} from "@angular/core/rxjs-interop";
+import {map} from "rxjs";
 
 @Component({
   selector: 'app-publication-update',
-  standalone: true,
   imports: [
     CommonModule,
     MatDialogModule,
@@ -27,71 +25,69 @@ import { PictureSelectionDialog } from '../../components/publication-edition/pic
     MatProgressSpinnerModule,
     MatTabsModule,
     MatTooltipModule,
-    PictureSelectionDialog,
     ReactiveFormsModule,
-    SubmitButtonComponent,
     PublicationEditionComponent
   ],
   templateUrl: './publication-update.component.html',
-  styleUrl: './publication-update.component.scss',
+  styleUrl: './publication-update.component.scss'
 })
-export class PublicationUpdateComponent implements OnInit, OnDestroy {
-  private readonly publicationRestService = inject(PublicationRestService);
-  private readonly activatedRoute = inject(ActivatedRoute);
-  private readonly location = inject(Location);
-  private readonly router = inject(Router);
-  private readonly snackBar = inject(MatSnackBar);
-  private isLoadingSubject = new BehaviorSubject<boolean>(false);
-  private isSavingSubject = new BehaviorSubject<boolean>(false);
-  private subscriptions: Subscription[] = [];
-  publication: Publication | undefined;
+export class PublicationUpdateComponent {
+  readonly #activatedRoute = inject(ActivatedRoute);
+  readonly #location = inject(Location);
+  readonly #publicationRestService = inject(PublicationRestService);
+  readonly #router = inject(Router);
+  readonly #snackBar = inject(MatSnackBar);
+  #isLoading = signal(false);
+  #isSavingSubject = signal(false);
+  publication = signal<Publication | undefined>(undefined);
 
-  get isLoading$(): Observable<boolean> {
-    return this.isLoadingSubject.asObservable();
+  #publicationId$ = this.#activatedRoute.params
+    .pipe(map(queryParams => queryParams['publicationId']));
+  #publicationId = toSignal(this.#publicationId$, {initialValue: undefined});
+
+  get isLoading(): Signal<boolean> {
+    return this.#isLoading.asReadonly();
   }
 
-  get isSaving$(): Observable<boolean> {
-    return this.isSavingSubject.asObservable();
+  get isSaving(): Signal<boolean> {
+    return this.#isSavingSubject.asReadonly();
   }
 
-  ngOnInit(): void {
-    this.isLoadingSubject.next(true);
-    this.activatedRoute.paramMap.subscribe(params => {
-        const publicationId = params.get('publicationId');
-        if (publicationId == undefined) {
-            this.snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, { duration: 5000 });
-            this.location.back();
-        } else {
-            this.publicationRestService.getById(publicationId)
+  constructor() {
+    effect(() => {
+      this.#isLoading.set(true);
+
+      const publicationId = this.#publicationId();
+      if (publicationId) {
+        this.#publicationRestService.getById(publicationId)
           .then(publication => {
-              this.publication = publication;
+            this.publication.set(publication);
           })
           .catch(error => {
             const errorMessage = $localize`A technical error occurred while loading publication data.`;
-                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+            this.#snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
             console.error(errorMessage, error)
           })
-            .finally(() => this.isLoadingSubject.next(false));
+          .finally(() => this.#isLoading.set(false));
+      } else {
+        this.#snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, {duration: 5000});
+        this.#location.back();
       }
     });
   }
 
-  ngOnDestroy(): void {
-    this.subscriptions.forEach(subscription => subscription?.unsubscribe());
-  }
-
   onPublicationSave(publication: Publication): void {
-    this.isSavingSubject.next(true);
-    this.publicationRestService.update(publication)
+    this.#isSavingSubject.set(true);
+    this.#publicationRestService.update(publication)
       .then(() => {
-            this.snackBar.open($localize`Publication updated succesfully!`, $localize`Close`, { duration: 5000 });
-            this.router.navigate(['/home']);
+        this.#snackBar.open($localize`Publication updated succesfully!`, $localize`Close`, {duration: 5000});
+        this.#router.navigate(['/home']);
       })
       .catch(error => {
         const errorMessage = $localize`An error occured while saving publication modifications.`;
         console.error(errorMessage, error);
-            this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+        this.#snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
       })
-        .finally(() => this.isSavingSubject.next(false));
+      .finally(() => this.#isSavingSubject.set(false));
   }
 }

frontend/src/app/pages/publication/publication.component.html

@@ -1,14 +1,14 @@
-@if (isLoading) {
+@if (isLoading()) {
   <h2 i18n>Publication content loading...</h2>
   <mat-spinner></mat-spinner>
 } @else {
-    @if (publication) {
+  @if (publication(); as publication) {
     <div class="card">
       <img src="/api/pictures/{{ publication.illustrationId }}"/>
       <header>
         <h1>{{ publication.title }}</h1>
         <h2>{{ publication.description }}</h2>
-                @if (isAuthorAndUserEquals) {
+        @if (isAuthorAndUserEquals()) {
           <a [routerLink]="['edit']"
              class="button action"
              matTooltip="Click to edit the publication"
@@ -29,7 +29,7 @@
                         </span>
           </div>
         </div>
-                @if (isAuthorAndUserEquals) {
+        @if (isAuthorAndUserEquals()) {
           <button type="button"
                   (click)="deletePublication()"
                   matTooltip="Click to delete the publication"

frontend/src/app/pages/publication/publication.component.ts

@@ -1,5 +1,5 @@
 import {CommonModule, Location} from '@angular/common';
-import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import {Component, inject, OnDestroy, OnInit, signal} from '@angular/core';
 import {MatRippleModule} from '@angular/material/core';
 import {MatDialog} from '@angular/material/dialog';
 import {MatIcon} from '@angular/material/icon';
@@ -17,7 +17,6 @@ declare let Prism: any;
 
 @Component({
   selector: 'app-publication',
-  standalone: true,
   templateUrl: './publication.component.html',
   styleUrl: './publication.component.scss',
   imports: [
@@ -38,9 +37,9 @@ export class PublicationComponent implements OnInit, OnDestroy {
   private readonly snackBar = inject(MatSnackBar);
   private paramMapSubscription?: Subscription;
   private afterDialogCloseSubscription?: Subscription;
-  isLoading: boolean = false;
-  isAuthorAndUserEquals: boolean = false;
-  publication?: Publication;
+  isLoading = signal(false);
+  isAuthorAndUserEquals = signal(false);
+  publication = signal<Publication | null>(null);
 
   ngOnInit(): void {
     this.paramMapSubscription = this.activatedRoute
@@ -49,12 +48,12 @@ export class PublicationComponent implements OnInit, OnDestroy {
         const publicationId = params.get('publicationId');
 
         if (publicationId) {
-            this.isLoading = true;
+          this.isLoading.set(true);
 
           this.publicationRestService.getById(publicationId)
             .then(publication => {
-                  this.publication = publication;
-                  this.isAuthorAndUserEquals = this.authenticationService.getAuthenticatedUser()?.id === this.publication.author.id;
+              this.publication.set(publication);
+              this.isAuthorAndUserEquals.set(this.authenticationService.getAuthenticatedUser()?.id === this.publication()?.author.id);
               setTimeout(() => Prism.highlightAll(), 100);
             })
             .catch(error => {
@@ -63,7 +62,7 @@ export class PublicationComponent implements OnInit, OnDestroy {
               console.error(errorMessage, error);
             })
             .finally(() => {
-                  this.isLoading = false;
+              this.isLoading.set(false);
             });
         }
       });
@@ -87,8 +86,9 @@ export class PublicationComponent implements OnInit, OnDestroy {
 
     this.afterDialogCloseSubscription = dialogRef.afterClosed()
       .subscribe(response => {
-        if (response && this.publication?.id) {
-          this.publicationRestService.delete(this.publication.id);
+        const publication = this.publication();
+        if (response && publication?.id) {
+          this.publicationRestService.delete(publication.id);
           this.snackBar.open($localize`Publication deleted`, $localize`Close`, {duration: 5000});
           this.location.back();
         }

frontend/src/app/pages/search-publications/search-publications.component.html

@@ -1,10 +1,10 @@
 <h1 i18n>Search results</h1>
-@if((isLoading$ | async) === true) {
+@if (isLoading()) {
   <h2 i18n>Search in progress...</h2>
-    <mat-spinner></mat-spinner>
-} @else if((isLoaded$ | async) === true) {
-    @if((publications$ | async)?.length) {
-        <app-publication-list [publications$]="publications$"></app-publication-list>
+  <mat-spinner/>
+} @else if (isLoaded()) {
+  @if (publications().length) {
+    <app-publication-list [publications]="publications()"/>
   } @else {
     <span i18n>No any result.</span>
   }

frontend/src/app/pages/search-publications/search-publications.component.ts

@@ -1,28 +1,30 @@
 import {CommonModule} from "@angular/common";
-import { Component, inject, OnDestroy, OnInit } from "@angular/core";
+import {Component, effect, inject} from "@angular/core";
 import {MatProgressSpinner} from "@angular/material/progress-spinner";
 import {ActivatedRoute} from "@angular/router";
-import { Observable, Subscription } from "rxjs";
 import {PublicationListComponent} from "../../components/publication-list/publication-list.component";
-import { Publication } from "../../core/rest-services/publications/model/publication";
 import {SearchPublicationsService} from "./search-publications.service";
+import {toSignal} from "@angular/core/rxjs-interop";
 
 @Component({
   selector: 'app-search-publications',
   templateUrl: './search-publications.component.html',
   styleUrl: './search-publications.component.scss',
-    standalone: true,
   imports: [CommonModule, MatProgressSpinner, PublicationListComponent],
   providers: [SearchPublicationsService]
 })
-export class SearchPublicationsComponent implements OnInit, OnDestroy {
+export class SearchPublicationsComponent {
   private searchPublicationsService = inject(SearchPublicationsService);
   private activatedRoute = inject(ActivatedRoute);
-    private queryParamsSubscription?: Subscription;
+  publications = this.searchPublicationsService.publications;
+  isLoading = this.searchPublicationsService.isLoading;
+  isLoaded = this.searchPublicationsService.isLoaded;
 
-    ngOnInit(): void {
-        this.queryParamsSubscription = this.activatedRoute.queryParamMap
-            .subscribe(params => {  
+  constructor() {
+    const queryParams = toSignal(this.activatedRoute.queryParamMap);
+    effect(() => {
+      let params = queryParams();
+      if (params) {
         const categoryId = params.get('category-id');
         if (categoryId) {
           this.searchPublicationsService.loadPublications(`category_id=${categoryId}`);
@@ -31,22 +33,7 @@ export class SearchPublicationsComponent implements OnInit, OnDestroy {
         if (query) {
           this.searchPublicationsService.loadPublications(query);
         }
+      }
     });
   }
-
-    ngOnDestroy(): void {
-        this.queryParamsSubscription?.unsubscribe();
-    }
-
-    get publications$(): Observable<Publication[]> {
-        return this.searchPublicationsService.publications$;
-    }
-
-    get isLoading$(): Observable<boolean> {
-        return this.searchPublicationsService.isLoading$;
-    }
-
-    get isLoaded$(): Observable<boolean> {
-        return this.searchPublicationsService.isLoaded$;
-    }
 }

frontend/src/app/pages/search-publications/search-publications.service.ts

@@ -1,49 +1,47 @@
-import { inject, Injectable } from "@angular/core";
+import {inject, Injectable, Signal, signal} from "@angular/core";
 import {PublicationRestService} from "../../core/rest-services/publications/publication.rest-service";
-import { BehaviorSubject, Observable } from "rxjs";
 import {Publication} from "../../core/rest-services/publications/model/publication";
 import {MatSnackBar} from "@angular/material/snack-bar";
 
-
 @Injectable()
 export class SearchPublicationsService {
-    private publicationRestService = inject(PublicationRestService);
-    private publicationsSubject = new BehaviorSubject<Publication[]>([]);
-    private isLoadingSubject = new BehaviorSubject<boolean>(false);
-    private isLoadedSubject = new BehaviorSubject<boolean>(false);
-    private snackBar = inject(MatSnackBar);
+  #snackBar = inject(MatSnackBar);
+  #publicationRestService = inject(PublicationRestService);
+  #publications = signal<Publication[]>([]);
+  #isLoading = signal(false);
+  #isLoaded = signal(false);
 
-    get publications$(): Observable<Publication[]> {
-        return this.publicationsSubject.asObservable();
+  get publications(): Signal<Publication[]> {
+    return this.#publications.asReadonly();
   }
 
-    get isLoading$(): Observable<boolean> {
-        return this.isLoadingSubject.asObservable();
+  get isLoading(): Signal<boolean> {
+    return this.#isLoading.asReadonly();
   }
 
-    get isLoaded$(): Observable<boolean> {
-        return this.isLoadedSubject.asObservable();
+  get isLoaded(): Signal<boolean> {
+    return this.#isLoaded.asReadonly();
   }
 
   loadPublications(searchCriteria: string): void {
-         this.isLoadingSubject.next(true);
-         this.isLoadedSubject.next(false);
-         this.publicationsSubject.next([]);
+    this.#isLoading.set(true);
+    this.#isLoaded.set(false);
+    this.#publications.set([]);
 
-         this.publicationRestService.search(searchCriteria)
+    this.#publicationRestService.search(searchCriteria)
       .then(publications => {
-                this.publicationsSubject.next(publications);
+        this.#publications.set(publications);
       })
       .catch(error => {
         if (error.status !== 404) {
           const errorMessage = $localize`An error occured while retrieving publications.`;
           console.error(errorMessage, error);
-                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+          this.#snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
         }
       })
       .finally(() => {
-                this.isLoadingSubject.next(false);
-                this.isLoadedSubject.next(true);
+        this.#isLoading.set(false);
+        this.#isLoaded.set(true);
       });
   }
 }

frontend/src/app/pages/signin/signin.component.ts

@@ -1,8 +1,8 @@
-import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import {Component, inject, OnDestroy, OnInit} from '@angular/core';
 import {FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
 import {MatIconModule} from '@angular/material/icon';
 import {RouterModule} from '@angular/router';
-import { Subscription, debounceTime, distinctUntilChanged, map } from 'rxjs';
+import {debounceTime, distinctUntilChanged, map, Subscription} from 'rxjs';
 import {SigninService} from './signin.service';
 import {LoginService} from '../login/login.service';
 import {FormError} from '../../core/model/FormError';
@@ -11,7 +11,6 @@ import { MatRippleModule } from '@angular/material/core';
 
 @Component({
   selector: 'app-signin',
-  standalone: true,
   templateUrl: './signin.component.html',
   styleUrl: './signin.component.scss',
   imports: [

frontend/src/app/pages/signin/signin.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, inject } from '@angular/core';
+import {inject, Injectable} from '@angular/core';
 import {SigninRequest} from '../../core/rest-services/user/model/signin.model';
 import {FormError} from '../../core/model/FormError';
 import {BehaviorSubject, Observable} from 'rxjs';

frontend/src/locale/messages-fr.json

@@ -3,7 +3,7 @@
   "translations": {
     "3603720768157919481": "Non",
     "4861926948802653243": "Oui",
-    "6130235414952256120": "{$START_TAG_SPAN}©{$CLOSE_TAG_SPAN} 2016 - 2024 Tous droits réservés - 2.1 {$START_LINK}{$START_TAG_MAT_ICON}favorite{$CLOSE_TAG_MAT_ICON}{$CLOSE_LINK}",
+    "9101236728284262962": "{$START_TAG_SPAN}©{$CLOSE_TAG_SPAN} 2016 - 2026 Tous droits réservés - 2.2 {$START_LINK}{$START_TAG_MAT_ICON}favorite{$CLOSE_TAG_MAT_ICON}{$CLOSE_LINK}",
     "9214089025589249203": "Les indicateurs de vie du site seront disponibles ultérieurement...",
     "1711651175531679766": "La documentation sera disponible ultérieurement...",
     "6299155290121808295": "Développements realisés par",
@@ -22,8 +22,8 @@
     "4111988153902305972": "Choisir cette illustation",
     "4491342806775118195": "Il n'y a aucune image.",
     "5036131155743433968": "{$START_TAG_MAT_ICON}upload_file{$CLOSE_TAG_MAT_ICON} Ajouter une nouvelle image",
-    "6852365376059142995": "Une erreur est survenue lors du chargements de vos images.",
-    "6198966268398913224": "Une erreur technique est survenue lors de l'ajout de votre image.",
+    "2175978098886350409": "Une erreur est survenue lors du chargements de vos images.",
+    "2334964899406832924": "Une erreur technique est survenue lors de l'ajout de votre image.",
     "3603937053948195893": "Édition",
     "5701618810648052610": "Titre",
     "4902817035128594900": "Description",

frontend/src/locale/messages.json

@@ -3,7 +3,7 @@
   "translations": {
     "3603720768157919481": " No ",
     "4861926948802653243": " Yes ",
-    "6130235414952256120": "{$START_TAG_SPAN}©{$CLOSE_TAG_SPAN} 2016 - 2024 All rights reserved - 2.1 {$START_LINK}{$START_TAG_MAT_ICON}favorite{$CLOSE_TAG_MAT_ICON}{$CLOSE_LINK}",
+    "9101236728284262962": "{$START_TAG_SPAN}©{$CLOSE_TAG_SPAN} 2016 - 2026 All rights reserved - 2.2 {$START_LINK}{$START_TAG_MAT_ICON}favorite{$CLOSE_TAG_MAT_ICON}{$CLOSE_LINK}",
     "9214089025589249203": "Health checking will be available in future...",
     "1711651175531679766": "Documentation will be available in future...",
     "6299155290121808295": "Development realised by",
@@ -22,8 +22,8 @@
     "4111988153902305972": "Choose this illustration",
     "4491342806775118195": "There is no any picture.",
     "5036131155743433968": "{$START_TAG_MAT_ICON}upload_file{$CLOSE_TAG_MAT_ICON} Add new picture ",
-    "6852365376059142995": "An error occured while loading pictures.",
-    "6198966268398913224": "A technical error occured while uploading your picture.",
+    "2175978098886350409": "An error occurred while loading pictures.",
+    "2334964899406832924": "A technical error occurred while uploading your picture.",
     "3603937053948195893": "Edition",
     "5701618810648052610": "Title",
     "4902817035128594900": "Description",

frontend/src/styles.scss

@@ -1,7 +1,10 @@
 /* You can add global styles to this file, and also import other style files */
 @use './design_system/index.scss';
 
-html, body { height: 100%; }
+html, body {
+  height: 100%;
+}
+
 body {
   margin: 0;
   font-family: Roboto, "Helvetica Neue", sans-serif;

frontend/tsconfig.json

@@ -13,15 +13,11 @@
     "sourceMap": true,
     "declaration": false,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",
-    "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,