@dsivd/prestations-ng 18.0.0-beta.4 → 18.0.0-beta.6

package/ESLINT_MIGRATION_GUIDE.md

@@ -92,7 +92,6 @@ You can replace the content of your `.eslintrc.json` with the following `json`.
         '/karma.conf.js',
         '/.eslintrc.json',
         '/tsconfig*.json',
-        '/src/tsconfig*.json',
         '/src/main.ts',
         '/src/typings.d.ts'
     ],
@@ -371,7 +370,7 @@ You can replace the content of your `.eslintrc.json` with the following `json`.
         {
             files: ['src/**/*.spec.ts', 'src/**/*.d.ts'],
             parserOptions: {
-                project: 'src/tsconfig.spec.json'
+                project: 'tsconfig.spec.json'
             },
             extends: ['plugin:jasmine/recommended'],
             plugins: ['jasmine'],

package/UPGRADING_V18.md

@@ -30,7 +30,10 @@ ng update @angular/core@18 @angular/cli@18
 ```
 
 When asked the question "Select the migrations that you'd like to run", accept "use-application-builder" by hitting "Space" key then "Enter".
-Then fix provideHttpClient withXsrfConfiguration by modifying your `app.module.ts` and adding:
+
+#### Fix provideHttpClient withXsrfConfiguration
+
+Modify your `app.module.ts` and add:
 `{
     cookieName: 'XSRF-TOKEN',
     headerName: 'X-XSRF-TOKEN'
@@ -48,10 +51,32 @@ providers: [
 ]
 ```
 
+#### Add an empty "browser" to your output path in angular.json
+
+```diff
+{
+  "projects": {
+    "[YOUR_PROJECT_NAME]": {
+      "architect": {
+        "build": {
+          "options": {
+            "outputPath": {
+-             "base": "dist"
++             "base": "dist",
++             "browser": ""
+            }
+```
+
 ```bash
 ng update @fortawesome/angular-fontawesome@0.15 --force
 ```
 
+**NB: If your project has `@angular/cdk`**
+
+```bash
+ng update @angular/cdk@18
+```
+
 ### Updating to Angular 19
 
 `prestations-ng` **v18+** now supports **Angular v19**.
@@ -78,7 +103,17 @@ When asked the question "Select the migrations that you'd like to run", accept "
 
 ```bash
 ng update @angular-eslint/builder@19
+```
+
+**NB: If your project has `@angular/cdk`**
+
+```bash
+ng update @angular/cdk@19
+```
+
+Continue with your migration:
 
+```bash
 npm install --save-dev jasmine@5
 
 ng update karma@6.4 karma-chrome-launcher@3.2 karma-coverage@2.2 karma-jasmine@5.1 karma-jasmine-html-reporter@2.1
@@ -87,13 +122,16 @@ npm install --save-dev @typescript-eslint/utils@7 @typescript-eslint/types@7
 
 ng update @angular-eslint/eslint-plugin@19 @angular-eslint/eslint-plugin-template@19 @angular-eslint/template-parser@19
 ng update @typescript-eslint/eslint-plugin@7 @typescript-eslint/parser@7
-ng update eslint-plugin-import eslint-plugin-jasmine eslint-plugin-rxjs-angular
+ng update eslint-plugin-import eslint-plugin-jasmine eslint-plugin-rxjs-angular eslint-plugin-simple-import-sort
 ng update eslint@8
 ng update eslint-plugin-rxjs
 ng update @types/jasmine@5 @types/node@20 ts-node@10
 
 npm remove eslint-plugin-jsdoc
 
+npm remove puppeteer
+npm install --save-dev puppeteer
+
 npm update
 ```
 
@@ -140,7 +178,25 @@ In your `app.module.ts` file:
 })
 ```
 
-#### Move and upodate your tsconfig\*.json files
+#### ImageCropper migration as standalone (if you are using it in your project)
+
+- Remove `import { ImageCropperModule } from 'ngx-image-cropper';`
+- Remove `ImageCropperModule` from `imports` in `@NgModule(...)`
+- Add `ImageCropperComponent` to `imports` in `@NgModule(...)`
+
+```diff
+- import { ImageCropperModule } from 'ngx-image-cropper';
++ import { ImageCropperComponent } from 'ngx-image-cropper';
+
+@NgModule({
+    imports: [
+-       ImageCropperModule,
++       ImageCropperComponent,
+    ]
+})
+```
+
+#### Move and update your tsconfig\*.json files
 
 - Move your `tsconfig.app.json` and `tsconfig.spec.json` from `src` to `front` (if not already done)
 - Replace your `tsconfig.json` content with:
@@ -151,7 +207,7 @@ In your `app.module.ts` file:
     "compilerOptions": {
         "outDir": "./dist/out-tsc",
         "noImplicitOverride": true,
-        "noPropertyAccessFromIndexSignature": true,
+        "noPropertyAccessFromIndexSignature": false,
         "noImplicitReturns": true,
         "noFallthroughCasesInSwitch": true,
         "skipLibCheck": true,
@@ -182,7 +238,7 @@ In your `app.module.ts` file:
 {
     "extends": "./tsconfig.json",
     "compilerOptions": {
-        "outDir": "../out-tsc/app",
+        "outDir": "./out-tsc/app",
         "types": []
     },
     "files": ["src/main.ts"],
@@ -196,7 +252,7 @@ In your `app.module.ts` file:
 {
     "extends": "./tsconfig.json",
     "compilerOptions": {
-        "outDir": "../out-tsc/spec",
+        "outDir": "./out-tsc/spec",
         "types": ["jasmine", "node"]
     },
     "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
@@ -295,9 +351,16 @@ npm install
 
 ```bash
 npm run build
+npm run test
 npm start
 ```
 
+**NB: If you are having trouble finding puppeteer ChromiumHeadless binary**
+
+```bash
+npx puppeteer browsers install chrome
+```
+
 Your are good if no errors are remaining!
 Finally check if your tests run well :
 

package/package.json

@@ -40,7 +40,7 @@
   "ng-update": {
     "migrations": "./schematics/migration-collection.json"
   },
-  "version": "18.0.0-beta.4",
+  "version": "18.0.0-beta.6",
   "module": "fesm2022/dsivd-prestations-ng.mjs",
   "typings": "index.d.ts",
   "exports": {