execute search from url when present

Author: nathanstitt

exercises/src/components/search.tsx

@@ -45,6 +45,7 @@ class Search extends React.Component<SearchProps> {
         this.titleChangeDisposer = autorun(() => {
             document.title = this.search.title
         })
+        props.ux.setSearchDefault(props.history.location.search.replace(/^\?/, ''))
     }
 
     componentWillUnmount() {

exercises/src/models/search.ts

@@ -2,6 +2,7 @@ import { map } from 'lodash';
 import {
     BaseModel, model, runInAction, array, hydrateModel, modelize, observable, computed, action, getParentOf,
 } from 'shared/model';
+import { override } from 'mobx'
 import Exercise from './exercises/exercise';
 import urlFor from '../api'
 import pluralize from 'pluralize';
@@ -146,6 +147,11 @@ class Search extends BaseModel {
         )
     }
 
+    @override update(clause: string) {
+        const [filter, value] = clause.split(':')
+        this.clauses.replace([{ filter, value } as any])
+
+    }
     //called by api
     @action async perform() {
         this.isPending = true

exercises/src/ux.ts

@@ -1,8 +1,16 @@
-import { lazyGetter } from 'shared/model';
+import { lazyGetter, action } from 'shared/model';
+import qs from 'qs';
 import Search from './models/search';
 
 export default class ExerciseUX {
 
     @lazyGetter get search() { return new Search() }
 
+    @action setSearchDefault(queryString: string) {
+        const { q: query } = qs.parse(queryString)
+        if (query && typeof query == 'string') {
+            this.search.update(query)
+            this.search.execute()
+        }
+    }
 }