BaseMax
diff --git a/‎auth.js‎
Lines changed: 64 additions & 0 deletions b/‎auth.js‎
Lines changed: 64 additions & 0 deletions
diff --git a/‎auth.php‎
Lines changed: 0 additions & 41 deletions b/‎auth.php‎
Lines changed: 0 additions & 41 deletions
diff --git a/‎index.html‎
Lines changed: 17 additions & 5 deletions b/‎index.html‎
Lines changed: 17 additions & 5 deletions
@@ -0,0 +1,64 @@
+const express = require("express");
+const c = require("@liveblocks/node");
+const cors = require("cors");
+const { v4: uuidv4 } = require("uuid");
+
+const liveblocks = new c.Liveblocks({
+    secret: "sk_dev_4oLJSBeKQJF8n3tCiEnqkC8f9mMM2gBhlIMIVZImq98FqiTNa_-SIsps6EMaQuG0",
+});
+
+const port = 8080;
+
+const app = express();
+
+// app.use((req, res, next) => {
+//     res.header("Access-Control-Allow-Origin", "*");
+//     res.header("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
+//     res.header("Access-Control-Allow-Headers", "Content-Type, Referer, Authorization");
+//     next();
+// });
+app.use(cors({
+    origin: '*',
+    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
+    allowedHeaders: ['Content-Type', 'Authorization'],
+}));
+
+app.use(express.json());
+
+app.post("/api/liveblocks-auth", async (req, res) => {
+    const name = req.query.name;
+    const { roomId } = req.body;
+    const userId = uuidv4();
+
+    const user = {
+        id: userId + name,
+        name: name,
+        avatar: "https://example.com/marc.png",
+        color: "purple",
+        organization: "asrez",
+        group: "devs",
+    };
+
+    console.log(req);
+    console.log(user);
+    console.log(roomId);
+
+    // const room = await liveblocks.createRoom("a32wQXid4A9", {
+    //     defaultAccesses: ["room:write"],
+    // });
+
+    const session = liveblocks.prepareSession(
+        user.id,
+        { userInfo: user.metadata },
+    );
+
+    session.allow(`${user.organization}:*`, session.READ_ACCESS);
+    session.allow(`${user.organization}:${user.group}:*`, session.FULL_ACCESS);
+
+    const { status, body } = await session.authorize();
+    return res.status(status).end(body);
+});
+
+app.listen(port, () => {
+    console.log(`Server running at http://localhost:${port}`);
+});
@@ -1,27 +1,39 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Liveblocks Auth</title>
 </head>
+
 <body>
   <div>
     <p id="status">Not connected</p>
-    <button id="connect">Connect to Room</button>
+    <form onsubmit="return false;">
+      <input id="name" value="Max" required="" placeholder="Name">
+      <input id="room" value="asrez:devs:general" required="" placeholder="Room">
+      <button id="connect">Connect to Room</button>
+    </form>
   </div>
 
-  <!-- Import the room.js file -->
   <script type="module">
     import { client } from './room.js';
 
-    document.getElementById('connect').addEventListener('click', () => {
-      const { room, leave } = client.enterRoom("my-room");
+    const elm_button = document.getElementById('connect');
+    const elm_name = document.querySelector("#name");
+    const elm_room = document.querySelector("#room");
+
+    elm_button.addEventListener('click', () => {
+      localStorage.setItem("name", elm_name.value);
+
+      const { room, leave } = client.enterRoom(elm_room.value);
 
       room.subscribe("others", (others) => {
         document.getElementById('status').innerText = `There are ${others.length} other user(s) online`;
       });
     });
   </script>
 </body>
-</html>
+
+</html>