properly handle url= tags

lib/babycode.lua

@@ -23,15 +23,17 @@ function babycode.to_html(s, escape_html)
     end
   end)
 
+  local url_tags = {}
   -- replace `[url=https://example.com]Example[/url] tags
   text = text:gsub("%[url=([^%]]+)%](.-)%[/url%]", function(url, label)
-    return '<a href="'..url..'">'..label..'</a>'
+    table.insert(url_tags, {url = url, label = label})
+    return "\1URL:"..#url_tags.."\1"
   end)
   
   -- replace `[url]https://example.com[/url] tags
-  text = text:gsub("%[url%]([^%]]+)%[/url%]", function(url)
-    return '<a href="'..url..'">'..url..'</a>'
-  end)
+  -- text = text:gsub("%[url%]([^%]]+)%[/url%]", function(url)
+  --   return '<a href="'..url..'">'..url..'</a>'
+  -- end)
 
   -- bold, italics, strikethrough
   text = text:gsub("%[b%](.-)%[/b%]", "<strong>%1</strong>")
@@ -48,6 +50,11 @@ function babycode.to_html(s, escape_html)
     return url
   end)
 
+  text = text:gsub("\1URL:(%d+)\1", function(n)
+    local url = url_tags[tonumber(n)]
+    return ("<a href=%s>%s</a>"):format(url.url, url.label)
+  end)
+
   -- rule
   text = text:gsub("\n+%-%-%-", "<hr>")
   

views/common/bbcode_help.etlua

@@ -1,11 +1,11 @@
 <details>
   <summary>babycode guide</summary>
   <ul>
+    <li>Loose links will be converted to clickable links automatically</li>
     <li>[b]<b>bold</b>[/b]</li>
     <li>[i]<i>italic</i>[/i]</li>
     <li>[s]<del>strikethrough</del>[/s]</li>
     <li>[url=https://example.com]<a href="https://example.com">labeled URL</a>[/url]</li>
-    <li>[url]<a href="https://unlabeled-url.example.com">https://unlabeled-url.example.com</a>[/url]</li>
     <li>
       [code]with<br>line breaks[/code] will produce a code block:
       <details>