@hoanggbao00/expo-network-traffic 0.1.0

package/build/ExpoNetworkTrafficModule.js

@@ -0,0 +1,4 @@
+import { requireNativeModule } from 'expo';
+// Load module từ Native
+export default requireNativeModule('ExpoNetworkTraffic');
+//# sourceMappingURL=ExpoNetworkTrafficModule.js.map

package/build/ExpoNetworkTrafficModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoNetworkTrafficModule.js","sourceRoot":"","sources":["../src/ExpoNetworkTrafficModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAOzD,wBAAwB;AACxB,eAAe,mBAAmB,CAA2B,oBAAoB,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo';\n\ndeclare class ExpoNetworkTrafficModule extends NativeModule {\n  getTotalRxBytes(): number;\n  getTotalTxBytes(): number;\n}\n\n// Load module từ Native\nexport default requireNativeModule<ExpoNetworkTrafficModule>('ExpoNetworkTraffic');"]}

package/build/hooks/use-network-traffic.d.ts

@@ -0,0 +1,8 @@
+import type { NetworkTrafficOptions, NetworkTrafficResult } from '../ExpoNetworkTraffic.types';
+/**
+ * A hook to get the network traffic result.
+ * @param options - The options for the network traffic hook.
+ * @returns The network traffic result.
+ */
+export declare function useNetworkTraffic(options?: NetworkTrafficOptions): NetworkTrafficResult;
+//# sourceMappingURL=use-network-traffic.d.ts.map

package/build/hooks/use-network-traffic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-network-traffic.d.ts","sourceRoot":"","sources":["../../src/hooks/use-network-traffic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAU/F;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,qBAAuC,GAAG,oBAAoB,CA+CxG"}

package/build/hooks/use-network-traffic.js

@@ -0,0 +1,52 @@
+import { useEffect, useState, useRef } from 'react';
+import { calculateSpeed, formatBytes } from '../utils/calculations';
+import { getSafeTrafficData } from '../utils/native-wrapper';
+const DEFAULT_OPTIONS = {
+    interval: 3000,
+    enabled: true,
+    decimals: 2,
+};
+/**
+ * A hook to get the network traffic result.
+ * @param options - The options for the network traffic hook.
+ * @returns The network traffic result.
+ */
+export function useNetworkTraffic(options = DEFAULT_OPTIONS) {
+    const { interval, enabled, decimals } = { ...DEFAULT_OPTIONS, ...options };
+    const [traffic, setTraffic] = useState({
+        downSpeed: 0,
+        upSpeed: 0,
+        totalDown: 0,
+        totalUp: 0,
+        downStr: '0 B/s',
+        upStr: '0 B/s',
+    });
+    const lastDown = useRef(0);
+    const lastUp = useRef(0);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const initData = getSafeTrafficData();
+        lastDown.current = initData.down;
+        lastUp.current = initData.up;
+        const tick = () => {
+            const current = getSafeTrafficData();
+            const downSpeed = calculateSpeed(current.down, lastDown.current, interval);
+            const upSpeed = calculateSpeed(current.up, lastUp.current, interval);
+            lastDown.current = current.down;
+            lastUp.current = current.up;
+            setTraffic({
+                downSpeed: downSpeed,
+                upSpeed: upSpeed,
+                totalDown: current.down,
+                totalUp: current.up,
+                downStr: formatBytes(downSpeed, decimals),
+                upStr: formatBytes(upSpeed, decimals),
+            });
+        };
+        const timer = setInterval(tick, interval);
+        return () => clearInterval(timer);
+    }, [interval, enabled, decimals]);
+    return traffic;
+}
+//# sourceMappingURL=use-network-traffic.js.map

package/build/hooks/use-network-traffic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-network-traffic.js","sourceRoot":"","sources":["../../src/hooks/use-network-traffic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,eAAe,GAA0B;IAC7C,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,UAAiC,eAAe;IAChF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IAE3E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAuB;QAC3D,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;QACtC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC;QACjC,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;QAE7B,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;YAErC,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,QAAS,CAAC,CAAC;YAC5E,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,QAAS,CAAC,CAAC;YAEtE,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;YAChC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;YAE5B,UAAU,CAAC;gBACT,SAAS,EAAE,SAAS;gBACpB,OAAO,EAAE,OAAO;gBAChB,SAAS,EAAE,OAAO,CAAC,IAAI;gBACvB,OAAO,EAAE,OAAO,CAAC,EAAE;gBACnB,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;gBACzC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC;aACtC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport type { NetworkTrafficOptions, NetworkTrafficResult } from '../ExpoNetworkTraffic.types';\nimport { calculateSpeed, formatBytes } from '../utils/calculations';\nimport { getSafeTrafficData } from '../utils/native-wrapper';\n\nconst DEFAULT_OPTIONS: NetworkTrafficOptions = {\n  interval: 3000,\n  enabled: true,\n  decimals: 2,\n};\n\n/**\n * A hook to get the network traffic result.\n * @param options - The options for the network traffic hook.\n * @returns The network traffic result.\n */\nexport function useNetworkTraffic(options: NetworkTrafficOptions = DEFAULT_OPTIONS): NetworkTrafficResult {\n  const { interval, enabled, decimals } = { ...DEFAULT_OPTIONS, ...options };\n\n  const [traffic, setTraffic] = useState<NetworkTrafficResult>({\n    downSpeed: 0,\n    upSpeed: 0,\n    totalDown: 0,\n    totalUp: 0,\n    downStr: '0 B/s',\n    upStr: '0 B/s',\n  });\n\n  const lastDown = useRef<number>(0);\n  const lastUp = useRef<number>(0);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const initData = getSafeTrafficData();\n    lastDown.current = initData.down;\n    lastUp.current = initData.up;\n\n    const tick = () => {\n      const current = getSafeTrafficData();\n\n      const downSpeed = calculateSpeed(current.down, lastDown.current, interval!);\n      const upSpeed = calculateSpeed(current.up, lastUp.current, interval!);\n\n      lastDown.current = current.down;\n      lastUp.current = current.up;\n\n      setTraffic({\n        downSpeed: downSpeed,\n        upSpeed: upSpeed,\n        totalDown: current.down,\n        totalUp: current.up,\n        downStr: formatBytes(downSpeed, decimals),\n        upStr: formatBytes(upSpeed, decimals),\n      });\n    };\n\n    const timer = setInterval(tick, interval);\n\n    return () => clearInterval(timer);\n  }, [interval, enabled, decimals]);\n\n  return traffic;\n}"]}

package/build/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ExpoNetworkTraffic.types';
+export * from './hooks/use-network-traffic';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAG3C,cAAc,6BAA6B,CAAC"}

package/build/index.js

@@ -0,0 +1,5 @@
+// Export types
+export * from './ExpoNetworkTraffic.types';
+// Export hook
+export * from './hooks/use-network-traffic';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,cAAc,4BAA4B,CAAC;AAE3C,cAAc;AACd,cAAc,6BAA6B,CAAC","sourcesContent":["// Export types\nexport * from './ExpoNetworkTraffic.types';\n\n// Export hook\nexport * from './hooks/use-network-traffic';"]}

package/build/utils/calculations.d.ts

@@ -0,0 +1,3 @@
+export declare const calculateSpeed: (currentBytes: number, lastBytes: number, intervalMs: number) => number;
+export declare const formatBytes: (bytes: number, decimals?: number) => string;
+//# sourceMappingURL=calculations.d.ts.map

package/build/utils/calculations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculations.d.ts","sourceRoot":"","sources":["../../src/utils/calculations.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc,GACzB,cAAc,MAAM,EACpB,WAAW,MAAM,EACjB,YAAY,MAAM,KACjB,MAKF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,iBAAY,KAAG,MAQzD,CAAC"}

package/build/utils/calculations.js

@@ -0,0 +1,17 @@
+export const calculateSpeed = (currentBytes, lastBytes, intervalMs) => {
+    const diff = currentBytes - lastBytes;
+    if (diff <= 0)
+        return 0;
+    return diff / (intervalMs / 1000);
+};
+export const formatBytes = (bytes, decimals = 2) => {
+    if (bytes === 0)
+        return '0 B/s';
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const sizes = ['B/s', 'KB/s', 'MB/s', 'GB/s', 'TB/s'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    const value = bytes / k ** i;
+    return `${Number.parseFloat(value.toFixed(dm))} ${sizes[i]}`;
+};
+//# sourceMappingURL=calculations.js.map

package/build/utils/calculations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculations.js","sourceRoot":"","sources":["../../src/utils/calculations.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,YAAoB,EACpB,SAAiB,EACjB,UAAkB,EACV,EAAE;IACV,MAAM,IAAI,GAAG,YAAY,GAAG,SAAS,CAAC;IACtC,IAAI,IAAI,IAAI,CAAC;QAAE,OAAO,CAAC,CAAC;IAExB,OAAO,IAAI,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,QAAQ,GAAG,CAAC,EAAU,EAAE;IACjE,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,OAAO,CAAC;IAChC,MAAM,CAAC,GAAG,IAAI,CAAC;IACf,MAAM,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAC/D,CAAC,CAAC","sourcesContent":["\nexport const calculateSpeed = (\n  currentBytes: number,\n  lastBytes: number,\n  intervalMs: number\n): number => {\n  const diff = currentBytes - lastBytes;\n  if (diff <= 0) return 0;\n  \n  return diff / (intervalMs / 1000);\n};\n\nexport const formatBytes = (bytes: number, decimals = 2): string => {\n  if (bytes === 0) return '0 B/s';\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = ['B/s', 'KB/s', 'MB/s', 'GB/s', 'TB/s'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  const value = bytes / k ** i;\n  return `${Number.parseFloat(value.toFixed(dm))} ${sizes[i]}`;\n};"]}

package/build/utils/native-wrapper.d.ts

@@ -0,0 +1,5 @@
+export declare const getSafeTrafficData: () => {
+    down: number;
+    up: number;
+};
+//# sourceMappingURL=native-wrapper.d.ts.map

package/build/utils/native-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-wrapper.d.ts","sourceRoot":"","sources":["../../src/utils/native-wrapper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;CAS9B,CAAC"}

package/build/utils/native-wrapper.js

@@ -0,0 +1,13 @@
+import ExpoNetworkTrafficModule from '../ExpoNetworkTrafficModule';
+export const getSafeTrafficData = () => {
+    try {
+        return {
+            down: ExpoNetworkTrafficModule.getTotalRxBytes(),
+            up: ExpoNetworkTrafficModule.getTotalTxBytes(),
+        };
+    }
+    catch (e) {
+        return { down: 0, up: 0 };
+    }
+};
+//# sourceMappingURL=native-wrapper.js.map

package/build/utils/native-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-wrapper.js","sourceRoot":"","sources":["../../src/utils/native-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,IAAI,CAAC;QACH,OAAO;YACL,IAAI,EAAE,wBAAwB,CAAC,eAAe,EAAE;YAChD,EAAE,EAAE,wBAAwB,CAAC,eAAe,EAAE;SAC/C,CAAC;IACJ,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IAC5B,CAAC;AACH,CAAC,CAAC","sourcesContent":["import ExpoNetworkTrafficModule from '../ExpoNetworkTrafficModule';\n\nexport const getSafeTrafficData = () => {\n  try {\n    return {\n      down: ExpoNetworkTrafficModule.getTotalRxBytes(),\n      up: ExpoNetworkTrafficModule.getTotalTxBytes(),\n    };\n  } catch (e) {\n    return { down: 0, up: 0 };\n  }\n};"]}

package/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["apple", "android"],
+  "apple": {
+    "modules": ["ExpoNetworkTrafficModule"]
+  },
+  "android": {
+    "modules": ["com.hoanggbao00.networktraffic.ExpoNetworkTrafficModule"]
+  }
+}

package/ios/ExpoNetworkTraffic.podspec

@@ -0,0 +1,29 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, '..', 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'ExpoNetworkTraffic'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platforms      = {
+    :ios => '15.1',
+    :tvos => '15.1'
+  }
+  s.swift_version  = '5.9'
+  s.source         = { git: 'https://github.com/hoanggbao00/expo-network-traffic' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+
+  # Swift/Objective-C compatibility
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+  }
+
+  s.source_files = "**/*.{h,m,mm,swift,hpp,cpp}"
+end

package/ios/ExpoNetworkTrafficModule.swift

@@ -0,0 +1,15 @@
+import ExpoModulesCore
+
+public class ExpoNetworkTrafficModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("ExpoNetworkTraffic")
+
+    Function("getTotalRxBytes") {
+      return 0.0
+    }
+
+    Function("getTotalTxBytes") {
+      return 0.0
+    }
+  }
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@hoanggbao00/expo-network-traffic",
+  "version": "0.1.0",
+  "description": "A lightweight, real-time network traffic monitor for React Native & Expo, built with the modern Expo Modules API. (Android Only for now)",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module",
+    "open:ios": "xed example/ios",
+    "open:android": "open -a \"Android Studio\" example/android"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "expo-module",
+    "network",
+    "traffic",
+    "speed-monitor",
+    "bandwidth",
+    "android",
+    "real-time",
+    "internet-speed"
+  ],
+  "repository": {
+    "url": "git+https://github.com/hoanggbao00/expo-network-traffic.git"
+  },
+  "bugs": {
+    "url": "https://github.com/hoanggbao00/expo-network-traffic/issues"
+  },
+  "author": "hoanggbao00 <hoanggbao00@gmail.com> (https://github.com/hoanggbao00)",
+  "license": "MIT",
+  "homepage": "https://github.com/hoanggbao00/expo-network-traffic#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "~19.1.0",
+    "expo-module-scripts": "^5.0.8",
+    "expo": "^54.0.27",
+    "react-native": "0.81.5"
+  },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  },
+  "files": [
+    "build",
+    "src",
+    "android",
+    "ios",
+    "expo-module.config.json"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/src/ExpoNetworkTraffic.types.ts

@@ -0,0 +1,50 @@
+export interface NetworkTrafficOptions {
+  /**
+   * The interval in milliseconds to get the network traffic result.
+   * @default 3000
+   */
+  interval?: number;
+  /**
+   * Whether the network traffic hook is enabled.
+   * @default true
+   */
+  enabled?: boolean;
+  /**
+   * The number of decimals to display in the network traffic result.
+   * @default 2
+   */
+  decimals?: number;
+}
+
+export interface NetworkTrafficResult {
+  /**
+   * The current downloaded speed in bytes per second.
+   * @example 1000
+   */
+  downSpeed: number; 
+  /**
+   * The current uploaded speed in bytes per second.
+   * @example 1000
+   */
+  upSpeed: number;
+  /**
+   * The total downloaded bytes.
+   * @example 1000
+   */
+  totalDown: number;       
+  /**
+   * The total uploaded bytes.
+   * @example 1000
+   */
+  totalUp: number;       
+  /**
+   * The current downloaded speed in bytes per second formatted as a string.
+   * @example "1000 B/s"
+   */
+  downStr: string;
+  /**
+   * The current uploaded speed in bytes per second formatted as a string.
+   * @example "1000 B/s"
+   */
+  upStr: string;
+}

package/src/ExpoNetworkTrafficModule.ts

@@ -0,0 +1,9 @@
+import { NativeModule, requireNativeModule } from 'expo';
+
+declare class ExpoNetworkTrafficModule extends NativeModule {
+  getTotalRxBytes(): number;
+  getTotalTxBytes(): number;
+}
+
+// Load module từ Native
+export default requireNativeModule<ExpoNetworkTrafficModule>('ExpoNetworkTraffic');

package/src/hooks/use-network-traffic.ts

@@ -0,0 +1,64 @@
+import { useEffect, useState, useRef } from 'react';
+import type { NetworkTrafficOptions, NetworkTrafficResult } from '../ExpoNetworkTraffic.types';
+import { calculateSpeed, formatBytes } from '../utils/calculations';
+import { getSafeTrafficData } from '../utils/native-wrapper';
+
+const DEFAULT_OPTIONS: NetworkTrafficOptions = {
+  interval: 3000,
+  enabled: true,
+  decimals: 2,
+};
+
+/**
+ * A hook to get the network traffic result.
+ * @param options - The options for the network traffic hook.
+ * @returns The network traffic result.
+ */
+export function useNetworkTraffic(options: NetworkTrafficOptions = DEFAULT_OPTIONS): NetworkTrafficResult {
+  const { interval, enabled, decimals } = { ...DEFAULT_OPTIONS, ...options };
+
+  const [traffic, setTraffic] = useState<NetworkTrafficResult>({
+    downSpeed: 0,
+    upSpeed: 0,
+    totalDown: 0,
+    totalUp: 0,
+    downStr: '0 B/s',
+    upStr: '0 B/s',
+  });
+
+  const lastDown = useRef<number>(0);
+  const lastUp = useRef<number>(0);
+
+  useEffect(() => {
+    if (!enabled) return;
+
+    const initData = getSafeTrafficData();
+    lastDown.current = initData.down;
+    lastUp.current = initData.up;
+
+    const tick = () => {
+      const current = getSafeTrafficData();
+
+      const downSpeed = calculateSpeed(current.down, lastDown.current, interval!);
+      const upSpeed = calculateSpeed(current.up, lastUp.current, interval!);
+
+      lastDown.current = current.down;
+      lastUp.current = current.up;
+
+      setTraffic({
+        downSpeed: downSpeed,
+        upSpeed: upSpeed,
+        totalDown: current.down,
+        totalUp: current.up,
+        downStr: formatBytes(downSpeed, decimals),
+        upStr: formatBytes(upSpeed, decimals),
+      });
+    };
+
+    const timer = setInterval(tick, interval);
+
+    return () => clearInterval(timer);
+  }, [interval, enabled, decimals]);
+
+  return traffic;
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+// Export types
+export * from './ExpoNetworkTraffic.types';
+
+// Export hook
+export * from './hooks/use-network-traffic';

package/src/utils/calculations.ts

@@ -0,0 +1,21 @@
+
+export const calculateSpeed = (
+  currentBytes: number,
+  lastBytes: number,
+  intervalMs: number
+): number => {
+  const diff = currentBytes - lastBytes;
+  if (diff <= 0) return 0;
+  
+  return diff / (intervalMs / 1000);
+};
+
+export const formatBytes = (bytes: number, decimals = 2): string => {
+  if (bytes === 0) return '0 B/s';
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ['B/s', 'KB/s', 'MB/s', 'GB/s', 'TB/s'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const value = bytes / k ** i;
+  return `${Number.parseFloat(value.toFixed(dm))} ${sizes[i]}`;
+};

package/src/utils/native-wrapper.ts

@@ -0,0 +1,12 @@
+import ExpoNetworkTrafficModule from '../ExpoNetworkTrafficModule';
+
+export const getSafeTrafficData = () => {
+  try {
+    return {
+      down: ExpoNetworkTrafficModule.getTotalRxBytes(),
+      up: ExpoNetworkTrafficModule.getTotalTxBytes(),
+    };
+  } catch (e) {
+    return { down: 0, up: 0 };
+  }
+};