@keenmate/svelte-treeview 4.0.0 → 4.0.1

package/README.md

@@ -2,6 +2,9 @@
 
 A high-performance, feature-rich hierarchical tree view component for Svelte 5 with drag & drop support, search functionality, and flexible data structures using LTree.
 
+> [!IMPORTANT]
+> **Looking for a framework-agnostic solution?** There's also a web component version that can be used standalone or in other frameworks at https://github.com/KeenMate/web-treeview/
+
 ## 🚀 Features
 
 - **Svelte 5 Native**: Built specifically for Svelte 5 with full support for runes and modern Svelte patterns
@@ -709,4 +712,4 @@ MIT License - see LICENSE file for details.
 
 ---
 
-Built with ❤️ by [KeenMate](https://github.com/keenmate)
+Built with ❤️ by [KeenMate](https://github.com/keenmate)

package/dist/helpers/ltree-helpers.d.ts

@@ -1,4 +1,4 @@
-export declare function getParentPath(path: string): string | null;
-export declare function getRelativePath(path: string, parentPath: string): string;
-export declare function getPathSegments(path: string, start?: number, count?: number): string;
+export declare function getParentPath(path: string, pathSeparator?: string): string | null;
+export declare function getRelativePath(path: string, parentPath: string, pathSeparator?: string): string;
+export declare function getPathSegments(path: string, start?: number, count?: number, pathSeparator?: string): string;
 export declare function getLevel(path: string, pathSeparator: string): number;

package/dist/helpers/ltree-helpers.js

@@ -1,25 +1,20 @@
 import { isEmptyString } from './string-helpers.js';
-export function getParentPath(path) {
+export function getParentPath(path, pathSeparator = '.') {
     if (!path || typeof path !== 'string')
         return null;
-    const lastDotIndex = path.lastIndexOf('.');
+    const lastDotIndex = path.lastIndexOf(pathSeparator);
     return lastDotIndex === -1 ? '' : path.substring(0, lastDotIndex);
 }
-export function getRelativePath(path, parentPath) {
+export function getRelativePath(path, parentPath, pathSeparator = '.') {
     if (isEmptyString(parentPath))
         return path;
-    return path.startsWith(parentPath + '.') ? path.substring(parentPath.length + 1) : path;
+    return path.startsWith(parentPath + pathSeparator) ? path.substring(parentPath.length + pathSeparator.length) : path;
 }
-export function getPathSegments(path, start = 0, count = 1) {
-    const segments = path.split('.');
+export function getPathSegments(path, start = 0, count = 1, pathSeparator = '.') {
+    const segments = path.split(pathSeparator);
     const taken = segments.slice(start, start + count);
-    return taken.join('.');
+    return taken.join(pathSeparator);
 }
 export function getLevel(path, pathSeparator) {
-    let count = 1;
-    for (let i = 0; i < path.length; i++) {
-        if (path[i] === pathSeparator)
-            count++;
-    }
-    return count;
+    return path.split(pathSeparator).length;
 }

package/dist/ltree/ltree.svelte.js

@@ -95,11 +95,11 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
                 node.id = _idMember ? row[_idMember] : undefined;
                 node.path = _pathMember ? row[_pathMember] : undefined;
                 if (shouldCalculateParentPath) {
-                    node.parentPath = getParentPath(node.path);
+                    node.parentPath = getParentPath(node.path, this.treePathSeparator);
                 }
                 else
                     node.parentPath = row[_parentPathMember];
-                node.pathSegment = getPathSegments(getRelativePath(node.path, node.parentPath));
+                node.pathSegment = getPathSegments(getRelativePath(node.path, node.parentPath, this.treePathSeparator), 0, 1, this.treePathSeparator);
                 if (!shouldCalculateLevel)
                     node.level = row[_levelMember];
                 else
@@ -199,7 +199,7 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
             if (shouldCalculateLevel) {
                 newNode.level = (parentNode.level || 0) + 1;
             }
-            const newSegment = segmentPrefix + getPathSegments(getRelativePath(newNode?.path, parentPath));
+            const newSegment = segmentPrefix + getPathSegments(getRelativePath(newNode?.path, parentPath, this.treePathSeparator), 0, 1, this.treePathSeparator);
             if (!parentNode.children.hasOwnProperty(newSegment)) {
                 parentNode.children[newSegment] = newNode;
                 if (shouldCalculateHasChildren && !parentNode.hasChildren) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@keenmate/svelte-treeview",
-	"version": "4.0.0",
+	"version": "4.0.1",
 	"scripts": {
 		"dev": "vite dev --port 17777",
 		"build": "vite build && npm run prepack",
@@ -10,6 +10,8 @@
 		"prepack": "svelte-kit sync && svelte-package && sass src/lib/styles.scss dist/styles.css && publint",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test": "vitest",
+		"test:run": "vitest run",
 		"format": "prettier --write .",
 		"lint": "prettier --check . && eslint ."
 	},
@@ -59,7 +61,8 @@
 		"svelte-preprocess": "^6.0.3",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.20.0",
-		"vite": "^7.0.4"
+		"vite": "^7.0.4",
+		"vitest": "^3.2.4"
 	},
 	"optionalDependencies": {
 		"flexsearch": "^0.8.212"