Cannot open specific station

AndyK · November 25, 2023, 3:26pm

This interface has not been working for a day or two. A completely blank page opens.

Andy

Christopher · November 27, 2023, 1:29am

Hi Andy,

For me that opens up this:

Are you familiar with this like browser developer tools at all? it would be useful to see what the error message your browser is reporting (which browser is it and what version?).

AndyK · November 27, 2023, 1:12pm

Hi Christopher,

I’m using Chrome in Windows, Version 119.0.6045.160 (Official Build) (64-bit)

Here’s the browser’s error message:

main.4d54e5fa71416a11.js:1 ERROR TypeError: Cannot read properties of null (reading ‘Data’)
at Ue.initAuthFromStorage (main.4d54e5fa71416a11.js:1:273518)
at Ue.initAppManager (main.4d54e5fa71416a11.js:1:273216)
at new Ue (main.4d54e5fa71416a11.js:1:270299)
at Object.factory (main.4d54e5fa71416a11.js:1:275637)
at Pc.hydrate (main.4d54e5fa71416a11.js:1:1427061)
at Pc.get (main.4d54e5fa71416a11.js:1:1425625)
at gy.get (main.4d54e5fa71416a11.js:1:1446506)
at hi (main.4d54e5fa71416a11.js:1:1410959)
at Pi (main.4d54e5fa71416a11.js:1:1411456)
at Object.zl (main.4d54e5fa71416a11.js:1:1432338)

Here’s the URL that results in a blank.

Here’s a ‘functional’ url.

Here’s the javascript snippet that generates a blank screen in a new tab.
let url = ‘Open Charge Map - Electric Vehicle Charging Locations Near You’ + ocmId;
console.log(LS(), 'Station Edit URL: ’ + url);
window.open(url, ‘_blank’).focus();

Thanks!
Andy

Christopher · November 27, 2023, 2:22pm

Looking at our app code, that error suggests your user authentication token didn’t parse properly for some reason

github.com

openchargemap/ocm-app/blob/71b6b579781ec13ceeade51dd7f08119ed295cbf/src/app/services/AppManager.ts#L238


      
              }
            }
          }
          
          public initAuthFromStorage() {
            // check if valid user auth already in local storage
            let jwtString = localStorage.getItem('authResponse');
          
            if (jwtString != null) {
              let jwt = JSON.parse(jwtString);
              if (jwt.Data != null && jwt.Data.access_token != null) {
                const decodedToken = this.jwtHelper.decodeToken(jwt.Data.access_token);
                if (this.jwtHelper.isTokenExpired(jwt.Data.access_token)) {
                  localStorage.removeItem('authResponse');
                } else {
                  this.api.authResponse = jwt;
                  this.logging.log('User has valid auth token in local storage', LogLevel.VERBOSE);
                }
              }
            }
          }

I’d guess that signing out and back in again might help?

AndyK · November 27, 2023, 3:33pm

I’ve tried signing out and signing back in to OCM several times and it doesn’t help.
Signing out of OCM and then opening the link results in the same blank screen. So I’m unable to login to OCM within this tab.
I’ve tried removing all my passwords in Chrome and it doesn’t help.
It seems to work fine in Microsoft Edge
The this.logging.log(…) message does not appear in the chrome console.
Here’s a snapshot of a blank window. This is the same regardless of whether the OCM link is opened by my webpage or by dropping the link into Chrome’s address bar.

2023-11-27_6-41-351361×1053 79.4 KB

Christopher · November 29, 2023, 7:34am

I wasn’t able to reproduce your problem but I’ve updated map.openchargemap.io to the latest versions of the jwt libraries it uses and also added an additional guard for null or malformed data when reading the stored authentication information, so whatever the cause that particular error, it shouldn’t happen now. You may need to shift-reload to refresh any cached javascript etc.

AndyK · November 29, 2023, 2:46pm

Hello Christopher,
Okay, perfect. This fixes the problem in Chrome for me. I never experienced the problem on Microsoft Edge btw.
Thanks so much!
Andy