{"cells":["import Files from 'src/client/files.js';\n\n// #UserData\nthis.componentData = await Files.fileTree(\"src/components\");\n","// #UserData -> #Visualization\nconst weight = \"size\";\nconst height = \"size\";\nconst color = \"size\";\nconst label = \"name\";\n\nthis.setData({\n    data: this.componentData,\n    weightAttributeName: weight,\n    heightAttributeName: height,\n    colorAttributeName: color,\n    labelAttributeName: label\n});\n\nthis.removeHighlights()\nthis.showLabels(['lively-container.js'])\n\n// Change basePath if hosted locally\nconst basePath = 'https://lively-kernel.org/lively4/lively4-treemap/src/components/';\nthis.setNodeSelectFunction(\n  event => {\n    let nodeID = event.node;\n    let nodePath = \"\"\n    let currentNodeID = nodeID;\n    while (this.getParentID(currentNodeID) !== undefined) {\n      if(this.getLabel(currentNodeID) !== undefined) nodePath = this.getLabel(currentNodeID) + \"/\" +  nodePath;\n      currentNodeID = this.getParentID(currentNodeID);\n    }\n    lively.openBrowser(basePath + nodePath);\n  }\n);"]}