@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 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.