Reduce what gets linked (#875)

Author: timja

src/main/frontend/common/utils/linkify-js.ts

@@ -0,0 +1,8 @@
+import { Opts } from "linkifyjs";
+
+export const linkifyJsOptions: Opts = {
+  rel: "noopener noreferrer",
+  validate: {
+    url: (value) => /^https?:\/\//.test(value),
+  },
+};

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx

@@ -1,6 +1,7 @@
 import linkifyHtml from "linkify-html";
 import { memo, useEffect, useRef } from "react";
 
+import { linkifyJsOptions } from "../../../common/utils/linkify-js.ts";
 import { makeReactChildren, tokenizeANSIString } from "./Ansi.tsx";
 
 export interface ConsoleLineProps {
@@ -45,7 +46,7 @@ export const ConsoleLine = memo(function ConsoleLine(props: ConsoleLineProps) {
           className="console-text"
         >
           {makeReactChildren(
-            tokenizeANSIString(linkifyHtml(props.content)),
+            tokenizeANSIString(linkifyHtml(props.content, linkifyJsOptions)),
             `${props.stepId}-${props.lineNumber}`,
           )}
         </div>

src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLogCard.tsx

@@ -12,6 +12,7 @@ import StatusIcon from "../../../common/components/status-icon.tsx";
 import Tooltip from "../../../common/components/tooltip.tsx";
 import { LocalizedMessageKey, useMessages } from "../../../common/i18n";
 import { classNames } from "../../../common/utils/classnames.ts";
+import { linkifyJsOptions } from "../../../common/utils/linkify-js.ts";
 import LiveTotal from "../../../common/utils/live-total.tsx";
 import {
   LOG_FETCH_SIZE,
@@ -69,13 +70,13 @@ export default function ConsoleLogCard(props: ConsoleLogCardProps) {
 
             {props.step.title !== "" && (
               <span>
-                <Linkify>{props.step.title}</Linkify>
+                <Linkify options={linkifyJsOptions}>{props.step.title}</Linkify>
               </span>
             )}
 
             {props.step.name !== "" && (
               <span>
-                <Linkify>{props.step.name}</Linkify>
+                <Linkify options={linkifyJsOptions}>{props.step.name}</Linkify>
               </span>
             )}