contezza-apps-community changes

upgrade versies in package.json
vooral gekopieerd vanuit adf, uitzonderingen:
* "@angular/material-moment-adapter": "17.1.2",
* "@mat-datetimepicker/moment": "13.0.2",

upgrade
        "@azure/msal-angular": "4.0.6",
        "@azure/msal-browser": "3.27.0",

let op:
* @nrwl is nu @nx

run nx repair to fix nx.json

in tsconfig.base.json
"es2020" -> "es2022" in "target" en in "lib"
toevoegen "useDefineForClassFields": false in compilerOptions, zie https://charliegreenman.medium.com/angular-property-is-used-before-its-initialization-error-2e748d775575

.eslintrc.json structuur refactored

.build-libs.sh: 'nx reset' toegevoegd


in elke lib/project.json
targets.build.outputs vervangen met  "outputs": ["{workspaceRoot}/dist/@contezza/<lib naam>"]

**************************************************************

contezza-apps changes

project files

in package.json
* upgrade versies
vooral gekopieerd vanuit adf, uitzonderingen:
** "@angular/material-moment-adapter": "17.1.2",
** "@mat-datetimepicker/moment": "13.0.2",

let op:
* @nrwl is nu @nx

* ngcc verwijderd vanuit postinstall

run nx repair to fix nx.json

in tsconfig.base.json
"es2020" -> "es2022" in "target" en in "lib"
toevoegen "useDefineForClassFields": false in compilerOptions, zie https://charliegreenman.medium.com/angular-property-is-used-before-its-initialization-error-2e748d775575


code

variables.scss herschreven om direct mat library te gebruiken en niet meer afhankelijk zijn van alfresco

"app.navbar.secondary" disabled in core.fixes.json

icon adf:move_file bestaat niet meer, vervangen met drive_file_move

extension feature viewer.content heet nu viewer.extensions

Dashboard initialization effect vervangen met login/logout effects

fixes in LoginComponent (gebruik van specifieke AuthService's)

upgrade msteams		

**************************************************************

code changes

NG

mat-* css classes zijn nu mat-mdc-*
uitzonderingen:
* mat-icon
* mat-sort-header en mat-sort-header-*
* mat-focused

button._getHostElement().click() -> button._elementRef.nativeElement.click()

mat-chip-list bestaat niet meer, vervangen:

if matChipInputFor:

mat-chip-list -> mat-chip-grid
mat-chip -> mat-chip-row

en [selectable] attribute moet weg

alternatief (?):
mat-chip-list -> mat-chip-listbox
mat-chip -> mat-chip-option

floatLabel="never" -> remove ?

matTooltip niet herkend -> eigenlijk door een wijziging in ADF, dit is niet meer geimporteerd door 'CoreModule' of 'MaterialModule', dus het moet apart geimporteerd worden; ideaal graag import CoreModule en MaterialModule helemaal verwijderen en de losse mat modules importeren



ADF/ACA

AlfrescoApiService from @adf/core -> @adf/content-services

ConfirmDialogComponent from @adf/content-services -> @adf/core

AppHookService.reload -> DocumentListService.reload$ (import { DocumentListService } from '@alfresco/adf-content-services';)

AuthenticationService.getTicketEcm() -> AlfrescoApiService.getInstance().getTicketEcm()

pipe adfMimeTypeIcon bestaat niet meer -> gebruik contezzaAdfMimeTypeIcon met import { MimeTypeIconPipe } from '@contezza/core/pipes';
in html's: class="main-content" in aca-page-layout-content -> class="aca-main-content"

de volgende waren in Store<AppStore> en zijn nu in AppSettingsService (en zijn nu geen observables):
getLogoPath, getAppName, getSharedUrl

import { TaskListModel } from '@alfresco/adf-process-services' -> import { ResultListDataRepresentationTaskRepresentation } from '@alfresco/js-api'

import { TaskDetailsModel } from '@alfresco/adf-process-services/lib/task-list/models/task-details.model'; -> import { TaskRepresentation } from '@alfresco/js-api';

import { TaskListModule } from '@alfresco/adf-process-services'; -> import { TaskFormComponent } from '@alfresco/adf-process-services'; (of specifieke component)


******************************************************************

Changes om een app te kunnen starten:

* in project.json

** stylePreprocessorOptions.includePaths wordt:  "includePaths": ["node_modules", "node_modules/@alfresco/adf-core/lib", "node_modules/@alfresco/aca-content/ui", "libs/core/common/styles/mixins"]
** vanuit scripts verwijderen "node_modules/raphael/raphael.min.js",

* in tsconfig.app.json (nice to have)
verwijderen  "types": ["jasmine", "node"] en "exclude"

* in alle app.config.json !important
application.storagePrefix verwijderen: dit wordt niet meer gebruikt om data op te slaan en wel gebruikt om alf_ticket op te halen, dit maakt preview stuk
in plugins, toevoegen: "categoriesEnabled": false

* in custome-theme.scss
$app-typography wordt:
$app-typography: mat.define-typography-config(
    $font-family: 'Open Sans',
    $headline-1: mat.define-typography-level(112px, 112px, 300),
    $headline-2: mat.define-typography-level(56px, 56px, 400),
    $headline-3: mat.define-typography-level(45px, 48px, 400),
    $headline-4: mat.define-typography-level(34px, 40px, 400),
    $headline-5: mat.define-typography-level(24px, 32px, 400),
    $headline-6: mat.define-typography-level(20px, 32px, 500),
    $subtitle-1: mat.define-typography-level(16px, 28px, 400),
    $body-1: mat.define-typography-level(15px, 24px, 400),
    $subtitle-2: mat.define-typography-level(14px, 24px, 500),
    $body-2: mat.define-typography-level(14px, 20px, 400),
    $caption: mat.define-typography-level(12px, 20px, 400),
    $button: mat.define-typography-level(14px, 36px, 500),
    // Line-height must be unit-less fraction of the font-size.,,,,,
);


* in app.module.ts

** de volgende weg:
 relativeLinkResolution: 'legacy', 

{ provide: AppService, useClass: AppService },

{ provide: AppConfigService, useClass: DebugAppConfigService }, <------ soms niet aanwezig

{ provide: STORE_INITIAL_APP_DATA, useValue: INITIAL_APP_STATE },

** import toeveogen: AuthModule.forRoot({ useHash: true })

** in {
            provide: SHELL_AUTH_TOKEN,
            useClass: AuthGuard,
        },
replace useClass met useValue

** (nice to have) vervangen { provide: TRANSLATION_PROVIDER, ...} met provideTranslations(...)