Not able to upgrade to Angular 15

[JorikDx]

Not able to upgrade to Angular 15

[DenysVuika]

The ADF is based on Angular 14 so far, we are upgrading to the most recent Angular but it will take time. For the time being you won't be able to upgrade your app unless ADF is running the same Angular.

[shazada]

@DenysVuika But 15 is already EOL

So why are we going to an old version? Why not directly to 18 at this point?

[anakin59490]

The ADF is based on Angular 14 so far, we are upgrading to the most recent Angular but it will take time. For the time being you won't be able to upgrade your app unless ADF is running the same Angular.

Hello. Do you have an approximative delivery date for the upgrade ? Thank you

[DenysVuika]

@shazada @anakin59490 we are upgrading to latest, with intermediate upgrades per each version, no ETA for now

[DenysVuika]

For Angular 15, you can test with the https://github.com/Alfresco/alfresco-ng2-components/releases/tag/7.0.0-alpha.2

[anakin59490]

thank you,
this is what i add in my existing project (I use Angular 15 and i would like only use ecm) :
package.json:
"dependencies": {
"@alfresco/adf-content-services": "^7.0.0-alpha.2",
"@alfresco/adf-core": "^7.0.0-alpha.2",
"@alfresco/adf-extensions": "^7.0.0-alpha.2",
"@alfresco/js-api": "^8.0.0-alpha.2",
...
app.config.json:
"{
"ecmHost": "https://localhost:8443",
"providers": "ECM",
"authType": "OAUTH",
"oauth2": {
"host": "https://identity-server-host",
"clientId": "your-client-id",
"secret": "",
"scope": "openid",
"implicitFlow": true,
"redirectUri": "http://localhost:4200",
"silentLogin": true
},
"application": {
"name": "MyApp"
},
"languages": [
{
"key": "en",
"label": "English"
},
{
"key": "fr",
"label": "French"
}
],"
proxy.conf :
"module.exports = {
"/alfresco": {
target: "https://localhost:8443",
secure: false,
changeOrigin: true,
// workaround for REPO-2260
onProxyRes: function(proxyRes, req, res) {
const header = proxyRes.headers['www-authenticate'];
if (header && header.startsWith('Basic')) {
proxyRes.headers['www-authenticate'] = 'x' + header;
}
}
},
logLevel: 'debug'
};"
I have added a AdfModule file that I have imported in my app.module file :

"import { NgModule } from '@angular/core';
import {CoreModule, TRANSLATION_PROVIDER, TranslateLoaderService, AppConfigService} from '@alfresco/adf-core';
import { ContentModule } from '@alfresco/adf-content-services';
import {TranslateLoader, TranslateModule} from "@ngx-translate/core";

@NgModule({
imports: [
// ADF modules
CoreModule.forRoot(),
ContentModule.forRoot(),
TranslateModule.forRoot({
loader: { provide: TranslateLoader, useClass: TranslateLoaderService }
})
],
providers: [
AppConfigService,
{
provide: TRANSLATION_PROVIDER,
multi: true,
useValue: {
name: 'app',
source: 'assets/i18n'
}
}
]
})
export class AdfModule {}
"
And in angular.json:

""assets": [
"src/favicon.ico",
"src/assets",
"src/app.config.json",
{
"glob": "/*",
"input": "resources",
"output": "/resources"
},
{
"glob": "/",
"input": "node_modules/@alfresco/adf-core/prebuilt-themes",
"output": "/assets/prebuilt-themes"
},
{
"glob": "**/",
"input": "node_modules/@alfresco/adf-core/bundles/assets",
"output": "/assets"
},
{
"glob": "**/*",
"input": "node_modules/@alfresco/adf-content-services/bundles/assets",
"output": "/assets"
},
{
"glob": "pdf.worker.js",
"input": "node_modules/pdfjs-dist/build",
"output": "/"
},
{
"glob": "pdf.worker.min.js",
"input": "node_modules/pdfjs-dist/build",
"output": "/"
}
],"

But I have an injection issue : "NullInjectorError: No provider for r!"
I think by checking code that it comes from AuthenticationService in adf-core.mjs

Thank you in advance