[Feature Request] Network usage statistics (Upload, Download)

[ramazansancar]

Description

A feature that gives information about the total internet bandwidth used by the device would be nice. Maybe instant upload and download speeds can also be added here.

Feature PR: #3420

Example Screenshot:

Other

No response

[ramazansancar]

@shamoon I just wanted to push for this feature to come. When I get new updates, this development will be overwritten. This is kind of annoying :(

[shamoon]

Bumping your own thread by spamming "+1" comments is also kind of "annoying" imho

[o2e]

I agree with this feature, and I think real-time internet speed information should also be added, like this (if I wrote it correctly)

 if (type === "network") {
    const network = await si.networkStats();
    const eth = network.findLast((n) => n.iface === target);
    if (eth === undefined) {
      return res.status(404).json({
        error: "Target not found"
      });
    }
    return res.status(200).json({
      net: {
        rx: eth.rx_sec,
        tx: eth.tx_sec
      }
    });
  }

[ramazansancar]

@o2e The reason why PR is not approved and checked is because feature developments are decided after receiving at least 10 votes with the disc.

[o2e]

@ramazansancar I polled a few of my friends who use the homepage as often as I do, and they made it clear that they need this feature, and I suggested that they vote for it, but since most of them aren't developers, 2 of them have voted for it so far, which meets the 10-vote requirement. Finally, if you have the time, could you add a real-time speed display as well, I really like this feature, but since I'm not very proficient in the homepage project's development language, I was hoping you could help me out.

[ramazansancar]

@o2e Thanks for your support (you and your friends). I can make improvements regarding the instantaneous speed indicator and how many seconds it should check.

[ramazansancar]

Now when I check the code, it updates the data by making a request every 1500 ms. If you wish, you can update this period by editing the refresh data via widgets.yaml.

# widgets.yaml
---
# For configuration options and examples, please see:
# https://gethomepage.dev/latest/configs/service-widgets

- resources:
    cpu: true
    memory: true
    disk: /
    network: default # options: 'default' or active network interface name
    cputemp: true
    uptime: true
    tempmin: 0 # optional, minimum cpu temp
    tempmax: 100 # optional, maximum cpu temp
    units: metric
    diskUnits: bytes
    expanded: true
    #refresh: 3000

// resources.jsx
/* -- */
export default function Resources({ options }) {
  const { expanded, units, diskUnits, tempmin, tempmax } = options;
  let { refresh } = options;
  if (!refresh) refresh = 1500;
  refresh = Math.max(refresh, 1000);
  return (
    <Container options={options}>

[o2e]

@ramazansancar nice, thank you, my hero.

[shamoon]

#4327