fix(wiki): wiki formatting and continued buildout

Author: timmywil

_data/tickets.json

@@ -386,7 +386,7 @@
     "summary": "changed from input/radio/checkbox, etc. break too much",
     "description": "They're great shortcuts for some, but they seem to break too much code for too many people. Either they need to be removed entirely, or completely refactored.",
     "keywords": "",
-    "closedtime": 1255269874000000,
+    "closedtime": 1151769265000000,
     "changes": [
       {
         "time": 1151769265000000,
@@ -1177343,4 +1177343,4 @@
       }
     ]
   }
-]
+]

_data/wiki.json

@@ -2,11 +2,14 @@
 layout: layouts/base.njk
 ---
 
-{%- css %}{% include "public/css/wiki.css" %}{% endcss %}
+<link rel="stylesheet" href="/css/wiki.css" />
 
 <div class="wiki flex-column">
   <div class="breadcrumbs-nav flex-row">
     <a href="/" class="breadcrumbs-nav-first">wiki:</a>
+    {% if breadcrumb %}
+      <a href="{{ page.url }}">{{ breadcrumb }}</a>
+    {% endif %}
   </div>
   <nav class="content-nav">
     <ul class="flex-row">

_includes/layouts/wiki.njk

@@ -1,5 +1,6 @@
 ---
 layout: layouts/wiki.njk
+breadcrumb: WikiStart
 ---
 
 <p>

content/index.njk

@@ -0,0 +1,15 @@
+---
+layout: layouts/base.njk
+---
+
+# Preferences
+
+---
+
+jQuery issues have moved to [GitHub](https://github.com/jquery/jquery/issues). This site is now a static version of the old trac bugs site. There are no longer any preferences to set.
+
+If you know the ticket number you are looking for, use the following URL format to go directly to the ticket:
+
+`https://bugs.jquery.com/ticket/<ticket number>`
+
+Or, search the full archive of tickets using the search box above.

content/prefs.md

@@ -0,0 +1,19 @@
+---js
+{
+  pagination: {
+    data: 'wiki',
+    size: 1,
+    alias: 'wiki',
+    addAllPagesToCollections: true
+  },
+  layout: 'layouts/wiki.njk',
+  eleventyComputed: {
+    breadcrumb: '{{ wiki.name }}',
+    title: '{{ wiki.name }}'
+  },
+  permalink: '/wiki/{{ wiki.name }}/',
+  tags: ['wiki']
+}
+---
+
+{{ wiki.text | tracToHTML | safe }}

content/wiki.njk

@@ -0,0 +1,16 @@
+---
+layout: 'layouts/wiki.njk'
+breadcrumb: 'RecentChanges'
+eleventyImport: 
+  collections: ['wiki']
+---
+
+<p>jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static version of the old trac bugs site. Version history for wiki pages is no longer available.</p>
+
+<p>Below is an index of all the wikie pages that were available on the old site.</p>
+
+<div class="flex-column">
+  {% for wiki in collections.wiki %}
+    <a href="{{ wiki.url }}" class="wiki-index-link">{{ wiki.data.title }}</a>
+  {% endfor %}
+</div>

content/wiki/RecentChanges.njk

@@ -0,0 +1,16 @@
+---
+layout: 'layouts/wiki.njk'
+breadcrumb: 'TitleIndex'
+eleventyImport: 
+  collections: ['wiki']
+---
+
+<p>jQuery issues have moved to <a href="https://github.com/jquery/jquery/issues">GitHub</a>. This site is now a static version of the old trac bugs site. Version history for wiki pages is no longer available.</p>
+
+<p>Below is an index of all the wiki pages that were available on the old site.</p>
+
+<div class="flex-column">
+  {% for wiki in collections.wiki %}
+    <a href="{{ wiki.url }}" class="wiki-index-link">{{ wiki.data.title }}</a>
+  {% endfor %}
+</div>

content/wiki/TitleIndex.njk

@@ -119,7 +119,8 @@ module.exports = function (eleventyConfig) {
   //   })
   // })
 
-  const rheaders = /^\s*(\=+)\s*([^=]+)\s*\1\s*$/
+  const rheaders = /^ *(\=+) *([^\n\r]+) *\1? *$/
+  let listStarted = false
   eleventyConfig.addFilter('tracToHTML', (text) => {
     const codes = []
     const pres = []
@@ -149,10 +150,38 @@ module.exports = function (eleventyConfig) {
           /\[?(https?:\/\/[^\s,\]]+)\]?/g,
           `<a href="$1" class="ext-link"><span class="icon"></span>$1</a>`
         )
-        // Linkify ticket references
-        .replace(/#(\d+)/g, `<a href="/ticket/$1">$&</a>`)
+        // Linkify trac links
+        .replace(
+          /(?:\[trac:([^ ]+) "([^"]+)"\])|(?:\[trac:([^ ]+) ([^\]]+)\])/g,
+          function (_match, quotepage, quotedtext, page, text) {
+            return `<a href="https://trac.edgewall.org/intertrac/${encodeURIComponent(
+              quotepage || page
+            )}" class="ext-link"><span class="icon"></span>${
+              quotedtext || text
+            }</a>`
+          }
+        )
+        // Linkify bracket links
+        .replace(
+          /\[([^ ]+) (?:(?:"([^"]+)")|([^\]]+))\]/g,
+          `<a href="/wiki/$1">$2$3</a>`
+        )
+        // Linkify ticket references (avoid trac ticket links)
+        .replace(/#(\d+)(?<=y)</g, `<a href="/ticket/$1">$&</a>`)
+        // Linkify CamelCase to wiki
+        .replace(
+          /(^|\s)(!)?([A-Z][a-z]+[A-Z]\w+)(?!\w)/g,
+          function (_match, space, excl, page) {
+            if (excl) {
+              return `${space}${page}`
+            }
+            return `${space}<a href="/wiki/${page}">${page}</a>`
+          }
+        )
+        // Convert ---- to <hr>
+        .replace(/^--+$/gm, '<hr />')
         // Replace double newlines with paragraphs
-        .split(/(?:\r?\n){2}/g)
+        .split(/(?:\r?\n)/g)
         .map((line) => {
           if (!line.trim()) {
             return ''
@@ -171,7 +200,20 @@ module.exports = function (eleventyConfig) {
               return `<h${level}>${content}</h${level}>`
             })
           }
-          return `<p>${line}</p>`
+          if (/^\s*\* /.test(line)) {
+            line = line.replace(
+              /(^|\s+)\* ([^\n]+)/g,
+              `$1${listStarted ? '' : '<ul>'}<li>$2</li>`
+            )
+            listStarted = true
+            return line
+          }
+          if (listStarted) {
+            listStarted = false
+            return `</ul><p>${line}</p>`
+          } else {
+            return `<p>${line}</p>`
+          }
         })
         .join('')
         // Reinsert code

eleventy.config.js

@@ -362,6 +362,7 @@ main a[href]:active {
 }
 #jq-content {
   position: relative;
+  padding: 2em 1em;
 }
 
 /* Side navigation */
@@ -429,7 +430,6 @@ footer a[href]:visited {
 
 /* Utility classes */
 .white-box {
-  padding: 1em;
   background-color: var(--content-background-color);
   border-radius: var(--border-radius);
   border: 1px solid var(--border-color);
@@ -507,6 +507,7 @@ a.ext-link .icon {
   #jq-content {
     flex-grow: 1;
     max-width: 622px;
+    min-height: 520px;
     font-size: 0.875rem;
   }
 }