fix: make changes necessary for single origin

.dockerignore

@@ -11,3 +11,4 @@ Dockerfile
 docs
 node_modules
 storybook_static
+.tanstack

.github/workflows/deploy.yml

@@ -47,7 +47,6 @@ jobs:
         env:
           VITE_VERSION: ${{ inputs.version || github.sha }}
           VITE_GRAASP_API_HOST: ${{ vars.VITE_GRAASP_API_HOST }}
-          VITE_GRAASP_WS_HOST: ${{ vars.VITE_GRAASP_WS_HOST }}
           VITE_GRAASP_LIBRARY_HOST: ${{ vars.VITE_GRAASP_LIBRARY_HOST }}
           VITE_SENTRY_ENV: ${{ vars.VITE_SENTRY_ENV }}
           VITE_SENTRY_DSN: ${{ secrets.VITE_SENTRY_DSN }}

.github/workflows/test.yml

@@ -21,7 +21,7 @@ jobs:
   unit:
     name: Unit
     runs-on: ubuntu-latest
-    timeout-minutes: 10
+    timeout-minutes: 20
     steps:
       - name: Checkout
         uses: actions/checkout@v4

cypress/e2e/account/settings/preferences.cy.ts

@@ -83,7 +83,7 @@ describe('Display preferences', () => {
           pathname: /\/api\/members\/current\/marketing\/unsubscribe$/,
         },
         ({ reply }) => {
-          reply();
+          reply({});
         },
       ).as('unsubscribe');
 

cypress/e2e/builder/item/bookmarks/bookmarks.cy.ts

@@ -26,7 +26,7 @@ const removefromItemCard = (itemId: string) => {
   cy.get(`#${buildItemCard(itemId)} ${UNBOOKMARK_ICON_SELECTOR}`).click();
 };
 const removefromBookmarkCard = (itemId: string) => {
-  cy.get(`#${BOOKMARK_MANAGE_BUTTON_ID} `).click();
+  cy.get(`#${BOOKMARK_MANAGE_BUTTON_ID}`).click();
   cy.get(buildBookmarkCardRemoveButton(itemId)).click();
 };
 
@@ -85,7 +85,7 @@ describe('Bookmarked Item', () => {
       });
     });
 
-    it('remove item from item card', () => {
+    it('remove item from bookmark card', () => {
       const itemId = ITEMS[1].id;
 
       removefromBookmarkCard(itemId);

cypress/support/commands.ts

@@ -142,6 +142,7 @@ import {
   mockPostAvatar,
   mockPostInvitations,
   mockPostItem,
+  mockPostItemActions,
   mockPostItemChatMessage,
   mockPostItemFlag,
   mockPostItemLogin,
@@ -541,6 +542,8 @@ Cypress.Commands.add(
     mockEnroll();
 
     mockGetCurrentSettings(currentMember, currentSettings);
+
+    mockPostItemActions();
   },
 );
 

cypress/support/server.ts

@@ -998,6 +998,22 @@ export const mockGetItemChat = (
   { items }: { items: ItemForTest[] },
   shouldThrowError: boolean,
 ): void => {
+  cy.intercept(
+    {
+      method: HttpMethod.Get,
+      pathname: /\/api\/items\/[0-9a-fA-F-]{36}\/chat$/,
+    },
+    ({ reply, url }) => {
+      if (shouldThrowError) {
+        return reply({ statusCode: StatusCodes.BAD_REQUEST });
+      }
+
+      const itemId = url.split('/')[-2];
+      const item = items.find(({ id }) => itemId === id);
+
+      return reply(item?.chat ?? []);
+    },
+  ).as('getItemChatAPI');
   cy.intercept(
     {
       method: HttpMethod.Get,
@@ -2424,3 +2440,15 @@ export const mockGetCurrentSettings = (
     },
   ).as('getCurrentSettings');
 };
+
+export const mockPostItemActions = (): void => {
+  cy.intercept(
+    {
+      method: HttpMethod.Post,
+      pathname: /\/api\/items\/[0-9a-fA-F-]{36}\/actions$/,
+    },
+    ({ reply }) => {
+      reply([]);
+    },
+  ).as('postItemActions');
+};

src/config/env.ts

@@ -1,8 +1,7 @@
 export const API_HOST =
   import.meta.env.VITE_GRAASP_API_HOST ?? 'http://localhost:3000';
 
-export const WS_HOST =
-  import.meta.env.VITE_GRAASP_WS_HOST ?? 'ws://localhost:3000';
+export const WS_HOST = API_HOST.replace('http', 'ws');
 
 export const SHOW_NOTIFICATIONS =
   (import.meta.env.VITE_SHOW_NOTIFICATIONS ?? 'true') === 'true';

src/config/i18n.ts

@@ -14,7 +14,9 @@ i18n
     // namespaces that will be loaded by default
     ns: ['common'],
     backend: {
-      loadPath: '/locales/{{lng}}/{{ns}}.json',
+      loadPath: `${
+        import.meta.env.VITE_BASE_URL ? '/client' : ''
+      }/locales/{{lng}}/{{ns}}.json`,
     },
     // specify which languages are supported
     // 1. prefers exact match across all supported langs

src/config/queryClient.ts

@@ -2,12 +2,10 @@ import { configureWebsocketClient } from '@graasp/sdk';
 
 import { configureQueryClient } from '@/query';
 
-import { API_HOST, SHOW_NOTIFICATIONS } from './env';
+import { API_HOST, SHOW_NOTIFICATIONS, WS_HOST } from './env';
 import notifier from './notifier';
 
-export const WS_CLIENT = configureWebsocketClient(
-  `${API_HOST.replace('http', 'ws')}/ws`,
-);
+export const WS_CLIENT = configureWebsocketClient(WS_HOST);
 
 const {
   queryClient,
@@ -29,13 +27,13 @@ const {
   wsClient: WS_CLIENT,
 });
 export {
-  useQueryClient,
+  axios,
+  hooks,
   mutations,
   queryClient,
   QueryClientProvider,
-  hooks,
-  useMutation,
   ReactQueryDevtools,
-  axios,
+  useMutation,
   useQuery,
+  useQueryClient,
 };

vite.config.ts

@@ -33,7 +33,7 @@ const config = ({ mode }: { mode: string }): UserConfig => {
   const shouldOpen = BROWSER && BROWSER !== 'none';
 
   return defineConfig({
-    base: '/',
+    base: process.env.VITE_BASE_URL ? '/client' : '/',
     server: {
       port: PORT,
       // whether we should open the url on start