feat: adicionar rotas para chat e upload, redirecionamento padrão e tratamento de rotas não encontradas

feat: implementar componente de chat com funcionalidade de envio de mensagens e histórico

feat: implementar componente de upload com drag and drop e gerenciamento de arquivos

style: adicionar estilos globais e específicos para componentes de header, footer, chat e upload

chore: configurar GitHub Actions para deploy automático e gerenciamento de versões com semantic-release

feat: criar serviços para comunicação com a API de chat e upload de documentos

chore: adicionar arquivos de ambiente para desenvolvimento e produção

Author: CesarAugustoVB

.github/workflows/deploy-lognet.yml.bkp

@@ -0,0 +1,62 @@
+name: Deploy React App to Nginx
+
+# Gatilho: roda quando houver push na branch main
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest   # Ambiente do GitHub Actions (Ubuntu)
+
+    steps:
+      # 1️⃣ Baixar o código do repositório
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      # 2️⃣ Configurar Node.js
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'  # Versão do Node.js
+          cache: 'npm'
+
+      # 3️⃣ Instalar dependências
+      - name: Install dependencies
+        run: npm ci   # npm ci garante build reproduzível no CI (mais rápido e confiável que npm install)
+
+      # 4️⃣ Build do projeto React/Vite em modo produção
+      # Gera os arquivos otimizados na pasta dist/
+      - name: Build React app
+        run: npm run build
+
+      # 5️⃣ Deploy para o servidor Nginx via rsync
+      # rsync é mais eficiente que SCP para sincronizar arquivos
+      - name: Deploy to Nginx
+        uses: burnett01/rsync-deployments@7.0.1
+        with:
+          # Switches do rsync:
+          # -a = modo arquivo (preserva permissões, timestamps, etc)
+          # -v = verbose (mostra o que está sendo copiado)
+          # -z = comprime dados durante transferência
+          # -r = recursivo (copia subpastas)
+          # --delete = remove arquivos antigos do servidor que não existem mais no source
+          switches: -avzr --delete
+
+          # IMPORTANTE: a barra / no final copia APENAS O CONTEÚDO da pasta dist
+          # Sem a barra, copiaria a pasta "dist" inteira
+          path: dist/
+
+          # Pasta de destino no servidor (onde o Nginx serve os arquivos)
+          remote_path: /var/www/html/projetos_web/logbooks/
+
+          # Dados de conexão SSH (armazenados nos Secrets do GitHub)
+          remote_host: ${{ secrets.SERVER_HOST }}      # IP ou domínio do servidor
+          remote_port: ${{ secrets.SERVER_PORT }}      # Porta SSH (normalmente 22)
+          remote_user: ${{ secrets.SERVER_USER }}      # Usuário SSH
+          remote_key: ${{ secrets.SSH_PRIVATE_KEY }}   # Chave privada SSH
+
+      # 6️⃣ Mensagem de sucesso
+      - name: Deployment complete
+        run: echo "React frontend netmap deployed successfully to nginx"

.github/workflows/release.yml

@@ -0,0 +1,35 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      issues: write
+      pull-requests: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'lts/*'
+
+      - name: Release
+        uses: cycjimmy/semantic-release-action@v4
+        with:
+          extra_plugins: |
+            @semantic-release/changelog
+            @semantic-release/git
+            conventional-changelog-conventionalcommits
+        env:
+          GITHUB_TOKEN: ${{ secrets.SEMANTIC_RELEASE_TOKEN }}

.releaserc.json

@@ -0,0 +1,19 @@
+{
+  "branches": ["main"],
+  "plugins": [
+    ["@semantic-release/commit-analyzer", {
+      "preset": "conventionalcommits"
+    }],
+    ["@semantic-release/release-notes-generator", {
+      "preset": "conventionalcommits"
+    }],
+    ["@semantic-release/changelog", {
+      "changelogFile": "CHANGELOG.md"
+    }],
+    ["@semantic-release/github"],
+    ["@semantic-release/git", {
+      "assets": ["CHANGELOG.md", "package.json"],
+      "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
+    }]
+  ]
+}

angular.json

@@ -72,7 +72,13 @@
             "development": {
               "optimization": false,
               "extractLicenses": false,
-              "sourceMap": true
+              "sourceMap": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"
@@ -113,5 +119,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

package-lock.json

@@ -28,15 +28,19 @@
     "@angular/forms": "^20.3.0",
     "@angular/platform-browser": "^20.3.0",
     "@angular/router": "^20.3.0",
+    "@fortawesome/fontawesome-free": "^7.2.0",
+    "bootstrap": "^5.3.8",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
+    "uuid": "^13.0.0",
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
     "@angular/build": "^20.3.6",
     "@angular/cli": "^20.3.6",
     "@angular/compiler-cli": "^20.3.0",
     "@types/jasmine": "~5.1.0",
+    "@types/uuid": "^10.0.0",
     "jasmine-core": "~5.9.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
@@ -45,4 +49,4 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.9.2"
   }
-}
+}

package.json

@@ -1,12 +1,12 @@
-import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZoneChangeDetection } from '@angular/core';
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
-
+import { provideHttpClient } from '@angular/common/http';
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    provideBrowserGlobalErrorListeners(),
     provideZoneChangeDetection({ eventCoalescing: true }),
-    provideRouter(routes)
+    provideRouter(routes),
+    provideHttpClient()
   ]
-};
+};

src/app/app.config.ts

@@ -0,0 +1,4 @@
+.main-content {
+  min-height: calc(100vh - 112px);
+  padding: 24px 0;
+}