[DEV] update to angular17
This commit is contained in:
parent
b4157877c3
commit
d37ce25621
@ -1,88 +1,112 @@
|
||||
{
|
||||
"$schema" : "./node_modules/@angular/cli/lib/config/schema.json",
|
||||
"version" : 1,
|
||||
"newProjectRoot" : "projects",
|
||||
"defaultProject" : "karusic",
|
||||
"projects" : {
|
||||
"karusic" : {
|
||||
"root" : "",
|
||||
"sourceRoot" : "src",
|
||||
"projectType" : "application",
|
||||
"architect" : {
|
||||
"build" : {
|
||||
"builder" : "@angular-devkit/build-angular:browser",
|
||||
"options" : {
|
||||
"outputPath" : "dist",
|
||||
"index" : "src/index.html",
|
||||
"main" : "src/main.ts",
|
||||
"tsConfig" : "src/tsconfig.app.json",
|
||||
"polyfills" : "src/polyfills.ts",
|
||||
"assets" : [ "src/assets", "src/favicon.ico" ],
|
||||
"styles" : [ "src/styles.less", "src/generic_page.less", "src/theme.color.blue.less", "src/theme.checkbox.less", "src/theme.modal.less" ],
|
||||
"scripts" : [ ]
|
||||
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
|
||||
"version": 1,
|
||||
"newProjectRoot": "projects",
|
||||
"defaultProject": "karusic",
|
||||
"projects": {
|
||||
"karusic": {
|
||||
"root": "",
|
||||
"sourceRoot": "src",
|
||||
"projectType": "application",
|
||||
"architect": {
|
||||
"build": {
|
||||
"builder": "@angular-devkit/build-angular:browser",
|
||||
"options": {
|
||||
"outputPath": "dist",
|
||||
"index": "src/index.html",
|
||||
"main": "src/main.ts",
|
||||
"tsConfig": "src/tsconfig.app.json",
|
||||
"polyfills": [
|
||||
"zone.js"
|
||||
],
|
||||
"assets": [
|
||||
"src/assets",
|
||||
"src/favicon.ico"
|
||||
],
|
||||
"styles": [
|
||||
"src/styles.less",
|
||||
"src/generic_page.less",
|
||||
"src/theme.color.blue.less",
|
||||
"src/theme.checkbox.less",
|
||||
"src/theme.modal.less"
|
||||
],
|
||||
"scripts": []
|
||||
},
|
||||
"configurations" : {
|
||||
"production" : {
|
||||
"optimization" : true,
|
||||
"outputHashing" : "all",
|
||||
"sourceMap" : false,
|
||||
"namedChunks" : false,
|
||||
"aot" : true,
|
||||
"extractLicenses" : true,
|
||||
"vendorChunk" : false,
|
||||
"buildOptimizer" : true,
|
||||
"fileReplacements" : [ {
|
||||
"replace" : "src/environments/environment.ts",
|
||||
"with" : "src/environments/environment.prod.ts"
|
||||
} ]
|
||||
"configurations": {
|
||||
"production": {
|
||||
"optimization": true,
|
||||
"outputHashing": "all",
|
||||
"sourceMap": false,
|
||||
"namedChunks": false,
|
||||
"aot": true,
|
||||
"extractLicenses": true,
|
||||
"vendorChunk": false,
|
||||
"buildOptimizer": true,
|
||||
"fileReplacements": [
|
||||
{
|
||||
"replace": "src/environments/environment.ts",
|
||||
"with": "src/environments/environment.prod.ts"
|
||||
}
|
||||
]
|
||||
},
|
||||
"develop" : {
|
||||
"optimization" : false,
|
||||
"outputHashing" : "none",
|
||||
"sourceMap" : true,
|
||||
"namedChunks" : true,
|
||||
"aot" : true,
|
||||
"extractLicenses" : true,
|
||||
"vendorChunk" : true,
|
||||
"buildOptimizer" : false
|
||||
"develop": {
|
||||
"optimization": false,
|
||||
"outputHashing": "none",
|
||||
"sourceMap": true,
|
||||
"namedChunks": true,
|
||||
"aot": true,
|
||||
"extractLicenses": true,
|
||||
"vendorChunk": true,
|
||||
"buildOptimizer": false
|
||||
}
|
||||
}
|
||||
},
|
||||
"serve" : {
|
||||
"builder" : "@angular-devkit/build-angular:dev-server",
|
||||
"options" : {
|
||||
"browserTarget" : "karusic:build"
|
||||
"serve": {
|
||||
"builder": "@angular-devkit/build-angular:dev-server",
|
||||
"options": {
|
||||
"browserTarget": "karusic:build"
|
||||
},
|
||||
"configurations" : {
|
||||
"production" : {
|
||||
"browserTarget" : "karusic:build:production"
|
||||
"configurations": {
|
||||
"production": {
|
||||
"browserTarget": "karusic:build:production"
|
||||
},
|
||||
"develop" : {
|
||||
"browserTarget" : "karusic:build:develop"
|
||||
"develop": {
|
||||
"browserTarget": "karusic:build:develop"
|
||||
}
|
||||
}
|
||||
},
|
||||
"extract-i18n" : {
|
||||
"builder" : "@angular-devkit/build-angular:extract-i18n",
|
||||
"options" : {
|
||||
"browserTarget" : "karusic:build"
|
||||
"extract-i18n": {
|
||||
"builder": "@angular-devkit/build-angular:extract-i18n",
|
||||
"options": {
|
||||
"browserTarget": "karusic:build"
|
||||
}
|
||||
},
|
||||
"test" : {
|
||||
"builder" : "@angular-devkit/build-angular:karma",
|
||||
"options" : {
|
||||
"main" : "src/test.ts",
|
||||
"karmaConfig" : "./karma.conf.js",
|
||||
"polyfills" : "src/polyfills.ts",
|
||||
"tsConfig" : "src/tsconfig.spec.json",
|
||||
"scripts" : [ ],
|
||||
"styles" : [ "src/styles.less", "src/generic_page.less", "src/theme.color.blue.less", "src/theme.checkbox.less", "src/theme.modal.less" ],
|
||||
"assets" : [ "src/assets", "src/favicon.ico" ]
|
||||
"test": {
|
||||
"builder": "@angular-devkit/build-angular:karma",
|
||||
"options": {
|
||||
"main": "src/test.ts",
|
||||
"karmaConfig": "./karma.conf.js",
|
||||
"polyfills": [
|
||||
"zone.js"
|
||||
],
|
||||
"tsConfig": "src/tsconfig.spec.json",
|
||||
"scripts": [],
|
||||
"styles": [
|
||||
"src/styles.less",
|
||||
"src/generic_page.less",
|
||||
"src/theme.color.blue.less",
|
||||
"src/theme.checkbox.less",
|
||||
"src/theme.modal.less"
|
||||
],
|
||||
"assets": [
|
||||
"src/assets",
|
||||
"src/favicon.ico"
|
||||
]
|
||||
}
|
||||
},
|
||||
"lint" : {
|
||||
"builder" : "@angular-eslint/builder:lint",
|
||||
"options" : {
|
||||
"lint": {
|
||||
"builder": "@angular-eslint/builder:lint",
|
||||
"options": {
|
||||
"fix": true,
|
||||
"eslintConfig": ".eslintrc.js",
|
||||
"lintFilePatterns": [
|
||||
@ -91,44 +115,53 @@
|
||||
]
|
||||
}
|
||||
},
|
||||
"TTTTTTlint" : {
|
||||
"builder" : "@angular-devkit/build-angular:tslint",
|
||||
"options" : {
|
||||
"tsConfig" : [ "src/tsconfig.app.json", "src/tsconfig.spec.json" ],
|
||||
"exclude" : [ "**/node_modules/**" ]
|
||||
"TTTTTTlint": {
|
||||
"builder": "@angular-devkit/build-angular:tslint",
|
||||
"options": {
|
||||
"tsConfig": [
|
||||
"src/tsconfig.app.json",
|
||||
"src/tsconfig.spec.json"
|
||||
],
|
||||
"exclude": [
|
||||
"**/node_modules/**"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"karusic-e2e" : {
|
||||
"root" : "e2e",
|
||||
"sourceRoot" : "e2e",
|
||||
"projectType" : "application",
|
||||
"architect" : {
|
||||
"e2e" : {
|
||||
"builder" : "@angular-devkit/build-angular:protractor",
|
||||
"options" : {
|
||||
"protractorConfig" : "./protractor.conf.js",
|
||||
"devServerTarget" : "karusic:serve"
|
||||
"karusic-e2e": {
|
||||
"root": "e2e",
|
||||
"sourceRoot": "e2e",
|
||||
"projectType": "application",
|
||||
"architect": {
|
||||
"e2e": {
|
||||
"builder": "@angular-devkit/build-angular:protractor",
|
||||
"options": {
|
||||
"protractorConfig": "./protractor.conf.js",
|
||||
"devServerTarget": "karusic:serve"
|
||||
}
|
||||
},
|
||||
"lint" : {
|
||||
"builder" : "@angular-devkit/build-angular:tslint",
|
||||
"options" : {
|
||||
"tsConfig" : [ "e2e/tsconfig.e2e.json" ],
|
||||
"exclude" : [ "**/node_modules/**" ]
|
||||
"lint": {
|
||||
"builder": "@angular-devkit/build-angular:tslint",
|
||||
"options": {
|
||||
"tsConfig": [
|
||||
"e2e/tsconfig.e2e.json"
|
||||
],
|
||||
"exclude": [
|
||||
"**/node_modules/**"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"schematics" : {
|
||||
"@schematics/angular:component" : {
|
||||
"prefix" : "app",
|
||||
"style" : "less"
|
||||
"schematics": {
|
||||
"@schematics/angular:component": {
|
||||
"prefix": "app",
|
||||
"style": "less"
|
||||
},
|
||||
"@schematics/angular:directive" : {
|
||||
"prefix" : "app"
|
||||
"@schematics/angular:directive": {
|
||||
"prefix": "app"
|
||||
}
|
||||
}
|
||||
}
|
22557
front/package-lock.json
generated
22557
front/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -9,32 +9,35 @@
|
||||
"build": "ng build --prod",
|
||||
"test": "ng test",
|
||||
"lint": "ng lint",
|
||||
"e2e": "ng e2e"
|
||||
"e2e": "ng e2e",
|
||||
"update_packages": "ncu --upgrade",
|
||||
"install_dependency": "npm install"
|
||||
},
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@angular/animations": "^14.2.10",
|
||||
"@angular/cdk": "^14.2.7",
|
||||
"@angular/common": "^14.2.10",
|
||||
"@angular/compiler": "^14.2.10",
|
||||
"@angular/core": "^14.2.10",
|
||||
"@angular/forms": "^14.2.10",
|
||||
"@angular/material": "^14.2.7",
|
||||
"@angular/platform-browser": "^14.2.10",
|
||||
"@angular/platform-browser-dynamic": "^14.2.10",
|
||||
"@angular/router": "^14.2.10",
|
||||
"rxjs": "^7.5.7",
|
||||
"zone.js": "^0.12.0"
|
||||
"@angular/animations": "^17.2.0",
|
||||
"@angular/cdk": "^17.1.2",
|
||||
"@angular/common": "^17.2.0",
|
||||
"@angular/compiler": "^17.2.0",
|
||||
"@angular/core": "^17.2.0",
|
||||
"@angular/forms": "^17.2.0",
|
||||
"@angular/material": "^17.1.2",
|
||||
"@angular/platform-browser": "^17.2.0",
|
||||
"@angular/platform-browser-dynamic": "^17.2.0",
|
||||
"@angular/router": "^17.2.0",
|
||||
"rxjs": "^7.8.1",
|
||||
"zone.js": "^0.14.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular-devkit/build-angular": "^14.2.9",
|
||||
"@angular-eslint/builder": "14.2.0",
|
||||
"@angular-eslint/eslint-plugin": "14.2.0",
|
||||
"@angular-eslint/eslint-plugin-template": "14.2.0",
|
||||
"@angular-eslint/schematics": "14.2.0",
|
||||
"@angular-eslint/template-parser": "14.2.0",
|
||||
"@angular/cli": "^14.2.9",
|
||||
"@angular/compiler-cli": "^14.2.10",
|
||||
"@angular/language-service": "^14.2.10"
|
||||
"@angular-devkit/build-angular": "^17.2.0",
|
||||
"@angular-eslint/builder": "17.2.1",
|
||||
"@angular-eslint/eslint-plugin": "17.2.1",
|
||||
"@angular-eslint/eslint-plugin-template": "17.2.1",
|
||||
"@angular-eslint/schematics": "17.2.1",
|
||||
"@angular-eslint/template-parser": "17.2.1",
|
||||
"@angular/cli": "^17.2.0",
|
||||
"@angular/compiler-cli": "^17.2.0",
|
||||
"@angular/language-service": "^17.2.0",
|
||||
"npm-check-updates": "^16.14.15"
|
||||
}
|
||||
}
|
||||
}
|
@ -19,26 +19,35 @@
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cover-area" *ngIf="artistCovers">
|
||||
<div class="cover">
|
||||
<img src="{{artistCovers[0]}}"/>
|
||||
@if (artistCovers) {
|
||||
<div class="cover-area">
|
||||
<div class="cover">
|
||||
<img src="{{artistCovers[0]}}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cover-area" *ngIf="albumCovers">
|
||||
<div class="cover">
|
||||
<img src="{{albumCovers[0]}}"/>
|
||||
}
|
||||
@if (albumCovers) {
|
||||
<div class="cover-area">
|
||||
<div class="cover">
|
||||
<img src="{{albumCovers[0]}}"/>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
@if (tracks) {
|
||||
<div class="fill-content colomn_single">
|
||||
<div class="clear"></div>
|
||||
<div class="title" *ngIf="tracks.length > 1">Tracks:</div>
|
||||
<div class="title" *ngIf="tracks.length == 1">Track:</div>
|
||||
@for (data of tracks; track data.id;) {
|
||||
<app-element-track
|
||||
[element]="data"
|
||||
(click)="onSelectTrack($event, data.id)"
|
||||
(auxclick)="onSelectTrack($event, data.id)"></app-element-track>
|
||||
} @empty {
|
||||
Aucune piste accessible.
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="fill-content colomn_single" *ngIf="tracks">
|
||||
<div class="clear"></div>
|
||||
<div class="title" *ngIf="tracks.length > 1">Tracks:</div>
|
||||
<div class="title" *ngIf="tracks.length == 1">Track:</div>
|
||||
<app-element-track
|
||||
*ngFor="let data of tracks"
|
||||
[element]="data"
|
||||
(click)="onSelectTrack($event, data.id)"
|
||||
(auxclick)="onSelectTrack($event, data.id)"></app-element-track>
|
||||
</div>
|
||||
}
|
||||
<div class="clear-end"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -12,7 +12,7 @@ import { arrayUnique } from 'common/utils/arrayTools';
|
||||
|
||||
@Component({
|
||||
selector: 'app-album',
|
||||
templateUrl: './album.html'
|
||||
templateUrl: './album.html',
|
||||
})
|
||||
|
||||
export class AlbumScene implements OnInit {
|
||||
|
@ -1 +1 @@
|
||||
Subproject commit c3489422f2df7f16465b4358e868664af9cda81c
|
||||
Subproject commit 39b97f7c06e793ae05b6bad94d111adb878c9b7e
|
@ -1,3 +1,50 @@
|
||||
/**
|
||||
* This file includes polyfills needed by Angular and is loaded before the app.
|
||||
* You can add your own extra polyfills to this file.
|
||||
*
|
||||
* This file is divided into 2 sections:
|
||||
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
|
||||
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
|
||||
* file.
|
||||
*
|
||||
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
|
||||
* automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
|
||||
* Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
|
||||
*
|
||||
* Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
|
||||
*/
|
||||
|
||||
/***************************************************************************************************
|
||||
* BROWSER POLYFILLS
|
||||
*/
|
||||
|
||||
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
|
||||
// import 'core-js/es6/symbol';
|
||||
// import 'core-js/es6/object';
|
||||
// import 'core-js/es6/function';
|
||||
// import 'core-js/es6/parse-int';
|
||||
// import 'core-js/es6/parse-float';
|
||||
// import 'core-js/es6/number';
|
||||
// import 'core-js/es6/math';
|
||||
// import 'core-js/es6/string';
|
||||
// import 'core-js/es6/date';
|
||||
// import 'core-js/es6/array';
|
||||
// import 'core-js/es6/regexp';
|
||||
// import 'core-js/es6/map';
|
||||
// import 'core-js/es6/weak-map';
|
||||
// import 'core-js/es6/set';
|
||||
|
||||
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
|
||||
// import 'classlist.js'; // Run `npm install --save classlist.js`.
|
||||
|
||||
/** IE10 and IE11 requires the following for the Reflect API. */
|
||||
// import 'core-js/es6/reflect';
|
||||
|
||||
//import 'babel-polyfill';
|
||||
|
||||
/** Evergreen browsers require these. **/
|
||||
// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
|
||||
//import 'core-js/es7/reflect';
|
||||
|
||||
|
||||
/**
|
||||
@ -6,27 +53,14 @@
|
||||
**/
|
||||
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
|
||||
|
||||
/**
|
||||
* By default, zone.js will patch all possible macroTask and DomEvents
|
||||
* user can disable parts of macroTask/DomEvents patch by setting following flags
|
||||
*/
|
||||
|
||||
// (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
|
||||
// (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
|
||||
// (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
|
||||
|
||||
/*
|
||||
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
|
||||
* with the following flag, it will bypass `zone.js` patch for IE/Edge
|
||||
*/
|
||||
// (window as any).__Zone_enable_cross_context_check = true;
|
||||
|
||||
/** *************************************************************************************************
|
||||
/***************************************************************************************************
|
||||
* Zone JS is required by default for Angular itself.
|
||||
*/
|
||||
import 'zone.js/dist/zone'; // Included with Angular CLI.
|
||||
import 'zone.js/dist/zone'; // Included with Angular CLI.
|
||||
|
||||
|
||||
/** *************************************************************************************************
|
||||
/***************************************************************************************************
|
||||
* APPLICATION IMPORTS
|
||||
*/
|
||||
*/
|
@ -9,4 +9,4 @@
|
||||
"test.ts",
|
||||
"**/*.spec.ts"
|
||||
]
|
||||
}
|
||||
}
|
@ -9,19 +9,31 @@
|
||||
"moduleResolution": "node",
|
||||
"emitDecoratorMetadata": true,
|
||||
"experimentalDecorators": true,
|
||||
"target": "es2018",
|
||||
"target": "ES2021",
|
||||
"typeRoots": [
|
||||
"node_modules/@types"
|
||||
],
|
||||
"lib": [
|
||||
"es2018",
|
||||
"ES2021",
|
||||
"dom"
|
||||
],
|
||||
"module": "es2020",
|
||||
"module": "ES2022",
|
||||
"baseUrl": "./src",
|
||||
"paths": {
|
||||
"@app/*": ["./src/app/*"],
|
||||
"@common/*": ["./src/common/*"]
|
||||
"@app/*": [
|
||||
"./src/app/*"
|
||||
],
|
||||
"@common/*": [
|
||||
"./src/common/*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"angularCompilerOptions": {
|
||||
"_enabledBlockTypes": [
|
||||
"if",
|
||||
"switch",
|
||||
"for",
|
||||
"defer"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user