From 631f1190611cad0b560ec560edebb26129fc0e36 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Wed, 13 Oct 2021 15:33:41 +0200
Subject: [PATCH] Switch from anchorme to linkifyjs

---
 index.html        |   1 +
 lib/index.js      |   5 ++-
 lib/linkify.js    | 102 +++++++++++++++++++++++++++-------------------
 package-lock.json |  22 +++++-----
 package.json      |   2 +-
 5 files changed, 75 insertions(+), 57 deletions(-)

diff --git a/index.html b/index.html
index d4720cf..7b1af15 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
 		<noscript>
 			<p>Unfortunately gamja requires JavaScript. Please enable it!</p>
 		</noscript>
+		<script src="./node_modules/linkifyjs/dist/linkify.min.js"></script>
 		<script type="module">
 			import { html, render } from "./lib/index.js";
 			import App from "./components/app.js";
diff --git a/lib/index.js b/lib/index.js
index c615ff8..c99fd7a 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -4,5 +4,6 @@ import { h } from "../node_modules/preact/dist/preact.module.js";
 import htm from "../node_modules/htm/dist/htm.module.js";
 export const html = htm.bind(h);
 
-import "../node_modules/anchorme/dist/browser/anchorme.min.js";
-export const anchorme = window.anchorme;
+// TODO: replace with proper import once this is merged and released:
+// https://github.com/Hypercontext/linkifyjs/pull/356
+export const linkifyjs = window.linkify;
diff --git a/lib/linkify.js b/lib/linkify.js
index 61f3295..b8623fe 100644
--- a/lib/linkify.js
+++ b/lib/linkify.js
@@ -1,65 +1,81 @@
-import { anchorme, html } from "./index.js";
+import { linkifyjs, html } from "./index.js";
 
-function linkifyChannel(text, transformChannel) {
-	// Don't match punctuation at the end of the channel name
-	const channelRegex = /(^|\s)(#[^\s]+[^\s.?!…():;,])/gi;
+linkifyjs.options.defaults.defaultProtocol = "https";
 
-	let children = [];
-	let match;
-	let last = 0;
-	while ((match = channelRegex.exec(text)) !== null) {
-		let channel = match[2];
-		let start = match.index + match[1].length;
-		let end = start + match[2].length;
+linkifyjs.registerCustomProtocol("irc");
+linkifyjs.registerCustomProtocol("ircs");
 
-		children.push(text.substring(last, start));
-		children.push(transformChannel(channel));
+linkifyjs.registerPlugin('ircChannel', ({ scanner, parser, utils }) => {
+	const { POUND, DOMAIN, TLD, LOCALHOST, UNDERSCORE, DOT, HYPHEN } = scanner.tokens;
+	const START_STATE = parser.start;
 
-		last = end;
-	}
-	children.push(text.substring(last));
+	const Channel = utils.createTokenClass('ircChannel', {
+		isLink: true,
+		toHref() {
+			return "irc:///" + this.toString();
+		},
+	});
 
-	return children;
-}
+	const HASH_STATE = START_STATE.tt(POUND);
+
+	const CHAN_STATE = HASH_STATE.tt(DOMAIN, Channel);
+	HASH_STATE.tt(TLD, CHAN_STATE);
+	HASH_STATE.tt(LOCALHOST, CHAN_STATE);
+	HASH_STATE.tt(POUND, CHAN_STATE);
+
+	CHAN_STATE.tt(UNDERSCORE, CHAN_STATE);
+	CHAN_STATE.tt(DOMAIN, CHAN_STATE);
+	CHAN_STATE.tt(TLD, CHAN_STATE);
+	CHAN_STATE.tt(LOCALHOST, CHAN_STATE);
+
+	const CHAN_DIVIDER_STATE = CHAN_STATE.tt(DOT);
+
+	CHAN_DIVIDER_STATE.tt(UNDERSCORE, CHAN_STATE);
+	CHAN_DIVIDER_STATE.tt(DOMAIN, CHAN_STATE);
+	CHAN_DIVIDER_STATE.tt(TLD, CHAN_STATE);
+	CHAN_DIVIDER_STATE.tt(LOCALHOST, CHAN_STATE);
+});
 
 export default function linkify(text, onChannelClick) {
-	function transformChannel(channel) {
-		function onClick(event) {
-			event.preventDefault();
-			onChannelClick(channel);
-		}
-		return html`
-			<a
-				href="irc:///${encodeURIComponent(channel)}"
-				onClick=${onClick}
-			>${channel}</a>`;
-	}
-
-	let links = anchorme.list(text);
+	let links = linkifyjs.find(text);
 
 	let children = [];
 	let last = 0;
 	links.forEach((match) => {
+		if (!match.isLink) {
+			return;
+		}
+
 		const prefix = text.substring(last, match.start)
-		children.push(...linkifyChannel(prefix, transformChannel));
+		children.push(prefix);
 
-		let proto = match.protocol || "https://";
-		if (match.isEmail) {
-			proto = "mailto:";
+		// TODO: handle all irc/ircs URLs
+		if (match.href.startsWith("irc:///")) {
+			function onClick(event) {
+				event.preventDefault();
+				onChannelClick(match.value);
+			}
+			children.push(html`
+				<a
+					href="${match.href}"
+					onClick=${onClick}
+				>${match.value}</a>
+			`);
+		} else {
+			children.push(html`
+				<a
+					href=${match.href}
+					target="_blank"
+					rel="noreferrer noopener"
+				>${match.value}</a>
+			`);
 		}
 
-		let url = match.string;
-		if (!url.startsWith(proto)) {
-			url = proto + url;
-		}
-
-		children.push(html`<a href=${url} target="_blank" rel="noreferrer noopener">${match.string}</a>`);
-
 		last = match.end;
 	});
 
 	const suffix = text.substring(last)
-	children.push(...linkifyChannel(suffix, transformChannel));
+	children.push(suffix);
 
 	return children;
 }
diff --git a/package-lock.json b/package-lock.json
index 762cbbf..b4b7302 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,19 +6,14 @@
     "": {
       "name": "gamja",
       "dependencies": {
-        "anchorme": "^2.1.2",
         "htm": "^3.0.4",
+        "linkifyjs": "^3.0.2",
         "preact": "^10.5.9"
       },
       "devDependencies": {
         "http-server": "^13.0.2"
       }
     },
-    "node_modules/anchorme": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/anchorme/-/anchorme-2.1.2.tgz",
-      "integrity": "sha512-2iPY3kxDDZvtRzauqKDb4v7a5sTF4GZ+esQTY8nGYvmhAtGTeFPMn4cRnvyWS1qmtPTP0Mv8hyLOp9l3ZzWMKg=="
-    },
     "node_modules/async": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
@@ -201,6 +196,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/linkifyjs": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-3.0.2.tgz",
+      "integrity": "sha512-PSHDxSAWkZQ208W4PI/+yo9NHSI6NAHKmazMtyRavyibJgrPOioPIjQn7zyapASQlKoPmAV+tOlqzTqX3XFWXQ=="
+    },
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
@@ -345,11 +345,6 @@
     }
   },
   "dependencies": {
-    "anchorme": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/anchorme/-/anchorme-2.1.2.tgz",
-      "integrity": "sha512-2iPY3kxDDZvtRzauqKDb4v7a5sTF4GZ+esQTY8nGYvmhAtGTeFPMn4cRnvyWS1qmtPTP0Mv8hyLOp9l3ZzWMKg=="
-    },
     "async": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
@@ -482,6 +477,11 @@
         "url-join": "^2.0.5"
       }
     },
+    "linkifyjs": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-3.0.2.tgz",
+      "integrity": "sha512-PSHDxSAWkZQ208W4PI/+yo9NHSI6NAHKmazMtyRavyibJgrPOioPIjQn7zyapASQlKoPmAV+tOlqzTqX3XFWXQ=="
+    },
     "lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
diff --git a/package.json b/package.json
index 01e92c2..6f7652d 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "gamja",
   "dependencies": {
-    "anchorme": "^2.1.2",
     "htm": "^3.0.4",
+    "linkifyjs": "^3.0.2",
     "preact": "^10.5.9"
   },
   "devDependencies": {