Workspace conf

.gitignore

@@ -19,3 +19,4 @@ mdwa/build
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+*.sublime-workspace

mdwa.sublime-project

@@ -0,0 +1,10 @@
+{
+    "folders":
+    [
+        {
+            "path": ".",
+            "folder_exclude_patterns": ["node_modules", "build", ".tmp"],
+            "file_exclude_patterns": ["*.jks"]
+        }
+    ]
+}

src/components/App.jsx

@@ -42,7 +42,12 @@ export default class WritingApp extends React.Component {
     };
   }
 
+  componentDidMount() {
+    if (window.plausible) window.plausible('Editor')
+  }
+
   startWriting() {
+    if (window.plausible) window.plausible('Start Writing')
     this.setState({
       run: true,
       startTime: this.now(),
@@ -89,11 +94,13 @@ export default class WritingApp extends React.Component {
       won: true,
       run: false
     })
+    if (window.plausible) window.plausible('Win')
   }
 
   fail() {
     this.stopWriting();
     this.setState({lost: true})
+    if (window.plausible) window.plausible('Fail')
   }
 
   reset(type, limit, hardcore) {

src/components/Help.jsx

@@ -18,8 +18,8 @@ const renderQuote = ({ text, author, url }) => {
   );
 };
 
-const Help = () => {
-  const quotes = [
+export default class Help extends React.Component {
+  static quotes = [
     {
       text: "Sadistic [and] brutal.",
       author: "WIRED",
@@ -40,6 +40,11 @@ const Help = () => {
     }
   ];
 
+  componentDidMount() {
+    if (window.plausible) window.plausible('Help')
+  }
+
+  render() {
   return (
     <div className="Help">
       <Link to="/" className="navButton backButton">
@@ -118,7 +123,7 @@ const Help = () => {
           , and many, many other outlets. Here's what some people have to say:
         </p>
 
-        {quotes.map(quote => renderQuote(quote))}
+        {Help.quotes.map(quote => renderQuote(quote))}
 
         <h2>Who made this?</h2>
         <p>
@@ -184,6 +189,6 @@ const Help = () => {
       </div>
     </div>
   );
+}
 };
 
-export default Help;

src/components/MDWA.jsx

@@ -3,7 +3,7 @@ import Welcome from './Welcome';
 import Help from './Help';
 import WritingApp from './App';
 
-import { HashRouter as Router, Route } from "react-router-dom";
+import { BrowserRouter as Router, Route } from "react-router-dom";
 
 const App = (props) => {
     let params = new URLSearchParams(props.location.search);