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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
let logging = true;
function applyCSSToTab(tab) {
if (logging) console.log("applyCSSToTab called with", tab);
// Apply CSS to the specified tab
const url = new URL(tab.url);
const hostname = url.hostname;
browser.storage.local.get("transparentZenSettings").then((settings) => {
if (settings.transparentZenSettings?.enableStyling) {
browser.storage.local.get("styles").then((data) => {
const cssFileName = Object.keys(data.styles?.website || {}).find(
(key) => {
const siteName = key.replace(".css", "");
return hostname === siteName || hostname === `www.${siteName}`;
}
);
if (cssFileName) {
const features = data.styles.website[cssFileName];
const featureSettings =
settings.transparentZenSettings.featureSettings?.[cssFileName] ||
{};
let combinedCSS = "";
for (const [feature, css] of Object.entries(features)) {
if (featureSettings[feature] !== false) {
combinedCSS += css + "\n";
}
}
if (combinedCSS) {
browser.tabs
.insertCSS(tab.id, { code: combinedCSS })
.then(() => {
console.log(`Injected custom CSS for ${hostname}`);
})
.catch((error) => {
console.error(`Error applying CSS to ${hostname}:`, error);
});
}
}
});
}
});
}
let autoUpdateInterval;
function startAutoUpdate() {
if (logging) console.log("startAutoUpdate called");
// Start the auto-update interval
if (autoUpdateInterval) clearInterval(autoUpdateInterval);
autoUpdateInterval = setInterval(refetchCSS, 2 * 60 * 60 * 1000);
}
function stopAutoUpdate() {
if (logging) console.log("stopAutoUpdate called");
// Stop the auto-update interval
if (autoUpdateInterval) clearInterval(autoUpdateInterval);
}
async function refetchCSS() {
if (logging) console.log("refetchCSS called");
// Refetch CSS styles from the remote server
try {
const response = await fetch(
"https://sameerasw.github.io/my-internet/styles.json",
{
headers: { "Cache-Control": "no-cache" },
}
);
if (!response.ok) throw new Error("Failed to fetch styles.json");
const styles = await response.json();
await browser.storage.local.set({ styles });
await browser.storage.local.set({ lastFetchedTime: Date.now() });
console.info("All styles refetched and updated from GitHub.");
} catch (error) {
console.error("Error refetching styles:", error);
}
}
browser.runtime.onMessage.addListener((message) => {
if (logging) console.log("onMessage received", message);
// Handle messages for enabling/disabling auto-update
if (message.action === "enableAutoUpdate") {
startAutoUpdate();
} else if (message.action === "disableAutoUpdate") {
stopAutoUpdate();
}
});
// Initialize auto-update based on stored settings
browser.storage.local.get("transparentZenSettings").then((settings) => {
if (logging) console.log("Initial settings loaded", settings);
if (settings.transparentZenSettings?.autoUpdate) {
startAutoUpdate();
}
});
browser.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
// if (logging) console.log("onUpdated called with", tabId, changeInfo, tab);
// Apply CSS when a tab is updated
if (changeInfo.status === "complete") {
applyCSSToTab(tab);
}
});
// browser.tabs.onActivated.addListener(async (activeInfo) => {
// if (logging) console.log("onActivated called with", activeInfo);
// // Apply CSS when a tab is activated
// const tab = await browser.tabs.get(activeInfo.tabId);
// applyCSSToTab(tab);
// });
|
