react-lgpd-consent 0.5.4 → 0.6.4
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/CHANGELOG.md +51 -8
- package/INTEGRACOES.md +2 -4
- package/QUICKSTART.md +28 -3
- package/README.en.md +7 -5
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,44 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.6.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#115](https://github.com/lucianoedipo/react-lgpd-consent/pull/115) [`2a54bae`](https://github.com/lucianoedipo/react-lgpd-consent/commit/2a54bae6bbbe068b75e489eae72aa77705353d1e) Thanks [@lucianoedipo](https://github.com/lucianoedipo)! - Adiciona RECIPES.md com 8 receitas práticas, WORKFLOWS.md documentando CI/CD completo, novos workflows de versionamento/publicação/docs, correção de versão do TypeDoc e atualização da documentação em inglês.
|
|
8
|
+
|
|
9
|
+
- Updated dependencies [[`2a54bae`](https://github.com/lucianoedipo/react-lgpd-consent/commit/2a54bae6bbbe068b75e489eae72aa77705353d1e)]:
|
|
10
|
+
- @react-lgpd-consent/core@0.6.3
|
|
11
|
+
- @react-lgpd-consent/mui@0.6.3
|
|
12
|
+
|
|
13
|
+
## 0.6.1
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [#105](https://github.com/lucianoedipo/react-lgpd-consent/pull/105) [`1deb3bb`](https://github.com/lucianoedipo/react-lgpd-consent/commit/1deb3bb56853165f7ec231e73d7b1d271e51b8f1) Thanks [@lucianoedipo](https://github.com/lucianoedipo)! - chore: sincronizar pnpm-lock.yaml com versões bumpeadas
|
|
18
|
+
|
|
19
|
+
- Updated dependencies [[`1deb3bb`](https://github.com/lucianoedipo/react-lgpd-consent/commit/1deb3bb56853165f7ec231e73d7b1d271e51b8f1)]:
|
|
20
|
+
- @react-lgpd-consent/core@0.6.1
|
|
21
|
+
- @react-lgpd-consent/mui@0.6.1
|
|
22
|
+
|
|
23
|
+
## 0.6.0
|
|
24
|
+
|
|
25
|
+
### Minor Changes
|
|
26
|
+
|
|
27
|
+
- [#103](https://github.com/lucianoedipo/react-lgpd-consent/pull/103) [`4c9ebf2`](https://github.com/lucianoedipo/react-lgpd-consent/commit/4c9ebf231ff58168294f2fde405298b7087016ca) Thanks [@lucianoedipo](https://github.com/lucianoedipo)! - feat: adicionar diagnósticos de peer dependencies e sistema de troubleshooting
|
|
28
|
+
- ✨ Novo sistema de diagnóstico automático para peer deps
|
|
29
|
+
- 🔍 Detecta múltiplas instâncias de React (causa "Invalid hook call")
|
|
30
|
+
- 📋 Verifica versões de React (18-19) e MUI (5-7)
|
|
31
|
+
- 📖 Nova página TROUBLESHOOTING.md com soluções detalhadas
|
|
32
|
+
- 🔧 Mensagens acionáveis no console em modo desenvolvimento
|
|
33
|
+
- 🚀 Configuração de Turborepo para builds otimizados
|
|
34
|
+
- 📦 Configuração de Changesets para versionamento automatizado
|
|
35
|
+
|
|
36
|
+
### Patch Changes
|
|
37
|
+
|
|
38
|
+
- Updated dependencies [[`4c9ebf2`](https://github.com/lucianoedipo/react-lgpd-consent/commit/4c9ebf231ff58168294f2fde405298b7087016ca)]:
|
|
39
|
+
- @react-lgpd-consent/core@0.6.0
|
|
40
|
+
- @react-lgpd-consent/mui@0.6.0
|
|
41
|
+
|
|
3
42
|
Todas as mudanças notáveis neste projeto serão documentadas neste arquivo.
|
|
4
43
|
|
|
5
44
|
# Changelog
|
|
@@ -25,7 +64,6 @@ Esta versão introduz uma **arquitetura modular** que separa a lógica de consen
|
|
|
25
64
|
- **Tree-shaking eficiente**: Instale apenas o que você precisa
|
|
26
65
|
- Core isolado permite uso com qualquer biblioteca de UI
|
|
27
66
|
- MUI opcional como peer dependency
|
|
28
|
-
|
|
29
67
|
- **Workspace PNPM**: Monorepo organizado com builds independentes
|
|
30
68
|
- **Guia de migração completo**: [MIGRATION.md](../../MIGRATION.md) documentando todos os cenários
|
|
31
69
|
- **Scripts de publicação**: Suporte para publicar pacotes independentemente
|
|
@@ -70,26 +108,28 @@ packages/
|
|
|
70
108
|
|
|
71
109
|
### 📊 Bundle Sizes
|
|
72
110
|
|
|
73
|
-
| Pacote
|
|
74
|
-
|
|
75
|
-
| `@react-lgpd-consent/core` | 86.04 KB | 89.12 KB | 125.82 KB | React, js-cookie, zod
|
|
76
|
-
| `@react-lgpd-consent/mui`
|
|
77
|
-
| `react-lgpd-consent`
|
|
111
|
+
| Pacote | ESM | CJS | DTS | Dependências |
|
|
112
|
+
| -------------------------- | -------- | -------- | --------- | --------------------------- |
|
|
113
|
+
| `@react-lgpd-consent/core` | 86.04 KB | 89.12 KB | 125.82 KB | React, js-cookie, zod |
|
|
114
|
+
| `@react-lgpd-consent/mui` | 17.69 KB | 20.95 KB | 11.78 KB | core + @mui/material (peer) |
|
|
115
|
+
| `react-lgpd-consent` | 104 KB\* | 110 KB\* | 138 KB\* | mui (workspace) |
|
|
78
116
|
|
|
79
117
|
\* Bundle final = core + mui (~104 KB total)
|
|
80
118
|
|
|
81
119
|
### 🎯 Migration Paths
|
|
82
120
|
|
|
83
121
|
1. **Uso de componentes UI** (maioria dos usuários):
|
|
122
|
+
|
|
84
123
|
```bash
|
|
85
124
|
# Opção A: Pacote agregador (zero mudanças)
|
|
86
125
|
npm install react-lgpd-consent@0.5.0
|
|
87
|
-
|
|
126
|
+
|
|
88
127
|
# Opção B: Pacote MUI direto (recomendado)
|
|
89
128
|
npm install @react-lgpd-consent/mui
|
|
90
129
|
```
|
|
91
130
|
|
|
92
131
|
2. **Headless/UI customizada**:
|
|
132
|
+
|
|
93
133
|
```bash
|
|
94
134
|
npm uninstall react-lgpd-consent @mui/material
|
|
95
135
|
npm install @react-lgpd-consent/core
|
|
@@ -152,7 +192,6 @@ packages/
|
|
|
152
192
|
- `consent_initialized`: Disparado após hidratação inicial do `ConsentProvider`
|
|
153
193
|
- `consent_updated`: Disparado quando usuário altera preferências via banner, modal ou API
|
|
154
194
|
- Payload inclui: `event`, `consent_version`, `timestamp` (ISO 8601), `categories`, `origin`, `changed_categories`
|
|
155
|
-
|
|
156
195
|
- **Rastreamento de Origem**: Campo `origin` identifica fonte da mudança de consentimento
|
|
157
196
|
- `'banner'`: Decisão feita no CookieBanner
|
|
158
197
|
- `'modal'`: Ajuste feito no PreferencesModal
|
|
@@ -1015,17 +1054,21 @@ A v0.2.1 introduz um **sistema inteligente de orientações** que guia desenvolv
|
|
|
1015
1054
|
### 🧩 Sem breaking changes
|
|
1016
1055
|
|
|
1017
1056
|
- Alterações são compatíveis; padrões seguros preservados.
|
|
1057
|
+
|
|
1018
1058
|
## [0.5.0] - 25/10/2025 — Modularização inicial do workspace
|
|
1019
1059
|
|
|
1020
1060
|
### 🧱 Estrutura modular
|
|
1061
|
+
|
|
1021
1062
|
- Repositório convertido em workspace PNPM com três pacotes: `@react-lgpd-consent/core`, `@react-lgpd-consent/mui` e `react-lgpd-consent`.
|
|
1022
1063
|
- Pacote agregador passa a construir entradas adicionais (`core` e `mui`) expondo subpath exports oficiais.
|
|
1023
1064
|
|
|
1024
1065
|
### 🎨 Camada MUI dedicada
|
|
1066
|
+
|
|
1025
1067
|
- Publicação inicial de `@react-lgpd-consent/mui` como _proxy_ dos componentes padrão.
|
|
1026
1068
|
- Metadados de peer dependencies ajustados para reforçar que Material-UI é opcional (requerido apenas para a camada visual).
|
|
1027
1069
|
|
|
1028
1070
|
### 🧰 Ferramentas & DX
|
|
1071
|
+
|
|
1029
1072
|
- Scripts de lint/test/build convertidos para `pnpm --filter react-lgpd-consent <comando>`.
|
|
1030
1073
|
- Jest e TypeDoc atualizados para apontar para `packages/core` e `packages/react-lgpd-consent`.
|
|
1031
1074
|
- Documentação (README, QUICKSTART, DEVELOPMENT) revisada para explicar a nova arquitetura e o processo de migração gradual.
|
package/INTEGRACOES.md
CHANGED
|
@@ -6,11 +6,9 @@ A biblioteca oferece integrações nativas para as ferramentas mais comuns, elim
|
|
|
6
6
|
|
|
7
7
|
O componente `ConsentScriptLoader` gerencia o carregamento desses scripts automaticamente, disparando-os apenas quando o usuário concede consentimento para a categoria correspondente.
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
A biblioteca oferece integrações nativas para as ferramentas mais comuns, eliminando a necessidade de código manual para o carregamento condicional de scripts de terceiros.
|
|
9
|
+
> 💡 **Procurando exemplos práticos?** Veja [RECIPES.md](../../RECIPES.md) para receitas passo a passo de Google Consent Mode v2, Next.js App Router e CSP/nonce.
|
|
12
10
|
|
|
13
|
-
|
|
11
|
+
## 🎯 Integrações Nativas Disponíveis
|
|
14
12
|
|
|
15
13
|
### 1. Google Analytics 4 (GA4)
|
|
16
14
|
|
package/QUICKSTART.md
CHANGED
|
@@ -1238,7 +1238,31 @@ function App() {
|
|
|
1238
1238
|
|
|
1239
1239
|
## 🆘 Solução de Problemas Comuns
|
|
1240
1240
|
|
|
1241
|
-
|
|
1241
|
+
> 💡 **Diagnósticos automáticos**: A partir da v0.5.4, o react-lgpd-consent detecta automaticamente problemas comuns (múltiplas instâncias de React, versões incompatíveis) e exibe mensagens detalhadas no console em modo desenvolvimento.
|
|
1242
|
+
|
|
1243
|
+
Para problemas mais complexos, consulte o **[Guia Completo de Troubleshooting](../../TROUBLESHOOTING.md)**.
|
|
1244
|
+
|
|
1245
|
+
### Erros mais comuns
|
|
1246
|
+
|
|
1247
|
+
#### "Invalid hook call" / Múltiplas instâncias de React
|
|
1248
|
+
|
|
1249
|
+
Se você vê este erro, provavelmente tem múltiplas versões de React carregadas. O diagnóstico automático exibirá instruções específicas para o seu gerenciador de pacotes.
|
|
1250
|
+
|
|
1251
|
+
**Solução rápida (pnpm)**:
|
|
1252
|
+
```json
|
|
1253
|
+
{
|
|
1254
|
+
"pnpm": {
|
|
1255
|
+
"overrides": {
|
|
1256
|
+
"react": "$react",
|
|
1257
|
+
"react-dom": "$react-dom"
|
|
1258
|
+
}
|
|
1259
|
+
}
|
|
1260
|
+
}
|
|
1261
|
+
```
|
|
1262
|
+
|
|
1263
|
+
**Mais detalhes**: [TROUBLESHOOTING.md - Invalid hook call](../../TROUBLESHOOTING.md#erro-invalid-hook-call)
|
|
1264
|
+
|
|
1265
|
+
#### "ConsentProvider must be used within ConsentProvider"
|
|
1242
1266
|
|
|
1243
1267
|
```tsx
|
|
1244
1268
|
// ❌ Errado - hook usado fora do provider
|
|
@@ -1298,9 +1322,10 @@ document.cookie = 'cookieConsent=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/
|
|
|
1298
1322
|
## 📚 Próximos Passos
|
|
1299
1323
|
|
|
1300
1324
|
- 📖 [Documentação Completa da API](./API.md)
|
|
1301
|
-
-
|
|
1325
|
+
- 🔧 [Guia de Troubleshooting](../../TROUBLESHOOTING.md)
|
|
1326
|
+
- 🏗️ [Guia de Conformidade LGPD](../../CONFORMIDADE.md)
|
|
1302
1327
|
- 🔌 [Integrações Nativas](./INTEGRACOES.md)
|
|
1303
|
-
- 🧪 [Executar o Exemplo](
|
|
1328
|
+
- 🧪 [Executar o Exemplo](../../example/)
|
|
1304
1329
|
|
|
1305
1330
|
---
|
|
1306
1331
|
|
package/README.en.md
CHANGED
|
@@ -96,11 +96,13 @@ function Analytics() {
|
|
|
96
96
|
|
|
97
97
|
## Documentation & Examples
|
|
98
98
|
|
|
99
|
-
- Quickstart
|
|
100
|
-
-
|
|
101
|
-
-
|
|
102
|
-
-
|
|
103
|
-
-
|
|
99
|
+
- **[🚀 Quickstart](../../QUICKSTART.en.md)** - Step-by-step tutorial
|
|
100
|
+
- **[📖 Recipes](../../RECIPES.md)** - Practical guide with common use cases (Next.js, CSP, Consent Mode v2)
|
|
101
|
+
- **[⚙️ Workflows](../../WORKFLOWS.md)** - CI/CD workflows documentation
|
|
102
|
+
- **[API Reference](./API.md)** - Complete API reference
|
|
103
|
+
- **[Integrations](./INTEGRACOES.md)** - GA4, GTM, Facebook Pixel
|
|
104
|
+
- **[Storybook](https://lucianoedipo.github.io/react-lgpd-consent/storybook/)** - Interactive components
|
|
105
|
+
- **[TypeDoc](https://lucianoedipo.github.io/react-lgpd-consent/docs/)** - Generated API docs
|
|
104
106
|
|
|
105
107
|
---
|
|
106
108
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-lgpd-consent",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.4",
|
|
4
4
|
"description": "Biblioteca de consentimento LGPD, integrações nativas e sistema extensível para React.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lgpd",
|
|
@@ -94,14 +94,14 @@
|
|
|
94
94
|
}
|
|
95
95
|
},
|
|
96
96
|
"dependencies": {
|
|
97
|
-
"@react-lgpd-consent/core": "^0.
|
|
98
|
-
"@react-lgpd-consent/mui": "^0.
|
|
97
|
+
"@react-lgpd-consent/core": "^0.6.3",
|
|
98
|
+
"@react-lgpd-consent/mui": "^0.6.3"
|
|
99
99
|
},
|
|
100
100
|
"size-limit": [
|
|
101
101
|
{
|
|
102
102
|
"name": "ESM Bundle",
|
|
103
103
|
"path": "dist/index.js",
|
|
104
|
-
"limit": "
|
|
104
|
+
"limit": "80 KB"
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
107
|
"name": "CJS Bundle",
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
"name": "Complete Package Import",
|
|
118
118
|
"path": "dist/index.js",
|
|
119
119
|
"import": "{ ConsentProvider, useConsent, ConsentScriptLoader }",
|
|
120
|
-
"limit": "
|
|
120
|
+
"limit": "70 KB"
|
|
121
121
|
}
|
|
122
122
|
],
|
|
123
123
|
"scripts": {
|