ENERGIZE!
This commit is contained in:
commit
54765b9138
22
_locales/en/messages.json
Normal file
22
_locales/en/messages.json
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
{
|
||||||
|
"menuItemShareLink": {
|
||||||
|
"message": "Share Link",
|
||||||
|
"description": "Share the right-clicked link."
|
||||||
|
},
|
||||||
|
"menuItemSharePage": {
|
||||||
|
"message": "Share Page",
|
||||||
|
"description": "Share current page."
|
||||||
|
},
|
||||||
|
"menuItemShareImage": {
|
||||||
|
"message": "Share Link to Image",
|
||||||
|
"description": "Share link to the right-clicked image."
|
||||||
|
},
|
||||||
|
"menuItemShareFrame": {
|
||||||
|
"message": "Share Link to IFrame",
|
||||||
|
"description": "Share link to the right-clicked iframe."
|
||||||
|
},
|
||||||
|
"menuItemShareSelection": {
|
||||||
|
"message": "Share Selected Text",
|
||||||
|
"description": "Share the selected text."
|
||||||
|
}
|
||||||
|
}
|
||||||
38
icons/mastodon-share-dark.svg
Normal file
38
icons/mastodon-share-dark.svg
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
version="1.1"
|
||||||
|
viewBox="0 0 57.883159 57.88316"
|
||||||
|
height="57.88316mm"
|
||||||
|
width="57.88316mm">
|
||||||
|
<rect
|
||||||
|
ry="6.0133438"
|
||||||
|
y="7.293541"
|
||||||
|
x="0.85941321"
|
||||||
|
height="43.296078"
|
||||||
|
width="56.164337"
|
||||||
|
style="fill:#282c37;stroke:#1b1e25;stroke-width:1.71882558;" />
|
||||||
|
<path
|
||||||
|
style="fill:#3088d4"
|
||||||
|
d="m 36.173854,31.935902 c -0.412679,2.12307 -3.696111,4.44656 -7.467135,4.89685 -1.966427,0.23464 -3.902531,0.4503 -5.96706,0.3556 -3.376344,-0.15469 -6.040514,-0.80589 -6.040514,-0.80589 0,0.32868 0.02027,0.64164 0.06081,0.93432 0.438947,3.33208 3.304025,3.53169 6.017975,3.62476 2.739247,0.0937 5.178349,-0.67536 5.178349,-0.67536 l 0.112534,2.47639 c 0,0 -1.915997,1.02886 -5.329151,1.2181 -1.882107,0.10345 -4.219053,-0.0474 -6.940949,-0.7678 -5.903334,-1.5625 -6.918572,-7.85516 -7.073914,-14.24009 -0.04735,-1.89573 -0.01816,-3.6833 -0.01816,-5.17835 0,-6.52892 4.277753,-8.44265 4.277753,-8.44265 2.156956,-0.99058 5.858093,-1.40716 9.705815,-1.43862 h 0.09453 c 3.847723,0.0315 7.551293,0.44804 9.708087,1.43862 0,0 4.27759,1.91373 4.27759,8.44265 0,0 0.05367,4.81707 -0.59656,8.16147" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffffff"
|
||||||
|
d="m 31.724706,24.280932 v 7.90543 h -3.131981 v -7.67307 c 0,-1.61747 -0.680555,-2.43845 -2.041827,-2.43845 -1.505102,0 -2.259437,0.97389 -2.259437,2.89962 v 4.19991 h -3.113495 v -4.19991 c 0,-1.92573 -0.754497,-2.89962 -2.259599,-2.89962 -1.361272,0 -2.041827,0.82098 -2.041827,2.43845 v 7.67307 h -3.131981 v -7.90543 c 0,-1.61569 0.411381,-2.89962 1.237712,-3.84951 0.852113,-0.94989 1.968048,-1.43683 3.353319,-1.43683 1.602719,0 2.816432,0.61602 3.618925,1.84822 l 0.780117,1.30776 0.780279,-1.30776 c 0.802332,-1.2322 2.016046,-1.84822 3.618926,-1.84822 1.385109,0 2.501044,0.48694 3.353319,1.43683 0.826168,0.94989 1.23755,2.23382 1.23755,3.84951" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#3088d4;stroke-width:2.11666656"
|
||||||
|
d="m 48.419887,32.162002 -9.710952,6.3391 11.059692,3.91135" />
|
||||||
|
<g style="fill:#3088d4;">
|
||||||
|
<circle
|
||||||
|
cx="49.161694"
|
||||||
|
cy="31.555061"
|
||||||
|
r="3.5741699" />
|
||||||
|
<circle
|
||||||
|
r="3.5741699"
|
||||||
|
cy="38.56852"
|
||||||
|
cx="38.911243" />
|
||||||
|
<circle
|
||||||
|
cx="49.688114"
|
||||||
|
cy="42.478706"
|
||||||
|
r="3.5741699" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
38
icons/mastodon-share-light.svg
Normal file
38
icons/mastodon-share-light.svg
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
version="1.1"
|
||||||
|
viewBox="0 0 57.883159 57.88316"
|
||||||
|
height="57.88316mm"
|
||||||
|
width="57.88316mm">
|
||||||
|
<rect
|
||||||
|
ry="6.0133438"
|
||||||
|
y="7.293541"
|
||||||
|
x="0.85941321"
|
||||||
|
height="43.296078"
|
||||||
|
width="56.164337"
|
||||||
|
style="fill:#d9e1e8;stroke:#c6d2dc;stroke-width:1.71882558" />
|
||||||
|
<path
|
||||||
|
style="fill:#3088d4"
|
||||||
|
d="m 36.173854,31.935902 c -0.412679,2.12307 -3.696111,4.44656 -7.467135,4.89685 -1.966427,0.23464 -3.902531,0.4503 -5.96706,0.3556 -3.376344,-0.15469 -6.040514,-0.80589 -6.040514,-0.80589 0,0.32868 0.02027,0.64164 0.06081,0.93432 0.438947,3.33208 3.304025,3.53169 6.017975,3.62476 2.739247,0.0937 5.178349,-0.67536 5.178349,-0.67536 l 0.112534,2.47639 c 0,0 -1.915997,1.02886 -5.329151,1.2181 -1.882107,0.10345 -4.219053,-0.0474 -6.940949,-0.7678 -5.903334,-1.5625 -6.918572,-7.85516 -7.073914,-14.24009 -0.04735,-1.89573 -0.01816,-3.6833 -0.01816,-5.17835 0,-6.52892 4.277753,-8.44265 4.277753,-8.44265 2.156956,-0.99058 5.858093,-1.40716 9.705815,-1.43862 h 0.09453 c 3.847723,0.0315 7.551293,0.44804 9.708087,1.43862 0,0 4.27759,1.91373 4.27759,8.44265 0,0 0.05367,4.81707 -0.59656,8.16147" />
|
||||||
|
<path
|
||||||
|
style="fill:#ffffff"
|
||||||
|
d="m 31.724706,24.280932 v 7.90543 h -3.131981 v -7.67307 c 0,-1.61747 -0.680555,-2.43845 -2.041827,-2.43845 -1.505102,0 -2.259437,0.97389 -2.259437,2.89962 v 4.19991 h -3.113495 v -4.19991 c 0,-1.92573 -0.754497,-2.89962 -2.259599,-2.89962 -1.361272,0 -2.041827,0.82098 -2.041827,2.43845 v 7.67307 h -3.131981 v -7.90543 c 0,-1.61569 0.411381,-2.89962 1.237712,-3.84951 0.852113,-0.94989 1.968048,-1.43683 3.353319,-1.43683 1.602719,0 2.816432,0.61602 3.618925,1.84822 l 0.780117,1.30776 0.780279,-1.30776 c 0.802332,-1.2322 2.016046,-1.84822 3.618926,-1.84822 1.385109,0 2.501044,0.48694 3.353319,1.43683 0.826168,0.94989 1.23755,2.23382 1.23755,3.84951" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#3088d4;stroke-width:2.11666656"
|
||||||
|
d="m 48.419887,32.162002 -9.710952,6.3391 11.059692,3.91135" />
|
||||||
|
<g style="fill:#3088d4;">
|
||||||
|
<circle
|
||||||
|
cx="49.161694"
|
||||||
|
cy="31.555061"
|
||||||
|
r="3.5741699" />
|
||||||
|
<circle
|
||||||
|
r="3.5741699"
|
||||||
|
cy="38.56852"
|
||||||
|
cx="38.911243" />
|
||||||
|
<circle
|
||||||
|
cx="49.688114"
|
||||||
|
cy="42.478706"
|
||||||
|
r="3.5741699" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
38
manifest.json
Normal file
38
manifest.json
Normal file
|
|
@ -0,0 +1,38 @@
|
||||||
|
{
|
||||||
|
"manifest_version": 2,
|
||||||
|
"name": "Mastodon Share",
|
||||||
|
"version": "0.1",
|
||||||
|
"default_locale": "en",
|
||||||
|
"description": "Share links on Mastodon",
|
||||||
|
|
||||||
|
"browser_specific_settings": {
|
||||||
|
"gecko": {
|
||||||
|
"id": "mastodonshare@slamkode.ml",
|
||||||
|
"strict_min_version": "57.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
"background": {
|
||||||
|
"scripts": ["mastodonshare.js"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"permissions": ["contextMenus", "storage"],
|
||||||
|
|
||||||
|
"browser_action": {
|
||||||
|
"default_icon": "icons/mastodon-share-light.svg",
|
||||||
|
"default_title": "Share on Mastodon",
|
||||||
|
"default_popup": "popup.html",
|
||||||
|
"theme_icons": [
|
||||||
|
{
|
||||||
|
"light": "icons/mastodon-share-light.svg",
|
||||||
|
"dark": "icons/mastodon-share-dark.svg",
|
||||||
|
"size": 16
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"light": "icons/mastodon-share-light.svg",
|
||||||
|
"dark": "icons/mastodon-share-dark.svg",
|
||||||
|
"size": 32
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
110
mastodonshare.js
Normal file
110
mastodonshare.js
Normal file
|
|
@ -0,0 +1,110 @@
|
||||||
|
var data = {
|
||||||
|
account: "",
|
||||||
|
sharebase: ""
|
||||||
|
};
|
||||||
|
|
||||||
|
function SetupAccount(result)
|
||||||
|
{
|
||||||
|
if(!result.account) {
|
||||||
|
console.log("No account in storage.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
data.account = result.account;
|
||||||
|
|
||||||
|
if(data.account.charAt(0) == '@') {
|
||||||
|
data.account = data.account.substring(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
var uriparts = data.account.split('@');
|
||||||
|
|
||||||
|
if(uriparts.length < 2)
|
||||||
|
return;
|
||||||
|
data.sharebase = 'https://' + uriparts[1] + '/share?text=';
|
||||||
|
}
|
||||||
|
|
||||||
|
browser.storage.local.get("account").then(SetupAccount);
|
||||||
|
|
||||||
|
browser.contextMenus.create({
|
||||||
|
id: "share-link",
|
||||||
|
title: browser.i18n.getMessage("menuItemShareLink"),
|
||||||
|
contexts: ["link"]
|
||||||
|
});
|
||||||
|
|
||||||
|
browser.contextMenus.create({
|
||||||
|
id: "share-page",
|
||||||
|
title: browser.i18n.getMessage("menuItemSharePage"),
|
||||||
|
contexts: ["page"]
|
||||||
|
});
|
||||||
|
|
||||||
|
browser.contextMenus.create({
|
||||||
|
id: "share-image",
|
||||||
|
title: browser.i18n.getMessage("menuItemShareImage"),
|
||||||
|
contexts: ["image"]
|
||||||
|
});
|
||||||
|
|
||||||
|
browser.contextMenus.create({
|
||||||
|
id: "share-frame",
|
||||||
|
title: browser.i18n.getMessage("menuItemShareFrame"),
|
||||||
|
contexts: ["frame"]
|
||||||
|
});
|
||||||
|
|
||||||
|
browser.contextMenus.create({
|
||||||
|
id: "share-selection",
|
||||||
|
title: browser.i18n.getMessage("menuItemShareSelection"),
|
||||||
|
contexts: ["selection"]
|
||||||
|
});
|
||||||
|
|
||||||
|
browser.contextMenus.onClicked.addListener((info, tab) =>
|
||||||
|
{
|
||||||
|
var text;
|
||||||
|
|
||||||
|
if(data.account === "") {
|
||||||
|
console.log("Error: No account.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
switch (info.menuItemId) {
|
||||||
|
case "share-link": {
|
||||||
|
text = info.linkUrl;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "share-page": {
|
||||||
|
text = info.pageUrl
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "share-image": {
|
||||||
|
text = info.srcUrl;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "share-frame": {
|
||||||
|
text = info.frameUrl;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "share-selection": {
|
||||||
|
text = info.selectionText;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
default: {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
browser.tabs.update({
|
||||||
|
"url": data.sharebase + encodeURIComponent(text)
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
browser.runtime.onMessage.addListener( async (msg) => {
|
||||||
|
if(msg.key === "getAccount") {
|
||||||
|
browser.storage.local.get("account").then(SetupAccount);
|
||||||
|
return data.account;
|
||||||
|
}
|
||||||
|
if(msg.key === "setAccount") {
|
||||||
|
browser.storage.local.set({
|
||||||
|
account: msg.value
|
||||||
|
}).then( result => {
|
||||||
|
data.account = msg.value;
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
63
popup.css
Normal file
63
popup.css
Normal file
|
|
@ -0,0 +1,63 @@
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background: #282c37 !important;
|
||||||
|
color: #9baec8 !important;
|
||||||
|
}
|
||||||
|
.mastodon-widget-title {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
.mastodon-widget-input {
|
||||||
|
background: #131419 !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
background: #d9e1e8;
|
||||||
|
color: #282c37;
|
||||||
|
}
|
||||||
|
.mastodon-widget-container {
|
||||||
|
font-family: "Roboto",Roboto,sans-serif;
|
||||||
|
margin: 2px auto;
|
||||||
|
padding: 20px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
.mastodon-widget-input {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 8px 0;
|
||||||
|
padding: 10px;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-family: inherit;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
background: #f9fafb;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.mastodon-widget-title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
margin: 0;
|
||||||
|
color: #282c37;
|
||||||
|
}
|
||||||
|
.mastodon-widget-button {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin: 8px 0;
|
||||||
|
padding: 10px;
|
||||||
|
background: #2b90d9;
|
||||||
|
color: #fff;
|
||||||
|
font-family: inherit;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: inherit;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
box-sizing: border-box;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
11
popup.html
Normal file
11
popup.html
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="popup.css" type="text/css" />
|
||||||
|
<body>
|
||||||
|
<div class="mastodon-widget-container">
|
||||||
|
<p class="mastodon-widget-title">Mastodon Account</p>
|
||||||
|
<input class="mastodon-widget-input" type="text" name="account" />
|
||||||
|
<button class="mastodon-widget-button">Save</button>
|
||||||
|
</div>
|
||||||
|
<script src="popup.js" type="application/javascript"></script>
|
||||||
|
</body>
|
||||||
25
popup.js
Normal file
25
popup.js
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
function saveOptions(e)
|
||||||
|
{
|
||||||
|
browser.runtime.sendMessage(
|
||||||
|
{
|
||||||
|
"key": "setAccount",
|
||||||
|
"value": document.querySelector(".mastodon-widget-input").value
|
||||||
|
}
|
||||||
|
).then(
|
||||||
|
response => {
|
||||||
|
window.close();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
document.removeEventListener("DOMContentLoaded", this);
|
||||||
|
|
||||||
|
browser.runtime.sendMessage({"key": "getAccount"}).then(
|
||||||
|
response => {
|
||||||
|
document.querySelector(".mastodon-widget-input").value = response;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
document.querySelector(".mastodon-widget-button").addEventListener("click", saveOptions);
|
||||||
|
});
|
||||||
Loading…
Reference in a new issue