fix: make shared module independent of config.js (#1870)

frontend/projects/shared/src/public-api.ts

@@ -45,6 +45,8 @@ export * from './types/rpc.types'
 export * from './types/url'
 export * from './types/workspace-config'
 
+export * from './tokens/relative-url'
+
 export * from './util/copy-to-clipboard'
 export * from './util/base-64'
 export * from './util/get-pkg-id'

frontend/projects/shared/src/services/http.service.ts

@@ -1,14 +1,6 @@
+import { DOCUMENT } from '@angular/common'
 import { Inject, Injectable } from '@angular/core'
 import { HttpClient } from '@angular/common/http'
-import { HttpError } from '../classes/http-error'
-import {
-  HttpAngularOptions,
-  HttpOptions,
-  LocalHttpResponse,
-  Method,
-} from '../types/http.types'
-import { RPCResponse, RPCOptions } from '../types/rpc.types'
-import { WorkspaceConfig } from '../types/workspace-config'
 import {
   firstValueFrom,
   from,
@@ -19,20 +11,25 @@ import {
   race,
   take,
 } from 'rxjs'
-import { DOCUMENT } from '@angular/common'
 
-const {
-  ui: { api },
-} = require('../../../../config.json') as WorkspaceConfig
+import { HttpError } from '../classes/http-error'
+import {
+  HttpAngularOptions,
+  HttpOptions,
+  LocalHttpResponse,
+  Method,
+} from '../types/http.types'
+import { RPCResponse, RPCOptions } from '../types/rpc.types'
+import { RELATIVE_URL } from '../tokens/relative-url'
 
 @Injectable({
   providedIn: 'root',
 })
 export class HttpService {
-  relativeUrl = `/${api.url}/${api.version}`
   private fullUrl: string
 
   constructor(
+    @Inject(RELATIVE_URL) private readonly relativeUrl: string,
     @Inject(DOCUMENT) private readonly document: Document,
     private readonly http: HttpClient,
   ) {

frontend/projects/shared/src/tokens/relative-url.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core'
+
+export const RELATIVE_URL = new InjectionToken<string>(
+  'Relative URL for requests',
+)