Preparo de exame webcomponent com Stencil
Este projeto foi criado utilizando Stencil para desenvolvimento de webcomponents.
Getting Started
Para a utilização do componente, é necessário ter o cura instalado em seu projeto;
rdwc-preparo-de-exames
Para a instalação:
npm install @rededor/rdwc-preparo-exame
Para utilização do componente é necessário fazer a chamada do "defineCustomElements"em seu projeto.
import { defineCustomElements as defineCustomElementsExames } from '@rededor/rdwc-preparo-exame/loader';
defineCustomElementsExames(window);
Dessa forma é possivel utilizar o webcomponent no html.
<rdwc-preparo-de-exames idqd="??" wpenv="??" squad="??" agendamentoonline="??"></rdwc-preparo-de-exames>
O webcomponent rdwc-preparo-de-exames aceita os seguintes parâmetros:
idqd ou slug do exame;
wpenv 'development' | 'staging' | 'production';
squad 'site' | 'agendamento';
agendamentoonline 'S' | 'N' | 'M';
O preparo de exames é cadastrado nos exames do wordpress do site.
Desenvolvimento com Live Reload
Para rodar o projeto com live reload:
No contexto da LIB:
Rode o build: npm run build;
Abra o component-lib pelo terminal ou na pasta raiz rode cd packages/component-lib;
Rode o link: npm link;
No contexto do PROJETO:
Rode o link: npm link @rededor/rdwc-preparo-exame;
Após realizar os testes, é recomendável realizar a limpeza dessas linkagens.
No contexto do PROJETO:
npm unlink @rededor/rdwc-preparo-exame --no-save;
No contexto da LIB:
npm rm -g @rededor/rdwc-preparo-exame --no-save
Feito isso, voce pode checar se as linkagens foram removidas corretamente com npm list -g.
Publicar:
Rode o build: npm run build;
Realize os commits e push;
Rode o publish: npm run publish;