Fix - Redirection to Login if Response Status is 302

[LuanEdCosta]

• Create AuthExpired interceptor inside the services folder
• Attach AuthExpired interceptor in all API instances
• Make all files inside the services folder return the axios instance
• Test if all axios instances have the AuthExpired interceptor
• Create factory to generate a new axios instance with the AuthExpired interceptor attached. This factory adds a identifier to the instance, so it's possible to check later if a instance was created with the factory.

P.S. Attach the interceptor to the axios directly is a bad practice because in the future we may want to create an instance axios that does not redirect to the login if the response status be 302.

[github-actions]

Dicas para revisão de código

Commits

• Título (1a linha do commit): apresentar resumo do que foi alterado/adicionado/removido.
  ex: adiciona action que salva parametros no backend; exibe rótulo no componente de selecao de dataset;
• Descrição (outras linhas): dar mais detalhes de cada alteração:
  • motivos das alterações
    ex: havia um bug que causava...; nova funcionalidade que faz isso...; código foi movido para...;
  • bibliotecas adicionadas e versões (package.json)
    ex: atualiza para antd v4.6;
  • testes unitários criados/alterados
    ex: adiciona testes para a action fetchProjectSuccess;
• Mensagens auto-explicativas! Quem revisa o código deve entender o que foi feito (e porque foi feito) sem perguntar para quem fez o commit.
• Não devem ter conflitos. Solicitar que sejam resolvidas as ocorrências de "This branch has conflicts that must be resolved".

SonarCloud Quality Gate

• Coverage > 80.0%, e sempre que possível = 100%
• 0 Bugs, 0 Code Smells, 0 Vulnerabilities

Build Github actions COM SUCESSO

ReactJS

• Usar Node 12 ou 14.
• Remover console.log.
• Não deixar código-fonte comentado.
• Pasta de módulos devem ser escritas em lower case
• Pasta de componentes devem ser escritas em camel case
• Nunca utilizar spread em retorno de reducer sem alteração
• Sempre utilizar hooks ao invés de HOCs
• Itens em uma lista devem ser renderizados com uma chave única (preferir uuid)
• Comentar apenas códigos que não estão muito claros
• Não utilizar comentários para blocos
• Action types devem conter @

Redux

As instruções a seguir foram retiradas do Redux Style Guide.

• Sempre retorne o newState no reducer. Outros valores irão causar problemas inesperados.
  ex: return message.error(error); (ERRADO)
• NÃO faça atribuições de valores no state. Crie e retorne um newState.
  ex: state.data = action.data; return state; (ERRADO)
• No reducer use apenas o state e o action. Não dispare ações ou funções assíncronas.
• No state, armazene tipos simples (int, String, ...), Array e plain Object. NÃO armazene function, Promise, class instances.
• Evite arrays aninhados no estado. Prefira armazená-los numa "forma normalizada".
• Nomeie as actions como "eventos", não como "setters".
  ex: SET_TASK_NAME SET_TASK_DESCRIPTION (ERRADO). TASK_DETAILS_EDITED (CORRETO).
• Utilize nomes auto-explicativos para as actions. Evite nomes como SET_DATA e UPDATE_DATA.

[LuanEdCosta]

@fberanizo Teria como subir o código desta branch em um ambiente com login para testarmos se o que fiz funciona? Acredito que funciona sim porque simulei em um com login, mas nada como testar de verdade. 👍

[fberanizo]

Minha percepção é que adicionando o interceptor em cada service fica mais fácil de entender, porém mais verboso (com código duplicado).

Se tivesse uma função "fábrica" pra substituir o axios.create, e que já adicionasse o interceptor, acho ficaria mais enxuto o código. Essa sugestão tem uma desvantagem de tornar o desenvolvimento de futuros services anti-natural, principalmente pra novos devs (não se usaria o axios diretamente).

Bem...tem prós e contras.
@schafferjrdev como você prefere?

[LuanEdCosta]

Agora está funcionando e consegui criar a factory com as tipagens do axios. @fberanizo Já pode testar no awsplatiagro25 porque já implantei lá. Só uma coisa que achei não tão legal: o redirect demora um pouco, então as mensagens do antd ainda aparecem.

[fberanizo]

Agora está funcionando e consegui criar a factory com as tipagens do axios. @fberanizo Já pode testar no awsplatiagro25 porque já implantei lá. Só uma coisa que achei não tão legal: o redirect demora um pouco, então as mensagens do antd ainda aparecem.

Acho que não tem muito problema do jeito que ficou.
Será que dá pra transformar o resultado da request em uma exceção com mensagem de erro mais amigável?
Talvez a gente possa fazer um "cancel" na requisição para garantir que no service chegue exception.
https://axios-http.com/docs/cancellation

O que você acha @LuanEdCosta ?

[sonarqubecloud]

SonarCloud Quality Gate failed.   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

64.4% Coverage
0.0% Duplication

[fberanizo]

👍