fix(ws): use relative path

Author: andrewazores

src/app/Settings/Config/FeatureLevels.tsx

@@ -64,7 +64,7 @@ const Component = () => {
           .filter((v) => typeof v === 'string')
           .map((v): { key: string; value: number } => ({ key: String(v), value: FeatureLevel[v] }))
           .filter((v) => {
-            if (!process.env.CRYOSTAT_AUTHORITY) {
+            if (!process.env.CRYOSTAT_AUTHORITY || process.env.CRYOSTAT_AUTHORITY === '.') {
               return v.value !== FeatureLevel.DEVELOPMENT;
             }
             return true;

src/app/Shared/Services/NotificationChannel.service.tsx

@@ -81,7 +81,7 @@ export class NotificationChannel {
 
           const url = new URL(window.location.href);
           url.protocol = url.protocol.replace('http', 'ws');
-          url.pathname = '/api/notifications';
+          url.pathname = 'api/notifications';
           this.ws = webSocket({
             url: url.toString(),
             protocol: '',

src/mirage/index.ts

@@ -59,7 +59,7 @@ export const startMirage = ({ environment = 'development' } = {}) => {
 
     routes() {
       this.timing = 0;
-      this.urlPrefix = process.env.CRYOSTAT_AUTHORITY || '';
+      this.urlPrefix = process.env.CRYOSTAT_AUTHORITY || '.';
       this.namespace = '/';
       this.logging = environment === 'development';
 

webpack.prod.js

@@ -42,7 +42,7 @@ module.exports = merge(common('production'), {
       chunkFilename: '[name].[contenthash].bundle.css' // lazy-load css
     }),
     new EnvironmentPlugin({
-      CRYOSTAT_AUTHORITY: '',
+      CRYOSTAT_AUTHORITY: '.',
       PREVIEW: process.env.PREVIEW || 'false'
     })
   ],