5 files changed, 35 insertions, 7 deletions
diff --git a/packages/gitbook-plugin-search/.gitignore b/packages/gitbook-plugin-search/.gitignore
new file mode 100644
index 0000000..dfd90dc
--- /dev/null
+++ b/packages/gitbook-plugin-search/.gitignore
@@ -0,0 +1 @@
+_assets
diff --git a/packages/gitbook-plugin-search/.npmignore b/packages/gitbook-plugin-search/.npmignore
new file mode 100644
index 0000000..75e0923
--- /dev/null
+++ b/packages/gitbook-plugin-search/.npmignore
@@ -0,0 +1 @@
+!_assets
diff --git a/packages/gitbook-plugin-search/package.json b/packages/gitbook-plugin-search/package.json
index df84726..d6741c9 100644
--- a/packages/gitbook-plugin-search/package.json
+++ b/packages/gitbook-plugin-search/package.json
@@ -2,7 +2,8 @@
   "name": "gitbook-plugin-search",
   "description": "Search integration in GitBook",
   "main": "index.js",
-  "version": "2.0.0",
+  "browser": "./_assets/theme.js",
+  "version": "2.2.1",
   "dependencies": {
       "gitbook-core": "^0.0.0"
   },
@@ -12,6 +13,10 @@
   "engines": {
     "gitbook": ">=3.0.0"
   },
+  "scripts": {
+    "build-js": "gitbook-plugin build ./src/index.js ./_assets/theme.js",
+    "prepublish": "npm run build-js"
+  },
   "homepage": "https://github.com/GitbookIO/gitbook",
   "repository": {
     "type": "git",
diff --git a/packages/gitbook-plugin-search/src/components/Results.js b/packages/gitbook-plugin-search/src/components/Results.js
index 99bc63d..3f53741 100644
--- a/packages/gitbook-plugin-search/src/components/Results.js
+++ b/packages/gitbook-plugin-search/src/components/Results.js
@@ -1,6 +1,23 @@
 const GitBook = require('gitbook-core');
 const { React } = GitBook;
 
+const Result = React.createClass({
+    propTypes: {
+        result: React.PropTypes.object
+    },
+
+    render() {
+        const { result } = this.props;
+
+        return (
+            <div className="Search/Result">
+                <h3>{result.title}</h3>
+                <p>{result.body}</p>
+            </div>
+        );
+    }
+});
+
 const SearchResults = React.createClass({
     propTypes: {
         results: GitBook.Shapes.list
@@ -11,8 +28,8 @@ const SearchResults = React.createClass({
 
         return (
             <div className="Search/Results">
-                {results.map(result => {
-
+                {results.map((result, i) => {
+                    return <Result key={i} result={result} />;
                 })}
             </div>
         );
diff --git a/packages/gitbook-plugin-search/src/index.js b/packages/gitbook-plugin-search/src/index.js
index 94a5d35..c3b0253 100644
--- a/packages/gitbook-plugin-search/src/index.js
+++ b/packages/gitbook-plugin-search/src/index.js
@@ -3,11 +3,15 @@ const GitBook = require('gitbook-core');
 const SearchInput = require('./components/Input');
 const SearchResults = require('./components/Results');
 const reducers = require('./reducers');
+const search = require('./actions/search');
 
-module.exports = GitBook.createPlugin(
-    (dispatch, state) => {
+module.exports = GitBook.createPlugin({
+    init: (dispatch, getState) => {
         dispatch(GitBook.registerComponent(SearchInput, { role: 'search:input' }));
         dispatch(GitBook.registerComponent(SearchResults, { role: 'search:results' }));
     },
-    reducers
-);
+    reduce: reducers,
+    actions: {
+        search
+    }
+});