Initial commit

This commit is contained in:
Andrew 2023-03-26 16:10:25 +07:00
commit 9c73f3eda9
3 changed files with 171 additions and 0 deletions

60
app.js Normal file
View file

@ -0,0 +1,60 @@
"use strict";
let ip_input = null;
let mask_input = null;
let subnets_input = null;
let info_output = null;
const dataChanged = function() {
try {
const ipData = ip_input.value;
const [fo, se, to, lo] = ipData.split(".").map(e => parseInt(e));
console.log([fo, se, to, lo]);
if (fo === undefined || se === undefined || to === undefined || lo === undefined ||
fo < 0 || se < 0 || to < 0 || lo < 0 ||
fo > 255 || se > 255 || to > 255 || lo > 255) {
throw new Error("Wrong IP format");
}
const mask = ~~mask_input.value;
if (mask < 0 || mask > 31) {
throw new Error("Wrong mask (in range [0..32))");
}
const networkCapacity = Math.pow(2, 32 - mask);
const subnets = subnets_input.value.split(" ").map(e => ~e);
let cumNetSize = 0;
subnets.forEach(e => {
cumNetSize += e;
});
if (cumNetSize > networkCapacity) {
throw new Error(`Cannot fit ${cumNetSize} in this subnet`);
}
const ip = new IP(fo, se, to, lo);
const net = new Subnet(ip, mask);
// info_output.textContent = `Subnet info for ${subnet.gateway.toString()}/${mask}\n`;
// info_output.textContent += `Subnet mask: ${subnet.mask.toString()}\n`;
// info_output.textContent += `Subnet capacity: ${subnet.subnetCapacity.toString()} addresses\n\n`;
// info_output.textContent += `First IP: ${subnet.firstIP.toString()}\n`;
// info_output.textContent += `Last IP: ${subnet.lastIP.toString()}\n`;
// info_output.textContent += `Broadcast IP: ${subnet.broadcastIP.toString()}\n`;
} catch (e) {
info_output.textContent = `Error:\n${e.message}`;
}
}
const init = function() {
ip_input = document.getElementById("ip");
mask_input = document.getElementById("mask");
subnets_input = document.getElementById("subnets");
info_output = document.getElementById("subnects-info");
ip_input.addEventListener("input", dataChanged);
mask_input.addEventListener("input", dataChanged);
subnets_input.addEventListener("input", dataChanged);
}
document.addEventListener("DOMContentLoaded", init);

27
index.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./ipclass.js"></script>
<script src="./app.js"></script>
</head>
<body>
<div>
<h4>Net</h4>
<input type="text" name="ip" id="ip" placeholder="IP"> / <input type="text" name="mask" id="mask" placeholder="24">
</div>
<div>
<h4>Subnets list</h4>
<input type="text" name="subnets" id="subnets" placeholder="192 32 30 5...">
</div>
<div>
<h4>Subnets info</h4>
<pre id="subnects-info">
</pre>
</div>
</body>
</html>

84
ipclass.js Normal file
View file

@ -0,0 +1,84 @@
"use strict";
class IP {
/**
*
* @param {Number} fo First octet
* @param {Number} se Second octet
* @param {Number} to Third octet
* @param {Number} lo Last octet
*/
constructor(fo, se, to, lo) {
this.raw = BigInt(fo) << 24n | BigInt(se) << 16n | BigInt(to) << 8n | BigInt(lo);
}
/**
*
* @param {BigInt} num Amount to add
*/
add(num=1n) {
if (typeof(num) !== typeof(0n)) {
num = BigInt(num);
}
this.raw += num;
}
/**
*
* @param {BigInt} num Amount to sub
*/
sub(num=1n) {
if (typeof(num) !== typeof(0n)) {
num = BigInt(num);
}
this.raw -= num;
}
/**
*
* @param {Number} num Which octet to pull (0-based)
*/
octet(num) {
if (typeof(num) !== typeof(0n)) {
num = BigInt(num);
}
if (num > 3n) throw new Error("Four octets in IPv4 IP-address");
return this.raw >> (8n * (3n - num)) & 0xFFn;
}
toString() {
return `${this.raw >> 24n & 0xFFn}.${this.raw >> 16n & 0xFFn}.${this.raw >> 8n & 0xFFn}.${this.raw & 0xFFn}`;
}
clone() {
return new IP(this.octet(0n), this.octet(1n), this.octet(2n), this.octet(3n));
}
}
class Subnet {
/**
*
* @param {IP} ip
* @param {Number} subnetMask
*/
constructor(ip, subnetMask) {
this.subnetCapacity = Math.pow(2, 32 - subnetMask);
this.gateway = ip;
const bmask = "".padStart(32 - subnetMask, 0).padStart(32, 1);
const fo = parseInt(bmask.substr(0, 8), 2);
const se = parseInt(bmask.substr(8, 8), 2);
const to = parseInt(bmask.substr(16, 8), 2);
const lo = parseInt(bmask.substr(24, 8), 2);
this.mask = new IP(fo, se, to, lo);
this.firstIP = this.gateway.clone();
this.firstIP.add(1);
this.lastIP = this.firstIP.clone();
this.lastIP.add(this.subnetCapacity);
this.lastIP.sub(3);
this.broadcastIP = this.lastIP.clone();
this.broadcastIP.add(1);
}
}