chore(ui-devkit): Update & tidy configs

.eslintrc.js

@@ -44,14 +44,14 @@ module.exports = {
         {
             files: ['./packages/ui-devkit/src/client/**/*'],
             parserOptions: {
-                project: 'tsconfig.json',
+                project: './packages/ui-devkit/tsconfig.json',
                 sourceType: 'module',
             },
         },
         {
             files: ['./packages/ui-devkit/src/compiler/**/*'],
             parserOptions: {
-                project: 'tsconfig.compiler.json',
+                project: './packages/ui-devkit/tsconfig.compiler.json',
                 sourceType: 'module',
             },
         },

packages/admin-ui/package.json

@@ -20,27 +20,27 @@
     "directory": "package"
   },
   "dependencies": {
-    "@angular/animations": "15.2.1",
-    "@angular/cdk": "15.2.1",
-    "@angular/common": "15.2.1",
-    "@angular/core": "15.2.1",
-    "@angular/forms": "15.2.1",
-    "@angular/language-service": "15.2.1",
-    "@angular/platform-browser": "15.2.1",
-    "@angular/platform-browser-dynamic": "15.2.1",
-    "@angular/router": "15.2.1",
+    "@angular/animations": "^15.2.1",
+    "@angular/cdk": "^15.2.1",
+    "@angular/common": "^15.2.1",
+    "@angular/core": "^15.2.1",
+    "@angular/forms": "^15.2.1",
+    "@angular/language-service": "^15.2.1",
+    "@angular/platform-browser": "^15.2.1",
+    "@angular/platform-browser-dynamic": "^15.2.1",
+    "@angular/router": "^15.2.1",
     "@apollo/client": "^3.7.9",
     "@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
-    "@cds/core": "^6.3.1",
-    "@clr/angular": "^15.0.1",
+    "@cds/core": "^6.3.2",
+    "@clr/angular": "^15.1.0",
     "@clr/core": "^4.0.15",
     "@clr/icons": "^13.0.2",
     "@clr/ui": "^15.0.1",
-    "@messageformat/core": "^3.0.1",
+    "@messageformat/core": "^3.1.0",
     "@ng-select/ng-select": "^10.0.3",
     "@ngx-translate/core": "^14.0.0",
     "@ngx-translate/http-loader": "^7.0.0",
-    "@vendure/common": "^2.0.0-next.28",
+    "@vendure/common": "^2.0.0-2.0.0-beta.0",
     "@webcomponents/custom-elements": "^1.5.1",
     "apollo-angular": "^4.2.1",
     "apollo-upload-client": "^17.0.0",
@@ -68,14 +68,14 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^15.2.1",
-    "@angular-eslint/builder": "15.2.1",
-    "@angular-eslint/eslint-plugin": "15.2.1",
-    "@angular-eslint/eslint-plugin-template": "15.2.1",
-    "@angular-eslint/schematics": "15.2.1",
-    "@angular-eslint/template-parser": "15.2.1",
-    "@angular/cli": "15.2.1",
-    "@angular/compiler": "15.2.1",
-    "@angular/compiler-cli": "15.2.1",
+    "@angular-eslint/builder": "^15.2.1",
+    "@angular-eslint/eslint-plugin": "^15.2.1",
+    "@angular-eslint/eslint-plugin-template": "^15.2.1",
+    "@angular-eslint/schematics": "^15.2.1",
+    "@angular-eslint/template-parser": "^15.2.1",
+    "@angular/cli": "^15.2.1",
+    "@angular/compiler": "^15.2.1",
+    "@angular/compiler-cli": "^15.2.1",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.6",
     "@types/node": "^14.14.31",

packages/ui-devkit/package.json

@@ -36,10 +36,10 @@
     "url": "https://github.com/vendure-ecommerce/vendure/issues"
   },
   "dependencies": {
-    "@angular-devkit/build-angular": "~15.2.1",
-    "@angular/cli": "15.2.1",
-    "@angular/compiler": "15.2.1",
-    "@angular/compiler-cli": "15.2.1",
+    "@angular-devkit/build-angular": "^15.2.1",
+    "@angular/cli": "^15.2.1",
+    "@angular/compiler": "^15.2.1",
+    "@angular/compiler-cli": "^15.2.1",
     "@vendure/admin-ui": "^2.0.0-next.28",
     "@vendure/common": "^2.0.0-next.28",
     "chalk": "^4.1.0",

packages/ui-devkit/scaffold/angular.json

@@ -15,7 +15,7 @@
       },
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser-esbuild",
+          "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "baseHref": "/",
             "outputPath": "dist",

packages/ui-devkit/scaffold/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "baseUrl": "./",
     "importHelpers": true,
-    "module": "esnext",
+    "module": "es2020",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
@@ -12,7 +12,7 @@
     "strict": true,
     "noImplicitAny": false,
     "strictPropertyInitialization": false,
-    "target": "es2015",
+    "target": "ES2022",
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
@@ -21,6 +21,7 @@
       "es2019",
       "dom",
       "esnext.asynciterable"
-    ]
+    ],
+    "useDefineForClassFields": false
   }
 }

packages/ui-devkit/src/compiler/compile.ts

@@ -72,13 +72,7 @@ function runCompileMode(
     const compile = () =>
         new Promise<void>(async (resolve, reject) => {
             await setupScaffold(outputPath, extensions);
-            const commandArgs = [
-                'run',
-                'build',
-                `--outputPath="${distPath}"`,
-                `--base-href=${baseHref}`,
-                ...buildProcessArguments(args),
-            ];
+            const commandArgs = ['run', 'build', `--base-href=${baseHref}`, ...buildProcessArguments(args)];
             if (!usingYarn) {
                 // npm requires `--` before any command line args being passed to a script
                 commandArgs.splice(2, 0, '--');