From 64ff63b6e13bb948da160894a3403cdb8ed2eb86 Mon Sep 17 00:00:00 2001 From: Yuval Adam <_@yuv.al> Date: Sun, 14 Oct 2018 11:31:57 +0200 Subject: Unignore dist for production --- .gitignore | 2 +- README.md | 2 +- dist/index.html | 35 +++++++++++++++++++++++++++++++++++ dist/main.js | 30 ++++++++++++++++++++++++++++++ 4 files changed, 67 insertions(+), 2 deletions(-) create mode 100644 dist/index.html create mode 100644 dist/main.js diff --git a/.gitignore b/.gitignore index 6db1357..700dc97 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,3 @@ node_modules/ bundle.js -dist/ \ No newline at end of file +: diff --git a/README.md b/README.md index ac6ca78..3b0c7c8 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ $ yarn run start ## Prod -On branch `gh-pages`: +Re-generate `dist/`: ```bash $ yarn run deploy diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..933b6aa --- /dev/null +++ b/dist/index.html @@ -0,0 +1,35 @@ + + + + + + CIDR.xyz + + + + + + + + + + + +
+

CIDR.xyzAn interactive IP address and CIDR range visualizer

+

CIDR is a notation for describing blocks of IP addresses and is used heavily in various networking configurations. IP addresses contain 4 octets, each consisting of 8 bits giving values between 0 and 255. The decimal value that comes after the slash is the number of bits consisting of the routing prefix. This in turn can be translated into a netmask, and also designates how many available addresses are in the block.

+
+
+ + + diff --git a/dist/main.js b/dist/main.js new file mode 100644 index 0000000..2532d5b --- /dev/null +++ b/dist/main.js @@ -0,0 +1,30 @@ +!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t,n){"use strict";e.exports=n(10)},function(e,t,n){"use strict"; +/* +object-assign +(c) Sindre Sorhus +@license MIT +*/var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,a,l=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),u=1;u>>24,(e&255<<16)>>>16,(65280&e)>>>8,255&e].join(".")},n=function(e){var t,n,r,o,i;if(0===(t=(e+"").split(".")).length||t.length>4)throw new Error("Invalid IP");for(r=o=0,i=t.length;o255)throw new Error("Invalid byte: "+n)}return((t[0]||0)<<24|(t[1]||0)<<16|(t[2]||0)<<8|(t[3]||0))>>>0},e=function(){function e(e,t){var o,i,a,l,u;if("string"!=typeof e)throw new Error("Missing `net' parameter");if(t||(e=(u=e.split("/",2))[0],t=u[1]),!t)switch(e.split(".").length){case 1:t=8;break;case 2:t=16;break;case 3:t=24;break;case 4:t=32;break;default:throw new Error("Invalid net address: "+e)}if("string"==typeof t&&t.indexOf(".")>-1){try{this.maskLong=n(t)}catch(o){throw o,new Error("Invalid mask: "+t)}for(a=l=32;l>=0;a=--l)if(this.maskLong===4294967295<<32-a>>>0){this.bitmask=a;break}}else{if(!t)throw new Error("Invalid mask: empty");this.bitmask=parseInt(t,10),this.maskLong=0,this.bitmask>0&&(this.maskLong=4294967295<<32-this.bitmask>>>0)}try{this.netLong=(n(e)&this.maskLong)>>>0}catch(i){throw i,new Error("Invalid net address: "+e)}if(!(this.bitmask<=32))throw new Error("Invalid mask for ip4: "+t);this.size=Math.pow(2,32-this.bitmask),this.base=r(this.netLong),this.mask=r(this.maskLong),this.hostmask=r(~this.maskLong),this.first=this.bitmask<=30?r(this.netLong+1):this.base,this.last=this.bitmask<=30?r(this.netLong+this.size-2):r(this.netLong+this.size-1),this.broadcast=this.bitmask<=30?r(this.netLong+this.size-1):void 0}return e.prototype.contains=function(t){return"string"==typeof t&&(t.indexOf("/")>0||4!==t.split(".").length)&&(t=new e(t)),t instanceof e?this.contains(t.base)&&this.contains(t.broadcast||t.last):(n(t)&this.maskLong)>>>0==(this.netLong&this.maskLong)>>>0},e.prototype.next=function(t){return null==t&&(t=1),new e(r(this.netLong+this.size*t),this.mask)},e.prototype.forEach=function(e){var t,o,i,a,l,u,c,s;for(s=[],t=o=0,i=(l=function(){c=[];for(var e=u=n(this.first),t=n(this.last);u<=t?e<=t:e>=t;u<=t?e++:e--)c.push(e);return c}.apply(this)).length;oe.state.cidr-1?"bit masked":"bit unmasked"},(e.state.octets[n]&1<<7-r)>>7-r)})))}))),i.a.createElement("div",{className:"details"},i.a.createElement("span",{className:"netmask"},i.a.createElement("span",{className:"value"},t.mask),i.a.createElement("span",{className:"label"},"Netmask")),i.a.createElement("span",{className:"first"},i.a.createElement("span",{className:"value"},t.first),i.a.createElement("span",{className:"label"},"First IP")),i.a.createElement("span",{className:"last"},i.a.createElement("span",{className:"value"},t.last),i.a.createElement("span",{className:"label"},"Last IP")),i.a.createElement("span",{className:"count"},i.a.createElement("span",{className:"value"},t.size.toLocaleString()),i.a.createElement("span",{className:"label"},"Count"))))}}]),t}();l.a.render(i.a.createElement(m,null),document.getElementById("app"))},function(e,t,n){var r=n(6);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(t=e.exports=n(7)(!1)).push([e.i,"@import url(https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Mono);",""]),t.push([e.i,"body {\n background: #eee;\n font-family: 'Ubuntu', sans-serif; }\n body header {\n margin-bottom: 30px;\n margin-left: 40px; }\n body header h1 {\n font-size: modular-scale(2); }\n body header h1 small {\n text-transform: uppercase;\n color: #669;\n display: block; }\n body header p {\n margin-right: 90px;\n font-size: modular-scale(-1); }\n body div.ip-address {\n text-align: center;\n font-family: 'Ubuntu Mono', monospace; }\n body div.ip-address div {\n margin-top: 65px; }\n body div.ip-address div.address input {\n width: 2.5em;\n font-size: 2.7em;\n text-align: center;\n border: 0px;\n border-radius: 3px; }\n body div.ip-address div.address span.octet span.dot {\n font-size: 2.7em;\n text-align: center;\n padding: 0.1em 0.13em; }\n body div.ip-address div.address span.octet:nth-child(1) input.octet {\n background-color: #a101a6; }\n body div.ip-address div.address span.octet:nth-child(2) input.octet {\n background-color: #d9005b; }\n body div.ip-address div.address span.octet:nth-child(3) input.octet {\n background-color: #84e900; }\n body div.ip-address div.address span.octet:nth-child(4) input.octet {\n background-color: #cff700; }\n body div.ip-address div.address input.cidr {\n background-color: #aaa; }\n body div.ip-address div.bits ol {\n display: inline;\n padding-left: 0px;\n padding-right: 15px; }\n body div.ip-address div.bits ol li.octet {\n display: inline; }\n body div.ip-address div.bits ol li.octet ol li.bit {\n display: inline;\n padding: 0.4em 0.6em;\n margin-left: -1px;\n border: 1px black solid; }\n body div.ip-address div.bits ol li.octet:nth-child(1) ol li.bit.unmasked {\n background-color: #eb01f2; }\n body div.ip-address div.bits ol li.octet:nth-child(2) ol li.bit.unmasked {\n background-color: #ff2781; }\n body div.ip-address div.bits ol li.octet:nth-child(3) ol li.bit.unmasked {\n background-color: #a8ff37; }\n body div.ip-address div.bits ol li.octet:nth-child(4) ol li.bit.unmasked {\n background-color: #e1ff45; }\n body div.ip-address div.bits ol li.octet ol li.bit.masked {\n background-color: #d0d0d0;\n color: #e2e2e2; }\n body div.ip-address div.details span.netmask {\n display: inline-block;\n width: 20%; }\n body div.ip-address div.details span.first {\n display: inline-block;\n width: 20%; }\n body div.ip-address div.details span.last {\n display: inline-block;\n width: 20%; }\n body div.ip-address div.details span.count {\n display: inline-block;\n width: 20%; }\n body div.ip-address div.details span.value {\n font-size: modular-scale(1); }\n body div.ip-address div.details span.label {\n display: block;\n font-family: 'Ubuntu', sans-serif;\n text-transform: uppercase;\n font-size: modular-scale(2);\n font-weight: bold;\n color: #779; }\n body footer {\n margin-top: 50px;\n text-align: center;\n font-size: modular-scale(-1); }\n",""])},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(r),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(i).concat([o]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o=0&&u.splice(t,1)}function m(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return h(t,e.attrs),d(e,t),t}function h(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function v(e,t){var n,r,o,i;if(t.transform&&e.css){if(!(i=t.transform(e.css)))return function(){};e.css=i}if(t.singleton){var u=l++;n=a||(a=m(t)),r=g.bind(null,n,u,!1),o=g.bind(null,n,u,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",h(t,e.attrs),d(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||i)&&(r=c(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([r],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(a),l&&URL.revokeObjectURL(l)}.bind(null,n,t),o=function(){p(n),n.href&&URL.revokeObjectURL(n.href)}):(n=m(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){p(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=o()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=f(e,t);return s(n,t),function(e){for(var o=[],i=0;iP.length&&P.push(e)}function I(e,t,n){return null==e?0:function e(t,n,r,o){var l=typeof t;"undefined"!==l&&"boolean"!==l||(t=null);var u=!1;if(null===t)u=!0;else switch(l){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case a:u=!0}}if(u)return r(o,t,""===n?"."+U(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;cthis.eventPool.length&&this.eventPool.push(e)}function me(e){e.eventPool=[],e.getPooled=de,e.release=pe}o(fe.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ce)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ce)},persist:function(){this.isPersistent=ce},isPersistent:se,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=se,this._dispatchInstances=this._dispatchListeners=null}}),fe.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},fe.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var i=new t;return o(i,n.prototype),n.prototype=i,n.prototype.constructor=n,n.Interface=o({},r.Interface,e),n.extend=r.extend,me(n),n},me(fe);var he=fe.extend({data:null}),ve=fe.extend({data:null}),ye=[9,13,27,32],ge=q&&"CompositionEvent"in window,be=null;q&&"documentMode"in document&&(be=document.documentMode);var ke=q&&"TextEvent"in window&&!be,we=q&&(!ge||be&&8=be),xe=String.fromCharCode(32),Te={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},Ee=!1;function _e(e,t){switch(e){case"keyup":return-1!==ye.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function Ce(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Se=!1;var Pe={eventTypes:Te,extractEvents:function(e,t,n,r){var o=void 0,i=void 0;if(ge)e:{switch(e){case"compositionstart":o=Te.compositionStart;break e;case"compositionend":o=Te.compositionEnd;break e;case"compositionupdate":o=Te.compositionUpdate;break e}o=void 0}else Se?_e(e,n)&&(o=Te.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=Te.compositionStart);return o?(we&&"ko"!==n.locale&&(Se||o!==Te.compositionStart?o===Te.compositionEnd&&Se&&(i=ue()):(ae="value"in(ie=r)?ie.value:ie.textContent,Se=!0)),o=he.getPooled(o,t,n,r),i?o.data=i:null!==(i=Ce(n))&&(o.data=i),Q(o),i=o):i=null,(e=ke?function(e,t){switch(e){case"compositionend":return Ce(t);case"keypress":return 32!==t.which?null:(Ee=!0,xe);case"textInput":return(e=t.data)===xe&&Ee?null:e;default:return null}}(e,n):function(e,t){if(Se)return"compositionend"===e||!ge&&_e(e,t)?(e=ue(),le=ae=ie=null,Se=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1