@plutonhq/core-frontend 0.0.1

package/dist/components/Device/DeviceMemory/DeviceMemory.js

@@ -0,0 +1,82 @@
+import { jsxs as i, Fragment as v, jsx as e } from "react/jsx-runtime";
+import t from "../DeviceInfo/DeviceInfo.module.scss.js";
+import c from "../../common/Icon/Icon.js";
+import { formatBytes as s } from "../../../utils/helpers.js";
+import { useMemo as N } from "react";
+const M = ({ memory: o }) => {
+  const r = Math.round(o.used / o.total * 100), u = N(() => {
+    const l = o == null ? void 0 : o.layout;
+    if (!l || l.length === 0)
+      return "No memory information available";
+    const d = {};
+    l.forEach((n) => {
+      const a = `${n.manufacturer} ${s(n.size)} ${n.type}`;
+      d[a] = (d[a] || 0) + 1;
+    });
+    const p = Object.entries(d).sort((n, a) => a[1] - n[1]), h = p[0], m = `${h[1]}x ${h[0] || "Unknown"}`, f = p.slice(1).reduce((n, a) => n + a[1], 0);
+    if (f > 0) {
+      const n = l.map((a) => `<div>1x ${a.manufacturer} ${s(a.size)} ${a.type} (${a.formFactor})</div>`).join("");
+      return /* @__PURE__ */ i(v, { children: [
+        m,
+        " ",
+        /* @__PURE__ */ i("i", { className: t.additionalMemory, "data-tooltip-id": "htmlToolTip", "data-tooltip-place": "top", "data-tooltip-html": n, children: [
+          "+",
+          f
+        ] })
+      ] });
+    }
+    return m;
+  }, [o == null ? void 0 : o.layout]);
+  return /* @__PURE__ */ i("div", { className: `${t.widget} ${t.memory}`, children: [
+    /* @__PURE__ */ i("div", { className: t.widgetTitle, children: [
+      /* @__PURE__ */ e(c, { type: "performance", size: 12 }),
+      " Memory"
+    ] }),
+    /* @__PURE__ */ i("div", { className: t.widgetContent, children: [
+      /* @__PURE__ */ i("div", { className: t.infoBlock, children: [
+        /* @__PURE__ */ e("div", { className: t.iconBlock, children: /* @__PURE__ */ e(c, { type: "memory", size: 18 }) }),
+        /* @__PURE__ */ i("div", { className: t.infoBlockRight, children: [
+          /* @__PURE__ */ e("span", { children: "Memory Components" }),
+          /* @__PURE__ */ e("span", { children: u })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.infoBlock, children: [
+        /* @__PURE__ */ e("div", { className: t.iconBlock, children: /* @__PURE__ */ e(c, { type: "percent", size: 16 }) }),
+        /* @__PURE__ */ i("div", { className: t.infoBlockRight, children: [
+          /* @__PURE__ */ e("span", { children: "Total Memory" }),
+          /* @__PURE__ */ e("span", { children: s(o.total) })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.infoBlock, children: [
+        /* @__PURE__ */ e("div", { className: t.iconBlock, children: /* @__PURE__ */ e(c, { type: "speed", size: 20 }) }),
+        /* @__PURE__ */ i("div", { className: t.infoBlockRight, children: [
+          /* @__PURE__ */ e("span", { children: "Memory Usage" }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: t.progressBar,
+              "data-tooltip-id": "htmlToolTip",
+              "data-tooltip-place": "top",
+              "data-tooltip-html": `${s(o.used)} / ${s(o.total)}`,
+              children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: `${t.progressBarFill} ${r > 10 ? t.progressBarFilled : ""}`,
+                  style: { width: r + "%" },
+                  children: /* @__PURE__ */ i("span", { children: [
+                    r,
+                    "%"
+                  ] })
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  M as default
+};
+//# sourceMappingURL=DeviceMemory.js.map

package/dist/components/Device/DeviceMemory/DeviceMemory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceMemory.js","sources":["../../../../src/components/Device/DeviceMemory/DeviceMemory.tsx"],"sourcesContent":["import classes from '../DeviceInfo/DeviceInfo.module.scss';\r\nimport { DeviceMetrics } from '../../../@types/devices';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { formatBytes } from '../../../utils/helpers';\r\nimport { useMemo } from 'react';\r\n\r\ninterface DeviceMemoryProps {\r\n   memory: DeviceMetrics['memory'];\r\n}\r\n\r\nconst DeviceMemory = ({ memory }: DeviceMemoryProps) => {\r\n   const memoryPercent = Math.round((memory.used / memory.total) * 100);\r\n\r\n   const memoryComponents = useMemo(() => {\r\n      const memoryLayout = memory?.layout;\r\n      if (!memoryLayout || memoryLayout.length === 0) {\r\n         return 'No memory information available';\r\n      }\r\n\r\n      const memoryGroups: Record<string, number> = {};\r\n      (memoryLayout as DeviceMetrics['memory']['layout']).forEach((mem) => {\r\n         const key = `${mem.manufacturer} ${formatBytes(mem.size)} ${mem.type}`;\r\n         memoryGroups[key] = (memoryGroups[key] || 0) + 1;\r\n      });\r\n      const sortedGroups = Object.entries(memoryGroups).sort((a, b) => b[1] - a[1]);\r\n      const primaryGroup = sortedGroups[0];\r\n      const mainText = `${primaryGroup[1]}x ${primaryGroup[0] || 'Unknown'}`;\r\n      const remainingCount = sortedGroups.slice(1).reduce((sum, group) => sum + group[1], 0);\r\n\r\n      if (remainingCount > 0) {\r\n         const tooltipContent = (memoryLayout as DeviceMetrics['memory']['layout'])\r\n            .map((mem) => `<div>1x ${mem.manufacturer} ${formatBytes(mem.size)} ${mem.type} (${mem.formFactor})</div>`)\r\n            .join('');\r\n         return (\r\n            <>\r\n               {mainText}{' '}\r\n               <i className={classes.additionalMemory} data-tooltip-id=\"htmlToolTip\" data-tooltip-place=\"top\" data-tooltip-html={tooltipContent}>\r\n                  +{remainingCount}\r\n               </i>\r\n            </>\r\n         );\r\n      }\r\n\r\n      return mainText;\r\n   }, [memory?.layout]);\r\n\r\n   return (\r\n      <div className={`${classes.widget} ${classes.memory}`}>\r\n         <div className={classes.widgetTitle}>\r\n            <Icon type=\"performance\" size={12} /> Memory\r\n         </div>\r\n         <div className={classes.widgetContent}>\r\n            <div className={classes.infoBlock}>\r\n               <div className={classes.iconBlock}>\r\n                  <Icon type={'memory'} size={18} />\r\n               </div>\r\n               <div className={classes.infoBlockRight}>\r\n                  <span>Memory Components</span>\r\n                  <span>{memoryComponents}</span>\r\n               </div>\r\n            </div>\r\n            <div className={classes.infoBlock}>\r\n               <div className={classes.iconBlock}>\r\n                  <Icon type={'percent'} size={16} />\r\n               </div>\r\n               <div className={classes.infoBlockRight}>\r\n                  <span>Total Memory</span>\r\n                  <span>{formatBytes(memory.total)}</span>\r\n               </div>\r\n            </div>\r\n            <div className={classes.infoBlock}>\r\n               <div className={classes.iconBlock}>\r\n                  <Icon type={'speed'} size={20} />\r\n               </div>\r\n               <div className={classes.infoBlockRight}>\r\n                  <span>Memory Usage</span>\r\n                  <div\r\n                     className={classes.progressBar}\r\n                     data-tooltip-id=\"htmlToolTip\"\r\n                     data-tooltip-place=\"top\"\r\n                     data-tooltip-html={`${formatBytes(memory.used)} / ${formatBytes(memory.total)}`}\r\n                  >\r\n                     <div\r\n                        className={`${classes.progressBarFill} ${memoryPercent > 10 ? classes.progressBarFilled : ''}`}\r\n                        style={{ width: memoryPercent + '%' }}\r\n                     >\r\n                        <span>{memoryPercent}%</span>\r\n                     </div>\r\n                  </div>\r\n               </div>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default DeviceMemory;\r\n"],"names":["DeviceMemory","memory","memoryPercent","memoryComponents","useMemo","memoryLayout","memoryGroups","mem","key","formatBytes","sortedGroups","a","b","primaryGroup","mainText","remainingCount","sum","group","tooltipContent","jsxs","Fragment","classes","jsx","Icon"],"mappings":"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"}

package/dist/components/Device/DeviceNetworks/DeviceNetworks.d.ts

@@ -0,0 +1,7 @@
+import { DeviceMetrics } from '../../../@types/devices';
+interface DeviceNetworksProps {
+    network: DeviceMetrics['network'];
+}
+declare const DeviceNetworks: ({ network }: DeviceNetworksProps) => import("react/jsx-runtime").JSX.Element;
+export default DeviceNetworks;
+//# sourceMappingURL=DeviceNetworks.d.ts.map

package/dist/components/Device/DeviceNetworks/DeviceNetworks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceNetworks.d.ts","sourceRoot":"","sources":["../../../../src/components/Device/DeviceNetworks/DeviceNetworks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,UAAU,mBAAmB;IAC1B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,cAAc,GAAI,aAAa,mBAAmB,4CAqCvD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Device/DeviceNetworks/DeviceNetworks.js

@@ -0,0 +1,28 @@
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import i from "../DeviceInfo/DeviceInfo.module.scss.js";
+import a from "../../common/Icon/Icon.js";
+const d = ({ network: c }) => /* @__PURE__ */ s("div", { className: i.networks, children: c.length > 0 && /* @__PURE__ */ r("div", { className: i.component, children: [
+  /* @__PURE__ */ r("div", { className: i.componentTitle, children: [
+    /* @__PURE__ */ s(a, { type: "net-wired", size: 12 }),
+    " Network"
+  ] }),
+  /* @__PURE__ */ s("div", { className: i.componentContent, children: [...c].sort((e, t) => e.operstate === "up" && t.operstate !== "up" ? -1 : e.operstate !== "up" && t.operstate === "up" ? 1 : 0).map((e) => /* @__PURE__ */ r("div", { className: i.item, children: [
+    /* @__PURE__ */ s("div", { className: `label ${e.operstate === "up" ? "success" : "disabled"} ${i.blockLabel}`, children: e.operstate === "up" ? "Active" : "Inactive" }),
+    /* @__PURE__ */ s("div", { className: i.iconBlock, children: /* @__PURE__ */ s(a, { type: `net-${e.type === "wireless" ? "wireless" : "wired"}`, size: 18 }) }),
+    /* @__PURE__ */ r("div", { className: i.contentBlock, children: [
+      /* @__PURE__ */ s("h4", { children: e.ifaceName }),
+      /* @__PURE__ */ r("div", { children: [
+        "IP4: ",
+        e.ip4
+      ] }),
+      /* @__PURE__ */ r("div", { children: [
+        "IP6: ",
+        e.ip6
+      ] })
+    ] })
+  ] }, e.ifaceName)) })
+] }) });
+export {
+  d as default
+};
+//# sourceMappingURL=DeviceNetworks.js.map

package/dist/components/Device/DeviceNetworks/DeviceNetworks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceNetworks.js","sources":["../../../../src/components/Device/DeviceNetworks/DeviceNetworks.tsx"],"sourcesContent":["import classes from '../DeviceInfo/DeviceInfo.module.scss';\r\nimport { DeviceMetrics } from '../../../@types/devices';\r\nimport Icon from '../../common/Icon/Icon';\r\n\r\ninterface DeviceNetworksProps {\r\n   network: DeviceMetrics['network'];\r\n}\r\n\r\nconst DeviceNetworks = ({ network }: DeviceNetworksProps) => {\r\n   return (\r\n      <div className={classes.networks}>\r\n         {network.length > 0 && (\r\n            <div className={classes.component}>\r\n               <div className={classes.componentTitle}>\r\n                  <Icon type=\"net-wired\" size={12} /> Network\r\n               </div>\r\n               <div className={classes.componentContent}>\r\n                  {[...network]\r\n                     .sort((a, b) => {\r\n                        if (a.operstate === 'up' && b.operstate !== 'up') return -1;\r\n                        if (a.operstate !== 'up' && b.operstate === 'up') return 1;\r\n                        return 0;\r\n                     })\r\n                     .map((net) => {\r\n                        return (\r\n                           <div key={net.ifaceName} className={classes.item}>\r\n                              <div className={`label ${net.operstate === 'up' ? 'success' : 'disabled'} ${classes.blockLabel}`}>\r\n                                 {net.operstate === 'up' ? 'Active' : 'Inactive'}\r\n                              </div>\r\n                              <div className={classes.iconBlock}>\r\n                                 <Icon type={`net-${net.type === 'wireless' ? 'wireless' : 'wired'}`} size={18} />\r\n                              </div>\r\n                              <div className={classes.contentBlock}>\r\n                                 <h4>{net.ifaceName}</h4>\r\n                                 <div>IP4: {net.ip4}</div>\r\n                                 <div>IP6: {net.ip6}</div>\r\n                              </div>\r\n                           </div>\r\n                        );\r\n                     })}\r\n               </div>\r\n            </div>\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default DeviceNetworks;\r\n"],"names":["DeviceNetworks","network","jsx","classes","jsxs","Icon","a","b","net"],"mappings":";;;AAQA,MAAMA,IAAiB,CAAC,EAAE,SAAAC,QAEpB,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,UACpB,UAAAF,EAAQ,SAAS,KACf,gBAAAG,EAAC,OAAA,EAAI,WAAWD,EAAQ,WACrB,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,gBACrB,UAAA;AAAA,IAAA,gBAAAD,EAACG,GAAA,EAAK,MAAK,aAAY,MAAM,IAAI;AAAA,IAAE;AAAA,EAAA,GACtC;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,kBACpB,UAAA,CAAC,GAAGF,CAAO,EACR,KAAK,CAACK,GAAGC,MACHD,EAAE,cAAc,QAAQC,EAAE,cAAc,OAAa,KACrDD,EAAE,cAAc,QAAQC,EAAE,cAAc,OAAa,IAClD,CACT,EACA,IAAI,CAACC,MAEA,gBAAAJ,EAAC,OAAA,EAAwB,WAAWD,EAAQ,MACzC,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAI,WAAW,SAASM,EAAI,cAAc,OAAO,YAAY,UAAU,IAAIL,EAAQ,UAAU,IAC1F,UAAAK,EAAI,cAAc,OAAO,WAAW,YACxC;AAAA,sBACC,OAAA,EAAI,WAAWL,EAAQ,WACrB,4BAACE,GAAA,EAAK,MAAM,OAAOG,EAAI,SAAS,aAAa,aAAa,OAAO,IAAI,MAAM,IAAI,GAClF;AAAA,IACA,gBAAAJ,EAAC,OAAA,EAAI,WAAWD,EAAQ,cACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAI,YAAI,UAAA,CAAU;AAAA,wBAClB,OAAA,EAAI,UAAA;AAAA,QAAA;AAAA,QAAMM,EAAI;AAAA,MAAA,GAAI;AAAA,wBAClB,OAAA,EAAI,UAAA;AAAA,QAAA;AAAA,QAAMA,EAAI;AAAA,MAAA,EAAA,CAAI;AAAA,IAAA,EAAA,CACtB;AAAA,EAAA,EAAA,GAXOA,EAAI,SAYd,CAEL,EAAA,CACP;AAAA,EAAA,CACH,EAAA,CAEN;"}

package/dist/components/Device/DeviceRcloneSettings/DeviceRcloneSettings.d.ts

@@ -0,0 +1,8 @@
+import { DeviceSettings } from '../../../@types/devices';
+interface DeviceRcloneSettingsProps {
+    settings?: DeviceSettings['rclone'];
+    onUpdate: (settings: DeviceRcloneSettingsProps['settings']) => void;
+}
+declare const DeviceRcloneSettings: ({ settings, onUpdate }: DeviceRcloneSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default DeviceRcloneSettings;
+//# sourceMappingURL=DeviceRcloneSettings.d.ts.map

package/dist/components/Device/DeviceRcloneSettings/DeviceRcloneSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceRcloneSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Device/DeviceRcloneSettings/DeviceRcloneSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAMzD,UAAU,yBAAyB;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,yBAAyB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACtE;AAED,QAAA,MAAM,oBAAoB,GAAI,wBAA6B,yBAAyB,4CAwInF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/Device/DeviceRcloneSettings/DeviceRcloneSettings.js

@@ -0,0 +1,140 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import f from "../../common/form/Input/Input.js";
+import o from "../../common/form/NumberInput/NumberInput.js";
+import n from "../../common/form/SizePicker/SizePicker.js";
+import d from "../EditDevice/EditDevice.module.scss.js";
+const U = ({ settings: e = {}, onUpdate: m }) => {
+  const i = e != null && e.bwlimit ? e == null ? void 0 : e.bwlimit.split(":") : "", h = Array.isArray(i) && i[0] && i[0] !== "off" ? i[0] : "", p = Array.isArray(i) && i[1] && i[1] !== "off" ? i[1] : "", a = (l, u) => {
+    let c = u;
+    l === "bwlimit" && u === "off:off" && (c = ""), u === 0 && (c = ""), m({ ...e, [l]: c });
+  };
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      f,
+      {
+        label: "Temporary Directory",
+        fieldValue: (e == null ? void 0 : e.tempDir) || "",
+        onUpdate: (l) => a("tempDir", l),
+        hint: "Where Rclone will temporarily store the data for it's operations. default: OS temp directory.",
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      f,
+      {
+        label: "Cache Directory",
+        fieldValue: (e == null ? void 0 : e.cacheDir) || "",
+        onUpdate: (l) => a("cacheDir", l),
+        hint: "Where Rclone will store it's cache.",
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      n,
+      {
+        label: "Upload Bandwidth Limit",
+        inline: !0,
+        type: "rclone",
+        fieldValue: h,
+        hint: "Limit the Upload Bandwidth for backups",
+        onUpdate: (l) => a("bwlimit", `${l || "off"}:${Array.isArray(i) && i[1] ? i[1] : "off"}`)
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      n,
+      {
+        label: "Download Bandwidth Limit",
+        inline: !0,
+        type: "rclone",
+        fieldValue: p,
+        hint: "Limit the Download Bandwidth",
+        onUpdate: (l) => a("bwlimit", `${Array.isArray(i) && i[0] ? i[0] : "off"}:${l || "off"}`)
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      n,
+      {
+        label: "Buffer Size",
+        inline: !0,
+        type: "rclone",
+        fieldValue: (e == null ? void 0 : e.bufferSize) || "",
+        hint: 'Use this sized buffer to speed up file transfers. Buffer Size is multiplied by the number of simultaneous "Transfer" setting value.',
+        onUpdate: (l) => a("bufferSize", l)
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      f,
+      {
+        label: "Timeout",
+        fieldValue: (e == null ? void 0 : e.timeout) || "",
+        onUpdate: (l) => a("timeout", l),
+        inline: !0,
+        hint: "Inset value in  m(minutes) or s(seconds). eg: 5m, 30s. This sets the IO idle timeout. If a transfer has started but then becomes idle for this long it is considered broken and disconnected. Default: 5m."
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      o,
+      {
+        label: "Retries",
+        fieldValue: (e == null ? void 0 : e.retries) || "",
+        onUpdate: (l) => a("retries", l),
+        hint: "How many times a failed transfer is retried. Default: 3.",
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      o,
+      {
+        label: "Low Level Retries",
+        fieldValue: (e == null ? void 0 : e.lowLevelRetries) || "",
+        onUpdate: (l) => a("lowLevelRetries", l),
+        hint: "A low level retry is used to retry a failing operation. Default: 3.",
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      o,
+      {
+        label: "Transfers",
+        fieldValue: (e == null ? void 0 : e.transfers) || "",
+        onUpdate: (l) => a("transfers", l),
+        hint: "The number of file transfers to run in parallel. Default: 4.",
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      o,
+      {
+        label: "Checkers",
+        fieldValue: (e == null ? void 0 : e.checkers) || "",
+        onUpdate: (l) => a("checkers", l),
+        hint: "number of file checkers to run in parallel. Default: 8.",
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      o,
+      {
+        label: "Multi Thread Streams",
+        fieldValue: (e == null ? void 0 : e.multiThreadStream) || "",
+        onUpdate: (l) => a("multiThreadStream", l),
+        hint: "When using multi thread transfers this sets the number of streams to use. Default: 4.",
+        inline: !0
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: d.field, children: /* @__PURE__ */ r(
+      f,
+      {
+        label: "Config File Password",
+        fieldValue: (e == null ? void 0 : e.configPass) || "",
+        onUpdate: (l) => a("configPass", l),
+        hint: "Encrypt the config file with a password.",
+        inline: !0
+      }
+    ) })
+  ] });
+};
+export {
+  U as default
+};
+//# sourceMappingURL=DeviceRcloneSettings.js.map

package/dist/components/Device/DeviceRcloneSettings/DeviceRcloneSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceRcloneSettings.js","sources":["../../../../src/components/Device/DeviceRcloneSettings/DeviceRcloneSettings.tsx"],"sourcesContent":["import { DeviceSettings } from '../../../@types/devices';\r\nimport Input from '../../common/form/Input/Input';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\nimport SizePicker from '../../common/form/SizePicker/SizePicker';\r\nimport classes from '../EditDevice/EditDevice.module.scss';\r\n\r\ninterface DeviceRcloneSettingsProps {\r\n   settings?: DeviceSettings['rclone'];\r\n   onUpdate: (settings: DeviceRcloneSettingsProps['settings']) => void;\r\n}\r\n\r\nconst DeviceRcloneSettings = ({ settings = {}, onUpdate }: DeviceRcloneSettingsProps) => {\r\n   const currentBWLimit = settings?.bwlimit ? settings?.bwlimit.split(':') : '';\r\n   const uploadLimit = Array.isArray(currentBWLimit) && currentBWLimit[0] && currentBWLimit[0] !== 'off' ? currentBWLimit[0] : '';\r\n   const downloadLimit = Array.isArray(currentBWLimit) && currentBWLimit[1] && currentBWLimit[1] !== 'off' ? currentBWLimit[1] : '';\r\n\r\n   const update = (key: string, value: string | number | boolean) => {\r\n      let theValue = value;\r\n      if (key === 'bwlimit' && value === 'off:off') {\r\n         theValue = '';\r\n      }\r\n      if (value === 0) {\r\n         theValue = '';\r\n      }\r\n      onUpdate({ ...settings, [key]: theValue });\r\n   };\r\n   return (\r\n      <div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Temporary Directory\"\r\n               fieldValue={settings?.tempDir || ''}\r\n               onUpdate={(val) => update('tempDir', val)}\r\n               hint=\"Where Rclone will temporarily store the data for it's operations. default: OS temp directory.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Cache Directory\"\r\n               fieldValue={settings?.cacheDir || ''}\r\n               onUpdate={(val) => update('cacheDir', val)}\r\n               hint=\"Where Rclone will store it's cache.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <SizePicker\r\n               label={'Upload Bandwidth Limit'}\r\n               inline={true}\r\n               type=\"rclone\"\r\n               fieldValue={uploadLimit}\r\n               hint={'Limit the Upload Bandwidth for backups'}\r\n               onUpdate={(newVal: string) =>\r\n                  update('bwlimit', `${newVal || 'off'}:${Array.isArray(currentBWLimit) && currentBWLimit[1] ? currentBWLimit[1] : 'off'}`)\r\n               }\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <SizePicker\r\n               label={'Download Bandwidth Limit'}\r\n               inline={true}\r\n               type=\"rclone\"\r\n               fieldValue={downloadLimit}\r\n               hint={'Limit the Download Bandwidth'}\r\n               onUpdate={(newVal: string) =>\r\n                  update('bwlimit', `${Array.isArray(currentBWLimit) && currentBWLimit[0] ? currentBWLimit[0] : 'off'}:${newVal || 'off'}`)\r\n               }\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <SizePicker\r\n               label={'Buffer Size'}\r\n               inline={true}\r\n               type=\"rclone\"\r\n               fieldValue={settings?.bufferSize || ''}\r\n               hint={\r\n                  'Use this sized buffer to speed up file transfers. Buffer Size is multiplied by the number of simultaneous \"Transfer\" setting value.'\r\n               }\r\n               onUpdate={(newVal: string) => update('bufferSize', newVal)}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Timeout\"\r\n               fieldValue={settings?.timeout || ''}\r\n               onUpdate={(val) => update('timeout', val)}\r\n               inline={true}\r\n               hint=\"Inset value in  m(minutes) or s(seconds). eg: 5m, 30s. This sets the IO idle timeout. If a transfer has started but then becomes idle for this long it is considered broken and disconnected. Default: 5m.\"\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Retries\"\r\n               fieldValue={settings?.retries || ''}\r\n               onUpdate={(val) => update('retries', val)}\r\n               hint=\"How many times a failed transfer is retried. Default: 3.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Low Level Retries\"\r\n               fieldValue={settings?.lowLevelRetries || ''}\r\n               onUpdate={(val) => update('lowLevelRetries', val)}\r\n               hint=\"A low level retry is used to retry a failing operation. Default: 3.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Transfers\"\r\n               fieldValue={settings?.transfers || ''}\r\n               onUpdate={(val) => update('transfers', val)}\r\n               hint=\"The number of file transfers to run in parallel. Default: 4.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Checkers\"\r\n               fieldValue={settings?.checkers || ''}\r\n               onUpdate={(val) => update('checkers', val)}\r\n               hint=\"number of file checkers to run in parallel. Default: 8.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Multi Thread Streams\"\r\n               fieldValue={settings?.multiThreadStream || ''}\r\n               onUpdate={(val) => update('multiThreadStream', val)}\r\n               hint=\"When using multi thread transfers this sets the number of streams to use. Default: 4.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Config File Password\"\r\n               fieldValue={settings?.configPass || ''}\r\n               onUpdate={(val) => update('configPass', val)}\r\n               hint=\"Encrypt the config file with a password.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default DeviceRcloneSettings;\r\n"],"names":["DeviceRcloneSettings","settings","onUpdate","currentBWLimit","uploadLimit","downloadLimit","update","key","value","theValue","jsx","classes","Input","val","SizePicker","newVal","NumberInput"],"mappings":"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"}

package/dist/components/Device/DeviceResticSettings/DeviceResticSettings.d.ts

@@ -0,0 +1,8 @@
+import { DeviceSettings } from '../../../@types/devices';
+interface DeviceResticSettingsProps {
+    settings?: DeviceSettings['restic'];
+    onUpdate: (settings: DeviceResticSettingsProps['settings']) => void;
+}
+declare const DeviceResticSettings: ({ settings, onUpdate }: DeviceResticSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default DeviceResticSettings;
+//# sourceMappingURL=DeviceResticSettings.d.ts.map

package/dist/components/Device/DeviceResticSettings/DeviceResticSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceResticSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Device/DeviceResticSettings/DeviceResticSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAKzD,UAAU,yBAAyB;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,yBAAyB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACtE;AAED,QAAA,MAAM,oBAAoB,GAAI,wBAA6B,yBAAyB,4CA8CnF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/Device/DeviceResticSettings/DeviceResticSettings.js

@@ -0,0 +1,55 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import d from "../../common/form/Input/Input.js";
+import o from "../../common/form/NumberInput/NumberInput.js";
+import l from "../EditDevice/EditDevice.module.scss.js";
+const h = ({ settings: e = {}, onUpdate: c }) => /* @__PURE__ */ i("div", { children: [
+  /* @__PURE__ */ a("div", { className: l.field, children: /* @__PURE__ */ a(
+    d,
+    {
+      label: "Cache Directory",
+      fieldValue: (e == null ? void 0 : e.cacheDir) || "",
+      onUpdate: (r) => c({ ...e, cacheDir: r }),
+      hint: "Where Restic will store it's cache.",
+      inline: !0
+    }
+  ) }),
+  /* @__PURE__ */ a("div", { className: l.field, children: /* @__PURE__ */ a(
+    o,
+    {
+      label: "Max Processor Cores",
+      fieldValue: (e == null ? void 0 : e.maxProcessor) || "",
+      onUpdate: (r) => c({ ...e, maxProcessor: r === 0 ? "" : r }),
+      min: 0,
+      max: 64,
+      hint: "Keep 0 or empty to use all cores. Uses all cores by default.",
+      inline: !0
+    }
+  ) }),
+  /* @__PURE__ */ a("div", { className: l.field, children: /* @__PURE__ */ a(
+    o,
+    {
+      label: "Read Concurrency",
+      fieldValue: (e == null ? void 0 : e.readConcurrency) || "",
+      onUpdate: (r) => c({ ...e, readConcurrency: r === 0 ? "" : r }),
+      min: 0,
+      hint: "Read n files Concurrently. Default: 2",
+      inline: !0
+    }
+  ) }),
+  /* @__PURE__ */ a("div", { className: l.field, children: /* @__PURE__ */ a(
+    o,
+    {
+      label: "Packet Size (MB)",
+      fieldValue: e != null && e.packSize ? parseInt(e.packSize.replace("MiB", ""), 10) : "",
+      onUpdate: (r) => c({ ...e, packSize: r ? r + "MiB" : "" }),
+      min: 0,
+      max: 4e3,
+      hint: "Packs are blobs of data, which are encrypted and stored in the repository. Increasing the pack size requires more disk space for temporary pack files to be created before uploading.",
+      inline: !0
+    }
+  ) })
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=DeviceResticSettings.js.map

package/dist/components/Device/DeviceResticSettings/DeviceResticSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceResticSettings.js","sources":["../../../../src/components/Device/DeviceResticSettings/DeviceResticSettings.tsx"],"sourcesContent":["import { DeviceSettings } from '../../../@types/devices';\r\nimport Input from '../../common/form/Input/Input';\r\nimport NumberInput from '../../common/form/NumberInput/NumberInput';\r\nimport classes from '../EditDevice/EditDevice.module.scss';\r\n\r\ninterface DeviceResticSettingsProps {\r\n   settings?: DeviceSettings['restic'];\r\n   onUpdate: (settings: DeviceResticSettingsProps['settings']) => void;\r\n}\r\n\r\nconst DeviceResticSettings = ({ settings = {}, onUpdate }: DeviceResticSettingsProps) => {\r\n   return (\r\n      <div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Cache Directory\"\r\n               fieldValue={settings?.cacheDir || ''}\r\n               onUpdate={(val) => onUpdate({ ...settings, cacheDir: val })}\r\n               hint=\"Where Restic will store it's cache.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Max Processor Cores\"\r\n               fieldValue={settings?.maxProcessor || ''}\r\n               onUpdate={(val) => onUpdate({ ...settings, maxProcessor: val === 0 ? '' : val })}\r\n               min={0}\r\n               max={64}\r\n               hint=\"Keep 0 or empty to use all cores. Uses all cores by default.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Read Concurrency\"\r\n               fieldValue={settings?.readConcurrency || ''}\r\n               onUpdate={(val) => onUpdate({ ...settings, readConcurrency: val === 0 ? '' : val })}\r\n               min={0}\r\n               hint=\"Read n files Concurrently. Default: 2\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <NumberInput\r\n               label=\"Packet Size (MB)\"\r\n               fieldValue={settings?.packSize ? parseInt(settings.packSize.replace('MiB', ''), 10) : ''}\r\n               onUpdate={(val) => onUpdate({ ...settings, packSize: val ? val + 'MiB' : '' })}\r\n               min={0}\r\n               max={4000}\r\n               hint=\"Packs are blobs of data, which are encrypted and stored in the repository. Increasing the pack size requires more disk space for temporary pack files to be created before uploading.\"\r\n               inline={true}\r\n            />\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default DeviceResticSettings;\r\n"],"names":["DeviceResticSettings","settings","onUpdate","jsx","classes","Input","val","NumberInput"],"mappings":";;;;AAUA,MAAMA,IAAuB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,UAAAC,0BAExC,OAAA,EACE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,aAAYJ,KAAA,gBAAAA,EAAU,aAAY;AAAA,MAClC,UAAU,CAACK,MAAQJ,EAAS,EAAE,GAAGD,GAAU,UAAUK,GAAK;AAAA,MAC1D,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA,GAEd;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,IAACI;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,aAAYN,KAAA,gBAAAA,EAAU,iBAAgB;AAAA,MACtC,UAAU,CAACK,MAAQJ,EAAS,EAAE,GAAGD,GAAU,cAAcK,MAAQ,IAAI,KAAKA,EAAA,CAAK;AAAA,MAC/E,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA,GAEd;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,IAACI;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,aAAYN,KAAA,gBAAAA,EAAU,oBAAmB;AAAA,MACzC,UAAU,CAACK,MAAQJ,EAAS,EAAE,GAAGD,GAAU,iBAAiBK,MAAQ,IAAI,KAAKA,EAAA,CAAK;AAAA,MAClF,KAAK;AAAA,MACL,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA,GAEd;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,OACrB,UAAA,gBAAAD;AAAA,IAACI;AAAA,IAAA;AAAA,MACE,OAAM;AAAA,MACN,YAAYN,KAAA,QAAAA,EAAU,WAAW,SAASA,EAAS,SAAS,QAAQ,OAAO,EAAE,GAAG,EAAE,IAAI;AAAA,MACtF,UAAU,CAACK,MAAQJ,EAAS,EAAE,GAAGD,GAAU,UAAUK,IAAMA,IAAM,QAAQ,GAAA,CAAI;AAAA,MAC7E,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA,EACX,CACH;AAAA,GACH;"}

package/dist/components/Device/DeviceStorageDisks/DeviceStorageDisks.d.ts

@@ -0,0 +1,7 @@
+import { DeviceMetrics } from '../../../@types/devices';
+interface DeviceStorageDisksProps {
+    storageDisks: DeviceMetrics['disks']['physical'];
+}
+declare const DeviceStorageDisks: ({ storageDisks }: DeviceStorageDisksProps) => import("react/jsx-runtime").JSX.Element;
+export default DeviceStorageDisks;
+//# sourceMappingURL=DeviceStorageDisks.d.ts.map

package/dist/components/Device/DeviceStorageDisks/DeviceStorageDisks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStorageDisks.d.ts","sourceRoot":"","sources":["../../../../src/components/Device/DeviceStorageDisks/DeviceStorageDisks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,UAAU,uBAAuB;IAC9B,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC;CACnD;AAED,QAAA,MAAM,kBAAkB,GAAI,kBAAkB,uBAAuB,4CA0BpE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Device/DeviceStorageDisks/DeviceStorageDisks.js

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import t from "../DeviceInfo/DeviceInfo.module.scss.js";
+import c from "../../common/Icon/Icon.js";
+import { formatBytes as s } from "../../../utils/helpers.js";
+const d = ({ storageDisks: r }) => /* @__PURE__ */ n("div", { className: t.component, children: [
+  /* @__PURE__ */ n("div", { className: t.componentTitle, children: [
+    /* @__PURE__ */ i(c, { type: "storage-disk", size: 12 }),
+    " Storage Disks"
+  ] }),
+  /* @__PURE__ */ i("div", { className: t.componentContent, children: r.map((e, o) => /* @__PURE__ */ n("div", { className: t.item, children: [
+    /* @__PURE__ */ i("div", { className: t.iconBlock, children: /* @__PURE__ */ i(c, { type: "storage-disk", size: 24 }) }),
+    /* @__PURE__ */ n("div", { className: t.contentBlock, children: [
+      /* @__PURE__ */ n("h4", { title: `${e.name} ${e.type !== "Unspecified" ? `(${e.type})` : ""}`, children: [
+        e.name,
+        " ",
+        e.type !== "Unspecified" && `(${e.type})`
+      ] }),
+      /* @__PURE__ */ i("div", { children: e.interfaceType }),
+      /* @__PURE__ */ i("div", { children: s(e.size) })
+    ] })
+  ] }, `${e.name}-${o}`)) })
+] });
+export {
+  d as default
+};
+//# sourceMappingURL=DeviceStorageDisks.js.map

package/dist/components/Device/DeviceStorageDisks/DeviceStorageDisks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStorageDisks.js","sources":["../../../../src/components/Device/DeviceStorageDisks/DeviceStorageDisks.tsx"],"sourcesContent":["import classes from '../DeviceInfo/DeviceInfo.module.scss';\r\nimport { DeviceMetrics } from '../../../@types/devices';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { formatBytes } from '../../../utils/helpers';\r\n\r\ninterface DeviceStorageDisksProps {\r\n   storageDisks: DeviceMetrics['disks']['physical'];\r\n}\r\n\r\nconst DeviceStorageDisks = ({ storageDisks }: DeviceStorageDisksProps) => {\r\n   return (\r\n      <div className={classes.component}>\r\n         <div className={classes.componentTitle}>\r\n            <Icon type=\"storage-disk\" size={12} /> Storage Disks\r\n         </div>\r\n         <div className={classes.componentContent}>\r\n            {storageDisks.map((sd, index) => {\r\n               return (\r\n                  <div key={`${sd.name}-${index}`} className={classes.item}>\r\n                     <div className={classes.iconBlock}>\r\n                        <Icon type=\"storage-disk\" size={24} />\r\n                     </div>\r\n                     <div className={classes.contentBlock}>\r\n                        <h4 title={`${sd.name} ${sd.type !== 'Unspecified' ? `(${sd.type})` : ''}`}>\r\n                           {sd.name} {sd.type !== 'Unspecified' && `(${sd.type})`}\r\n                        </h4>\r\n                        <div>{sd.interfaceType}</div>\r\n                        <div>{formatBytes(sd.size)}</div>\r\n                     </div>\r\n                  </div>\r\n               );\r\n            })}\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default DeviceStorageDisks;\r\n"],"names":["DeviceStorageDisks","storageDisks","jsxs","classes","jsx","Icon","sd","index","formatBytes"],"mappings":";;;;AASA,MAAMA,IAAqB,CAAC,EAAE,cAAAC,QAExB,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI;AAAA,IAAE;AAAA,EAAA,GACzC;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAWD,EAAQ,kBACpB,UAAAF,EAAa,IAAI,CAACK,GAAIC,MAEjB,gBAAAL,EAAC,OAAA,EAAgC,WAAWC,EAAQ,MACjD,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,WACrB,UAAA,gBAAAC,EAACC,KAAK,MAAK,gBAAe,MAAM,GAAA,CAAI,EAAA,CACvC;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,OAAO,GAAGI,EAAG,IAAI,IAAIA,EAAG,SAAS,gBAAgB,IAAIA,EAAG,IAAI,MAAM,EAAE,IACpE,UAAA;AAAA,QAAAA,EAAG;AAAA,QAAK;AAAA,QAAEA,EAAG,SAAS,iBAAiB,IAAIA,EAAG,IAAI;AAAA,MAAA,GACtD;AAAA,MACA,gBAAAF,EAAC,OAAA,EAAK,UAAAE,EAAG,cAAA,CAAc;AAAA,MACvB,gBAAAF,EAAC,OAAA,EAAK,UAAAI,EAAYF,EAAG,IAAI,EAAA,CAAE;AAAA,IAAA,EAAA,CAC9B;AAAA,EAAA,EAAA,GAVO,GAAGA,EAAG,IAAI,IAAIC,CAAK,EAW7B,CAEL,EAAA,CACJ;AAAA,GACH;"}

package/dist/components/Device/DeviceStorageDrives/DeviceStorageDrives.d.ts

@@ -0,0 +1,7 @@
+import { DeviceMetrics } from '../../../@types/devices';
+interface DeviceStorageDrivesProps {
+    storageDrives: DeviceMetrics['disks']['filesystems'];
+}
+declare const DeviceStorageDrives: ({ storageDrives }: DeviceStorageDrivesProps) => import("react/jsx-runtime").JSX.Element;
+export default DeviceStorageDrives;
+//# sourceMappingURL=DeviceStorageDrives.d.ts.map

package/dist/components/Device/DeviceStorageDrives/DeviceStorageDrives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStorageDrives.d.ts","sourceRoot":"","sources":["../../../../src/components/Device/DeviceStorageDrives/DeviceStorageDrives.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,UAAU,wBAAwB;IAC/B,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;CACvD;AAED,QAAA,MAAM,mBAAmB,GAAI,mBAAmB,wBAAwB,4CAuCvE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/Device/DeviceStorageDrives/DeviceStorageDrives.js

@@ -0,0 +1,48 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import i from "../DeviceInfo/DeviceInfo.module.scss.js";
+import a from "../../common/Icon/Icon.js";
+import { formatBytes as o } from "../../../utils/helpers.js";
+const p = ({ storageDrives: l }) => /* @__PURE__ */ t("div", { className: i.component, children: [
+  /* @__PURE__ */ t("div", { className: i.componentTitle, children: [
+    /* @__PURE__ */ r(a, { type: "storage-drive", size: 12 }),
+    " Storage Drives"
+  ] }),
+  /* @__PURE__ */ r("div", { className: i.componentContent, children: l.map((e) => {
+    const s = Math.round(e.used / e.size * 100);
+    return /* @__PURE__ */ t("div", { className: i.item, children: [
+      /* @__PURE__ */ r("div", { className: i.iconBlock, children: /* @__PURE__ */ r(a, { type: "storage-drive", size: 24 }) }),
+      /* @__PURE__ */ t("div", { className: i.contentBlock, children: [
+        /* @__PURE__ */ r("h4", { children: e.name }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: i.progressBar,
+            "data-tooltip-id": "htmlToolTip",
+            "data-tooltip-place": "top",
+            "data-tooltip-html": `${o(e.used)} / ${o(e.size)}`,
+            children: /* @__PURE__ */ r(
+              "div",
+              {
+                className: `${i.progressBarFill} ${s > 10 ? i.progressBarFilled : ""}`,
+                style: { width: s + "%" },
+                children: /* @__PURE__ */ t("span", { children: [
+                  s,
+                  "%"
+                ] })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t("div", { children: [
+          o(e.size - e.used),
+          " Free of ",
+          o(e.size)
+        ] })
+      ] })
+    ] }, e.mount);
+  }) })
+] });
+export {
+  p as default
+};
+//# sourceMappingURL=DeviceStorageDrives.js.map

package/dist/components/Device/DeviceStorageDrives/DeviceStorageDrives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceStorageDrives.js","sources":["../../../../src/components/Device/DeviceStorageDrives/DeviceStorageDrives.tsx"],"sourcesContent":["import classes from '../DeviceInfo/DeviceInfo.module.scss';\r\nimport { DeviceMetrics } from '../../../@types/devices';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { formatBytes } from '../../../utils/helpers';\r\n\r\ninterface DeviceStorageDrivesProps {\r\n   storageDrives: DeviceMetrics['disks']['filesystems'];\r\n}\r\n\r\nconst DeviceStorageDrives = ({ storageDrives }: DeviceStorageDrivesProps) => {\r\n   return (\r\n      <div className={classes.component}>\r\n         <div className={classes.componentTitle}>\r\n            <Icon type=\"storage-drive\" size={12} /> Storage Drives\r\n         </div>\r\n         <div className={classes.componentContent}>\r\n            {storageDrives.map((sd) => {\r\n               const usedPercent = Math.round((sd.used / sd.size) * 100);\r\n               return (\r\n                  <div key={sd.mount} className={classes.item}>\r\n                     <div className={classes.iconBlock}>\r\n                        <Icon type=\"storage-drive\" size={24} />\r\n                     </div>\r\n                     <div className={classes.contentBlock}>\r\n                        <h4>{sd.name}</h4>\r\n                        <div\r\n                           className={classes.progressBar}\r\n                           data-tooltip-id=\"htmlToolTip\"\r\n                           data-tooltip-place=\"top\"\r\n                           data-tooltip-html={`${formatBytes(sd.used)} / ${formatBytes(sd.size)}`}\r\n                        >\r\n                           <div\r\n                              className={`${classes.progressBarFill} ${usedPercent > 10 ? classes.progressBarFilled : ''}`}\r\n                              style={{ width: usedPercent + '%' }}\r\n                           >\r\n                              <span>{usedPercent}%</span>\r\n                           </div>\r\n                        </div>\r\n                        <div>\r\n                           {formatBytes(sd.size - sd.used)} Free of {formatBytes(sd.size)}\r\n                        </div>\r\n                     </div>\r\n                  </div>\r\n               );\r\n            })}\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default DeviceStorageDrives;\r\n"],"names":["DeviceStorageDrives","storageDrives","jsxs","classes","jsx","Icon","sd","usedPercent","formatBytes"],"mappings":";;;;AASA,MAAMA,IAAsB,CAAC,EAAE,eAAAC,QAEzB,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,iBAAgB,MAAM,IAAI;AAAA,IAAE;AAAA,EAAA,GAC1C;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAWD,EAAQ,kBACpB,UAAAF,EAAc,IAAI,CAACK,MAAO;AACxB,UAAMC,IAAc,KAAK,MAAOD,EAAG,OAAOA,EAAG,OAAQ,GAAG;AACxD,WACG,gBAAAJ,EAAC,OAAA,EAAmB,WAAWC,EAAQ,MACpC,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,WACrB,UAAA,gBAAAC,EAACC,KAAK,MAAK,iBAAgB,MAAM,GAAA,CAAI,EAAA,CACxC;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,MAAA,EAAI,YAAG,KAAA,CAAK;AAAA,QACb,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,WAAWD,EAAQ;AAAA,YACnB,mBAAgB;AAAA,YAChB,sBAAmB;AAAA,YACnB,qBAAmB,GAAGK,EAAYF,EAAG,IAAI,CAAC,MAAME,EAAYF,EAAG,IAAI,CAAC;AAAA,YAEpE,UAAA,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,WAAW,GAAGD,EAAQ,eAAe,IAAII,IAAc,KAAKJ,EAAQ,oBAAoB,EAAE;AAAA,gBAC1F,OAAO,EAAE,OAAOI,IAAc,IAAA;AAAA,gBAE9B,4BAAC,QAAA,EAAM,UAAA;AAAA,kBAAAA;AAAA,kBAAY;AAAA,gBAAA,EAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,0BAEF,OAAA,EACG,UAAA;AAAA,UAAAC,EAAYF,EAAG,OAAOA,EAAG,IAAI;AAAA,UAAE;AAAA,UAAUE,EAAYF,EAAG,IAAI;AAAA,QAAA,EAAA,CAChE;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,GAtBOA,EAAG,KAuBb;AAAA,EAEN,CAAC,EAAA,CACJ;AAAA,GACH;"}

package/dist/components/Device/DeviceSystem/DeviceSystem.d.ts

@@ -0,0 +1,8 @@
+import { DeviceMetrics } from '../../../@types/devices';
+interface DeviceSystemProps {
+    os: DeviceMetrics['os'];
+    time: DeviceMetrics['time'];
+}
+declare const DeviceSystem: ({ os, time }: DeviceSystemProps) => import("react/jsx-runtime").JSX.Element;
+export default DeviceSystem;
+//# sourceMappingURL=DeviceSystem.d.ts.map

package/dist/components/Device/DeviceSystem/DeviceSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceSystem.d.ts","sourceRoot":"","sources":["../../../../src/components/Device/DeviceSystem/DeviceSystem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,UAAU,iBAAiB;IACxB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAuCpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Device/DeviceSystem/DeviceSystem.js

@@ -0,0 +1,43 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import e from "../DeviceInfo/DeviceInfo.module.scss.js";
+import l from "../../common/Icon/Icon.js";
+import { getOSIcon as a } from "../../../utils/helpers.js";
+const h = ({ os: s, time: n }) => {
+  const t = a(s.distro || "linux");
+  return /* @__PURE__ */ c("div", { className: `${e.widget} ${e.system}`, children: [
+    /* @__PURE__ */ c("div", { className: e.widgetTitle, children: [
+      /* @__PURE__ */ i(l, { type: "computer", size: 12 }),
+      " System"
+    ] }),
+    /* @__PURE__ */ c("div", { className: e.widgetContent, children: [
+      /* @__PURE__ */ c("div", { className: e.infoBlock, children: [
+        /* @__PURE__ */ i("div", { className: e.iconBlock, children: /* @__PURE__ */ i(l, { type: t, size: 16 }) }),
+        /* @__PURE__ */ c("div", { className: e.infoBlockRight, children: [
+          /* @__PURE__ */ i("span", { children: "Operating System" }),
+          /* @__PURE__ */ i("span", { title: s.distro + ` (v${s.release})`, children: s.distro + ` (v${s.release})` })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: e.infoBlock, children: [
+        /* @__PURE__ */ i("div", { className: e.iconBlock, children: /* @__PURE__ */ i(l, { type: "computer", size: 20 }) }),
+        /* @__PURE__ */ c("div", { className: e.infoBlockRight, children: [
+          /* @__PURE__ */ i("span", { children: "Host Name" }),
+          /* @__PURE__ */ i("span", { children: s.hostname })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: e.infoBlock, children: [
+        /* @__PURE__ */ i("div", { className: e.iconBlock, children: /* @__PURE__ */ i(l, { type: "clock", size: 16 }) }),
+        /* @__PURE__ */ c("div", { className: e.infoBlockRight, children: [
+          /* @__PURE__ */ i("span", { children: "Uptime" }),
+          /* @__PURE__ */ c("span", { children: [
+            n.uptime ? Math.round(n.uptime / 3600) : 0,
+            " hours"
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  h as default
+};
+//# sourceMappingURL=DeviceSystem.js.map

package/dist/components/Device/DeviceSystem/DeviceSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceSystem.js","sources":["../../../../src/components/Device/DeviceSystem/DeviceSystem.tsx"],"sourcesContent":["import classes from '../DeviceInfo/DeviceInfo.module.scss';\r\nimport { DeviceMetrics } from '../../../@types/devices';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { getOSIcon } from '../../../utils/helpers';\r\n\r\ninterface DeviceSystemProps {\r\n   os: DeviceMetrics['os'];\r\n   time: DeviceMetrics['time'];\r\n}\r\n\r\nconst DeviceSystem = ({ os, time }: DeviceSystemProps) => {\r\n   const osIcon = getOSIcon(os.distro || 'linux');\r\n\r\n   return (\r\n      <div className={`${classes.widget} ${classes.system}`}>\r\n         <div className={classes.widgetTitle}>\r\n            <Icon type=\"computer\" size={12} /> System\r\n         </div>\r\n         <div className={classes.widgetContent}>\r\n            <div className={classes.infoBlock}>\r\n               <div className={classes.iconBlock}>\r\n                  <Icon type={osIcon} size={16} />\r\n               </div>\r\n               <div className={classes.infoBlockRight}>\r\n                  <span>Operating System</span>\r\n                  <span title={os.distro + ` (v${os.release})`}>{os.distro + ` (v${os.release})`}</span>\r\n               </div>\r\n            </div>\r\n            <div className={classes.infoBlock}>\r\n               <div className={classes.iconBlock}>\r\n                  <Icon type=\"computer\" size={20} />\r\n               </div>\r\n               <div className={classes.infoBlockRight}>\r\n                  <span>Host Name</span>\r\n                  <span>{os.hostname}</span>\r\n               </div>\r\n            </div>\r\n            <div className={classes.infoBlock}>\r\n               <div className={classes.iconBlock}>\r\n                  <Icon type=\"clock\" size={16} />\r\n               </div>\r\n               <div className={classes.infoBlockRight}>\r\n                  <span>Uptime</span>\r\n                  <span>{time.uptime ? Math.round(time.uptime / 3600) : 0} hours</span>\r\n               </div>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default DeviceSystem;\r\n"],"names":["DeviceSystem","os","time","osIcon","getOSIcon","jsxs","classes","jsx","Icon"],"mappings":";;;;AAUA,MAAMA,IAAe,CAAC,EAAE,IAAAC,GAAI,MAAAC,QAA8B;AACvD,QAAMC,IAASC,EAAUH,EAAG,UAAU,OAAO;AAE7C,SACG,gBAAAI,EAAC,SAAI,WAAW,GAAGC,EAAQ,MAAM,IAAIA,EAAQ,MAAM,IAChD,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,MAAE;AAAA,IAAA,GACrC;AAAA,IACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,eACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,WACrB,UAAA,gBAAAC,EAACC,KAAK,MAAML,GAAQ,MAAM,GAAA,CAAI,EAAA,CACjC;AAAA,QACA,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,UAAA,gBAAAC,EAAC,UAAK,UAAA,mBAAA,CAAgB;AAAA,UACtB,gBAAAA,EAAC,QAAA,EAAK,OAAON,EAAG,SAAS,MAAMA,EAAG,OAAO,KAAM,UAAAA,EAAG,SAAS,MAAMA,EAAG,OAAO,IAAA,CAAI;AAAA,QAAA,EAAA,CAClF;AAAA,MAAA,GACH;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,WACrB,UAAA,gBAAAC,EAACC,KAAK,MAAK,YAAW,MAAM,GAAA,CAAI,EAAA,CACnC;AAAA,QACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,UAAA,gBAAAC,EAAC,UAAK,UAAA,YAAA,CAAS;AAAA,UACf,gBAAAA,EAAC,QAAA,EAAM,UAAAN,EAAG,SAAA,CAAS;AAAA,QAAA,EAAA,CACtB;AAAA,MAAA,GACH;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAQ,WACrB,UAAA,gBAAAC,EAACC,KAAK,MAAK,SAAQ,MAAM,GAAA,CAAI,EAAA,CAChC;AAAA,QACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,gBACrB,UAAA;AAAA,UAAA,gBAAAC,EAAC,UAAK,UAAA,SAAA,CAAM;AAAA,4BACX,QAAA,EAAM,UAAA;AAAA,YAAAL,EAAK,SAAS,KAAK,MAAMA,EAAK,SAAS,IAAI,IAAI;AAAA,YAAE;AAAA,UAAA,EAAA,CAAM;AAAA,QAAA,EAAA,CACjE;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACH;AAEN;"}

package/dist/components/Device/EditDevice/EditDevice.d.ts

@@ -0,0 +1,8 @@
+import { Device } from '../../../@types/devices';
+type EditDeviceProps = {
+    device: Device;
+    close: () => void;
+};
+declare const EditDevice: ({ close, device }: EditDeviceProps) => import("react/jsx-runtime").JSX.Element;
+export default EditDevice;
+//# sourceMappingURL=EditDevice.d.ts.map