[3851] - Feat/Implement the mechanism to create and show the collaboration link

js/activity.js

@@ -5931,9 +5931,11 @@ class Activity {
                 console.log("dom is ready");
                 const urlParams = new URLSearchParams(window.location.search);
                 const room_id = urlParams.get('roomID');
+                const collabUrl = window.location.href;
 
                 if (room_id) {
                     this.room_id = room_id;
+                    this.textMsg(`Collaboration link ${collabUrl}`);
                     this._initiateCollaboration(this.room_id);
                 };
             }, 7000);

js/piemenus.js

@@ -3439,7 +3439,15 @@ const piemenuBlockContext = (block) => {
         });
     };
 
-    wheel.navItems[0].navigateFunction = stackPasting;
+    wheel.navItems[0].navigateFunction = () => {
+        if (
+            "customsample" === block.blocks.blockList[topBlock].name
+        ) {
+            that.activity.errorMsg(_("In order to copy a sample, you must reload the widget, import the sample again, and export it."));
+        } else {
+            stackPasting();
+        }
+    };
 
     wheel.navItems[1].navigateFunction = () => {
         that.blocks.activeBlock = blockBlock;

planet/js/CollaborationSpace.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 // Copyright (c) 2024 Ajeet Pratap Singh
 //
 // This program is free software; you can redistribute it and/or
@@ -81,14 +82,13 @@ class CollaborationSpace {
 
     // Prepare the room by adding/hiding elements
 
-    prepareRoom(){
+    prepareRoom() {
         this.renderNavbar();
         this.renderCommonSpace();
     }
 
     // Exit the collaboration space
-    exitSpace(){
-
+    exitSpace() {
         const exitButton = document.getElementById("exitCollabRoom");
         exitButton.remove();
 
@@ -119,15 +119,39 @@ class CollaborationSpace {
 
         const localPage = document.getElementById("local");
         localPage.style.visibility = "visible";
+    }
 
+    // Create the invite link for the collaboration
+    createLink(id) {
+        const roomID = this.createRoomID();
+        const link = `https://musicblocks.sugarlabs.org/index.html?id=${id}&run=False&roomID=${roomID}`;
+        return link;
     }
-
+
+    // Create an unique room ID
+    createRoomID() {
+        const n = Date.now();
+        const stampStr = n.toString();
+        const prefix = stampStr.slice(0, 10);
+
+        let suffix = "";
+        for (let i = 0; i < 6; i++) {
+            suffix += Math.floor(Math.random() * 10).toString();
+        }
+        return prefix + suffix;
+    }
+
     // Render the room
-    renderRoom(){
+    renderRoom() {
         this.prepareRoom();
     }
 
-    initiate() {
+    initiateCollabSpace() {
         this.renderRoom();
     }
+
+    startCollaboration(ID) {
+        const collabLink = this.createLink(ID);
+        window.open(collabLink, "_blank"); 
+    }
 }

planet/js/GlobalCard.js

@@ -166,7 +166,8 @@ class GlobalCard {
         // set collaboration starter
         // eslint-disable-next-line no-unused-vars
         frag.getElementById(`global-project-collaborate-${this.id}`).addEventListener("click", (evt) => {
-            Planet.GlobalPlanet.CollaborationSpace.initiate();          
+            // Planet.GlobalPlanet.CollaborationSpace.initiateCollabSpace();
+            Planet.GlobalPlanet.CollaborationSpace.startCollaboration(this.id);
         });
 
         // set merge modify listener