feat: only render meta tag on the server side

Author: peterpeterparker

src/app/blog/post/blog-post-view.component.ts

@@ -1,7 +1,9 @@
-import {Component, OnDestroy, OnInit, ViewEncapsulation} from '@angular/core';
+import {Component, Inject, OnDestroy, OnInit, PLATFORM_ID, ViewEncapsulation} from '@angular/core';
 import {DomSanitizer, Meta, SafeUrl} from '@angular/platform-browser';
 import {ActivatedRoute} from '@angular/router';
 
+import {isPlatformServer} from '@angular/common';
+
 import {Subscription} from 'rxjs';
 
 import {MarkdownService} from 'ngx-markdown';
@@ -33,7 +35,8 @@ export class BlogPostViewComponent implements OnInit, OnDestroy {
   showShare = false;
   shareOptions: WebSocialShareInput;
 
-  constructor(private route: ActivatedRoute,
+  constructor(@Inject(PLATFORM_ID) private platformId: Object,
+              private route: ActivatedRoute,
               private sanitizer: DomSanitizer,
               private markdownService: MarkdownService,
               private meta: Meta) {
@@ -44,7 +47,10 @@ export class BlogPostViewComponent implements OnInit, OnDestroy {
     this.sub = this.route.params.subscribe(async (params) => {
       this.postId = params['id'];
       this.post =  './assets/blog/post/' + this.postId + '.md';
-      await this.updateMetadata();
+
+      if (isPlatformServer(this.platformId)) {
+        await this.updateMetadata();
+      }
     });
   }
 

src/app/item/item-view.component.ts

@@ -1,9 +1,11 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import {Component, Inject, OnDestroy, OnInit, PLATFORM_ID} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';
 import {Meta} from '@angular/platform-browser';
 import {DomSanitizer, SafeUrl} from '@angular/platform-browser';
 import {Subscription} from 'rxjs';
 
+import {isPlatformServer} from '@angular/common';
+
 import {TranslateService} from '@ngx-translate/core';
 
 // Resources
@@ -39,7 +41,8 @@ export class ItemViewComponent implements OnInit, OnDestroy {
   showShare = false;
   shareOptions: WebSocialShareInput;
 
-  constructor(private route: ActivatedRoute,
+  constructor(@Inject(PLATFORM_ID) private platformId: Object,
+              private route: ActivatedRoute,
               private sanitizer: DomSanitizer,
               private meta: Meta,
               private translateService: TranslateService,
@@ -79,7 +82,10 @@ export class ItemViewComponent implements OnInit, OnDestroy {
   private async loadItem(result: Item) {
     this.item = result;
     await this.concatImages();
-    this.updateMetadata();
+
+    if (isPlatformServer(this.platformId)) {
+      this.updateMetadata();
+    }
   }
 
   concatImages(): Promise<void> {