feat: add strategy selection to form

Author: gildesmarais

public/auto_source.css

@@ -19,6 +19,20 @@
   margin-right: 0;
 }
 
+.auto_source > form label {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.auto_source > form label > span {
+  flex: 1;
+}
+
+.auto_source > form label > input {
+  flex: 0;
+}
+
 .auto_source > nav {
   display: flex;
   flex-direction: column;

public/auto_source.js

@@ -93,7 +93,13 @@ const autoSource = (function () {
 
       if (this.isValidUrl(url)) {
         const encodedUrl = this.encodeUrl(url);
-        const autoSourceUrl = this.generateAutoSourceUrl(encodedUrl);
+        const params = {};
+        const strategy = this.form?.querySelector('input[name="strategy"]:checked')?.value;
+        if (strategy) {
+          params["strategy"] = strategy;
+        }
+
+        const autoSourceUrl = this.generateAutoSourceUrl(encodedUrl, params);
 
         this.rssUrlInput.value = autoSourceUrl;
         this.rssUrlInput.select();
@@ -132,9 +138,12 @@ const autoSource = (function () {
      * @param {string} encodedUrl - The base64 encoded URL.
      * @returns {string} The generated auto-source URL.
      */
-    generateAutoSourceUrl(encodedUrl) {
+    generateAutoSourceUrl(encodedUrl, params = {}) {
       const baseUrl = new URL(window.location.origin);
-      return `${baseUrl}${BASE_PATH}/${encodedUrl}`;
+
+      const url = new URL(`${baseUrl}${BASE_PATH}/${encodedUrl}`);
+      url.search = new URLSearchParams(params).toString();
+      return url.toString();
     }
 
     /**

views/auto_source/index.erb

@@ -21,14 +21,29 @@
       autocomplete="on"
       token-list="url"
       autofocus
-      required>
+      required
+    >
+
+    <%- default_strategy_name = Html2rss::RequestService.default_strategy_name %>
+    <fieldset>
+      <legend>Strategy</legend>
+      <% Html2rss::RequestService.strategy_names.each do |strategy| %>
+        <label>
+          <input type="radio" name="strategy"
+                 value="<%= strategy %>"
+                 <%= 'checked' if strategy.to_sym == default_strategy_name %>
+          >
+          <span><%= strategy %></span>
+        </label>
+      <% end %>
+    </fieldset>
     <input type="submit" value="Generate">
   </form>
 
   <label>
     <img src="/feed.svg" height="16" width="16" alt="the orange RSS icon" role="presentation"/>
-      Feed URL
-      <input type="url" id="rss_url" readonly>
+    Feed URL
+    <input type="url" id="rss_url" readonly>
   </label>
 
   <nav>