Halik - Java-отладчик нового поколения

10 июня проект Halik получил ранний доступ. Я не мог пройти мимо и решил попробовать его в деле.

Halik – Java-отладчик с возможностью перемещения по истории выполнения программы. В отличие от привычной отладки, нам не придётся отдельно устанавливать точки останова, чтобы получить контроль над нужным участком программы, не придётся перезапускать отладку, чтобы вернуться на какое-либо прошедшее состояние, в довесок мы имеем возможность отобразить данные в удобном виде, а также поделиться результатом отладочной сессии с другими членами команды.



Пока что имеется плагин для Intellij Idea, который очень прост в установке: достаточно зайти в Preferences -> Plugins -> Browse repositories, найти Halik, нажать Install и перезапустить IDE.



После этого, в проекте появится возможность запуска программы при помощи отладчика Halik, а также кнопка H в тулбаре.



После компиляции появится ссылка на отладочную сессию, которую можно посмотреть в браузере.





Перемещая ползунок Timeline, можно просматривать всю историю работы приложения. Два раза щелкнув на названии переменной, можно добавить её в наблюдение.



Значение можно отображать в обычном виде, в виде таблицы, а также в наглядном виде, используя рендерер.

Таблица:


Рендерер массива чисел:


Рендерер АСД:

Исходный код

Исходный код

[копировать] [скачать]

1. return {
2.   setup: function (target) {
3.     var options = {
4.       height: '300px',
5.       width: '300px',
6.       layout: {
7.         randomSeed: undefined,
8.         improvedLayout: true,
9.         hierarchical: {
10.           enabled: true,
11.           levelSeparation: 180,
12.           sortMethod: 'directed'
13.         }
14.       }
15.     };
16.     var network =
17.       new vis.Network(target, {nodes: [], edges: []}, options);
18.     return {network: network };
19.   },
20.   render: function (target, value, extra) {
21.     if (value === undefined) {
22.        extra.network.setData({nodes: [], edges: []});
23.        return;
24.     }
25.  
26.     var createExpression = function(node, idx) {
27.       idx++;
28.       if (node.value !== undefined) {
29.         return {
30.           id: idx,
31.           color: 'yellow',
32.           type: 'NumberExpression',
33.           value: node.value,
34.           label: 'NumberExpression\nvalue: ' + node.value
35.         };
36.       }
37.       var op, expr1, expr2;
38.       if (node.expr2 !== undefined) {
39.         expr1 = createExpression(node.expr1, idx);
40.         idx = expr1.id + 1;
41.         expr2 = createExpression(node.expr2, idx);
42.         idx = expr2.id + 1;
43.         op = String.fromCharCode(node.operation);
44.         return {
45.           id: idx,
46.           color: 'lightblue',
47.           type: 'BinaryExpression',
48.           expr1: expr1,
49.           expr2: expr2,
50.           operation: op,
51.           label: 'BinaryExpression\noperation: ' + op
52.         };
53.       }
54.       if (node.expr1 !== undefined) {
55.         expr1 = createExpression(node.expr1, idx);
56.         idx = expr1.id + 1;
57.         op = String.fromCharCode(node.operation);
58.         return {
59.           id: idx,
60.           color: 'pink',
61.           type: 'UnaryExpression',
62.           expr1: expr1,
63.           operation: op,
64.           label: 'UnaryExpression\noperation: ' + op
65.         };
66.       }
67.       return undefined;
68.     };
69.  
70.     var visitExpression = function(node, nodes, edges) {
71.       switch (node.type) {
72.         case 'NumberExpression':
73.           nodes.push(node);
74.           break;
75.         case 'BinaryExpression':
76.           nodes.push(node);
77.           edges.push({
78.             from: node.id,
79.             to: node.expr1.id
80.           });
81.           edges.push({
82.             from: node.id,
83.             to: node.expr2.id
84.           });
85.           visitExpression(node.expr1, nodes, edges);
86.           visitExpression(node.expr2, nodes, edges);
87.           break;
88.         case 'UnaryExpression':
89.           nodes.push(node);
90.           edges.push({
91.             from: node.id,
92.             to: node.expr1.id
93.           });
94.           visitExpression(node.expr1, nodes, edges);
95.           break;
96.       }
97.     };
98.  
99.     var nodes = [], edges = [];
100.     var expression = createExpression(value, 1);
101.     visitExpression(expression, nodes, edges);
102.     extra.network.setData({nodes: nodes, edges: edges});
103.   }
104. };

---

Исходный код проекта, использованный в видео: HalikTest.zip
Официальный сайт Halik: https://halik.io