init

Author: hweihwang

appinfo/routes.php

@@ -21,5 +21,7 @@
 		['name' => 'Whiteboard#show', 'url' => '{fileId}', 'verb' => 'GET'],
 		/** @see SettingsController::update() */
 		['name' => 'Settings#update', 'url' => 'settings', 'verb' => 'POST'],
+		/** @see WhiteboardController::sync() */
+		['name' => 'whiteboard#sync', 'url' => '{fileId}/sync', 'verb' => 'PUT']
 	]
 ];

bun.lock

@@ -24,12 +24,13 @@
 use OCP\AppFramework\Http\Attribute\PublicPage;
 use OCP\AppFramework\Http\DataResponse;
 use OCP\IRequest;
-
+use Psr\Log\LoggerInterface;
 /**
  * @psalm-suppress UndefinedClass
  * @psalm-suppress UndefinedDocblockClass
  */
-final class WhiteboardController extends ApiController {
+final class WhiteboardController extends ApiController
+{
 	public function __construct(
 		$appName,
 		IRequest $request,
@@ -39,14 +40,16 @@ public function __construct(
 		private WhiteboardContentService $contentService,
 		private ExceptionService $exceptionService,
 		private ConfigService $configService,
+		private LoggerInterface $logger,
 	) {
 		parent::__construct($appName, $request);
 	}
 
 	#[NoAdminRequired]
 	#[NoCSRFRequired]
 	#[PublicPage]
-	public function show(int $fileId): DataResponse {
+	public function show(int $fileId): DataResponse
+	{
 		try {
 			$jwt = $this->getJwtFromRequest();
 
@@ -67,7 +70,8 @@ public function show(int $fileId): DataResponse {
 	#[NoAdminRequired]
 	#[NoCSRFRequired]
 	#[PublicPage]
-	public function update(int $fileId, array $data): DataResponse {
+	public function update(int $fileId, array $data): DataResponse
+	{
 		try {
 			$this->validateBackendSharedToken($fileId);
 
@@ -85,29 +89,33 @@ public function update(int $fileId, array $data): DataResponse {
 		}
 	}
 
-	private function getJwtFromRequest(): string {
+	private function getJwtFromRequest(): string
+	{
 		$authHeader = $this->request->getHeader('Authorization');
 		if (sscanf($authHeader, 'Bearer %s', $jwt) !== 1) {
 			throw new UnauthorizedException();
 		}
-		return (string)$jwt;
+		return (string) $jwt;
 	}
 
-	private function getUserIdFromRequest(): string {
+	private function getUserIdFromRequest(): string
+	{
 		return $this->request->getHeader('X-Whiteboard-User');
 	}
 
-	private function validateBackendSharedToken(int $fileId): void {
+	private function validateBackendSharedToken(int $fileId): void
+	{
 		$backendSharedToken = $this->request->getHeader('X-Whiteboard-Auth');
 		if (!$backendSharedToken || !$this->verifySharedToken($backendSharedToken, $fileId)) {
 			throw new InvalidUserException('Invalid backend shared token');
 		}
 	}
 
-	private function verifySharedToken(string $token, int $fileId): bool {
+	private function verifySharedToken(string $token, int $fileId): bool
+	{
 		[$roomId, $timestamp, $signature] = explode(':', $token);
 
-		if ($roomId !== (string)$fileId) {
+		if ($roomId !== (string) $fileId) {
 			return false;
 		}
 
@@ -117,4 +125,32 @@ private function verifySharedToken(string $token, int $fileId): bool {
 
 		return hash_equals($expectedSignature, $signature);
 	}
+
+
+	/**
+	 * Sync whiteboard data
+	 */
+	#[NoAdminRequired]
+	#[NoCSRFRequired]
+	#[PublicPage]
+	public function sync(int $fileId, array $data): DataResponse
+	{
+		try {
+			$jwt = $this->getJwtFromRequest();
+
+			$userId = $this->jwtService->getUserIdFromJWT($jwt);
+
+			$user = $this->getUserFromIdServiceFactory->create($userId)->getUser();
+
+			$file = $this->getFileServiceFactory->create($user, $fileId)->getFile();
+
+			$this->contentService->updateContent($file, $data);
+
+			return new DataResponse(['status' => 'success', 'version' => $data['version']]);
+		} catch (Exception $e) {
+			$this->logger->error('Error syncing whiteboard data: ' . $e->getMessage());
+
+			return $this->exceptionService->handleException($e);
+		}
+	}
 }

lib/Controller/WhiteboardController.php

@@ -16,11 +16,17 @@
 use OCP\AppFramework\Http\DataResponse;
 use OCP\Files\NotFoundException;
 use OCP\Files\NotPermittedException;
+use Psr\Log\LoggerInterface;
 
 /**
  * @psalm-suppress UndefinedClass
  */
 final class ExceptionService {
+	public function __construct(
+		private LoggerInterface $logger,
+	) {
+	}
+
 	public function handleException(Exception $e): DataResponse {
 		$statusCode = $this->getStatusCode($e);
 		$message = $this->getMessage($e);

lib/Service/ExceptionService.php

@@ -30,12 +30,13 @@
     "@nextcloud/event-bus": "^3.3.2",
     "@nextcloud/files": "^3.10.2",
     "@nextcloud/initial-state": "^2.2.0",
-    "@nextcloud/l10n": "^3.1.0",
+    "@nextcloud/l10n": "^3.2.0",
     "@nextcloud/router": "^3.0.1",
     "@nextcloud/sharing": "^0.2.4",
     "@nextcloud/vue": "^8.23.1",
     "@socket.io/redis-streams-adapter": "^0.2.2",
     "axios": "^1.8.1",
+    "dexie": "^4.0.11",
     "dotenv": "^16.4.7",
     "express": "^5.0.1",
     "jsonwebtoken": "^9.0.2",
@@ -58,11 +59,11 @@
     "@nextcloud/stylelint-config": "^3.0.1",
     "@nextcloud/vite-config": "^1.5.2",
     "@playwright/test": "^1.50.1",
-    "@types/react-dom": "^18.3.1",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
     "@vue/tsconfig": "^0.5.1",
     "nodemon": "^3.1.9",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "stylelint-config-css-modules": "^4.4.0",
     "typescript": "^5.8.2",
     "typescript-plugin-css-modules": "^5.1.0",

package.json

@@ -71,6 +71,41 @@
   position: relative;
   height: 100%;
   width: 100%;
+
+  .App-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
+
+  .App-loading,
+  .App-error {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    color: var(--color-main-text);
+
+    .retry-button {
+      margin-top: 16px;
+      padding: 8px 16px;
+      background-color: var(--color-primary);
+      color: var(--color-primary-text);
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+
+      &:hover {
+        background-color: var(--color-primary-element-hover);
+      }
+    }
+  }
+
+  .App-error {
+    color: var(--color-error);
+  }
 }
 
 .excalidraw-wrapper {