-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
81 lines (67 loc) · 1.8 KB
/
script.js
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
const urls = []
const saveUrl = document.querySelector("#save-url")
const savedLinks = document.querySelector("#saved-links")
const saveTab = document.querySelector("#save-tab")
const deleteAll = document.querySelector("#delete-all")
getFromLocalStorage()
showLinks()
function saveToLocalStorage() {
localStorage.setItem("urls", JSON.stringify(urls))
}
function getFromLocalStorage() {
const savedUrls = JSON.parse(localStorage.getItem("urls"))
if (savedUrls) {
savedUrls.forEach((i) =>
urls.push(i)
)
}
}
function showLinks() {
if (urls.length > 0) {
urls.forEach((i) => {
savedLinks.innerHTML += `<li><a target="_blank" href="${i}">${i} </a></li>`
})
}
}
async function saveCurrentTab() {
// You can also use chrome API
// let queryOptions = { active: true, lastFocusedWindow: true };
// const tabs = await chrome.tabs.query(queryOptions, (tab) => {
// return tab
// })
const [tab] = await chrome.tabs.query({ active: true, lastFocusedWindow: true });
console.log(tab)
const tabUrl = await tab.url
// const tabUrl = document.URL
if (urls.includes(tabUrl)) {
return
}
urls.push(tabUrl)
runFunction()
}
function runFunction() {
saveToLocalStorage()
savedLinks.replaceChildren()
showLinks()
}
saveUrl.addEventListener("click", (e) => {
e.preventDefault()
const url = document.querySelector("#url")
if (url.value.length > 0) {
// TODO: show a notification if url already included
if (urls.includes(url.value)) {
return
}
urls.push(url.value)
url.value = ""
runFunction()
}
})
saveTab.addEventListener("click", (e) => {
e.preventDefault()
saveCurrentTab()
})
deleteAll.addEventListener("click", () => {
urls.length = 0
runFunction()
})