Re-engineer UI in TypeScript (#89)

* Re-engineer UI in TypeScript
* Switch to named imports where possible
* Restructure file system layout
* Update depencencies
* Update README.md
* Change explicit colors for better support for dark theme

interface/src/validators/index.ts

@@ -0,0 +1,4 @@
+export { default as isHostname } from './isHostname';
+export { default as isIP } from './isIP';
+export { default as optional } from './optional';
+export { default as or } from './or';

interface/src/validators/isHostname.ts

@@ -1,6 +1,6 @@
 const hostnameLengthRegex = /^.{0,32}$/
 const hostnamePatternRegex = /^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9-]*[A-Za-z0-9])$/
 
-export default function isHostname(hostname) {
+export default function isHostname(hostname: string) {
   return hostnameLengthRegex.test(hostname) && hostnamePatternRegex.test(hostname);
 }

interface/src/validators/isIP.ts

@@ -1,5 +1,5 @@
 const ipAddressRegexp = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/
 
-export default function isIp(ipAddress) {
+export default function isIp(ipAddress: string) {
   return ipAddressRegexp.test(ipAddress);
 }

interface/src/validators/optional.js

@@ -1 +0,0 @@
-export default validator => value => !value || validator(value);

interface/src/validators/optional.ts

@@ -0,0 +1 @@
+export default (validator: (value: any) => boolean) => (value: any) => !value || validator(value);

interface/src/validators/or.js

@@ -1 +0,0 @@
-export default (validator1, validator2) => value => validator1(value) || validator2(value);

interface/src/validators/or.ts

@@ -0,0 +1,3 @@
+export default (validator1: (value: any) => boolean, validator2: (value: any) => boolean) => {
+    return (value: any) => validator1(value) || validator2(value);
+}