From 730f1d48df7d7a553e344644e9420e721c17f6cd Mon Sep 17 00:00:00 2001
From: Tully Foote <tullyfoote@intrinsic.ai>
Date: Mon, 1 Jan 2024 21:35:13 -0800
Subject: [PATCH 1/3] make Q&A result template generic

---
 _includes/package_body.html | 26 +-------------------------
 _layouts/package.html       | 27 +++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/_includes/package_body.html b/_includes/package_body.html
index 742298a7..ea7f1b41 100644
--- a/_includes/package_body.html
+++ b/_includes/package_body.html
@@ -448,30 +448,6 @@ <h3 class="panel-title">Recent questions tagged <kbd>{{package.name}}</kbd> at <
 
 <script type="text/javascript" src="{{ '/js/package_body_tabs.js' | prepend: site.baseurl }}"></script>
 
-<script id="{{distro}}-question-list-template" type="text/html">
-  <p>
-    Browse <a href="https://answers.ros.org/questions/scope:all/sort:activity-desc/tags:{{package.name}}/page:1/">recent questions</a>
-    or see the <a href="https://answers.ros.org/questions/scope:all/sort:votes-desc/tags:{{package.name}}/page:1/">higest voted ones</a>.
-  </p>
-  {% raw %}
-  <div class="list-group">
-    {{#questions}}
-    <div class="list-group-item mb-1">
-      <a href="{{link}}">
-        <h4 class="w-75 float-left">{{title}}</h4>
-        <small class="w-25">{{updated}}</small>
-      </a>
-      <hr>
-      <div class="question-description question-description-collapsed" id="question-description-{{id}}" title="{{link}}">
-        {{&description}}
-      </div>
-      <a class="question-description-toggle" id="question-description-{{id}}-toggle">Show more</a>
-      <a class="question-link"  target="_blank" href="{{link}}">View on answers.ros.org</a>
-    </div>
-    {{/questions}}
-  </div>
-  {% endraw %}
-</script>
 
 <script type="text/javascript" src="{{ '/js/jquery.jfeed.pack.js' | prepend: site.baseurl }}"></script>
 <link rel="stylesheet" type="text/css" href="{{ '/css/prettify.css' | prepend: site.baseurl }}"/>
@@ -500,7 +476,7 @@ <h4 class="w-75 float-left">{{title}}</h4>
                   question.id = Math.round(Math.random() * 99999.0);
                   return question;
               });
-              var template = jQuery("#{{distro}}-question-list-template").text();
+              var template = jQuery("#question-list-template").text();
               Mustache.parse(template);
               var rendered = Mustache.render(template, {questions: questions});
               jQuery("#{{distro}}-question-list").html(rendered);
diff --git a/_layouts/package.html b/_layouts/package.html
index 08d54328..7c9e7dee 100644
--- a/_layouts/package.html
+++ b/_layouts/package.html
@@ -51,6 +51,33 @@
   </div>
 {% endfor %}
 
+{% comment %} Template for Q&A content {% endcomment %}
+<script id="question-list-template" type="text/html">
+  <p>
+    Browse <a href="https://answers.ros.org/questions/scope:all/sort:activity-desc/tags:{{package.name}}/page:1/">recent questions</a>
+    or see the <a href="https://answers.ros.org/questions/scope:all/sort:votes-desc/tags:{{package.name}}/page:1/">higest voted ones</a>.
+  </p>
+  {% raw %}
+  <div class="list-group">
+    {{#questions}}
+    <div class="list-group-item mb-1">
+      <a href="{{link}}">
+        <h4 class="w-75 float-left">{{title}}</h4>
+        <small class="w-25">{{updated}}</small>
+      </a>
+      <hr>
+      <div class="question-description question-description-collapsed" id="question-description-{{id}}" title="{{link}}">
+        {{&description}}
+      </div>
+      <a class="question-description-toggle" id="question-description-{{id}}-toggle">Show more</a>
+      <a class="question-link"  target="_blank" href="{{link}}">View on answers.ros.org</a>
+    </div>
+    {{/questions}}
+  </div>
+  {% endraw %}
+</script>
+
+
 <script type="text/javascript">
   $(document).ready(function() {
     setupDistroSwitch("{{ page.default_distro }}");

From a36ff2ed5d1f84605c286144d028421cb5c2c265 Mon Sep 17 00:00:00 2001
From: Tully Foote <tullyfoote@intrinsic.ai>
Date: Mon, 1 Jan 2024 22:54:06 -0800
Subject: [PATCH 2/3] Move Q&A to package template from package_body to package
 template outside distro for loop to make it only load once per page. Resolves
 #308

---
 _includes/package_body.html        |  64 ------------------
 _includes/package_qna_updater.html | 100 +++++++++++++++++++++++++++++
 _layouts/package.html              |  27 +-------
 _layouts/package_instance.html     |   2 +
 4 files changed, 103 insertions(+), 90 deletions(-)
 create mode 100644 _includes/package_qna_updater.html

diff --git a/_includes/package_body.html b/_includes/package_body.html
index ea7f1b41..734e7fb4 100644
--- a/_includes/package_body.html
+++ b/_includes/package_body.html
@@ -448,73 +448,9 @@ <h3 class="panel-title">Recent questions tagged <kbd>{{package.name}}</kbd> at <
 
 <script type="text/javascript" src="{{ '/js/package_body_tabs.js' | prepend: site.baseurl }}"></script>
 
-
-<script type="text/javascript" src="{{ '/js/jquery.jfeed.pack.js' | prepend: site.baseurl }}"></script>
-<link rel="stylesheet" type="text/css" href="{{ '/css/prettify.css' | prepend: site.baseurl }}"/>
-<script type="text/javascript" src="{{ '/js/prettify.js' | prepend: site.baseurl }}"></script>
-<script type="text/javascript" src="{{ '/js/mustache.js' | prepend: site.baseurl }}"></script>
-<script type="text/javascript" src="{{ '/js/showdown.min.js' | prepend: site.baseurl }}"></script>
 <script src={{ "/js/contribution_suggestions.js" | prepend: site.baseurl }}></script>
 <script type="text/javascript">
-jQuery.browser = {};
-(function () {
-    jQuery.browser.msie = false;
-    jQuery.browser.version = 0;
-    if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
-        jQuery.browser.msie = true;
-        jQuery.browser.version = RegExp.$1;
-    }
-})();
 jQuery(function() {
-    jQuery.getFeed({
-        url: "https://answers.ros.org/feeds/rss/?tags={{package.name}}",
-        success: function(feed) {
-            if (feed.items.length > 0) {
-              var converter = new showdown.Converter();
-              var questions = feed.items.slice(0, 10).map(function(question) {
-                  question.description = converter.makeHtml(question.description);
-                  question.id = Math.round(Math.random() * 99999.0);
-                  return question;
-              });
-              var template = jQuery("#question-list-template").text();
-              Mustache.parse(template);
-              var rendered = Mustache.render(template, {questions: questions});
-              jQuery("#{{distro}}-question-list").html(rendered);
-              jQuery("#{{distro}}-question-list pre").addClass("prettyprint");
-              jQuery("#{{distro}}-question-list img").each(function() {
-                if (jQuery(this).attr("src").startsWith("/upfiles")) {
-                   jQuery(this).attr("src", "https://answers.ros.org" + jQuery(this).attr("src"));
-                }
-              });
-              jQuery("#{{distro}}-question-list .question-description").each(function() {
-                jQuery(this).click( function() {
-                  if (jQuery(this).hasClass("question-description-collapsed")) {
-                    window.open(jQuery(this).attr("title"));
-                  }
-                })
-              });
-              jQuery("#{{distro}}-question-list .question-description-toggle").each(function() {
-                jQuery(this).click( function() {
-                  if (jQuery(this).prev().hasClass("question-description-collapsed")) {
-                    jQuery(this).html("Show less");
-                  } else {
-                    jQuery(this).html("Show more");
-                  }
-                  jQuery(this).prev().toggleClass( "question-description-collapsed", 1000 );
-                })
-              });
-              jQuery("#{{distro}}-question-list").show();
-              PR.prettyPrint();
-            } else {
-              jQuery("#{{distro}}-no-question-list").show();
-            }
-            jQuery("#{{distro}}-questions-count").text(feed.items.length);
-        },
-        error: function(res, err) {
-          console.error("Failed to get feed:", err)
-          jQuery("#{{distro}}-get-question-fail").show();
-        }
-    });
     // Update the count on the links to the contribution suggestions
     updateContributionSuggestionsCountOnPackage('{{package.repo.uri}}');
 });
diff --git a/_includes/package_qna_updater.html b/_includes/package_qna_updater.html
new file mode 100644
index 00000000..0356b8f5
--- /dev/null
+++ b/_includes/package_qna_updater.html
@@ -0,0 +1,100 @@
+{% comment %} Template for Q&A content {% endcomment %}
+<script id="question-list-template" type="text/html">
+  <p>
+    Browse <a href="https://answers.ros.org/questions/scope:all/sort:activity-desc/tags:{{package.name}}/page:1/">recent questions</a>
+    or see the <a href="https://answers.ros.org/questions/scope:all/sort:votes-desc/tags:{{package.name}}/page:1/">higest voted ones</a>.
+  </p>
+  {% raw %}
+  <div class="list-group">
+    {{#questions}}
+    <div class="list-group-item mb-1">
+      <a href="{{link}}">
+        <h4 class="w-75 float-left">{{title}}</h4>
+        <small class="w-25">{{updated}}</small>
+      </a>
+      <hr>
+      <div class="question-description question-description-collapsed" id="question-description-{{id}}" title="{{link}}">
+        {{&description}}
+      </div>
+      <a class="question-description-toggle" id="question-description-{{id}}-toggle">Show more</a>
+      <a class="question-link"  target="_blank" href="{{link}}">View on answers.ros.org</a>
+    </div>
+    {{/questions}}
+  </div>
+  {% endraw %}
+</script>
+
+<script type="text/javascript" src="{{ '/js/jquery.jfeed.pack.js' | prepend: site.baseurl }}"></script>
+<link rel="stylesheet" type="text/css" href="{{ '/css/prettify.css' | prepend: site.baseurl }}"/>
+<script type="text/javascript" src="{{ '/js/prettify.js' | prepend: site.baseurl }}"></script>
+<script type="text/javascript" src="{{ '/js/mustache.js' | prepend: site.baseurl }}"></script>
+<script type="text/javascript" src="{{ '/js/showdown.min.js' | prepend: site.baseurl }}"></script>
+<script src={{ "/js/contribution_suggestions.js" | prepend: site.baseurl }}></script>
+<script type="text/javascript">
+jQuery.browser = {};
+(function () {
+    jQuery.browser.msie = false;
+    jQuery.browser.version = 0;
+    if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
+        jQuery.browser.msie = true;
+        jQuery.browser.version = RegExp.$1;
+    }
+})();
+jQuery(function() {
+    jQuery.getFeed({
+        url: "https://answers.ros.org/feeds/rss/?tags={{package.name}}",
+        success: function(feed) {
+            {% for distro in page.all_distros %}
+            if (feed.items.length > 0) {
+              var converter = new showdown.Converter();
+              var questions = feed.items.slice(0, 10).map(function(question) {
+                  question.description = converter.makeHtml(question.description);
+                  question.id = Math.round(Math.random() * 99999.0);
+                  return question;
+              });
+              var template = jQuery("#question-list-template").text();
+              Mustache.parse(template);
+              var rendered = Mustache.render(template, {questions: questions});
+              jQuery("#{{distro}}-question-list").html(rendered);
+              jQuery("#{{distro}}-question-list pre").addClass("prettyprint");
+              jQuery("#{{distro}}-question-list img").each(function() {
+                if (jQuery(this).attr("src").startsWith("/upfiles")) {
+                   jQuery(this).attr("src", "https://answers.ros.org" + jQuery(this).attr("src"));
+                }
+              });
+              jQuery("#{{distro}}-question-list .question-description").each(function() {
+                jQuery(this).click( function() {
+                  if (jQuery(this).hasClass("question-description-collapsed")) {
+                    window.open(jQuery(this).attr("title"));
+                  }
+                })
+              });
+              jQuery("#{{distro}}-question-list .question-description-toggle").each(function() {
+                jQuery(this).click( function() {
+                  if (jQuery(this).prev().hasClass("question-description-collapsed")) {
+                    jQuery(this).html("Show less");
+                  } else {
+                    jQuery(this).html("Show more");
+                  }
+                  jQuery(this).prev().toggleClass( "question-description-collapsed", 1000 );
+                })
+              });
+              jQuery("#{{distro}}-question-list").show();
+              PR.prettyPrint();
+            } else {python
+              jQuery("#{{distro}}-no-question-list").show();
+            }
+            jQuery("#{{distro}}-questions-count").text(feed.items.length);
+            {% endfor %}
+          },
+          error: function(res, err) {
+            {% for distro in page.all_distros %}
+            console.error("Failed to get feed for {{distro}}:", err)
+            jQuery("#{{distro}}-get-question-fail").show();
+            {% endfor %}
+          }
+          
+    });
+
+  });
+</script>
\ No newline at end of file
diff --git a/_layouts/package.html b/_layouts/package.html
index 7c9e7dee..16f23858 100644
--- a/_layouts/package.html
+++ b/_layouts/package.html
@@ -51,32 +51,7 @@
   </div>
 {% endfor %}
 
-{% comment %} Template for Q&A content {% endcomment %}
-<script id="question-list-template" type="text/html">
-  <p>
-    Browse <a href="https://answers.ros.org/questions/scope:all/sort:activity-desc/tags:{{package.name}}/page:1/">recent questions</a>
-    or see the <a href="https://answers.ros.org/questions/scope:all/sort:votes-desc/tags:{{package.name}}/page:1/">higest voted ones</a>.
-  </p>
-  {% raw %}
-  <div class="list-group">
-    {{#questions}}
-    <div class="list-group-item mb-1">
-      <a href="{{link}}">
-        <h4 class="w-75 float-left">{{title}}</h4>
-        <small class="w-25">{{updated}}</small>
-      </a>
-      <hr>
-      <div class="question-description question-description-collapsed" id="question-description-{{id}}" title="{{link}}">
-        {{&description}}
-      </div>
-      <a class="question-description-toggle" id="question-description-{{id}}-toggle">Show more</a>
-      <a class="question-link"  target="_blank" href="{{link}}">View on answers.ros.org</a>
-    </div>
-    {{/questions}}
-  </div>
-  {% endraw %}
-</script>
-
+{% include package_qna_updater.html %}
 
 <script type="text/javascript">
   $(document).ready(function() {
diff --git a/_layouts/package_instance.html b/_layouts/package_instance.html
index 09943aa9..cff265a0 100644
--- a/_layouts/package_instance.html
+++ b/_layouts/package_instance.html
@@ -54,6 +54,8 @@
   </div>
 {% endfor %}
 
+{% include package_qna_updater.html %}
+
 <script type="text/javascript">
   $(document).ready(function() {
     setupDistroSwitch("{{ page.default_distro }}");

From 786fdbbe18e42d5ec7d7092fff200110f544cf7e Mon Sep 17 00:00:00 2001
From: Tully Foote <tullyfoote@intrinsic.ai>
Date: Mon, 1 Jan 2024 23:13:41 -0800
Subject: [PATCH 3/3] Switch to Robotics Stack Exchange

Manually merged #320

Signed-off-by: Tully Foote <tullyfoote@intrinsic.ai>
---
 _includes/package_body.html        |  7 +++----
 _includes/package_qna_updater.html | 20 +++++++++++---------
 index.html                         |  2 +-
 3 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/_includes/package_body.html b/_includes/package_body.html
index 734e7fb4..cfe41ab1 100644
--- a/_includes/package_body.html
+++ b/_includes/package_body.html
@@ -433,14 +433,13 @@ <h3 class="panel-title">Plugins</h3>
   <div class="tab-pane" id="{{distro}}-questions">
     <div class="panel panel-default">
       <div class="panel-heading">
-        <h3 class="panel-title">Recent questions tagged <kbd>{{package.name}}</kbd> at <strong><a href="https://answers.ros.org" target="_blank">answers.ros.org</a></strong></h3>
-      </div>
+        <h3 class="panel-title">Recent questions tagged <kbd>{{package.name}}</kbd> at <strong><a href="https://robotics.stackexchange.com/" target="_blank">Robotics Stack Exchange</a></strong></h3>      </div>
       <div id="{{distro}}-question-list" class="panel-body" style="display: none;"></div>
       <div id="{{distro}}-no-question-list" class="panel-body" style="display: none;">
-        <p>No questions yet, you can ask one <a href="https://answers.ros.org/questions/ask/?tags={{package.name}},{{distro}}">here</a>.</p>
+        <p>No questions yet, you can ask one <a href="https://robotics.stackexchange.com/questions/tagged/{{package.name}}+{{distro}}">here</a>.</p>
       </div>
       <div id="{{distro}}-get-question-fail" class="panel-body alert alert-warning" style="display: none;">
-        <p>Failed to get question list, you can ticket an issue <a href="https://github.com/ros2/rosindex/issues/new" target="_blank" class="alert-link">here</a> </p>
+        <p>Failed to get question list, you can ticket an issue <a href="https://github.com/ros-infrastructure/rosindex/issues/new" target="_blank" class="alert-link">here</a> </p>
       </div>
     </div>
   </div>
diff --git a/_includes/package_qna_updater.html b/_includes/package_qna_updater.html
index 0356b8f5..293c62f7 100644
--- a/_includes/package_qna_updater.html
+++ b/_includes/package_qna_updater.html
@@ -1,8 +1,8 @@
 {% comment %} Template for Q&A content {% endcomment %}
 <script id="question-list-template" type="text/html">
   <p>
-    Browse <a href="https://answers.ros.org/questions/scope:all/sort:activity-desc/tags:{{package.name}}/page:1/">recent questions</a>
-    or see the <a href="https://answers.ros.org/questions/scope:all/sort:votes-desc/tags:{{package.name}}/page:1/">higest voted ones</a>.
+    Browse <a href="https://robotics.stackexchange.com/questions/tagged/{{package.name}}?tab=Newest">recent questions</a>
+    or see the <a href="https://robotics.stackexchange.com/questions/tagged/{{package.name}}?tab=Votes">higest voted ones</a>.
   </p>
   {% raw %}
   <div class="list-group">
@@ -17,7 +17,7 @@ <h4 class="w-75 float-left">{{title}}</h4>
         {{&description}}
       </div>
       <a class="question-description-toggle" id="question-description-{{id}}-toggle">Show more</a>
-      <a class="question-link"  target="_blank" href="{{link}}">View on answers.ros.org</a>
+      <a class="question-link"  target="_blank" href="{{link}}">View on Robotics Stack Exchange</a>
     </div>
     {{/questions}}
   </div>
@@ -42,7 +42,7 @@ <h4 class="w-75 float-left">{{title}}</h4>
 })();
 jQuery(function() {
     jQuery.getFeed({
-        url: "https://answers.ros.org/feeds/rss/?tags={{package.name}}",
+        url: "https://robotics.stackexchange.com/feeds/tag/{{package.name}}",
         success: function(feed) {
             {% for distro in page.all_distros %}
             if (feed.items.length > 0) {
@@ -57,11 +57,12 @@ <h4 class="w-75 float-left">{{title}}</h4>
               var rendered = Mustache.render(template, {questions: questions});
               jQuery("#{{distro}}-question-list").html(rendered);
               jQuery("#{{distro}}-question-list pre").addClass("prettyprint");
-              jQuery("#{{distro}}-question-list img").each(function() {
-                if (jQuery(this).attr("src").startsWith("/upfiles")) {
-                   jQuery(this).attr("src", "https://answers.ros.org" + jQuery(this).attr("src"));
-                }
-              });
+            //   TODO(tfoote) Resolve images
+            //   jQuery("#{{distro}}-question-list img").each(function() {
+            //     if (jQuery(this).attr("src").startsWith("/upfiles")) {
+            //        jQuery(this).attr("src", "https://answers.ros.org" + jQuery(this).attr("src"));
+            //     }
+            //   });
               jQuery("#{{distro}}-question-list .question-description").each(function() {
                 jQuery(this).click( function() {
                   if (jQuery(this).hasClass("question-description-collapsed")) {
@@ -88,6 +89,7 @@ <h4 class="w-75 float-left">{{title}}</h4>
             {% endfor %}
           },
           error: function(res, err) {
+            // TODO(tfoote) resolve 404 errors which are what R.SE gives for non-extant tags, which in this context are just empty lists.
             {% for distro in page.all_distros %}
             console.error("Failed to get feed for {{distro}}:", err)
             jQuery("#{{distro}}-get-question-fail").show();
diff --git a/index.html b/index.html
index 0e4678b8..a900b95a 100644
--- a/index.html
+++ b/index.html
@@ -74,7 +74,7 @@ <h2>More resources</h2>
       <a href="https://discourse.ros.org/">ROS Discourse</a>
     </p>
     <p>
-      <a href="https://answers.ros.org/questions/">ROS Answers</a>
+      <a href="https://robotics.stackexchange.com/">Robotics Stack Exchange</a>
     </p>
     <p>
       <a href="https://www.ros.org/">ros.org</a>