fixed site ssr build

Author: nodeful

site/angular.json

@@ -30,6 +30,9 @@
         },
         "@schematics/angular:service": {
           "spec": false
+        },
+        "@schematics/angular:application": {
+          "strict": false
         }
       },
       "architect": {
@@ -62,7 +65,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,
@@ -81,8 +83,7 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "eqmac-site:build",
-            "port": 4300
+            "browserTarget": "eqmac-site:build"
           },
           "configurations": {
             "production": {

site/package.json

@@ -2,12 +2,10 @@
   "name": "eqmac-site",
   "version": "0.0.0",
   "scripts": {
-    "start": "./node_modules/.bin/ng serve",
-    "build": "./node_modules/.bin/ng build",
+    "start": "ng run eqmac-site:serve-ssr",
+    "build": "ng build --prod && ng run eqmac-site:server:production",
     "deploy": "export $(tr -d '\\r' < .env | xargs) && ./scripts/deploy.sh",
-    "dev:ssr": "ng run eqmac-site:serve-ssr",
-    "serve:ssr": "node dist/server/main.js",
-    "build:ssr": "ng build --prod && ng run eqmac-site:server:production",
+    "serve": "node dist/server/main.js",
     "prerender": "ng run eqmac-site:prerender"
   },
   "private": true,

site/src/app/routes/root/home/home.component.ts

@@ -13,8 +13,8 @@ export class HomeComponent {
     return elem.scrollIntoView({ behavior: 'smooth' })
   }
 
-  async download (urlPresent) {
-    if (urlPresent) return
+  async download (urlPressed: boolean) {
+    if (urlPressed) return
     const url = await this.github.getLatestDownloadUrl()
     const link = document.createElement('a')
     link.download = 'eqmac.dmg'

site/src/app/routes/root/home/sections/overview/overview.component.ts

@@ -9,7 +9,7 @@ import { GithubService } from 'src/app/services/github.service'
 export class OverviewComponent implements OnInit {
   @Output() downloadPressed = new EventEmitter()
   @Output() takeATourPressed = new EventEmitter()
-  url: string
+  url?: string
   constructor (private github: GithubService) {}
 
   ngOnInit () {

site/src/app/routes/root/root.component.ts

@@ -12,7 +12,7 @@ export class RootComponent implements OnInit {
 
   scrollTo (id: string) {
     const elem = document.getElementById(id)
-    elem.scrollIntoView({ behavior: 'smooth' })
+    elem?.scrollIntoView({ behavior: 'smooth' })
   }
 
 

site/src/app/services/github.service.ts

@@ -12,7 +12,7 @@ export class GithubService {
   async getLatestDownloadUrl () {
     const release = await this.getLatestRelease()
     const { assets } = release
-    const binary = assets.find(a => a.name.includes('.pkg'))
+    const binary = assets.find((a: any) => a.name.includes('.pkg'))
     const downloadUrl = binary.browser_download_url
     return downloadUrl
   }

site/src/app/site.module.ts

@@ -53,7 +53,6 @@ const routes: Routes = [{
   imports: [
     BrowserModule.withServerTransition({ appId: 'serverApp' }),
     FlexLayoutModule,
-    FlexLayoutServerModule,
     RouterModule.forRoot(routes),
     BrowserAnimationsModule,
     HttpClientModule,

site/src/app/site.server.module.ts

@@ -3,11 +3,13 @@ import { ServerModule } from '@angular/platform-server'
 
 import { SiteModule } from './site.module'
 import { SiteComponent } from './site.component'
+import { FlexLayoutServerModule } from '@angular/flex-layout/server'
 
 @NgModule({
   imports: [
     SiteModule,
     ServerModule,
+    FlexLayoutServerModule
   ],
   bootstrap: [SiteComponent],
 })

site/tsconfig.json

@@ -6,12 +6,15 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "module": "esnext",
+    "module": "es2020",
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "es2015",
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
     "typeRoots": [
       "node_modules/@types"
     ],