@brassbrasil/auth

Auth Library

Usage no npm install needed!

<script type="module">
  import brassbrasilAuth from 'https://cdn.skypack.dev/@brassbrasil/auth';
</script>

README

Brass Digital Platform (frontend) - Auth

Arquitetura

A ideia dessa arquitetura é separar a aplicação por camadas de responsabilidade e abstrair a maneira que ocorre o fluxo de dados.

|-- src
    |-- app
        |-- core
        |-- modules
        |-- shared
    |-- assets
    |-- environments

A intenção é implementar uma arquitetura como a da imagem a seguir: alt text

Other Modules

Os outros módulos devem seguir o princípio da responsabilidade única ao implementarem características novas para a aplicação. Além disso, para melhorar o fluxo de dados na aplicação utilização smart e dumb components com uma camada de abstração.

|-- modules
    |-- feature-a
        |-- components
            |-- containers (Smart components)
            |-- presentational (Dumb components)
        |-- models (Modelos específicos deste módulo)
        |-- services (Serviços específicos deste módulo)
        |-- shared (Componentes específicos que podem ser compartilhados apenas nesse módulo)
        |-- store (State management do módulo)
            action.ts
            effects.ts
            index.ts
            reducer.ts
            selectors.ts
            state.ts
            feature-a-store.module.ts
        feature-a-routing.module.ts
        feature-a.module.ts
        feature-a.component.html|scss|spec.ts|ts

Assets

|-- assets
    |-- i18n
    |-- icons
    |-- images
    |-- styles
        |-- base
            _animations.scss (Regras para as animações da aplicação)
            _app-common.scss (Regras comuns da aplicação)
            _base.scss (Regras para os elementos HTML mais comuns)
            _reset.scss (Regras de reset da aplicação)
            _typography.scss (Regras tipográficas da aplicação)
        |-- utilities (Não contém regras)
            _functions.scss
            _mixins.scss
            _placeholder.scss
            _variables.scss
        |-- vendors (Regras específicas de terceiros)
            _vendor-a.scss
            ...
        _export.scss (Exporta algumas regras)
        main.scss (Importa todas as regras)

Boas práticas

Para boas práticas sobre desenvolvimento de aplicações em Angular, consulte https://angular.io/guide/styleguide.

Scripts

Para publicar:

  • npm run build && npm run publish