termsearch 0.3.8 → 0.3.10

package/frontend/dist/app.js

@@ -1148,20 +1148,25 @@ function addToBrowser() {
   // Show inline hint
   const existing = document.querySelector('.add-browser-hint');
   if (existing) { existing.remove(); return; }
+  const searchUrl = `${location.origin}/#/?q=%s`;
+  const urlBox = el('div', { className: 'add-browser-url' });
+  const urlText = el('code', {}, searchUrl);
+  const copyBtn = el('button', { className: 'add-browser-copy', type: 'button', onClick: () => {
+    navigator.clipboard.writeText(searchUrl).then(() => { copyBtn.textContent = 'Copied!'; setTimeout(() => { copyBtn.textContent = 'Copy'; }, 2000); }).catch(() => {});
+  } }, 'Copy');
+  urlBox.append(urlText, copyBtn);
   const hint = el('div', { className: 'add-browser-hint' },
-    el('strong', {}, 'Add TermSearch to your browser:'),
-    el('div', { style: 'margin-top:6px' },
-      el('span', { style: 'color:var(--text2)' }, 'Firefox'), ' — click the address bar, look for "Add TermSearch"',
-    ),
-    el('div', { style: 'margin-top:3px' },
-      el('span', { style: 'color:var(--text2)' }, 'Chrome'), ' — Settings → Search engine → Manage → Add',
-    ),
-    el('div', { style: 'margin-top:3px;font-family:var(--font-mono);font-size:10px;color:var(--text3);word-break:break-all' },
-      `URL: ${location.origin}/#/?q=%s`,
+    el('div', { className: 'add-browser-title' }, 'Add TermSearch to your browser'),
+    el('div', { className: 'add-browser-steps' },
+      el('div', {}, el('span', { className: 'add-browser-badge' }, 'Firefox'), ' Address bar → click TermSearch icon → "Add"'),
+      el('div', {}, el('span', { className: 'add-browser-badge' }, 'Chrome'), ' Settings → Search engine → Manage → Add'),
+      el('div', {}, el('span', { className: 'add-browser-badge' }, 'Safari'), ' Not natively supported — use extension or bookmark'),
     ),
+    el('div', { className: 'add-browser-label' }, 'Search URL (paste in browser settings):'),
+    urlBox,
   );
   document.querySelector('.home-actions')?.after(hint);
-  setTimeout(() => hint.remove(), 12000);
+  setTimeout(() => hint.remove(), 20000);
 }
 
 function renderHome(app) {

package/frontend/dist/style.css

@@ -937,16 +937,81 @@ a:hover { color: var(--link-h); }
 
 /* ─── Add to browser hint ─────────────────────────────────────────────────── */
 .add-browser-hint {
-  max-width: 380px;
-  margin: 16px auto 0;
-  padding: 12px 16px;
+  max-width: 420px;
+  margin: 20px auto 0;
+  padding: 16px 20px;
   border-radius: var(--radius);
-  background: rgba(30,27,75,0.35);
-  border: 1px solid rgba(109,40,217,0.25);
+  background: rgba(30,27,75,0.45);
+  border: 1px solid rgba(109,40,217,0.35);
+  color: var(--text2);
+  font-size: 12px;
+  line-height: 1.7;
+  animation: fadeIn 0.2s ease;
+}
+.add-browser-title {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--text);
+  margin-bottom: 10px;
+}
+.add-browser-steps {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  margin-bottom: 12px;
+}
+.add-browser-badge {
+  display: inline-block;
+  padding: 1px 7px;
+  border-radius: 99px;
+  font-size: 10px;
+  font-weight: 700;
+  background: rgba(167,139,250,0.18);
+  color: #a78bfa;
+  border: 1px solid rgba(167,139,250,0.3);
+  letter-spacing: 0.02em;
+}
+.add-browser-label {
+  font-size: 10px;
   color: var(--text3);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  margin-bottom: 6px;
+}
+.add-browser-url {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-radius: var(--radius-sm);
+  background: rgba(0,0,0,0.4);
+  border: 1px solid rgba(167,139,250,0.25);
+}
+.add-browser-url code {
+  flex: 1;
+  min-width: 0;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  font-weight: 600;
+  color: #c4b5fd;
+  word-break: break-all;
+  user-select: all;
+}
+.add-browser-copy {
+  flex-shrink: 0;
+  padding: 4px 12px;
+  border-radius: var(--radius-sm);
+  border: 1px solid rgba(167,139,250,0.35);
+  background: rgba(109,40,217,0.25);
+  color: #e0d4fd;
   font-size: 11px;
-  line-height: 1.6;
-  animation: fadeIn 0.2s ease;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
+}
+.add-browser-copy:hover {
+  background: rgba(109,40,217,0.45);
+  border-color: rgba(167,139,250,0.55);
 }
 
 /* ─── Footer ──────────────────────────────────────────────────────────────── */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termsearch",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "description": "Personal search engine for Termux/Linux/macOS — zero-config, privacy-first, AI-optional",
   "type": "module",
   "bin": {

package/src/api/routes.js

@@ -231,6 +231,23 @@ export function createRouter(config, rateLimiters) {
     });
   });
 
+  // ─── OpenSearch (dynamic — adapts to host/port) ─────────────────────────
+  router.get('/opensearch.xml', (req, res) => {
+    const proto = req.protocol;
+    const host = req.get('host') || `${req.hostname}:${req.socket.localPort}`;
+    const origin = `${proto}://${host}`;
+    res.setHeader('Content-Type', 'application/opensearchdescription+xml; charset=utf-8');
+    res.setHeader('Cache-Control', 'public, max-age=3600');
+    res.send(`<?xml version="1.0" encoding="UTF-8"?>
+<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
+  <ShortName>TermSearch</ShortName>
+  <Description>TermSearch — personal search engine</Description>
+  <InputEncoding>UTF-8</InputEncoding>
+  <Image height="64" width="64" type="image/svg+xml">${origin}/icon.svg</Image>
+  <Url type="text/html" method="get" template="${origin}/#/?q={searchTerms}"/>
+</OpenSearchDescription>`);
+  });
+
   // ─── OpenAPI ─────────────────────────────────────────────────────────────
   router.get('/api/openapi.json', (_req, res) => {
     applySecurityHeaders(res);

package/src/autostart/manager.js

@@ -50,7 +50,7 @@ function termuxStatus() {
 function termuxEnable() {
   fs.mkdirSync(TERMUX_BOOT_DIR, { recursive: true });
   const bin = findBin();
-  const sh = `#!/data/data/com.termux/files/usr/bin/sh\n# TermSearch autostart\n${bin} &\n`;
+  const sh = `#!/data/data/com.termux/files/usr/bin/sh\n# TermSearch autostart\n${bin} start --fg &\n`;
   fs.writeFileSync(TERMUX_BOOT_FILE, sh, { mode: 0o755 });
 }
 
@@ -103,7 +103,7 @@ function linuxEnable() {
     '',
     '[Service]',
     'Type=simple',
-    `ExecStart=${bin}`,
+    `ExecStart=${bin} start --fg`,
     'Restart=on-failure',
     'RestartSec=5',
     '',
@@ -156,6 +156,8 @@ function macosEnable() {
   <key>ProgramArguments</key>
   <array>
     <string>${bin}</string>
+    <string>start</string>
+    <string>--fg</string>
   </array>
   <key>RunAtLoad</key>
   <true/>

package/frontend/dist/opensearch.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
-  <ShortName>TermSearch</ShortName>
-  <Description>TermSearch — personal search engine</Description>
-  <InputEncoding>UTF-8</InputEncoding>
-  <Image height="64" width="64" type="image/svg+xml">/icon.svg</Image>
-  <Url type="text/html" method="get" template="http://localhost:3000/#/?q={searchTerms}"/>
-</OpenSearchDescription>