fix(social): added threads, #186

manifest.json

@@ -3,7 +3,7 @@
     "description": "This extension reimplement the share feature with Container support and over 14+ social networks",
     "manifest_version": 2,
     "name": "Share Backported",
-    "version": "2.1.6",
+    "version": "2.1.7",
     "icons": {
         "16": "icon-dark.svg",
         "24": "icon-dark.svg",

modal/modal.html

@@ -70,12 +70,12 @@
         </button>
 
         <button class="col share clearfix" id="outlook"
-                data-share="https://outlook.live.com/owa/?path=/mail/action/compose&body&subject">
+                data-share="https://outlook.live.com/owa/?path=/mail/action/compose&amp;body&amp;subject">
             <img src="icons/outlook.svg" alt="Outlook" title="Outlook" />
         </button>
 
         <button class="col share clearfix" id="weibo"
-                data-share="https://service.weibo.com/share/share.php?url&title">
+                data-share="https://service.weibo.com/share/share.php?url&amp;title">
             <img src="icons/weibo.svg" alt="Weibo" title="Weibo" />
         </button>
 
@@ -114,12 +114,12 @@
         </button>
 
         <button class="col share clearfix" id="bingtranslator"
-                data-share="https://www.translatetheweb.com/?from=en&to=auto&a">
+                data-share="https://www.translatetheweb.com/?from=en&amp;to=auto&amp;a">
             <img src="icons/bing.svg" alt="Bing Translator" title="Bing Translator" />
         </button>
 
         <button class="col share clearfix" id="googletranslate"
-                data-share="https://translate.google.com/translate?hl=en&sl=auto&tl=en&u">
+                data-share="https://translate.google.com/translate?hl=en&amp;sl=auto&amp;tl=en&amp;u">
             <img src="icons/googletranslate.svg" alt="Google Translate" title="Google Translate" />
         </button>
 
@@ -139,7 +139,7 @@
         </button>
 
         <button class="col share clearfix" id="parler"
-                data-share="https://parler.com/new-post?message&url">
+                data-share="https://parler.com/new-post?message&amp;url">
             <img src="icons/parler.svg" alt="Parler" title="Parler" />
         </button>
 
@@ -148,6 +148,11 @@
             <img src="icons/feedly.svg" alt="Feedly" title="Feedly" />
         </button>
 
+        <button class="col share clearfix" id="threads"
+                data-share="https://www.threads.net/intent/post?text&amp;url">
+            <img src="icons/threads.png" alt="Facebook" title="Facebook" />
+        </button>
+
         <button class="col share clearfix customurl" id="shaarli" data-share="">
             <img src="icons/shaarli.png" alt="Shaarli" title="Shaarli" />
         </button>

options/options.html

@@ -423,7 +423,21 @@ <h5>Position</h5>
                 <label><input type="number" id="feedly-height" value="700" class="heights"></label>
             </div>
             <div class="col-3">
-                <label><input type="number" id="feedly-priority" value="31" min="1" step="1" class="positions"><button type="button" id="feedly-move-up" class="move-up"></button><button type="button" id="feedly-move-down" class="move-down"></button></label>
+                <label><input type="number" id="feedly-priority" value="28" min="1" step="1" class="positions"><button type="button" id="feedly-move-up" class="move-up"></button><button type="button" id="feedly-move-down" class="move-down"></button></label>
+            </div>
+        </div>
+        <div class="row service">
+            <div class="col-3">
+                <label class="browser-style"><input type="checkbox" id="threads">Threads</label>
+            </div>
+            <div class="col-3">
+                <label><input type="number" id="threads-width" value="1024" class="widths"></label>
+            </div>
+            <div class="col-3">
+                <label><input type="number" id="threads-height" value="700" class="heights"></label>
+            </div>
+            <div class="col-3">
+                <label><input type="number" id="threads-priority" value="29" min="1" step="1" class="positions"><button type="button" id="threads-move-up" class="move-up"></button><button type="button" id="threads-move-down" class="move-down"></button></label>
             </div>
         </div>
         <div class="row service">
@@ -437,7 +451,7 @@ <h5>Position</h5>
                 <label><input type="number" id="shaarli-height" value="340" class="heights"></label>
             </div>
             <div class="col-3">
-                <label><input type="number" id="shaarli-priority" value="28" min="1" step="1" class="positions"><button type="button" id="shaarli-move-up" class="move-up"></button><button type="button" id="shaarli-move-down" class="move-down"></button></label>
+                <label><input type="number" id="shaarli-priority" value="30" min="1" step="1" class="positions"><button type="button" id="shaarli-move-up" class="move-up"></button><button type="button" id="shaarli-move-down" class="move-down"></button></label>
             </div>
         </div>
         <div class="row service">
@@ -451,7 +465,7 @@ <h5>Position</h5>
                 <label><input type="number" id="mastodon-height" value="340" class="heights"></label>
             </div>
             <div class="col-3">
-                <label><input type="number" id="mastodon-priority" value="29" min="1" step="1" class="positions"><button type="button" id="mastodon-move-up" class="move-up"></button><button type="button" id="mastodon-move-down" class="move-down"></button></label>
+                <label><input type="number" id="mastodon-priority" value="31" min="1" step="1" class="positions"><button type="button" id="mastodon-move-up" class="move-up"></button><button type="button" id="mastodon-move-down" class="move-down"></button></label>
             </div>
         </div>
         <div class="row service">
@@ -465,7 +479,7 @@ <h5>Position</h5>
                 <label><input type="number" id="friendica-height" value="340" class="heights"></label>
             </div>
             <div class="col-3">
-                <label><input type="number" id="friendica-priority" value="30" min="1" step="1" class="positions"><button type="button" id="friendica-move-up" class="move-up"></button><button type="button" id="friendica-move-down" class="move-down"></button></label>
+                <label><input type="number" id="friendica-priority" value="32" min="1" step="1" class="positions"><button type="button" id="friendica-move-up" class="move-up"></button><button type="button" id="friendica-move-down" class="move-down"></button></label>
             </div>
         </div>
         <div class="row hr">

readme.md

@@ -3,7 +3,7 @@
 
 Firefox Nightly 57 [removed](https://bugzilla.mozilla.org/show_bug.cgi?id=1388902) the share feature because it was using a non-official API.
 
-This extension reimplement the feature, basically a modal window (that is opened in your Firefox toolbar) that let you share to Twitter, LinkedIn, Reddit, Tumblr, GMail, Diaspora, Telegram, VKontakte, Outlook, Pinboard, Yahoo! Mail, Weibo, Shaarli, Mastodon, MeWe, Skype, WhatsApp, Pinterest, Instapaper, Evernote, Scoop.it, Google Translate (Auto>EN), Bing Translator, Viber, Line, KakaoTalk, Internet Wayback Machine, Friendica, Feedly, Parler social networks.
+This extension reimplement the feature, basically a modal window (that is opened in your Firefox toolbar) that let you share to Twitter, LinkedIn, Reddit, Tumblr, GMail, Diaspora, Telegram, VKontakte, Outlook, Pinboard, Yahoo! Mail, Weibo, Shaarli, Mastodon, MeWe, Skype, WhatsApp, Pinterest, Instapaper, Evernote, Scoop.it, Google Translate (Auto>EN), Bing Translator, Viber, Line, KakaoTalk, Internet Wayback Machine, Friendica, Feedly, Threads, Parler social networks.
 
 <img src="screenshot.png" alt="Screenshot of Share Backported in action" />