fix: use absolute path in gql client (#5454)

packages/frontend/graphql/src/index.ts

@@ -2,8 +2,19 @@ export * from './fetcher';
 export * from './graphql';
 export * from './schema';
 export * from './utils';
-import '@affine/env/global';
+
+import { setupGlobal } from '@affine/env/global';
 
 import { gqlFetcherFactory } from './fetcher';
 
-export const fetcher = gqlFetcherFactory('/graphql');
+setupGlobal();
+
+export function getBaseUrl(): string {
+  if (environment.isDesktop) {
+    return runtimeConfig.serverUrlPrefix;
+  }
+  const { protocol, hostname, port } = window.location;
+  return `${protocol}//${hostname}${port ? `:${port}` : ''}`;
+}
+
+export const fetcher = gqlFetcherFactory(getBaseUrl() + '/graphql');

packages/frontend/templates/templates.gen.ts

@@ -26,4 +26,4 @@ export const onboarding = {
 '9iIScyvuIB_kUKbs1AYOQ.snapshot.json': json_9,
 '0nee_XzkrN23Xy7HMoXL-.snapshot.json': json_10,
 '-P-O4GSfVGTkI16zJRVa4.snapshot.json': json_11
-}
+}

packages/frontend/workspace/src/impl/cloud/blob.ts

@@ -2,6 +2,7 @@ import {
   checkBlobSizesQuery,
   deleteBlobMutation,
   fetchWithTraceReport,
+  getBaseUrl,
   listBlobsQuery,
   setBlobMutation,
 } from '@affine/graphql';
@@ -10,14 +11,6 @@ import { fetcher } from '@affine/graphql';
 import type { BlobStorage } from '../../engine/blob';
 import { bufferToBlob } from '../../utils/buffer-to-blob';
 
-function getBaseUrl(): string {
-  if (environment.isDesktop) {
-    return runtimeConfig.serverUrlPrefix;
-  }
-  const { protocol, hostname, port } = window.location;
-  return `${protocol}//${hostname}${port ? `:${port}` : ''}`;
-}
-
 export const createAffineCloudBlobStorage = (
   workspaceId: string
 ): BlobStorage => {