feat: sync with CRDT (Loro)

The app now works with its own backend for syncronization (see https://github.com/swouf/collaborative-board-backend)
BREAKING-CHANGE: The state is now managed with a Loro document and does not rely on AppData anymore.

fix(deps): update react monorepo to v19 (major)

fix(deps): update @tanstack/react-query

feat: sync with custom backend using loro

fix: disable https in production (protected by LB)

feat: ai feedback

feat: threads

style: clean code

test: fix cypress setup

ci: disable automatic run of cypress workflow

Author: swouf

.github/workflows/cypress.yml

@@ -1,7 +1,7 @@
 name: Cypress UI tests
 
 on:
-  push:
+  # push:
 
 jobs:
   cypress-run:

.github/workflows/deploy-dev.yml

@@ -32,6 +32,8 @@ jobs:
           VITE_VERSION: ${{ github.sha }}
           VITE_WS_HOST: ${{ vars.WS_HOST }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          VITE_BACKEND_HOST: ${{ vars.BACKEND_HOST }}
+          VITE_BACKEND_WS_ROUTE: ${{ vars.BACKEND_WS_ROUTE }}
           # add any env variable needed by your app here
         run: yarn build
         shell: bash

.github/workflows/deploy-prod.yml

@@ -47,6 +47,8 @@ jobs:
           VITE_VERSION: ${{ steps.set-version.outputs.VERSION }}
           VITE_WS_HOST: ${{ vars.WS_HOST }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          VITE_BACKEND_HOST: ${{ vars.BACKEND_HOST }}
+          VITE_BACKEND_WS_ROUTE: ${{ vars.BACKEND_WS_ROUTE }}
           # add any env variable needed by your app here
         run: yarn build
         shell: bash

.github/workflows/deploy-stage.yml

@@ -47,6 +47,8 @@ jobs:
           VITE_VERSION: ${{ steps.set-version.outputs.VERSION }}
           VITE_WS_HOST: ${{ vars.WS_HOST }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          VITE_BACKEND_HOST: ${{ vars.BACKEND_HOST }}
+          VITE_BACKEND_WS_ROUTE: ${{ vars.BACKEND_WS_ROUTE }}
           # add any env variable needed by your app here
         run: yarn build
         shell: bash

.gitignore

@@ -48,3 +48,6 @@ cypress/downloads/
 *.pem
 *.crt
 *.key
+
+# TS
+*.tsbuildinfo

cypress.config.ts

@@ -10,6 +10,8 @@ export default defineConfig({
       VITE_API_HOST: process.env.VITE_API_HOST,
       VITE_ENABLE_MOCK_API: process.env.VITE_ENABLE_MOCK_API,
       VITE_GRAASP_APP_KEY: process.env.VITE_GRAASP_APP_KEY,
+      VITE_BACKEND_HOST: process.env.VITE_BACKEND_HOST,
+      VITE_BACKEND_ROUTE: process.env.VITE_BACKEND_ROUTE,
     },
     retries: { runMode: 1, openMode: 0 },
     setupNodeEvents(on, config) {

cypress/fixtures/appData.ts

@@ -1,7 +1,7 @@
 import { AppData, AppDataVisibility, Member } from '@graasp/sdk';
 
 import { AppDataTypes } from '@/config/appDataTypes';
-import { ActivityStatus, ActivityType } from '@/interfaces/interactionProcess';
+import { ActivityStatus, ActivityType } from '@/interfaces/activity_state';
 import { ResponseData } from '@/interfaces/response';
 
 import { MEMBERS } from './members';
@@ -32,7 +32,7 @@ const appDataFactory = (
 };
 
 const responseFactory = (
-  responseData: ResponseData,
+  responseData: Partial<ResponseData>,
   account: Member,
 ): AppData =>
   appDataFactory(

cypress/fixtures/appSettings.ts

@@ -3,18 +3,37 @@ import { AppSetting } from '@graasp/sdk';
 import cloneDeep from 'lodash.clonedeep';
 
 import { AllSettingsType } from '@/config/appSettingsType';
-import { AssistantType } from '@/interfaces/assistant';
-import { EvaluationType } from '@/interfaces/evaluation';
 import {
   ActivityType,
   ResponseVisibilityMode,
-} from '@/interfaces/interactionProcess';
+} from '@/interfaces/activity_state';
+import { AssistantType } from '@/interfaces/assistant';
+import { EvaluationType } from '@/interfaces/evaluation';
 
 import { MEMBERS } from './members';
 import { MOCK_SERVER_DISCRIMINATED_ITEM } from './mockItem';
 
 let settingCounter = 0;
 
+// /**
+//  * Reads the content of a text file relative to the project root.
+//  * @param relativePath Path to the file, relative to the project root.
+//  * @returns The content of the file as a string.
+//  */
+// function readTextFile(relativePath: string): string {
+//   // Resolve absolute path relative to project root (process.cwd())
+//   const absolutePath = path.resolve(process.cwd(), relativePath);
+
+//   try {
+//     const content = cy.fixture(absolutePath, 'utf-8');
+//     return content;
+//   } catch (err) {
+//     throw new Error(
+//       `Failed to read file at ${absolutePath}: ${(err as Error).message}`,
+//     );
+//   }
+// }
+
 const newSettingFactory = (
   settingName: string,
   data: AppSetting['data'],
@@ -61,7 +80,7 @@ export const ALL_SETTINGS_OBJECT: AllSettingsType = {
     id: MEMBERS.ANNA.id,
   },
   activity: {
-    mode: ResponseVisibilityMode.Open,
+    mode: ResponseVisibilityMode.Sync,
     numberOfResponsesPerSet: 3,
     numberOfBotResponsesPerSet: 1,
     exclusiveResponseDistribution: true,
@@ -93,6 +112,11 @@ export const ALL_SETTINGS_OBJECT: AllSettingsType = {
     selectedSet: 'test',
     maxNumberOfQueries: 5,
   },
+  feedback: {
+    enabled: false,
+    systemPrompt: 'Whatever',
+    userPrompt: 'Whatever',
+  },
 };
 
 export const ALL_SETTINGS = Object.entries(ALL_SETTINGS_OBJECT).map(

cypress/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "extends": "../tsconfig.eslint.json",
   "compilerOptions": {
-    "target": "es5",
-    "lib": ["es5", "dom"],
+    "target": "es6",
+    "lib": ["es6", "dom"],
     "types": ["cypress", "node"],
     "esModuleInterop": true
   },

package.json

@@ -41,30 +41,32 @@
     "@nivo/boxplot": "^0.88.0",
     "@sentry/react": "^9.0.0",
     "@sentry/vite-plugin": "^3.0.0",
-    "@tanstack/react-query": "^4.36.1",
-    "@tanstack/react-query-devtools": "^4.36.1",
+    "@tanstack/react-query": "4.36.1",
+    "@tanstack/react-query-devtools": "4.36.1",
     "@uiw/react-codemirror": "^4.21.22",
     "date-fns": "^4.0.0",
     "dompurify": "^3.2.6",
     "file-saver": "^2.0.5",
     "highlight.js": "^11.11.1",
     "i18next": "24.2.2",
-    "liquidjs": "^10.10.1",
+    "liquidjs": "^10.21.1",
     "lodash.clone": "^4.5.0",
     "lodash.isequal": "^4.5.0",
     "lodash.shuffle": "^4.2.0",
+    "loro-crdt": "^1.3.5",
     "lucide-react": "^0.474.0",
     "marked": "^15.0.12",
     "marked-highlight": "^2.2.1",
     "papaparse": "^5.4.1",
+    "peerjs": "^1.5.4",
     "plotly.js": "^2.29.1",
     "qs": "6.14.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-i18next": "15.4.0",
     "react-plotly.js": "^2.6.0",
     "react-router-dom": "^7.0.0",
-    "typescript": "5.7.3"
+    "typescript": "5.8.3"
   },
   "scripts": {
     "dev": "yarn vite",
@@ -82,7 +84,7 @@
     "check": "concurrently --kill-others-on-fail -s all -n \"type-check,linter,prettier\" \"yarn type-check\" \"yarn lint\" \"yarn prettier:check\"",
     "pre-commit": "concurrently --kill-others-on-fail -s all -n \"checks,tests\" \"yarn check\" \"yarn test\"",
     "cypress:open": "env-cmd -f ./.env.test cypress open",
-    "test": "concurrently -k -s first -n \"test-server,cypress\" \"yarn start:test\" \"yarn test:ci\"",
+    "test": "wait-on http://localhost:3433/health && concurrently -k -s first -n \"test-server,cypress\" \"yarn start:test\" \"yarn test:ci\"",
     "test:ci": "env-cmd -f ./.env.test cypress run --browser chrome --headless && nyc report --reporter=text --reporter=text-summary",
     "unit-tests": "vitest run",
     "cov:report": "open ./coverage/lcov-report/index.html"
@@ -106,8 +108,8 @@
     "@types/lodash.shuffle": "^4.2.9",
     "@types/node": "22.16.0",
     "@types/papaparse": "^5",
-    "@types/react": "18.3.23",
-    "@types/react-dom": "18.3.7",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/react-plotly.js": "^2.6.3",
     "@typescript-eslint/eslint-plugin": "8.35.1",
     "@typescript-eslint/parser": "8.35.1",
@@ -138,7 +140,10 @@
     "vite": "^6.0.0",
     "vite-plugin-checker": "^0.9.0",
     "vite-plugin-istanbul": "^6.0.0",
-    "vitest": "^3.0.0"
+    "vite-plugin-top-level-await": "^1.4.4",
+    "vite-plugin-wasm": "^3.4.1",
+    "vitest": "^3.0.0",
+    "wait-on": "^9.0.1"
   },
   "browserslist": {
     "production": [