From 0d2f9aa55b704efb867ea9c3b05f5579839be619 Mon Sep 17 00:00:00 2001 From: swve Date: Tue, 26 Nov 2024 00:45:57 +0100 Subject: [PATCH] feat: remove collaborative features --- apps/collaboration/.dockerignore | 1 - apps/collaboration/Dockerfile | 34 --- apps/collaboration/app.ts | 9 - apps/collaboration/package.json | 20 -- apps/collaboration/pnpm-lock.yaml | 208 ------------------ .../Objects/Editor/ActiveAvatars.tsx | 67 ------ apps/web/components/Objects/Editor/Editor.tsx | 44 +--- .../Objects/Editor/EditorWrapper.tsx | 149 +------------ .../Objects/Editor/MouseMovements.tsx | 80 ------- apps/web/package.json | 8 - apps/web/services/config/config.ts | 2 - docker-compose.yml | 4 - 12 files changed, 10 insertions(+), 616 deletions(-) delete mode 100644 apps/collaboration/.dockerignore delete mode 100644 apps/collaboration/Dockerfile delete mode 100644 apps/collaboration/app.ts delete mode 100644 apps/collaboration/package.json delete mode 100644 apps/collaboration/pnpm-lock.yaml delete mode 100644 apps/web/components/Objects/Editor/ActiveAvatars.tsx delete mode 100644 apps/web/components/Objects/Editor/MouseMovements.tsx diff --git a/apps/collaboration/.dockerignore b/apps/collaboration/.dockerignore deleted file mode 100644 index b512c09d..00000000 --- a/apps/collaboration/.dockerignore +++ /dev/null @@ -1 +0,0 @@ -node_modules \ No newline at end of file diff --git a/apps/collaboration/Dockerfile b/apps/collaboration/Dockerfile deleted file mode 100644 index f6e6e64c..00000000 --- a/apps/collaboration/Dockerfile +++ /dev/null @@ -1,34 +0,0 @@ -# use the official Bun image -# see all versions at https://hub.docker.com/r/oven/bun/tags -FROM oven/bun:1 as base -WORKDIR /usr/src/app - -# install dependencies into temp directory -# this will cache them and speed up future builds -FROM base AS install -RUN mkdir -p /temp/dev -COPY package.json /temp/dev/ -RUN cd /temp/dev && bun install - -# install with --production (exclude devDependencies) -RUN mkdir -p /temp/prod -COPY package.json pnpm-lock.yaml /temp/prod/ -RUN cd /temp/prod && bun install --production - -# copy node_modules from temp directory -# then copy all (non-ignored) project files into the image -FROM base AS prerelease -COPY --from=install /temp/dev/node_modules node_modules -COPY . . - - -# copy production dependencies and source code into final image -FROM base AS release -COPY --from=install /temp/prod/node_modules node_modules -COPY --from=prerelease /usr/src/app/app.ts . -COPY --from=prerelease /usr/src/app/package.json . - -# run the app -USER bun -EXPOSE 1998/tcp -ENTRYPOINT [ "bun", "run", "app.ts" ] \ No newline at end of file diff --git a/apps/collaboration/app.ts b/apps/collaboration/app.ts deleted file mode 100644 index d5c8c110..00000000 --- a/apps/collaboration/app.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { Hocuspocus } from "@hocuspocus/server"; - -// Configure the server … -const server = new Hocuspocus({ - port: 1998, -}); - -// … and run it! -server.listen(); diff --git a/apps/collaboration/package.json b/apps/collaboration/package.json deleted file mode 100644 index 9c3f3153..00000000 --- a/apps/collaboration/package.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "name": "collaboration", - "version": "1.0.0", - "description": "", - "main": "app.ts", - "scripts": { - "dev": "bun app.ts", - "start": "bun app.ts" - }, - "keywords": [], - "author": "", - "license": "ISC", - "dependencies": { - "@hocuspocus/server": "^2.13.7", - "bun": "^1.1.32", - "typescript": "5.4.4", - "y-protocols": "^1.0.6", - "yjs": "^13.6.20" - } -} diff --git a/apps/collaboration/pnpm-lock.yaml b/apps/collaboration/pnpm-lock.yaml deleted file mode 100644 index 0f624e22..00000000 --- a/apps/collaboration/pnpm-lock.yaml +++ /dev/null @@ -1,208 +0,0 @@ -lockfileVersion: '9.0' - -settings: - autoInstallPeers: true - excludeLinksFromLockfile: false - -importers: - - .: - dependencies: - '@hocuspocus/server': - specifier: ^2.13.7 - version: 2.13.7(y-protocols@1.0.6(yjs@13.6.20))(yjs@13.6.20) - bun: - specifier: ^1.1.32 - version: 1.1.32 - typescript: - specifier: 5.4.4 - version: 5.4.4 - y-protocols: - specifier: ^1.0.6 - version: 1.0.6(yjs@13.6.20) - yjs: - specifier: ^13.6.20 - version: 13.6.20 - -packages: - - '@hocuspocus/common@2.13.7': - resolution: {integrity: sha512-ROqYfW15XlAGd+qb/FVyp0zUC9Rosv7kdcck9LRMdfW3jT66wK9pDDWL2ily4Qj/zhbLCFtjAUPB4UKln/GYNQ==} - - '@hocuspocus/server@2.13.7': - resolution: {integrity: sha512-D9juGX9NZoKT9/Ty/HGhaimHJe71DyKbYssC831oetYF33x3WSYV6GY82RhHo9xjKZE6r0Le7jgxgQb+u08slw==} - peerDependencies: - y-protocols: ^1.0.6 - yjs: ^13.6.8 - - '@oven/bun-darwin-aarch64@1.1.32': - resolution: {integrity: sha512-/5lu8RJB/iEoC9pzFOCZLCEmNsEI3DEEyxfItZpih/piNOFhCYmoMvm7mM0YXqSc7pfxYaKukEZEHGeIOiu/3Q==} - cpu: [arm64] - os: [darwin] - - '@oven/bun-darwin-x64-baseline@1.1.32': - resolution: {integrity: sha512-XRP+APoLxrXznL7BEHipAdDu0Mn1RwD9PsaqFu1Be5Dbyi+2bYICuTiN1W9vfZNN3kK8eTyniT7kjwLSTcHbEg==} - cpu: [x64] - os: [darwin] - - '@oven/bun-darwin-x64@1.1.32': - resolution: {integrity: sha512-Slk4QFHcqZ94mnNlzsCG/9m+gET0mpi13bfizRGv8QNRku8mQTs9brN5XvovYrP5t0rfaZDFMOoaOs6wk6rcDg==} - cpu: [x64] - os: [darwin] - - '@oven/bun-linux-aarch64@1.1.32': - resolution: {integrity: sha512-7QdyRCiLHb1MuwDH7iir5xD6gTKWlvMGxvcQhbY/U1djqG/gft4+PaJrSJQcVhqRb143mrMNXIhTgc84O6htMw==} - cpu: [arm64] - os: [linux] - - '@oven/bun-linux-x64-baseline@1.1.32': - resolution: {integrity: sha512-zvXOAUTc6cOlUR26NEwh3isV+z2EW4QxFiWoxgvM7eIuZMnZjV22+H+dEzVKJzV58XgfPX//fEPi3Xjg4xXdMA==} - cpu: [x64] - os: [linux] - - '@oven/bun-linux-x64@1.1.32': - resolution: {integrity: sha512-JgsQ1ZXKmovQNzf4YdA3WDZVrtEbMlbL43Yjcczovy6lDrhSZkTu1GjzMm5JQnuqNwBC4/eSIgVL27J1Pj6nlA==} - cpu: [x64] - os: [linux] - - '@oven/bun-windows-x64-baseline@1.1.32': - resolution: {integrity: sha512-0DgP99AcBfKz3OCS5qO2/8e5TgNhBq8ZiNbPJzQaF4QOpS/Rt+mvFcQUa8x5gTOUPHH9ciaMz0IEs2Qv42eoAw==} - cpu: [x64] - os: [win32] - - '@oven/bun-windows-x64@1.1.32': - resolution: {integrity: sha512-grzRSH/9YIKWUHumygtG9Aen04wJv+v6lbmTvqsfcc/1/BJJFCLf+69EN3PINAIisih1hycxGa9eleVxjL0fqg==} - cpu: [x64] - os: [win32] - - async-lock@1.4.1: - resolution: {integrity: sha512-Az2ZTpuytrtqENulXwO3GGv1Bztugx6TT37NIo7imr/Qo0gsYiGtSdBa2B6fsXhTpVZDNfu1Qn3pk531e3q+nQ==} - - bun@1.1.32: - resolution: {integrity: sha512-W+UO0ihRmDHscmTfQAoPPaFLqLaloyBdAIr2iX70v3Vgo+7ZiKeyj7Aa4YDWStxQQmlzD5JP3NG/5TSWAK+1WQ==} - cpu: [arm64, x64] - os: [darwin, linux, win32] - hasBin: true - - isomorphic.js@0.2.5: - resolution: {integrity: sha512-PIeMbHqMt4DnUP3MA/Flc0HElYjMXArsw1qwJZcm9sqR8mq3l8NYizFMty0pWwE/tzIGH3EKK5+jes5mAr85yw==} - - kleur@4.1.5: - resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} - engines: {node: '>=6'} - - lib0@0.2.98: - resolution: {integrity: sha512-XteTiNO0qEXqqweWx+b21p/fBnNHUA1NwAtJNJek1oPrewEZs2uiT4gWivHKr9GqCjDPAhchz0UQO8NwU3bBNA==} - engines: {node: '>=16'} - hasBin: true - - typescript@5.4.4: - resolution: {integrity: sha512-dGE2Vv8cpVvw28v8HCPqyb08EzbBURxDpuhJvTrusShUfGnhHBafDsLdS1EhhxyL6BJQE+2cT3dDPAv+MQ6oLw==} - engines: {node: '>=14.17'} - hasBin: true - - uuid@10.0.0: - resolution: {integrity: sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==} - hasBin: true - - ws@8.18.0: - resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==} - engines: {node: '>=10.0.0'} - peerDependencies: - bufferutil: ^4.0.1 - utf-8-validate: '>=5.0.2' - peerDependenciesMeta: - bufferutil: - optional: true - utf-8-validate: - optional: true - - y-protocols@1.0.6: - resolution: {integrity: sha512-vHRF2L6iT3rwj1jub/K5tYcTT/mEYDUppgNPXwp8fmLpui9f7Yeq3OEtTLVF012j39QnV+KEQpNqoN7CWU7Y9Q==} - engines: {node: '>=16.0.0', npm: '>=8.0.0'} - peerDependencies: - yjs: ^13.0.0 - - yjs@13.6.20: - resolution: {integrity: sha512-Z2YZI+SYqK7XdWlloI3lhMiKnCdFCVC4PchpdO+mCYwtiTwncjUbnRK9R1JmkNfdmHyDXuWN3ibJAt0wsqTbLQ==} - engines: {node: '>=16.0.0', npm: '>=8.0.0'} - -snapshots: - - '@hocuspocus/common@2.13.7': - dependencies: - lib0: 0.2.98 - - '@hocuspocus/server@2.13.7(y-protocols@1.0.6(yjs@13.6.20))(yjs@13.6.20)': - dependencies: - '@hocuspocus/common': 2.13.7 - async-lock: 1.4.1 - kleur: 4.1.5 - lib0: 0.2.98 - uuid: 10.0.0 - ws: 8.18.0 - y-protocols: 1.0.6(yjs@13.6.20) - yjs: 13.6.20 - transitivePeerDependencies: - - bufferutil - - utf-8-validate - - '@oven/bun-darwin-aarch64@1.1.32': - optional: true - - '@oven/bun-darwin-x64-baseline@1.1.32': - optional: true - - '@oven/bun-darwin-x64@1.1.32': - optional: true - - '@oven/bun-linux-aarch64@1.1.32': - optional: true - - '@oven/bun-linux-x64-baseline@1.1.32': - optional: true - - '@oven/bun-linux-x64@1.1.32': - optional: true - - '@oven/bun-windows-x64-baseline@1.1.32': - optional: true - - '@oven/bun-windows-x64@1.1.32': - optional: true - - async-lock@1.4.1: {} - - bun@1.1.32: - optionalDependencies: - '@oven/bun-darwin-aarch64': 1.1.32 - '@oven/bun-darwin-x64': 1.1.32 - '@oven/bun-darwin-x64-baseline': 1.1.32 - '@oven/bun-linux-aarch64': 1.1.32 - '@oven/bun-linux-x64': 1.1.32 - '@oven/bun-linux-x64-baseline': 1.1.32 - '@oven/bun-windows-x64': 1.1.32 - '@oven/bun-windows-x64-baseline': 1.1.32 - - isomorphic.js@0.2.5: {} - - kleur@4.1.5: {} - - lib0@0.2.98: - dependencies: - isomorphic.js: 0.2.5 - - typescript@5.4.4: {} - - uuid@10.0.0: {} - - ws@8.18.0: {} - - y-protocols@1.0.6(yjs@13.6.20): - dependencies: - lib0: 0.2.98 - yjs: 13.6.20 - - yjs@13.6.20: - dependencies: - lib0: 0.2.98 diff --git a/apps/web/components/Objects/Editor/ActiveAvatars.tsx b/apps/web/components/Objects/Editor/ActiveAvatars.tsx deleted file mode 100644 index 40d0d656..00000000 --- a/apps/web/components/Objects/Editor/ActiveAvatars.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import React, { useEffect, useState } from 'react' -import UserAvatar from '../UserAvatar' -import { useLHSession } from '@components/Contexts/LHSessionContext' -import { getUserAvatarMediaDirectory } from '@services/media/media'; -import { getCollaborationServerUrl } from '@services/config/config'; -import { useOrg } from '@components/Contexts/OrgContext'; - -type ActiveAvatarsProps = { - mouseMovements: any; - userRandomColor: string; -} - -function ActiveAvatars(props: ActiveAvatarsProps) { - const session = useLHSession() as any; - const org = useOrg() as any; - const [activeUsers, setActiveUsers] = useState({} as any); - - /* Collaboration Features */ - const collab = getCollaborationServerUrl() - const isCollabEnabledOnThisOrg = org?.config.config.features.collaboration.enabled && collab - - // Get users from the mouseMovements object - useEffect(() => { - const users: any = {}; - Object.keys(props.mouseMovements).forEach((key) => { - users[props.mouseMovements[key].user.user_uuid] = props.mouseMovements[key].user; - }); - - // Remove the current user from the list - delete users[session.data.user.user_uuid]; - - setActiveUsers(users); - } - , [props.mouseMovements, session.data.user, org]); - - - return ( -
- -
- {isCollabEnabledOnThisOrg && Object.keys(activeUsers).map((key) => ( -
- -
-
- ))} - {session.status && ( -
- -
- )} -
-
- ) -} - -export default ActiveAvatars \ No newline at end of file diff --git a/apps/web/components/Objects/Editor/Editor.tsx b/apps/web/components/Objects/Editor/Editor.tsx index 29d3fd8d..14948aff 100644 --- a/apps/web/components/Objects/Editor/Editor.tsx +++ b/apps/web/components/Objects/Editor/Editor.tsx @@ -21,7 +21,7 @@ import WarningCallout from './Extensions/Callout/Warning/WarningCallout' import ImageBlock from './Extensions/Image/ImageBlock' import Youtube from '@tiptap/extension-youtube' import VideoBlock from './Extensions/Video/VideoBlock' -import { ComputerIcon, Eye, Monitor } from 'lucide-react' +import { Eye, Monitor } from 'lucide-react' import MathEquationBlock from './Extensions/MathEquation/MathEquationBlock' import PDFBlock from './Extensions/PDF/PDFBlock' import QuizBlock from './Extensions/Quiz/QuizBlock' @@ -45,17 +45,14 @@ import html from 'highlight.js/lib/languages/xml' import python from 'highlight.js/lib/languages/python' import java from 'highlight.js/lib/languages/java' import { CourseProvider } from '@components/Contexts/CourseContext' -import { useLHSession } from '@components/Contexts/LHSessionContext' import AIEditorToolkit from './AI/AIEditorToolkit' import useGetAIFeatures from '@components/Hooks/useGetAIFeatures' -import Collaboration from '@tiptap/extension-collaboration' -import CollaborationCursor from '@tiptap/extension-collaboration-cursor' -import ActiveAvatars from './ActiveAvatars' import { getUriWithOrg } from '@services/config/config' import EmbedObjects from './Extensions/EmbedObjects/EmbedObjects' import Badges from './Extensions/Badges/Badges' import Buttons from './Extensions/Buttons/Buttons' import { useMediaQuery } from 'usehooks-ts' +import UserAvatar from '../UserAvatar' interface Editor { content: string @@ -63,16 +60,10 @@ interface Editor { course: any org: any session: any - ydoc: any - hocuspocusProvider: any, - isCollabEnabledOnThisOrg: boolean - userRandomColor: string - mouseMovements: any setContent: (content: string) => void } function Editor(props: Editor) { - const session = useLHSession() as any const dispatchAIEditor = useAIEditorDispatch() as any const aiEditorState = useAIEditor() as AIEditorStateTypes const is_ai_feature_enabled = useGetAIFeatures({ feature: 'editor' }) @@ -102,12 +93,8 @@ function Editor(props: Editor) { const editor: any = useEditor({ editable: true, - extensions: [ - StarterKit.configure({ - // The Collaboration extension comes with its own history handling - history: props.isCollabEnabledOnThisOrg ? false : undefined, - }), + StarterKit, InfoCallout.configure({ editable: true, }), @@ -159,28 +146,13 @@ function Editor(props: Editor) { TableRow, TableHeader, TableCell, - - // Add Collaboration and CollaborationCursor only if isCollabEnabledOnThisOrg is true - ...(props.isCollabEnabledOnThisOrg ? [ - Collaboration.configure({ - document: props.hocuspocusProvider?.document, - - }), - - CollaborationCursor.configure({ - provider: props.hocuspocusProvider, - user: { - name: props.session.data.user.first_name + ' ' + props.session.data.user.last_name, - color: props.userRandomColor, - }, - }), - ] : []), ], - - // If collab is enabled the onSynced callback ensures initial content is set only once using editor.setContent(), preventing repetitive content insertion on editor syncs. - content: props.isCollabEnabledOnThisOrg ? null : props.content, + content: props.content, + immediatelyRender: false, }) + console.log(props.content) + const isMobile = useMediaQuery('(max-width: 767px)') if (isMobile) { // TODO: Work on a better editor mobile experience @@ -310,7 +282,7 @@ function Editor(props: Editor) { /> - + diff --git a/apps/web/components/Objects/Editor/EditorWrapper.tsx b/apps/web/components/Objects/Editor/EditorWrapper.tsx index b9c3d7f1..3176bc8a 100644 --- a/apps/web/components/Objects/Editor/EditorWrapper.tsx +++ b/apps/web/components/Objects/Editor/EditorWrapper.tsx @@ -1,5 +1,5 @@ 'use client' -import { default as React, useEffect, useRef, useState } from 'react' +import { default as React } from 'react' import Editor from './Editor' import { updateActivity } from '@services/courses/activities' import { toast } from 'react-hot-toast' @@ -7,15 +7,7 @@ import Toast from '@components/Objects/StyledElements/Toast/Toast' import { OrgProvider } from '@components/Contexts/OrgContext' import { useLHSession } from '@components/Contexts/LHSessionContext' -// Collaboration -import { HocuspocusProvider } from '@hocuspocus/provider' -import * as Y from 'yjs' -import { IndexeddbPersistence } from 'y-indexeddb' -import { getCollaborationServerUrl } from '@services/config/config' -import randomColor from 'randomcolor' -import MouseMovements from './MouseMovements' -import { v4 as uuidv4 } from 'uuid'; -import { debounce } from '@/lib/utils'; + interface EditorWrapperProps { content: string @@ -27,61 +19,11 @@ interface EditorWrapperProps { function EditorWrapper(props: EditorWrapperProps): JSX.Element { const session = useLHSession() as any const access_token = session?.data?.tokens?.access_token; - // Define provider in the state - const [provider, setProvider] = React.useState(null); - const [thisPageColor, setThisPageColor] = useState(randomColor({ luminosity: 'light' }) as string) - let uuid = uuidv4(); - const [onlinePageInstanceID, setOnlinePageInstanceID] = useState(uuid as string) - - - /* Collaboration Features */ - const collab = getCollaborationServerUrl() - const isCollabEnabledOnThisOrg = props.org.config.config.features.collaboration.enabled && collab - const doc = new Y.Doc() - // mouse movement - const [mouseMovements, setMouseMovements] = useState({} as any); - const timeoutRef = useRef(null); - - const debouncedSetMouseMovements = (newMovements: any) => { - if (timeoutRef.current) { - clearTimeout(timeoutRef.current); - } - - timeoutRef.current = setTimeout(() => { - setMouseMovements(newMovements); - }, 10); - }; - - - // Store the Y document in the browser - new IndexeddbPersistence(props.activity.activity_uuid, doc) - - document.addEventListener( - 'mousemove', - debounce((event: MouseEvent) => { - provider?.setAwarenessField('userMouseMovement', { - user: session.data.user, - mouseX: event.clientX, - mouseY: event.clientY, - color: thisPageColor, - onlineInstanceID: onlinePageInstanceID, - }) - }, 300) - ) async function setContent(content: any) { let activity = props.activity activity.content = content - - provider?.setAwarenessField("savings_states", { - [session.data.user.user_uuid]: { - status: 'action_save', - timestamp: new Date().toISOString(), - user: session.data.user - } - }); - toast.promise(updateActivity(activity, activity.activity_uuid, access_token), { loading: 'Saving...', success: Activity saved!, @@ -90,92 +32,10 @@ function EditorWrapper(props: EditorWrapperProps): JSX.Element { } - - - // Create a ref to store the last save timestamp of each user - const lastSaveTimestampRef = useRef({}) as any; - - useEffect(() => { - // Check if provider is not already set - if (!provider) { - const newProvider = new HocuspocusProvider({ - url: collab, - name: props.activity.activity_uuid, - document: doc, - - // TODO(alpha code): This whole block of code should be improved to something more efficient and less hacky - onConnect: () => { - // Set the online page instance ID - setOnlinePageInstanceID(uuidv4()); - - // Set the user color - setThisPageColor(randomColor({ luminosity: 'light' }) as string); - }, - - onAwarenessUpdate: ({ states }) => { - const usersStates = states; - /* Showing user mouse movement */ - usersStates.forEach((userState: any) => { - if (userState.userMouseMovement) { - const userMouseMovement = userState.userMouseMovement; - - // Update the mouse movements state - debouncedSetMouseMovements((prevMovements: any) => { - return { - ...prevMovements, - [userMouseMovement.user.user_uuid]: { - user: userMouseMovement.user, - mouseX: userMouseMovement.mouseX, - mouseY: userMouseMovement.mouseY, - color: userMouseMovement.color, - onlinePageInstanceID: userMouseMovement.onlineInstanceID - }, - }; - } - ); - - } - }); - - - /* Notifiying if a user has saved course content */ - usersStates.forEach((userState: any) => { - if (userState.savings_states) { - const savingsState = userState.savings_states - - // Check if a user has saved the document - Object.keys(savingsState).forEach(user => { - const userObj = savingsState[user].user; - const status = savingsState[user].status; - const timestamp = savingsState[user].timestamp; - - // Get the current timestamp - const currentTimestamp = new Date().getTime(); - - // If the user has saved the document and the timestamp is close to the current timestamp, show the toast - if (status === 'action_save' && Math.abs(currentTimestamp - new Date(timestamp).getTime()) < 10) { // 5000 milliseconds = 5 seconds - // Update the last save timestamp for this user - lastSaveTimestampRef.current[user] = timestamp; - - toast.success(`${userObj.first_name} ${userObj.last_name} has saved the document`); - } - }); - } - }) - }, - }); - - // Set the new provider - setProvider(newProvider); - } - }, []); - - { return ( <> - {!session.isLoading && ()} diff --git a/apps/web/components/Objects/Editor/MouseMovements.tsx b/apps/web/components/Objects/Editor/MouseMovements.tsx deleted file mode 100644 index dbe0ce9e..00000000 --- a/apps/web/components/Objects/Editor/MouseMovements.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import { getCollaborationServerUrl } from "@services/config/config"; -import { motion } from "framer-motion"; -import React, { useEffect } from 'react' - -interface User { - user_uuid: string; - first_name: string; - last_name: string; -} - -interface Movement { - user: User; - mouseX: number; - mouseY: number; - color: string; - onlinePageInstanceID: string; -} - -interface MouseMovementsProps { - movements: Record; - onlinePageInstanceID: string; - org ?: any; -} - -function MouseMovements({ movements, onlinePageInstanceID, org }: MouseMovementsProps): JSX.Element { - - - /* Collaboration config */ - const collab = getCollaborationServerUrl() - const isCollabEnabledOnThisOrg = org?.config.config.features.collaboration.enabled && collab - - useEffect(() => { - - } - , [movements, org]); - - return ( -
- {isCollabEnabledOnThisOrg && Object.keys(movements).map((key) => ( - movements[key].onlinePageInstanceID !== onlinePageInstanceID && ( - -
{movements[key].user.first_name} {movements[key].user.last_name}
- ) - - ))} -
- ); -} - -function CursorSvg({ color }: { color: string }) { - return ( - - - - ); -} - -export default MouseMovements; \ No newline at end of file diff --git a/apps/web/package.json b/apps/web/package.json index f6177871..b6f60e01 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -12,7 +12,6 @@ }, "dependencies": { "@emoji-mart/react": "^1.1.1", - "@hocuspocus/provider": "^2.13.7", "@icons-pack/react-simple-icons": "^10.1.0", "@radix-ui/colors": "^0.1.9", "@radix-ui/react-aspect-ratio": "^1.1.0", @@ -34,8 +33,6 @@ "@tanstack/react-table": "^8.20.5", "@tiptap/core": "^2.9.1", "@tiptap/extension-code-block-lowlight": "^2.9.1", - "@tiptap/extension-collaboration": "^2.9.1", - "@tiptap/extension-collaboration-cursor": "^2.9.1", "@tiptap/extension-table": "^2.9.1", "@tiptap/extension-table-cell": "^2.9.1", "@tiptap/extension-table-header": "^2.9.1", @@ -63,7 +60,6 @@ "next": "14.2.15", "next-auth": "^4.24.10", "nextjs-toploader": "^1.6.12", - "prosemirror-state": "^1.4.3", "randomcolor": "^0.6.2", "re-resizable": "^6.10.0", "react": "^18.3.1", @@ -83,10 +79,6 @@ "unsplash-js": "^7.0.19", "usehooks-ts": "^3.1.0", "uuid": "^9.0.1", - "y-indexeddb": "^9.0.12", - "y-prosemirror": "^1.2.12", - "y-webrtc": "^10.3.0", - "yjs": "^13.6.20", "yup": "^1.4.0" }, "devDependencies": { diff --git a/apps/web/services/config/config.ts b/apps/web/services/config/config.ts index b7ac9d56..84646bbb 100644 --- a/apps/web/services/config/config.ts +++ b/apps/web/services/config/config.ts @@ -5,8 +5,6 @@ export const LEARNHOUSE_BACKEND_URL = `${process.env.NEXT_PUBLIC_LEARNHOUSE_BACK export const LEARNHOUSE_DOMAIN = process.env.NEXT_PUBLIC_LEARNHOUSE_DOMAIN export const LEARNHOUSE_TOP_DOMAIN = process.env.NEXT_PUBLIC_LEARNHOUSE_TOP_DOMAIN -export const LEARNHOUSE_COLLABORATION_WS_URL = - process.env.NEXT_PUBLIC_LEARNHOUSE_COLLABORATION_WS_URL export const getAPIUrl = () => LEARNHOUSE_API_URL export const getBackendUrl = () => LEARNHOUSE_BACKEND_URL diff --git a/docker-compose.yml b/docker-compose.yml index 80ffe7e6..fa4390c2 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -13,10 +13,6 @@ services: condition: service_healthy redis: condition: service_healthy - collaboration: - build: apps/collaboration/. - ports: - - "1998:1998" db: image: postgres:16-alpine restart: always