From 892ba08cc71b8c1e4e2db3bdb03e5f1708553f84 Mon Sep 17 00:00:00 2001
From: Sylvain Pace <sylvain.pace@algolia.com>
Date: Tue, 28 Aug 2018 18:12:30 +0200
Subject: [PATCH 1/5] Component: Add DocSeach to jquery website

This commit will add DocSearch to the documentation website. It is the first step in order to fully integrate it.

Ref Bootstraping PR as jquery/api.jquery.com#1104
---
 themes/jquery/css/docsearch.css | 16 ++++++++++++++++
 themes/jquery/header.php        | 10 ++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 themes/jquery/css/docsearch.css

diff --git a/themes/jquery/css/docsearch.css b/themes/jquery/css/docsearch.css
new file mode 100644
index 00000000..a0bba13f
--- /dev/null
+++ b/themes/jquery/css/docsearch.css
@@ -0,0 +1,16 @@
+/* Custom DocSeach CSS to adapt the generic one
+* See https://community.algolia.com/docsearch/styling.html for more info
+*/
+
+nav#main .searchform {
+    text-shadow: none;
+}
+
+.searchform label {
+    width: 100%;
+    display: block;
+}
+
+.algolia-autocomplete {
+    width: 99%;
+}
\ No newline at end of file
diff --git a/themes/jquery/header.php b/themes/jquery/header.php
index b53dc5f1..120309a5 100755
--- a/themes/jquery/header.php
+++ b/themes/jquery/header.php
@@ -35,6 +35,16 @@
 
 	<script src="https://use.typekit.net/wde1aof.js"></script>
 	<script>try{Typekit.load();}catch(e){}</script>
+	<!-- at the end of the HEAD -->
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
+	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/docsearch.css">
+
+	<!-- at the end of the BODY -->
+	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js" async onload="docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
+	indexName: 'jquery',
+	inputSelector: 'input[name=\'s\']',
+	debug: false // Set debug to true if you want to inspect the dropdown
+	})"></script>
 
 <?php
 	if ( is_singular() && get_option( 'thread_comments' ) )

From 5df05ec5803e82bd00bb67906499f31643e55d1e Mon Sep 17 00:00:00 2001
From: Sylvain Pace <sylvain.pace@algolia.com>
Date: Wed, 29 Aug 2018 15:57:12 +0200
Subject: [PATCH 2/5] make it mobile compliant

---
 themes/jquery/css/docsearch.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/themes/jquery/css/docsearch.css b/themes/jquery/css/docsearch.css
index a0bba13f..0af33bff 100644
--- a/themes/jquery/css/docsearch.css
+++ b/themes/jquery/css/docsearch.css
@@ -1,16 +1,16 @@
-/* Custom DocSeach CSS to adapt the generic one
-* See https://community.algolia.com/docsearch/styling.html for more info
-*/
-
+/* Custom DocSeach CSS to adapt the generic one * See https://community.algolia.com/docsearch/styling.html for more info */
 nav#main .searchform {
     text-shadow: none;
 }
-
 .searchform label {
     width: 100%;
     display: block;
 }
-
 .algolia-autocomplete {
     width: 99%;
-}
\ No newline at end of file
+}
+@media only screen and (max-width: 480px) {
+    .ds-dropdown-menu{
+        min-width: 100% !important;
+   }
+}

From d076a035ec93741bc94bd611d5e058192d630f65 Mon Sep 17 00:00:00 2001
From: Sylvain Pace <sylvain.pace@algolia.com>
Date: Wed, 29 Aug 2018 15:58:42 +0200
Subject: [PATCH 3/5] Component: Add DocSeach better integrated into jquery
 website

This commit will enhance the includes by moving it to the end of the page
---
 themes/jquery/.DS_Store  | Bin 0 -> 10244 bytes
 themes/jquery/footer.php |   7 ++++++-
 themes/jquery/header.php |   7 -------
 3 files changed, 6 insertions(+), 8 deletions(-)
 create mode 100644 themes/jquery/.DS_Store

diff --git a/themes/jquery/.DS_Store b/themes/jquery/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5fb70a7232eb5e833d330a0d9718a3adbe3525db
GIT binary patch
literal 10244
zcmeI2&u$Yj5XQ%8rKCw|Lsh|bkG-@i5(gwMQB@9{xp1UuLjRC|GzpYjE`0|c0p5g1
z;m!k;?;CH5z3UA<Aq3-UchZf&vHkOmS9U8R?r7e7B9e(n0~c+36SqX+_q<A_mOt5p
zb<m4U<Xk2%2jkQ3pj6u)7y%<-1dM<YFam!A0lc$W8ZB?_ZUl^g5x673^&!JW+sW<1
zTU|PE(=7n(Iv#7mXY2!1ljXLP+l99(g-^eGaJkgwTMXyr_&#HG*iLR2-g>z>FBg}$
z?D8Fo)7GKOw7R&Cw{|xIMxac9d-u9Ll|x(y;r@Nx#WzSM_XBqCR*TA8aw1o9ik<$2
ze2{)xCC^d!bD(NMHJ2GwW2loY$=8Br6Rn&;)0Z<<eM;-x<AiQ3L;Un*1pTx^cT>>S
z(cV}Us`KX<OAb1ski&LdTlUe{3790urW8XS?UH%|{n;v>t`YEjRMJn;_6QyZ@UgNl
z<Q)0hS?Mc19x#u5v<g1bDiDuUYfw#PS|H6h2uVMbx0si)M#2@w*4585+=tb)qjriO
zhR}Awi>#78<!rm_fOoslhxdr)5j@N)^kf|B9~AWS%19yEP}z)>$=*704K=&auz#oM
z-v!1x(j2%H_PUS!tI8zgdgO<_F8c{i`NHgQ-veGvWO^SF-P87xz1BDkH5=&ba8(vC
z)1y|X7-<{V>3L8xVH-8MEXEt_MDf-_TwH)1SAi++2cUQ@vp7nb(NSNv^Yvzq2>t!o
z5nr{}0k18r9X|gV-vfLe$-DHJ$Su<D2HI!^)7cxqTarI%Mt*hzKb&_eKY~OL<3F$P
z0d|p(#+{FJo1hleZz39foN%>Hl4dT}zD2C2m>uf;4Dp@f^APJ_JWI+d)HZcSmv69i
zAIT-uY(*NbMOT$84|#;z9cW3gk6C4_`}fFZG75dPOFovdlI%Zutvw5PwF>&Q3Q-lQ
zIO==8Q5Z>)mXv>KlkG9<BFzRgGptO0O-{TQm~oM!j{3}*q<^LGC7^&Lw_*g0fDteP
zM!*QjnrD#l{QpJu-~Wx25ikP(FafuI{Ob4!1I*9XOGD*Zdxq-`E*92Xc&ifJ^f(??
zkK^$RkK=i^$hwELEco2X?ZR6;LHXl<4AB2jTAp3l{{Qw?r@{9B{>1yg*#G|oO6WE@

literal 0
HcmV?d00001

diff --git a/themes/jquery/footer.php b/themes/jquery/footer.php
index efd52f26..382dbe94 100755
--- a/themes/jquery/footer.php
+++ b/themes/jquery/footer.php
@@ -37,6 +37,11 @@
 </footer>
 
 <?php wp_footer(); ?>
-
+	<!-- at the end of the BODY -->
+	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"  onload="docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
+	indexName: 'jquery',
+	inputSelector: 'input[name=\'s\']',
+	debug: true // Set debug to true if you want to inspect the dropdown
+	})" async></script>
 </body>
 </html>
diff --git a/themes/jquery/header.php b/themes/jquery/header.php
index 120309a5..5bde27b9 100755
--- a/themes/jquery/header.php
+++ b/themes/jquery/header.php
@@ -39,13 +39,6 @@
 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
 	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/docsearch.css">
 
-	<!-- at the end of the BODY -->
-	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js" async onload="docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
-	indexName: 'jquery',
-	inputSelector: 'input[name=\'s\']',
-	debug: false // Set debug to true if you want to inspect the dropdown
-	})"></script>
-
 <?php
 	if ( is_singular() && get_option( 'thread_comments' ) )
 		wp_enqueue_script( 'comment-reply' );

From c2cb501332d3046b4dc2e221e0555a0c6fd740ba Mon Sep 17 00:00:00 2001
From: Sylvain Pace <sylvain.pace@algolia.com>
Date: Wed, 5 Sep 2018 16:46:41 +0200
Subject: [PATCH 4/5] Code: Format as requested from reviews

---
 themes/jquery/.DS_Store         | Bin 10244 -> 0 bytes
 themes/jquery/css/docsearch.css |  17 ++++++++++-------
 themes/jquery/footer.php        |   6 +++---
 3 files changed, 13 insertions(+), 10 deletions(-)
 delete mode 100644 themes/jquery/.DS_Store

diff --git a/themes/jquery/.DS_Store b/themes/jquery/.DS_Store
deleted file mode 100644
index 5fb70a7232eb5e833d330a0d9718a3adbe3525db..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10244
zcmeI2&u$Yj5XQ%8rKCw|Lsh|bkG-@i5(gwMQB@9{xp1UuLjRC|GzpYjE`0|c0p5g1
z;m!k;?;CH5z3UA<Aq3-UchZf&vHkOmS9U8R?r7e7B9e(n0~c+36SqX+_q<A_mOt5p
zb<m4U<Xk2%2jkQ3pj6u)7y%<-1dM<YFam!A0lc$W8ZB?_ZUl^g5x673^&!JW+sW<1
zTU|PE(=7n(Iv#7mXY2!1ljXLP+l99(g-^eGaJkgwTMXyr_&#HG*iLR2-g>z>FBg}$
z?D8Fo)7GKOw7R&Cw{|xIMxac9d-u9Ll|x(y;r@Nx#WzSM_XBqCR*TA8aw1o9ik<$2
ze2{)xCC^d!bD(NMHJ2GwW2loY$=8Br6Rn&;)0Z<<eM;-x<AiQ3L;Un*1pTx^cT>>S
z(cV}Us`KX<OAb1ski&LdTlUe{3790urW8XS?UH%|{n;v>t`YEjRMJn;_6QyZ@UgNl
z<Q)0hS?Mc19x#u5v<g1bDiDuUYfw#PS|H6h2uVMbx0si)M#2@w*4585+=tb)qjriO
zhR}Awi>#78<!rm_fOoslhxdr)5j@N)^kf|B9~AWS%19yEP}z)>$=*704K=&auz#oM
z-v!1x(j2%H_PUS!tI8zgdgO<_F8c{i`NHgQ-veGvWO^SF-P87xz1BDkH5=&ba8(vC
z)1y|X7-<{V>3L8xVH-8MEXEt_MDf-_TwH)1SAi++2cUQ@vp7nb(NSNv^Yvzq2>t!o
z5nr{}0k18r9X|gV-vfLe$-DHJ$Su<D2HI!^)7cxqTarI%Mt*hzKb&_eKY~OL<3F$P
z0d|p(#+{FJo1hleZz39foN%>Hl4dT}zD2C2m>uf;4Dp@f^APJ_JWI+d)HZcSmv69i
zAIT-uY(*NbMOT$84|#;z9cW3gk6C4_`}fFZG75dPOFovdlI%Zutvw5PwF>&Q3Q-lQ
zIO==8Q5Z>)mXv>KlkG9<BFzRgGptO0O-{TQm~oM!j{3}*q<^LGC7^&Lw_*g0fDteP
zM!*QjnrD#l{QpJu-~Wx25ikP(FafuI{Ob4!1I*9XOGD*Zdxq-`E*92Xc&ifJ^f(??
zkK^$RkK=i^$hwELEco2X?ZR6;LHXl<4AB2jTAp3l{{Qw?r@{9B{>1yg*#G|oO6WE@

diff --git a/themes/jquery/css/docsearch.css b/themes/jquery/css/docsearch.css
index 0af33bff..e408caff 100644
--- a/themes/jquery/css/docsearch.css
+++ b/themes/jquery/css/docsearch.css
@@ -1,16 +1,19 @@
 /* Custom DocSeach CSS to adapt the generic one * See https://community.algolia.com/docsearch/styling.html for more info */
 nav#main .searchform {
-    text-shadow: none;
+  text-shadow: none;
 }
+
 .searchform label {
-    width: 100%;
-    display: block;
+  width: 100%;
+  display: block;
 }
+
 .algolia-autocomplete {
-    width: 99%;
+  width: 99%;
 }
+
 @media only screen and (max-width: 480px) {
-    .ds-dropdown-menu{
-        min-width: 100% !important;
-   }
+  .ds-dropdown-menu {
+    min-width: 100% !important;
+  }
 }
diff --git a/themes/jquery/footer.php b/themes/jquery/footer.php
index 382dbe94..c7e38b79 100755
--- a/themes/jquery/footer.php
+++ b/themes/jquery/footer.php
@@ -39,9 +39,9 @@
 <?php wp_footer(); ?>
 	<!-- at the end of the BODY -->
 	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"  onload="docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
-	indexName: 'jquery',
-	inputSelector: 'input[name=\'s\']',
-	debug: true // Set debug to true if you want to inspect the dropdown
+		indexName: 'jquery',
+		inputSelector: 'input[name=\'s\']',
+		debug: true // Set debug to true if you want to inspect the dropdown
 	})" async></script>
 </body>
 </html>

From e3f16f3099ef13ff8a19e8e58ded9cade3e7b911 Mon Sep 17 00:00:00 2001
From: Sylvain Pace <sylvain.pace@algolia.com>
Date: Wed, 5 Sep 2018 19:00:55 +0200
Subject: [PATCH 5/5] Code: avoid automatic space from IDE

---
 themes/jquery/css/docsearch.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/themes/jquery/css/docsearch.css b/themes/jquery/css/docsearch.css
index e408caff..96f93107 100644
--- a/themes/jquery/css/docsearch.css
+++ b/themes/jquery/css/docsearch.css
@@ -1,19 +1,19 @@
 /* Custom DocSeach CSS to adapt the generic one * See https://community.algolia.com/docsearch/styling.html for more info */
 nav#main .searchform {
-  text-shadow: none;
+	text-shadow: none;
 }
 
 .searchform label {
-  width: 100%;
-  display: block;
+	width: 100%;
+	display: block;
 }
 
 .algolia-autocomplete {
-  width: 99%;
+	width: 99%;
 }
 
 @media only screen and (max-width: 480px) {
-  .ds-dropdown-menu {
-    min-width: 100% !important;
-  }
+	.ds-dropdown-menu {
+		min-width: 100% !important;
+	}
 }