-
Notifications
You must be signed in to change notification settings - Fork 268
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' into feat/pass-channel-to-doSendMessageRequest-…
…doUpdateMessageRequest # Conflicts: # src/components/Channel/Channel.tsx
- Loading branch information
Showing
38 changed files
with
2,491 additions
and
1,802 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| // The content of babel.config.js copied here. This is due to the bug in jest - https://github.com/jestjs/jest/issues/11741 | ||
| // The bug has been resolved with jest 30 - https://github.com/jestjs/jest/commit/983274ac08c67d2a445e111b2dfaf81020f912b2 | ||
| module.exports = { | ||
| env: { | ||
| production: { | ||
| presets: [ | ||
| [ | ||
| '@babel/env', | ||
| { | ||
| modules: false, | ||
| }, | ||
| ], | ||
| ], | ||
| }, | ||
| test: { | ||
| plugins: ['transform-es2015-modules-commonjs'], | ||
| presets: [ | ||
| [ | ||
| '@babel/preset-env', | ||
| { | ||
| modules: 'commonjs', | ||
| }, | ||
| ], | ||
| ], | ||
| }, | ||
| }, | ||
| ignore: ['src/@types/*'], | ||
| plugins: [ | ||
| '@babel/plugin-proposal-class-properties', | ||
| '@babel/plugin-transform-runtime', | ||
| 'babel-plugin-dynamic-import-node', | ||
| ], | ||
| presets: ['@babel/preset-typescript', '@babel/env', '@babel/preset-react'], | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| name: E2E | ||
|
|
||
| on: [push] | ||
|
|
||
| jobs: | ||
| e2e: | ||
| runs-on: ubuntu-latest | ||
| name: End-to-end tests | ||
| steps: | ||
| - uses: actions/checkout@v3 | ||
|
|
||
| - name: 💾 Cache Dependencies | ||
| uses: actions/cache@v3 | ||
| with: | ||
| path: ./node_modules | ||
| key: ${{ runner.os }}-${{ matrix.node }}-modules-${{ hashFiles('**/yarn.lock') }} | ||
|
|
||
| - name: 🔨 Install Dependencies | ||
| run: yarn install --frozen-lockfile --ignore-engines --ignore-scripts | ||
|
|
||
| - name: ⚗️ End-to-end tests | ||
| run: | | ||
| npx playwright install | ||
| npx playwright install-deps | ||
| yarn e2e-fixtures | ||
| # running with --browser=all causes failures | ||
| yarn e2e --browser=chromium | ||
| yarn e2e --browser=webkit | ||
| yarn e2e --browser=firefox | ||
| env: | ||
| E2E_JUMP_TO_MESSAGE_CHANNEL: jump-to-message | ||
| E2E_ADD_MESSAGE_CHANNEL: add-message | ||
| E2E_TEST_USER_1: test-user-1 | ||
| E2E_TEST_USER_2: test-user-2 | ||
| E2E_APP_KEY: ${{ secrets.E2E_APP_KEY }} | ||
| E2E_APP_SECRET: ${{ secrets.E2E_APP_SECRET }} | ||
| E2E_TEST_USER_1_TOKEN: ${{ secrets.E2E_TEST_USER_1_TOKEN }} | ||
| E2E_TEST_USER_2_TOKEN: ${{ secrets.E2E_TEST_USER_2_TOKEN }} | ||
| E2E_ADDITIONAL_CHANNELS: mr-channel-1, mr-channel-2, edit-message-channel, pin-message-channel | ||
| E2E_LONG_MESSAGE_LISTS_CHANNEL: navigate-long-message-lists | ||
| E2E_ATTACHMENT_SIZING_CHANNEL: attachment-sizing | ||
|
|
||
| - name: 🎥 Upload Artifacts | ||
| uses: actions/upload-artifact@v3 | ||
| if: ${{ always() }} | ||
| with: | ||
| name: E2E_Artifacts | ||
| path: ./test-results | ||
| retention-days: 1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
55 changes: 55 additions & 0 deletions
55
docusaurus/docs/React/release-guides/v11/message-text-rendering-v11.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| --- | ||
| id: message-text-rendering-v11 | ||
| sidebar_position: 3 | ||
| title: Message text rendering 11.0.0 | ||
| keywords: [migration guide, upgrade, message, text rendering, breaking changes, v11] | ||
| --- | ||
|
|
||
| Optional remark plugins `htmlToTextPlugin`, `keepLineBreaksPlugin` introduced with [stream-chat-react@v10.19.0](https://github.com/GetStream/stream-chat-react/releases/tag/v10.19.0) are now included among the default remark plugins. That means that in the messages that originally contained a sequence of multiple newline characters `\n`, these will be replaced with line break elements `<br/>`. The number of line breaks equals count of newline characters minus 1. | ||
| The dependencies used to parse the markdown with [`renderText()` function](../../components/core-components/message_list/#rendering-message-text-with-rendertext-function) have been upgraded as a result of that, the following changes had to be performed in stream-chat-react library: | ||
|
|
||
| ### `ReactMarkdownProps` dropped from `customMarkDownRenderers` | ||
|
|
||
| `RenderTextOptions.customMarkDownRenderers`- a mapping of element name and corresponding React component to be rendered. The components are no longer accepting `ReactMarkdownProps` | ||
|
|
||
| ### User mention renderer props change | ||
|
|
||
| The `RenderTextOptions.customMarkDownRenderers.mention` props have been reduced. From now on, only `children` and `node` are passed to the component. And so now `mention` renderer props look as follows: | ||
|
|
||
| ```ts | ||
| import { PropsWithChildren } from 'react'; | ||
| import type { UserResponse } from 'stream-chat'; | ||
| import type { DefaultStreamChatGenerics } from 'stream-chat-react'; | ||
|
|
||
| type MentionProps< | ||
| StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics | ||
| > = PropsWithChildren<{ | ||
| node: { | ||
| mentionedUser: UserResponse<StreamChatGenerics>; | ||
| }; | ||
| }>; | ||
| ``` | ||
|
|
||
| ### Adjust custom rehype or remark plugins | ||
|
|
||
| If you have implemented your own rehype or remark plugin using `visit` function from the library `unist-util-visit` beware that the `index` and `parent` arguments of the `Visitor` function cannot be `null` but `undefined` instead. You should be notified by Typescript about this and should adjust the type checks accordingly. | ||
|
|
||
| If you would like to prevent applying plugins `htmlToTextPlugin`, `keepLineBreaksPlugin`, you can customize your `renderText()` by overriding the remark plugins. The example below will keep the plugin `remarkGfm` and exclude the rest: | ||
|
|
||
| ```tsx | ||
| import remarkGfm from 'remark-gfm'; | ||
| import { renderText, RenderTextPluginConfigurator } from 'stream-chat-react'; | ||
|
|
||
|
|
||
| const getRemarkPlugins: RenderTextPluginConfigurator = () => { | ||
| return [[remarkGfm, { singleTilde: false }]]; | ||
| }; | ||
|
|
||
| const customRenderText = (text, mentionedUsers) => | ||
| renderText(text, mentionedUsers, { | ||
| getRemarkPlugins | ||
| }); | ||
| const CustomMessageList = () => ( | ||
| <MessageList renderText={customRenderText}/> | ||
| ); | ||
| ``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.