fix: chatbox with translations and other improvements

graasp · Jan 23, 2025 · 784936f · 784936f
1 parent 7f6fce7
commit 784936f
Show file tree

Hide file tree

Showing 39 changed files with 1,122 additions and 1,182 deletions.
diff --git a/.storybook/i18nTestInstance.ts b/.storybook/i18nTestInstance.ts
@@ -5,6 +5,7 @@ import i18n from 'i18next';
 import account from '../src/locales/en/account.json';
 import auth from '../src/locales/en/auth.json';
 import builder from '../src/locales/en/builder.json';
+import chatbox from '../src/locales/en/chatbox.json';
 import common from '../src/locales/en/common.json';
 import landing from '../src/locales/en/landing.json';
 import map from '../src/locales/en/map.json';
@@ -16,7 +17,16 @@ i18n.use(initReactI18next).init({
   fallbackLng: 'en',
 
   // have a common namespace used around the full app
-  ns: ['auth', 'account', 'landing', 'messages', 'player', 'map', 'builder'],
+  ns: [
+    'auth',
+    'account',
+    'landing',
+    'messages',
+    'player',
+    'map',
+    'builder',
+    'chatbox',
+  ],
   defaultNS: 'translationsNS',
 
   // debug: true,
@@ -26,7 +36,17 @@ i18n.use(initReactI18next).init({
   },
 
   resources: {
-    en: { landing, auth, account, messages, common, player, map, builder },
+    en: {
+      landing,
+      auth,
+      account,
+      messages,
+      common,
+      player,
+      map,
+      builder,
+      chatbox,
+    },
   },
 });
 

diff --git a/package.json b/package.json
@@ -19,19 +19,17 @@
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
     "@fontsource-variable/nunito": "5.1.1",
-    "@graasp/chatbox": "3.3.1",
     "@graasp/query-client": "5.7.1",
     "@graasp/sdk": "5.7.0",
     "@graasp/stylis-plugin-rtl": "2.2.0",
-    "@graasp/translations": "1.43.0",
-    "@mui/icons-material": "6.4.0",
-    "@mui/lab": "6.0.0-beta.23",
-    "@mui/material": "6.4.0",
-    "@sentry/react": "8.50.0",
+    "@mui/icons-material": "6.4.1",
+    "@mui/lab": "6.0.0-beta.24",
+    "@mui/material": "6.4.1",
+    "@sentry/react": "8.51.0",
     "@tanstack/react-query": "5.64.2",
-    "@tanstack/react-router": "1.97.3",
-    "@tanstack/router-devtools": "1.97.3",
-    "@tanstack/zod-adapter": "1.97.3",
+    "@tanstack/react-router": "1.97.14",
+    "@tanstack/router-devtools": "1.97.14",
+    "@tanstack/zod-adapter": "1.97.14",
     "@types/papaparse": "5.3.15",
     "@types/validator": "13.12.2",
     "axios": "1.7.9",
@@ -54,6 +52,7 @@
     "lodash.truncate": "4.4.2",
     "lucide-react": "0.473.0",
     "papaparse": "5.5.1",
+    "prism-react-renderer": "2.4.1",
     "react": "18.3.1",
     "react-accessible-treeview": "2.10.0",
     "react-date-range": "2.0.1",
@@ -65,14 +64,18 @@
     "react-hook-form": "7.54.2",
     "react-i18next": "15.4.0",
     "react-image-crop": "11.0.7",
-    "react-intersection-observer": "9.15.0",
+    "react-intersection-observer": "9.15.1",
     "react-leaflet": "4.2.1",
     "react-leaflet-cluster": "2.1.0",
+    "react-markdown": "9.0.3",
+    "react-mentions": "4.4.10",
     "react-qr-code": "2.0.15",
     "react-quill": "2.0.0",
     "react-rnd": "10.4.14",
     "react-toastify": "11.0.3",
     "recharts": "2.15.0",
+    "remark-breaks": "4.0.0",
+    "remark-gfm": "4.0.0",
     "social-links": "1.14.0",
     "stylis": "4.3.5",
     "use-supercluster": "1.2.0",
@@ -123,22 +126,22 @@
     "@commitlint/cli": "19.6.1",
     "@commitlint/config-conventional": "19.6.0",
     "@cypress/code-coverage": "3.13.10",
-    "@eslint-react/eslint-plugin": "1.24.0",
+    "@eslint-react/eslint-plugin": "1.24.1",
     "@eslint/compat": "1.2.5",
     "@storybook/addon-a11y": "8.5.1",
     "@storybook/addon-coverage": "1.0.5",
-    "@storybook/addon-essentials": "8.5.0",
+    "@storybook/addon-essentials": "8.5.1",
     "@storybook/addon-links": "8.5.1",
-    "@storybook/blocks": "8.5.0",
-    "@storybook/experimental-addon-test": "8.5.0",
-    "@storybook/react": "8.5.0",
-    "@storybook/react-vite": "8.5.0",
-    "@storybook/test": "8.5.0",
-    "@tanstack/router-plugin": "1.97.3",
+    "@storybook/blocks": "8.5.1",
+    "@storybook/experimental-addon-test": "8.5.1",
+    "@storybook/react": "8.5.1",
+    "@storybook/react-vite": "8.5.1",
+    "@storybook/test": "8.5.1",
+    "@tanstack/router-plugin": "1.97.14",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
-    "@testing-library/user-event": "14.6.0",
+    "@testing-library/user-event": "14.6.1",
     "@trivago/prettier-plugin-sort-imports": "5.2.1",
     "@types/google-map-react": "2.1.10",
     "@types/leaflet": "1.9.16",
@@ -149,12 +152,13 @@
     "@types/react": "18.3.18",
     "@types/react-date-range": "1.4.9",
     "@types/react-dom": "18.3.5",
+    "@types/react-mentions": "4.4.1",
     "@types/stylis": "4.2.7",
     "@typescript-eslint/eslint-plugin": "8.21.0",
     "@typescript-eslint/parser": "8.21.0",
     "@vitejs/plugin-react": "4.3.4",
-    "@vitest/browser": "3.0.2",
-    "@vitest/ui": "3.0.2",
+    "@vitest/browser": "3.0.4",
+    "@vitest/ui": "3.0.4",
     "concurrently": "9.1.2",
     "cypress": "14.0.0",
     "cypress-iframe": "1.0.1",
@@ -169,20 +173,20 @@
     "eslint-plugin-react-refresh": "0.4.18",
     "eslint-plugin-storybook": "0.11.2",
     "globals": "15.14.0",
-    "happy-dom": "16.7.1",
+    "happy-dom": "16.7.2",
     "husky": "9.1.7",
     "jose": "5.9.6",
     "nyc": "17.1.0",
-    "playwright": "1.49.1",
+    "playwright": "1.50.0",
     "prettier": "3.4.2",
-    "storybook": "8.5.0",
+    "storybook": "8.5.1",
     "typescript": "5.7.3",
-    "vite": "6.0.10",
+    "vite": "6.0.11",
     "vite-plugin-checker": "0.8.0",
     "vite-plugin-istanbul": "6.0.2",
     "vite-plugin-static-copy": "2.2.0",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "3.0.2"
+    "vitest": "3.0.4"
   },
   "volta": {
     "node": "22.13.1"