fix: Wire deeplink with custom passed url [WPB-17649] (#19158)

* fix: Wire deeplink with custom passed url

* Update src/script/util/messageRenderer.ts

Co-authored-by: Immad Abdul Jabbar <[email protected]>

---------

Co-authored-by: Immad Abdul Jabbar <[email protected]>

Author: przemvs

src/script/util/messageRenderer.test.ts

@@ -197,6 +197,18 @@ describe('renderMessage', () => {
     );
   });
 
+  it('renders a wire deeplink with config url', () => {
+    expect(renderMessage('wire://access/?config=https://test.com/deeplink.json')).toBe(
+      '<a href="wire://access/?config=https://test.com/deeplink.json" target="_blank" rel="nofollow noopener noreferrer" data-uie-name="wire-deep-link">wire://access/?config=https://test.com/deeplink.json</a>',
+    );
+  });
+
+  it('renders a wire deeplink with config url with alias', () => {
+    expect(renderMessage('[deeplink](wire://access/?config=https://test.com/deeplink.json)')).toBe(
+      '<a href="wire://access/?config=https://test.com/deeplink.json" target="_blank" rel="nofollow noopener noreferrer" data-uie-name="wire-deep-link">deeplink</a>',
+    );
+  });
+
   it('renders a link from markdown notation with formatting', () => {
     expect(renderMessage('[**doop**](http://www.example.com)')).toBe(
       '<a href="http://www.example.com" target="_blank" rel="nofollow noopener noreferrer" data-md-link="true" data-uie-name="markdown-link"><strong>doop</strong></a>',

src/script/util/messageRenderer.ts

@@ -59,6 +59,26 @@ const markdownit = new MarkdownIt('zero', {
   'blockquote',
 ]);
 
+markdownit.linkify.add('wire:', {
+  validate: (text, pos) => {
+    // Typical linkify schema: valid url chars to first whitespace or control char
+    const tail = text.slice(pos);
+
+    // A simple matcher: up to the first space, <, or a parenthesis.
+    const match = /^[^\s<>()]+/.exec(tail);
+    if (match) {
+      return match[0].length;
+    }
+    return 0;
+  },
+  normalize: match => {
+    // match.url has the form ‘wire:/...’; replace it with ‘wire://...’ if needed
+    if (match.url.startsWith('wire:/') && !match.url.startsWith('wire://')) {
+      match.url = match.url.replace('wire:/', 'wire://');
+    }
+  },
+});
+
 const originalFenceRule = markdownit.renderer.rules.fence!;
 
 markdownit.renderer.rules.heading_open = (tokens, idx) => {