Change code block highlighting from Prism to Arborium

.changeset/change-code-block-highlighting-to-arborium.md

@@ -0,0 +1,5 @@
+---
+default: minor
+---
+
+Improve code blocks with faster, more accurate syntax highlighting, broader language support, and separate light and dark theme options.

package.json

@@ -31,6 +31,7 @@
   "author": "7w1",
   "license": "AGPL-3.0-only",
   "dependencies": {
+    "@arborium/arborium": "^2.16.0",
     "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
@@ -75,13 +76,11 @@
     "matrix-js-sdk": "^38.4.0",
     "matrix-widget-api": "^1.16.1",
     "pdfjs-dist": "^5.4.624",
-    "prismjs": "^1.30.0",
     "react": "^18.3.1",
     "react-aria": "^3.46.0",
     "react-blurhash": "^0.3.0",
     "react-colorful": "^5.6.1",
     "react-dom": "^18.3.1",
-    "react-error-boundary": "^4.1.2",
     "react-google-recaptcha": "^2.1.0",
     "react-i18next": "^16.5.4",
     "react-range": "^1.10.0",
@@ -110,7 +109,6 @@
     "@types/file-saver": "^2.0.7",
     "@types/is-hotkey": "^0.1.10",
     "@types/node": "24.10.13",
-    "@types/prismjs": "^1.26.6",
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@types/react-google-recaptcha": "^2.1.9",

src/app/components/RoomNotificationSwitcher.test.tsx

@@ -0,0 +1,81 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { RoomNotificationMode } from '$hooks/useRoomsNotificationPreferences';
+
+import { RoomNotificationModeSwitcher } from './RoomNotificationSwitcher';
+
+const { mockSetMode, modeStateStatus } = vi.hoisted(() => ({
+  mockSetMode: vi.fn(),
+  modeStateStatus: { current: 'idle' as 'idle' | 'loading' },
+}));
+
+vi.mock('$hooks/useRoomsNotificationPreferences', async () => {
+  const actual = await vi.importActual<typeof import('$hooks/useRoomsNotificationPreferences')>(
+    '$hooks/useRoomsNotificationPreferences'
+  );
+
+  return {
+    ...actual,
+    useSetRoomNotificationPreference: () => ({
+      modeState: { status: modeStateStatus.current },
+      setMode: mockSetMode,
+    }),
+  };
+});
+
+afterEach(() => {
+  mockSetMode.mockClear();
+});
+
+describe('RoomNotificationModeSwitcher', () => {
+  it('renders the shared selector trigger and real option content', () => {
+    modeStateStatus.current = 'idle';
+
+    render(
+      <RoomNotificationModeSwitcher roomId="!room:example.org" value={RoomNotificationMode.Unset}>
+        {(openMenu, opened, changing) => (
+          <button type="button" onClick={openMenu}>
+            {opened ? 'open' : 'closed'} {changing ? 'changing' : 'idle'}
+          </button>
+        )}
+      </RoomNotificationModeSwitcher>
+    );
+
+    expect(screen.getByRole('button', { name: 'closed idle' })).toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'closed idle' }));
+
+    expect(screen.getByRole('button', { name: 'open idle' })).toBeInTheDocument();
+    expect(screen.getByText('Follows your global notification rules')).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('button', { name: 'Mention & Keywords' }));
+
+    expect(mockSetMode).toHaveBeenCalledOnce();
+    expect(mockSetMode).toHaveBeenCalledWith(
+      RoomNotificationMode.SpecialMessages,
+      RoomNotificationMode.Unset
+    );
+  });
+
+  it('disables interaction while the room mode is changing', () => {
+    modeStateStatus.current = 'loading';
+
+    render(
+      <RoomNotificationModeSwitcher roomId="!room:example.org" value={RoomNotificationMode.Mute}>
+        {(openMenu, opened, changing) => (
+          <button type="button" disabled={changing} onClick={openMenu}>
+            {opened ? 'open' : 'closed'} {changing ? 'changing' : 'idle'}
+          </button>
+        )}
+      </RoomNotificationModeSwitcher>
+    );
+
+    const trigger = screen.getByRole('button', { name: 'closed changing' });
+
+    expect(trigger).toBeDisabled();
+    fireEvent.click(trigger);
+    expect(screen.queryByRole('button', { name: 'open changing' })).not.toBeInTheDocument();
+
+    expect(mockSetMode).not.toHaveBeenCalled();
+  });
+});