@cocreate/utils 1.39.1 → 1.40.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.40.0](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.39.2...v1.40.0) (2025-10-08)
+
+
+### Features
+
+* add getRelativePath function to compute relative paths based on current location ([786ed1b](https://github.com/CoCreate-app/CoCreate-utils/commit/786ed1b642febad9c5fda1c9f5534e829f5fd6c6))
+* enhance getRelativePath function to handle default path and localhost scenarios ([cd0b369](https://github.com/CoCreate-app/CoCreate-utils/commit/cd0b3692b1753d06805670c59d832a00e7b85a64))
+
+## [1.39.2](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.39.1...v1.39.2) (2025-09-01)
+
+
+### Bug Fixes
+
+* improve media query handling in checkMediaQueries function ([cab86d6](https://github.com/CoCreate-app/CoCreate-utils/commit/cab86d6b43bb1739a0b62e28a826b5bdebab5e03))
+
 ## [1.39.1](https://github.com/CoCreate-app/CoCreate-utils/compare/v1.39.0...v1.39.1) (2025-05-01)
 
 

package/package.json

@@ -1,18 +1,10 @@
 {
   "name": "@cocreate/utils",
-  "version": "1.39.1",
+  "version": "1.40.0",
   "description": "A simple utils component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "utils",
-    "cocreate",
-    "low-code-framework",
-    "no-code-framework",
-    "cocreatejs",
-    "cocreatejs-component",
-    "cocreate-framework",
-    "no-code",
     "low-code",
-    "collaborative-framework",
     "realtime",
     "realtime-framework",
     "collaboration",

package/src/index.js

@@ -40,6 +40,31 @@
 		}
 	}
 
+	function getRelativePath(path) {
+		// If no path provided, use window.location.pathname
+		if (!path && isBrowser) {
+			path = window.location.pathname.replace(/\/[^\/]*$/, ""); // Remove file from path
+		}
+
+		// For localhost/127.0.0.1, trim everything after '/src'
+		if (
+			isBrowser &&
+			(location.hostname === "localhost" ||
+				location.hostname === "127.0.0.1")
+		) {
+			const srcIndex = path.indexOf("/src");
+			if (srcIndex !== -1) {
+				path = path.substring(0, srcIndex + 4); // keep '/src'
+			}
+		}
+
+		if (!path.endsWith("/")) {
+			path += "/";
+		}
+		let depth = path.split("/").filter(Boolean).length;
+		return depth > 0 ? "../".repeat(depth) : "./";
+	}
+
 	/**
 	 * Generates an ObjectId
 	 */
@@ -836,12 +861,13 @@
 
 	function checkMediaQueries(selector) {
 		if (selector && selector.includes("@")) {
+			const viewportWidth = window.innerWidth;
+			let mediaViewport = false;
+
 			let screenSizes = selector.split("@");
 			selector = screenSizes.shift();
-			for (let screenSize of screenSizes) {
-				const viewportWidth = window.innerWidth;
-				let mediaViewport = false;
 
+			for (let screenSize of screenSizes) {
 				// Check if screenSize is a valid range in the 'ranges' object
 				if (mediaRanges.hasOwnProperty(screenSize)) {
 					const [minWidth, maxWidth] = mediaRanges[screenSize];
@@ -853,9 +879,8 @@
 						break;
 					}
 				}
-
-				if (!mediaViewport) return false;
 			}
+			if (!mediaViewport) return false;
 		}
 
 		return selector;
@@ -1248,6 +1273,7 @@
 	if (isBrowser) clickedElement();
 
 	return {
+		getRelativePath,
 		ObjectId,
 		checkValue,
 		isValidDate,
@@ -1269,4 +1295,4 @@
 		setAttributeNames,
 		getAttributeNames
 	};
-});
+});