first commit
commit
b8252e54b1
@ -0,0 +1,36 @@
|
||||
let categories = {
|
||||
collect: {
|
||||
title: "Collection of Data",
|
||||
keywords: ["data", "collect"],
|
||||
},
|
||||
third: {
|
||||
title: "Usage of Data",
|
||||
keywords: ["share", "third", "companies", "party"],
|
||||
},
|
||||
location: {
|
||||
title: "Location",
|
||||
keywords: ["location", "position", "coordinate"],
|
||||
},
|
||||
permission: {
|
||||
title: "Permission and Consent",
|
||||
keywords: ["permission", "consent"],
|
||||
},
|
||||
upload: {
|
||||
title: "Uploaded Contents",
|
||||
keywords: ["upload", "content"],
|
||||
},
|
||||
suspension: {
|
||||
title: "Suspension of the account",
|
||||
keywords: ["suspension", "termination", "ban", "suspend", "disable", "account", "breached"],
|
||||
},
|
||||
};
|
||||
|
||||
let selected = ["collect", "third", "location"];
|
||||
|
||||
chrome.runtime.onInstalled.addListener(() => {
|
||||
chrome.storage.sync.set({ selected, categories });
|
||||
console.log(
|
||||
"The default selected categories are:",
|
||||
selected.map((slug) => categories[slug].title).join(", ")
|
||||
);
|
||||
});
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 342 B |
Binary file not shown.
|
After Width: | Height: | Size: 610 B |
Binary file not shown.
|
After Width: | Height: | Size: 889 B |
@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "Parse Policies",
|
||||
"description": "An extension to parse privacy policies",
|
||||
"version": "0.1",
|
||||
"manifest_version": 3,
|
||||
"background": {
|
||||
"service_worker": "background.js"
|
||||
},
|
||||
"permissions": [
|
||||
"storage",
|
||||
"activeTab",
|
||||
"scripting"
|
||||
],
|
||||
"action": {
|
||||
"default_popup": "popup.html",
|
||||
"default_icon": {
|
||||
"16": "/images/icon_16.png",
|
||||
"32": "/images/icon_32.png",
|
||||
"48": "/images/icon_48.png",
|
||||
"128": "/images/icon_128.png"
|
||||
}
|
||||
},
|
||||
"icons": {
|
||||
"16": "/images/icon_16.png",
|
||||
"32": "/images/icon_32.png",
|
||||
"48": "/images/icon_48.png",
|
||||
"128": "/images/icon_128.png"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
body {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
button {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
border: 1px solid currentColor;
|
||||
|
||||
}
|
||||
|
||||
button:active {
|
||||
background-color: currentColor;
|
||||
}
|
||||
|
||||
button.current {
|
||||
box-shadow: 0 0 0 2px white,
|
||||
0 0 0 4px black;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
font-size: 1rem;
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="popup.css" />
|
||||
<script src="popup.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Parse Policies</h1>
|
||||
<button id="activate"></button>
|
||||
<div>
|
||||
<h2>Selected categories</h2>
|
||||
<ul id="selected-list"></ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,46 @@
|
||||
// Sync the selected categories in the popup
|
||||
|
||||
chrome.storage.sync.get(["categories", "selected"], (result) => {
|
||||
let categories = result.categories;
|
||||
let selected = result.selected;
|
||||
listCategories(categories, selected);
|
||||
});
|
||||
|
||||
const listCategories = function (categories, selected) {
|
||||
let selectedList = document.getElementById("selected-list");
|
||||
for (const category of selected) {
|
||||
item = document.createElement("li");
|
||||
item.innerHTML = categories[category].title;
|
||||
selectedList.appendChild(item);
|
||||
}
|
||||
};
|
||||
|
||||
const activate = document.getElementById("activate");
|
||||
activate.addEventListener("click", async () => {
|
||||
let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
|
||||
|
||||
chrome.scripting.executeScript({
|
||||
target: { tabId: tab.id },
|
||||
function: highlightSelected,
|
||||
});
|
||||
});
|
||||
|
||||
function highlightSelected() {
|
||||
chrome.storage.sync.get(["categories", "selected"], (result) => {
|
||||
for (category of result.selected) {
|
||||
result.categories[category].keywords.forEach((keyword) => {
|
||||
let findings = contains("*", keyword);
|
||||
if (findings.length) {
|
||||
console.log(findings);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function contains(selector, text) {
|
||||
var elements = document.querySelectorAll(selector);
|
||||
return Array.prototype.filter.call(elements, function (element) {
|
||||
return RegExp(text).test(element.textContent);
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Tempor dolore voluptate aute velit. Anim laboris deserunt ut Lorem sunt. Occaecat
|
||||
consectetur ex proident culpa consectetur aliqua minim nulla consequat amet enim. Ipsum
|
||||
excepteur fugiat reprehenderit laboris sint.
|
||||
</p>
|
||||
|
||||
<p>Location tempor eheh ahah</p>
|
||||
|
||||
<p>Usage of data</p>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue