[jsroot] dev 18/09/2025

1. RNtuple support, thanks to Kriti Mahajan (https://github.com/Krmjn09)
1. Implement RTreeMapPainter to display RNTuple structure, thanks to Patryk Pilichowski (https://github.com/magnustymoteus)
1. Support reading TBranch from old ROOT files with custom streamers
1. Fix - TTree::Draw with strings
1. Fix - first color in palette drawing #365
1. Fix - toggle vertical/horizontal palette via context menu

Author: linev

js/build/jsroot.js

@@ -1,22 +1,30 @@
 # JSROOT changelog
 
+
 ## Changes in dev
-1. Use ES6 modules to implement geoworker, enable node.js usage
+1. RNtuple support, thanks to Kriti Mahajan (https://github.com/Krmjn09)
+1. Implement RTreeMapPainter to display RNTuple structure, thanks to Patryk Pilichowski (https://github.com/magnustymoteus)
 1. Let use hex colors in histogram draw options like "fill_00ff00" or "line_77aa1166"
 1. Let configure exact axis ticks position via draw option like "xticks:[-3,-1,1,3]"
 1. Support gStyle.fBarOffset for `TGraph` bar drawing
 1. Support "fill_<id>" and "line_<id>" draw options for `TGraph`
 1. Support dark mode when store images
 1. With 'Shift' key pressed whole graph is moved by dragging action
 1. Support `Xall` and `Yall` as projections width #340
-1. Upgrade three.js r174 -> r177
+1. Support reading TBranch from old ROOT files with custom streamers
+1. Upgrade three.js r174 -> r180
 1. Upgrade lil-gui.mjs 0.19.2 -> 0.20.0
-1. Remove experimental RHist classes, deprecated in ROOT
+1. Use ES6 modules to implement geoworker, enable node.js usage
+1. Remove countGeometryFaces function - use numGeometryFaces instead
+1. Remove experimental RHist classes, deprecated in ROOT 6.38
 1. Internal - ws members are private, new methods has to be used
 1. Fix - ticks size and labels with kMoreLogLabels axis bit
 1. Fix - reading TLeafC leafs
 1. Fix - support BigInt in object inspector
 1. Fix - svg2pdf.js URL bounding box
+1. Fix - TTree::Draw with strings
+1. Fix - first color in palette drawing #365
+1. Fix - toggle vertical/horizontal palette via context menu
 
 
 ## Changes in 7.9.1

js/changes.md

@@ -105,7 +105,8 @@ function getRGBfromTColor(col) {
 function getGrayColors(rgb_array) {
    const gray_colors = [];
 
-   if (!rgb_array) rgb_array = getRootColors();
+   if (!rgb_array)
+      rgb_array = getRootColors();
 
    for (let n = 0; n < rgb_array.length; ++n) {
       if (!rgb_array[n]) continue;

js/modules/base/colors.mjs

@@ -4,7 +4,7 @@ const version_id = 'dev',
 
 /** @summary version date
   * @desc Release date in format day/month/year like '14/04/2022' */
-version_date = '4/07/2025',
+version_date = '18/09/2025',
 
 /** @summary version id and date
   * @desc Produced by concatenation of {@link version_id} and {@link version_date}

js/modules/core.mjs

@@ -121,22 +121,22 @@ drawFuncs = { lst: [
    { name: 'TEveGeoShapeExtract', sameas: clTGeoVolume, opt: ';more;all;count;projx;projz;wire;dflt' },
    { name: nsREX+'REveGeoShapeExtract', sameas: clTGeoVolume, opt: ';more;all;count;projx;projz;wire;dflt' },
    { name: 'TGeoOverlap', sameas: clTGeoVolume, opt: ';more;all;count;projx;projz;wire;dflt', dflt: 'dflt', ctrl: 'expand' },
-   { name: 'TGeoManager', sameas: clTGeoVolume, opt: ';more;all;count;projx;projz;wire;tracks;no_screen;dflt', dflt: 'expand', ctrl: 'dflt', noappend: true, exapnd_after_draw: true },
+   { name: 'TGeoManager', sameas: clTGeoVolume, opt: ';more;all;count;projx;projz;wire;tracks;no_screen;dflt', dflt: 'expand', pm: true, ctrl: 'dflt', noappend: true, exapnd_after_draw: true },
    { name: 'TGeoVolumeAssembly', sameas: clTGeoVolume, /* icon: 'img_geoassembly', */ opt: ';more;all;count' },
    { name: /^TGeo/, class: () => import_geo().then(h => h.TGeoPainter), get_expand: () => import_geo().then(h => h.expandGeoObject), opt: ';more;all;axis;compa;count;projx;projz;wire;no_screen;dflt', dflt: 'dflt', ctrl: 'expand' },
    { name: 'TAxis3D', icon: 'img_graph', draw: () => import_geo().then(h => h.drawAxis3D), direct: true },
    // these are not draw functions, but provide extra info about correspondent classes
    { name: 'kind:Command', icon: 'img_execute', execute: true },
    { name: 'TFolder', icon: 'img_folder', icon2: 'img_folderopen', noinspect: true, get_expand: () => import_h().then(h => h.folderHierarchy) },
    { name: 'TTask', icon: 'img_task', get_expand: () => import_h().then(h => h.taskHierarchy), for_derived: true },
-   { name: clTTree, icon: 'img_tree', get_expand: () => import('./tree.mjs').then(h => h.treeHierarchy), draw: () => import_tree().then(h => h.drawTree), dflt: 'expand', opt: 'player;testio', shift: kInspect },
+   { name: clTTree, icon: 'img_tree', get_expand: () => import('./tree.mjs').then(h => h.treeHierarchy), draw: () => import_tree().then(h => h.drawTree), dflt: 'expand', opt: 'player;testio', shift: kInspect, pm: true },
    { name: 'TNtuple', sameas: clTTree },
    { name: 'TNtupleD', sameas: clTTree },
    { name: clTBranchFunc, icon: 'img_leaf_method', draw: () => import_tree().then(h => h.drawTree), opt: ';dump', noinspect: true },
    { name: /^TBranch/, icon: 'img_branch', draw: () => import_tree().then(h => h.drawTree), dflt: 'expand', opt: ';dump', ctrl: 'dump', shift: kInspect, ignore_online: true, always_draw: true },
    { name: /^TLeaf/, icon: 'img_leaf', noexpand: true, draw: () => import_tree().then(h => h.drawTree), opt: ';dump', ctrl: 'dump', ignore_online: true, always_draw: true },
-   { name: 'ROOT::RNTuple', icon: 'img_tree', get_expand: () => import('./rntuple.mjs').then(h => h.tupleHierarchy) },
-   { name: 'ROOT::RNTupleField', icon: 'img_leaf', opt: 'inspect', ctrl: 'inspect' },
+   { name: 'ROOT::RNTuple', icon: 'img_tree', get_expand: () => import('./rntuple.mjs').then(h => h.tupleHierarchy), draw: () => import('./draw/RNTuple.mjs').then(h => h.drawRNTuple), dflt: 'expand', pm: true },
+   { name: 'ROOT::RNTupleField', icon: 'img_leaf', draw: () => import('./draw/RNTuple.mjs').then(h => h.drawRNTuple), opt: ';dump', ctrl: 'dump', shift: kInspect, ignore_online: true, always_draw: true },
    { name: clTList, icon: 'img_list', draw: () => import_h().then(h => h.drawList), get_expand: () => import_h().then(h => h.listHierarchy), dflt: 'expand' },
    { name: clTHashList, sameas: clTList },
    { name: clTObjArray, sameas: clTList },
@@ -162,7 +162,8 @@ drawFuncs = { lst: [
    { name: nsREX+'RPaveText', icon: 'img_pavetext', class: () => import_v7('pave').then(h => h.RPaveTextPainter), opt: '' },
    { name: nsREX+'RFrame', icon: 'img_frame', draw: () => import_v7().then(h => h.drawRFrame), opt: '' },
    { name: nsREX+'RFont', icon: 'img_text', draw: () => import_v7().then(h => h.drawRFont), opt: '', direct: 'v7', csstype: 'font' },
-   { name: nsREX+'RAxisDrawable', icon: 'img_frame', draw: () => import_v7().then(h => h.drawRAxis), opt: '' }
+   { name: nsREX+'RAxisDrawable', icon: 'img_frame', draw: () => import_v7().then(h => h.drawRAxis), opt: '' },
+   { name: nsREX+'RTreeMapPainter', class: () => import('./draw/RTreeMapPainter.mjs').then(h => h.RTreeMapPainter), opt: '' }
 ], cache: {} };
 
 

js/modules/draw.mjs

@@ -0,0 +1,38 @@
+import { isStr } from '../core.mjs';
+import { treeDrawProgress } from './TTree.mjs';
+import { rntupleDraw } from '../rntuple.mjs';
+
+/** @summary function called from draw()
+  * @desc just envelope for real TTree::Draw method which do the main job
+  * Can be also used for the branch and leaf object
+  * @private */
+async function drawRNTuple(dom, obj, opt) {
+   const args = {};
+   let tuple;
+
+   if (obj?.$tuple) {
+      // case of fictional ROOT::RNTupleField
+      tuple = obj.$tuple;
+      args.expr = obj._name;
+      if (isStr(opt) && opt.indexOf('dump') === 0)
+         args.expr += '>>' + opt;
+      else if (opt)
+         args.expr += opt;
+   } else {
+      tuple = obj;
+      args.expr = opt;
+   }
+
+   if (!tuple)
+      throw Error('No RNTuple object available for drawing');
+
+   console.log('expression', args.expr);
+
+   args.drawid = dom;
+
+   args.progress = treeDrawProgress.bind(args);
+
+   return rntupleDraw(tuple, args).then(res => args.progress(res, true));
+}
+
+export { drawRNTuple };