Merge pull request #224 from hydephp/219-add-the-documentation-search…

…-window-script-to-cdn Move documentation search window scripts to HydeFront hydephp/develop@8bdd54f
hydephp · Jul 14, 2022 · e7f2329 · e7f2329
1 parent c64a5d2
commit e7f2329
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 87 deletions.
diff --git a/resources/views/components/docs/search.blade.php b/resources/views/components/docs/search.blade.php
@@ -17,83 +17,5 @@
 	</footer>
 </dialog>
 
-<script>
-	
-if (typeof HTMLDialogElement === 'function') {
-	const searchMenu = document.getElementById('searchMenu');
-
-	function toggleSearchMenu() {
-		if (searchMenu.hasAttribute('open')) {
-			closeSearchMenu();
-		} else {
-			openSearchMenu();
-		}
-	}
-
-	function closeSearchMenu() {
-		searchMenu.removeAttribute('open');
-
-		document.getElementById('searchMenuBackdrop').remove();
-		document.getElementById('searchMenuCloseButton').remove();
-
-		document.getElementById('searchMenuButton').style.visibility = 'visible';
-	}
-
-	function openSearchMenu() {
-		searchMenu.setAttribute('open', '');
-
-		createBackdrop();
-		createCloseButton();
-		document.getElementById('searchMenuButton').style.visibility = 'hidden';
-
-		document.getElementById('search-input').focus();
-
-		function createBackdrop() {
-			const backdrop = document.createElement('div');
-			backdrop.id = 'searchMenuBackdrop';
-			backdrop.classList.add('backdrop', 'active');
-			backdrop.addEventListener('click', () => {
-				closeSearchMenu();
-			});
-			document.body.appendChild(backdrop);
-		}
-
-		function createCloseButton() {
-			const closeButton = document.createElement('button');
-			closeButton.id = 'searchMenuCloseButton';
-			closeButton.classList.add('fixed');
-			closeButton.setAttribute('aria-label', 'Close search menu');
-			closeButton.addEventListener('click', () => {
-				closeSearchMenu();
-			});
-			closeButton.innerHTML = `<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
-					<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
-				</svg>`;
-
-			document.body.appendChild(closeButton);
-		}
-	}
-
-	document.addEventListener('keydown', (e) => {
-		if (e.key === 'Escape' && searchMenu.hasAttribute('open')) {
-			closeSearchMenu();
-		}
-	});
-
-	document.addEventListener('keypress', (e) => {
-		if (e.key === '/' && !searchMenu.hasAttribute('open')) {
-			e.preventDefault();
-			openSearchMenu();
-		}
-	});
-
-	} else {
-		// The browser does not support the <dialog> element
-		document.getElementById('searchMenu').remove();
-		
-		function toggleSearchMenu() {
-			window.location.href = 'search.html';
-		}
-	}
-</script>
+<script defer src="{{ Asset::cdnLink('HydeSearchWindow.js') }}"></script>
 @endpush
diff --git a/resources/views/layouts/docs.blade.php b/resources/views/layouts/docs.blade.php
@@ -84,14 +84,14 @@
 
 	@if(Hyde\Framework\Helpers\Features::hasDocumentationSearch())
 	@include('hyde::components.docs.search')
-		<script src="https://cdn.jsdelivr.net/npm/hydesearch@0.2.1/dist/HydeSearch.min.js" defer></script>
-		<script>
-			window.addEventListener('load', function() {
-				const searchIndexLocation = 'search.json';
-				const Search = new HydeSearch(searchIndexLocation);
+	<script src="https://cdn.jsdelivr.net/npm/hydesearch@0.2.1/dist/HydeSearch.min.js" defer></script>
+	<script>
+		window.addEventListener('load', function() {
+			const searchIndexLocation = 'search.json';
+			const Search = new HydeSearch(searchIndexLocation);
 
-				Search.init();
-			});
+			Search.init();
+		});
 	</script>
 	@endif
 

diff --git a/src/Services/AssetService.php b/src/Services/AssetService.php
@@ -15,7 +15,7 @@ class AssetService implements AssetServiceContract
      *
      * @property string $version HydeFront SemVer Tag
      */
-    public string $version = 'v1.12';
+    public string $version = 'v1.13';
 
     public function version(): string
     {