+ client: handle DNS rewrites

client/src/helpers/form.js

@@ -1,10 +1,16 @@
 import React, { Fragment } from 'react';
 import { Trans } from 'react-i18next';
 
-import { R_IPV4, R_MAC, UNSAFE_PORTS } from '../helpers/constants';
+import { R_IPV4, R_MAC, R_HOST, R_IPV6, UNSAFE_PORTS } from '../helpers/constants';
 
 export const renderField = ({
-    input, id, className, placeholder, type, disabled, meta: { touched, error },
+    input,
+    id,
+    className,
+    placeholder,
+    type,
+    disabled,
+    meta: { touched, error },
 }) => (
     <Fragment>
         <input
@@ -15,7 +21,9 @@ export const renderField = ({
             className={className}
             disabled={disabled}
         />
-        {!disabled && touched && (error && <span className="form__message form__message--error">{error}</span>)}
+        {!disabled &&
+            touched &&
+            (error && <span className="form__message form__message--error">{error}</span>)}
     </Fragment>
 );
 
@@ -24,20 +32,17 @@ export const renderSelectField = ({
 }) => (
     <Fragment>
         <label className="checkbox checkbox--form">
-            <span className="checkbox__marker"/>
-            <input
-                {...input}
-                type="checkbox"
-                className="checkbox__input"
-                disabled={disabled}
-            />
+            <span className="checkbox__marker" />
+            <input {...input} type="checkbox" className="checkbox__input" disabled={disabled} />
             <span className="checkbox__label">
                 <span className="checkbox__label-text checkbox__label-text--long">
                     <span className="checkbox__label-title">{placeholder}</span>
                 </span>
             </span>
         </label>
-        {!disabled && touched && (error && <span className="form__message form__message--error">{error}</span>)}
+        {!disabled &&
+            touched &&
+            (error && <span className="form__message form__message--error">{error}</span>)}
     </Fragment>
 );
 
@@ -63,7 +68,7 @@ export const mac = (value) => {
 };
 
 export const isPositive = (value) => {
-    if ((value || value === 0) && (value <= 0)) {
+    if ((value || value === 0) && value <= 0) {
         return <Trans>form_error_positive</Trans>;
     }
     return false;
@@ -92,4 +97,23 @@ export const isSafePort = (value) => {
     return false;
 };
 
+export const domain = (value) => {
+    if (value && !new RegExp(R_HOST).test(value)) {
+        return <Trans>form_error_domain_format</Trans>;
+    }
+    return false;
+};
+
+export const answer = (value) => {
+    if (
+        value &&
+        (!new RegExp(R_IPV4).test(value) &&
+            !new RegExp(R_IPV6).test(value) &&
+            !new RegExp(R_HOST).test(value))
+    ) {
+        return <Trans>form_error_answer_format</Trans>;
+    }
+    return false;
+};
+
 export const toNumber = value => value && parseInt(value, 10);