Adding privacy policy page

src/locales/en/translation.yaml

@@ -7,6 +7,28 @@ Download SVG: Download SVG
 Enter regular expression to display: Enter regular expression to display
 Generated images licensed: 'Generated images licensed: <1><0></0></1>'
 Permalink: Permalink
+Privacy Policy Content: >
+  <0>Regexper and the tools used to create it are all open source. If you are
+  concerned that the JavaScript being delivered is in any way malicious, please
+  inspect the source by following the <1>GitHub repository</1>.</0>
+
+  <1>There are two data collection tools integrated in the app. These tools are
+  not used to collect personal information:</1>
+
+  <2>
+    <0><0>Google Analytics</0> is used to track browser usage data and application performance.</0>
+    <1><0>Sentry.io</0> is a tool used to capture and report client-side JavaScript errors.</1>
+  </2>
+
+  <3>Regexper honors the browser <1>“Do Not Track”</1> setting and will not
+  enable these data collection tools if that setting is enabled. Also, most
+  popular ad blockers will prevent these tools from sending any tracking data.
+  Disabling or blocking these data collection tools will <3>not</3> impact the
+  performance of this app. The information collected by these tools is used to
+  monitor application performance, determine browser support, and collect error
+  reports.</3>
+
+  <4>Regexper is not supported by ad revenue or sales of any kind.</4>
 Source on GitHub: Source on GitHub
 The page you have requested could not be found: The page you have requested could not be found
 This error has been logged: This error has been logged. You may also <1>fill out a report</1>.

src/pages/privacy/Component.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { translate, Trans } from 'react-i18next';
+
+import Message from 'components/Message';
+import InfoIcon from 'feather-icons/dist/icons/info.svg';
+import Header from 'components/Header';
+import Footer from 'components/Footer';
+
+const Component = () => (
+  <React.Fragment>
+    <Header/>
+    <Message type="info" icon={ InfoIcon } heading="Privacy Policy"><Trans i18nKey="Privacy Policy Content">
+      <p>Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source by following the <a href="https://github.com/javallone/regexper-static" rel="external noopener noreferrer" target="_blank">GitHub repository</a>.</p>
+      <p>There are two data collection tools integrated in the app. These tools are not used to collect personal information:</p>
+      <ul>
+        <li><b>Google Analytics</b> is used to track browser usage data and application performance.</li>
+        <li><b>Sentry.io</b> is a tool used to capture and report client-side JavaScript errors.</li>
+      </ul>
+      <p>Regexper honors the browser <b>&ldquo;Do Not Track&rdquo;</b> setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will <b>not</b> impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.</p>
+      <p>Regexper is not supported by ad revenue or sales of any kind.</p>
+    </Trans></Message>
+    <Footer/>
+  </React.Fragment>
+);
+
+export default translate()(Component);
+export { Component };

src/pages/privacy/Component.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { Component } from './Component';
+
+describe('Privacy policy page component', () => {
+  test('rendering', () => {
+    const component = shallow(
+      <Component/>
+    );
+    expect(component).toMatchSnapshot();
+  });
+});

src/pages/privacy/__snapshots__/Component.test.js.snap

@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Privacy policy page component rendering 1`] = `
+<React.Fragment>
+  <Translate(Header) />
+  <Message
+    heading="Privacy Policy"
+    icon={[Function]}
+    type="info"
+  >
+    <Trans
+      i18nKey="Privacy Policy Content"
+    >
+      <p>
+        Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source by following the 
+        <a
+          href="https://github.com/javallone/regexper-static"
+          rel="external noopener noreferrer"
+          target="_blank"
+        >
+          GitHub repository
+        </a>
+        .
+      </p>
+      <p>
+        There are two data collection tools integrated in the app. These tools are not used to collect personal information:
+      </p>
+      <ul>
+        <li>
+          <b>
+            Google Analytics
+          </b>
+           is used to track browser usage data and application performance.
+        </li>
+        <li>
+          <b>
+            Sentry.io
+          </b>
+           is a tool used to capture and report client-side JavaScript errors.
+        </li>
+      </ul>
+      <p>
+        Regexper honors the browser 
+        <b>
+          “Do Not Track”
+        </b>
+         setting and will not enable these data collection tools if that setting is enabled. Also, most popular ad blockers will prevent these tools from sending any tracking data. Disabling or blocking these data collection tools will 
+        <b>
+          not
+        </b>
+         impact the performance of this app. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
+      </p>
+      <p>
+        Regexper is not supported by ad revenue or sales of any kind.
+      </p>
+    </Trans>
+  </Message>
+  <Translate(Footer) />
+</React.Fragment>
+`;

src/pages/privacy/browser.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Raven from 'raven-js';
+
+import Component from './Component';
+import RavenBoundary from 'components/RavenBoundary';
+
+import 'site.css';
+import 'i18n';
+import setupServiceWorker from 'setup/service-worker';
+import setupRaven from 'setup/raven';
+
+setupRaven();
+
+try {
+  if (process.env.NODE_ENV === 'production') {
+    setupServiceWorker();
+  }
+
+  ReactDOM.render(
+    <RavenBoundary>
+      <Component/>
+    </RavenBoundary>,
+    document.getElementById('root'));
+}
+catch (e) {
+  Raven.captureException(e);
+}

src/pages/privacy/config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  title: 'Regexper - Privacy Policy'
+};