@e-inscricao/ei-streaming-pages v0.0.15-alpha

E-i Streaming Pages

Demo staging no netlify. Deploy em produção no netlify.

Este app utilza o design system da Raise.

Storybook disponível aqui.

Aplicativo react responsável por disponibilizar telas de feedback ao participante de eventos Streaming, que são renderizadas em htmls no microsserviço do projeto. Também contem a tela de CSAT que é fornecido em um deploy separado no netlify, feito automaticamente ao commitar nas branchs.

O pacote é importado em um html no microsserviço, que utilizará dados passados por dataset do html para determinar qual tela será renderizada e seu devido comportamento.

Instalação

Para instalar as dependências do app:

yarn

Após concluir instalações, para rodar localmente:

yarn start

Se tudo der certo, o app rodará no endereço http://localhost:8080/ em seu navegador (se nada já estiver rodando nessa porta). Caso der algum erro, as mensagens disponibilizadas pelo web-pack no terminal devem ajudar a encontrar o problema.

Build e publicação

Após realizar alguma modificação, é necessário buildar o projeto para gerar um umd pronto para publicação. Antes de rodar o comando abaixo para gerar a build, certifique-se de atualizar a versão do projeto no package.json, para aparecer no rodapé do app a versão atual.

yarn build

Isso irá gerar um diretório /dist na raiz do projeto, contendo um bundle da aplicação, pronto para ser publicado no npm e disponibilizado em uma cdn, neste caso, no unpkg.

Para realizar a publicação, certifique-se de estar cadastrado na organização @labz da Raise no npm. A organização ou cdn podem mudar, portanto certifique-se de perguntar as pessoas responsáveis para informações sobre onde estão sendo publicados os apps da empresa.

Já cadastrado e logado no npm localmente, rode o comando abaixo:

yarn publish

Se tudo estiver certo, o terminal pedirá o número da versão nova a ser publicada. Verifique qual será acessando o npm do pacote, insira e dê enter para realizar a publicação.

Com isso, será possível importar o aplicativo através do cdn em uso.

Projeto criado usando o padrão webpack-boilerplat.