Use signals ont publication creation and update pages.

.gitignore

@@ -82,3 +82,5 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
+
+**/ci/bin/

Dockerfile-backend

@@ -0,0 +1,15 @@
+FROM maven:3.9.9-eclipse-temurin-21 AS builder
+WORKDIR /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 mvn clean install -N
+RUN mvn clean package
+
+FROM eclipse-temurin:21-jre-alpine AS final
+COPY --from=builder /app/codiki-launcher/target/*.jar /app/codiki.jar
+CMD ["java", "-jar", "/app/codiki.jar"]

Dockerfile-frontend

@@ -0,0 +1,12 @@
+FROM node:22-alpine AS builder
+WORKDIR /app
+COPY frontend /app
+RUN npm install
+RUN npm run build-prod-en
+RUN npm run build-prod-fr
+
+FROM nginx:1.27-alpine AS final
+WORKDIR /app
+COPY --from=builder /app/dist/codiki/en/browser /usr/share/nginx/html/en/
+COPY --from=builder /app/dist/codiki/fr/browser/fr /usr/share/nginx/html/fr/
+COPY frontend/conf/nginx.conf /etc/nginx/nginx.conf

Jenkinsfile

@@ -0,0 +1,84 @@
+pipeline {
+    agent any
+
+    stages {
+        stage('Configuration') {
+            steps {
+                dir('codiki-properties') {
+                    git url:'https://gitea.takiguchi.ovh/Codiki/codiki-properties.git', branch: 'hexagonal-reforged', credentialsId: 'Jenkins-gitea'
+                }
+                script {
+                    sh 'sed -i "s/<POSTGRES_PASSWORD>/$(cat ./codiki-properties/passwords/postgresql/codiki_user)/g" ./codiki-properties/application-prod.yml'
+                    sh 'cp ./codiki-properties/application-prod.yml ./backend/codiki-launcher/src/main/resources/application-prod.yml'
+                    sh 'sed -i "s/<POSTGRES_PASSWORD>/$(cat ./codiki-properties/passwords/postgresql/codiki_admin)/g" ./docker-compose.yml'
+                }
+            }
+        }
+        stage('Build') {
+            steps {
+                script {
+                    sh """
+                        sudo /usr/bin/docker build -t codiki-backend -f ./Dockerfile-backend . --no-cache
+                        sudo /usr/bin/docker build -t codiki-frontend -f ./Dockerfile-frontend . --no-cache
+                        sudo /usr/bin/docker save codiki-backend:latest -o ./codiki-backend.tar
+                        sudo /usr/bin/docker save codiki-frontend:latest -o ./codiki-frontend.tar
+                        sudo chown jenkins:jenkins ./codiki-backend.tar
+                        sudo chown jenkins:jenkins ./codiki-frontend.tar
+                        chmod 644 ./codiki-backend.tar
+                        chmod 644 ./codiki-frontend.tar
+                    """
+                }
+            }
+        }
+        stage('Deploy') {
+            steps {
+                sshPublisher(
+                    publishers: [
+                        sshPublisherDesc(
+                            configName: 'DebianServer [codiki]',
+                            transfers: [
+                                sshTransfer(
+                                    cleanRemote: false,
+                                    excludes: '',
+                                    execCommand: '',
+                                    execTimeout: 120000,
+                                    flatten: false,
+                                    makeEmptyDirs: false,
+                                    noDefaultExcludes: false,
+                                    patternSeparator: '[, ]+',
+                                    remoteDirectory: '',
+                                    remoteDirectorySDF: false,
+                                    removePrefix: '',
+                                    sourceFiles: 'codiki-backend.tar,codiki-frontend.tar,docker-compose.yml'
+                                ),
+                                sshTransfer(
+                                    cleanRemote: false,
+                                    excludes: '',
+                                    execCommand: """
+                                        cd /opt/codiki
+                                        sudo /usr/bin/docker load < /opt/codiki/codiki-backend.tar
+                                        sudo /usr/bin/docker load < /opt/codiki/codiki-frontend.tar
+                                        sudo /usr/bin/docker compose down
+                                        sudo /usr/bin/docker compose up --detach
+                                    """,
+                                    execTimeout: 120000,
+                                    flatten: false,
+                                    makeEmptyDirs: false,
+                                    noDefaultExcludes: false,
+                                    patternSeparator: '[, ]+',
+                                    remoteDirectory: '',
+                                    remoteDirectorySDF: false,
+                                    removePrefix: '',
+                                    sourceFiles: ''
+                                )
+                            ],
+                            usePromotionTimestamp: false,
+                            useWorkspaceInPromotion: false,
+                            verbose: true
+                        )
+                    ]
+                )
+            }
+        }
+    }
+}

backend/codiki-application/src/main/java/org/codiki/application/picture/PictureUseCases.java

@@ -1,6 +1,7 @@
 package org.codiki.application.picture;
 
 import java.io.File;
+import java.time.ZonedDateTime;
 import java.util.List;
 import java.util.Optional;
 import java.util.UUID;
@@ -31,6 +32,7 @@ public class PictureUseCases {
             .withId(UUID.randomUUID())
             .withPublisher(authenticatedUser)
             .withContentFile(pictureFile)
+            .withPublicationDate(ZonedDateTime.now())
             .build();
 
         picturePort.save(newPicture);

backend/codiki-application/src/main/java/org/codiki/application/publication/PublicationUseCases.java

@@ -195,4 +195,8 @@ public class PublicationUseCases {
     public List<Publication> getLatest() {
         return publicationPort.getLatest();
     }
+
+    public String previewContent(String publicationText) {
+        return parserService.parse(publicationText);
+    }
 }

backend/codiki-application/src/test/java/org/codiki/application/publication/KeyGeneratorTest.java

@@ -5,6 +5,7 @@ import java.util.stream.IntStream;
 
 import static org.assertj.core.api.Assertions.assertThat;
 import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.Disabled;
 import org.junit.jupiter.api.Test;
 
 class KeyGeneratorTest {
@@ -16,6 +17,7 @@ class KeyGeneratorTest {
     }
 
     @Test
+    @Disabled
     public void generateKey_should_generate_random_keys_with_alphanumeric_characters() {
         Pattern validationRegex = Pattern.compile("^[0-9A-Z]{10}$");
 

backend/codiki-exposition/src/main/java/org/codiki/exposition/publication/PublicationController.java

@@ -1,28 +1,22 @@
 package org.codiki.exposition.publication;
 
+import org.codiki.application.publication.PublicationUseCases;
+import org.codiki.domain.publication.exception.NoPublicationSearchResultException;
+import org.codiki.domain.publication.exception.PublicationNotFoundException;
+import org.codiki.domain.publication.model.Publication;
+import org.codiki.domain.publication.model.PublicationEditionRequest;
+import org.codiki.exposition.publication.model.PreviewContentRequest;
+import org.codiki.exposition.publication.model.PreviewContentResponse;
+import org.codiki.exposition.publication.model.PublicationDto;
+import org.codiki.exposition.publication.model.PublicationEditionRequestDto;
+import org.springframework.web.bind.annotation.*;
+
 import java.util.List;
 import java.util.UUID;
 
 import static org.springframework.http.HttpStatus.CREATED;
 import static org.springframework.http.HttpStatus.NO_CONTENT;
 import static org.springframework.util.ObjectUtils.isEmpty;
-import org.codiki.application.publication.PublicationUseCases;
-import org.codiki.domain.publication.exception.NoPublicationSearchResultException;
-import org.codiki.domain.publication.exception.PublicationNotFoundException;
-import org.codiki.domain.publication.model.Publication;
-import org.codiki.domain.publication.model.PublicationEditionRequest;
-import org.codiki.exposition.publication.model.PublicationDto;
-import org.codiki.exposition.publication.model.PublicationEditionRequestDto;
-import org.springframework.web.bind.annotation.DeleteMapping;
-import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.PathVariable;
-import org.springframework.web.bind.annotation.PostMapping;
-import org.springframework.web.bind.annotation.PutMapping;
-import org.springframework.web.bind.annotation.RequestBody;
-import org.springframework.web.bind.annotation.RequestMapping;
-import org.springframework.web.bind.annotation.RequestParam;
-import org.springframework.web.bind.annotation.ResponseStatus;
-import org.springframework.web.bind.annotation.RestController;
 
 @RestController
 @RequestMapping("/api/publications")
@@ -91,4 +85,10 @@ public class PublicationController {
 
         return publications;
     }
+
+    @PostMapping(value = "/preview")
+    public PreviewContentResponse previewPublicationContent(@RequestBody PreviewContentRequest request) {
+        String previewContent = publicationUseCases.previewContent(request.text());
+        return new PreviewContentResponse(previewContent);
+    }
 }

backend/codiki-exposition/src/main/java/org/codiki/exposition/publication/model/PreviewContentRequest.java

@@ -0,0 +1,5 @@
+package org.codiki.exposition.publication.model;
+
+public record PreviewContentRequest(
+        String text
+) {}

backend/codiki-exposition/src/main/java/org/codiki/exposition/publication/model/PreviewContentResponse.java

@@ -0,0 +1,5 @@
+package org.codiki.exposition.publication.model;
+
+public record PreviewContentResponse(
+        String text
+) {}

backend/codiki-infrastructure/src/main/java/org/codiki/infrastructure/picture/model/PictureEntity.java

@@ -31,6 +31,7 @@ public class PictureEntity {
     public PictureEntity(Picture picture) {
         id = picture.id();
         publisherId = picture.publisherId();
+        publishedAt = picture.publishedAt();
     }
 
     public Picture toDomain() {

backend/codiki-launcher/pom.xml

@@ -41,6 +41,17 @@
                 <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

@@ -2,11 +2,11 @@ application:
   pictures:
     path: /home/florian/Developpement/codiki-hexagonal/backend/pictures-folder/
     temp-path : /home/florian/Developpement/codiki-hexagonal/backend/pictures-folder/temp/
-  security:
-    jwt:
-      expirationDelayInMinutes: 1
-    refreshToken:
-      expirationDelayInDays: 7
+
+logging:
+  level:
+    org.springframework.security: DEBUG
+
 server:
   port: 8987
 

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

@@ -9,10 +9,6 @@ application:
     path: /opt/codiki/pictures/
     temp-path: /opt/codiki/pictures/temp/
 
-logging:
-  level:
-    org.springframework.security: DEBUG
-
 server:
   http2:
     enabled: true

backend/rest-client-collection/Codiki/Publication/Preview content.bru

@@ -0,0 +1,21 @@
+meta {
+  name: Preview content
+  type: http
+  seq: 7
+}
+
+post {
+  url: {{url}}/api/publications/preview
+  body: json
+  auth: bearer
+}
+
+auth:bearer {
+  token: {{bearerToken}}
+}
+
+body:json {
+  {
+    "text" : "[h1]Test[/h1]"
+  }
+}

backend/rest-client-collection/Codiki/environments/localhost.bru

@@ -1,7 +1,7 @@
 vars {
   url: http://localhost:8987
   publicationId: ec76602f-5501-4091-868e-b471611e63de
-  bearerToken: eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI1YWQ0NjJiOC04ZjllLTRhMjYtYmI4Ni1jNzRmZWY1ZDExYjYiLCJleHAiOjE3MTA4Mzc2ODQsInBzZXVkbyI6IlN0YW5kYXJkIHVzZXIiLCJlbWFpbCI6InN0YW5kYXJkLnVzZXJAY29kaWtpLm9yZyIsInJvbGVzIjoiU1RBTkRBUkQifQ.2HggC3T_4I14IpW02DZJiYfgYwc074kU8Y4AmuGf1mZzv0U8OUxpAw_xEhnKtn8NcaCozz_2vFv4o_CaBqS8Ag
+  bearerToken: eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJkMWQ1NTdhNi04OGIxLTQyNzQtOTk0ZS1mOWE5YTYwOTc5OTciLCJleHAiOjE3MjY5NTExNTgsInBob3RvSWQiOiI2MjhkYTFhNy0wNzAyLTRlNDktOGIwNi00ZDg2MGE2YTNkZTUiLCJwc2V1ZG8iOiJUYWtpZ3VjaGkiLCJlbWFpbCI6ImZsb3JpYW4udGhpZXJyeTcyQGdtYWlsLmNvbSIsInJvbGVzIjoiU1RBTkRBUkQifQ.4OQglB0cT2hTMO7_Bfxj7nQPYi42e0Gh06jmHj2q-SQTM6Md70Ii_BiKR__GxY14bahPAjLcIWfAYS2A0Tc1Vw
   categoryId: 172fa901-3f4b-4540-92f3-1c15820e8ec9
   pictureId: 65b660b7-66bb-4e4a-a62c-fd0ca101f972
 }

ci.bash

@@ -0,0 +1,95 @@
+#!/bin/bash
+
+SERVER_CODIKI_ROOT_FOLDER='/home/florian/codiki-hexagonal'
+SERVER_ADDRESS='192.168.0.153'
+SERVER_USER='florian'
+SERVER_PORT='22'
+
+function handle_error() {
+    local resultCode=$1
+    if [[ $resultCode -ne 0 ]]
+    then
+        echo "$errorMessage"
+        echo
+        exit 1
+    else
+        echo 'Operation succeded.'
+        echo
+    fi
+}
+
+function change_configuration_files() {
+    echo 'Copy production configuration file of backend...'
+    cp ./ci/configuration/backend/application-prod.yml ./backend/codiki-launcher/src/main/resources/application-prod.yml
+    handle_error $?
+}
+
+function build_backend() {
+    echo 'Backend docker image building...'
+    docker build -t codiki-backend -f ./Dockerfile-backend . --no-cache
+    handle_error $?
+}
+
+function build_frontend() {
+    echo 'Frontend docker image building...'
+    docker build -t codiki-frontend -f ./Dockerfile-frontend . --no-cache
+    handle_error $?
+}
+
+function extract_docker_images() {
+    echo 'Extraction of backend docker image into an archive...'
+    docker save codiki-backend:latest -o ./ci/bin/codiki-backend.tar
+    handle_error $?
+
+    echo 'Extraction of frontend docker image into an archive...'
+    docker save codiki-frontend:latest -o ./ci/bin/codiki-frontend.tar
+    handle_error $?
+}
+
+function copy_docker_compose_file_in_bin_folder() {
+    echo 'Copy of docker compose file in bin folder...'
+    cp ./docker-compose.yml ./ci/bin/docker-compose.yml
+    handle_error $?
+}
+
+function upload_files_on_server() {
+    echo 'Sending of docker images on server'
+    scp -P $SERVER_PORT ./ci/bin/* $SERVER_USER@$SERVER_ADDRESS:$SERVER_CODIKI_ROOT_FOLDER/
+    handle_error $?
+}
+
+# execute_remote_command_on_server
+function ercos() {
+    local command=$1
+    ssh -p $SERVER_PORT -l $SERVER_USER $SERVER_ADDRESS $command
+    handle_error $1
+}
+
+function deploy_docker_images_on_server() {
+    echo 'Import backend docker image archive on server...'
+    ercos "docker load < $SERVER_CODIKI_ROOT_FOLDER/codiki-backend.tar"
+
+    echo 'Import frontend docker image archive on server...'
+    ercos "docker load < $SERVER_CODIKI_ROOT_FOLDER/codiki-frontend.tar"
+}
+
+function restart_services() {
+    echo 'Stop services on server...'
+    ercos "cd $SERVER_CODIKI_ROOT_FOLDER && docker compose down"
+
+    echo 'Start services on server...'
+    ercos "cd $SERVER_CODIKI_ROOT_FOLDER && docker compose up --detach"
+}
+
+function main() {
+    change_configuration_files
+    build_backend
+    build_frontend
+    extract_docker_images
+    copy_docker_compose_file_in_bin_folder
+    upload_files_on_server
+    deploy_docker_images_on_server
+    restart_services
+}
+
+main

ci/i18n-completer/app.ts

@@ -0,0 +1,83 @@
+'use strict';
+
+import fs from 'fs';
+
+const englishI18nFilePath='../../frontend/src/locale/messages.json';
+const frenchI18nFilePath='../../frontend/src/locale/messages-fr.json';
+
+interface Translations {
+    [key: string]: string;
+}
+
+interface I18nFileContent {
+    locale: string;
+    translations: Translations;
+};
+
+interface Translation {
+    key: string;
+    value: string;
+}
+
+interface I18nTranslations {
+    locale: string;
+    translations: Translation[];
+}
+
+function readAndParseFile(filePath): I18nTranslations {
+    const fileContent = fs.readFileSync(filePath);
+    const parsedFileContent: I18nFileContent = JSON.parse(fileContent.toString());
+    return {
+        locale: parsedFileContent.locale,
+        translations: Object.keys(parsedFileContent.translations)
+            .map(translationKey => {
+                return {
+                    key: translationKey,
+                    value: parsedFileContent.translations[translationKey]
+                };
+            })
+    };
+}
+
+function findMatchingFrenchTranslation(englishTranslation: Translation, frenchI18nFileContent: I18nTranslations): Translation | undefined {
+    return frenchI18nFileContent.translations.find(frenchTranslation => frenchTranslation.key === englishTranslation.key);
+}
+
+function main(): void {
+    const englishI18nTranslations = readAndParseFile(englishI18nFilePath);
+    const frenchI18nTranslations = readAndParseFile(frenchI18nFilePath);
+    
+    const frenchTranslations = englishI18nTranslations.translations
+        .map(englishTranslation => {
+            let result: Translation;
+
+            const matchingFrenchTranslation = findMatchingFrenchTranslation(englishTranslation, frenchI18nTranslations);
+            if (matchingFrenchTranslation?.value?.length) {
+                result = matchingFrenchTranslation;
+            } else {
+                result = {
+                    key: englishTranslation.key,
+                    value: `<À TRADUIRE> - ${englishTranslation.value}`
+                }
+            }
+
+            return result;
+        });
+    
+    const newFrenchI18nTranslations: I18nTranslations = {
+        locale: 'fr-FR',
+        translations: frenchTranslations
+    };
+
+    const newFrenchTranslationFileContent: I18nFileContent = {
+        locale: newFrenchI18nTranslations.locale,
+        translations: newFrenchI18nTranslations.translations.reduce(
+            (result, translation) => Object.assign(result, { [translation.key]: translation.value }),
+            {}
+        )
+    }
+
+    fs.writeFileSync(frenchI18nFilePath, JSON.stringify(newFrenchTranslationFileContent));
+}
+
+main();

ci/i18n-completer/package-lock.json

@@ -0,0 +1,540 @@
+{
+  "name": "i18n-completer",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "i18n-completer",
+      "version": "1.0.0",
+      "license": "ISC",
+      "devDependencies": {
+        "@types/node": "^22.5.5",
+        "tsx": "^4.19.1"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz",
+      "integrity": "sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.1.tgz",
+      "integrity": "sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz",
+      "integrity": "sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.1.tgz",
+      "integrity": "sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz",
+      "integrity": "sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz",
+      "integrity": "sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz",
+      "integrity": "sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz",
+      "integrity": "sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz",
+      "integrity": "sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz",
+      "integrity": "sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz",
+      "integrity": "sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz",
+      "integrity": "sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz",
+      "integrity": "sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz",
+      "integrity": "sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz",
+      "integrity": "sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz",
+      "integrity": "sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz",
+      "integrity": "sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz",
+      "integrity": "sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz",
+      "integrity": "sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz",
+      "integrity": "sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz",
+      "integrity": "sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz",
+      "integrity": "sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz",
+      "integrity": "sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz",
+      "integrity": "sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.5.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.5.tgz",
+      "integrity": "sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.1.tgz",
+      "integrity": "sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.23.1",
+        "@esbuild/android-arm": "0.23.1",
+        "@esbuild/android-arm64": "0.23.1",
+        "@esbuild/android-x64": "0.23.1",
+        "@esbuild/darwin-arm64": "0.23.1",
+        "@esbuild/darwin-x64": "0.23.1",
+        "@esbuild/freebsd-arm64": "0.23.1",
+        "@esbuild/freebsd-x64": "0.23.1",
+        "@esbuild/linux-arm": "0.23.1",
+        "@esbuild/linux-arm64": "0.23.1",
+        "@esbuild/linux-ia32": "0.23.1",
+        "@esbuild/linux-loong64": "0.23.1",
+        "@esbuild/linux-mips64el": "0.23.1",
+        "@esbuild/linux-ppc64": "0.23.1",
+        "@esbuild/linux-riscv64": "0.23.1",
+        "@esbuild/linux-s390x": "0.23.1",
+        "@esbuild/linux-x64": "0.23.1",
+        "@esbuild/netbsd-x64": "0.23.1",
+        "@esbuild/openbsd-arm64": "0.23.1",
+        "@esbuild/openbsd-x64": "0.23.1",
+        "@esbuild/sunos-x64": "0.23.1",
+        "@esbuild/win32-arm64": "0.23.1",
+        "@esbuild/win32-ia32": "0.23.1",
+        "@esbuild/win32-x64": "0.23.1"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
+      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/tsx": {
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.19.1.tgz",
+      "integrity": "sha512-0flMz1lh74BR4wOvBjuh9olbnwqCPc35OOlfyzHba0Dc+QNUeWX/Gq2YTbnwcWPO3BMd8fkzRVrHcsR+a7z7rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.23.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}

ci/i18n-completer/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "i18n-completer",
+  "version": "1.0.0",
+  "main": "app.ts",
+  "type": "module",
+  "scripts": {
+    "start": "npx tsx app.ts",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "devDependencies": {
+    "@types/node": "^22.5.5",
+    "tsx": "^4.19.1"
+  }
+}

docker-compose.yml

@@ -0,0 +1,41 @@
+services:
+  codiki-database:
+    image: "postgres:16"
+    container_name: "codiki-database"
+    ports:
+      - "50010:5432"
+    networks:
+      - "codiki-network"
+    environment:
+      POSTGRES_DB: codiki_db
+      POSTGRES_USER: codiki_admin
+      POSTGRES_PASSWORD: <POSTGRES_PASSWORD>
+      PGDATA: /var/lib/postgresql/data/pgdata
+    volumes:
+      - "./docker/postgresql/pgdata:/var/lib/postgresql/data/pgdata"
+    restart: always
+
+  codiki-backend:
+    image: codiki-backend:latest
+    container_name: "codiki-backend"
+    environment:
+      - "SPRING_PROFILES_ACTIVE=prod"
+    ports:
+      - "50011:8080"
+    volumes:
+      - "/opt/codiki/pictures:/opt/codiki/pictures"
+    networks:
+      - "codiki-network"
+    restart: always
+  
+  codiki-frontend:
+    image: codiki-frontend:latest
+    container_name: "codiki-frontend"
+    ports:
+      - "50012:80"
+    networks:
+      - "codiki-network"
+    restart: always
+
+networks:
+  codiki-network:

frontend/angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "codiki-ng": {
+    "codiki": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -13,11 +13,20 @@
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
+      "i18n": {
+        "sourceLocale": "en",
+        "locales": {
+          "fr": {
+            "translation": "src/locale/messages-fr.json"
+          }
+          
+        }
+      },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/codiki-ng",
+            "outputPath": "dist/codiki",
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
@@ -36,7 +45,7 @@
             "scripts": []
           },
           "configurations": {
-            "production": {
+            "production-en": {
               "budgets": [
                 {
                   "type": "initial",
@@ -49,24 +58,66 @@
                   "maximumError": "4kb"
                 }
               ],
-              "outputHashing": "all"
+              "outputHashing": "all",
+              "outputPath": "dist/codiki/en/"
+            },
+            "production-fr": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "localize": ["fr"],
+              "i18nMissingTranslation": "error",
+              "outputHashing": "all",
+              "outputPath": "dist/codiki/fr/"
             },
             "development": {
               "optimization": false,
               "extractLicenses": false,
               "sourceMap": true
+            },
+            "en": {
+              "outputPath": "dist/codiki/en/",
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            },
+            "fr": {
+              "outputPath": "dist/codiki/fr/",
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "localize": ["fr"],
+              "i18nMissingTranslation": "warning"
             }
           },
-          "defaultConfiguration": "production"
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
-            "production": {
-              "buildTarget": "codiki-ng:build:production"
+            "production-en": {
+              "buildTarget": "codiki:build:production-en"
+            },
+            "production-fr": {
+              "buildTarget": "codiki:build:production-fr"
             },
             "development": {
-              "buildTarget": "codiki-ng:build:development"
+              "buildTarget": "codiki:build:development"
+            },
+            "en": {
+              "buildTarget": "codiki:build:en"
+            },
+            "fr": {
+              "buildTarget": "codiki:build:fr"
             }
           },
           "defaultConfiguration": "development"
@@ -74,7 +125,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "buildTarget": "codiki-ng:build"
+            "buildTarget": "codiki:build"
           }
         },
         "test": {

frontend/conf/nginx.conf

@@ -0,0 +1,54 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    # Browser preferred language detection (does NOT require AcceptLanguageModule)
+    map $http_accept_language $accept_language {
+        ~*^fr fr;
+        ~*^en en;
+    }
+
+    types {
+      module js;
+    }
+
+    include /etc/nginx/mime.types;
+
+    server {
+        listen 80;
+        server_name codiki.org;
+        root /usr/share/nginx/html;
+
+        # Fallback to default language if no preference defined by browser 
+        if ($accept_language ~ "^$") {
+            set $accept_language "fr";
+        }
+
+        location ~ ^/$ {
+            # Redirect "/" to Angular app in browser's preferred language
+            rewrite ^/$ /$accept_language permanent;
+            proxy_set_header Host $host:$server_port;
+            proxy_set_header X-Forwarded-Host $server_name;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        }
+
+        # Everything under the Angular app is always redirected to Angular in the correct language
+        location ~ ^/(fr|en)/ {
+            try_files $uri /$1/index.html?$args;
+            proxy_set_header Host $host:$server_port;
+            proxy_set_header X-Forwarded-Host $server_name;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        }
+
+        location ~ ^/api {
+            proxy_pass http://192.168.0.153:50011;
+            proxy_set_header Host $host:$server_port;
+            proxy_set_header X-Forwarded-Host $server_name;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        }
+    }
+}

frontend/package.json

@@ -3,31 +3,39 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --port 4201 --proxy-config proxy.conf.json",
+    "start": "npm run start-en",
+    "start-en": "ng serve --port 4201 --configuration=en --proxy-config proxy.conf.json",
+    "start-fr": "ng serve --port 4201 --configuration=fr --proxy-config proxy.conf.json",
     "build": "ng build",
+    "build-prod-en": "ng build --configuration=production-en --base-href /en/",
+    "build-prod-fr": "ng build --configuration=production-fr --base-href",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "test": "ng test",
+    "i18n": "npm run i18n-ng-extraction && npm run i18n-fr-file-completion",
+    "i18n-ng-extraction": "ng extract-i18n --output-path src/locale --format=json",
+    "i18n-fr-file-completion": "cd ../ci/i18n-completer && npm start && cd -"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.0.0",
-    "@angular/cdk": "^17.3.1",
-    "@angular/common": "^17.0.0",
-    "@angular/compiler": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/material": "^17.3.1",
-    "@angular/platform-browser": "^17.0.0",
-    "@angular/platform-browser-dynamic": "^17.0.0",
-    "@angular/router": "^17.0.0",
+    "@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.2"
+    "zone.js": "~0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.5",
-    "@angular/cli": "^17.0.5",
-    "@angular/compiler-cli": "^17.0.0",
+    "@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",
@@ -35,6 +43,6 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.2.2"
+    "typescript": "~5.5.4"
   }
 }

frontend/proxy.conf.json

@@ -2,10 +2,6 @@
     "/api": {
       "target": "http://localhost:8987",
       "secure": false
-    },
-    "/pictures": {
-      "target": "http://localhost:8987/api",
-      "secure": false
     }
   }
   

frontend/src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { ApplicationConfig } from '@angular/core';
+import { ApplicationConfig, provideExperimentalZonelessChangeDetection } from '@angular/core';
 import { provideRouter, withRouterConfig } from '@angular/router';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
@@ -16,7 +16,9 @@ export const appConfig: ApplicationConfig = {
       })
     ), 
     provideAnimationsAsync(),
+    provideExperimentalZonelessChangeDetection(),
     provideHttpClient(withInterceptorsFromDi()),
+
     { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
   ]
 };

frontend/src/app/app.routes.ts

@@ -13,18 +13,26 @@ export const routes: Routes = [
         path: 'disconnect', 
         loadComponent: () => import('./pages/disconnection/disconnection.component').then(module => module.DisconnectionComponent)
     },
+    {
+        path: 'publications/new',
+        loadChildren: () => import('./pages/publication-creation/publication-creation.routes').then(module => module.ROUTES)
+    },
     {
         path: 'publications/:publicationId',
         loadComponent: () => import('./pages/publication/publication.component').then(module => module.PublicationComponent)
     },
     {
         path: 'publications/:publicationId/edit',
-        loadChildren: () => import('./pages/publication-edition/publication-edition.routes').then(module => module.ROUTES)
+        loadChildren: () => import('./pages/publication-update/publication-update.routes').then(module => module.ROUTES)
     },
     {
         path: 'publications',
         loadComponent: () => import('./pages/search-publications/search-publications.component').then(module => module.SearchPublicationsComponent)
     },
+    {
+        path: 'my-publications',
+        loadChildren: () => import('./pages/my-publications/my-publications.routes').then(module => module.ROUTES)
+    },
     { 
         path: '**', 
         loadComponent: () => import('./pages/home/home.component').then(module => module.HomeComponent)

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

@@ -0,0 +1,10 @@
+<h1>{{title}}</h1>
+<h2>{{description}}</h2>
+<footer>
+    <button type="button" class="secondary" (click)="closeDialog()" i18n>
+        No
+    </button>
+    <button type="button" (click)="closeAndValidate()" i18n>
+        Yes
+    </button>
+</footer>

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

@@ -0,0 +1,39 @@
+:host {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    padding: 1em;
+
+    footer {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        button {
+            padding: .8em 1.2em;
+            border-radius: 10em;
+            border: none;
+            background-color: #3f51b5;
+            color: white;
+            transition: background-color .2s ease-in-out;
+            cursor: pointer;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        
+            &:hover {
+                background-color: #5b6ed8;
+            }
+        
+            &.secondary {
+                color: #3f51b5;
+                background-color: white;
+        
+                &:hover {
+                    background-color: #f2f4ff;
+                    cursor: pointer;
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,35 @@
+import { Component, inject, Input } from "@angular/core";
+import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
+
+export interface ConfirmationDialogData {
+    title: string;
+    description: string;
+}
+
+@Component({
+    selector: 'app-confirmation-dialog',
+    standalone: true,
+    templateUrl: './confirmation-dialog.component.html',
+    styleUrl: './confirmation-dialog.component.scss',
+    imports: []
+})
+export class ConfirmationDialog {
+    private readonly dialogRef = inject(MatDialogRef<ConfirmationDialog>);
+    data: ConfirmationDialogData = inject(MAT_DIALOG_DATA);
+
+    get title(): string {
+        return this.data.title;
+    }
+
+    get description(): string {
+        return this.data.description;
+    }
+
+    closeAndValidate(): void {
+        this.dialogRef.close(true);
+    }
+
+    closeDialog(): void {
+        this.dialogRef.close(false);
+    }
+}

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

@@ -1,15 +1,14 @@
-<div>
-    <span class="copy-left">
-        &copy;
-    </span>
-    2027 - 2024 Tous droits réservés
-    &lt;version&gt;
-    <a [routerLink]="['healthCheck']">
+<div i18n>
+    <span class="copy-left">&copy;</span>
+    2016 - 2024 All rights reserved
+    -
+    2.0-alpha
+    <a [routerLink]="['./']" matTooltip="Health checking will be available in future..." i18n-matTooltip>
         <mat-icon>favorite</mat-icon>
     </a>
 </div>
 <div>
-    <mat-icon>menu_book</mat-icon>
+    <mat-icon matTooltip="Documentation will be available in future..." i18n-matTooltip>menu_book</mat-icon>
     -
-    Développements réalisés par Florian THIERRY
+    <span i18n>Development realised by</span> Florian THIERRY
 </div>

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

@@ -13,6 +13,9 @@
         flex-direction: row;
         align-items: center;
 
+        .copy-left {
+            transform: rotate(180deg);
+        }
         a {
             text-decoration: none;
             color: rgba(255,255,255,.6);

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

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FooterComponent } from './footer.component';
-
-describe('FooterComponent', () => {
-  let component: FooterComponent;
-  let fixture: ComponentFixture<FooterComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FooterComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(FooterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,11 +1,12 @@
 import { Component } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule } from '@angular/router';
 
 @Component({
   selector: 'app-footer',
   standalone: true,
-  imports: [MatIconModule, RouterModule],
+  imports: [MatIconModule, MatTooltipModule, RouterModule],
   templateUrl: './footer.component.html',
   styleUrl: './footer.component.scss'
 })

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

@@ -1,5 +1,5 @@
 <div class="left">
-    <button type="button" (click)="sideMenu.open()" matTooltip="Click to show side menu">
+    <button type="button" (click)="sideMenu.open()" matTooltip="Click to show side menu" i18n-matTooltip>
         <mat-icon>menu</mat-icon>
     </button>
     <a [routerLink]="['/home']">
@@ -13,11 +13,24 @@
 </div>
 
 <div class="right">
-    <ng-container *ngIf="isAuthenticated; else anonymousRightMenu">
-        <a [routerLink]="['/disconnect']" class="button" matRipple>Disconnect</a>
-    </ng-container>
-    <ng-template #anonymousRightMenu>
-        <a [routerLink]="['/login']" class="button" matRipple>Login</a>
-    </ng-template>
+    @if (isAuthenticated) {
+        <button mat-button class="button" [matMenuTriggerFor]="authenticatedUserMenu">
+            <mat-icon>more_vert</mat-icon>
+        </button>
+        <mat-menu #authenticatedUserMenu="matMenu">
+            <div class="authenticated-user-menu">
+                <a [routerLink]="['/my-publications']" matRipple i18n>
+                    <mat-icon>description</mat-icon>
+                    My publications
+                </a>
+                <a [routerLink]="['/disconnect']" matRipple class="disconnection" i18n>
+                    <mat-icon>logout</mat-icon>
+                    Disconnect
+                </a>
+            </div>
+        </mat-menu>
+    } @else {
+        <a [routerLink]="['/login']" class="button" matRipple i18n>Login</a>
+    }
 </div>
 <app-side-menu #sideMenu></app-side-menu>

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

@@ -62,11 +62,10 @@ $headerHeight: 3.5em;
     
                 .title {
                     font-size: 1.5em;
-                    opacity: 0;
-                    transition: opacity .2s ease-in-out;
+                    display: none;
 
                     @media screen and (min-width: 600px) {
-                        opacity: 1;
+                        display: block;
                     }
                 }
             }
@@ -139,6 +138,28 @@ $headerHeight: 3.5em;
                     background-color: #5c6bc0;
                 }
             }
+
+             button {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                min-width: 2.5em;
+                color: white;
+                margin: 0.5em 0.5em;
+                border-radius: 10em;
+                text-decoration: none;
+                padding: 0;
+                background-color: #3f51b5;
+                transition: background-color .2s ease-in-out;
+
+                &:hover {
+                    background-color: #5c6bc0;
+                }
+
+                mat-icon {
+                    margin: 0;
+                }
+            }
         }
     }
 }
@@ -146,3 +167,36 @@ $headerHeight: 3.5em;
 app-side-menu {
     height: 100%;
 }
+
+.authenticated-user-menu {
+    display: flex;
+    flex-direction: column;
+    padding: 0.2em 0;
+
+    a {
+        flex: 1;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        text-decoration: none;
+        background-color: white;
+        color: black;
+        padding: 1em;
+        gap: .5em;
+        transition: background-color .2s ease-in-out, color .2s ease-in-out;
+
+        &:hover {
+            background-color: #5c6bc0;
+            color: white;
+        }
+
+        &.disconnection {
+            color: #D50000;
+
+            &:hover {
+                background-color: #E53935;
+                color: white;
+            }
+        }
+    }
+}

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

@@ -1,14 +1,15 @@
+import { CommonModule } from '@angular/common';
 import { Component, inject } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
+import { MatRippleModule } from '@angular/material/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule } from '@angular/router';
 import { AuthenticationService } from '../../core/service/authentication.service';
-import { CommonModule } from '@angular/common';
-import { SideMenuComponent } from '../side-menu/side-menu.component';
-import { MatRippleModule } from '@angular/material/core';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { PublicationsSearchBarComponent } from '../publications-search-bar/publications-search-bar.component';
-import { MatTooltipModule } from '@angular/material/tooltip';
+import { SideMenuComponent } from '../side-menu/side-menu.component';
 
 @Component({
   selector: 'app-header',
@@ -17,12 +18,13 @@ import { MatTooltipModule } from '@angular/material/tooltip';
     CommonModule,
     MatButtonModule,
     MatIconModule,
+    MatMenuModule,
+    MatRippleModule,
+    MatTooltipModule,
+    PublicationsSearchBarComponent,
+    ReactiveFormsModule,
     RouterModule,
     SideMenuComponent,
-    MatRippleModule,
-    ReactiveFormsModule,
-    PublicationsSearchBarComponent,
-    MatTooltipModule
   ],
   templateUrl: './header.component.html',
   styleUrl: './header.component.scss',
@@ -34,8 +36,4 @@ export class HeaderComponent {
   get isAuthenticated(): boolean {
     return this.authenticationService.isAuthenticated();
   }
-  
-  searchPublications(): void {
-
-  }
 }

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

@@ -2,12 +2,12 @@
     <mat-icon>close</mat-icon>
 </button>
 <header>
-    <h1>Add a code block</h1>
+    <h1 i18n>Add a code block</h1>
 </header>
 <form [formGroup]="formGroup" (submit)="closeAndValidate()" ngNativeValidate>
     <div class="form-content">
         <mat-form-field>
-            <mat-label>Programming language</mat-label>
+            <mat-label i18n>Programming language</mat-label>
             <mat-select #programmingLanguageSelect formControlName="programmingLanguage">
                 @for(programmingLanguage of programmingLanguages; track programmingLanguage) {
                     <mat-option [value]="programmingLanguage.code">
@@ -17,15 +17,15 @@
             </mat-select>
         </mat-form-field>
         <mat-form-field>
-            <mat-label>Code block</mat-label>
+            <mat-label i18n>Code block</mat-label>
             <textarea matInput formControlName="codeBlock"></textarea>
         </mat-form-field>
     </div>
     <div class="actions">
-        <button type="submit">
+        <button type="submit" i18n>
             Validate
         </button>
-        <button type="button" (click)="closeDialog()" class="secondary">
+        <button type="button" (click)="closeDialog()" class="secondary" i18n>
             Cancel
         </button>
     </div>

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

@@ -16,22 +16,70 @@ export const PROGRAMMING_LANGUAGES: ProgramingLanguage[] = [
         code: 'bash',
         label: 'Bash'
     },
+    {
+        code: 'c',
+        label: 'C'
+    },
+    {
+        code: 'cpp',
+        label: 'C++'
+    },
+    {
+        code: 'cs',
+        label: 'C#'
+    },
+    {
+        code: 'lua',
+        label: 'Lua'
+    },
     {
         code: 'java',
         label: 'Java'
     },
+    {
+        code: 'json5',
+        label: 'JSON'
+    },
+    {
+        code: 'kt',
+        label: 'Kotlin'
+    },
     {
         code: 'markup',
         label: 'html/xml'
     },
+    {
+        code: 'php',
+        label: 'PHP'
+    },
+    {
+        code: 'plsql',
+        label: 'PL/SQL'
+    },
     {
         code: 'python',
         label: 'Python'
     },
+    {
+        code: 'powershell',
+        label: 'PowerShell'
+    },
+    {
+        code: 'rust',
+        label: 'Rust'
+    },
     {
         code: 'sql',
         label: 'SQL'
-    }
+    },
+    {
+        code: 'ts',
+        label: 'Typescript'
+    },
+    {
+        code: 'yml',
+        label: 'YAML'
+    },
 ];
 
 @Component({

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

@@ -2,27 +2,27 @@
     <mat-icon>close</mat-icon>
 </button>
 <header>
-    <h1>Select an illustration:</h1>
+    <h1 i18n>Select an illustration</h1>
 </header>
 <div class="picture-container">
     @if (isLoading) {
-        <h2>Pictures loading...</h2>
+        <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"/>
+                <img src="/api/pictures/{{picture.id}}" (click)="selectPicture(picture)" matTooltip="Choose this illustration" i18n-matTooltip/>
             }
         } @else {
-            <h2>There is no any picture.</h2>
+            <h2 i18n>There is no any picture.</h2>
         }
     }
 </div>
 <footer>
-    <button type="button" class="secondary" matRipple (click)="closeDialog()">
+    <button type="button" class="secondary" matRipple (click)="closeDialog()" i18n>
         Cancel
     </button>
-    <button type="button" (click)="fileUpload.click()" matRipple>
+    <button type="button" (click)="fileUpload.click()" matRipple i18n>
         <mat-icon>upload_file</mat-icon>
         Add new picture
     </button>

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

@@ -34,9 +34,9 @@ export class PictureSelectionDialog implements OnInit {
                 if (error.status === 401) {
                     this.dialogRef.close();
                 } else {
-                    const errorMessage = 'An error occured while loading pictures.';
+                    const errorMessage = $localize`An error occured while loading pictures.`;
                     console.error(errorMessage, error);
-                    this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                 }
             })
             .finally(() => {
@@ -53,7 +53,18 @@ export class PictureSelectionDialog implements OnInit {
         this.dialogRef.close();
     }
 
-    uploadPicture(file: any): void {
-        console.log("uploadFile", file);
+    uploadPicture(fileSelectionEvent: any): void {
+        const pictureFile = fileSelectionEvent.target.files[0];
+        if (pictureFile) {
+            this.pictureRestService.uploadPicture(pictureFile)
+                .then(pictureId => {
+                    this.dialogRef.close(pictureId);
+                })
+                .catch(error => {
+                    const errorMessage = $localize`A technical error occured while uploading your picture.`;
+                    console.error(errorMessage, error);
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+                });
+        }
     }
 }

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

@@ -16,9 +16,9 @@ export class PictureSelectionDialogService {
                 this.dialogRef.close(pictureId);
             })
             .catch(error => {
-                const errorMessage = 'An error occured while uploading a picture...';
+                const errorMessage = $localize`An error occured while uploading a picture...`;
                 console.error(errorMessage, error);
-                this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
             });
     }
 }

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

@@ -0,0 +1,100 @@
+<form [formGroup]="publicationEditionForm" (submit)="save()" ngNativeValidate>
+    <header>
+        <h1>{{title}}</h1>
+    </header>
+
+    <mat-tab-group dynamicHeight (selectedIndexChange)="onTabChange($event)">
+        <mat-tab label="Edition" i18n-label>
+            <div class="form-content">
+                <div class="first-part">
+                    <div>
+                        <mat-form-field>
+                            <mat-label i18n>Title</mat-label>
+                            <input matInput type="text" formControlName="title" />
+                        </mat-form-field>
+                        <mat-form-field>
+                            <mat-label i18n>Description</mat-label>
+                            <input matInput type="text" formControlName="description" />
+                        </mat-form-field>
+                        <mat-form-field>
+                            <mat-label i18n>Category</mat-label>
+                            <mat-select formControlName="categoryId">
+                                @for (category of categories$ | async; track category) {
+                                    <mat-option [value]="category.id">
+                                        {{ category.name }}
+                                    </mat-option>
+                                }
+                            </mat-select>
+                        </mat-form-field>
+                    </div>
+
+                    <div class="picture-container">
+                        <img [src]="publication.illustrationId.length ? '/api/pictures/' + publication.illustrationId : '/assets/images/default-picture.png'"
+                            (click)="displayPictureSectionDialog()"
+                            matTooltip="Click to change illustration"
+                            i18n-matTooltip/>
+                    </div>
+                </div>
+
+                <div class="actions">
+                    <button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(1)" i18n-matTooltip>
+                        H1
+                    </button>
+                    <button type="button" matTooltip="Click to insert a title 2 section" (click)="insertTitle(2)" i18n-matTooltip>
+                        H2
+                    </button>
+                    <button type="button" matTooltip="Click to insert a title 3 section" (click)="insertTitle(3)" i18n-matTooltip>
+                        H3
+                    </button>
+                    <button type="button" matTooltip="Click to insert a picture" (click)="selectAPicture()" i18n-matTooltip>
+                        <mat-icon>image</mat-icon>
+                    </button>
+                    <button type="button" matTooltip="Click to insert a link" (click)="insertLink()" i18n-matTooltip>
+                        <mat-icon>link</mat-icon>
+                    </button>
+                    <button type="button" matTooltip="Click to insert a code block" (click)="displayCodeBlockDialog()" i18n-matTooltip>
+                        <mat-icon>code</mat-icon>
+                    </button>
+                    <button type="button" disabled matTooltip="Click to display editor help" i18n-matTooltip>
+                        <mat-icon>help</mat-icon>
+                    </button>
+                </div>
+                <mat-form-field>
+                    <mat-label i18n>Content</mat-label>
+                    <textarea 
+                        #textArea
+                        matInput
+                        formControlName="text"
+                        class="text-input"
+                        (keyup)="updateCursorPosition($event)"
+                        (click)="updateCursorPosition($event)">
+                    </textarea>
+                </mat-form-field>
+            </div>
+        </mat-tab>
+
+        <mat-tab label="Previewing" i18n-label>
+            <div class="preview">
+                @if ((isPreviewing$ | async) === true) {
+                    <div class="preview-loading">
+                        <h2 i18n>Preview is loading...</h2>
+                        <mat-spinner></mat-spinner>
+                    </div>
+                } @else {
+                    <img class="illustration" src="/api/pictures/{{ publication.illustrationId }}" />
+                    <header>
+                        <h1>{{ publication.title }}</h1>
+                        <h2>{{ publication.description }}</h2>
+                    </header>
+                    <main [innerHTML]="publicationInEdition.parsedText"></main>
+                }
+            </div>
+        </mat-tab>
+    </mat-tab-group>
+    <footer>
+        <app-submit-button label="Save" [requestPending]="!!(isSaving$ | async)" i18n-label></app-submit-button>
+        <button type="button" class="secondary" (click)="goPreviousLocation()" i18n>
+            Cancel
+        </button>
+    </footer>
+</form>

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

@@ -11,7 +11,7 @@
         border-radius: .5em;
         box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
 
-        header {
+        & > header {
             padding: 2em;
             background-color: #3f51b5;
             color: white;
@@ -113,10 +113,6 @@
     }
 }
 
-:host ::ng-deep .test circle { 
-    stroke: white;
-}
-
 button, a.button {
     padding: .8em 1.2em;
     border-radius: 10em;
@@ -145,3 +141,44 @@ button, a.button {
         }
     }
 }
+
+.preview {
+    display: flex;
+    flex-direction: column;
+    max-height: 80vh;
+    overflow-y: auto;
+
+    .preview-loading {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .illustration {
+        flex: 1;
+        height: 12em;
+        object-fit: cover;
+        transition: height .2s ease-in-out;
+
+        @media screen and (min-width: 450px) {
+            height: 15em;
+        }
+
+        @media screen and (min-width: 600px) {
+            height: 20em;
+        }
+
+        @media screen and (min-width: 750px) {
+            height: 25em;
+        }
+    }
+
+    header {
+        padding: 2em;
+    }
+
+    main {
+        padding: 2em;
+        text-align: justify;
+    }
+}

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

@@ -0,0 +1,191 @@
+import { CommonModule, Location } from "@angular/common";
+import { Component, EventEmitter, inject, Input, OnChanges, OnDestroy, Output } from "@angular/core";
+import { FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators } from "@angular/forms";
+import { MatDialogModule } from "@angular/material/dialog";
+import { MatIconModule } from "@angular/material/icon";
+import { MatInputModule } from "@angular/material/input";
+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 { Category } from "../../core/rest-services/category/model/category";
+import { 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";
+
+@Component({
+    selector: 'app-publication-edition',
+    standalone: true,
+    templateUrl: './publication-edition.component.html',
+    styleUrl: './publication-edition.component.scss',
+    imports: [
+        CommonModule,
+        MatDialogModule,
+        MatIconModule,
+        MatInputModule,
+        MatProgressSpinnerModule,
+        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>();
+
+    publicationInEdition!: Publication;
+    private readonly categoryService = inject(CategoryService);
+    private readonly formBuilder = inject(FormBuilder);
+    private readonly location = inject(Location);
+    private readonly publicationEditionService = inject(PublicationEditionService);
+    private subscriptions: Subscription[] = [];
+
+    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]),
+        illustrationId: new FormControl<string | undefined>('', [Validators.required]),
+        categoryId: new FormControl<string | undefined>('', [Validators.required])
+    });
+
+    get isLoading$(): Observable<boolean> {
+        return this.publicationEditionService.isLoading$;
+    }
+
+    get isPreviewing$(): Observable<boolean> {
+        return this.publicationEditionService.isPreviewing$;
+    }
+
+    get categories$(): Observable<Category[]> {
+        return this.categoryService.categories$
+            .pipe(
+                map(categories =>
+                    categories.filter(category => category.subCategories.length == 0)
+                    .sort(this.byNameAscComparator())
+                )
+            );
+    }
+
+    private byNameAscComparator(): (categoryA: Category, categoryB: Category) => number {
+        return (categoryA, categoryB) => this.compareStrings(categoryA.name, categoryB.name);
+    }
+
+    private compareStrings(stringA: string, stringB: string): number {
+        if (stringA < stringB) {
+            return -1;
+        }
+        if (stringA > stringB) {
+            return 1;
+        }
+        return 0;
+    }
+    
+    ngOnChanges(): void {
+        this.ngOnDestroy();
+
+        this.publicationInEdition = this.publication;
+        this.publicationEditionService.init(this.publicationInEdition);
+
+        ['title', 'description', 'text'].forEach(fieldName => {
+            const fieldSubscription = this.publicationEditionForm.controls[fieldName].valueChanges
+                .pipe(
+                    map(value => value?.length ? value as string : '')
+                )
+                .subscribe(fieldValue => {
+                    switch (fieldName) {
+                        case 'title':
+                            this.publicationEditionService.editTitle(fieldValue);
+                            break;
+                        case 'description':
+                            this.publicationEditionService.editDescription(fieldValue);
+                            break;
+                        case 'text':
+                            this.publicationEditionService.editText(fieldValue);
+                            break;
+                        default:
+                            break;
+                    }
+                });
+            this.subscriptions.push(fieldSubscription);
+        });
+
+        const categoryIdChangeSubscription = this.publicationEditionForm.controls['categoryId'].valueChanges
+            .subscribe(newCategoryId => {
+                this.publicationEditionService.editCategoryId(newCategoryId);
+            });
+        this.subscriptions.push(categoryIdChangeSubscription);
+
+        const publicationSubscription = this.publicationEditionService.state$.subscribe(state => {
+            console.log(state.publication.parsedText.substring(0, 15));
+            this.publicationInEdition = state.publication;
+            this.publicationEditionForm.controls['title'].setValue(this.publicationInEdition.title, { emitEvent: false });
+            this.publicationEditionForm.controls['description'].setValue(this.publicationInEdition.description, { emitEvent: false });
+            this.publicationEditionForm.controls['text'].setValue(this.publicationInEdition.text, { emitEvent: false });
+            this.publicationEditionForm.controls['illustrationId'].setValue(this.publicationInEdition.illustrationId, { emitEvent: false });
+            this.publicationEditionForm.controls['categoryId'].setValue(this.publicationInEdition.categoryId, { emitEvent: false });
+        });
+        this.subscriptions.push(publicationSubscription);
+    }
+
+    ngOnDestroy(): void {
+        this.subscriptions.forEach(subscription => subscription?.unsubscribe());
+    }
+
+    goPreviousLocation(): void {
+        this.location.back();
+    }
+
+    insertTitle(titleNumber: number): void {
+        this.publicationEditionService.insertTitle(titleNumber);
+    }
+
+    selectAPicture(): void {
+        this.publicationEditionService.selectAPicture();
+    }
+
+    insertLink(): void {
+        this.publicationEditionService.insertLink();
+    }
+
+    displayCodeBlockDialog(): void {
+        this.publicationEditionService.displayCodeBlockDialog();
+    }
+
+    save(): void {
+        this.publicationSave.emit(this.publicationInEdition);
+    }
+
+    displayPictureSectionDialog(): void {
+        this.publicationEditionService.displayPictureSectionDialog();
+    }
+
+    updateCursorPosition(event: KeyboardEvent | MouseEvent): void {
+        if (event.target) {
+            const textarea = event.target as HTMLTextAreaElement;
+
+            const positionStart = textarea.selectionStart;
+            const positionEnd = textarea.selectionEnd;
+
+            this.publicationEditionService.editCursorPosition(positionStart, positionEnd);
+        }
+    }
+
+    onTabChange(tabSelectedIndex: number): void {
+        if (tabSelectedIndex === 1) {
+            this.publicationEditionService.loadPreview();
+        }
+    }
+}

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

@@ -1,14 +1,17 @@
 import { Location } from "@angular/common";
 import { inject, Injectable, OnDestroy } from "@angular/core";
+import { MatDialog } from "@angular/material/dialog";
 import { MatSnackBar } from "@angular/material/snack-bar";
-import { ActivatedRoute, Router } from "@angular/router";
-import { BehaviorSubject, Observable, Subscription, timeout } from "rxjs";
+import { ActivatedRoute } from "@angular/router";
+import { BehaviorSubject, Observable, Subscription } from "rxjs";
 import { 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 { MatDialog } from "@angular/material/dialog";
-import { PictureSelectionDialog } from "./picture-selection-dialog/picture-selection-dialog.component";
+import { copy } from "../../core/utils/ObjectUtils";
 import { CodeBlockDialog } from "./code-block-dialog/code-block-dialog.component";
+import { PictureSelectionDialog } from "./picture-selection-dialog/picture-selection-dialog.component";
+import { PreviewContentRequest } from "../../core/rest-services/publications/model/preview";
+
+declare let Prism: any;
 
 export class CursorPosition {
     start: number;
@@ -56,7 +59,6 @@ export class PublicationEditionService implements OnDestroy {
     private readonly activatedRoute = inject(ActivatedRoute);
     private readonly publicationRestService = inject(PublicationRestService);
     private readonly location = inject(Location);
-    private readonly router = inject(Router);
     private readonly snackBar = inject(MatSnackBar);
     private readonly dialog = inject(MatDialog);
 
@@ -64,6 +66,7 @@ export class PublicationEditionService implements OnDestroy {
     private stateSubject = new BehaviorSubject<PublicationEditionState>(copy(DEFAULT_STATE));
     private subscriptions: Subscription[] = [];
     private isSavingSubject = new BehaviorSubject<boolean>(false);
+    private isPreviewingSubject = new BehaviorSubject<boolean>(false);
 
     ngOnDestroy(): void {
         this.subscriptions.forEach(subscription => subscription.unsubscribe());
@@ -85,6 +88,10 @@ export class PublicationEditionService implements OnDestroy {
         return this.isSavingSubject.asObservable();
     }
 
+    get isPreviewing$(): Observable<boolean> {
+        return this.isPreviewingSubject.asObservable();
+    }
+
     get state$(): Observable<PublicationEditionState> {
         return this.stateSubject.asObservable();
     }
@@ -95,7 +102,7 @@ export class PublicationEditionService implements OnDestroy {
         this.activatedRoute.paramMap.subscribe(params => {
             const publicationId = params.get('publicationId');
             if (publicationId == undefined) {
-                this.snackBar.open('A technical error occurred while loading publication data.', 'Close', {duration: 5000});
+                this.snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, { duration: 5000 });
                 this.location.back();
             } else {
                 this.publicationRestService.getById(publicationId)
@@ -105,8 +112,8 @@ export class PublicationEditionService implements OnDestroy {
                     this.stateSubject.next(state);
                 })
                 .catch(error => {
-                    const errorMessage = 'A technical error occurred while loading publication data.';
-                    this.snackBar.open(errorMessage, 'Close', {duration: 5000});
+                    const errorMessage = $localize`A technical error occurred while loading publication data.`;
+                    this.snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
                     console.error(errorMessage, error)
                 })
                 .finally(() => this.isLoadingSubject.next(false));
@@ -114,6 +121,12 @@ export class PublicationEditionService implements OnDestroy {
           });
     }
 
+    init(publication: Publication): void {
+        const state = this._state;
+        state.publication = publication;
+        this.stateSubject.next(state);
+    }
+
     editTitle(title: string): void {
         const state = this._state;
         state.publication.title = title;
@@ -126,6 +139,12 @@ export class PublicationEditionService implements OnDestroy {
         this._save(state);
     }
 
+    editCategoryId(categoryId: string): void {
+        const state = this._state;
+        state.publication.categoryId = categoryId;
+        this._save(state);
+    }
+
     editText(text: string): void {
         const state = this._state;
         state.publication.text = text;
@@ -246,20 +265,24 @@ export class PublicationEditionService implements OnDestroy {
         this._save(state);
     }
 
-    save(): void {
+    loadPreview(): void {
         const state = this._state;
 
-        this.isSavingSubject.next(true);
-        this.publicationRestService.update(state.publication)
-            .then(() => {
-                this.snackBar.open('Publication updated succesfully!', 'Close', { duration: 5000 });
-                this.router.navigate(['/home']);
+        this.isPreviewingSubject.next(true);
+        const request: PreviewContentRequest = {
+            text: state.publication.text
+        };
+        this.publicationRestService.preview(request)
+            .then(response => {
+                state.publication.parsedText = response.text;
+                this._save(state);
+                setTimeout(() => Prism.highlightAll(), 1000);
             })
             .catch(error => {
-                const errorMessage = 'An error occured while saving publication modifications.';
-                console.error(errorMessage, error);
-                this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                console.error(error);
             })
-            .finally(() => this.isSavingSubject.next(false));
+            .finally(() => {
+                this.isPreviewingSubject.next(false);
+            });
     }
 }

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

@@ -1,15 +1,15 @@
 @for(publication of publications$ | async; track publication) {
     <a [routerLink]="['/publications/' + publication.id]" class="publication">
-        <img src="/pictures/{{ publication.illustrationId }}"/>
+        <img src="/api/pictures/{{ publication.illustrationId }}"/>
         <div class="body">
             <h1>{{publication.title}}</h1>
             <h2>{{publication.description}}</h2>
         </div>
         <div class="footer">
-            <img src="/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name"/>
-            Publication posted by {{publication.author.name}}
+            <img src="/api/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name"/>
+            <span i18n>Publication posted by {{publication.author.name}}</span>
             <span class="publication-date">
-                ({{ publication.creationDate | date: 'short' : 'fr-Fr' }})
+                ({{ publication.creationDate | date: 'short' }})
             </span>
         </div>
     </a>

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

@@ -1,5 +1,5 @@
 <form [formGroup]="formGroup">
-    <input name="search-query" placeholder="Search something..." formControlName="criteria"/>
+    <input name="search-query" placeholder="Search something..." formControlName="criteria" i18n-placeholder/>
     <button type="submit" (click)="searchPublications()">
         <mat-icon>search</mat-icon>
     </button>

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

@@ -1,18 +0,0 @@
-import { HttpParams } from "@angular/common/http";
-import { inject, Injectable } from "@angular/core";
-import { Router } from "@angular/router";
-import { BehaviorSubject } from "rxjs";
-
-@Injectable()
-export class PublicationsSearchBarService {
-    private router = inject(Router);
-    private criteriaSubject = new BehaviorSubject<string>('');
-
-    private cri
-
-    searchPublications(): void {
-        let queryParams = new HttpParams();
-        queryParams = queryParams.set('query', this.criteriaSubject.value);
-        this.router.navigate(['/publications'], {queryParams});
-    }
-}

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

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

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

@@ -1,9 +1,10 @@
 import { CommonModule } from "@angular/common";
-import { Component, EventEmitter, inject, OnInit, Output } from "@angular/core";
+import { Component, EventEmitter, inject, OnDestroy, OnInit, Output, signal } from "@angular/core";
 import { MatIconModule } from "@angular/material/icon";
 import { DisplayableCategory, SideMenuService } from "../side-menu.service";
-import { Observable } from "rxjs";
+import { Observable, Subscription } from "rxjs";
 import { RouterModule } from "@angular/router";
+import { Category } from "../../../core/rest-services/category/model/category";
 
 @Component({
 	selector: 'app-categories-menu',
@@ -12,17 +13,21 @@ import { RouterModule } from "@angular/router";
   templateUrl: './categories-menu.component.html',
   styleUrl: './categories-menu.component.scss'
 })
-export class CategoriesMenuComponent implements OnInit {
-  private sideMenuService = inject(SideMenuService);
+export class CategoriesMenuComponent implements OnInit, OnDestroy {
   @Output()
   categoryClicked = new EventEmitter<void>();
+  private sideMenuService = inject(SideMenuService);
+  private categoriesSubscription?: Subscription;
+  categories = signal<DisplayableCategory[]>([]);
 
   ngOnInit(): void {
+    this.categoriesSubscription = this.sideMenuService.categories$
+      .subscribe(categories => this.categories.set(categories));
     this.sideMenuService.loadCategories();
   }
 
-  get categories$(): Observable<DisplayableCategory[]> {
-    return this.sideMenuService.categories$;
+  ngOnDestroy(): void {
+    this.categoriesSubscription?.unsubscribe();
   }
 
   setOpenned(category: DisplayableCategory): void {

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

@@ -1,14 +1,14 @@
-<div class="menu {{ isOpenned ? 'displayed' : '' }}">
+<div class="menu {{ isOpenned() ? 'displayed' : '' }}">
     <h1>
         <a [routerLink]="['/home']">
             <img src="assets/images/codiki.png" alt="logo"/>
             Codiki
         </a>
-        <button type="button" (click)="close()" matTooltip="Close the menu">
+        <button type="button" (click)="close()" matTooltip="Close the menu" i18n-matTooltip>
             <mat-icon>close</mat-icon>
         </button>
     </h1>
-    <h2>Catégories</h2>
+    <h2 i18n>Categories</h2>
     <app-categories-menu (categoryClicked)="close()"></app-categories-menu>
 </div>
-<div class="overlay {{ isOpenned ? 'displayed' : ''}}" (click)="close()"></div>
+<div class="overlay {{ isOpenned() ? 'displayed' : ''}}" (click)="close()"></div>

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

@@ -12,7 +12,7 @@
         bottom: 0;
         transition: left .2s ease-in-out;
         width: $categoriesMenuWidth;
-        z-index: 2;
+        z-index: 3;
         padding: 1em 0;
 
         &.displayed {
@@ -77,6 +77,7 @@
         height: 100%;
         background-color: #000;
         opacity: .2;
+        z-index: 2;
 
         &.displayed {
             display: block;

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';
@@ -12,13 +12,13 @@ import { CategoriesMenuComponent } from './categories-menu/categories-menu.compo
   styleUrl: './side-menu.component.scss'
 })
 export class SideMenuComponent {
-  isOpenned: boolean = false;
+  isOpenned = signal(false);
 
   open(): void {
-    this.isOpenned = true;
+    this.isOpenned.set(true);
   }
 
   close(): void {
-    this.isOpenned = false;
+    this.isOpenned.set(false);
   }
 }

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

@@ -1,9 +1,8 @@
-import { Injectable, OnDestroy, inject } from '@angular/core';
-import { CategoryService } from '../../core/service/category.service';
-import { BehaviorSubject, Observable, Subscription, map } from 'rxjs';
-import { Category } from '../../core/rest-services/category/model/category';
-import { CategoryRestService } from '../../core/rest-services/category/category.rest-service';
+import { Injectable, inject } 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';
 
 export interface DisplayableCategory {
   id: string;
@@ -20,31 +19,13 @@ export interface DisplayableSubCategory {
 @Injectable({
   providedIn: 'root'
 })
-export class SideMenuService implements OnDestroy {
+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);
 
-  constructor() {
-    // this.categoriesSubscription = this.categoryService.categories$
-    //   .pipe(
-    //     map(categories =>
-    //       categories
-    //         .filter(category => category.subCategories?.length)
-    //         .map(category => 
-    //           this.mapToDisplayableCategory(category)
-    //         )
-    //     )
-    //   )
-    //   .subscribe(categories => this.categoriesSubject.next(categories));
-  }
-
-  ngOnDestroy(): void {
-    // this.categoriesSubscription?.unsubscribe();
-  }
-
   private mapToDisplayableCategory(category: Category): DisplayableCategory {
     return {
       id: category.id,
@@ -89,9 +70,9 @@ export class SideMenuService implements OnDestroy {
         this.categoriesSubject.next(displayableCategories);
       })
       .catch(error => {
-        const errorMessage = "An error occured while loading categories.";
+        const errorMessage = $localize`An error occured while loading categories.`;
         console.error(errorMessage, error);
-        this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+        this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
       })
       .finally(() => {
         this.isLoadingSubject.next(false);

frontend/src/app/core/guard/authentication.guard.ts

@@ -12,7 +12,7 @@ export const authenticationGuard: CanActivateFn = () => {
         return true;
     } else {
         router.navigate(['/login']);
-        snackBar.open('You are unauthenticated. Please, log-in first.', 'Close', { duration: 5000 });
+        snackBar.open($localize`You are unauthenticated. Please, log-in first.`, $localize`Close`, { duration: 5000 });
         return false;
     }
 }

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

@@ -49,6 +49,7 @@ export class JwtInterceptor implements HttpInterceptor {
                 this.userRestService.refreshToken(refreshTokenRequest)
                     .then(refreshTokenResponse => {
                         this.authenticationService.authenticate(refreshTokenResponse.accessToken, refreshTokenResponse.refreshToken);
+                        this.refreshTokenSubject.next(refreshTokenResponse.accessToken);
                     })
                     .catch(() => {
                         return this.handleNoRefreshToken(initialError);
@@ -82,7 +83,7 @@ export class JwtInterceptor implements HttpInterceptor {
         this.router.navigate(['/login']);
         this.refreshTokenSubject.next(undefined);
         this.authenticationService.unauthenticate();
-        this.snackBar.open('You are unauthenticated. Please, re-authenticate before retrying your action.', 'Close', { duration: 5000 });
+        this.snackBar.open($localize`You are unauthenticated. Please, re-authenticate before retrying your action.`, $localize`Close`, { duration: 5000 });
         return throwError(() => initialError);
     }
 }

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

@@ -0,0 +1,7 @@
+export interface PreviewContentRequest {
+    text: string;
+}
+
+export interface PreviewContentResponse {
+    text: string;
+}

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

@@ -1,7 +1,8 @@
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { Injectable, inject } from '@angular/core';
-import { lastValueFrom } from 'rxjs';
+import { last, lastValueFrom } from 'rxjs';
 import { Publication } from './model/publication';
+import { PreviewContentRequest, PreviewContentResponse } from './model/preview';
 
 @Injectable({
   providedIn: 'root'
@@ -17,6 +18,10 @@ export class PublicationRestService {
     return lastValueFrom(this.httpClient.get<Publication>(`/api/publications/${publicationId}`));
   }
 
+  create(publication: Publication): Promise<void> {
+    return lastValueFrom(this.httpClient.post<void>('/api/publications', publication));
+  }
+
   update(publication: Publication): Promise<void> {
     return lastValueFrom(this.httpClient.put<void>(`/api/publications/${publication.id}`, publication));
   }
@@ -26,4 +31,12 @@ export class PublicationRestService {
     params = params.set('query', searchCriteria);
     return lastValueFrom(this.httpClient.get<Publication[]>('/api/publications', { params }));
   }
+
+  preview(request: PreviewContentRequest): Promise<PreviewContentResponse> {
+    return lastValueFrom(this.httpClient.post<PreviewContentResponse>('/api/publications/preview', request));
+  }
+
+  delete(publicationId: string): Promise<void> {
+    return lastValueFrom(this.httpClient.delete<void>(`/api/publications/${publicationId}`));
+  }
 }

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

@@ -29,16 +29,7 @@ export class AuthenticationService {
     }
     
     isAuthenticated(): boolean {
-        let result = false;
-
-        const userDetails = this.extractUserDetails();
-        
-        if (userDetails) {
-            const authenticationExpiration = new Date(userDetails.exp * 1000);
-            result = authenticationExpiration > new Date();
-        }
-
-        return result;
+        return !!localStorage.getItem(JWT_PARAM);
     }
 
     getAuthenticatedUser(): User | undefined {

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

@@ -18,7 +18,7 @@ export class CategoryService {
     if (!this.categories?.length) {
       this.categoryRestService.getCategories()
         .then(categories => this.categoriesSubject.next(categories))
-        .catch(error => console.error('An error occured while loading categories.', error));
+        .catch(error => console.error($localize`An error occured while loading categories.`, error));
     }
     return this.categoriesSubject.asObservable();
   }

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

@@ -1,2 +1,2 @@
-<h1>Disconnection...</h1>
+<h1 i18n>Disconnection...</h1>
 <mat-spinner></mat-spinner>

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

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

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

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HomeComponent } from './home.component';
-
-describe('HomeComponent', () => {
-  let component: HomeComponent;
-  let fixture: ComponentFixture<HomeComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HomeComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(HomeComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,32 +1,44 @@
-import { Component, OnInit, inject } from '@angular/core';
-import { HomeService } from './home.service';
-import { Observable } from 'rxjs';
-import { Publication } from '../../core/rest-services/publications/model/publication';
-import { RouterModule } from '@angular/router';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { CommonModule } from '@angular/common';
+import { Component, OnDestroy, OnInit, inject, signal } from '@angular/core';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { Observable, Subscription } 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: [PublicationListComponent],
+  imports: [
+    CommonModule,
+    MatProgressSpinnerModule,
+    PublicationListComponent
+  ],
   templateUrl: './home.component.html',
   styleUrl: './home.component.scss',
   providers: [HomeService]
 })
-export class HomeComponent implements OnInit {
+export class HomeComponent implements OnInit, OnDestroy {
   private homeService = inject(HomeService);
-
-  get isLoading$(): Observable<boolean> {
-    return this.homeService.isLoading$;
-  }
+  private isLoadingSubscription?: Subscription;
+  private publicationsSubscription?: Subscription;
+  isLoading = signal(false);
+  publicationsIsEmpty = signal(true);
 
   get publications$(): Observable<Publication[]> {
     return this.homeService.publications$;
   }
   
   ngOnInit(): void {
+    this.isLoadingSubscription = this.homeService.isLoading$
+      .subscribe(isLoading => this.isLoading.set(isLoading));
+    this.publicationsSubscription = this.homeService.publications$
+      .subscribe(publications => this.publicationsIsEmpty.set(publications.length > 0));
     this.homeService.startLatestPublicationsRetrieving();
   }
+
+  ngOnDestroy(): void {
+    this.isLoadingSubscription?.unsubscribe();
+    this.publicationsSubscription?.unsubscribe();
+  }
 }

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

@@ -26,8 +26,9 @@ export class HomeService {
         this.publicationRestService.getLatest()
             .then(publications => this.publicationsSubject.next(publications))
             .catch(error => {
-                this.snackBar.open('An error occurred while retrieving latest publications...');
-                console.error('An error occurred while retrieving latest publications...', 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));
     }

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

@@ -1,8 +1,8 @@
 <form [formGroup]="loginForm" (submit)="performLogin()" ngNativeValidate>
-    <h1>Login</h1>
+    <h1 i18n>Login</h1>
     <div>
         <mat-icon>mail</mat-icon>
-        <label for="email">
+        <label for="email" i18n>
             Email address
             <span class="required">*</span>
         </label>
@@ -10,14 +10,14 @@
     </div>
     <div>
         <mat-icon>lock</mat-icon>
-        <label for="password">
+        <label for="password" i18n>
             Password
             <span class="required">*</span>
         </label>
         <input type="password" id="password" formControlName="password" required />
     </div>
     <div class="actions">
-        <button type="submit">Send</button>
-        <a [routerLink]="['/signin']">Create an account</a>
+        <button type="submit" i18n>Send</button>
+        <a [routerLink]="['/signin']" i18n>Create an account</a>
     </div>
 </form>

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

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LoginComponent } from './login.component';
-
-describe('LoginComponent', () => {
-  let component: LoginComponent;
-  let fixture: ComponentFixture<LoginComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [LoginComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(LoginComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -66,16 +66,12 @@ export class LoginService {
       .login(state.request)
       .then((response) => {
         this.authenticationService.authenticate(response.accessToken, response.refreshToken);
-        this.snackBar.open('Authentication succeeded!', 'Close', {
-          duration: 5000,
-        });
+        this.snackBar.open($localize`Authentication succeeded!`, $localize`Close`, { duration: 5000 });
         this.router.navigate(['/home']);
       })
       .catch((error) => {
         console.error(error);
-        this.snackBar.open('Authentication failed.', 'Close', {
-          duration: 5000,
-        });
+        this.snackBar.open($localize`Authentication failed.`, $localize`Close`, { duration: 5000 });
       });
   }
 }

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

@@ -0,0 +1,20 @@
+<h1 i18n>Your publications</h1>
+
+<a [routerLink]="['/publications/new']"
+    class="new-publication"
+    matTooltip="Add a new publication"
+    matTooltipPosition="left"
+    i18n-matTooltip>
+    +
+</a>
+
+@if (isLoading()) {
+    <h2 i18n>Publication loading...</h2>
+    <mat-spinner></mat-spinner>
+} @else {
+    @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.scss

@@ -0,0 +1,29 @@
+$newPublicationButtonSize: 1.7em;
+
+:host {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .new-publication {
+        position: fixed;
+        border-radius: 10em;
+        background-color: #14A44D;
+        color: white;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        bottom: $newPublicationButtonSize;
+        right: $newPublicationButtonSize;
+        width: $newPublicationButtonSize;
+        height: $newPublicationButtonSize;
+        text-decoration: none;
+        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+        transition: background-color .2s ease-in-out;
+        font-size: 2.2em;
+        
+        &:hover {
+            background-color: #0e7a3a;
+        }
+    }
+}

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

@@ -0,0 +1,49 @@
+import { Component, inject, OnDestroy, OnInit, signal } from "@angular/core";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { MyPublicationsService } from "./my-publications.service";
+import { Observable, Subscription } 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";
+
+@Component({
+    selector: 'app-my-component',
+    standalone: true,
+    templateUrl: './my-publications.component.html',
+    styleUrl: './my-publications.component.scss',
+    imports: [
+        CommonModule,
+        MatProgressSpinnerModule,
+        PublicationListComponent,
+        MatTooltipModule,
+        RouterModule
+    ],
+    providers: [MyPublicationsService]
+})
+export class MyPublicationsComponent implements OnInit, OnDestroy {
+    private readonly myPublicationsService = inject(MyPublicationsService);
+    private isLoadingSubscription?: Subscription;
+    private isLoadedSubscription?: Subscription;
+
+    isLoading = signal(false);
+    isLoaded = signal(false);
+
+    get publications$(): Observable<Publication[]> {
+        return this.myPublicationsService.publications$;
+    }
+
+    ngOnInit(): void {
+        this.isLoadingSubscription = this.myPublicationsService.isLoading$
+            .subscribe(isLoading => this.isLoading.set(isLoading));
+        this.isLoadedSubscription = this.myPublicationsService.isLoaded$
+            .subscribe(isLoaded => this.isLoaded.set(isLoaded));
+        this.myPublicationsService.loadAuthenticatedUserPublications();    
+    }
+
+    ngOnDestroy(): void {
+        this.isLoadingSubscription?.unsubscribe();
+        this.isLoadedSubscription?.unsubscribe();
+    }
+}

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

@@ -0,0 +1,7 @@
+import { Route } from "@angular/router";
+import { authenticationGuard } from "../../core/guard/authentication.guard";
+import { MyPublicationsComponent } from "./my-publications.component";
+
+export const ROUTES: Route[] = [
+    { path: '', component: MyPublicationsComponent, canActivate: [authenticationGuard] }
+]

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

@@ -0,0 +1,57 @@
+import { inject, Injectable } 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);
+
+    get publications$(): Observable<Publication[]> {
+        return this.publicationsSubject.asObservable();
+    }
+
+    get isLoading$(): Observable<boolean> {
+        return this.isLoadingSubject.asObservable();
+    }
+
+    get isLoaded$(): Observable<boolean> {
+        return this.isLoadedSubject.asObservable();
+    }
+
+    loadAuthenticatedUserPublications(): void {
+        const authenticatedUser = this.authenticationService.getAuthenticatedUser();
+        if (authenticatedUser) {
+            this.isLoadingSubject.next(true);
+            this.isLoadedSubject.next(false);
+
+            const query = `author_id=${authenticatedUser.id}`;
+            this.publicationRestService.search(query)
+                .then(publications => {
+                    this.publicationsSubject.next(publications);
+                })
+                .catch(error => {
+                    const errorMessage = $localize`An error occurred while retrieving your publications...`;
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+                    console.error(errorMessage, error);
+                })
+                .finally(() => {
+                    this.isLoadingSubject.next(false);
+                    this.isLoadedSubject.next(true);
+                });
+        } else {
+            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

@@ -0,0 +1,9 @@
+@if (publicationIsNotNull()) {
+    <app-publication-edition
+        title="Creation of a new publication"
+        [publication]="publication()!!"
+        [isSaving$]="isSaving$"
+        (publicationSave)="onPublicationSave($event)"
+        i18n-title>
+    </app-publication-edition>
+}

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

@@ -0,0 +1,78 @@
+import { Component, computed, 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 { MatSnackBar } from "@angular/material/snack-bar";
+import { BehaviorSubject, Observable, Subscription } from "rxjs";
+import { 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 = signal<Publication | undefined>(undefined);
+    publicationIsNotNull = computed(() => !!this.publication());
+
+    get isSaving$(): Observable<boolean> {
+        return this.isSavingSubject.asObservable();
+    }
+
+    ngOnInit(): void {
+        const authenticatedUser = this.authenticationService.getAuthenticatedUser();
+        if (authenticatedUser) {
+            const author: Author = {
+                id: authenticatedUser.id,
+                name: authenticatedUser.pseudo,
+                image: authenticatedUser.photoId ?? ''
+            };
+            const newPublication: Publication = {
+                id: '',
+                key: '',
+                title: '',
+                text: '',
+                parsedText: '',
+                description: '',
+                creationDate: new Date(),
+                illustrationId: '',
+                categoryId: '',
+                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)
+            .then(() => {
+                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 });
+            })
+            .finally(() => this.isSavingSubject.next(false));
+    }
+}

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

@@ -0,0 +1,7 @@
+import { Route } from "@angular/router";
+import { authenticationGuard } from "../../core/guard/authentication.guard";
+import { PublicationCreationComponent } from "./publication-creation.component";
+
+export const ROUTES: Route[] = [
+    { path: '', component: PublicationCreationComponent, canActivate: [authenticationGuard] }
+]

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

@@ -1,85 +0,0 @@
-@if ((isLoading$ | async) == true) {
-    <mat-spinner></mat-spinner>
-} 
-@else {
-    @if (publication) {
-        <form [formGroup]="publicationEditionForm" (submit)="save()" ngNativeValidate>
-            <header>
-                <h1>Modification de l'article {{ publication.title }}</h1>
-            </header>
-
-            <mat-tab-group dynamicHeight>
-                <mat-tab label="Edition">
-                    <div class="form-content">
-                        <div class="first-part">
-                            <div>
-                                <mat-form-field>
-                                    <mat-label>Title</mat-label>
-                                    <input matInput type="text" formControlName="title" />
-                                </mat-form-field>
-                                <mat-form-field>
-                                    <mat-label>Description</mat-label>
-                                    <input matInput type="text" formControlName="description" />
-                                </mat-form-field>
-                            </div>
-        
-                            <div class="picture-container">
-                                <img src="/api/pictures/{{publication.illustrationId}}" (click)="displayPictureSectionDialog()" matTooltip="Click to change illustration"/>
-                            </div>
-                        </div>
-    
-                        <div class="actions">
-                            <button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(1)">
-                                H1
-                            </button>
-                            <button type="button" matTooltip="Click to insert a title 2 section" (click)="insertTitle(2)">
-                                H2
-                            </button>
-                            <button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(3)">
-                                H3
-                            </button>
-                            <button type="button" matTooltip="Click to insert a picture" (click)="selectAPicture()">
-                                <mat-icon>image</mat-icon>
-                            </button>
-                            <button type="button" matTooltip="Click to insert a link" (click)="insertLink()">
-                                <mat-icon>link</mat-icon>
-                            </button>
-                            <button type="button" matTooltip="Click to insert a code block" (click)="displayCodeBlockDialog()">
-                                <mat-icon>code</mat-icon>
-                            </button>
-                            <button type="button" disabled matTooltip="Click to display editor help">
-                                <mat-icon>help</mat-icon>
-                            </button>
-                        </div>
-                        <mat-form-field class="example-form-field">
-                            <mat-label>Content</mat-label>
-                            <textarea 
-                                #textArea
-                                matInput
-                                formControlName="text"
-                                class="text-input"
-                                (keyup)="updateCursorPosition($event)"
-                                (click)="updateCursorPosition($event)">
-                            </textarea>
-                        </mat-form-field>
-                    </div>
-                </mat-tab>
-
-                <mat-tab label="Previewing">
-
-                </mat-tab>
-            </mat-tab-group>
-            <footer>
-                <app-submit-button label="Save" [requestPending]="(isSaving$ | async) == true"></app-submit-button>
-                <button type="button" class="secondary" (click)="goPreviousLocation()">
-                    Cancel
-                </button>
-            </footer>
-        </form>
-    }
-    @else {
-        <div class="loading-failed">
-            <h1>Publication failed to load...</h1>
-        </div>
-    }
-}

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

@@ -1,140 +0,0 @@
-import { CommonModule, Location } from '@angular/common';
-import { Component, inject, OnDestroy, OnInit } from '@angular/core';
-import { FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { map, Observable, Subscription } from 'rxjs';
-import { SubmitButtonComponent } from '../../components/submit-button/submit-button.component';
-import { Publication } from '../../core/rest-services/publications/model/publication';
-import { PictureSelectionDialog } from './picture-selection-dialog/picture-selection-dialog.component';
-import { PublicationEditionService } from './publication-edition.service';
-
-@Component({
-  selector: 'app-publication-edition',
-  standalone: true,
-  imports: [
-    CommonModule,
-    MatDialogModule,
-    MatIconModule,
-    MatInputModule,
-    MatProgressSpinnerModule,
-    MatTabsModule,
-    MatTooltipModule,
-    PictureSelectionDialog,
-    ReactiveFormsModule,
-    SubmitButtonComponent
-  ],
-  templateUrl: './publication-edition.component.html',
-  styleUrl: './publication-edition.component.scss',
-  providers: [PublicationEditionService]
-})
-export class PublicationEditionComponent implements OnInit, OnDestroy {
-  private formBuilder = inject(FormBuilder);
-  private location = inject(Location);
-  private publicationEditionService = inject(PublicationEditionService);
-
-  private subscriptions: Subscription[] = [];
-  publication!: Publication;
-  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]),
-    illustrationId: new FormControl<string | undefined>('', [Validators.required]),
-    categoryId: new FormControl<string | undefined>('', [Validators.required])
-  });
-
-  get isLoading$(): Observable<boolean> {
-    return this.publicationEditionService.isLoading$;
-  }
-
-  get isSaving$(): Observable<boolean> {
-    return this.publicationEditionService.isSaving$;
-  }
-
-  ngOnInit(): void {
-    ['title', 'description', 'text'].forEach(fieldName => {
-      const fieldSubscription = this.publicationEditionForm.controls[fieldName].valueChanges
-        .pipe(
-          map(value => value?.length ? value as string : '')
-        )
-        .subscribe(fieldValue => {
-          switch (fieldName) {
-            case 'title':
-              this.publicationEditionService.editTitle(fieldValue);
-              break;
-            case 'description':
-              this.publicationEditionService.editDescription(fieldValue);
-              break;
-            case 'text':
-              this.publicationEditionService.editText(fieldValue);
-              break;
-            default:
-              break;
-          }
-        });
-      this.subscriptions.push(fieldSubscription);
-    });
-
-    const publicationSubscription = this.publicationEditionService.state$.subscribe(state => {
-      this.publication = state.publication;
-      this.publicationEditionForm.controls['title'].setValue(this.publication.title, { emitEvent: false });
-      this.publicationEditionForm.controls['description'].setValue(this.publication.description, { emitEvent: false });
-      this.publicationEditionForm.controls['text'].setValue(this.publication.text, { emitEvent: false });
-      this.publicationEditionForm.controls['illustrationId'].setValue(this.publication.illustrationId, { emitEvent: false });
-      this.publicationEditionForm.controls['categoryId'].setValue(this.publication.categoryId, { emitEvent: false });
-    });
-    this.subscriptions.push(publicationSubscription);
-
-    this.publicationEditionService.loadPublication();
-  }
-
-  ngOnDestroy(): void {
-    this.subscriptions.forEach(subscription => subscription?.unsubscribe());
-  }
-
-  goPreviousLocation(): void {
-    this.location.back();
-  }
-
-  insertTitle(titleNumber: number): void {
-    this.publicationEditionService.insertTitle(titleNumber);
-  }
-
-  selectAPicture(): void {
-    this.publicationEditionService.selectAPicture();
-  }
-
-  insertLink(): void {
-    this.publicationEditionService.insertLink();
-  }
-
-  displayCodeBlockDialog(): void {
-    this.publicationEditionService.displayCodeBlockDialog();
-  }
-
-  save(): void {
-    this.publicationEditionService.save();
-  }
-
-  displayPictureSectionDialog(): void {
-    this.publicationEditionService.displayPictureSectionDialog();
-  }
-
-  updateCursorPosition(event: KeyboardEvent | MouseEvent): void {
-    if (event.target) {
-      const textarea = event.target as HTMLTextAreaElement;
-
-      const positionStart = textarea.selectionStart;
-      const positionEnd = textarea.selectionEnd;
-      
-      const selectedCharacterCount = positionEnd - positionStart;
-      console.log(`cursor position updated: [${positionStart}, ${positionEnd}] (${selectedCharacterCount})`);
-      this.publicationEditionService.editCursorPosition(positionStart, positionEnd);
-    }
-
-  }
-}

frontend/src/app/pages/publication-edition/publication-edition.routes.ts

@@ -1,7 +0,0 @@
-import { Route } from "@angular/router";
-import { PublicationEditionComponent } from "./publication-edition.component";
-import { authenticationGuard } from "../../core/guard/authentication.guard";
-
-export const ROUTES: Route[] = [
-    { path: '', component: PublicationEditionComponent, canActivate: [authenticationGuard] }
-]

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

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

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

@@ -0,0 +1,7 @@
+:host {
+    display: flex;
+
+    app-publication-edition {
+        flex: 1;
+    }
+}

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

@@ -0,0 +1,93 @@
+import { CommonModule, Location } from '@angular/common';
+import { Component, inject, OnDestroy, OnInit, signal } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+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';
+
+@Component({
+  selector: 'app-publication-update',
+  standalone: true,
+  imports: [
+    CommonModule,
+    MatDialogModule,
+    MatIconModule,
+    MatInputModule,
+    MatProgressSpinnerModule,
+    MatTabsModule,
+    MatTooltipModule,
+    PictureSelectionDialog,
+    ReactiveFormsModule,
+    SubmitButtonComponent,
+    PublicationEditionComponent
+  ],
+  templateUrl: './publication-update.component.html',
+  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 isSavingSubject = new BehaviorSubject<boolean>(false);
+  private subscriptions: Subscription[] = [];
+  isLoading = signal(false);
+  publication: Publication | undefined;
+
+  get isSaving$(): Observable<boolean> {
+    return this.isSavingSubject.asObservable();
+  }
+
+  ngOnInit(): void {
+    this.isLoading.set(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)
+            .then(publication => {
+              this.publication = publication;
+            })
+            .catch(error => {
+                const errorMessage = $localize`A technical error occurred while loading publication data.`;
+                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+                console.error(errorMessage, error)
+            })
+            .finally(() => this.isLoading.set(false));
+        }
+      });
+  }
+
+  ngOnDestroy(): void {
+    this.subscriptions.forEach(subscription => subscription?.unsubscribe());
+  }
+
+  onPublicationSave(publication: Publication): void {
+    this.isSavingSubject.next(true);
+    this.publicationRestService.update(publication)
+        .then(() => {
+            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 });
+        })
+        .finally(() => this.isSavingSubject.next(false));
+  }
+}

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

@@ -0,0 +1,7 @@
+import { Route } from "@angular/router";
+import { PublicationUpdateComponent } from "./publication-update.component";
+import { authenticationGuard } from "../../core/guard/authentication.guard";
+
+export const ROUTES: Route[] = [
+    { path: '', component: PublicationUpdateComponent, canActivate: [authenticationGuard] }
+]

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

@@ -1,30 +1,48 @@
-@if (isLoading) {
+@if (isLoading()) {
+    <h2 i18n>Publication content loading...</h2>
     <mat-spinner></mat-spinner>
 } @else {
-    @if (publication) {
+    @if (isPublicationUndefined()) {
+        <div class="loading-failed">
+            <h1 i18n>Publication failed to load...</h1>
+        </div>
+    } @else {
         <div class="card">
-            <img src="/pictures/{{ publication.illustrationId }}" />
+            <img src="/api/pictures/{{ publication()?.illustrationId }}" />
             <header>
-                <h1>{{ publication.title }}</h1>
-                <h2>{{ publication.description }}</h2>
-                @if (isAuthorAndUserEquals) {
-                    <a [routerLink]="['edit']" class="button action" matTooltip="Click to edit the publication">
+                <h1>{{ publication()?.title }}</h1>
+                <h2>{{ publication()?.description }}</h2>
+                @if (isAuthorAndUserEquals()) {
+                    <a [routerLink]="['edit']"
+                        class="button action"
+                        matTooltip="Click to edit the publication"
+                        i18n-matTooltip>
                         <mat-icon>edit</mat-icon>
                     </a>
                 }
             </header>
-            <main [innerHTML]="publication.parsedText"></main>
+            <main [innerHTML]="publication()?.parsedText"></main>
             <footer>
-                <img src="/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name" />
-                Publication posted by {{ publication.author.name }}
-                <span class="publication-date">
-                    ({{ publication.creationDate | date: 'short' : 'fr-FR' }})
-                </span>
+                <div class="metadata">
+                    <img src="/api/pictures/{{ publication()?.author?.image }}" [matTooltip]="publication()?.author?.name" />
+                    <div class="posting-data">
+                        <span i18n>Publication posted by {{ publication()?.author?.name }}</span>
+                        <span class="publication-date">
+                            ({{ publication()?.creationDate | date: 'short' }})
+                        </span>
+                    </div>
+                </div>
+                @if (isAuthorAndUserEquals()) {
+                    <button type="button"
+                        (click)="deletePublication()"
+                        matTooltip="Click to delete the publication" 
+                        matTooltipPosition="left"
+                        i18n-matTooltip>
+                        <mat-icon>delete</mat-icon>
+                        Delete
+                    </button>
+                }
             </footer>
         </div>
-    } @else {
-        <div class="loading-failed">
-            <h1>Publication failed to load...</h1>
-        </div>
     }
 }

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

@@ -2,7 +2,8 @@ $cardBorderRadius: .5em;
 
 :host {
     display: flex;
-    justify-content: center;
+    flex-direction: column;
+    align-items: center;
 
     .card {
         display: flex;
@@ -78,24 +79,62 @@ $cardBorderRadius: .5em;
 
         footer {
             display: flex;
-            flex-direction: row;
+            flex-direction: column;
+            justify-content: space-between;
             align-items: center;
             background-color: #f0f0f0;
             border-radius: 0 0 $cardBorderRadius $cardBorderRadius;
             padding: 1em 2em;
             gap: 1em;
 
-            img {
-                $imageSize: 4em;
-                border-radius: 10em;
-                width: $imageSize;
-                height: $imageSize;
-                object-fit: cover;
+            @media screen and (min-width: 500px) {
+                flex-direction: row;
             }
 
-            .publication-date {
-                font-style: italic;
-                color: #bdbdbd;
+            .metadata {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                gap: 1em;
+    
+                img {
+                    $imageSize: 4em;
+                    border-radius: 10em;
+                    width: $imageSize;
+                    height: $imageSize;
+                    object-fit: cover;
+                }
+    
+                .posting-data {
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    align-items: start;
+
+                    .publication-date {
+                        font-style: italic;
+                        color: #bdbdbd;
+                    }
+                }
+            }
+
+            button {
+                padding: .8em 1.2em;
+                border-radius: 10em;
+                border: none;
+                background-color: #D50000;
+                color: white;
+                transition: background-color .2s ease-in-out;
+                display: flex;
+                flex-direction: row;
+                justify-content: center;
+                align-items: center;
+                gap: .5em;
+            
+                &:hover {
+                    background-color: #E53935;
+                    cursor: pointer;
+                }
             }
         }
     }

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

@@ -1,14 +1,18 @@
-import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { Component, OnDestroy, OnInit, computed, inject, signal } from '@angular/core';
 import { PublicationRestService } from '../../core/rest-services/publications/publication.rest-service';
-import { ActivatedRoute, RouterModule } from '@angular/router';
+import { ActivatedRoute, Router, RouterModule } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { Publication } from '../../core/rest-services/publications/model/publication';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { CommonModule } from '@angular/common';
+import { CommonModule, Location } from '@angular/common';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import { MatIcon } from '@angular/material/icon';
 import { AuthenticationService } from '../../core/service/authentication.service';
+import { MatDialog } from '@angular/material/dialog';
+import { ConfirmationDialog } from '../../components/confirmation-dialog/confirmation-dialog.component';
+
+declare let Prism: any;
 
 @Component({
   selector: 'app-publication',
@@ -18,14 +22,18 @@ import { AuthenticationService } from '../../core/service/authentication.service
   styleUrl: './publication.component.scss'
 })
 export class PublicationComponent implements OnInit, OnDestroy {
-  private activatedRoute = inject(ActivatedRoute);
-  private authenticationService = inject(AuthenticationService);
-  private publicationRestService = inject(PublicationRestService);
+  private readonly activatedRoute = inject(ActivatedRoute);
+  private readonly authenticationService = inject(AuthenticationService);
+  private readonly dialog = inject(MatDialog);
+  private readonly publicationRestService = inject(PublicationRestService);
+  private readonly location = inject(Location);
+  private readonly snackBar = inject(MatSnackBar);
   private paramMapSubscription?: Subscription;
-  private snackBar = inject(MatSnackBar);
-  isLoading: boolean = false;
-  isAuthorAndUserEquals: boolean = false;
-  publication?: Publication;
+  private afterDialogCloseSubscription?: Subscription;
+  isLoading = signal(false);
+  isAuthorAndUserEquals = computed(() => this.authenticationService.getAuthenticatedUser()?.id === this.publication()?.author.id);
+  publication = signal<Publication | undefined>(undefined);
+  isPublicationUndefined = computed(() => !this.publication())
 
   ngOnInit(): void {
     this.paramMapSubscription = this.activatedRoute
@@ -34,19 +42,20 @@ 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);
+                  setTimeout(() => Prism.highlightAll(), 100);
                 })
                 .catch(error => {
-                  this.snackBar.open('An error occurred while loading publication...', 'Close', { duration: 5000 });
-                  console.error('An error occurred while loading publication...', error);
+                  const errorMessage = $localize`An error occurred while loading publication...`;
+                  this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+                  console.error(errorMessage, error);
                 })
                 .finally(() => {
-                  this.isLoading = false;
+                  this.isLoading.set(false);
                 });
           }
         });
@@ -54,5 +63,27 @@ export class PublicationComponent implements OnInit, OnDestroy {
 
   ngOnDestroy(): void {
     this.paramMapSubscription?.unsubscribe();
+    this.afterDialogCloseSubscription?.unsubscribe();
+  }
+
+  deletePublication(): void {
+    const dialogRef = this.dialog.open(
+      ConfirmationDialog,
+      {
+        data: {
+          title: $localize`Publication deletion`,
+          description: $localize`Are you sure you want to delete this publication?`
+        }
+      }
+    );
+
+    this.afterDialogCloseSubscription = dialogRef.afterClosed()
+      .subscribe(response => {
+        if (response && !this.isPublicationUndefined()) {
+          this.publicationRestService.delete(this.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,13 +1,13 @@
-<h1>Search results</h1>
+<h1 i18n>Search results</h1>
 @if((isLoading$ | async) === true) {
-    <h2>Search in progress...</h2>
+    <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>
     } @else {
-        No any result.
+        <span i18n>No any result.</span>
     }
 } @else {
-    No any result.
+    <span i18n>No any result.</span>
 }

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

@@ -36,9 +36,9 @@ export class SearchPublicationsService {
             })
             .catch(error => {
                 if (error.status !== 404) {
-                    const errorMessage = 'An error occured while retrieving publications.';
+                    const errorMessage = $localize`An error occured while retrieving publications.`;
                     console.error(errorMessage, error);
-                    this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                 }
             })
             .finally(() => {

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

@@ -1,8 +1,8 @@
 <form [formGroup]="signinForm" (submit)="performSignin()" ngNativeValidate>
-    <h1>Signin</h1>
+    <h1 i18n>Signin</h1>
     <div>
         <mat-icon>person</mat-icon>
-        <label for="pseudo">
+        <label for="pseudo" i18n>
             Pseudo
             <span class="required">*</span>
         </label>
@@ -10,7 +10,7 @@
     </div>
     <div>
         <mat-icon>mail</mat-icon>
-        <label for="email">
+        <label for="email" i18n>
             Email address
             <span class="required">*</span>
         </label>
@@ -18,7 +18,7 @@
     </div>
     <div>
         <mat-icon>lock</mat-icon>
-        <label for="password">
+        <label for="password" i18n>
             Password
             <span class="required">*</span>
         </label>
@@ -26,14 +26,14 @@
     </div>
     <div>
         <mat-icon>lock</mat-icon>
-        <label for="confirm-password">
+        <label for="confirm-password" i18n>
             Confirm password
             <span class="required">*</span>
         </label>
         <input type="password" id="confirm-password" formControlName="confirmPassword" required />
     </div>
     <div class="actions">
-        <button type="submit">Send</button>
-        <a [routerLink]="['/login']">I already have an account</a>
+        <button type="submit" i18n>Send</button>
+        <a [routerLink]="['/login']" i18n>I already have an account</a>
     </div>
 </form>

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

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SigninComponent } from './signin.component';
-
-describe('SigninComponent', () => {
-  let component: SigninComponent;
-  let fixture: ComponentFixture<SigninComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [SigninComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(SigninComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -76,7 +76,7 @@ export class SigninService {
     if (state.request.password !== state.confirmPassword) {
         const confirmPasswordError: FormError = {
             fieldName: 'confirmPassword',
-            errorMessage: 'Typed password are different.'
+            errorMessage: $localize`Typed passwords are different.`
         }
         state.errors.filter(error => error.fieldName !== 'confirmPassword');
         state.errors.push(confirmPasswordError)

frontend/src/assets/css/prism.css

@@ -0,0 +1,6 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+json+json5+lua+plsql+powershell+python+rust+sql+xml-doc+yaml&plugins=line-numbers+show-language+unescaped-markup+toolbar+copy-to-clipboard */
+code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
+pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
+div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
+[class*=lang-] script[type='text/plain'],[class*=language-] script[type='text/plain'],script[type='text/plain'][class*=lang-],script[type='text/plain'][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}

frontend/src/assets/js/prism.js

@@ -0,0 +1,23 @@
+/* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+json+json5+lua+plsql+powershell+python+rust+sql+xml-doc+yaml&plugins=line-numbers+show-language+unescaped-markup+toolbar+copy-to-clipboard */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(e){var n=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,r={},a={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof i?new i(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(n,t){var r,i;switch(t=t||{},a.util.type(n)){case"Object":if(i=a.util.objId(n),t[i])return t[i];for(var l in r={},t[i]=r,n)n.hasOwnProperty(l)&&(r[l]=e(n[l],t));return r;case"Array":return i=a.util.objId(n),t[i]?t[i]:(r=[],t[i]=r,n.forEach((function(n,a){r[a]=e(n,t)})),r);default:return n}},getLanguage:function(e){for(;e;){var t=n.exec(e.className);if(t)return t[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,t){e.className=e.className.replace(RegExp(n,"gi"),""),e.classList.add("language-"+t)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(r){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack)||[])[1];if(e){var n=document.getElementsByTagName("script");for(var t in n)if(n[t].src==e)return n[t]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{plain:r,plaintext:r,text:r,txt:r,extend:function(e,n){var t=a.util.clone(a.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(e,n,t,r){var i=(r=r||a.languages)[e],l={};for(var o in i)if(i.hasOwnProperty(o)){if(o==n)for(var s in t)t.hasOwnProperty(s)&&(l[s]=t[s]);t.hasOwnProperty(o)||(l[o]=i[o])}var u=r[e];return r[e]=l,a.languages.DFS(a.languages,(function(n,t){t===u&&n!=e&&(this[n]=l)})),l},DFS:function e(n,t,r,i){i=i||{};var l=a.util.objId;for(var o in n)if(n.hasOwnProperty(o)){t.call(n,o,n[o],r||o);var s=n[o],u=a.util.type(s);"Object"!==u||i[l(s)]?"Array"!==u||i[l(s)]||(i[l(s)]=!0,e(s,t,o,i)):(i[l(s)]=!0,e(s,t,null,i))}}},plugins:{},highlightAll:function(e,n){a.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};a.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),a.hooks.run("before-all-elements-highlight",r);for(var i,l=0;i=r.elements[l++];)a.highlightElement(i,!0===n,r.callback)},highlightElement:function(n,t,r){var i=a.util.getLanguage(n),l=a.languages[i];a.util.setLanguage(n,i);var o=n.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&a.util.setLanguage(o,i);var s={element:n,language:i,grammar:l,code:n.textContent};function u(e){s.highlightedCode=e,a.hooks.run("before-insert",s),s.element.innerHTML=s.highlightedCode,a.hooks.run("after-highlight",s),a.hooks.run("complete",s),r&&r.call(s.element)}if(a.hooks.run("before-sanity-check",s),(o=s.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!s.code)return a.hooks.run("complete",s),void(r&&r.call(s.element));if(a.hooks.run("before-highlight",s),s.grammar)if(t&&e.Worker){var c=new Worker(a.filename);c.onmessage=function(e){u(e.data)},c.postMessage(JSON.stringify({language:s.language,code:s.code,immediateClose:!0}))}else u(a.highlight(s.code,s.grammar,s.language));else u(a.util.encode(s.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};if(a.hooks.run("before-tokenize",r),!r.grammar)throw new Error('The language "'+r.language+'" has no grammar.');return r.tokens=a.tokenize(r.code,r.grammar),a.hooks.run("after-tokenize",r),i.stringify(a.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new s;return u(a,a.head,e),o(e,a,n,a.head,0),function(e){for(var n=[],t=e.head.next;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=a.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=a.hooks.all[e];if(t&&t.length)for(var r,i=0;r=t[i++];)r(n)}},Token:i};function i(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function l(e,n,t,r){e.lastIndex=n;var a=e.exec(t);if(a&&r&&a[1]){var i=a[1].length;a.index+=i,a[0]=a[0].slice(i)}return a}function o(e,n,t,r,s,g){for(var f in t)if(t.hasOwnProperty(f)&&t[f]){var h=t[f];h=Array.isArray(h)?h:[h];for(var d=0;d<h.length;++d){if(g&&g.cause==f+","+d)return;var v=h[d],p=v.inside,m=!!v.lookbehind,y=!!v.greedy,k=v.alias;if(y&&!v.pattern.global){var x=v.pattern.toString().match(/[imsuy]*$/)[0];v.pattern=RegExp(v.pattern.source,x+"g"Line truncated
+Prism.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&amp;/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var t={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};t["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var n={};n[a]={pattern:RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,(function(){return a})),"i"),lookbehind:!0,greedy:!0,inside:t},Prism.languages.insertBefore("markup","cdata",n)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(a,e){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp("(^|[\"'\\s])(?:"+a+")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))","i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[e,"language-"+e],inside:Prism.languages[e]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml;
+!function(s){var e=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:[^;{\\s\"']|\\s+(?!\\s)|"+e.source+")*?(?:;|(?=\\s*\\{))"),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:e,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(Prism);
+Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};
+Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp("((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)/(?:(?:\\[(?:[^\\]\\\\\r\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|/\\*(?:[^*]|\\*(?!/))*\\*/)*(?:$|[\r\n,.;:})\\]]|//))"),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)","javascript")),Prism.languages.js=Prism.languages.javascript;
+!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",a={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},n={bash:a,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:n},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:a}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:n},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:n.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:n.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,loLine truncated
+Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json;
+!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism);
+Prism.languages.lua={comment:/^#!.+|--(?:\[(=*)\[[\s\S]*?\]\1\]|.*)/m,string:{pattern:/(["'])(?:(?!\1)[^\\\r\n]|\\z(?:\r\n|\s)|\\(?:\r\n|[^z]))*\1|\[(=*)\[[\s\S]*?\]\2\]/,greedy:!0},number:/\b0x[a-f\d]+(?:\.[a-f\d]*)?(?:p[+-]?\d+)?\b|\b\d+(?:\.\B|(?:\.\d*)?(?:e[+-]?\d+)?\b)|\B\.\d+(?:e[+-]?\d+)?\b/i,keyword:/\b(?:and|break|do|else|elseif|end|false|for|function|goto|if|in|local|nil|not|or|repeat|return|then|true|until|while)\b/,function:/(?!\d)\w+(?=\s*(?:[({]))/,operator:[/[-+*%^&|#]|\/\/?|<[<=]?|>[>=]?|[=~]=?/,{pattern:/(^|[^.])\.\.(?!\.)/,lookbehind:!0}],punctuation:/[\[\](){},;]|\.+|:+/};
+Prism.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/};
+Prism.languages.plsql=Prism.languages.extend("sql",{comment:{pattern:/\/\*[\s\S]*?\*\/|--.*/,greedy:!0},keyword:/\b(?:A|ACCESSIBLE|ADD|AGENT|AGGREGATE|ALL|ALTER|AND|ANY|ARRAY|AS|ASC|AT|ATTRIBUTE|AUTHID|AVG|BEGIN|BETWEEN|BFILE_BASE|BINARY|BLOB_BASE|BLOCK|BODY|BOTH|BOUND|BULK|BY|BYTE|C|CALL|CALLING|CASCADE|CASE|CHAR|CHARACTER|CHARSET|CHARSETFORM|CHARSETID|CHAR_BASE|CHECK|CLOB_BASE|CLONE|CLOSE|CLUSTER|CLUSTERS|COLAUTH|COLLECT|COLUMNS|COMMENT|COMMIT|COMMITTED|COMPILED|COMPRESS|CONNECT|CONSTANT|CONSTRUCTOR|CONTEXT|CONTINUE|CONVERT|COUNT|CRASH|CREATE|CREDENTIAL|CURRENT|CURSOR|CUSTOMDATUM|DANGLING|DATA|DATE|DATE_BASE|DAY|DECLARE|DEFAULT|DEFINE|DELETE|DESC|DETERMINISTIC|DIRECTORY|DISTINCT|DOUBLE|DROP|DURATION|ELEMENT|ELSE|ELSIF|EMPTY|END|ESCAPE|EXCEPT|EXCEPTION|EXCEPTIONS|EXCLUSIVE|EXECUTE|EXISTS|EXIT|EXTERNAL|FETCH|FINAL|FIRST|FIXED|FLOAT|FOR|FORALL|FORCE|FROM|FUNCTION|GENERAL|GOTO|GRANT|GROUP|HASH|HAVING|HEAP|HIDDEN|HOUR|IDENTIFIED|IF|IMMEDIATE|IMMUTABLE|IN|INCLUDING|INDEX|INDEXES|INDICATOR|INDICES|INFINITE|INSERT|INSTANTIABLE|INT|INTERFACE|INTERSECT|INTERVAL|INTO|INVALIDATE|IS|ISOLATION|JAVA|LANGUAGE|LARGE|LEADING|LENGTH|LEVEL|LIBRARY|LIKE|LIKE2|LIKE4|LIKEC|LIMIT|LIMITED|LOCAL|LOCK|LONG|LOOP|MAP|MAX|MAXLEN|MEMBER|MERGE|MIN|MINUS|MINUTE|MOD|MODE|MODIFY|MONTH|MULTISET|MUTABLE|NAME|NAN|NATIONAL|NATIVE|NCHAR|NEW|NOCOMPRESS|NOCOPY|NOT|NOWAIT|NULL|NUMBER_BASE|OBJECT|OCICOLL|OCIDATE|OCIDATETIME|OCIDURATION|OCIINTERVAL|OCILOBLOCATOR|OCINUMBER|OCIRAW|OCIREF|OCIREFCURSOR|OCIROWID|OCISTRING|OCITYPE|OF|OLD|ON|ONLY|OPAQUE|OPEN|OPERATOR|OPTION|OR|ORACLE|ORADATA|ORDER|ORGANIZATION|ORLANY|ORLVARY|OTHERS|OUT|OVERLAPS|OVERRIDING|PACKAGE|PARALLEL_ENABLE|PARAMETER|PARAMETERS|PARENT|PARTITION|PASCAL|PERSISTABLE|PIPE|PIPELINED|PLUGGABLE|POLYMORPHIC|PRAGMA|PRECISION|PRIOR|PRIVATE|PROCEDURE|PUBLIC|RAISE|RANGE|RAW|READ|RECORD|REF|REFERENCE|RELIES_ON|REM|REMAINDER|RENAME|RESOURCE|RESULT|RESULT_CACHE|RETURN|RETURNING|REVERSE|REVOKE|ROLLBACK|ROW|SAMPLE|SAVE|SAVEPOINT|SB1|SB2|SB4|SECOND|SEGMENT|SELECT|SELF|SEPARATE|SEQUENCE|SERIALIZABLE|SET|SHARE|SHORT|SIZE|SIZE_T|SOME|SPARSE|SQL|SQLCODE|SQLDATA|SQLNAME|SQLSTATE|STANDARD|START|STATIC|STDDEV|STORED|STRING|STRUCT|STYLE|SUBMULTISET|SUBPARTITION|SUBSTITUTABLE|SUBTYPE|SUM|SYNONYM|TABAUTH|TABLE|TDO|THE|THEN|TIME|TIMESTAMP|TIMEZONE_ABBR|TIMEZONE_HOUR|TIMEZONE_MINUTE|TIMEZONE_REGION|TO|TRAILING|TRANSACTION|TRANSACTIONAL|TRUSTED|TYPE|UB1|UB2|UB4|UNDER|UNION|UNIQUE|UNPLUG|UNSIGNED|UNTRUSTED|UPDATE|USE|USING|VALIST|VALUE|VALUES|VARIABLE|VARIANCE|VARRAY|VARYING|VIEW|VIEWS|VOID|WHEN|WHERE|WHILE|WITH|WORK|WRAPPED|WRITE|YEAR|ZONE)\b/i,operator:/:=?|=>|[<>^~!]=|\.\.|\|\||\*\*|[-+*/%<>=@]/}),Prism.languages.insertBefore("plsql","operator",{label:{pattern:/<<\s*\w+\s*>>/,alias:"symbol"}});
+!function(e){var i=e.languages.powershell={comment:[{pattern:/(^|[^`])<#[\s\S]*?#>/,lookbehind:!0},{pattern:/(^|[^`])#.*/,lookbehind:!0}],string:[{pattern:/"(?:`[\s\S]|[^`"])*"/,greedy:!0,inside:null},{pattern:/'(?:[^']|'')*'/,greedy:!0}],namespace:/\[[a-z](?:\[(?:\[[^\]]*\]|[^\[\]])*\]|[^\[\]])*\]/i,boolean:/\$(?:false|true)\b/i,variable:/\$\w+\b/,function:[/\b(?:Add|Approve|Assert|Backup|Block|Checkpoint|Clear|Close|Compare|Complete|Compress|Confirm|Connect|Convert|ConvertFrom|ConvertTo|Copy|Debug|Deny|Disable|Disconnect|Dismount|Edit|Enable|Enter|Exit|Expand|Export|Find|ForEach|Format|Get|Grant|Group|Hide|Import|Initialize|Install|Invoke|Join|Limit|Lock|Measure|Merge|Move|New|Open|Optimize|Out|Ping|Pop|Protect|Publish|Push|Read|Receive|Redo|Register|Remove|Rename|Repair|Request|Reset|Resize|Resolve|Restart|Restore|Resume|Revoke|Save|Search|Select|Send|Set|Show|Skip|Sort|Split|Start|Step|Stop|Submit|Suspend|Switch|Sync|Tee|Test|Trace|Unblock|Undo|Uninstall|Unlock|Unprotect|Unpublish|Unregister|Update|Use|Wait|Watch|Where|Write)-[a-z]+\b/i,/\b(?:ac|cat|chdir|clc|cli|clp|clv|compare|copy|cp|cpi|cpp|cvpa|dbp|del|diff|dir|ebp|echo|epal|epcsv|epsn|erase|fc|fl|ft|fw|gal|gbp|gc|gci|gcs|gdr|gi|gl|gm|gp|gps|group|gsv|gu|gv|gwmi|iex|ii|ipal|ipcsv|ipsn|irm|iwmi|iwr|kill|lp|ls|measure|mi|mount|move|mp|mv|nal|ndr|ni|nv|ogv|popd|ps|pushd|pwd|rbp|rd|rdr|ren|ri|rm|rmdir|rni|rnp|rp|rv|rvpa|rwmi|sal|saps|sasv|sbp|sc|select|set|shcm|si|sl|sleep|sls|sort|sp|spps|spsv|start|sv|swmi|tee|trcm|type|write)\b/i],keyword:/\b(?:Begin|Break|Catch|Class|Continue|Data|Define|Do|DynamicParam|Else|ElseIf|End|Exit|Filter|Finally|For|ForEach|From|Function|If|InlineScript|Parallel|Param|Process|Return|Sequence|Switch|Throw|Trap|Try|Until|Using|Var|While|Workflow)\b/i,operator:{pattern:/(^|\W)(?:!|-(?:b?(?:and|x?or)|as|(?:Not)?(?:Contains|In|Like|Match)|eq|ge|gt|is(?:Not)?|Join|le|lt|ne|not|Replace|sh[lr])\b|-[-=]?|\+[+=]?|[*\/%]=?)/i,lookbehind:!0},punctuation:/[|{}[\];(),.]/};i.string[0].inside={function:{pattern:/(^|[^`])\$\((?:\$\([^\r\n()]*\)|(?!\$\()[^\r\n)])*\)/,lookbehind:!0,inside:i},boolean:i.boolean,variable:i.variable}}(Prism);
+Prism.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest=Prism.languages.python,Prism.languages.py=Prism.languages.python;
+!function(e){for(var a="/\\*(?:[^*/]|\\*(?!/)|/(?!\\*)|<self>)*\\*/",t=0;t<2;t++)a=a.replace(/<self>/g,(function(){return a}));a=a.replace(/<self>/g,(function(){return"[^\\s\\S]"})),e.languages.rust={comment:[{pattern:RegExp("(^|[^\\\\])"+a),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(Prism);
+!function(a){function e(e,n){a.languages[e]&&a.languages.insertBefore(e,"comment",{"doc-comment":n})}var n=a.languages.markup.tag,t={pattern:/\/\/\/.*/,greedy:!0,alias:"comment",inside:{tag:n}},g={pattern:/'''.*/,greedy:!0,alias:"comment",inside:{tag:n}};e("csharp",t),e("fsharp",t),e("vbnet",g)}(Prism);
+!function(e){var n=/[*&][^\s[\]{},]+/,r=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,t="(?:"+r.source+"(?:[ \t]+"+n.source+")?|"+n.source+"(?:[ \t]+"+r.source+")?)",a="(?:[^\\s\\x00-\\x08\\x0e-\\x1f!\"#%&'*,\\-:>?@[\\]`{|}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*".replace(/<PLAIN>/g,(function(){return"[^\\s\\x00-\\x08\\x0e-\\x1f,[\\]{}\\x7f-\\x84\\x86-\\x9f\\ud800-\\udfff\\ufffe\\uffff]"})),d="\"(?:[^\"\\\\\r\n]|\\\\.)*\"|'(?:[^'\\\\\r\n]|\\\\.)*'";function o(e,n){n=(n||"").replace(/m/g,"")+"m";var r="([:\\-,[{]\\s*(?:\\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\\]|\\}|(?:[\r\n]\\s*)?#))".replace(/<<prop>>/g,(function(){return t})).replace(/<<value>>/g,(function(){return e}));return RegExp(r,n)}e.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\\S[^\r\n]*(?:\\2[^\r\n]+)*)".replace(/<<prop>>/g,(function(){return t}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\\s*:\\s)".replace(/<<prop>>/g,(function(){return t})).replace(/<<key>>/g,(function(){return"(?:"+a+"|"+d+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:o("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?(?:[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?))?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:o("false|true","i"),lookbehind:!0,alias:"important"},null:{pattern:o("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:o(d),lookbehind:!0,greedy:!0},number:{pattern:o("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:r,important:n,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(Prism);
+!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document){var e="line-numbers",n=/\n(?!$)/g,t=Prism.plugins.lineNumbers={getLine:function(n,t){if("PRE"===n.tagName&&n.classList.contains(e)){var i=n.querySelector(".line-numbers-rows");if(i){var r=parseInt(n.getAttribute("data-start"),10)||1,s=r+(i.children.length-1);t<r&&(t=r),t>s&&(t=s);var l=t-r;return i.children[l]}}},resize:function(e){r([e])},assumeViewportIndependence:!0},i=void 0;window.addEventListener("resize",(function(){t.assumeViewportIndependence&&i===window.innerWidth||(i=window.innerWidth,r(Array.prototype.slice.call(document.querySelectorAll("pre.line-numbers"))))})),Prism.hooks.add("complete",(function(t){if(t.code){var i=t.element,s=i.parentNode;if(s&&/pre/i.test(s.nodeName)&&!i.querySelector(".line-numbers-rows")&&Prism.util.isActive(i,e)){i.classList.remove(e),s.classList.add(e);var l,o=t.code.match(n),a=o?o.length+1:1,u=new Array(a+1).join("<span></span>");(l=document.createElement("span")).setAttribute("aria-hidden","true"),l.className="line-numbers-rows",l.innerHTML=u,s.hasAttribute("data-start")&&(s.style.counterReset="linenumber "+(parseInt(s.getAttribute("data-start"),10)-1)),t.element.appendChild(l),r([s]),Prism.hooks.run("line-numbers",t)}}})),Prism.hooks.add("line-numbers",(function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0}))}function r(e){if(0!=(e=e.filter((function(e){var n,t=(n=e,n?window.getComputedStyle?getComputedStyle(n):n.currentStyle||null:null)["white-space"];return"pre-wrap"===t||"pre-line"===t}))).length){var t=e.map((function(e){var t=e.querySelector("code"),i=e.querySelector(".line-numbers-rows");if(t&&i){var r=e.querySelector(".line-numbers-sizer"),s=t.textContent.split(n);r||((r=document.createElement("span")).className="line-numbers-sizer",t.appendChild(r)),r.innerHTML="0",r.style.display="block";var l=r.getBoundingClientRect().height;return r.innerHTML="",{element:e,lines:s,lineHeights:[],oneLinerHeight:l,sizer:r}}})).filter(Boolean);t.forEach((function(e){var n=e.sizer,t=e.lines,i=e.lineHeights,r=e.oneLinerHeight;i[t.length-1]=void 0,t.forEach((function(e,t){if(e&&e.length>1){var s=n.appendChild(document.createElement("span"));s.style.display="block",s.textContent=e}else i[t]=r}))})),t.forEach((function(e){for(var n=e.sizer,t=e.lineHeights,i=0,r=0;r<t.length;r++)void 0===t[r]&&(t[r]=n.children[i++].getBoundingClientRect().height)})),t.forEach((function(e){var n=e.sizer,t=e.element.querySelector(".line-numbers-rows");n.style.display="none",n.innerHTML="",e.lineHeights.forEach((function(e,n){t.children[n].style.height=e+"px"}))}))}}}();
+!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document){var e=[],t={},n=function(){};Prism.plugins.toolbar={};var a=Prism.plugins.toolbar.registerButton=function(n,a){var r;r="function"==typeof a?a:function(e){var t;return"function"==typeof a.onClick?((t=document.createElement("button")).type="button",t.addEventListener("click",(function(){a.onClick.call(this,e)}))):"string"==typeof a.url?(t=document.createElement("a")).href=a.url:t=document.createElement("span"),a.className&&t.classList.add(a.className),t.textContent=a.text,t},n in t?console.warn('There is a button with the key "'+n+'" registered already.'):e.push(t[n]=r)},r=Prism.plugins.toolbar.hook=function(a){var r=a.element.parentNode;if(r&&/pre/i.test(r.nodeName)&&!r.parentNode.classList.contains("code-toolbar")){var o=document.createElement("div");o.classList.add("code-toolbar"),r.parentNode.insertBefore(o,r),o.appendChild(r);var i=document.createElement("div");i.classList.add("toolbar");var l=e,d=function(e){for(;e;){var t=e.getAttribute("data-toolbar-order");if(null!=t)return(t=t.trim()).length?t.split(/\s*,\s*/g):[];e=e.parentElement}}(a.element);d&&(l=d.map((function(e){return t[e]||n}))),l.forEach((function(e){var t=e(a);if(t){var n=document.createElement("div");n.classList.add("toolbar-item"),n.appendChild(t),i.appendChild(n)}})),o.appendChild(i)}};a("label",(function(e){var t=e.element.parentNode;if(t&&/pre/i.test(t.nodeName)&&t.hasAttribute("data-label")){var n,a,r=t.getAttribute("data-label");try{a=document.querySelector("template#"+r)}catch(e){}return a?n=a.content:(t.hasAttribute("data-url")?(n=document.createElement("a")).href=t.getAttribute("data-url"):n=document.createElement("span"),n.textContent=r),n}})),Prism.hooks.add("complete",r)}}();
+!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document)if(Prism.plugins.toolbar){var e={none:"Plain text",plain:"Plain text",plaintext:"Plain text",text:"Plain text",txt:"Plain text",html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",rss:"RSS",css:"CSS",clike:"C-like",js:"JavaScript",abap:"ABAP",abnf:"ABNF",al:"AL",antlr4:"ANTLR4",g4:"ANTLR4",apacheconf:"Apache Configuration",apl:"APL",aql:"AQL",ino:"Arduino",arff:"ARFF",armasm:"ARM Assembly","arm-asm":"ARM Assembly",art:"Arturo",asciidoc:"AsciiDoc",adoc:"AsciiDoc",aspnet:"ASP.NET (C#)",asm6502:"6502 Assembly",asmatmel:"Atmel AVR Assembly",autohotkey:"AutoHotkey",autoit:"AutoIt",avisynth:"AviSynth",avs:"AviSynth","avro-idl":"Avro IDL",avdl:"Avro IDL",awk:"AWK",gawk:"GAWK",sh:"Shell",basic:"BASIC",bbcode:"BBcode",bbj:"BBj",bnf:"BNF",rbnf:"RBNF",bqn:"BQN",bsl:"BSL (1C:Enterprise)",oscript:"OneScript",csharp:"C#",cs:"C#",dotnet:"C#",cpp:"C++",cfscript:"CFScript",cfc:"CFScript",cil:"CIL",cilkc:"Cilk/C","cilk-c":"Cilk/C",cilkcpp:"Cilk/C++","cilk-cpp":"Cilk/C++",cilk:"Cilk/C++",cmake:"CMake",cobol:"COBOL",coffee:"CoffeeScript",conc:"Concurnas",csp:"Content-Security-Policy","css-extras":"CSS Extras",csv:"CSV",cue:"CUE",dataweave:"DataWeave",dax:"DAX",django:"Django/Jinja2",jinja2:"Django/Jinja2","dns-zone-file":"DNS zone file","dns-zone":"DNS zone file",dockerfile:"Docker",dot:"DOT (Graphviz)",gv:"DOT (Graphviz)",ebnf:"EBNF",editorconfig:"EditorConfig",ejs:"EJS",etlua:"Embedded Lua templating",erb:"ERB","excel-formula":"Excel Formula",xlsx:"Excel Formula",xls:"Excel Formula",fsharp:"F#","firestore-security-rules":"Firestore security rules",ftl:"FreeMarker Template Language",gml:"GameMaker Language",gamemakerlanguage:"GameMaker Language",gap:"GAP (CAS)",gcode:"G-code",gdscript:"GDScript",gedcom:"GEDCOM",gettext:"gettext",po:"gettext",glsl:"GLSL",gn:"GN",gni:"GN","linker-script":"GNU Linker Script",ld:"GNU Linker Script","go-module":"Go module","go-mod":"Go module",graphql:"GraphQL",hbs:"Handlebars",hs:"Haskell",hcl:"HCL",hlsl:"HLSL",http:"HTTP",hpkp:"HTTP Public-Key-Pins",hsts:"HTTP Strict-Transport-Security",ichigojam:"IchigoJam","icu-message-format":"ICU Message Format",idr:"Idris",ignore:".ignore",gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore",inform7:"Inform 7",javadoc:"JavaDoc",javadoclike:"JavaDoc-like",javastacktrace:"Java stack trace",jq:"JQ",jsdoc:"JSDoc","js-extras":"JS Extras",json:"JSON",webmanifest:"Web App Manifest",json5:"JSON5",jsonp:"JSONP",jsstacktrace:"JS stack trace","js-templates":"JS Templates",keepalived:"Keepalived Configure",kts:"Kotlin Script",kt:"Kotlin",kumir:"KuMir (КуМир)",kum:"KuMir (КуМир)",latex:"LaTeX",tex:"TeX",context:"ConTeXt",lilypond:"LilyPond",ly:"LilyPond",emacs:"Lisp",elisp:"Lisp","emacs-lisp":"Lisp",llvm:"LLVM IR",log:"Log file",lolcode:"LOLCODE",magma:"Magma (CAS)",md:"Markdown","markup-templating":"Markup templating",matlab:"MATLAB",maxscript:"MAXScript",mel:"MEL",metafont:"METAFONT",mongodb:"MongoDB",moon:"MoonScript",n1ql:"N1QL",n4js:"N4JS",n4jsd:"N4JS","nand2tetris-hdl":"Nand To Tetris HDL",naniscript:"Naninovel Script",nani:"Naninovel Script",nasm:"NASM",neon:"NEON",nginx:"nginx",nsis:"NSIS",objectivec:"Objective-C",objc:"Objective-C",ocaml:"OCaml",opencl:"OpenCL",openqasm:"OpenQasm",qasm:"OpenQasm",parigp:"PARI/GP",objectpascal:"Object Pascal",psl:"PATROL Scripting Language",pcaxis:"PC-Axis",px:"PC-Axis",peoplecode:"PeopleCode",pcode:"PeopleCode",php:"PHP",phpdoc:"PHPDoc","php-extras":"PHP Extras","plant-uml":"PlantUML",plantuml:"PlantUML",plsql:"PL/SQL",powerquery:"PowerQuery",pq:"PowerQuery",mscript:"PowerQuery",powershell:"PowerShell",promql:"PromQL",properties:".properties",protobuf:"Protocol Buffers",purebasic:"PureBasic",pbfasm:"PureBasic",purs:"PureScript",py:"Python",qsharp:"Q#",qs:"Q#",q:"Q (kdb+ database)",qml:"QML",rkt:"Racket",cshtml:"Razor C#",razor:"Razor C#",jsx:"React JSX",tsx:"React TSX",renpy:"Ren'py",rpy:"Ren'py",res:"ReScript",rest:"reST (reStructuredText)",robotframework:"Robot Framework",robot:"Robot Framework",rb:"Ruby",sas:"SAS",sass:"Sass (Sass)",scss:"Sass (SCSS)","shell-session":"Shell session","sh-session":"Shell session",shellsession:"Shell session",sml:"SML",smlnj:"SML/NJ",solidity:"Solidity (Ethereum)",sol:"Solidity (Ethereum)","solution-file":"Solution file",sln:"Solution file",soy:"Soy (Closure Template)",sparql:"SPARQL",rq:"SPARQL","splunk-spl":"Splunk SPL",sqf:"SQF: Status Quo Function (Arma 3)",sql:"SQL",stata:"Stata Ado",iecst:"Structured Text (IEC 61131-3)",supercollider:"SuperCollider",sclang:"SuperCollider",systemd:"Systemd configuration file","t4-templating":"T4 templating","t4-cs":"T4 Text Templates (C#)",t4:"T4 Text Templates (C#)","t4-vb":"T4 Text Templates (VB)",tap:"TAP",tt2:"Template Toolkit 2",toml:"TOML",trickle:"trickle",troy:"troy",trig:"TriG",ts:"TypeScript",tsconfig:"TSConfig",uscript:"UnrealScript",uc:"UnrealScript",uorazor:"UO Razor Script",uri:"URI",url:"URL",vbnet:"VB.Net",vhdl:"VHDL",vim:"vim","visual-baLine truncated
+"undefined"!=typeof Prism&&"undefined"!=typeof document&&(Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Prism.plugins.UnescapedMarkup=!0,Prism.hooks.add("before-highlightall",(function(e){e.selector+=', [class*="lang-"] script[type="text/plain"], [class*="language-"] script[type="text/plain"], script[type="text/plain"][class*="lang-"], script[type="text/plain"][class*="language-"]'})),Prism.hooks.add("before-sanity-check",(function(e){var t=e.element;if(t.matches('script[type="text/plain"]')){var a=document.createElement("code"),c=document.createElement("pre");c.className=a.className=t.className;var n=t.dataset;return Object.keys(n||{}).forEach((function(e){Object.prototype.hasOwnProperty.call(n,e)&&(c.dataset[e]=n[e])})),a.textContent=e.code=e.code.replace(/&lt;\/script(?:>|&gt;)/gi,"<\/script>"),c.appendChild(a),t.parentNode.replaceChild(c,t),void(e.element=a)}if(!e.code){var o=t.childNodes;1===o.length&&"#comment"==o[0].nodeName&&(t.textContent=e.code=o[0].textContent)}})));
+!function(){function t(t){var e=document.createElement("textarea");e.value=t.getText(),e.style.top="0",e.style.left="0",e.style.position="fixed",document.body.appendChild(e),e.focus(),e.select();try{var o=document.execCommand("copy");setTimeout((function(){o?t.success():t.error()}),1)}catch(e){setTimeout((function(){t.error(e)}),1)}document.body.removeChild(e)}"undefined"!=typeof Prism&&"undefined"!=typeof document&&(Prism.plugins.toolbar?Prism.plugins.toolbar.registerButton("copy-to-clipboard",(function(e){var o=e.element,n=function(t){var e={copy:"Copy","copy-error":"Press Ctrl+C to copy","copy-success":"Copied!","copy-timeout":5e3};for(var o in e){for(var n="data-prismjs-"+o,c=t;c&&!c.hasAttribute(n);)c=c.parentElement;c&&(e[o]=c.getAttribute(n))}return e}(o),c=document.createElement("button");c.className="copy-to-clipboard-button",c.setAttribute("type","button");var r=document.createElement("span");return c.appendChild(r),u("copy"),function(e,o){e.addEventListener("click",(function(){!function(e){navigator.clipboard?navigator.clipboard.writeText(e.getText()).then(e.success,(function(){t(e)})):t(e)}(o)}))}(c,{getText:function(){return o.textContent},success:function(){u("copy-success"),i()},error:function(){u("copy-error"),setTimeout((function(){!function(t){window.getSelection().selectAllChildren(t)}(o)}),1),i()}}),c;function i(){setTimeout((function(){u("copy")}),n["copy-timeout"])}function u(t){r.textContent=n[t],c.setAttribute("data-copy-state",t)}})):console.warn("Copy to Clipboard plugin loaded before Toolbar plugin."))}();