Build with new addDrawFunc feature

Author: linev

build/jsroot.js

@@ -14,7 +14,7 @@ const version_id = 'dev',
 
 /** @summary version date
   * @desc Release date in format day/month/year like '14/04/2022' */
-version_date = '25/11/2025',
+version_date = '27/11/2025',
 
 /** @summary version id and date
   * @desc Produced by concatenation of {@link version_id} and {@link version_date}
@@ -163238,14 +163238,14 @@ const drawFuncs = { lst: [
    { 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: () => Promise.resolve().then(function () { return tree; }).then(h => h.treeHierarchy), draw: () => import_tree().then(h => h.drawTree), dflt: 'expand', opt: 'player;testio', shift: kInspect, pm: true },
+   { name: clTTree, icon: 'img_tree', get_expand: () => Promise.resolve().then(function () { return tree; }).then(h => h.treeHierarchy), draw: () => import_tree().then(h => h.drawTree), dflt: 'expand', opt: 'player;testio', shift: kInspect, pm: true, transform: 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: () => Promise.resolve().then(function () { return rntuple; }).then(h => h.tupleHierarchy), draw: () => Promise.resolve().then(function () { return RNTuple; }).then(h => h.drawRNTuple), dflt: 'expand', pm: true },
-   { name: 'ROOT::RNTupleField', icon: 'img_leaf', draw: () => Promise.resolve().then(function () { return RNTuple; }).then(h => h.drawRNTuple), opt: ';dump', ctrl: 'dump', shift: kInspect, ignore_online: true, always_draw: true },
+   { name: clTBranchFunc, icon: 'img_leaf_method', draw: () => import_tree().then(h => h.drawTree), opt: ';dump', noinspect: true, transform: 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, transform: 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, transform: true },
+   { name: 'ROOT::RNTuple', icon: 'img_tree', get_expand: () => Promise.resolve().then(function () { return rntuple; }).then(h => h.tupleHierarchy), draw: () => Promise.resolve().then(function () { return RNTuple; }).then(h => h.drawRNTuple), dflt: 'expand', pm: true, transform: true },
+   { name: 'ROOT::RNTupleField', icon: 'img_leaf', draw: () => Promise.resolve().then(function () { return RNTuple; }).then(h => h.drawRNTuple), opt: ';dump', ctrl: 'dump', shift: kInspect, ignore_online: true, always_draw: true, transform: 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 },
@@ -163277,19 +163277,28 @@ const drawFuncs = { lst: [
 
 
 /** @summary Register draw function for the class
-  * @desc List of supported draw options could be provided, separated  with ';'
   * @param {object} args - arguments
-  * @param {string|regexp} args.name - class name or regexp pattern
+  * @param {string|regexp} args.name - class name or regexp pattern or '*'
   * @param {function} [args.func] - draw function
+  * @param {string} [args.sameas] - let behave same as specified class
   * @param {function} [args.draw] - async function to load draw function
   * @param {function} [args.class] - async function to load painter class with static draw function
   * @param {boolean} [args.direct] - if true, function is just Redraw() method of ObjectPainter
   * @param {string} [args.opt] - list of supported draw options (separated with semicolon) like 'col;scat;'
   * @param {string} [args.icon] - icon name shown for the class in hierarchy browser
   * @param {string} [args.draw_field] - draw only data member from object, like fHistogram
+  * @param {string} [args.noinspect] - disable inspect
+  * @param {string} [args.noexpand] - disable expand
+  * @param {string} [args.pm] - always show plus or minus sign even when no child items exists
+  * @desc List of supported draw options could be provided, separated  with ';'
+  * If args.name parameter is '*', function will be invoked before object drawing.
+  * If such function does not return value - normal drawing will be continued.
   * @protected */
 function addDrawFunc(args) {
-   drawFuncs.lst.push(args);
+   if (args?.name === '*')
+      internals._alt_draw = isFunc(args.func) ? args.func : null;
+   else
+      drawFuncs.lst.push(args);
    return args;
 }
 
@@ -163500,6 +163509,12 @@ async function draw(dom, obj, opt) {
    if (handle.draw_field && obj[handle.draw_field])
       return draw(dom, obj[handle.draw_field], opt || handle.draw_field_opt);
 
+   if (internals._alt_draw && !handle.transform) {
+      const v = internals._alt_draw(dom, obj, opt);
+      if (v)
+         return v;
+   }
+
    if (!canDrawHandle(handle)) {
       if (opt && (opt.indexOf('same') >= 0)) {
          const main_painter = getElementMainPainter(dom);
@@ -164704,8 +164719,6 @@ class HierarchyPainter extends BasePainter {
    #one_by_one;  // process drop items one by one
    #topname; // top item name
    #cached_draw_object; // cached object for first draw
-   #draw_func; // alternative draw function
-   #redraw_func; // alternative redraw function
 
    /** @summary Create painter
      * @param {string} name - symbolic name
@@ -164736,23 +164749,6 @@ class HierarchyPainter extends BasePainter {
       this.textcolor = settings.DarkMode ? '#eee' : '#111';
    }
 
-   /** @summary Set alternative draw/redraw functions
-    * @desc If only only draw function specified - it also will be used for re-drawing
-    * @protected */
-   setDrawFunc(_draw, _redraw) {
-      if (isFunc(_draw)) {
-         this.#draw_func = _draw;
-         this.#redraw_func = isFunc(_redraw) ? _redraw : _draw;
-      }
-   }
-
-   /** @summary Invoke configured draw or redraw function
-    * @protected */
-   async callDrawFunc(dom, obj, opt, doredraw) {
-      const func = doredraw ? (this.#redraw_func || redraw) : (this.#draw_func || draw);
-      return func(dom, obj, opt);
-   }
-
    /** @summary Cleanup hierarchy painter
      * @desc clear drawing and browser */
    cleanup() {
@@ -166190,7 +166186,7 @@ class HierarchyPainter extends BasePainter {
                drawopt = handle.dflt;
 
             if (dom)
-               return this.callDrawFunc(dom, obj, drawopt, updating).then(p => complete(p)).catch(err => complete(null, err));
+               return (updating ? redraw : draw)(dom, obj, drawopt).then(p => complete(p)).catch(err => complete(null, err));
 
             let did_activate = false;
             const arr = [];
@@ -166234,7 +166230,7 @@ class HierarchyPainter extends BasePainter {
             cleanup(frame);
             mdi.activateFrame(frame);
 
-            return this.callDrawFunc(frame, obj, drawopt)
+            return draw(frame, obj, drawopt)
                        .then(p => complete(p))
                        .catch(err => complete(null, err));
          });
@@ -166342,7 +166338,7 @@ class HierarchyPainter extends BasePainter {
          if (isFunc(dom?.addPadButtons))
             dom.addPadButtons();
 
-         return this.callDrawFunc(dom, res.obj, opt).then(p => drop_complete(p, mp === p));
+         return draw(dom, res.obj, opt).then(p => drop_complete(p, mp === p));
       });
    }
 
@@ -168973,6 +168969,12 @@ async function drawTreeDrawResult(dom, obj, opt) {
    if (!typ || !isStr(typ))
       return Promise.reject(Error('Object without type cannot be draw with TTree'));
 
+   if (internals._alt_draw) {
+      const v = internals._alt_draw(dom, obj, opt);
+      if (v)
+         return v;
+   }
+
    if (typ.indexOf(clTH1) === 0)
       return TH1Painter.draw(dom, obj, opt);
    if (typ.indexOf(clTH2) === 0)

changes.md

@@ -6,6 +6,7 @@
 1. Implement for `TPie` 3d, text, title drawing including interactivity
 1. Implement `TCanvas` support in `build3d` function #373
 1. Implements `TTree` branches filtering via context menu #364
+1. Let define alternative draw function #378
 1. Remove support for deprectaed `TH1K` class
 1. Fix - paint frame border mode/size from TCanvas
 

modules/core.mjs

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