Skip to content

Commit 34cd0ed

Browse files
jcorrea97anderson-gregorio-totvs
authored andcommitted
feat(angular): build v18
1 parent 757acc8 commit 34cd0ed

File tree

127 files changed

+1504
-746
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

127 files changed

+1504
-746
lines changed

.github/workflows/ci.yml

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ jobs:
2525
curl -X POST -H "Content-Type: application/json" \
2626
-d "{\"content\": \"🚀 **PR Criada com Sucesso 🚀**\\n- Autor: $AUTHOR\\n- Título: $PR_TITLE\\n- Link: $PR_URL\"}" \
2727
$DISCORD_WEBHOOK_URL
28-
28+
2929
lint:
3030

3131
runs-on: ubuntu-20.04
@@ -46,7 +46,7 @@ jobs:
4646
node-version: 18
4747

4848
# Executa um comando do projeto na máquina virtual
49-
- run: npm i
49+
- run: npm i --force
5050
- run: npm run format:check
5151
- run: npm run lint:storage
5252
- run: npm run lint:sync
@@ -67,7 +67,7 @@ jobs:
6767
with:
6868
node-version: 18
6969

70-
- run: npm i
70+
- run: npm i --force
7171
- run: npm run build
7272
- run: npm run build:portal:docs
7373
- run: npm run build:portal:prod
@@ -90,7 +90,7 @@ jobs:
9090
with:
9191
node-version: 18
9292

93-
- run: npm i
93+
- run: npm i --force
9494
- run: npm run test:ui
9595
- run: npm run test:ui:schematics
9696

@@ -107,7 +107,7 @@ jobs:
107107
with:
108108
node-version: 18
109109

110-
- run: npm i
110+
- run: npm i --force
111111
- run: npm run build:ui:lite
112112
- run: npm run test:templates
113113
- run: npm run test:templates:schematics
@@ -125,7 +125,7 @@ jobs:
125125
with:
126126
node-version: 18
127127

128-
- run: npm i
128+
- run: npm i --force
129129
- run: npm run test:code-editor
130130
- run: npm run test:code-editor:schematics
131131

@@ -142,7 +142,7 @@ jobs:
142142
with:
143143
node-version: 18
144144

145-
- run: npm i
145+
- run: npm i --force
146146
- run: npm run test:storage
147147
- run: npm run test:storage:schematics
148148

@@ -159,7 +159,7 @@ jobs:
159159
with:
160160
node-version: 18
161161

162-
- run: npm i
162+
- run: npm i --force
163163
- run: npm run build:storage:lite
164164
- run: npm run test:sync
165165
- run: npm run test:sync:schematics

README.md

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -20,16 +20,16 @@ Biblioteca de componentes de UI para Angular.
2020

2121
### Pré-requisitos
2222

23-
Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.13.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
23+
Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.19.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
2424

2525
Instalando com npm:
2626
```
27-
npm i -g @angular/cli@17
27+
npm i -g @angular/cli@18
2828
```
2929

3030
Caso prefira instalar com o yarn:
3131
```
32-
yarn global add @angular/cli@17
32+
yarn global add @angular/cli@18
3333
```
3434

3535
### Passo 1 - Crie o seu primeiro projeto
@@ -52,26 +52,27 @@ Antes de executar a instalação ou inserir o **Po** no seu projeto existente,
5252
Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser conferidas e se necessário, ajustadas no seu projeto.
5353

5454
```
55-
"dependencies": {
56-
"@angular/animations": "~17.2.4",
57-
"@angular/common": "~17.2.4",
58-
"@angular/compiler": "~17.2.4",
59-
"@angular/core": "~17.2.4",
60-
"@angular/forms": "~17.2.4",
61-
"@angular/platform-browser": "~17.2.4",
62-
"@angular/platform-browser-dynamic": "~17.2.4",
63-
"@angular/router": "~17.2.4",
55+
"dependencies": {
56+
"@angular/animations": "~18.0.1",
57+
"@angular/common": "~18.0.1",
58+
"@angular/compiler": "~18.0.1",
59+
"@angular/core": "~18.0.1",
60+
"@angular/forms": "~18.0.1",
61+
"@angular/platform-browser": "~18.0.1",
62+
"@angular/platform-browser-dynamic": "~18.0.1",
63+
"@angular/router": "~18.0.1",
6464
"rxjs": "~7.8.1",
6565
"tslib": "^2.6.2",
6666
"zone.js": "~0.14.4"
6767
...
6868
},
6969
"devDependencies": {
70-
"@angular-devkit/build-angular": "~17.2.3",
71-
"@angular/cli": "~17.2.3",
72-
"@angular/compiler-cli": "~17.2.4",
70+
"@angular-devkit/build-angular": "~18.0.2",
71+
"@angular-devkit/schematics": "~18.0.2",
72+
"@angular/cli": "~18.0.2",
73+
"@angular/compiler-cli": "~18.0.1",
7374
...
74-
"typescript": "~5.2.2"
75+
"typescript": "~5.4.5"
7576
}
7677
```
7778

angular.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -341,13 +341,13 @@
341341
"budgets": [
342342
{
343343
"type": "initial",
344-
"maximumWarning": "2.1mb",
344+
"maximumWarning": "2.4mb",
345345
"maximumError": "5mb"
346346
},
347347
{
348348
"type": "anyComponentStyle",
349-
"maximumWarning": "8kb",
350-
"maximumError": "10kb"
349+
"maximumWarning": "10kb",
350+
"maximumError": "12kb"
351351
}
352352
]
353353
}

docs/guides/getting-started.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33

44
### Pré-requisitos
55

6-
Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.13.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
6+
Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.19.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
77

88
Instalando com npm:
99
```
10-
npm i -g @angular/cli@17
10+
npm i -g @angular/cli@18
1111
```
1212

1313
Caso prefira instalar com o yarn:
1414
```
15-
yarn global add @angular/cli@17
15+
yarn global add @angular/cli@18
1616
```
1717

1818
### Passo 1 - Crie o seu primeiro projeto
@@ -36,26 +36,26 @@ Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser
3636

3737
```
3838
"dependencies": {
39-
"@angular/animations": "~17.2.4",
40-
"@angular/common": "~17.2.4",
41-
"@angular/compiler": "~17.2.4",
42-
"@angular/core": "~17.2.4",
43-
"@angular/forms": "~17.2.4",
44-
"@angular/platform-browser": "~17.2.4",
45-
"@angular/platform-browser-dynamic": "~17.2.4",
46-
"@angular/router": "~17.2.4",
39+
"@angular/animations": "~18.0.1",
40+
"@angular/common": "~18.0.1",
41+
"@angular/compiler": "~18.0.1",
42+
"@angular/core": "~18.0.1",
43+
"@angular/forms": "~18.0.1",
44+
"@angular/platform-browser": "~18.0.1",
45+
"@angular/platform-browser-dynamic": "~18.0.1",
46+
"@angular/router": "~18.0.1",
4747
"rxjs": "~7.8.1",
4848
"tslib": "^2.6.2",
4949
"zone.js": "~0.14.4"
5050
...
5151
},
5252
"devDependencies": {
53-
"@angular-devkit/build-angular": "~17.2.3",
54-
"@angular-devkit/schematics": "~17.2.3",
55-
"@angular/cli": "~17.2.3",
56-
"@angular/compiler-cli": "~17.2.4",
53+
"@angular-devkit/build-angular": "~18.0.2",
54+
"@angular-devkit/schematics": "~18.0.2",
55+
"@angular/cli": "~18.0.2",
56+
"@angular/compiler-cli": "~18.0.1",
5757
...
58-
"typescript": "~5.2.2"
58+
"typescript": "~5.4.5"
5959
}
6060
```
6161

@@ -108,6 +108,6 @@ Caso você queira utilizar nossos componentes de templates, como o **[po-page-lo
108108
```
109109
ng add @po-ui/ng-templates
110110
```
111-
> Ao executar este comando, será instalado o pacote `@po-ui/ng-templates` e configurado o `PoTemplatesModules` no `app.module`
111+
> Ao executar este comando, será instalado o pacote `@po-ui/ng-templates` e configurado o `PoTemplatesModules` no `app.module` somente se sua aplicação for configurada com módulos.
112112
113113
A partir dai o seu projeto está preparado para receber outros componentes do **[Po](/documentation)**! \o/

docs/guides/migration-poui.md

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ ng update @angular/cli@<version> @angular/core@<version> --force
2929
Por exemplo:
3030

3131
```
32-
ng update @angular/cli@17 @angular/core@17 --force
32+
ng update @angular/cli@18 @angular/core@18 --force
3333
```
3434

3535
> Para realizar a migração completa e avaliar se não precisa fazer alguma alteração veja o [**Guia de Upgrade do Angular**](https://update.angular.io/).
@@ -65,6 +65,16 @@ ng update @po-ui/ng-components --allow-dirty --force
6565

6666
> Caso ocorra um erro ao concluir o comando acima pode ser necessário fazer uma instalação limpa no projeto apagando a pasta `node_modules` e o arquivo `package-lock.json` e executando o comando `npm i --legacy-peer-deps` antes de realizar o `ng update`.
6767
68+
> Caso sua aplicação seja configurada com módulos, pode ser necessária a inclusão da seguinte `devDependencies`:
69+
70+
```
71+
"devDependencies": {
72+
...,
73+
"@angular-devkit/schematics": "~18.0.2",
74+
...
75+
}
76+
```
77+
6878
O `ng update` ajudará nas alterações necessárias para seu projeto seguir atualizado, que são elas:
6979
- Caso houver *breaking changes*, serão realizados as alterações possíveis, mas fique atento ao
7080
[CHANGELOG](https://github.com/po-ui/po-angular/blob/master/CHANGELOG.md);
@@ -76,6 +86,7 @@ O `ng update` ajudará nas alterações necessárias para seu projeto seguir atu
7686
- `@po-ui/ng-sync`;
7787
- `@po-ui/style`;
7888

89+
Além disso, será realizada uma pergunta para que o usuário decida se quer utilizar a nova biblioteca de ícones. Caso a escolha seja positiva, o processo de update irá substituir classes de ícones do po-ui pelas novas referências.
7990

8091
<a id="sync"></a>
8192
### ng update @po-ui/ng-sync

docs/guides/releases.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,11 @@ Consulte abaixo nossos guias de migração de versão para obter mais informaç
3838
</tr>
3939
</thead>
4040
<tbody>
41+
<tr class="po-table-row">
42+
<td class="po-table-column">18.0.0</td>
43+
<td class="po-table-column">18.0.0</td>
44+
<td class="po-table-column"><a href="guides/migration-poui">Migração do PO UI</a></td>
45+
</tr>
4146
<tr class="po-table-row">
4247
<td class="po-table-column">17.0.0</td>
4348
<td class="po-table-column">17.0.0</td>

docs/guides/sync-get-started.md

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
[comment]: # (@label Começando com o PO Sync)
22
[comment]: # (@link guides/sync-get-started)
33

4-
Esse guia servirá para criar e configurar uma aplicação em [Ionic 6](https://ionicframework.com/docs) com o uso do PO Sync.
4+
Esse guia servirá para criar e configurar uma aplicação em [Ionic 7](https://ionicframework.com/docs) com o uso do PO Sync.
55

66
Para maiores detalhes sobre os serviços e métodos utilizados neste tutorial, consulte a documentação de
77
[Fundamentos do PO Sync](/guides/sync-fundamentals) e a documentação de referência de [API do PO Sync](/documentation/po-sync).
88

99
### Pré-requisitos
1010

1111
- [Node.js e NPM](https://nodejs.org/en/)
12-
- [Angular CLI](https://cli.angular.io/) (~17.2.2):
12+
- [Angular CLI](https://cli.angular.io/) (~18.0.1):
1313
- ```shell
14-
npm install -g @angular/cli@17
14+
npm install -g @angular/cli@18
1515
```
16-
- [Ionic](https://ionicframework.com/docs/cli/) (^7.7.0):
16+
- [Ionic](https://ionicframework.com/docs/cli/) (^7.2.0):
1717
- ```shell
1818
npm install -g @ionic/cli@7
1919
```
@@ -49,31 +49,32 @@ Antes de executar a instalação, é necessário que todas as dependências do p
4949
```typescript
5050
...
5151
"dependencies": {
52-
"@angular/animations": "~17.2.4",
53-
"@angular/common": "~17.2.4",
54-
"@angular/core": "~17.2.4",
55-
"@angular/forms": "~17.2.4",
56-
"@angular/platform-browser": "~17.2.4",
57-
"@angular/platform-browser-dynamic": "~17.2.4",
58-
"@angular/router": "~17.2.4",
59-
"@angular/service-worker": "~17.2.2",
60-
"@ionic/angular": "^7.7.3",
61-
"@capacitor/network": "^5.0.6",
62-
"@capacitor/splash-screen": "^5.0.6",
52+
"@angular/animations": "~18.0.1",
53+
"@angular/common": "~18.0.1",
54+
"@angular/compiler": "~18.0.1",
55+
"@angular/core": "~18.0.1",
56+
"@angular/forms": "~18.0.1",
57+
"@angular/platform-browser": "~18.0.1",
58+
"@angular/platform-browser-dynamic": "~18.0.1",
59+
"@angular/router": "~18.0.1",
60+
"@angular/service-worker": "~18.0.1",
61+
"@ionic/angular": "^8.0.0",
62+
"@capacitor/network": "^6.0.1",
63+
"@capacitor/splash-screen": "^6.0.1",
64+
"@capacitor/status-bar": "6.0.0",
6365
"rxjs": "~7.8.1",
6466
"tslib": "^2.6.2",
6567
"zone.js": "~0.14.4"
6668
...
6769
},
6870
"devDependencies": {
69-
"@angular-devkit/build-angular": "~17.2.3",
70-
"@angular-devkit/schematics": "~17.2.3",
71-
"@angular/cli": "~17.2.3",
72-
"@angular/compiler": "~17.2.4",
73-
"@angular/compiler-cli": "~17.2.4",
74-
"@angular/language-service": "~17.2.4",
75-
"@ionic/angular-toolkit": "^10.0.0",
76-
"typescript": "~5.2.2"
71+
"@angular-devkit/build-angular": "~18.0.2",
72+
"@angular-devkit/schematics": "~18.0.2",
73+
"@angular/cli": "~18.0.2",
74+
"@angular/compiler-cli": "~18.0.1",
75+
"@angular/language-service": "~18.0.1",
76+
"@ionic/angular-toolkit": "^11.0.1",
77+
"typescript": "~5.4.5"
7778
},
7879
...
7980
```
@@ -105,13 +106,10 @@ ng add @po-ui/ng-sync
105106
#### Passo 4.1 - Importando o `po-sync` e o `po-storage`
106107
No arquivo `src/app/app.module.ts`, adicione a importação dos módulos do `po-storage` e do `po-sync`:
107108

108-
> Caso você utilize o comando `ng add`, esse passo será feito automaticamente.
109-
110109
```typescript
111110
import { NgModule } from '@angular/core';
112111
import { BrowserModule } from '@angular/platform-browser';
113112
import { RouteReuseStrategy } from '@angular/router';
114-
import { HttpClientModule } from '@angular/common/http';
115113
116114
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
117115
@@ -120,6 +118,7 @@ import { PoSyncModule } from '@po-ui/ng-sync';
120118
121119
import { AppRoutingModule } from './app-routing.module';
122120
import { AppComponent } from './app.component';
121+
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
123122
124123
@NgModule({
125124
declarations: [AppComponent],
@@ -128,12 +127,13 @@ import { AppComponent } from './app.component';
128127
IonicModule.forRoot(),
129128
AppRoutingModule,
130129
PoStorageModule.forRoot(),
131-
HttpClientModule,
132-
PoSyncModule
130+
PoSyncModule,
133131
],
134132
providers: [
135-
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
136-
bootstrap: [AppComponent]
133+
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
134+
provideHttpClient(withInterceptorsFromDi()),
135+
],
136+
bootstrap: [AppComponent],
137137
})
138138
export class AppModule {}
139139
```

0 commit comments

Comments
 (0)