@govbr-ds/webcomponents 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +145 -0
- package/dist/webcomponents.common.js +30851 -0
- package/dist/webcomponents.umd.js +30862 -0
- package/dist/webcomponents.umd.min.js +8 -0
- package/package.json +135 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2022 SERPRO
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
# GOVBR-DS - Web Components
|
|
2
|
+
|
|
3
|
+
Biblioteca de Web Components baseado no [GOVBR-DS](https://gov.br/ds 'GOVBR-DS').
|
|
4
|
+
|
|
5
|
+
## Objetivo
|
|
6
|
+
|
|
7
|
+
Construir uma biblioteca de componentes que faça uso das tecnologias de Web Components e que seja reutilizável em vários frameworks, bibliotecas e browsers.
|
|
8
|
+
|
|
9
|
+
## Tecnologias
|
|
10
|
+
|
|
11
|
+
Esse projeto é desenvolvido usando:
|
|
12
|
+
|
|
13
|
+
1. [VueJS 3](https://v3.vuejs.org/ 'VueJS 3')
|
|
14
|
+
1. [1.Storybook](https://storybook.js.org/ 'Storybook')
|
|
15
|
+
1. [Jest](https://jestjs.io/ 'Jest')
|
|
16
|
+
|
|
17
|
+
Para saber mais detalhes sobre Web Components sugerimos que consulte o [MDN](https://developer.mozilla.org/pt-BR/docs/Web/Web_Components 'Web Components | MDN').
|
|
18
|
+
|
|
19
|
+
### Dependências
|
|
20
|
+
|
|
21
|
+
Para conseguir usar nossa biblioteca sem problemas temos as seguintes dependências:
|
|
22
|
+
|
|
23
|
+
1. [GOVBR-DS](https://gov.br/ds/ 'GOVBR-DS')
|
|
24
|
+
|
|
25
|
+
1. [Font Awesome](https://fontawesome.com/ 'Font Awesome')
|
|
26
|
+
|
|
27
|
+
1. [Fonte Rawline](https://www.cdnfonts.com/rawline.font/ 'Fonte Rawline')
|
|
28
|
+
|
|
29
|
+
> O fontawesome e a fonte rawline podem ser importadas de um CDN. Consulte a documentação no site do [GOVBR-DS](https://www.gov.br/ds/ 'GOVBR-DS') para mais detalhes.
|
|
30
|
+
|
|
31
|
+
## Como usar nossa biblioteca em seu projeto?
|
|
32
|
+
|
|
33
|
+
### Uso de polyfill
|
|
34
|
+
|
|
35
|
+
Caso os requisitos to seu projeto incluam navegadores que não suportam completamente os Web Components, adicione os [polyfills](https://www.webcomponents.org/polyfills) ao seu projeto.
|
|
36
|
+
|
|
37
|
+
Para aprender com instalar, consulta a [documentação oficial](https://github.com/webcomponents/polyfills/tree/master/packages/webcomponentsjs 'Polyfills')
|
|
38
|
+
|
|
39
|
+
### Instalação da biblioteca
|
|
40
|
+
|
|
41
|
+
Você pode instalar a nossa biblioteca de Web Components no seu projeto usando:
|
|
42
|
+
|
|
43
|
+
```node
|
|
44
|
+
npm install --save @govbr-ds/webcomponents
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### Uso
|
|
48
|
+
|
|
49
|
+
Depois de instalada, importe a biblioteca de dentro da parta node_modules
|
|
50
|
+
|
|
51
|
+
```javascript
|
|
52
|
+
@import "node_modules/@govbr-ds/webcomponents/dist/webcomponents.umd.min.js"
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## Exemplos de uso
|
|
56
|
+
|
|
57
|
+
Disponibilizamos alguns exemplos de como usar esse projeto com algumas tecnologias. Consulte o [nosso grupo aqui no giltab](https://gitlab.com/govbr-ds/dev/wbc 'GOVBR-DS/DEV/WBC') e procure pelos projetos de 'Quickstart' para mais detalhes.
|
|
58
|
+
|
|
59
|
+
## Documentação
|
|
60
|
+
|
|
61
|
+
Nossa documentação está disponível em <https://govbr-ds.gitlab.io/dev/wbc/govbr-ds-wbc/>.
|
|
62
|
+
|
|
63
|
+
## Como executar o projeto?
|
|
64
|
+
|
|
65
|
+
Para executar a nossa biblioteca a partir do código-fonte você tem 2 opções:
|
|
66
|
+
|
|
67
|
+
### Executar como VueJS
|
|
68
|
+
|
|
69
|
+
Nessa visualização você executa o projeto em uma página auxiliar (fora do storybook) e sem compilar o resultado para Web Components.
|
|
70
|
+
|
|
71
|
+
```node
|
|
72
|
+
npm run serve
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
### Executar como Web Components
|
|
76
|
+
|
|
77
|
+
Nessa visualização o projeto é executado a partir do storybook e convertido para Web Components.
|
|
78
|
+
|
|
79
|
+
Aqui você consegue testar as configurações, obter snippets de código e visualizar os componentes rodando como nos ambientes de produção.
|
|
80
|
+
|
|
81
|
+
```node
|
|
82
|
+
npm run storybook
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
Essa compilação pode demorar para refletir as alterações na página. Assim, recomendamos que utilizem primeiro a execução como VueJS durante o desenvolvimento e quando considerarem as alterações maduras o suficiente façam os testes como Web Components.
|
|
86
|
+
|
|
87
|
+
## Compilar biblioteca
|
|
88
|
+
|
|
89
|
+
Gera o build da biblioteca dentro da pasta **dist**.
|
|
90
|
+
|
|
91
|
+
```node
|
|
92
|
+
npm run build
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
## Testes unitários
|
|
96
|
+
|
|
97
|
+
Executa os testes unitários e sava os resultados na pasta coverage.
|
|
98
|
+
|
|
99
|
+
```node
|
|
100
|
+
npm run test:unit
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
## Lints
|
|
104
|
+
|
|
105
|
+
Nesse projeto usamos diversos tipos de lints para automaticamente verificar o código antes de enviar para review. Para executá-los e obter os resultados execute o comando:
|
|
106
|
+
|
|
107
|
+
```node
|
|
108
|
+
npm run lint
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
## Como contribuir?
|
|
112
|
+
|
|
113
|
+
Por favor verifique nossos guias de [como contribuir](./CONTRIBUTING.md 'Como contribuir?').
|
|
114
|
+
|
|
115
|
+
## Reportar bugs/necessidades
|
|
116
|
+
|
|
117
|
+
Você pode usar as [issues](https://gitlab.com/govbr-ds/dev/wbc/govbr-ds-wbc/-/issues/new) para nos informar os problemas que tem enfrentado ao usar nossa biblioteca ou mesmo o que gostaria que fizesse parte do projeto. Por favor use o modelo que mais se encaixa na sua necessidade e preencha com o máximo de detalhes possível.
|
|
118
|
+
|
|
119
|
+
Nos comprometemos a responder a todas as issues
|
|
120
|
+
|
|
121
|
+
## Precisa de ajuda?
|
|
122
|
+
|
|
123
|
+
> Por favor **não** crie issues para fazer perguntas...
|
|
124
|
+
|
|
125
|
+
Use nossos canais abaixo para obter tirar suas dúvidas:
|
|
126
|
+
|
|
127
|
+
- Site do GOVBR-DS <http://gov.br/ds>
|
|
128
|
+
|
|
129
|
+
- Web Components <https://govbr-ds.gitlab.io/dev/wbc/govbr-ds-wbc/>
|
|
130
|
+
|
|
131
|
+
- Pelo nosso email <govbr-ds@serpro.gov.br>
|
|
132
|
+
|
|
133
|
+
- Usando nosso canal no discord <https://discord.gg/U5GwPfqhUP>
|
|
134
|
+
|
|
135
|
+
### Commits
|
|
136
|
+
|
|
137
|
+
Nesse projeto usamos um padrão para branches e commits. Por favor observe a documentação na nossa [wiki](https://govbr-ds.gitlab.io/govbr-ds-wiki/ 'Wiki') para aprender sobre os nossos padrões.
|
|
138
|
+
|
|
139
|
+
## Créditos
|
|
140
|
+
|
|
141
|
+
Os Web Components do [GOVBR-DS](https://gov.br/ds/ 'GOVBR-DS') são criados pelo [SERPRO](https://www.serpro.gov.br/ 'SERPRO | Serviço Federal de Processamento de Dados') e [Dataprev](https://www.dataprev.gov.br/ 'Dataprev | Empresa de Tecnologia e Informações da Previdência') juntamente com a participação da comunidade.
|
|
142
|
+
|
|
143
|
+
## Licença
|
|
144
|
+
|
|
145
|
+
Nesse projeto usamos a licença MIT.
|