tuimon 0.3.33 → 0.3.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/layout/generator-js.d.ts.map +1 -1
  2. package/dist/layout/generator-js.js +21 -10
  3. package/dist/layout/generator-js.js.map +1 -1
  4. package/dist/layout/theme.js +2 -2
  5. package/package.json +1 -1
package/dist/layout/generator-js.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"generator-js.d.ts","sourceRoot":"","sources":["../../src/layout/generator-js.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE3D,wBAAgB,UAAU,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,GAAG,MAAM,CA6WvE"}
1
+ {"version":3,"file":"generator-js.d.ts","sourceRoot":"","sources":["../../src/layout/generator-js.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE3D,wBAAgB,UAAU,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,GAAG,MAAM,CAwXvE"}
package/dist/layout/generator-js.js CHANGED
@@ -12,6 +12,7 @@ export function generateJs(layout, t) {
12
12
  var lastUpdateTime = {};
13
13
  var charts = {};
14
14
  var lineHistory = {};
15
+ var lineLabels = {};
15
16
  var MAX_LINE_POINTS = 60;
16
17
  var MAX_BAR_POINTS = 20;
17
18
  var MAX_EVENTS = 10;
@@ -98,16 +99,17 @@ export function generateJs(layout, t) {
98
99
  var canvas = document.getElementById('chart-' + id);
99
100
  if (!canvas) return null;
100
101
  lineHistory[id] = {};
102
+ lineLabels[id] = [];
101
103
  charts[id] = new Chart(canvas, {
102
104
  type: 'line',
103
105
  data: { labels: [], datasets: [] },
104
106
  options: {
105
107
  responsive: true, maintainAspectRatio: false, animation: false,
106
108
  scales: {
107
- y: { grid: { color: theme.border + '22' }, ticks: { color: theme.textMuted } },
108
- x: { display: false },
109
+ y: { grid: { color: theme.border + '22' }, ticks: { color: theme.text, font: { size: 12 } } },
110
+ x: { ticks: { color: theme.text, font: { size: 11 }, maxRotation: 45, maxTicksLimit: 10 } },
109
111
  },
110
- plugins: { legend: { labels: { color: theme.text, font: { size: 10 } } } },
112
+ plugins: { legend: { labels: { color: theme.text, font: { size: 12 } } } },
111
113
  },
112
114
  });
113
115
  return charts[id];
@@ -117,14 +119,23 @@ export function generateJs(layout, t) {
117
119
  var chart = ensureLineChart(id);
118
120
  if (!chart) return;
119
121
  var hist = lineHistory[id];
122
+ if (!lineLabels[id]) lineLabels[id] = [];
123
+ var lbls = lineLabels[id];
120
124
 
121
125
  if (data._kvUpdate) {
122
126
  var kv = data._kvUpdate;
127
+ var ts = kv['_t'];
123
128
  Object.keys(kv).forEach(function(key) {
129
+ if (key === '_t') return;
124
130
  if (!hist[key]) hist[key] = [];
125
131
  hist[key].push(kv[key]);
126
132
  if (hist[key].length > MAX_LINE_POINTS) hist[key].shift();
127
133
  });
134
+ if (ts != null) {
135
+ var d = new Date(ts);
136
+ lbls.push((d.getMonth() + 1) + '/' + d.getDate());
137
+ if (lbls.length > MAX_LINE_POINTS) lbls.shift();
138
+ }
128
139
  } else if (data.series) {
129
140
  data.series.forEach(function(s) {
130
141
  if (!hist[s.label]) hist[s.label] = [];
@@ -133,11 +144,11 @@ export function generateJs(layout, t) {
133
144
  });
134
145
  }
135
146
 
136
- var labels = Object.keys(hist);
147
+ var seriesKeys = Object.keys(hist);
137
148
  var maxLen = 0;
138
- labels.forEach(function(k) { if (hist[k].length > maxLen) maxLen = hist[k].length; });
139
- chart.data.labels = Array.from({ length: maxLen }, function(_, i) { return i; });
140
- chart.data.datasets = labels.map(function(label, i) {
149
+ seriesKeys.forEach(function(k) { if (hist[k].length > maxLen) maxLen = hist[k].length; });
150
+ chart.data.labels = lbls.length > 0 ? lbls : Array.from({ length: maxLen }, function(_, i) { return i; });
151
+ chart.data.datasets = seriesKeys.map(function(label, i) {
141
152
  return {
142
153
  label: label,
143
154
  data: hist[label],
@@ -158,7 +169,7 @@ export function generateJs(layout, t) {
158
169
  data: { labels: [], datasets: [{ data: [], backgroundColor: [], borderWidth: 0 }] },
159
170
  options: {
160
171
  responsive: true, maintainAspectRatio: false, animation: false, cutout: '60%',
161
- plugins: { legend: { position: 'bottom', labels: { color: theme.text, font: { size: 10 }, padding: 12,
172
+ plugins: { legend: { position: 'bottom', labels: { color: theme.text, font: { size: 12 }, padding: 12,
162
173
  generateLabels: function(chart) {
163
174
  var data = chart.data;
164
175
  return (data.labels || []).map(function(label, i) {
@@ -193,8 +204,8 @@ export function generateJs(layout, t) {
193
204
  options: {
194
205
  responsive: true, maintainAspectRatio: false, animation: false,
195
206
  scales: {
196
- y: { grid: { color: theme.border + '22' }, ticks: { color: theme.textMuted } },
197
- x: { ticks: { color: theme.textMuted, font: { size: 10 } } },
207
+ y: { grid: { color: theme.border + '22' }, ticks: { color: theme.text, font: { size: 12 } } },
208
+ x: { ticks: { color: theme.text, font: { size: 12 } } },
198
209
  },
199
210
  plugins: { legend: { display: false } },
200
211
  },
package/dist/layout/generator-js.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"generator-js.js","sourceRoot":"","sources":["../../src/layout/generator-js.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,UAAU,CAAC,MAAoB,EAAE,CAAc;IAC7D,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAA;IACtE,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAClC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1D,CAAA;IACD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CACpC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACxF,CAAA;IACD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAErD,OAAO;;;2BAGkB,eAAe;yBACjB,aAAa;2BACX,eAAe;;;;;;;oBAOtB,IAAI,CAAC,SAAS,CAAC;QAC3B,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,OAAO,EAAE,CAAC,CAAC,OAAO;KACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8UL,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"generator-js.js","sourceRoot":"","sources":["../../src/layout/generator-js.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,UAAU,CAAC,MAAoB,EAAE,CAAc;IAC7D,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAA;IACtE,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAClC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1D,CAAA;IACD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CACpC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACxF,CAAA;IACD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAErD,OAAO;;;2BAGkB,eAAe;yBACjB,aAAa;2BACX,eAAe;;;;;;;;oBAQtB,IAAI,CAAC,SAAS,CAAC;QAC3B,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,OAAO,EAAE,CAAC,CAAC,OAAO;KACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwVL,CAAA;AACH,CAAC"}
package/dist/layout/theme.js CHANGED
@@ -2,8 +2,8 @@ export const DEFAULT_THEME = {
2
2
  bg: '#0a0e1a',
3
3
  panelBg: '#0f1629',
4
4
  border: '#00e5ff',
5
- text: '#e0e6ed',
6
- textMuted: '#5a6a7a',
5
+ text: '#ffffff',
6
+ textMuted: '#8a9ab0',
7
7
  accent: '#00e5ff',
8
8
  success: '#00e676',
9
9
  warning: '#ffab40',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tuimon",
3
- "version": "0.3.33",
3
+ "version": "0.3.35",
4
4
  "description": "Render beautiful HTML dashboards directly in your terminal.",
5
5
  "type": "module",
6
6
  "bin": {