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 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 | ESM | CJS | DTS | Dependências |
74
- |--------|-----|-----|-----|--------------|
75
- | `@react-lgpd-consent/core` | 86.04 KB | 89.12 KB | 125.82 KB | React, js-cookie, zod |
76
- | `@react-lgpd-consent/mui` | 17.69 KB | 20.95 KB | 11.78 KB | core + @mui/material (peer) |
77
- | `react-lgpd-consent` | 104 KB* | 110 KB* | 138 KB* | mui (workspace) |
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
- ## 🎯 Integrações Nativas Disponíveis
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
- O componente `ConsentScriptLoader` gerencia o carregamento desses scripts automaticamente, disparando-os apenas quando o usuário concede consentimento para a categoria correspondente.
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
- ### "ConsentProvider must be used within ConsentProvider"
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
- - 🏗️ [Guia de Conformidade LGPD](./CONFORMIDADE.md)
1325
+ - 🔧 [Guia de Troubleshooting](../../TROUBLESHOOTING.md)
1326
+ - 🏗️ [Guia de Conformidade LGPD](../../CONFORMIDADE.md)
1302
1327
  - 🔌 [Integrações Nativas](./INTEGRACOES.md)
1303
- - 🧪 [Executar o Exemplo](./example/)
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: `QUICKSTART.en.md` (recommended)
100
- - API Reference: `API.md`
101
- - Integrations: `INTEGRACOES.md`
102
- - Storybook: https://lucianoedipo.github.io/react-lgpd-consent/storybook/
103
- - TypeDoc: https://lucianoedipo.github.io/react-lgpd-consent/docs/
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.5.4",
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.5.1",
98
- "@react-lgpd-consent/mui": "^0.5.1"
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": "70 KB"
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": "65 KB"
120
+ "limit": "70 KB"
121
121
  }
122
122
  ],
123
123
  "scripts": {