Skip to content

Chore/dependency updates#88

Merged
heyding merged 6 commits into
masterfrom
chore/dependency-updates
Jul 25, 2026
Merged

Chore/dependency updates#88
heyding merged 6 commits into
masterfrom
chore/dependency-updates

Conversation

@heyding

@heyding heyding commented Jul 25, 2026

Copy link
Copy Markdown
Owner

No description provided.

heyding added 6 commits July 25, 2026 17:32
## Angular
- @angular/compiler: ^19.2.20 → ^22.0.1 (version mismatch fix)
- @angular/compiler-cli: 19.2.19 → ^22.0.1
- @angular/cli: 21.2.2 → ^22.0.8
- @angular-devkit/build-angular: 21.2.19 → ^22.0.8
- Remove @angular/build override (19.2.22)

## TypeScript
- typescript: ~5.6.3 → ~6.0.0 (required by Angular 22)
- tsconfig.json: add ignoreDeprecations: '6.0' for baseUrl & downlevelIteration

## NgRx
- @ngrx/schematics: ^19.0.0 → ^21.1.1 (align with other ngrx packages)

## ngx-translate v15 → v18
- TranslateModule removed: replaced with standalone TranslatePipe per component
- TranslateModule.forRoot() → provideTranslateService({ lang, fallbackLang })
- HttpLoaderFactory → provideTranslateHttpLoader({ prefix, suffix })
- TranslateService.setDefaultLang removed: configured via provideTranslateService
- currentLang is now a Signal: use currentLang() instead of currentLang

## Tailwind CSS v3 → v4
- tailwindcss: ^3.4.16 → ^4.3.3
- Add @tailwindcss/postcss: ^4.3.3 (replaces tailwindcss in postcss.config)
- postcss.config.js: tailwindcss:{} → '@tailwindcss/postcss':{}
- autoprefixer removed from postcss (built into Tailwind v4)
- styles.scss: @tailwind directives → @import 'tailwindcss'
- Plugin imports moved to CSS: @plugin '@tailwindcss/typography/forms'
- Dark mode, theme, sources configured via CSS directives
- tailwind.config.ts deleted (config now lives in styles.scss)
- Tailwind plugins moved from dependencies → devDependencies
- @tailwindcss/forms: ^0.5.9 → ^0.5.11
- @tailwindcss/typography: ^0.5.15 → ^0.5.20
- @tailwindcss/aspect-ratio removed (built into Tailwind v4)

## Other
- zone.js: ^0.15.0 → ^0.16.0
- @ngx-translate/core: ^15.0.0 → ^18.0.0
- @ngx-translate/http-loader: ^8.0.0 → ^18.0.0
- angular.json: migrate all builders from @angular-devkit/build-angular
  to @angular/build (official esbuild builder, removes deprecation warning)
- postcss.config.js → postcss.config.json: @angular/build only reads
  JSON PostCSS config, not .js files
- styles.scss → styles.css: Tailwind v4 requires a plain CSS file so
  PostCSS (@tailwindcss/postcss) runs before esbuild resolves imports;
  @source directive explicitly scans src/**/*.{html,ts} for utility classes
- error.interceptor.ts: fix circular DI dependency (TranslateService →
  TranslateHttpLoader → HttpClient → interceptor → TranslateService)
  by using lazy inject(Injector) instead of eager inject(TranslateService)
Replace deprecated bg-opacity-*, text-opacity-*, etc. with the
Tailwind v4 slash syntax (e.g. bg-white/20, bg-black/50) across:
- footer.component.html: bg-white bg-opacity-20 → bg-white/20
- header.component.html: bg-opacity-90 → bg-white/90 dark:bg-gray-900/90
- home.component.html: text-opacity-90, dark:bg-opacity-20
- api-demo.component.html: dark:bg-opacity-20
- features-demo.component.html: dark:bg-opacity-20
- loading-spinner.component.ts: bg-opacity-50 → bg-black/50
- modal.component.ts: bg-opacity-50 → bg-black/50
- Bump version to 2.0.0 (major: Angular 22, Tailwind 4, TypeScript 6)
- Add docs/CHANGELOG.md with full migration notes
- Update README badges and Key Features for Angular 22 / Tailwind 4
- Add Changelog link to Documentation section
@heyding
heyding merged commit ffe053a into master Jul 25, 2026
1 check passed
@heyding
heyding deleted the chore/dependency-updates branch July 25, 2026 16:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant