Merge pull request #9 from irohalab/bugfix/ssr-support

Fix darkThemeService in server
irohalab · Jul 28, 2024 · d15f92e · d15f92e
2 parents d479f11 + 623d957
commit d15f92e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -1,10 +1,11 @@
 {
   "name": "deneb-ui",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
+    "start": "ng serve --project Deneb-UI-Demo",
+    "build": "npm run build:deneb-ui",
+    "build:deneb-ui": "ng build --project @irohalab/Deneb-UI",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },

diff --git a/projects/irohalab/deneb-ui/package.json b/projects/irohalab/deneb-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@irohalab/deneb-ui",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Building blocks for mira-ui",
   "author": "Everett Summer",
   "license": "Apache-2.0",

diff --git a/projects/irohalab/deneb-ui/src/dark-theme.service.ts b/projects/irohalab/deneb-ui/src/dark-theme.service.ts
@@ -1,5 +1,6 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { Inject, Injectable, OnDestroy, PLATFORM_ID } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
+import { isPlatformBrowser } from '@angular/common';
 
 export const DARK_THEME = 'dark_theme';
 export const LIGHT_THEME = 'light_theme';
@@ -17,9 +18,11 @@ export class DarkThemeService implements OnDestroy {
         return this._themeChangeSubject.asObservable();
     }
 
-    constructor() {
-        this.checkTheme();
-        this.initGlobalListener();
+    constructor(@Inject(PLATFORM_ID) platformId: object) {
+        if (isPlatformBrowser(platformId)) {
+            this.checkTheme();
+            this.initGlobalListener();
+        }
     }
 
     public changeTheme(theme: ThemeName): void {