Add YouTube bang and improve settings panel UX

- Add yt\! bang for YouTube search functionality
- Sort bang list alphabetically in settings panel for better usability
- Add --yes flag to all npx commands in Makefile to prevent interactive prompts

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: thavelick

Makefile

@@ -13,19 +13,19 @@ dev: # Start development server
 
 format: # Format code with Biome
 	@echo "Formatting code.."
-	npx @biomejs/biome format --write .
+	npx --yes @biomejs/biome format --write .
 
 lint: # Lint code with Biome
 	@echo "Linting code.."
-	npx @biomejs/biome lint .
+	npx --yes @biomejs/biome lint .
 
 check: # Check formatting and linting with Biome
 	@echo "Checking formatting and linting.."
-	npx @biomejs/biome check .
+	npx --yes @biomejs/biome check .
 
 test: # Run unit tests with Jest
 	@echo "Running tests.."
-	npx jest -c '{"testMatch":["**/tests/**/*.spec.js"]}'
+	npx --yes jest -c '{"testMatch":["**/tests/**/*.spec.js"]}'
 
 # -----------------------------------------------------------
 # CAUTION: If you have a file with the same name as make

public_html/search.js

@@ -21,6 +21,7 @@ const bangs = {
   pypi: "https://pypi.org/search/?q={{{s}}}",
   w: "https://en.wikipedia.org/wiki/Special:Search?search={{{s}}}",
   i: "https://duckduckgo.com/?q={{{s}}}&iax=images&ia=images",
+  yt: "https://www.youtube.com/results?search_query={{{s}}}",
 };
 
 function buildSearchUrl(urlTemplate, searchTerm) {
@@ -246,7 +247,11 @@ function buildSettingsPanel(windowObj = window) {
       <div class="bang-list">
   `;
 
-  for (const [bangKey, bangUrl] of Object.entries(bangs)) {
+  const sortedBangs = Object.entries(bangs).sort(([a], [b]) =>
+    a.localeCompare(b),
+  );
+
+  for (const [bangKey, bangUrl] of sortedBangs) {
     const isChecked = bangKey === currentDefault ? " checked" : "";
     html += `
       <div class="bang-trigger">${bangKey}!</div>