1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
import { e } from "./helper.ts"
import { bangs, process_query } from "./query.ts"
import { status } from "./ui.ts"
export function section_info_search() {
return e("section", { class: "info" },
e("h2", {}, "Setup"),
e("p", {}, "To register this search engine in your browser:"),
e("ul", {},
e("li", {}, "In Firefox, right click your URL bar and select \"Add Fastbangs\""),
e("li", {}, "In Chrome, go to your search engine settings, and activate \"Fastbangs\" as an engine, which should be present in the list of \"Inactive shortcuts\".")
),
e("p", {}, "After that, you can optionally set this as a default engine, so you can search right from your URL bar.")
)
}
export function section_search(engine: string) {
link_engine(engine)
bangs.then(bangs => {
if (!bangs[engine.toLowerCase()]) {
status("error", "Engine does not exist")
window.location.hash = "#"
}
})
const heading = e("h1", {}, engine)
bangs.then(bangs => heading.textContent = bangs[engine]?.name ?? engine)
const input = e("input", { type: "text" })
input.addEventListener("keydown", ev => {
if (ev.code == "Enter") {
history.pushState({}, "", window.location.href)
process_query(engine, input.value ?? "")
}
})
const submit = e("button", {}, "Search")
submit.addEventListener("click", () => {
history.pushState({}, "", window.location.href)
process_query(engine, input.value ?? "")
})
return e("section", { class: "search" },
heading,
e("div", { class: "bar" },
input,
submit
)
)
}
function link_engine(engine: string) {
if (document.getElementById("search-link")) {
// <link /> is already present, we need reload because browser wont notice otherwise
window.location.reload()
}
const link = e("link", {
rel: "search",
id: "search-link",
type: "application/opensearchdescription+xml",
href: `search.xml?default=${encodeURIComponent(engine)}`,
title: `Fastbangs (default engine: ${engine})`
})
document.head.append(link)
}
|
