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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
<script>
const browser = window.browser || window.chrome
import Exceptions from "./Exceptions.svelte"
import SettingsButtons from "./SettingsButtons.svelte"
import { options } from "../stores"
import { onDestroy } from "svelte"
import Row from "../../components/Row.svelte"
import Label from "../../components/Label.svelte"
import Select from "../../components/Select.svelte"
import Checkbox from "../../components/Checkbox.svelte"
let _options
const unsubscribe = options.subscribe(val => (_options = val))
onDestroy(unsubscribe)
let disableBookmarks = null
browser.runtime.getPlatformInfo(r => {
switch (r.os) {
case "fuchsia":
case "ios":
case "android":
disableBookmarks = true
break
default:
disableBookmarks = false
}
if (!disableBookmarks) {
browser.permissions.contains({ permissions: ["bookmarks"] }, r => (bookmarksPermission = r))
}
})
let bookmarksPermission
$: if (disableBookmarks !== null && disableBookmarks === false) {
if (bookmarksPermission) {
browser.permissions.request({ permissions: ["bookmarks"] }, r => (bookmarksPermission = r))
} else {
browser.permissions.remove({ permissions: ["bookmarks"] })
bookmarksPermission = false
}
}
</script>
<div>
<Row>
<Label>{browser.i18n.getMessage("theme") || "Theme"}</Label>
<Select
values={[
{ value: "detect", name: browser.i18n.getMessage("auto") || "Auto" },
{ value: "light", name: browser.i18n.getMessage("light") || "Light" },
{ value: "dark", name: browser.i18n.getMessage("dark") || "Dark" },
]}
value={_options.theme}
onChange={e => {
_options.theme = e.target.options[e.target.options.selectedIndex].value
options.set(_options)
}}
/>
</Row>
<Row>
<Label>{browser.i18n.getMessage("fetchPublicInstances") || "Fetch public instances"}</Label>
<Select
value={_options.fetchInstances}
values={[
{ value: "github", name: "GitHub" },
{ value: "codeberg", name: "Codeberg" },
{ value: "disable", name: browser.i18n.getMessage("disable") || "Disable" },
]}
onChange={e => {
_options.fetchInstances = e.target.options[e.target.options.selectedIndex].value
options.set(_options)
}}
/>
</Row>
<Row>
<Label>{browser.i18n.getMessage("redirectOnlyInIncognito") || "Redirect Only in Incognito"}</Label>
<Checkbox
checked={_options.redirectOnlyInIncognito}
onChange={e => {
_options.redirectOnlyInIncognito = e.target.checked
options.set(_options)
}}
/>
</Row>
{#if disableBookmarks === false}
<Row>
<Label>{browser.i18n.getMessage("bookmarksMenu") || "Bookmarks menu"}</Label>
<Checkbox bind:checked={bookmarksPermission} />
</Row>
{/if}
<Exceptions />
<SettingsButtons />
</div>
|
