+ javascript +
+ + + + diff --git a/browserAction/reem-kufi.woff2 b/browserAction/reem-kufi.woff2 new file mode 100644 index 0000000..652b24f Binary files /dev/null and b/browserAction/reem-kufi.woff2 differ diff --git a/browserAction/script.js b/browserAction/script.js new file mode 100644 index 0000000..114f509 --- /dev/null +++ b/browserAction/script.js @@ -0,0 +1,35 @@ +let javascript = document.getElementById('javascript') +let defaultCode = +`// enter some +// javascript here +// and it will +// run on every page +// on this domain (location.host)` + +async function getActiveTab () { + let tabs = await browser.tabs.query({ + active: true, + currentWindow: true + }) + + return tabs[0] +} + +async function getHost () { + let {url} = await getActiveTab() + let {host} = new URL(url) + return host +} + +getHost().then(async host => { + let store = await browser.storage.local.get() + let code = store[await getHost()] || defaultCode + javascript.value = code +}) + +javascript.addEventListener('input', async event => { + let host = await getHost() + browser.storage.local.set({ + [host]: javascript.value + }) +}) diff --git a/browserAction/style.css b/browserAction/style.css new file mode 100644 index 0000000..c3e7691 --- /dev/null +++ b/browserAction/style.css @@ -0,0 +1,30 @@ +@font-face { + font-family: "Reem Kufi"; + font-style: normal; + font-display: swap; + font-weight: 400; + src: + local('Reem Kufi Regular '), + local('Reem Kufi-Regular'), + url('./reem-kufi.woff2') format('woff2'); +} + +* { + box-sizing: border-box; +} + +body { + background: #f7df1e; + font-family: neutra text, neutra text bold, reem kufi, sans-serif; + font-weight: 900; + min-width: 25vw; +} + +textarea { + border: none; + width: 100%; + background: #f7df1e; + font-weight: bold; + border: 2px dotted black; + padding: .5em; +} diff --git a/content_script.js b/content_script.js new file mode 100644 index 0000000..1b2119d --- /dev/null +++ b/content_script.js @@ -0,0 +1,11 @@ +browser.storage.local.get().then(store => { + let javascript = store[location.host] + + if (!javascript) { + return + } + + let script = document.createElement('script') + script.textContent = javascript + document.body.append(script) +}) diff --git a/icons/icon.png b/icons/icon.png new file mode 100644 index 0000000..7b5ffab Binary files /dev/null and b/icons/icon.png differ diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..ac979fd --- /dev/null +++ b/manifest.json @@ -0,0 +1,39 @@ +{ + "manifest_version": 2, + "name": "javascript", + "description": "add javascript that will run on this domain", + "version": "0.0.1", + "icons": { + "64": "icons/icon.png" + }, + "permissions": [ + "activeTab", + "storage", + "unlimitedStorage" + ], + "background": { + "scripts": [ + "background_script.js" + ] + }, + "content_scripts": [ + { + "matches": [ + "*://*/*" + ], + "js": [ + "content_script.js" + ] + } + ], + "browser_action": { + "default_icon": { + "64": "icons/icon.png" + }, + "default_popup": "browserAction/index.html", + "default_title": "javascript" + }, + "options_ui": { + "page": "options/index.html" + } +} diff --git a/options/index.html b/options/index.html new file mode 100644 index 0000000..c33ae33 --- /dev/null +++ b/options/index.html @@ -0,0 +1,6 @@ + + + + +