jackc/slop-farmer-extension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

get rid of page action, start working on browser action popup

Browse Source
This commit is contained in:
Jack Case
2025-11-05 20:03:41 +00:00
parent 3753d103e4
commit f6bfb1aa4d
8 changed files with 66 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
manifest.json
View File

@@ -13,12 +13,6 @@
"*://*.duckduckgo.com/*"
],
"page_action": {
"default_icon": "icons/virus-slash.png",
"default_title": "report slop",
"show_matches": ["<all_urls>"]
},
"browser_action": {
"default_icon": "icons/virus-slash.png",
"default_title": "Slop Farmer",

3
package.json
View File

@@ -1,5 +1,6 @@
{
"dependencies": {
"@types/firefox-webext-browser": "^143.0.0"
"@types/firefox-webext-browser": "^143.0.0",
"typescript": "^5.9.3"
}
}

4
pages/action_popup.html
View File

@@ -9,9 +9,9 @@
</head>
<body>
<form id="login-form">
<label for="email" id="username">user:</label>
<label for="email" id="username">username</label>
<input type="text" name="username" required />
<label for="password" id="password">password:</label>
<label for="password" id="password">password</label>
<input type="password" name="password" required />
<button id="login-button">login</button>
</form>

29
src/browser-action.ts Normal file
View File

@@ -0,0 +1,29 @@
import { API_URL } from "common"
const login_form = document.getElementById("login-form") as HTMLFormElement
const login_status = document.getElementById("login-status")
if (localStorage.getItem("accessToken")) {
login_status.setAttribute("style", "visibility: visible;")
}
login_form.addEventListener("submit", (event) => { event.preventDefault(); submit_login_form() })
async function submit_login_form() {
const login_url = new URL("/login", API_URL)
const request = new Request(login_url,
{
method: "POST",
body: new FormData(login_form)
})
const response = await fetch(request)
if (response.ok) {
const body = await response.json()
const token = body.access_token
localStorage.setItem("accessToken", token)
const status_el = document.getElementById("login-status")
status_el.setAttribute("style", "visibility: visible;")
}
}

1
src/common.ts Normal file
View File

@@ -0,0 +1 @@
export const API_URL: string = "https://api.slopfarmer.jack-case.pro"

66
src/report-slop.ts
View File

@@ -1,15 +1,6 @@
const API_URL: string = "https://api.slopfarmer.jack-case.pro"
import { API_URL } from "common"
let access_token: string
const login_form = document.getElementById("login-form") as HTMLFormElement
if(login_form) {
const login_status = document.getElementById("login-status")
if (localStorage.getItem("accessToken")) {
login_status.setAttribute("style", "visibility: visible;")
}
login_form.addEventListener("submit", (event) => {event.preventDefault(); submit_login_form()})
}
function setup_storage_db() {
/* create indexeddb object store to retain objects in the form of
* {"domain": "domain.tld",
@@ -36,7 +27,7 @@ function setup_storage_db() {
db_request.onupgradeneeded = (event) => {
console.log(event)
db = event.target.result
const slop_store = db.createObjectStore("slop", {keyPath: "domain"})
const slop_store = db.createObjectStore("slop", { keyPath: "domain" })
}
}
@@ -85,7 +76,7 @@ async function insert_slop(domain: string, path: string, report: boolean = true)
// create a new domain object
const paths_set = new Set()
paths_set.add(path)
result = {domain: domain, paths: paths_set}
result = { domain: domain, paths: paths_set }
}
// persist to indexeddb
@@ -96,7 +87,7 @@ async function insert_slop(domain: string, path: string, report: boolean = true)
}
}
if(report) {
if (report) {
const report_url = new URL("/report", API_URL)
const request = new Request(report_url,
{
@@ -105,7 +96,7 @@ async function insert_slop(domain: string, path: string, report: boolean = true)
"Content-Type": "application/json",
"Bearer": get_access_token()
},
body: JSON.stringify({slop_urls: [new URL(path, "http://"+domain).toString()]})
body: JSON.stringify({ slop_urls: [new URL(path, "http://" + domain).toString()] })
})
fetch(request)
}
@@ -125,7 +116,7 @@ async function check_local_slop(url: string) {
})
const slop_object = await known_slop
let result = {slop_domain: false, slop_path: false}
let result = { slop_domain: false, slop_path: false }
if (slop_object) {
// domain was found
result.slop_domain = true
@@ -140,10 +131,10 @@ async function check_local_slop(url: string) {
async function check_remote_slop(urls: string[]) {
const check_url = new URL("/check", API_URL)
const request = new Request(check_url, {method: "POST", headers: { "Content-Type": "application/json", "Bearer": get_access_token() }, body: JSON.stringify({slop_urls: urls})})
const request = new Request(check_url, { method: "POST", headers: { "Content-Type": "application/json", "Bearer": get_access_token() }, body: JSON.stringify({ slop_urls: urls }) })
const response = await fetch(request)
let domain_objects = await response.json()
domain_objects.forEach((domain: any) => {insert_slop(domain.domain_name, "/", false)})
domain_objects.forEach((domain: any) => { insert_slop(domain.domain_name, "/", false) })
return domain_objects
}
@@ -157,21 +148,21 @@ async function on_button_clicked_handler(tab: any) {
await insert_slop(domain, path)
// @ts-ignore
update_page_action_icon({frameId: 0, tabId: tab.id, url: tab.url})
update_page_action_icon({ frameId: 0, tabId: tab.id, url: tab.url })
}
async function update_page_action_icon(details: browser.webNavigation._OnCommittedDetails) {
if(details.frameId != 0) {
if (details.frameId != 0) {
return
}
const is_slop = await check_local_slop(details.url)
if(is_slop.slop_path) {
if (is_slop.slop_path) {
browser.pageAction.setIcon({
path: "icons/virus_red.png",
tabId: details.tabId
})
}
else if(is_slop.slop_domain) {
else if (is_slop.slop_domain) {
browser.pageAction.setIcon({
path: "icons/virus_yellow.png",
tabId: details.tabId
@@ -220,32 +211,9 @@ function get_access_token() {
return access_token
}
async function submit_login_form() {
const login_url = new URL("/login", API_URL)
const request = new Request(login_url,
{
method: "POST",
body: new FormData(login_form)
})
const response = await fetch(request)
if(response.ok) {
const body = await response.json()
const token = body.access_token
localStorage.setItem("accessToken", token)
const status_el = document.getElementById("login-status")
status_el.setAttribute("style", "visibility: visible;")
}
}
if(!login_form) {
browser.runtime.onInstalled.addListener(on_install_handler)
browser.runtime.onStartup.addListener(get_access_token)
browser.pageAction.onClicked.addListener(on_button_clicked_handler)
browser.webNavigation.onCommitted.addListener(update_page_action_icon)
browser.runtime.onMessage.addListener(message_listener)
}
browser.runtime.onInstalled.addListener(on_install_handler)
browser.runtime.onStartup.addListener(get_access_token)
browser.pageAction.onClicked.addListener(on_button_clicked_handler)
browser.webNavigation.onCommitted.addListener(update_page_action_icon)
browser.runtime.onMessage.addListener(message_listener)

3
tsconfig.json
View File

@@ -5,6 +5,7 @@
"noImplicitAny": true,
"lib": ["ES7", "DOM"],
"sourceMap": true,
"target": "esnext"
"target": "esnext",
"baseUrl": "src/"
}
}

5
yarn.lock
View File

@@ -6,3 +6,8 @@
version "143.0.0"
resolved "https://registry.yarnpkg.com/@types/firefox-webext-browser/-/firefox-webext-browser-143.0.0.tgz#29413c9f393d4c4b5622d4a74182ff0219e98620"
integrity sha512-865dYKMOP0CllFyHmgXV4IQgVL51OSQQCwSoihQ17EwugePKFSAZRc0EI+y7Ly4q7j5KyURlA7LgRpFieO4JOw==
typescript@^5.9.3:
version "5.9.3"
resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==