cdd-cli 3.1.7 → 3.1.9
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.
- package/.eslintrc.json +1 -1
- package/.github/workflows/ci.yml +3 -0
- package/.github/workflows/docs.yml +8 -1
- package/CHANGELOG.md +23 -0
- package/CONTRIBUTING.md +28 -15
- package/README.md +56 -88
- package/babel.config.cjs +18 -1
- package/dist/components/ContainerRow.js +5 -78
- package/dist/components/LogViewer.js +4 -9
- package/dist/helpers/containerOptionsBuilder.js +58 -0
- package/dist/hooks/creation/useContainerCreation.js +16 -1
- package/dist/hooks/debug/useDebugLogs.js +46 -0
- package/dist/hooks/navigation/useContainerSelection.js +36 -0
- package/dist/hooks/useContainerCommandRouter.js +151 -0
- package/dist/{helpers/actionHelpers.js → hooks/useContainerStats.js} +76 -78
- package/dist/hooks/useControls.js +83 -342
- package/dist/hooks/useEraseConfirmation.js +47 -0
- package/dist/hooks/useExitHandler.js +68 -0
- package/jest.config.cjs +1 -1
- package/package.json +2 -3
- package/src/components/ContainerRow.jsx +3 -38
- package/src/components/LogViewer.jsx +4 -10
- package/src/helpers/containerOptionsBuilder.js +42 -0
- package/src/hooks/creation/useContainerCreation.js +15 -0
- package/src/hooks/debug/useDebugLogs.js +29 -0
- package/src/hooks/navigation/useContainerSelection.js +25 -0
- package/src/hooks/useContainerCommandRouter.js +110 -0
- package/src/hooks/useContainerStats.js +44 -0
- package/src/hooks/useControls.js +68 -272
- package/src/hooks/useEraseConfirmation.js +39 -0
- package/src/hooks/useExitHandler.js +66 -0
- package/test/useContainerCreation.dom.test.js +3 -0
- package/.babelrc +0 -6
- package/FIXES_APPLIED.md +0 -419
- package/SECURITY.md +0 -5
- package/dist/hooks/useLogsStream.js +0 -41
- package/docs/_config.yml +0 -13
- package/docs/components_ContainerCreationPrompt.jsx.html +0 -114
- package/docs/components_ContainerRow.jsx.html +0 -151
- package/docs/components_ContainerSection.jsx.html +0 -75
- package/docs/components_Footer.jsx.html +0 -66
- package/docs/components_Header.jsx.html +0 -84
- package/docs/components_LogViewer.jsx.html +0 -91
- package/docs/components_MessageFeedback.jsx.html +0 -76
- package/docs/components_PromptField.jsx.html +0 -99
- package/docs/components_StatsBar.jsx.html +0 -105
- package/docs/components_UsageMenu.jsx.html +0 -73
- package/docs/fonts/OpenSans-Bold-webfont.eot +0 -0
- package/docs/fonts/OpenSans-Bold-webfont.svg +0 -1830
- package/docs/fonts/OpenSans-Bold-webfont.woff +0 -0
- package/docs/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
- package/docs/fonts/OpenSans-BoldItalic-webfont.svg +0 -1830
- package/docs/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
- package/docs/fonts/OpenSans-Italic-webfont.eot +0 -0
- package/docs/fonts/OpenSans-Italic-webfont.svg +0 -1830
- package/docs/fonts/OpenSans-Italic-webfont.woff +0 -0
- package/docs/fonts/OpenSans-Light-webfont.eot +0 -0
- package/docs/fonts/OpenSans-Light-webfont.svg +0 -1831
- package/docs/fonts/OpenSans-Light-webfont.woff +0 -0
- package/docs/fonts/OpenSans-LightItalic-webfont.eot +0 -0
- package/docs/fonts/OpenSans-LightItalic-webfont.svg +0 -1835
- package/docs/fonts/OpenSans-LightItalic-webfont.woff +0 -0
- package/docs/fonts/OpenSans-Regular-webfont.eot +0 -0
- package/docs/fonts/OpenSans-Regular-webfont.svg +0 -1831
- package/docs/fonts/OpenSans-Regular-webfont.woff +0 -0
- package/docs/global.html +0 -6145
- package/docs/helpers_actionHelpers.js.html +0 -94
- package/docs/helpers_constants.js.html +0 -81
- package/docs/helpers_dockerService_dockerService.js.html +0 -79
- package/docs/helpers_dockerService_serviceComponents_containerActions.js.html +0 -153
- package/docs/helpers_dockerService_serviceComponents_containerList.js.html +0 -81
- package/docs/helpers_dockerService_serviceComponents_containerLogs.js.html +0 -85
- package/docs/helpers_dockerService_serviceComponents_containerStats.js.html +0 -107
- package/docs/helpers_dockerService_serviceComponents_imageUtils.js.html +0 -82
- package/docs/helpers_exitWithMessage.js.html +0 -77
- package/docs/helpers_safeCall.js.html +0 -68
- package/docs/helpers_validationHelpers.js.html +0 -96
- package/docs/hooks_creation_useContainerActions.js.html +0 -120
- package/docs/hooks_creation_useContainerCreation.js.html +0 -152
- package/docs/hooks_creation_useLogsViewer.js.html +0 -102
- package/docs/hooks_useControls.js.html +0 -298
- package/docs/hooks_useLogsStream.js.html +0 -82
- package/docs/index.html +0 -65
- package/docs/index.js.html +0 -65
- package/docs/module-index.html +0 -171
- package/docs/scripts/linenumber.js +0 -25
- package/docs/scripts/prettify/Apache-License-2.0.txt +0 -202
- package/docs/scripts/prettify/lang-css.js +0 -2
- package/docs/scripts/prettify/prettify.js +0 -28
- package/docs/styles/jsdoc-default.css +0 -358
- package/docs/styles/prettify-jsdoc.css +0 -111
- package/docs/styles/prettify-tomorrow.css +0 -132
- package/esbuild.config.cjs +0 -11
- package/src/helpers/actionHelpers.js +0 -52
- package/src/hooks/useLogsStream.js +0 -31
- package/test/actionHelpers.test.js +0 -106
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
4
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
7
|
+
import { useState, useCallback } from 'react';
|
|
8
|
+
export function useContainerSelection(total) {
|
|
9
|
+
var _useState = useState(0),
|
|
10
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
11
|
+
selected = _useState2[0],
|
|
12
|
+
setSelected = _useState2[1];
|
|
13
|
+
var handleNavigation = useCallback(function (input, key) {
|
|
14
|
+
if (total === 0) {
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
if (key.upArrow) {
|
|
18
|
+
setSelected(function (i) {
|
|
19
|
+
return i === 0 ? total - 1 : i - 1;
|
|
20
|
+
});
|
|
21
|
+
return true;
|
|
22
|
+
}
|
|
23
|
+
if (key.downArrow) {
|
|
24
|
+
setSelected(function (i) {
|
|
25
|
+
return i === total - 1 ? 0 : i + 1;
|
|
26
|
+
});
|
|
27
|
+
return true;
|
|
28
|
+
}
|
|
29
|
+
return false;
|
|
30
|
+
}, [total]);
|
|
31
|
+
return {
|
|
32
|
+
selected: selected,
|
|
33
|
+
setSelected: setSelected,
|
|
34
|
+
handleNavigation: handleNavigation
|
|
35
|
+
};
|
|
36
|
+
}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
|
|
2
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
3
|
+
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
4
|
+
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
5
|
+
import { useCallback } from "react";
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Hook responsible solely for routing Docker action keystrokes to the correct handler.
|
|
9
|
+
* Has no domain state of its own — it delegates every side-effect to its dependencies.
|
|
10
|
+
*
|
|
11
|
+
* Handled keys:
|
|
12
|
+
* i — start container
|
|
13
|
+
* p — stop container
|
|
14
|
+
* r — restart container
|
|
15
|
+
* e — request erase confirmation
|
|
16
|
+
* l — open logs viewer and start log stream
|
|
17
|
+
* c — open container creation wizard (reset + activate)
|
|
18
|
+
* d — toggle debug log panel
|
|
19
|
+
*
|
|
20
|
+
* @param {Object} params
|
|
21
|
+
* @param {Object} params.actions - API from useContainerActions
|
|
22
|
+
* @param {Array<Object>} params.containers - Current list of Docker containers
|
|
23
|
+
* @param {number} params.selected - Index of the currently selected container
|
|
24
|
+
* @param {Object} params.creation - API from useContainerCreation (must expose resetCreation)
|
|
25
|
+
* @param {Object} params.logsViewer - API from useLogsViewer
|
|
26
|
+
* @param {Function} params.startLogsStream - Starts the log stream for a container id
|
|
27
|
+
* @param {Function} params.onStartErase - Callback: activates confirmErase state
|
|
28
|
+
* @param {Function} params.onToggleDebug - Callback: toggles showDebugLogs state
|
|
29
|
+
* @param {Function} params.onStartCreate - Callback: sets creatingContainer = true
|
|
30
|
+
* @returns {{ handleDockerCommands: Function }}
|
|
31
|
+
*/
|
|
32
|
+
export function useContainerCommandRouter(_ref) {
|
|
33
|
+
var actions = _ref.actions,
|
|
34
|
+
containers = _ref.containers,
|
|
35
|
+
selected = _ref.selected,
|
|
36
|
+
creation = _ref.creation,
|
|
37
|
+
logsViewer = _ref.logsViewer,
|
|
38
|
+
startLogsStream = _ref.startLogsStream,
|
|
39
|
+
onStartErase = _ref.onStartErase,
|
|
40
|
+
onToggleDebug = _ref.onToggleDebug,
|
|
41
|
+
onStartCreate = _ref.onStartCreate;
|
|
42
|
+
var handleDockerCommands = useCallback(function (input) {
|
|
43
|
+
var container = containers[selected];
|
|
44
|
+
if (input === "i") {
|
|
45
|
+
actions.handleAction({
|
|
46
|
+
actionFn: function () {
|
|
47
|
+
var _actionFn = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(id) {
|
|
48
|
+
return _regenerator().w(function (_context) {
|
|
49
|
+
while (1) switch (_context.n) {
|
|
50
|
+
case 0:
|
|
51
|
+
_context.n = 1;
|
|
52
|
+
return actions.startContainer(id);
|
|
53
|
+
case 1:
|
|
54
|
+
return _context.a(2, _context.v);
|
|
55
|
+
}
|
|
56
|
+
}, _callee);
|
|
57
|
+
}));
|
|
58
|
+
function actionFn(_x) {
|
|
59
|
+
return _actionFn.apply(this, arguments);
|
|
60
|
+
}
|
|
61
|
+
return actionFn;
|
|
62
|
+
}(),
|
|
63
|
+
actionLabel: "Starting",
|
|
64
|
+
selected: selected,
|
|
65
|
+
stateCheck: function stateCheck(c) {
|
|
66
|
+
return (c.state === "running" || c.status === "running") && "Container is already running.";
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
return true;
|
|
70
|
+
}
|
|
71
|
+
if (input === "p") {
|
|
72
|
+
actions.handleAction({
|
|
73
|
+
actionFn: function () {
|
|
74
|
+
var _actionFn2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(id) {
|
|
75
|
+
return _regenerator().w(function (_context2) {
|
|
76
|
+
while (1) switch (_context2.n) {
|
|
77
|
+
case 0:
|
|
78
|
+
_context2.n = 1;
|
|
79
|
+
return actions.stopContainer(id);
|
|
80
|
+
case 1:
|
|
81
|
+
return _context2.a(2, _context2.v);
|
|
82
|
+
}
|
|
83
|
+
}, _callee2);
|
|
84
|
+
}));
|
|
85
|
+
function actionFn(_x2) {
|
|
86
|
+
return _actionFn2.apply(this, arguments);
|
|
87
|
+
}
|
|
88
|
+
return actionFn;
|
|
89
|
+
}(),
|
|
90
|
+
actionLabel: "Stopping",
|
|
91
|
+
selected: selected,
|
|
92
|
+
stateCheck: function stateCheck(c) {
|
|
93
|
+
return (c.state === "exited" || c.status === "exited" || c.state === "stopped" || c.status === "stopped") && "Container is already stopped.";
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
return true;
|
|
97
|
+
}
|
|
98
|
+
if (input === "r") {
|
|
99
|
+
actions.handleAction({
|
|
100
|
+
actionFn: function () {
|
|
101
|
+
var _actionFn3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(id) {
|
|
102
|
+
return _regenerator().w(function (_context3) {
|
|
103
|
+
while (1) switch (_context3.n) {
|
|
104
|
+
case 0:
|
|
105
|
+
_context3.n = 1;
|
|
106
|
+
return actions.restartContainer(id);
|
|
107
|
+
case 1:
|
|
108
|
+
return _context3.a(2, _context3.v);
|
|
109
|
+
}
|
|
110
|
+
}, _callee3);
|
|
111
|
+
}));
|
|
112
|
+
function actionFn(_x3) {
|
|
113
|
+
return _actionFn3.apply(this, arguments);
|
|
114
|
+
}
|
|
115
|
+
return actionFn;
|
|
116
|
+
}(),
|
|
117
|
+
actionLabel: "Restarting",
|
|
118
|
+
selected: selected
|
|
119
|
+
});
|
|
120
|
+
return true;
|
|
121
|
+
}
|
|
122
|
+
if (input === "e") {
|
|
123
|
+
if (!container) {
|
|
124
|
+
return true;
|
|
125
|
+
}
|
|
126
|
+
onStartErase();
|
|
127
|
+
return true;
|
|
128
|
+
}
|
|
129
|
+
if (input === "l") {
|
|
130
|
+
if (!container) {
|
|
131
|
+
return true;
|
|
132
|
+
}
|
|
133
|
+
logsViewer.openLogs();
|
|
134
|
+
startLogsStream(container.id);
|
|
135
|
+
return true;
|
|
136
|
+
}
|
|
137
|
+
if (input === "c") {
|
|
138
|
+
onStartCreate();
|
|
139
|
+
creation.resetCreation();
|
|
140
|
+
return true;
|
|
141
|
+
}
|
|
142
|
+
if (input === "d") {
|
|
143
|
+
onToggleDebug();
|
|
144
|
+
return true;
|
|
145
|
+
}
|
|
146
|
+
return false;
|
|
147
|
+
}, [actions, containers, creation, logsViewer, onStartCreate, onStartErase, onToggleDebug, selected, startLogsStream]);
|
|
148
|
+
return {
|
|
149
|
+
handleDockerCommands: handleDockerCommands
|
|
150
|
+
};
|
|
151
|
+
}
|
|
@@ -2,83 +2,81 @@ function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present,
|
|
|
2
2
|
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
3
3
|
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
4
4
|
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
5
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
6
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
8
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
9
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
10
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
11
|
+
import { useState, useEffect } from 'react';
|
|
12
|
+
import { getStats } from '../helpers/dockerService/serviceComponents/containerStats.js';
|
|
13
|
+
import { REFRESH_INTERVALS } from '../helpers/constants.js';
|
|
14
|
+
var DEFAULT_STATS = {
|
|
15
|
+
cpuPercent: 0,
|
|
16
|
+
memPercent: 0,
|
|
17
|
+
netIO: {
|
|
18
|
+
rx: 0,
|
|
19
|
+
tx: 0
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export function useContainerStats(id, state) {
|
|
23
|
+
var _useState = useState(DEFAULT_STATS),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
stats = _useState2[0],
|
|
26
|
+
setStats = _useState2[1];
|
|
27
|
+
var _useState3 = useState(''),
|
|
28
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
29
|
+
statsError = _useState4[0],
|
|
30
|
+
setStatsError = _useState4[1];
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
if (state !== 'running') {
|
|
33
|
+
setStats(DEFAULT_STATS);
|
|
34
|
+
setStatsError('');
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
var isMounted = true;
|
|
38
|
+
var fetchStats = /*#__PURE__*/function () {
|
|
39
|
+
var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
|
|
40
|
+
var s, _t;
|
|
41
|
+
return _regenerator().w(function (_context) {
|
|
42
|
+
while (1) switch (_context.p = _context.n) {
|
|
43
|
+
case 0:
|
|
44
|
+
_context.p = 0;
|
|
45
|
+
_context.n = 1;
|
|
46
|
+
return getStats(id);
|
|
47
|
+
case 1:
|
|
48
|
+
s = _context.v;
|
|
49
|
+
if (isMounted) {
|
|
50
|
+
setStats(s);
|
|
51
|
+
setStatsError('');
|
|
52
|
+
}
|
|
53
|
+
_context.n = 3;
|
|
54
|
+
break;
|
|
55
|
+
case 2:
|
|
56
|
+
_context.p = 2;
|
|
57
|
+
_t = _context.v;
|
|
58
|
+
if (isMounted) {
|
|
59
|
+
setStats(DEFAULT_STATS);
|
|
60
|
+
setStatsError('Error fetching stats');
|
|
61
|
+
}
|
|
62
|
+
case 3:
|
|
63
|
+
return _context.a(2);
|
|
34
64
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
return _context.a(2);
|
|
53
|
-
case 2:
|
|
54
|
-
setMessage("".concat(actionLabel, " container..."));
|
|
55
|
-
setMessageColor("green");
|
|
56
|
-
logger.info("Action %s requested for container %s", actionLabel, c.id);
|
|
57
|
-
_context.p = 3;
|
|
58
|
-
_context.n = 4;
|
|
59
|
-
return actionFn(c.id);
|
|
60
|
-
case 4:
|
|
61
|
-
setMessage("".concat(actionLabel, " container completed successfully"));
|
|
62
|
-
setMessageColor("green");
|
|
63
|
-
setTimeout(function () {
|
|
64
|
-
return setMessage("");
|
|
65
|
-
}, MESSAGE_TIMEOUTS.DEFAULT);
|
|
66
|
-
logger.info("Action %s completed for container %s", actionLabel, c.id);
|
|
67
|
-
_context.n = 6;
|
|
68
|
-
break;
|
|
69
|
-
case 5:
|
|
70
|
-
_context.p = 5;
|
|
71
|
-
_t = _context.v;
|
|
72
|
-
setMessage("Failed to ".concat(actionLabel.toLowerCase(), " container."));
|
|
73
|
-
setMessageColor("red");
|
|
74
|
-
setTimeout(function () {
|
|
75
|
-
return setMessage("");
|
|
76
|
-
}, MESSAGE_TIMEOUTS.DEFAULT);
|
|
77
|
-
logger.error("Action %s failed for container %s", actionLabel, c.id, _t);
|
|
78
|
-
case 6:
|
|
79
|
-
return _context.a(2);
|
|
80
|
-
}
|
|
81
|
-
}, _callee, null, [[3, 5]]);
|
|
82
|
-
}));
|
|
83
|
-
return _handleAction.apply(this, arguments);
|
|
65
|
+
}, _callee, null, [[0, 2]]);
|
|
66
|
+
}));
|
|
67
|
+
return function fetchStats() {
|
|
68
|
+
return _ref.apply(this, arguments);
|
|
69
|
+
};
|
|
70
|
+
}();
|
|
71
|
+
fetchStats();
|
|
72
|
+
var timer = setInterval(fetchStats, REFRESH_INTERVALS.CONTAINER_STATS);
|
|
73
|
+
return function () {
|
|
74
|
+
isMounted = false;
|
|
75
|
+
clearInterval(timer);
|
|
76
|
+
};
|
|
77
|
+
}, [id, state]);
|
|
78
|
+
return {
|
|
79
|
+
stats: stats,
|
|
80
|
+
statsError: statsError
|
|
81
|
+
};
|
|
84
82
|
}
|