Merge branch 'upgrade-version-2.1.3' into 'master'
Upgrade version 2.1.3 See merge request mickie1/share-freedom-extension!1
|
@ -1,3 +1,4 @@
|
|||
web-ext-artifacts
|
||||
web-ext-artifacts.*
|
||||
src.*
|
||||
src.*
|
||||
*.org
|
57
README.md
|
@ -1,8 +1,9 @@
|
|||
# ![](/img/icon64.png) Share freedom - Firefox addon
|
||||
# ![img](/img/logo.png) Share Freedom - browser extension
|
||||
|
||||
Share the current tab on the fediverse.
|
||||
Share the current tab on the [fediverse](https://fediverse.party/).
|
||||
|
||||
[![Firefox Add-on](/img/badge-amo.png)](https://addons.mozilla.org/en-US/firefox/addon/share-freedom/)
|
||||
|
||||
[Get the extension](https://addons.mozilla.org/en-US/firefox/addon/share-freedom/) (require Firefox 57+)
|
||||
|
||||
## Features
|
||||
|
||||
|
@ -19,60 +20,70 @@ Supported services/protocols:
|
|||
- Pleroma
|
||||
- Osada / Zap / Zot6
|
||||
- XMPP
|
||||
- Nextcloud
|
||||
|
||||
## Screenshot
|
||||
|
||||
![](/img/captura.png)
|
||||
## Screenshots
|
||||
|
||||
## Notes
|
||||
![img](/img/screenshot_1.png)
|
||||
![img](/img/screenshot_2.png)
|
||||
|
||||
- This add-on is a fork of [URL-sharer](https://github.com/shivarajnaidu/URL-sharer) (for centralized/privative social
|
||||
networks) by shivarajnaidu.
|
||||
|
||||
## Build
|
||||
|
||||
Run on project root directory
|
||||
You need Node.js/npm to use the command line tool web-ext
|
||||
|
||||
```bash
|
||||
npm install
|
||||
gulp
|
||||
```
|
||||
`npm install --global web-ext`
|
||||
|
||||
## Hint to settings
|
||||
then, use the next command to generate the package (.zip file)
|
||||
|
||||
`web-ext build`
|
||||
|
||||
See [web-ext page](https://extensionworkshop.com/documentation/develop/getting-started-with-web-ext/).
|
||||
|
||||
**Optional:** Add-ons Linter by Mozilla
|
||||
|
||||
`npm install -g addons-linter`
|
||||
|
||||
See [repo](https://github.com/mozilla/addons-linter).
|
||||
|
||||
In order to work properly, this addon requires that you specify the nodes (=servers) on which you are registered. This is due to the federation of the networks. You can do it on the settings page of the addon, found at **about:addons** in your firefox browser.
|
||||
|
||||
## Contributing
|
||||
|
||||
You can contribute in the following ways:
|
||||
|
||||
- Finding and reporting bugs
|
||||
- Contributing code to the project by fixing bugs or implementing features
|
||||
- Finding and reporting bugs
|
||||
- Contributing code to the project by fixing bugs or implementing features
|
||||
|
||||
|
||||
### Bug reports
|
||||
|
||||
Bug reports and feature suggestions can be submitted to [Gitlab Issues](https://gitlab.com/mickie1/share-freedom-extension/issues). Please make sure that you are not submitting duplicates, and that a similar report or request has not already been resolved or rejected in the past using the search function. Please also use descriptive, concise titles.
|
||||
|
||||
### Pull requests
|
||||
|
||||
### Pull request
|
||||
|
||||
Please use clean, concise titles for your pull requests.
|
||||
|
||||
|
||||
## Invite an ice cream
|
||||
|
||||
You can collaborate with some __criptocurrencies__ for the project :)
|
||||
You can collaborate with __donations__ for the project :)
|
||||
|
||||
__faircoins:__ fVXruVLErxawnKAchcfbMQXya8YYYPvaZN
|
||||
|
||||
__Bitcoins:__ 15Y9cBeGhGmVGZxFQvQCsQhcCvxgzvKmcR
|
||||
|
||||
![](/img/helado.png)
|
||||
__Liberapay__ https://liberapay.com/mickie/
|
||||
|
||||
![](/img/ice-cream.png)
|
||||
[CC-BY 4.0 by Vincent Le Moign](https://commons.wikimedia.org/wiki/File:552-soft-ice-cream-2.svg)
|
||||
|
||||
|
||||
## License
|
||||
|
||||
This Program is Licensed under GPL v3
|
||||
This program is licensed under GPL v3
|
||||
|
||||
Copyleft (ɔ) 2019 - Miguel (mickie)
|
||||
Copyleft (ɔ) 2021 - Miguel (mickie)
|
||||
|
||||
See LICENSE file for more information.
|
||||
|
||||
|
|
|
@ -1,19 +1,23 @@
|
|||
/*by Kim*/
|
||||
|
||||
/* Button Style 1 (Left Icons) */
|
||||
html,
|
||||
body {
|
||||
width:540px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
.btns-container{
|
||||
height:auto;
|
||||
background:#f5f5f5;
|
||||
float:left;
|
||||
width: auto;
|
||||
float:right;
|
||||
padding: 5px 5px 5px 1px;
|
||||
}
|
||||
|
||||
.btns-container a{
|
||||
float:left;
|
||||
margin:10px;
|
||||
float:right;
|
||||
margin:2px;
|
||||
}
|
||||
|
||||
.btns-container a:hover{
|
||||
|
@ -166,3 +170,61 @@ a.btn-grey, a.btn-grey:hover{
|
|||
justify-content:center;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.flex {
|
||||
float: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.options-container {
|
||||
display: flex;
|
||||
flex: initial;
|
||||
flex-direction: row;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
color: #7d7d7d;
|
||||
}
|
||||
|
||||
.btn-options {
|
||||
font-size: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
color: #ffffff;
|
||||
padding: 3px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 15px;
|
||||
padding: 3px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
width: 190px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
background-color: #3455b8;
|
||||
color: #ffffff;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #3a5fcd;
|
||||
}
|
||||
|
||||
button:active {
|
||||
background-color: #22397b;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.credits {
|
||||
color: #ffffff;
|
||||
}
|
53
gulpfile.js
|
@ -1,53 +0,0 @@
|
|||
'use strict';
|
||||
const gulp = require('gulp');
|
||||
const concat = require('gulp-concat');
|
||||
const cleanCSS = require('gulp-clean-css');
|
||||
const htmlReplace = require('gulp-html-replace');
|
||||
const htmlmin = require('gulp-htmlmin');
|
||||
const uglify = require('gulp-uglify-es').default;
|
||||
const rename = require('gulp-rename');
|
||||
|
||||
gulp.task('scripts', () => {
|
||||
return gulp.src('js/*.js')
|
||||
.pipe(concat('app.js'))
|
||||
.pipe(uglify())
|
||||
.pipe(rename('app.min.js'))
|
||||
.pipe(gulp.dest('build/js'));
|
||||
});
|
||||
|
||||
gulp.task('styles', () => {
|
||||
return gulp.src('css/*.css')
|
||||
.pipe(concat('app.css'))
|
||||
.pipe(cleanCSS())
|
||||
.pipe(rename('app.min.css'))
|
||||
.pipe(gulp.dest('build/css/'))
|
||||
});
|
||||
|
||||
gulp.task('html', () => {
|
||||
return gulp.src('index.html')
|
||||
.pipe(htmlmin({ collapseWhitespace: true }))
|
||||
.pipe(htmlReplace({
|
||||
'styles': 'css/app.min.css',
|
||||
'scripts': 'js/app.min.js'
|
||||
}))
|
||||
.pipe(gulp.dest('build'))
|
||||
});
|
||||
|
||||
gulp.task('fonts', () => {
|
||||
return gulp.src('fonts/*')
|
||||
.pipe(gulp.dest('build/fonts'))
|
||||
});
|
||||
|
||||
gulp.task('icons', () => {
|
||||
return gulp.src('icons/*')
|
||||
.pipe(gulp.dest('build/icons'))
|
||||
});
|
||||
|
||||
gulp.task('manifest', () => {
|
||||
return gulp.src('./manifest.json')
|
||||
.pipe(gulp.dest('build'))
|
||||
});
|
||||
|
||||
gulp.task('copy', ['fonts', 'icons', 'manifest']);
|
||||
|
||||
gulp.task('default', ['scripts', 'styles', 'html', 'copy']);
|
|
@ -0,0 +1,90 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<base target="_blank" />
|
||||
<title>Share freedom</title>
|
||||
<link rel="stylesheet" href="../css/bootstrap.css">
|
||||
<link rel="stylesheet" href="../css/fork-awesome.css">
|
||||
<link href="../css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex">
|
||||
<div class="btns-container">
|
||||
<div>
|
||||
<a target="_blank" class="btn btn-gnusocial" id="url-gnusocial" title="Share on GNU Social" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-gnu-social"></i>
|
||||
</span>
|
||||
<span class="btn-text">GnuSocial</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-mastodon" id="url-mastodon" title="Share on Mastodon" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-mastodon"></i>
|
||||
</span>
|
||||
<span class="btn-text">Mastodon</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-pleroma" id="url-pleroma" title="Share on Pleroma" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-pleroma"></i>
|
||||
</span>
|
||||
<span class="btn-text">Pleroma</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-hubzilla" id="url-hubzilla" title="Share on Hubzilla" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-hubzilla"></i>
|
||||
</span>
|
||||
<span class="btn-text">Hubzilla</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-diaspora" id="url-diaspora" title="Share on Diaspora" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-diaspora"></i>
|
||||
</span>
|
||||
<span class="btn-text">Diaspora</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-friendica" id="url-friendica" title="Share on Friendica" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-friendica"></i>
|
||||
</span>
|
||||
<span class="btn-text">Friendica</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-lemmy" id="url-lemmy" title="Share on Lemmy" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-activitypub"></i>
|
||||
</span>
|
||||
<span class="btn-text">Lemmy</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-socialhome" id="url-socialhome" title="Share on SocialHome" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-social-home"></i>
|
||||
</span>
|
||||
<span class="btn-text">SocialHome</span>
|
||||
</a>
|
||||
|
||||
<a target="_blank" class="btn btn-xmpp" id="url-xmpp" title="Share on Jabber" hidden>
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-xmpp"></i>
|
||||
</span>
|
||||
<span class="btn-text">XMPP</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="options-container">
|
||||
<a class="btn btn-options" id="options" target="_blank"><i class="fa fa-cog"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="../js/index.js" type="module"></script>
|
||||
<script src="../js/background.js" type="module"></script>
|
||||
</html>
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base target="_blank" />
|
||||
<link rel="stylesheet" href="../css/bootstrap.css">
|
||||
<link rel="stylesheet" href="../css/fork-awesome.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<style>
|
||||
body {
|
||||
background-image: url('../img/wallpaper.png');
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid py-3">
|
||||
<div class="row">
|
||||
<div class="col-8 text-left"><h2>Settings</h2></div>
|
||||
<div class="col-4 text-right credits">Wallpaper by:
|
||||
<a href="https://fosstodon.org/@yarmo/101907879701964911">Yarmo</a>
|
||||
</div>
|
||||
</div>
|
||||
<form>
|
||||
<label>Diaspora</label>
|
||||
<input type="text" id="diaspora-host" />
|
||||
<input type="checkbox" id="diaspora-check">
|
||||
<br />
|
||||
<label>Friendica</label>
|
||||
<input type="text" id="friendica-host" />
|
||||
<input type="checkbox" id="friendica-check">
|
||||
<br />
|
||||
<label>GNU social</label>
|
||||
<input type="text" id="gnusocial-host" />
|
||||
<input type="checkbox" id="gnusocial-check">
|
||||
<br />
|
||||
<label>Hubzilla</label>
|
||||
<input type="text" id="hubzilla-host" />
|
||||
<input type="checkbox" id="hubzilla-check">
|
||||
<br />
|
||||
<label>Lemmy</label>
|
||||
<input type="text" id="lemmy-host" />
|
||||
<input type="checkbox" id="lemmy-check">
|
||||
<br />
|
||||
<label>Mastodon</label>
|
||||
<input type="text" id="mastodon-host" />
|
||||
<input type="checkbox" id="mastodon-check">
|
||||
<br />
|
||||
<label>Pleroma</label>
|
||||
<input type="text" id="pleroma-host" />
|
||||
<input type="checkbox" id="pleroma-check">
|
||||
<br />
|
||||
<label>Socialhome</label>
|
||||
<input type="text" id="socialhome-host" />
|
||||
<input type="checkbox" id="socialhome-check">
|
||||
<br />
|
||||
<label>XMPP</label>
|
||||
<input type="text" id="xmpp-host" />
|
||||
<input type="checkbox" id="xmpp-check">
|
||||
<br />
|
||||
<button type="submit">Save changes</button>
|
||||
</form>
|
||||
<script src="../js/options.js" type="module"></script>
|
||||
<script src="../js/background.js" type="module"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
After Width: | Height: | Size: 2.8 KiB |
BIN
img/captura.png
Before Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
After Width: | Height: | Size: 929 B |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
After Width: | Height: | Size: 63 KiB |
After Width: | Height: | Size: 82 KiB |
122
index.html
|
@ -1,122 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base target="_blank" />
|
||||
<title>Fedishare</title>
|
||||
<!-- build:styles -->
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<link rel="stylesheet" href="css/fork-awesome.css">
|
||||
<link rel="stylesheet" href="css/sharer.css">
|
||||
<!-- endbuild -->
|
||||
<!-- build:scripts -->
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/index.js"></script>
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid btns-container py-3">
|
||||
<div class="row">
|
||||
<div class="col-8 text-left"><img src="img/icon.png" class="img-fluid" alt="Fedishare"></div>
|
||||
<div class="col-4 text-right">Share freedom v.2.1.1 [Beta]</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="alerta"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-gnusocial" id="url-gnusocial" title="Share on GnuSocial">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-gnu-social"></i>
|
||||
</span>
|
||||
<span class="btn-text">GnuSocial</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-mastodon" id="url-mastodon" title="Share on Mastodon">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-mastodon"></i>
|
||||
</span>
|
||||
<span class="btn-text">Mastodon</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-pleroma" id="url-pleroma" title="Share on Pleroma">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-pleroma"></i>
|
||||
</span>
|
||||
<span class="btn-text">Pleroma</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-hubzilla" id="url-hubzilla" title="Share on Hubzilla">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-hubzilla"></i>
|
||||
</span>
|
||||
<span class="btn-text">Hubzilla</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-diaspora" id="url-diaspora" title="Share on Diaspora">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-diaspora"></i>
|
||||
</span>
|
||||
<span class="btn-text">Diaspora</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-friendica" id="url-friendica" title="Share on Friendica">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-friendica"></i>
|
||||
</span>
|
||||
<span class="btn-text">Friendica</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-lemmy" id="url-lemmy" title="Share on Lemmy">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-activitypub"></i>
|
||||
</span>
|
||||
<span class="btn-text">Lemmy</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-socialhome" id="url-socialhome" title="Share on SocialHome">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-social-home"></i>
|
||||
</span>
|
||||
<span class="btn-text">SocialHome</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-xmpp" id="url-xmpp" title="Share on Jabber">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-xmpp"></i>
|
||||
</span>
|
||||
<span class="btn-text">Xmpp</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a target="_blank" class="btn btn-nextcloud" id="url-nextcloud" title="Share bookmark on Nextcloud">
|
||||
<span class="btn-gradient">
|
||||
<i class="fa fa-nextcloud"></i>
|
||||
</span>
|
||||
<span class="btn-text">Nextcloud</span>
|
||||
</a>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="col-12 mx-auto">
|
||||
<a class="btn-grey" href="https://gitlab.com/mickie1/share-freedom-extension" target="_blank"><i class="fa fa-info-circle"></i> Info</a>
|
||||
<a class="btn-grey" href="options.html" target="_blank"><i class="fa fa-cog"></i> Settings</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -1,48 +0,0 @@
|
|||
/**
|
||||
* Basic wrapper method for api calls to a nextcloud instance.
|
||||
*
|
||||
* @param {string} endpoint Full URL
|
||||
* @param {string} method GET|POST
|
||||
* @param {mixed} data Payload
|
||||
* @param {string} username
|
||||
* @param {string} password
|
||||
* @returns {Promise}
|
||||
*/
|
||||
function apiRequest(endpoint, method, data, username, password) {
|
||||
const headers = new Headers();
|
||||
headers.append('Authorization', 'Basic ' + btoa(username + ':' + password));
|
||||
headers.append('Accept', 'application/json, text/plain, */*');
|
||||
const opts = { method, headers, credentials: 'omit' };
|
||||
|
||||
if (method.toLowerCase() !== 'get') {
|
||||
headers.append('Content-Type','application/json;charset=UTF-8');
|
||||
opts.body = JSON.stringify(data);
|
||||
}
|
||||
|
||||
const request = new Request(endpoint, opts);
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
fetch(request).then(response => {
|
||||
if (response.status !== 200) {
|
||||
reject(response);
|
||||
return;
|
||||
}
|
||||
|
||||
const contentType = response.headers.get('content-type');
|
||||
if (contentType && contentType.indexOf('application/json') !== -1) {
|
||||
response.json().then(json => {
|
||||
if (!json) {
|
||||
reject({ statusText: 'Empty reply from server', status: 0 });
|
||||
return;
|
||||
}
|
||||
|
||||
resolve(json);
|
||||
});
|
||||
} else {
|
||||
reject({ statusText: 'Invalid reply from server', status: 0 });
|
||||
}
|
||||
}).catch(function (e) {
|
||||
reject({ statusText: e, status: 0 });
|
||||
});
|
||||
});
|
||||
}
|
|
@ -0,0 +1,17 @@
|
|||
const host = {
|
||||
diasporaDefault: `https://joindiaspora.com`,
|
||||
friendicaDefault: `https://libranet.de`,
|
||||
gnusocialDefault: `https://gnusocial.net`,
|
||||
hubzillaDefault: `https://demo.hubzilla.org`,
|
||||
lemmyDefault: `https://dev.lemmy.ml`,
|
||||
mastodonDefault: `https://mastodon.social`,
|
||||
pleromaDefault: `https://blob.cat`,
|
||||
socialhomeDefault: `https://socialhome.network`,
|
||||
xmppDefault: `https://suchat.org`,
|
||||
|
||||
// shortcut command
|
||||
shortcutDefault: `Ctrl+Shift+U`,
|
||||
}
|
||||
|
||||
|
||||
export {host}
|
374
js/index.js
|
@ -1,260 +1,148 @@
|
|||
/*
|
||||
Original by yuvaraj
|
||||
Copyright (c) 2016
|
||||
Forked by Mickie
|
||||
Copyleft (ɔ) 2019
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
Copyleft (ɔ) 2021 Mickie
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
;
|
||||
(function () {
|
||||
'use strict';
|
||||
import {host} from './background.js'
|
||||
|
||||
// Send Message To Background Script
|
||||
|
||||
function sendMessage(tab) {
|
||||
const { id } = tab;
|
||||
browser.runtime.sendMessage({
|
||||
type: 'sharer-tab-id',
|
||||
data: { id }
|
||||
});
|
||||
window.onload = () => {
|
||||
|
||||
/*
|
||||
* Assign and get URLs To Respective Element
|
||||
*/
|
||||
|
||||
const urlAssigner = (btn = {}) => {
|
||||
const { id, href } = btn
|
||||
const a = document.getElementById(id)
|
||||
a.href = href
|
||||
a.target = '_blank'
|
||||
a.addEventListener('click', e => {
|
||||
window.setTimeout(() => window.close(), 10)
|
||||
})
|
||||
}
|
||||
|
||||
(function getCurrentTabUrl() {
|
||||
const queryInfo = {
|
||||
active: true,
|
||||
currentWindow: true,
|
||||
}
|
||||
|
||||
/*
|
||||
* Assign URLs To Respective Element
|
||||
*/
|
||||
function urlAssigner(btn = {}) {
|
||||
const { id, href } = btn;
|
||||
const a = document.getElementById(id);
|
||||
a.href = href;
|
||||
a.target = '_blank';
|
||||
a.addEventListener('click', event => {
|
||||
console.log(id);
|
||||
if(id == 'url-nextcloud') {
|
||||
event.preventDefault();
|
||||
sendNextcloudBookmark();
|
||||
}
|
||||
//window.setTimeout(() => window.close(), 10)
|
||||
});
|
||||
chrome.tabs.query(queryInfo, (tabs = []) => {
|
||||
if (tabs.length === 0) {
|
||||
return
|
||||
}
|
||||
|
||||
const tab = (tabs[0] || {});
|
||||
const tabUrL = encodeURIComponent(tab.url)
|
||||
const tabTitle = encodeURIComponent(tab.title)
|
||||
mkBtns(tabUrL, tabTitle)
|
||||
})
|
||||
})()
|
||||
|
||||
|
||||
/*
|
||||
* Make Social Button Objects
|
||||
*/
|
||||
|
||||
const mkBtns = (tabUrl = '', tabTitle = '') => {
|
||||
|
||||
// Set post items
|
||||
|
||||
const diasporaPost = `/bookmarklet?url=${tabUrl}&title=${tabTitle}&jump-doclose`
|
||||
const friendicaPost = `/bookmarklet?url=${tabUrl}&title=${tabTitle}&jump-doclose`
|
||||
const gnusocialPost = `/?action=newnotice&status_textarea=${tabTitle} ${tabUrl}`
|
||||
const hubzillaPost = `/rpost?body=${tabTitle} &url=${tabUrl}`
|
||||
const lemmyPost = `/create_post?url=${tabUrl}&title=${tabTitle}`
|
||||
const mastodonPost = `/share?text=${tabTitle}&url=${tabUrl}`
|
||||
const pleromaPost = `/share?message=${tabTitle} ${tabUrl}`
|
||||
const socialhomePost = `/bookmarklet?url=${tabUrl}&title=${tabTitle}&jump-doclose`
|
||||
const xmppPost = `?message=${tabTitle} ${tabUrl}`
|
||||
|
||||
// Set social Buttons
|
||||
|
||||
const socialBtns = []
|
||||
|
||||
const diaspora = {}
|
||||
const friendica = {}
|
||||
const gnusocial = {}
|
||||
const hubzilla = {}
|
||||
const lemmy = {}
|
||||
const mastodon = {}
|
||||
const pleroma = {}
|
||||
const socialhome = {}
|
||||
const xmpp = {}
|
||||
|
||||
const itemBtn = (item, hostId, hostKey, hostDefault, hostPost) => {
|
||||
let itemHost = browser.storage.sync.get(`${hostKey}`)
|
||||
itemHost.then((res) => {
|
||||
document.querySelector(`#${hostId}`)
|
||||
.href = [res[hostKey] || hostDefault] + hostPost
|
||||
})
|
||||
item.href = itemHost
|
||||
item.id = hostId
|
||||
socialBtns.push(item)
|
||||
}
|
||||
|
||||
function sendNextcloudBookmark(tabUrl) {
|
||||
itemBtn(diaspora, 'url-diaspora', 'diasporaHost', host.diasporaDefault, diasporaPost)
|
||||
itemBtn(friendica, 'url-friendica', 'friendicaHost', host.friendicaDefault, friendicaPost)
|
||||
itemBtn(gnusocial, 'url-gnusocial', 'gnusocialHost', host.gnusocialDefault, gnusocialPost)
|
||||
itemBtn(hubzilla, 'url-hubzilla', 'hubzillaHost', host.hubzillaDefault, hubzillaPost)
|
||||
itemBtn(lemmy, 'url-lemmy', 'lemmyHost', host.lemmyDefault, lemmyPost)
|
||||
itemBtn(mastodon, 'url-mastodon', 'mastodonHost', host.mastodonDefault, mastodonPost)
|
||||
itemBtn(pleroma, 'url-pleroma', 'pleromaHost', host.pleromaDefault, pleromaPost)
|
||||
itemBtn(socialhome, 'url-socialhome', 'socialhomeHost', host.socialhomeDefault, socialhomePost)
|
||||
itemBtn(xmpp, 'url-xmpp', 'xmppHost', host.xmppDefault, xmppPost)
|
||||
|
||||
socialBtns.forEach(urlAssigner)
|
||||
}
|
||||
|
||||
$.support.cors = true;
|
||||
|
||||
/*
|
||||
* hide/show buttons
|
||||
*/
|
||||
|
||||
console.log('Sending...');
|
||||
const enableItem = (hostKey, hostId) => {
|
||||
const item = chrome.storage.sync.get(`${hostKey}`, value => {
|
||||
if (value[hostKey]) {
|
||||
document.getElementById(`${hostId}`).removeAttribute('hidden')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var server = $('#url-nextcloud').attr('data-server');
|
||||
var username = $('#url-nextcloud').attr('data-username');
|
||||
var password = $('#url-nextcloud').attr('data-password');
|
||||
var endpoint = server + '/index.php/apps/bookmarks/public/rest/v2/bookmark';
|
||||
var tabUrL = $('#url-nextcloud').attr('data-url');
|
||||
var tabTitle = $('#url-nextcloud').attr('data-title');
|
||||
enableItem('diasporaCheck', 'url-diaspora')
|
||||
enableItem('friendicaCheck', 'url-friendica')
|
||||
enableItem('gnusocialCheck', 'url-gnusocial')
|
||||
enableItem('hubzillaCheck', 'url-hubzilla')
|
||||
enableItem('lemmyCheck', 'url-lemmy')
|
||||
enableItem('mastodonCheck', 'url-mastodon')
|
||||
enableItem('pleromaCheck', 'url-pleroma')
|
||||
enableItem('socialhomeCheck', 'url-socialhome')
|
||||
enableItem('xmppCheck', 'url-xmpp')
|
||||
|
||||
console.log(server);
|
||||
console.log(username,password);
|
||||
console.log(tabUrL,tabTitle);
|
||||
|
||||
/*
|
||||
* Open options page
|
||||
*/
|
||||
|
||||
function openOptions() {
|
||||
browser.runtime.openOptionsPage()
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: endpoint,
|
||||
method: "POST",
|
||||
//basic authentication
|
||||
beforeSend: function (xhr) {
|
||||
xhr.setRequestHeader("Authorization", "Basic " + btoa(username + ":" + password));
|
||||
},
|
||||
data: {
|
||||
url: tabUrL,
|
||||
title: tabTitle,
|
||||
description: '',
|
||||
is_public: true
|
||||
},
|
||||
dataType: 'json',
|
||||
})
|
||||
.success(function(result) {
|
||||
console.log(result);
|
||||
$('.alerta').html('<div class="alert alert-info">Successfully bookmarked!</div>');
|
||||
})
|
||||
.error(function(XMLHttpRequest, status, errorThrown){
|
||||
$('.alerta').html('<div class="alert alert-danger">Error, something was wrong!</div>');
|
||||
console.log('ajax error');
|
||||
console.log("Status: " + status);
|
||||
console.log("Error: " + errorThrown);
|
||||
});
|
||||
}
|
||||
const el = document.getElementById('options')
|
||||
el.addEventListener('click', function() {openOptions()}, false)
|
||||
|
||||
/*
|
||||
* Make Social Button Objects
|
||||
*/
|
||||
|
||||
function mkBtns(tabUrl = '', tabTitle = '') {
|
||||
|
||||
// Set hosts
|
||||
|
||||
var gnusocialItem = browser.storage.sync.get('gnusocialHost');
|
||||
gnusocialItem.then((res) => {
|
||||
document.querySelector("#url-gnusocial").href = [res.gnusocialHost || `https://gnusocial.no`] + `/?action=newnotice&status_textarea=${tabTitle} ${tabUrl}`;
|
||||
});
|
||||
|
||||
var mastodonItem = browser.storage.sync.get('mastodonHost');
|
||||
mastodonItem.then((res) => {
|
||||
document.querySelector("#url-mastodon").href = [res.mastodonHost || `https://mastodon.social`] + `/share?text=${tabTitle}&url=${tabUrl}`;
|
||||
});
|
||||
|
||||
var hubzillaItem = browser.storage.sync.get('hubzillaHost');
|
||||
hubzillaItem.then((res) => {
|
||||
document.querySelector("#url-hubzilla").href = [res.hubzillaHost || `https://start.hubzilla.org`] + `/rpost?body=${tabTitle} &url=${tabUrl}`;
|
||||
});
|
||||
|
||||
var diasporaItem = browser.storage.sync.get('diasporaHost');
|
||||
diasporaItem.then((res) => {
|
||||
document.querySelector("#url-diaspora").href = [res.diasporaHost || `https://diasp.eu`] + `/bookmarklet?url=${tabUrl}&title=${tabTitle}&jump-doclose`;
|
||||
});
|
||||
|
||||
var friendicaItem = browser.storage.sync.get('friendicaHost');
|
||||
friendicaItem.then((res) => {
|
||||
document.querySelector("#url-friendica").href = [res.friendicaHost || `https://libranet.de`] + `/bookmarklet?url=${tabUrl}&title=${tabTitle}&jump-doclose`;
|
||||
});
|
||||
|
||||
var socialhomeItem = browser.storage.sync.get('socialhomeHost');
|
||||
socialhomeItem.then((res) => {
|
||||
document.querySelector("#url-socialhome").href = [res.socialhomeHost || `https://socialhome.network`] + `/bookmarklet?url=${tabUrl}&title=${tabTitle}&jump-doclose`;
|
||||
});
|
||||
|
||||
var lemmyItem = browser.storage.sync.get('lemmyHost');
|
||||
lemmyItem.then((res) => {
|
||||
document.querySelector("#url-lemmy").href = [res.lemmyHost || `https://dev.lemmy.ml`] + `/create_post?url=${tabUrl}&title=${tabTitle}`;
|
||||
});
|
||||
|
||||
var pleromaItem = browser.storage.sync.get('pleromaHost');
|
||||
pleromaItem.then((res) => {
|
||||
document.querySelector("#url-pleroma").href = [res.pleromaHost || `https://pleroma-social.ml`] + `/share?message=${tabTitle} ${tabUrl}`;
|
||||
});
|
||||
|
||||
var xmppItem = browser.storage.sync.get('xmppHost');
|
||||
xmppItem.then((res) => {
|
||||
document.querySelector("#url-xmpp").href = `xmpp:` + [res.xmppHost] + `?message=${tabTitle} ${tabUrl}`;
|
||||
});
|
||||
|
||||
var nextcloudHost = browser.storage.sync.get('nextcloudHost');
|
||||
var nextcloudUsername = browser.storage.sync.get('nextcloudUsername');
|
||||
var nextcloudPassword = browser.storage.sync.get('nextcloudPassword');
|
||||
nextcloudHost.then((res) => {
|
||||
document.querySelector("#url-nextcloud").href = [res.nextcloudHost];
|
||||
document.querySelector("#url-nextcloud").dataset.server = [res.nextcloudHost];
|
||||
document.querySelector("#url-nextcloud").dataset.url = tabUrl;
|
||||
document.querySelector("#url-nextcloud").dataset.title = tabTitle;
|
||||
});
|
||||
nextcloudUsername.then((res) => {
|
||||
document.querySelector("#url-nextcloud").dataset.username = [res.nextcloudUsername];
|
||||
});
|
||||
nextcloudPassword.then((res) => {
|
||||
document.querySelector("#url-nextcloud").dataset.password = [res.nextcloudPassword];
|
||||
});
|
||||
|
||||
// Set social Buttons
|
||||
|
||||
const socialBtns = [];
|
||||
|
||||
const gnusocial = {};
|
||||
gnusocial.href = gnusocialItem;
|
||||
gnusocial.id = 'url-gnusocial';
|
||||
socialBtns.push(gnusocial);
|
||||
|
||||
const mastodon = {};
|
||||
mastodon.href = mastodonItem;
|
||||
mastodon.id = 'url-mastodon';
|
||||
socialBtns.push(mastodon);
|
||||
|
||||
const hubzilla = {};
|
||||
hubzilla.href = hubzillaItem;
|
||||
hubzilla.id = 'url-hubzilla';
|
||||
socialBtns.push(hubzilla);
|
||||
|
||||
const diaspora = {};
|
||||
diaspora.href = diasporaItem;
|
||||
diaspora.id = 'url-diaspora';
|
||||
socialBtns.push(diaspora);
|
||||
|
||||
const friendica = {};
|
||||
friendica.href = friendicaItem;
|
||||
friendica.id = 'url-friendica';
|
||||
socialBtns.push(friendica);
|
||||
|
||||
const socialhome = {};
|
||||
socialhome.href = socialhomeItem;
|
||||
socialhome.id = 'url-socialhome';
|
||||
socialBtns.push(socialhome);
|
||||
|
||||
const lemmy = {};
|
||||
lemmy.href = lemmyItem;
|
||||
lemmy.id = 'url-lemmy';
|
||||
socialBtns.push(lemmy);
|
||||
|
||||
const pleroma = {};
|
||||
pleroma.href = pleromaItem;
|
||||
pleroma.id = 'url-pleroma';
|
||||
socialBtns.push(pleroma);
|
||||
|
||||
const xmpp = {};
|
||||
xmpp.href = xmppItem;
|
||||
xmpp.id = 'url-xmpp';
|
||||
socialBtns.push(xmpp);
|
||||
|
||||
const nextcloud = {};
|
||||
nextcloud.href = nextcloudHost;
|
||||
nextcloud.id = 'url-nextcloud';
|
||||
socialBtns.push(nextcloud);
|
||||
|
||||
socialBtns.forEach(urlAssigner);
|
||||
}
|
||||
|
||||
;
|
||||
(function getCurrentTabUrl() {
|
||||
const queryInfo = {
|
||||
active: true,
|
||||
currentWindow: true
|
||||
};
|
||||
|
||||
chrome.tabs.query(queryInfo, (tabs = []) => {
|
||||
if (tabs.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
const tab = (tabs[0] || {});
|
||||
const tabUrL = encodeURIComponent(tab.url);
|
||||
const tabTitle = encodeURIComponent(tab.title);
|
||||
mkBtns(tabUrL, tabTitle);
|
||||
});
|
||||
|
||||
// End
|
||||
})();
|
||||
|
||||
})();
|
||||
|
||||
/*
|
||||
* Make Shortcut
|
||||
*/
|
||||
|
||||
let gettingAllCommands = browser.commands.getAll();
|
||||
gettingAllCommands.then((commands) => {
|
||||
for (let command of commands) {
|
||||
console.log(command);
|
||||
}
|
||||
});
|
||||
|
||||
browser.commands.onCommand.addListener(function(command) {
|
||||
if (command == "_execute_browser_action") {
|
||||
// console.log("execute the feature!");
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
|
206
js/options.js
|
@ -1,131 +1,105 @@
|
|||
function saveOptions(e) {
|
||||
import {host} from './background.js'
|
||||
|
||||
|
||||
const saveOptions = (e) => {
|
||||
saveHost('diaspora-host', 'diasporaHost')
|
||||
saveHost('friendica-host', 'friendicaHost')
|
||||
saveHost('gnusocial-host', 'gnusocialHost')
|
||||
saveHost('hubzilla-host', 'hubzillaHost')
|
||||
saveHost('lemmy-host', 'lemmyHost')
|
||||
saveHost('mastodon-host', 'mastodonHost')
|
||||
saveHost('pleroma-host', 'pleromaHost')
|
||||
saveHost('socialhome-host', 'socialhomeHost')
|
||||
saveHost('xmpp-host', 'xmppHost')
|
||||
|
||||
saveCheckbox('diaspora-check', 'diasporaCheck')
|
||||
saveCheckbox('friendica-check', 'friendicaCheck')
|
||||
saveCheckbox('gnusocial-check', 'gnusocialCheck')
|
||||
saveCheckbox('hubzilla-check', 'hubzillaCheck')
|
||||
saveCheckbox('lemmy-check', 'lemmyCheck')
|
||||
saveCheckbox('mastodon-check', 'mastodonCheck')
|
||||
saveCheckbox('pleroma-check', 'pleromaCheck')
|
||||
saveCheckbox('socialhome-check', 'socialhomeCheck')
|
||||
saveCheckbox('xmpp-check', 'xmppCheck')
|
||||
|
||||
e.preventDefault()
|
||||
}
|
||||
|
||||
|
||||
const saveHost = (hostId, hostKey) => {
|
||||
browser.storage.sync.set({
|
||||
gnusocialHost: document.querySelector("#gnusocialHost").value,
|
||||
mastodonHost: document.querySelector("#mastodonHost").value,
|
||||
pleromaHost: document.querySelector("#pleromaHost").value,
|
||||
hubzillaHost: document.querySelector("#hubzillaHost").value,
|
||||
diasporaHost: document.querySelector("#diasporaHost").value,
|
||||
friendicaHost: document.querySelector("#friendicaHost").value,
|
||||
lemmyHost: document.querySelector("#lemmyHost").value,
|
||||
socialhomeHost: document.querySelector("#socialhomeHost").value,
|
||||
xmppHost: document.querySelector("#xmppHost").value,
|
||||
nextcloudHost: document.querySelector("#nextcloudHost").value,
|
||||
nextcloudUsername: document.querySelector("#nextcloudUsername").value,
|
||||
nextcloudPassword: document.querySelector("#nextcloudPassword").value,
|
||||
shortcut: document.querySelector("#shortcut").value
|
||||
});
|
||||
e.preventDefault();
|
||||
[hostKey] : document.querySelector(`#${hostId}`).value
|
||||
})
|
||||
}
|
||||
|
||||
function restoreOptions() {
|
||||
|
||||
var gettingGnusocial = browser.storage.sync.get('gnusocialHost');
|
||||
gettingGnusocial.then((res) => {
|
||||
document.querySelector("#gnusocialHost").value = res.gnusocialHost || 'https://gnusocial.no';
|
||||
});
|
||||
|
||||
var gettingMastodon = browser.storage.sync.get('mastodonHost');
|
||||
gettingMastodon.then((res) => {
|
||||
document.querySelector("#mastodonHost").value = res.mastodonHost || 'https://mastodon.social';
|
||||
});
|
||||
|
||||
var gettingPleroma = browser.storage.sync.get('pleromaHost');
|
||||
gettingPleroma.then((res) => {
|
||||
document.querySelector("#pleromaHost").value = res.pleromaHost || 'https://pleroma-social.ml';
|
||||
});
|
||||
|
||||
var gettingHubzilla = browser.storage.sync.get('hubzillaHost');
|
||||
gettingHubzilla.then((res) => {
|
||||
document.querySelector("#hubzillaHost").value = res.hubzillaHost || 'https://start.hubzilla.org';
|
||||
});
|
||||
|
||||
var gettingDiaspora = browser.storage.sync.get('diasporaHost');
|
||||
gettingDiaspora.then((res) => {
|
||||
document.querySelector("#diasporaHost").value = res.diasporaHost || 'https://diasp.eu';
|
||||
});
|
||||
|
||||
var gettingFriendica = browser.storage.sync.get('friendicaHost');
|
||||
gettingFriendica.then((res) => {
|
||||
document.querySelector("#friendicaHost").value = res.friendicaHost || 'https://libranet.de';
|
||||
});
|
||||
|
||||
var gettingLemmy = browser.storage.sync.get('lemmyHost');
|
||||
gettingLemmy.then((res) => {
|
||||
document.querySelector("#lemmyHost").value = res.lemmyHost || 'https://dev.lemmy.ml';
|
||||
});
|
||||
|
||||
var gettingSocialhome = browser.storage.sync.get('socialhomeHost');
|
||||
gettingSocialhome.then((res) => {
|
||||
document.querySelector("#socialhomeHost").value = res.socialhomeHost || 'https://socialhome.network';
|
||||
});
|
||||
|
||||
var gettingXmpp = browser.storage.sync.get('xmppHost');
|
||||
gettingXmpp.then((res) => {
|
||||
document.querySelector("#xmppHost").value = res.xmppHost || 'https://suchat.org';
|
||||
});
|
||||
|
||||
var gettingNextcloudHost = browser.storage.sync.get('nextcloudHost');
|
||||
gettingNextcloudHost.then((res) => {
|
||||
document.querySelector("#nextcloudHost").value = res.nextcloudHost || '';
|
||||
});
|
||||
|
||||
var gettingNextcloudUsername = browser.storage.sync.get('nextcloudUsername');
|
||||
gettingNextcloudUsername.then((res) => {
|
||||
document.querySelector("#nextcloudUsername").value = res.nextcloudUsername || '';
|
||||
});
|
||||
|
||||
var gettingNextcloudPassword = browser.storage.sync.get('nextcloudPassword');
|
||||
gettingNextcloudPassword.then((res) => {
|
||||
document.querySelector("#nextcloudPassword").value = res.nextcloudPassword || '';
|
||||
});
|
||||
|
||||
var gettingShortcut = browser.storage.sync.get('shortcut');
|
||||
gettingShortcut.then((res) => {
|
||||
document.querySelector("#shortcut").value = res.shortcut || 'Ctrl+Shift+U';
|
||||
});
|
||||
const saveCheckbox = (checkId, checkKey) => {
|
||||
let checkbox = document.getElementById(`${checkId}`)
|
||||
if (checkbox.checked) {
|
||||
browser.storage.sync.set({
|
||||
[checkKey] : document.querySelector(`#${checkId}`).checked = true
|
||||
})
|
||||
} else {
|
||||
browser.storage.sync.set({
|
||||
[checkKey] : document.querySelector(`#${checkId}`).checked = false
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Keyboard shortcut
|
||||
*/
|
||||
|
||||
const commandShorcut = '_execute_browser_action';
|
||||
const restoreOptions = () => {
|
||||
restoreHost('diasporaHost', 'diaspora-host', host.diasporaDefault)
|
||||
restoreHost('friendicaHost', 'friendica-host', host.friendicaDefault)
|
||||
restoreHost('gnusocialHost', 'gnusocial-host', host.gnusocialDefault)
|
||||
restoreHost('hubzillaHost', 'hubzilla-host', host.hubzillaDefault)
|
||||
restoreHost('lemmyHost', 'lemmy-host', host.lemmyDefault)
|
||||
restoreHost('mastodonHost', 'mastodon-host', host.mastodonDefault)
|
||||
restoreHost('pleromaHost', 'pleroma-host', host.pleromaDefault)
|
||||
restoreHost('socialhomeHost', 'socialhome-host', host.socialhomeDefault)
|
||||
restoreHost('xmppHost', 'xmpp-host', host.xmppDefault)
|
||||
|
||||
/**
|
||||
* Update the UI: set the value of the shortcut textbox.
|
||||
*/
|
||||
async function updateUI() {
|
||||
let commands = await browser.commands.getAll();
|
||||
for (command of commands) {
|
||||
if (command.name === commandShorcut) {
|
||||
document.querySelector('#shortcut').value = command.shortcut;
|
||||
}
|
||||
restoreCheckbox('diasporaCheck', 'diaspora-check')
|
||||
restoreCheckbox('friendicaCheck', 'friendica-check')
|
||||
restoreCheckbox('gnusocialCheck', 'gnusocial-check')
|
||||
restoreCheckbox('hubzillaCheck', 'hubzilla-check')
|
||||
restoreCheckbox('lemmyCheck', 'lemmy-check')
|
||||
restoreCheckbox('mastodonCheck', 'mastodon-check')
|
||||
restoreCheckbox('pleromaCheck', 'pleroma-check')
|
||||
restoreCheckbox('socialhomeCheck', 'socialhome-check')
|
||||
restoreCheckbox('xmppCheck', 'xmpp-check')
|
||||
}
|
||||
|
||||
|
||||
const restoreHost = (hostKey, hostId, hostDefault) => {
|
||||
let gettingItem = browser.storage.sync.get(`${hostKey}`)
|
||||
gettingItem.then((res) => {
|
||||
document.querySelector(`#${hostId}`).value = res[hostKey] || hostDefault
|
||||
})
|
||||
}
|
||||
|
||||
const restoreCheckbox = (checkKey, checkId) => {
|
||||
const checkbox = chrome.storage.sync.get(`${checkKey}`, value => {
|
||||
if (value[checkKey]) {
|
||||
document.getElementById(`${checkId}`).checked = true
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the shortcut based on the value in the textbox.
|
||||
*/
|
||||
async function updateShortcut() {
|
||||
await browser.commands.update({
|
||||
name: commandShorcut,
|
||||
shortcut: document.querySelector('#shortcut').value
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', restoreOptions, saveCheckbox)
|
||||
document.querySelector("form").addEventListener("submit", saveOptions)
|
||||
|
||||
// test zone
|
||||
function onGot(item) {
|
||||
console.log(item);
|
||||
}
|
||||
|
||||
/**
|
||||
* Reset the shortcut and update the textbox.
|
||||
*/
|
||||
async function resetShortcut() {
|
||||
await browser.commands.reset(commandShorcut);
|
||||
updateUI();
|
||||
function onError(error) {
|
||||
console.log(`Error: ${error}`);
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the UI when the page loads.
|
||||
*/
|
||||
let allItems = browser.storage.sync.get()
|
||||
allItems.then(onGot, onError)
|
||||
|
||||
document.addEventListener('DOMContentLoaded', restoreOptions, updateUI);
|
||||
document.querySelector("form").addEventListener("submit", saveOptions);
|
||||
document.querySelector('#update').addEventListener('click', updateShortcut);
|
||||
document.querySelector('#reset').addEventListener('click', resetShortcut);
|
||||
const itemValueOpt = chrome.storage.sync.get('pleromaCheck', item => {
|
||||
console.log(item.pleromaCheck)
|
||||
})
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"module": "commonjs",
|
||||
"target": "es6",
|
||||
"rootDir": "js",
|
||||
},
|
||||
"exclude": ["node_modules"]
|
||||
}
|
|
@ -1,55 +1,63 @@
|
|||
{
|
||||
"manifest_version": 2,
|
||||
"manifest_version": 2,
|
||||
|
||||
"name": "Share-freedom",
|
||||
"description": "share the current tab on the fediverse",
|
||||
"version": "2.1.2",
|
||||
"author": "Mickie",
|
||||
"name": "Share Freedom",
|
||||
"description": "share the current tab on the fediverse",
|
||||
"version": "2.1.3",
|
||||
"author": "Mickie",
|
||||
|
||||
"browser_action": {
|
||||
"default_icon": "img/icon.png",
|
||||
"default_popup": "index.html",
|
||||
"default_title": "Share freedom",
|
||||
"theme_icons": [{
|
||||
"light": "img/icon-16-light.png",
|
||||
"dark": "img/icon.png",
|
||||
"size": 16
|
||||
}, {
|
||||
"light": "img/icon-32-light.png",
|
||||
"dark": "img/icon.png",
|
||||
"size": 32
|
||||
}]
|
||||
},
|
||||
"background": {
|
||||
"scripts": ["js/background.js"],
|
||||
"persistent": true
|
||||
},
|
||||
|
||||
"icons": {
|
||||
"16":"img/icon.png",
|
||||
"32":"img/icon.png"
|
||||
},
|
||||
"browser_action": {
|
||||
"default_icon": "img/icon-32-dark.png",
|
||||
"default_popup": "html/index.html",
|
||||
"default_title": "Share freedom",
|
||||
"theme_icons": [{
|
||||
"light": "img/icon-16-light.png",
|
||||
"dark": "img/icon-16-dark.png",
|
||||
"size": 16
|
||||
}, {
|
||||
"light": "img/icon-32-light.png",
|
||||
"dark": "img/icon-32-dark.png",
|
||||
"size": 32
|
||||
}]
|
||||
},
|
||||
|
||||
"commands": {
|
||||
"_execute_browser_action": {
|
||||
"suggested_key": { "default": "Ctrl+Shift+U" },
|
||||
"description": "Execute the extension"
|
||||
}
|
||||
},
|
||||
"icons": {
|
||||
"16":"img/icon-16-dark.png",
|
||||
"32":"img/icon-32-dark.png"
|
||||
},
|
||||
|
||||
"options_ui": {
|
||||
"page": "options.html",
|
||||
"browser_style": true
|
||||
},
|
||||
"commands": {
|
||||
"_execute_browser_action": {
|
||||
"suggested_key": {
|
||||
"default": "Ctrl+Shift+U"
|
||||
},
|
||||
"description": "Execute the extension"
|
||||
}
|
||||
},
|
||||
|
||||
"applications": {
|
||||
"gecko": {
|
||||
"id": "{c5880375-5496-4d02-ba27-7830809dbf08}",
|
||||
"strict_min_version": "59.0"
|
||||
}
|
||||
},
|
||||
"options_ui": {
|
||||
"page": "html/options.html",
|
||||
"browser_style": true,
|
||||
"chrome_style": true
|
||||
},
|
||||
|
||||
"permissions": [
|
||||
"tabs",
|
||||
"activeTab",
|
||||
"https://*/*",
|
||||
"storage"
|
||||
]
|
||||
"applications": {
|
||||
"gecko": {
|
||||
"id": "{c5880375-5496-4d02-ba27-7830809dbf08}",
|
||||
"strict_min_version": "59.0"
|
||||
}
|
||||
},
|
||||
|
||||
"permissions": [
|
||||
"tabs",
|
||||
"activeTab",
|
||||
"https://*/*",
|
||||
"storage"
|
||||
]
|
||||
|
||||
}
|
||||
|
|
117
options.html
|
@ -1,117 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base target="_blank" />
|
||||
<title>Share freedom settings</title>
|
||||
<!-- build:styles -->
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<link rel="stylesheet" href="css/fork-awesome.css">
|
||||
<link rel="stylesheet" href="css/sharer.css">
|
||||
<!-- endbuild -->
|
||||
<!-- build:scripts -->
|
||||
<script src="js/jquery.js"></script>
|
||||
<!-- endbuild -->
|
||||
<style>
|
||||
body {
|
||||
background-image: url('img/wallpaper.png');
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid btns-container py-3">
|
||||
<div class="row">
|
||||
<div class="col-8 text-left"><img src="img/icon.png" class="img-fluid" alt="Fedishare"></div>
|
||||
<div class="col-4 text-right">Wallpaper by:
|
||||
<a href="https://fosstodon.org/@yarmo/101907879701964911">yarmo [at] fosstodon.org</a>
|
||||
</div>
|
||||
</div>
|
||||
<form>
|
||||
<p><h2>Settings</h2></p>
|
||||
<fieldset>
|
||||
<legend><h4>Instances</h4></legend>
|
||||
<label><b>Important:</b> Insert the complete URL with http or https</label>
|
||||
<p>
|
||||
<p>Gnusocial</p>
|
||||
<input type="text" id="gnusocialHost" >
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Mastodon / Misskey</p>
|
||||
<input type="text" id="mastodonHost" >
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Pleroma</p>
|
||||
<input type="text" id="pleromaHost" >
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Hubzilla / Osada / Zap</p>
|
||||
<input type="text" id="hubzillaHost" >
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Diaspora</p>
|
||||
<input type="text" id="diasporaHost">
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Friendica</p>
|
||||
<input type="text" id="friendicaHost">
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Lemmy</p>
|
||||
<input type="text" id="lemmyHost">
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Socialhome</p>
|
||||
<input type="text" id="socialhomeHost" >
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Xmpp ID</p>
|
||||
<input type="text" id="xmppHost">
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Netxcloud host</p>
|
||||
<input type="text" id="nextcloudHost">
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Netxcloud username</p>
|
||||
<input type="text" id="nextcloudUsername">
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
<p>
|
||||
<p>Netxcloud password</p>
|
||||
<input type="password" id="nextcloudPassword">
|
||||
<button type="submit">Save</button>
|
||||
</p>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<p>
|
||||
<button id="update">Update</button>
|
||||
<button id="reset">Reset</button>
|
||||
</p>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<legend><h4>Keyboard shortcut</h4></legend>
|
||||
<input type="text" id="shortcut" >
|
||||
<p>
|
||||
<button id="update">Update</button>
|
||||
<button id="reset">Reset</button>
|
||||
</p>
|
||||
</fieldset>
|
||||
</form>
|
||||
<script src="js/options.js"></script>
|
||||
</body>
|
||||
</html>
|
31
package.json
|
@ -1,30 +1,23 @@
|
|||
{
|
||||
"name": "Share-freedom",
|
||||
"version": "2.1.2",
|
||||
"description": "share the current tab on the fediverse",
|
||||
"main": "gulpfile.js",
|
||||
"dependencies": {},
|
||||
"devDependencies": {
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-clean-css": "^3.8.0",
|
||||
"gulp-concat": "^2.6.1",
|
||||
"gulp-html-replace": "^1.6.2",
|
||||
"gulp-htmlmin": "^3.0.0",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-uglify-es": "^0.1.3"
|
||||
},
|
||||
"name": "share-freedom",
|
||||
"version": "2.1.3",
|
||||
"description": "Share the current tab on the fediverse",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"build": "gulp"
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://gitlab.com/mickie1/share-freedom-addon.git"
|
||||
"url": "git+https://gitlab.com/mickie1/share-freedom-extension.git"
|
||||
},
|
||||
"keywords": [
|
||||
"share",
|
||||
"fediverse"
|
||||
],
|
||||
"author": "Mickie",
|
||||
"license": "GPL-3.0",
|
||||
"bugs": {
|
||||
"url": "https://gitlab.com/mickie1/share-freedom-addon/issues"
|
||||
"url": "https://gitlab.com/mickie1/share-freedom-extension/issues"
|
||||
},
|
||||
"homepage": "https://addons.mozilla.org/en-US/firefox/addon/share-freedom/"
|
||||
"homepage": "https://gitlab.com/mickie1/share-freedom-extension#readme"
|
||||
}
|
||||
|
|