@govbr-ds/webcomponents 2.0.0-next.2 → 2.0.0-next.4

package/README.md

@@ -1,6 +1,13 @@
 # Web Components GovBR-DS
 
-Biblioteca baseada no [GovBR-DS](https://gov.br/ds 'GovBR-DS') e construída usando Web Components para ser independente de frameworks.
+Nosso objetivo é disponibilizar uma biblioteca de componentes baseada no [GovBR-DS](https://gov.br/ds 'GovBR-DS') que possa ser consumida independente de frameworks ou tecnologias utilizadas nos projetos.
+
+## Demonstração
+
+Acesse nossos sites e veja nossos componentes em ação:
+
+- [Storybook - Produção](https://gov.br/ds/webcomponents/)
+- [Storybook - Desenvolvimento](https://govbr-ds.gitlab.io/wbc/govbr-ds-wbc/)
 
 ## Tecnologias
 
@@ -61,32 +68,23 @@ Disponibilizamos alguns exemplos de como usar esse projeto com algumas tecnologi
 
 ```markdown
 /raiz
-└───public
-│ └───index.html
 └───src
-│ │───App.vue
-│ │───main.js
-│ │
-│ │───library
-│ │ │───lib.js
-│ │ │───components
-│ │ │───mixins
-│ │ └───util
-│ │───pages
-│ │───router
-│ └───stories
+│───assets
+│───library
+│ │───lib.js
+│ │───components
+│ │───mixins
+│ └───util
+└───stories
 ```
 
-- **public/index.html**: página inicial da aplicação Vue que faz uso dos componentes da biblioteca.
 - **src**
-  - **App.vue** e **main.js**: arquivos da aplicação Vue.
+  - **assets**: pasta com arquivos estáticos
   - **library**
     - **lib.js**: inicializa todos os custom elements e define o que faz parte da biblioteca. É usado para fazer o build final.
     - **components**: pasta com os componentes da biblioteca, seus testes e stories do storybook.
     - **mixins**: mixins que são usados em vários componentes.
     - **util**: funções criadas para facilitar ações dentro dos componentes
-  - **pages**: páginas da aplicação Vue. São os exemplos que usamos para testar
-  - **router**: arquivo com as rotas apontando para as páginas (pages) da aplicação Vue
   - **stories**: Arquivos com as stories gerais do storybook
 
 > Aplicação Vue é uma aplicação criada para testar rapidamente nossos componentes. Ela não é disponibilizada no build e nem disponibilizamos um site com ela.
@@ -97,45 +95,27 @@ Clone o projeto:
 
 ```bash
 git clone git@gitlab.com:govbr-ds/dev/wbc/govbr-ds-wbc.git
-```
-
-Entre no diretório do projeto:
 
-```bash
 cd govbr-ds-wbc
-```
 
-Instale as dependências:
-
-```bash
 npm install
-```
-
-Para executar a nossa biblioteca a partir do código-fonte você tem 2 opções:
-
-###  Executar como VueJS Components
 
-Nessa visualização você executa o projeto em uma página auxiliar (fora do storybook) e sem compilar o resultado para Web Components.
-
-```node
-npm run serve
+npm run storybook
 ```
 
-###  Executar como Web Components
+## Documentação
 
-Nessa visualização o projeto é executado a partir do storybook e convertido para Web Components.
+Nossa documentação está disponível em <https://gov.br/ds/webcomponents/>.
 
-Aqui você consegue testar as configurações, obter snippets de código e visualizar os componentes rodando como nos ambientes de produção.
+> Para outras informações, consulte nossa [Wiki](https://gov.br/ds/wiki/desenvolvimento/web-components/).
 
-```node
-npm run storybook
-```
+## Polyfill
 
-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.
+Acesse os seguintes links para entender mais sobre o suporte dos browsers a [Custom Elements](https://caniuse.com/custom-elementsv1) e a [Shadow Dom](https://caniuse.com/shadowdomv1).
 
-## Documentação
+Caso os requisitos do seu projeto incluam navegadores que não suportam completamente os Web Components, adicione os [polyfills](https://www.webcomponents.org/polyfills) ao seu projeto.
 
-Nossa documentação está disponível em <https://gov.br/ds/webcomponents/>.
+Para aprender com instalar, consulte a [documentação oficial](https://github.com/webcomponents/polyfills/tree/master/packages/webcomponentsjs 'Polyfills')
 
 ## Contribuindo
 
@@ -151,6 +131,10 @@ Você pode usar as [issues](https://gitlab.com/govbr-ds/dev/wbc/govbr-ds-wbc/-/i
 
 Nos comprometemos a responder a todas as issues.
 
+## Commits
+
+Nesse projeto usamos um padrão para branches e commits. Por favor observe a documentação na nossa [wiki](https://gov.br/ds/wiki/ 'Wiki') para aprender sobre os nossos padrões.
+
 ## Precisa de ajuda?
 
 > Por favor **não** crie issues para fazer perguntas...
@@ -165,18 +149,6 @@ Use nossos canais abaixo para obter tirar suas dúvidas:
 
 - Usando nosso canal no discord <https://discord.gg/U5GwPfqhUP>
 
-## Commits
-
-Nesse projeto usamos um padrão para branches e commits. Por favor observe a documentação na nossa [wiki](https://gov.br/ds/wiki/ 'Wiki') para aprender sobre os nossos padrões.
-
-## Apêndice
-
-### Polyfill
-
-Caso os requisitos do seu projeto incluam navegadores que não suportam completamente os Web Components, adicione os [polyfills](https://www.webcomponents.org/polyfills) ao seu projeto.
-
-Para aprender com instalar, consulte a [documentação oficial](https://github.com/webcomponents/polyfills/tree/master/packages/webcomponentsjs 'Polyfills')
-
 ## Créditos
 
 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.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@govbr-ds/webcomponents",
-  "version": "2.0.0-next.2",
+  "version": "2.0.0-next.4",
   "private": false,
   "description": "Projeto de Webcomponents baseado no GovBR-DS",
   "keywords": [
@@ -29,21 +29,19 @@
   ],
   "scripts": {
     "build": "vue-cli-service build --target lib --inline-vue --name webcomponents src/library/lib.js",
-    "build:storybook": "build-storybook --output-dir public",
+    "build:storybook": "build-storybook -o public",
     "commit": "git-cz",
     "lint:js": "vue-cli-service lint --fix",
-    "lint:md": "markdownlint --fix **/*.md -d -c .markdownlint.yml",
-    "lint:styles": "stylelint 'src/**/*.css' --aei --fix",
+    "lint:md": "markdownlint -d --fix **/*.md",
     "prepare": "chmod +x ./node_modules/husky/lib/bin.js && husky install",
-    "serve": "vue-cli-service serve",
-    "storybook": "npm run build && start-storybook -p 6006",
+    "storybook": "start-storybook -p 6006",
     "test:ci": "jest --config ./jest.config.js --collectCoverage --coverageDirectory=\"./coverage\" --ci --reporters=default --reporters=jest-junit --watchAll=false",
     "test:unit": "vue-cli-service test:unit --updateSnapshot"
   },
   "lint-staged": {
     "*.md": [
-      "markdownlint -d -c .markdownlint.yml --fix **/*.md",
-      "prettier --write"
+      "prettier --write",
+      "markdownlint -d --fix"
     ],
     "*.{js,ts,vue}": [
       "vue-cli-service lint --fix",
@@ -58,8 +56,8 @@
   },
   "dependencies": {
     "core-js": "3.30.1",
+    "maska": "^2.1.9",
     "vue": "3.2.47",
-    "vue-the-mask": "0.11.1",
     "vuex": "^4.1.0"
   },
   "devDependencies": {
@@ -105,8 +103,7 @@
     "sass": "1.58.3",
     "sass-loader": "13.2.2",
     "semantic-release-discord": "1.2.0",
-    "stylelint": "15.6.1",
-    "stylelint-config-sass-guidelines": "10.0.0",
+    "storybook-version": "^0.1.1",
     "vue-loader": "^16.8.3",
     "vue-router": "4.1.6",
     "vue-syntax-highlight": "^0.1.8"