@cocreate/users 1.38.6 → 1.39.1

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [1.39.1](https://github.com/CoCreate-app/CoCreate-users/compare/v1.39.0...v1.39.1) (2026-04-04)
+
+
+### Bug Fixes
+
+* property access for user object in client.js ([94369a5](https://github.com/CoCreate-app/CoCreate-users/commit/94369a56dc78ee5cc3aaa9449e1a88c62ddf2c8d))
+
+# [1.39.0](https://github.com/CoCreate-app/CoCreate-users/compare/v1.38.6...v1.39.0) (2026-04-04)
+
+
+### Bug Fixes
+
+* root factory variable Module ([811bfe4](https://github.com/CoCreate-app/CoCreate-users/commit/811bfe4c97da3d619df4ddb577194baac584fff6))
+* root factory variable Module ([4de7567](https://github.com/CoCreate-app/CoCreate-users/commit/4de7567d186b230211c579a311714668a8b3fc1a))
+* signup ([0d9773f](https://github.com/CoCreate-app/CoCreate-users/commit/0d9773ff411dbfb1428bfff5755aae0cc36c1549))
+* Update TODO comment to include a period at the end. ([ce07c87](https://github.com/CoCreate-app/CoCreate-users/commit/ce07c873b38b8b3925ccb048f91b5fabdb591c31))
+
+
+### Features
+
+* update user status to online/offline/idle and corresponding UI changes ([086e970](https://github.com/CoCreate-app/CoCreate-users/commit/086e97008381a7bfc0c73a024d34c537110e0478))
+
 ## [1.38.6](https://github.com/CoCreate-app/CoCreate-users/compare/v1.38.5...v1.38.6) (2026-02-04)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/users",
-  "version": "1.38.6",
+  "version": "1.39.1",
   "description": "A simple users component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "users",

package/src/client.js

@@ -7,7 +7,7 @@ import "@cocreate/element-prototype";
 import Observer from "@cocreate/observer";
 import "./index.css";
 
-// TODO: Replace with @cocreate/config
+// TODO: Replace with @cocreate/config.
 import localStorage from "@cocreate/local-storage";
 
 const CoCreateUser = {
@@ -28,61 +28,69 @@ const CoCreateUser = {
 	signUp: async function (action) {
 		if (!action.form) return;
 
-		let data = await Elements.save(action.form);
+		let data = await Elements.getData(action.form);
 		let user = data[0];
-		// data.method = 'object.create'
-		// data['array'] = array
 
-		// data.organization_id = organization_id;
-
-		// if (!data.object[0]._id)
-		//     data.object[0]._id = Crud.ObjectId().toString();
-
-		// let user = await Crud.send(data)
-		// Elements.setTypeValue(formEl, user)
-
-		// const socket = Crud.socket.getSockets()
-		// if (!socket[0] || !socket[0].connected || window && !window.navigator.onLine) {
-
-		// ToDo: remove roles handling from client and implement a serverside solution similar to lazyloader webooks processOperators
-		let key = {
-			status: "await",
+		let userKey = {
 			method: "object.create",
 			array: "keys",
 			object: {
-				_id: user.object[0]._id,
+				_id: user.object._id || user.object[0]?._id,
 				type: "user",
-				key: user.object[0]._id,
-				roles: user.object[0].roles || [user.object[0]["roles[]"]],
-				email: user.object[0].email,
-				password: user.object[0].password || btoa("0000"),
+				key: user.object._id || user.object[0]?._id,
+				roles: user.object.roles || [user.object["roles[]"]] || user.object[0]?.roles,
+				email: user.object.email || user.object[0]?.email,
+				password: user.object.password || window.btoa("0000"),
 				array: user.array
 			}
 		};
 
-		let response = await Crud.send(key);
-		if (response && response.object && response.object[0]) {
-			// Crud.socket.send({ method: 'signUp', user, userKey })
-
-			render({
-				selector: "[template*='signUp']",
-				data: [
-					{
-						type: "signUp",
-						message: "Succesfully Signed Up",
-						success: true
-					}
-				]
+		const socket = await Crud.socket.getSockets();
+		if (
+			!socket[0] ||
+			!socket[0].connected ||
+			(window && !window.navigator.onLine) ||
+			Crud.socket.serverOrganization == false
+		) {
+			user.method = "object.create";
+			await Crud.send(user);
+			let response = await Crud.send(userKey);
+			if (response && response.object && response.object[0]) {
+				this.signUpResponse(response, action);
+			}
+		} else {
+			let request = {
+				method: "signUp",
+				user,
+				userKey,
+				broadcastBrowser: false
+			};
+			
+			Crud.socket.send(request).then((response) => {
+				this.signUpResponse(response, action);
 			});
-
-			action.element.dispatchEvent(
-				new CustomEvent("signUp", {
-					detail: response
-				})
-			);
 		}
 	},
 
+	signUpResponse: function (response, action) {
+		render({
+			selector: "[template*='signUp']",
+			data: [
+				{
+					type: "signUp",
+					message: "Succesfully Signed Up",
+					success: true
+				}
+			]
+		});
+
+		action.element.dispatchEvent(
+			new CustomEvent("signUp", {
+				detail: response
+			})
+		);
+	},
+
 	signIn: async function (action) {
 		if (!action.form) return;
 		let query = {};
@@ -117,6 +125,7 @@ const CoCreateUser = {
 			Crud.send(request).then((response) => {
 				response["success"] = false;
 				response["status"] = "signIn failed";
+				response["message"] = "offline";
 				if (response.object && response.object[0]) {
 					response["success"] = true;
 					response["status"] = "success";
@@ -145,13 +154,9 @@ const CoCreateUser = {
 			localStorage.setItem("token", token);
 			message = "Successful signIn";
 			Crud.socket.user_id = user_id;
-
-			action.element.dispatchEvent(
-				new CustomEvent("signIn", {
-					detail: {}
-				})
-			);
-		} else message = "The email or password you entered is incorrect";
+		} else if (!message) {
+			message = "The email or password you entered is incorrect";
+		}
 
 		render({
 			selector: "[template*='signIn']",
@@ -164,6 +169,13 @@ const CoCreateUser = {
 				}
 			]
 		});
+
+		action.element.dispatchEvent(
+			new CustomEvent("signIn", {
+				detail: {}
+			})
+		);
+
 	},
 
 	signOut: (action) => {
@@ -206,6 +218,8 @@ const CoCreateUser = {
 	},
 
 	redirect: (data) => {
+		const userStatus = data.userStatus;
+
 		if (
 			(data.user_id && data.user_id !== Crud.socket.user_id) ||
 			(data.clientId && data.clientId !== Crud.socket.clientId)
@@ -213,16 +227,16 @@ const CoCreateUser = {
 			return;
 
 		let redirectTag;
-		if (data.userStatus == "on" || data.userStatus == "idle") {
+		if (userStatus == "online" || userStatus == "idle") {
 			redirectTag = document.querySelector('[session="true"]');
-		} else if (data.userStatus == "off") {
+		} else if (userStatus == "offline") {
 			redirectTag = document.querySelector('[session="false"]');
 		}
 
 		if (redirectTag) {
 			let redirectLink = redirectTag.getAttribute("href");
 			if (redirectLink) {
-				if (data.userStatus == "off") {
+				if (userStatus == "offline") {
 					localStorage.removeItem("user_id");
 					localStorage.removeItem("token");
 				}
@@ -243,12 +257,12 @@ const CoCreateUser = {
 			}
 		}
 
-		if (data.userStatus) {
+		if (userStatus) {
 			let sessionElements = document.querySelectorAll(
 				'[session]:not([session="true"], [session="false"])'
 			);
 			for (let i = 0; i < sessionElements.length; i++)
-				sessionElements[i].setAttribute("session", data.userStatus);
+				sessionElements[i].setAttribute("session", userStatus);
 		}
 	},
 

package/src/index.css

@@ -1,9 +1,9 @@
-[user-status="on"] {
-    background-color:yellowgreen;
-}
-[user-status="off"] {
-    background-color:red;
-}
-[user-status="idle"] {
-    background-color:orange;
-}
+[user-status="online"] {
+    background-color:yellowgreen;
+}
+[user-status="offline"] {
+    background-color:red;
+}
+[user-status="idle"] {
+    background-color:orange;
+}

package/src/index.js

@@ -1,14 +1,14 @@
 (function (root, factory) {
     if (typeof define === 'function' && define.amd) {
-        define(["./client"], function (CoCreateUsers) {
-            return factory(CoCreateUsers)
+        define(["./client"], function (Module) {
+            return factory(Module)
         });
     } else if (typeof module === 'object' && module.exports) {
-        const CoCreateUsers = require("./server.js")
-        module.exports = factory(CoCreateUsers);
+        const Module = require("./server.js")
+        module.exports = factory(Module);
     } else {
         root.returnExports = factory(root["./client.js"]);
     }
-}(typeof self !== 'undefined' ? self : this, function (CoCreateUsers) {
-    return CoCreateUsers;
+}(typeof self !== 'undefined' ? self : this, function (Module) {
+    return Module;
 }));

package/src/server.js

@@ -28,21 +28,32 @@ class CoCreateUser {
 
 	async signUp(data) {
 		try {
+			let response = {
+				socket: data.socket,
+				host: data.host,
+				method: "signUp",
+				success: false,
+				message: "signUp failed",
+				organization_id: data.organization_id,
+				uid: data.uid
+			};
+
 			if (data.user) {
 				data.user.method = "object.create";
 				data.user.host = data.host;
-				const response = await this.crud.send(data.user);
-				this.wsManager.send(response);
+				await this.crud.send(data.user);
 			}
 
 			if (data.userKey) {
 				data.userKey.method = "object.create";
 				data.userKey.host = data.host;
-				const response = await this.crud.send(data.userKey);
-				this.wsManager.send(response);
+				await this.crud.send(data.userKey);
 			}
 
-			this.wsManager.send(data);
+			response.success = true;
+			response.message = "signUp successful";
+
+			this.wsManager.send(response);
 		} catch (error) {
 			console.log("signup error", error);
 		}
@@ -79,7 +90,7 @@ class CoCreateUser {
 					method: "signIn",
 					success: false,
 					message: "signIn failed",
-					userStatus: "off",
+					userStatus: "offline",
 					organization_id: data.organization_id,
 					uid: data.uid
 				};
@@ -103,7 +114,7 @@ class CoCreateUser {
 						socket.user_id = user_id;
 						response.success = true;
 						response.message = "signIn successful";
-						response.userStatus = "on";
+						response.userStatus = "online";
 						response.user_id = user_id;
 						response.token = token;
 					}
@@ -124,7 +135,7 @@ class CoCreateUser {
 	}
 
 	/**
-	 * status: 'on/off/idle'
+	 * status: 'online/offline/idle'
 	 */
 	async userStatus(data) {
 		const self = this;
@@ -173,8 +184,8 @@ class CoCreateUser {
 		try {
 			data.method = "updateUserStatus";
 
-			if (!data.socket.user_id) data.userStatus = "off";
-			else data.userStatus = "on";
+			if (!data.socket.user_id) data.userStatus = "offline";
+			else data.userStatus = "online";
 
 			this.wsManager.send(data);
 		} catch (error) {