fix: issues starting angular app (#232)

Co-authored-by: DominicGBauer <dominic@nomanini.com>

Author: DominicGBauer

.changeset/slow-news-report.md

@@ -0,0 +1,5 @@
+---
+'angular-supabase-todolist': patch
+---
+
+Upgrade to Angular 18 and fix build issues

demos/angular-supabase-todolist/extra-webpack.config.js

@@ -17,10 +17,19 @@ module.exports = (config, options, targetOptions) => {
       path: config.path,
       clean: true
     },
+    experiments: {
+      ...config.experiments,
+      topLevelAwait: true
+    },
+    externals: {
+      // BSON includes imports to these, but does not have a hard requirement for them to be present.
+      crypto: 'Crypto',
+      stream: 'Stream',
+      vm: 'VM'
+    },
     resolveLoader: { symlinks: true },
     cache: config.cache,
     target: config.target,
-    experiments: config.experiments,
     stats: config.stats,
     devtool: 'source-map',
     mode: 'development'

demos/angular-supabase-todolist/package.json

@@ -11,29 +11,28 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.0.4",
-    "@angular/common": "^17.0.4",
-    "@angular/compiler": "^17.0.4",
-    "@angular/core": "^17.0.4",
-    "@angular/forms": "^17.0.4",
-    "@angular/platform-browser": "^17.0.4",
-    "@angular/platform-browser-dynamic": "^17.0.4",
-    "@angular/router": "^17.0.4",
-    "@angular/service-worker": "^17.0.4",
+    "@angular/animations": "^18.1.1",
+    "@angular/common": "^18.1.1",
+    "@angular/compiler": "^18.1.1",
+    "@angular/core": "^18.1.1",
+    "@angular/forms": "^18.1.1",
+    "@angular/platform-browser": "^18.1.1",
+    "@angular/platform-browser-dynamic": "^18.1.1",
+    "@angular/router": "^18.1.1",
+    "@angular/service-worker": "^18.1.1",
     "@powersync/web": "workspace:*",
-    "@journeyapps/wa-sqlite": "^0.0.2",
-    "@supabase/supabase-js": "^2.38.5",
+    "@journeyapps/wa-sqlite": "^0.2.0",
+    "@supabase/supabase-js": "^2.44.4",
     "rxjs": "~7.8.1",
-    "tslib": "^2.6.2",
-    "zone.js": "~0.14.2"
+    "tslib": "^2.6.3",
+    "zone.js": "~0.14.8"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^17.0.0",
-    "@angular-devkit/build-angular": "^17.0.3",
-    "@angular/cli": "^17.0.3",
-    "@angular/compiler-cli": "^17.0.4",
+    "@angular-builders/custom-webpack": "^18.0.0",
+    "@angular-devkit/build-angular": "^18.1.1",
+    "@angular/cli": "^18.1.1",
+    "@angular/compiler-cli": "^18.1.1",
     "http-server": "^14.1.1",
-    "prettier": "^3.1.0",
-    "typescript": "~5.2.2"
+    "typescript": "~5.5.3"
   }
 }

demos/vue-supabase-todolist/package.json

@@ -25,7 +25,7 @@
     "@types/vuelidate": "^0.7.21",
     "@vitejs/plugin-vue": "^5.0.4",
     "sass": "^1.71.1",
-    "typescript": "^5.2.2",
+    "typescript": "^5.5.3",
     "unplugin-fonts": "^1.1.1",
     "unplugin-vue-components": "^0.26.0",
     "vite": "^5.2.0",

packages/common/package.json

@@ -41,7 +41,7 @@
     "@types/lodash": "^4.14.197",
     "@types/node": "^20.5.9",
     "@types/uuid": "^9.0.1",
-    "typescript": "^5.1.3",
+    "typescript": "^5.5.3",
     "vitest": "^1.5.2",
     "bson": "^6.6.0"
   }

packages/kysely-driver/package.json

@@ -37,7 +37,7 @@
     "@vitest/browser": "^1.3.1",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.2",
-    "typescript": "^5.3.3",
+    "typescript": "^5.5.3",
     "vite": "^5.1.1",
     "vite-plugin-top-level-await": "^1.4.1",
     "vite-plugin-wasm": "^3.3.0",

packages/react-native/package.json

@@ -45,7 +45,7 @@
     "@types/async-lock": "^1.4.0",
     "react": "18.2.0",
     "react-native": "0.72.4",
-    "typescript": "^5.1.3"
+    "typescript": "^5.5.3"
   },
   "keywords": [
     "data sync",

packages/react/package.json

@@ -36,6 +36,6 @@
     "@types/react": "^18.2.34",
     "jsdom": "^24.0.0",
     "react": "18.2.0",
-    "typescript": "^5.1.3"
+    "typescript": "^5.5.3"
   }
 }

packages/vue/package.json

@@ -34,7 +34,7 @@
   "devDependencies": {
     "flush-promises": "^1.0.2",
     "jsdom": "^24.0.0",
-    "typescript": "^5.1.3",
+    "typescript": "^5.5.3",
     "vitest": "^1.5.1",
     "vue": "3.4.21"
   }

packages/web/package.json

@@ -50,7 +50,7 @@
     "@types/lodash": "^4.14.200",
     "@types/uuid": "^9.0.6",
     "@vitest/browser": "^1.3.1",
-    "typescript": "^5.2.2",
+    "typescript": "^5.5.3",
     "vite": "^5.1.1",
     "vite-plugin-top-level-await": "^1.4.1",
     "vite-plugin-wasm": "^3.3.0",