Format

withastro · Jul 25, 2023 · e8a6954 · e8a6954
1 parent d6b8e27
commit e8a6954
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 80 deletions.
diff --git a/docs/src/content/docs/es/manual-setup.mdx b/docs/src/content/docs/es/manual-setup.mdx
@@ -50,11 +50,11 @@ import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 
 export default defineConfig({
-  integrations: [
-    starlight({
-      title: 'Mi encantador sitio de documentos',
-    }),
-  ],
+	integrations: [
+		starlight({
+			title: 'Mi encantador sitio de documentos',
+		}),
+	],
 });
 ```
 

diff --git a/packages/starlight/components/Search.astro b/packages/starlight/components/Search.astro
@@ -50,81 +50,75 @@ const pagefindTranslations = {
 </site-search>
 
 <script>
-  class SiteSearch extends HTMLElement {
-    constructor() {
-      super();
-      const openBtn = this.querySelector<HTMLButtonElement>(
-        'button[data-open-modal]'
-      )!;
-      const closeBtn = this.querySelector<HTMLButtonElement>(
-        'button[data-close-modal]'
-      )!;
-      const dialog = this.querySelector('dialog')!;
-      const dialogFrame = this.querySelector('.dialog-frame')!;
-
-      /** Close the modal if a user clicks outside of the modal. */
-      const onWindowClick = (event: MouseEvent) => {
-        if (
-          document.body.contains(event.target as Node) &&
-          !dialogFrame.contains(event.target as Node)
-        )
-          closeModal();
-      };
-
-      const openModal = (event?: MouseEvent) => {
-        dialog.showModal();
-        this.querySelector('input')?.focus();
-        event?.stopPropagation();
-        window.addEventListener('click', onWindowClick);
-      };
-
-      const closeModal = () => {
-        dialog.close();
-        window.removeEventListener('click', onWindowClick);
-      };
-
-      openBtn.addEventListener('click', openModal);
-      openBtn.disabled = false;
-      closeBtn.addEventListener('click', closeModal);
-
-      // Listen for `/` and `cmd + k` keyboard shortcuts.
-      window.addEventListener('keydown', (e) => {
-        const isInput =
-          document.activeElement &&
-          ['input', 'select', 'textarea'].includes(document.activeElement.tagName.toLowerCase());
-        if (e.metaKey === true && e.key === 'k') {
-          dialog.open ? closeModal() : openModal();
-          e.preventDefault();
-        } else if (e.key === '/' && !dialog.open && !isInput) {
-          openModal();
-          e.preventDefault();
-        }
-      });
-
-      let translations = {};
-      try {
-        translations = JSON.parse(this.dataset.translations || '{}');
-      } catch {}
-
-      window.addEventListener('DOMContentLoaded', () => {
-        if (import.meta.env.DEV) return;
-        const onIdle =
-          window.requestIdleCallback || ((cb) => setTimeout(cb, 1));
-        onIdle(async () => {
-          const { PagefindUI } = await import('@pagefind/default-ui');
-          new PagefindUI({
-            element: '#starlight__search',
-            baseUrl: import.meta.env.BASE_URL,
-            bundlePath:
-              import.meta.env.BASE_URL.replace(/\/$/, '') + '/_pagefind/',
-            showImages: false,
-            translations,
-          });
-        });
-      });
-    }
-  }
-  customElements.define('site-search', SiteSearch);
+	class SiteSearch extends HTMLElement {
+		constructor() {
+			super();
+			const openBtn = this.querySelector<HTMLButtonElement>('button[data-open-modal]')!;
+			const closeBtn = this.querySelector<HTMLButtonElement>('button[data-close-modal]')!;
+			const dialog = this.querySelector('dialog')!;
+			const dialogFrame = this.querySelector('.dialog-frame')!;
+
+			/** Close the modal if a user clicks outside of the modal. */
+			const onWindowClick = (event: MouseEvent) => {
+				if (
+					document.body.contains(event.target as Node) &&
+					!dialogFrame.contains(event.target as Node)
+				)
+					closeModal();
+			};
+
+			const openModal = (event?: MouseEvent) => {
+				dialog.showModal();
+				this.querySelector('input')?.focus();
+				event?.stopPropagation();
+				window.addEventListener('click', onWindowClick);
+			};
+
+			const closeModal = () => {
+				dialog.close();
+				window.removeEventListener('click', onWindowClick);
+			};
+
+			openBtn.addEventListener('click', openModal);
+			openBtn.disabled = false;
+			closeBtn.addEventListener('click', closeModal);
+
+			// Listen for `/` and `cmd + k` keyboard shortcuts.
+			window.addEventListener('keydown', (e) => {
+				const isInput =
+					document.activeElement &&
+					['input', 'select', 'textarea'].includes(document.activeElement.tagName.toLowerCase());
+				if (e.metaKey === true && e.key === 'k') {
+					dialog.open ? closeModal() : openModal();
+					e.preventDefault();
+				} else if (e.key === '/' && !dialog.open && !isInput) {
+					openModal();
+					e.preventDefault();
+				}
+			});
+
+			let translations = {};
+			try {
+				translations = JSON.parse(this.dataset.translations || '{}');
+			} catch {}
+
+			window.addEventListener('DOMContentLoaded', () => {
+				if (import.meta.env.DEV) return;
+				const onIdle = window.requestIdleCallback || ((cb) => setTimeout(cb, 1));
+				onIdle(async () => {
+					const { PagefindUI } = await import('@pagefind/default-ui');
+					new PagefindUI({
+						element: '#starlight__search',
+						baseUrl: import.meta.env.BASE_URL,
+						bundlePath: import.meta.env.BASE_URL.replace(/\/$/, '') + '/_pagefind/',
+						showImages: false,
+						translations,
+					});
+				});
+			});
+		}
+	}
+	customElements.define('site-search', SiteSearch);
 </script>
 
 <style>