Port over linkifyJS to shared-components. (#32731)

* Port over linkifyJS to shared-components. * Drop rubbish * update lock * quickfix test * drop group id * Modernize tests * Remove stories that aren't in use. * Complete working version * Add copyright * tidy up * update lock * Update snaps * update snap * undo change * remove unused * More test updates * fix typo * fix margin on preview * move margin block * snapupdate * prettier * cleanup a test mistake * Fixup sonar issues * Don't expose linkifyjs to applications, just provide helper functions. * Add story for documentation. * remove $ * Use a const * typo * cleanup var name * remove console line * Changes checkpoint * Convert to context * Revert unrelated change. * more cleanup * Add a test to cover ignoring incoming data elements * Make tests happy * Update tests for LinkedText * Underlines! * fix lock * remove unused linkify packages * import move * Remove mod to remove underline * undo * fix snap * another snapshot fix * Tidy up based on review. * fix story * Pass in args
2026-03-12 15:54:01 +00:00
parent d38eb4fdb4
commit c02db4ebb8
44 changed files with 1508 additions and 839 deletions
@@ -11,6 +11,7 @@ import React from "react";
 import { render, screen } from "jest-matrix-react";
 import { EventTimeline, type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
+import { LinkedTextContext } from "@element-hq/web-shared-components";

 import { LocalRoom } from "../../../../../src/models/LocalRoom";
 import {
@@ -32,7 +33,9 @@ const renderNewRoomIntro = (client: MatrixClient, room: Room | LocalRoom) => {
    render(
        <MatrixClientContext.Provider value={client}>
            <ScopedRoomContextProvider {...({ room, roomId: room.roomId } as unknown as RoomContextType)}>
-                <NewRoomIntro />
+                <LinkedTextContext.Provider value={{}}>
+                    <NewRoomIntro />
+                </LinkedTextContext.Provider>
            </ScopedRoomContextProvider>
        </MatrixClientContext.Provider>,
    );
@@ -7,17 +7,21 @@ exports[`NewRoomIntro topic should render a link in the topic 1`] = `
  <span>
    Topic: 
    <span
-      dir="auto"
+      class="_container_15awj_8"
    >
-      This is a link: 
-      <a
-        class="linkified"
-        href="https://matrix.org/"
-        rel="noreferrer noopener"
-        target="_blank"
+      <span
+        dir="auto"
      >
-        https://matrix.org/
-      </a>
+        This is a link: 
+        <a
+          data-linkified="true"
+          href="https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          https://matrix.org/
+        </a>
+      </span>
    </span>
  </span>
 </p>