update

BaseMax · BaseMax · commit 1b46724109f4 · 2024-09-24T19:17:40.000+03:30
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 node_modules
+vendor
diff --git a/api.php b/api.php
diff --git a/auth.php b/auth.php
@@ -0,0 +1,35 @@
+<?php
+session_start();
+
+header('Content-Type: application/json');
+header('Access-Control-Allow-Origin: *');
+header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
+header('Access-Control-Allow-Headers: Content-Type, Authorization');
+
+if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
+	http_response_code(200);
+	exit;
+}
+
+// if (!isset($_SESSION['user_id'])) {
+// 	http_response_code(403);
+// 	echo json_encode(['error' => 'Unauthorized']);
+// 	exit;
+// }
+
+$secretApiKey = 'sk_dev_4oLJSBeKQJF8n3tCiEnqkC8f9mMM2gBhlIMIVZImq98FqiTNa_-SIsps6EMaQuG0';
+$userId = $_GET['user_id'];
+$roomId = $_POST['room_id'] ?? 'my-room';
+
+$payload = [
+	'userId' => $userId,
+	'room' => $roomId,
+];
+
+$signature = hash_hmac('sha256', json_encode(value: $payload), $secretApiKey);
+
+echo json_encode([
+	'userId' => $userId,
+	'room' => $roomId,
+	'token' => $signature,
+]);
diff --git a/composer.json b/composer.json
@@ -0,0 +1,5 @@
+{
+    "require": {
+        "firebase/php-jwt": "^6.10"
+    }
+}
diff --git a/composer.lock b/composer.lock
diff --git a/index.html b/index.html
@@ -4,17 +4,19 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Liveblocks Auth</title>
-  <script type="module" src="/room.js"></script>
 </head>
 <body>
   <div>
     <p id="status">Not connected</p>
     <button id="connect">Connect to Room</button>
   </div>
 
-  <script>
+  <!-- Import the room.js file -->
+  <script type="module">
+    import { client } from './room.js';
+
     document.getElementById('connect').addEventListener('click', () => {
-      const { room, leave } = window.client.enterRoom("my-room");
+      const { room, leave } = client.enterRoom("my-room");
 
       room.subscribe("others", (others) => {
         document.getElementById('status').innerText = `There are ${others.length} other user(s) online`;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,9 +12,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@liveblocks/client": "^2.7.2"
+    "@liveblocks/client": "^2.7.2",
+    "node-fetch": "^3.3.2",
+    "ws": "^8.18.0"
   },
   "devDependencies": {
     "vite": "^5.4.7"
   }
-}
+}
diff --git a/room.js b/room.js
@@ -1,8 +1,8 @@
 import { createClient } from "@liveblocks/client";
 
 const client = createClient({
-  publicApiKey: "pk_dev_4hBTxoM5Vkir7gRMcIEP99BTDpqay7jjxcG9ELGa4fomzhWfbzkWgOh4qbU4Rhup",
-  authEndpoint: "http://localhost/auth.php",
+  // publicApiKey: "pk_dev_4hBTxoM5Vkir7gRMcIEP99BTDpqay7jjxcG9ELGa4fomzhWfbzkWgOh4qbU4Rhup",
+  authEndpoint: "http://localhost:8080/auth.php?user_id=1",
 });
 
-export const { room, leave } = client.enterRoom("my-room");
+export { client };

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +{
 +    "require": {
 +        "firebase/php-jwt": "^6.10"
 +    }
 +}