CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.4.4](https://github.com/adobe/aem-spa-page-model-manager/compare/v1.4.3...v1.4.4) (2022-06-21)
+
+
+### Bug Fixes
+
+* check the existence of the window object in places where is not yet verified ([#86](https://github.com/adobe/aem-spa-page-model-manager/issues/86)) ([316aeb6](https://github.com/adobe/aem-spa-page-model-manager/commit/316aeb667d0ab704b77ebe5840c11f70cab33fb8))
+
 ## [1.4.3](https://github.com/adobe/aem-spa-page-model-manager/compare/v1.4.2...v1.4.3) (2022-06-02)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/aem-spa-page-model-manager",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "An interpreter between AEM Editor and the AEM SPA Editor.",
   "keywords": [
     "spa",

src/ModelRouter.ts

@@ -76,9 +76,13 @@ export class RouterModes {
  * @return
  */
 export function getModelPath(url?: string | null | URL): string | null {
-    const localUrl = (url || window.location.pathname) as string;
+    const localUrl = (url || (PathUtils.isBrowser() && window.location.pathname)) as string;
 
-    return PathUtils.sanitize(localUrl);
+    if (localUrl) {
+        return PathUtils.sanitize(localUrl);
+    }
+
+    return null;
 }
 
 /**
@@ -179,7 +183,7 @@ export function routeModel(url?: string | undefined | null | URL): void {
 
 export function initModelRouter(): void {
     // Activate the model router
-    if (isModelRouterEnabled() && typeof window !== 'undefined') {
+    if (isModelRouterEnabled() && PathUtils.isBrowser()) {
         // Encapsulate the history.pushState and history.replaceState functions to prefetch the page model for the current route
         const pushState = window.history.pushState;
         const replaceState = window.history.replaceState;
@@ -202,4 +206,4 @@ export function initModelRouter(): void {
             return replaceState.apply(history, [ state, title, url ]);
         };
     }
-}
+}

src/PathUtils.ts

@@ -558,7 +558,7 @@ export class PathUtils {
      * @returns Updated path to match against
      */
     public static toAEMPath(path: string, aemHost: string, rootPath: string): string {
-        const isLoadedInAEM = window.location.origin === aemHost;
+        const isLoadedInAEM = this.isBrowser() && window.location.origin === aemHost;
 
         if (isLoadedInAEM) {
             // Remove leading and trailing slashes, if any

test/AuthoringUtils.test.ts

@@ -11,10 +11,10 @@
  */
 
 import * as assert from 'assert';
-import {AuthoringUtils} from '../src/AuthoringUtils';
-import {PathUtils} from '../src/PathUtils';
-import {AEM_MODE} from '../src/Constants';
-import MetaProperty from "../src/MetaProperty";
+import { AuthoringUtils } from '../src/AuthoringUtils';
+import { PathUtils } from '../src/PathUtils';
+import { AEM_MODE } from '../src/Constants';
+import MetaProperty from '../src/MetaProperty';
 
 describe('AuthoringUtils ->', () => {
     let authoringUtils: AuthoringUtils;
@@ -94,7 +94,7 @@ describe('AuthoringUtils ->', () => {
 
                 // then
                 Object.entries(AuthoringUtils.AUTHORING_LIBRARIES.META).forEach((entry) => {
-                    const [key, val] = entry;
+                    const [ key, val ] = entry;
 
                     assert.ok(libs.querySelectorAll('meta[property="' + key + '"][content="' + val + '"]'));
                 });
@@ -231,7 +231,6 @@ describe('AuthoringUtils ->', () => {
         });
     });
 
-
     describe('isPreviewMode', () => {
         it('should be false if both indicators are falsy', () => {
             jest.spyOn(PathUtils, 'getMetaPropertyValue').mockReturnValue(AEM_MODE.EDIT);

test/ModelManager.test.ts

@@ -17,7 +17,7 @@ import EventType from '../src/EventType';
 import InternalConstants from '../src/InternalConstants';
 import MetaProperty from '../src/MetaProperty';
 import { ModelClient } from '../src/ModelClient';
-import ModelManager, {ModelManagerConfiguration} from '../src/ModelManager';
+import ModelManager, { ModelManagerConfiguration } from '../src/ModelManager';
 import { isRouteExcluded } from '../src/ModelRouter';
 import { PathUtils } from '../src/PathUtils';
 import { content_test_page_root_child0000_child0010, PAGE_MODEL, ERROR_PAGE_MODEL_404, ERROR_PAGE_MODEL_500 } from './data/MainPageData';
@@ -44,7 +44,7 @@ jest.mock('../src/ModelRouter');
 
 const REQUEST_MAP:{[key:string]:any} = {};
 
-fetchMock.mockResponse( (req) => {
+fetchMock.mockResponse((req) => {
     if (REQUEST_MAP[req.url]) {
         return Promise.resolve({
             body: JSON.stringify(REQUEST_MAP[req.url])
@@ -231,6 +231,7 @@ describe('ModelManager ->', () => {
 
             it('should fetch data once on initialization when sub page route path is excluded', () => {
                 isRouteExcludedSpy.mockReturnValue(true);
+
                 return ModelManager.initialize({ path: PAGE_PATH, modelClient: modelClient }).then((data) => {
                     expectPageModelLoadedEventFired();
                     verify(ModelClientMock.fetch(anyString())).times(1);
@@ -345,10 +346,12 @@ describe('ModelManager ->', () => {
                 errorPageRoot: ERROR_PAGE_ROOT
             };
             const data:Model = await ModelManager.initialize(configuration);
+
             verify(modelClient.fetch(anyString()));
             assert.deepEqual(data, PAGE_MODEL, 'data should be correct');
 
             const nonExistingData = await ModelManager._fetchData(NON_EXISTING_PATH);
+
             assert.deepEqual(nonExistingData, ERROR_PAGE_MODEL_404, 'data should be correct');
 
         });
@@ -361,10 +364,12 @@ describe('ModelManager ->', () => {
                 errorPageRoot: ERROR_PAGE_ROOT
             };
             const data:Model = await ModelManager.initialize(configuration);
+
             verify(modelClient.fetch(anyString()));
             assert.deepEqual(data, PAGE_MODEL, 'data should be correct');
 
             const nonExistingData = await ModelManager._fetchData(PAGE_WITH_ERROR_PATH);
+
             assert.deepEqual(nonExistingData, ERROR_PAGE_MODEL_500, 'data should be correct');
 
         });

test/ModelRouter.test.ts

@@ -14,7 +14,7 @@ import MetaProperty from '../src/MetaProperty';
 import { Model } from '../src/Model';
 import ModelManager from '../src/ModelManager';
 import {
-    dispatchRouteChanged, getModelPath, getRouteFilters, initModelRouter, isModelRouterEnabled, isRouteExcluded, routeModel, RouterModes,
+    dispatchRouteChanged, getModelPath, getRouteFilters, initModelRouter, isModelRouterEnabled, isRouteExcluded, routeModel, RouterModes
 } from '../src/ModelRouter';
 import { PathUtils } from '../src/PathUtils';
 
@@ -49,6 +49,12 @@ describe('ModelRouter ->', () => {
         it('should get the current window URL', () => {
             expect(getModelPath('/zyx/abc?date=03.10.2021')).toEqual('/zyx/abc');
         });
+        it('should return null', () => {
+            const isBrowserSpy = jest.spyOn(PathUtils, 'isBrowser').mockImplementation(() => false);
+
+            expect(getModelPath()).toBeNull();
+            isBrowserSpy.mockRestore();
+        });
     });
 
     describe('dispatchRouteChanged ->', () => {

test/ModelStore.test.ts

@@ -190,7 +190,9 @@ describe('ModelStore ->', () => {
     describe('setData', () => {
         it('should set data', () => {
             let item: any = modelStore.getData('/content/test/child_page_1/jcr:content/root/child1000');
+
             item[TEST_FIELD] = TEST_FIELD_DATA;
+
             const val = {
                 key: 'child1000',
                 value: item
@@ -204,11 +206,14 @@ describe('ModelStore ->', () => {
 
         it('should set empty string on removed data', () => {
             let item: any = modelStore.getData('/content/test/child_page_1/jcr:content/root/child1000');
+
             item[TEST_FIELD] = TEST_FIELD_DATA;
+
             const val = {
                 key: 'child1000',
                 value: item
             };
+
             modelStore.setData('/content/test/child_page_1/jcr:content/root/child1000', val);
 
             delete item[TEST_FIELD];

test/data/MainPageData.ts

@@ -152,7 +152,6 @@ export const ERROR_PAGE_MODEL_404: PageModel = {
     ':type': 'we-retail-react/components/structure/page'
 };
 
-
 export const ERROR_PAGE_MODEL_500: PageModel = {
     'designPath': '/libs/settings/wcm/designs/default',
     'title': 'Example Error Page 500',