Get it working with Firefox Developer Edition (for testing)

Author: IsaacSchemm

source/content/frame-script.js

@@ -23,8 +23,12 @@ var newAmoBr = {
 
   modifyNewSite: function () {
     var addonDetails = content.document.querySelector('.Addon-details');
+    if (!addonDetails) return;
+
+    if (content.document.getElementById('newSiteMessage')) return;
 
     var newSiteMessage = content.document.createElement("div");
+    newSiteMessage.id = "newSiteMessage";
     addonDetails.parentElement.insertBefore(newSiteMessage, addonDetails);
 
     newSiteMessage.textContent = amoBr.getString('viewVersionHistoryFxTB');
@@ -166,7 +170,7 @@ var amoBr = {
   /* Handle DOMContentLoaded event */
   handleEvent: function(e) {
     if (e.target.defaultView.frameElement // ignore frames
-        || !['https://addons.mozilla.org/', 'https://addons-dev.allizom.org/'].some(s => e.target.defaultView.location.href.indexOf(s) == 0)
+        || !['https://addons.mozilla.org/', 'https://addons-dev.allizom.org/', 'https://addons.thunderbird.net/'].some(s => e.target.defaultView.location.href.indexOf(s) == 0)
         || !content.document.body
         ) {
       return;
@@ -175,9 +179,7 @@ var amoBr = {
     /* Handle new version of AMO */
     if (content.document.getElementById('react-view')) {
       newAmoBr.modifyNewSite();
-      content.window.addEventListener('popstate', function () {
-        newAmoBr.modifyNewSite();
-      });
+      content.window.addEventListener('click', () => newAmoBr.modifyNewSite());
       return;
     }
 

source/content/search.html

@@ -21,7 +21,7 @@ <h2>
             Search
         </h2>
 
-        <form method="get">
+        <form method="get" id="search-form">
             <div style="display: flex; flex-direction: row; margin: 10px 0;">
                 <input type="search" name="q" data-bind="value: q" style="flex: 1 0 auto;" />
                 <select name="host" data-bind="value: host" style="margin-left: 0.5em;">
@@ -78,7 +78,7 @@ <h2>
                  data-bind="attr: { src: addon.icon_url }" />
             <div class="version-main">
                 <div class="version-header">
-                    <a href="#" data-bind="attr: { href: 'versions.html?id=' + addon.id }, text: addon.name"></a>
+                    <a href="#" data-bind="attr: { href: 'versions.html?id=' + addon.id + '&host=' + encodeURIComponent($parent.host()) }, text: addon.name"></a>
                     <span class="tags">
                         <span data-bind="if: file.is_restart_required" style="background-color: darkgreen">Restart Required</span>
                         <span data-bind="if: file.is_webextension" style="background-color: red">WebExtensions</span>

source/content/search.js

@@ -3,7 +3,7 @@
          xmlns:em="http://www.mozilla.org/2004/em-rdf#">
   <rdf:Description rdf:about="urn:mozilla:install-manifest">
     <em:id>[email protected]</em:id>
-    <em:version>0.10.0a1</em:version>
+    <em:version>0.10.0a2</em:version>
     <em:type>2</em:type>
     <em:bootstrap>true</em:bootstrap>
 
@@ -15,6 +15,15 @@
         <em:maxVersion>2.53.*</em:maxVersion>
       </Description>
     </em:targetApplication>
+
+    <em:targetApplication>
+      <!-- Firefox Developer Edition (use only for testing, remove before submitting to AMO) -->
+      <Description>
+        <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
+        <em:minVersion>44.0</em:minVersion>
+        <em:maxVersion>*</em:maxVersion>
+      </Description>
+    </em:targetApplication>
 
    <em:name>AMO Browsing for SeaMonkey</em:name>
     <em:description>This extension makes browsing for extensions easier at addons.mozilla.org. It fixes incorrect information about some extensions being not available for SeaMonkey and adds links to the Add-on Converter where needed.

source/install.rdf

@@ -21,7 +21,7 @@ <h2>
             Search
         </h2>
 
-        <form method="get">
+        <form method="get" id="search-form">
             <div style="display: flex; flex-direction: row; margin: 10px 0;">
                 <input type="search" name="q" data-bind="value: q" style="flex: 1 0 auto;" />
                 <select name="host" data-bind="value: host" style="margin-left: 0.5em;">

xpi-versions/search.html

@@ -41,6 +41,16 @@ window.onload = async () => {
     searchModel.app(app);
     searchModel.q(q);
 
+    const form = document.getElementById("search-form");
+    if (form instanceof HTMLFormElement) {
+        form.addEventListener("submit", e => {
+            e.preventDefault();
+            location.href = location.href.substring(0, `${location.href}?`.indexOf("?"))
+                + `?q=${encodeURIComponent(searchModel.q())}&host=${encodeURIComponent(searchModel.host())}`
+                + `&type=${searchModel.type()}&sort=${searchModel.sort()}&app=${searchModel.app()}`;
+        });
+    }
+
     if (!q) return;
 
     let url = `https://${host}/api/v3/addons/search?q=${encodeURIComponent(q)}&type=${type}&sort=${sort}&page=${page}&page_size=${page_size}&lang=${navigator.language}`;