Merge pull request #190 from canjs/123-search

Adding client search

Author: mickmcgrath13

make-example.js

@@ -1,22 +1,25 @@
 var generate = require("bit-docs-generate-html/generate");
+var generateSearchMap = require("bit-docs-generate-searchmap/generate");
 var Q = require("q");
 var fs = require("fs");
 var readFile = Q.denodeify(fs.readFile);
 var path = require("path");
 
+var forceBuild = process.argv.indexOf("-f") !== -1;
+
 var docMap = readFile(__dirname+"/docMap.json").then(function(source){
     return JSON.parse(""+source);
 });
-
-var forceBuild = process.argv.indexOf("-f") !== -1;
-
-generate(docMap,{
+var siteConfig = {
     html: {
         templates: path.join(__dirname, "templates"),
         dependencies: {
             "bit-docs-html-canjs": __dirname,
             "bit-docs-prettify": "^0.1.0",
-			"bit-docs-html-highlight-line": "^0.2.2"
+			"bit-docs-html-highlight-line": "^0.2.2",
+			//TODO: This should not be include here and should only be included in package.json.
+			//  we get an error without this, here, though
+			"steal-stache": "^3.0.1"
         }
     },
     dest: path.join(__dirname, "temp"),
@@ -27,4 +30,8 @@ generate(docMap,{
 		"2.3.27": "https://v2.canjs.com"
 	},
     debug: true
+};
+
+generate(docMap,siteConfig).then(function(){
+	return generateSearchMap(docMap, siteConfig);
 }).done();

package.json

@@ -27,13 +27,18 @@
   "homepage": "https://github.com/canjs/bit-docs-html-canjs#readme",
   "system": {},
   "dependencies": {
+    "can-control": "^3.0.3",
+    "can-util": "^3.0.10",
     "escape-html": "^1.0.3",
     "jquery": "^2.2.4",
     "lodash": "^4.17.4",
+    "lunr": "^2.0.3",
+    "steal-stache": "^3.0.1",
     "unescape-html": "^1.0.0"
   },
   "devDependencies": {
-    "bit-docs-generate-html": "^0.3.0",
+    "bit-docs-generate-html": "^0.5.0",
+    "bit-docs-generate-searchmap":"^0.0.1-0",
     "q": "^1.4.1",
     "connect": "^2.14.4",
     "normalize.css": "^4.1.1",

static/canjs.js

@@ -1,6 +1,7 @@
-require("./canjs.less!");
 $ = require("jquery");
 var debounce = require("lodash/debounce");
+require("./canjs.less!");
+var SearchControl = require('./search');
 
 // state
 var $articleContainer,
@@ -14,7 +15,8 @@ var $articleContainer,
 	animating,
 	navigating,
 	scrollPositionInterval,
-	currentHref;
+	currentHref,
+	searchControl;
 
 (function() {
 	init();
@@ -74,6 +76,12 @@ function init() {
 	buildTOC();
 	setNavToggleListener();
 	setScrollPosition();
+	searchControl = new SearchControl(".search-bar", {
+		navigate(href){
+			window.history.pushState(null, null, href);
+			navigate(href);
+		}
+	});
 }
 
 function setDocTitle() {

static/canjs.less

@@ -19,3 +19,5 @@
 @import "mobile.less";
 @import "breadcrumb.less";
 @import "screenshots.less";
+@import "search.less";
+

static/img/icon-search-white.svg

@@ -71,3 +71,18 @@
     border-bottom: 1px solid lighten(@warning-color, 40%);
   }
 }
+
+.placeholder(@color: #f4f4f4){
+	&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+	  color: @color;
+	}
+	&::-moz-placeholder { /* Firefox 19+ */
+	  color: @color;
+	}
+	&:-ms-input-placeholder { /* IE 10+ */
+	  color: @color;
+	}
+	&:-moz-placeholder { /* Firefox 18- */
+	  color: @color;
+	}
+}