From 9d13990c81925b7a6fb8d1b9e478edeaa2ad3552 Mon Sep 17 00:00:00 2001
From: Nicolas Vuillamy <nicolas.vuillamy@gmail.com>
Date: Thu, 18 Nov 2021 12:42:27 -0400
Subject: [PATCH] New pathnameVersion issue-term type

---
 README.md                      |  2 +-
 src/client.ts                  |  4 ++++
 src/configuration-component.ts | 11 +++++++++++
 src/page-attributes.ts         |  2 +-
 4 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 971d6991..6e59663d 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@ A lightweight comments widget built on GitHub issues. Use GitHub issues for blog
 
 ## how it works
 
-When Utterances loads, the GitHub [issue search API](https://developer.github.com/v3/search/#search-issues) is used to find the issue associated with the page based on `url`, `pathname` or `title`. If we cannot find an issue that matches the page, no problem, [utterances-bot](https://github.com/utterances-bot) will automatically create an issue the first time someone comments.
+When Utterances loads, the GitHub [issue search API](https://developer.github.com/v3/search/#search-issues) is used to find the issue associated with the page based on `url`, `pathname`, `pathnameVersion` or `title`. If we cannot find an issue that matches the page, no problem, [utterances-bot](https://github.com/utterances-bot) will automatically create an issue the first time someone comments.
 
 To comment, users must authorize the utterances app to post on their behalf using the GitHub [OAuth flow](https://developer.github.com/v3/oauth/#web-application-flow). Alternatively, users can comment on the GitHub issue directly.
 
diff --git a/src/client.ts b/src/client.ts
index 848369cd..4b47f5ce 100644
--- a/src/client.ts
+++ b/src/client.ts
@@ -37,6 +37,10 @@ const canonicalLink = document.querySelector(`link[rel='canonical']`) as HTMLLin
 attrs.url = canonicalLink ? canonicalLink.href : location.origin + location.pathname + location.search;
 attrs.origin = location.origin;
 attrs.pathname = location.pathname.length < 2 ? 'index' : location.pathname.substr(1).replace(/\.\w+$/, '');
+// Remove version segment to create pathnameVersion ( ex: v4.24/my/doc/page -> my/doc/page)
+attrs.pathnameVersion = (attrs.pathname.split("/").length > 1) ?
+  attrs.pathname.split("/").slice(1).join("/") :
+  attrs.pathname;
 attrs.title = document.title;
 const descriptionMeta = document.querySelector(`meta[name='description']`) as HTMLMetaElement;
 attrs.description = descriptionMeta ? descriptionMeta.content : '';
diff --git a/src/configuration-component.ts b/src/configuration-component.ts
index f07de40c..21d57ee7 100644
--- a/src/configuration-component.ts
+++ b/src/configuration-component.ts
@@ -47,6 +47,17 @@ export class ConfigurationComponent {
             </p>
           </label>
         </div>
+        <div class="form-checkbox">
+          <label>
+            <input type="radio" value="pathnameVersion" name="mapping">
+            Issue title contains page pathname without version segment
+            <p class="note">
+              Utterances will search for an issue whose title contains the blog post's pathname
+              URL component, without version segment. If a matching issue is not found, Utterances will automatically
+              create one the first time someone comments on your post.
+            </p>
+          </label>
+        </div>
         <div class="form-checkbox">
           <label>
             <input type="radio" value="url" name="mapping">
diff --git a/src/page-attributes.ts b/src/page-attributes.ts
index 5a210dd2..1de79376 100644
--- a/src/page-attributes.ts
+++ b/src/page-attributes.ts
@@ -12,7 +12,7 @@ function readPageAttributes() {
       if (issueTerm === '') {
         throw new Error('When issue-term is specified, it cannot be blank.');
       }
-      if (['title', 'url', 'pathname', 'og:title'].indexOf(issueTerm) !== -1) {
+      if (['title', 'url', 'pathname', 'pathnameVersion', 'og:title'].indexOf(issueTerm) !== -1) {
         if (!params[issueTerm]) {
           throw new Error(`Unable to find "${issueTerm}" metadata.`);
         }