Merge pull request #11 from xometry/upgrade_SCR_from_upstream

upgrade xometry/stream-chat-react from upstream

Author: miller-josh

.eslintrc.json

@@ -1,6 +1,10 @@
 {
-  "plugins": ["babel", "markdown"],
-  "extends": ["eslint:recommended", "plugin:react/recommended"],
+  "plugins": ["babel", "markdown", "sonarjs"],
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:sonarjs/recommended"
+  ],
   "rules": {
     "no-console": 0,
     "no-class-assign": 0,
@@ -22,7 +26,8 @@
     "react/prop-types": 0,
     "no-var": 2,
     "linebreak-style": [2, "unix"],
-    "semi": [1, "always"]
+    "semi": [1, "always"],
+    "sonarjs/cognitive-complexity": ["error", 30]
   },
   "env": {
     "es6": true,

.travis.yml

@@ -1,8 +1,12 @@
 language: node_js
 node_js:
+  - 10
   - 11
+  - 12
+  - 13
+before_install:
+  - npm install -g yarn
 script:
   - yarn lint
   # - yarn test
   - yarn docs
-

CHANGELOG.md

@@ -1,5 +1,66 @@
 # Changelog
 
+## [0.8.1](https://github.com/GetStream/stream-chat-react/releases/tag/v0.8.1) 2020-02-07
+
+- Fixing broken typescript file [cc86f6f](https://github.com/GetStream/stream-chat-react/commit/cc86f6fea998e8581121c7da42870b0c5d316d8c)
+
+## [0.8.0](https://github.com/GetStream/stream-chat-react/releases/tag/v0.8.0) 2020-02-07
+
+- Updated dependencies [dfe466d](https://github.com/GetStream/stream-chat-react/commit/dfe466d43e75b7213857fdf9a6e007ecfc3d4614)
+- Exported all the components and updated typescript types - [41e478f](https://github.com/GetStream/stream-chat-react/commit/41e478fc1d37aad8994b9b1075ce9a576a1497f0)
+
+## [0.7.20](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.20) 2020-01-14
+
+- When you change the filters prop on the ChannelList component this now we will refresh the channels with the new query
+
+## [0.7.17](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.17) 2020-01-02
+
+- Added `maxRows` props to MessageInput component
+
+## [0.7.16](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.16) 2020-01-02
+
+- Removed inline styles from multiple locations
+- Exporting new component `ChatAutoComplete` (Advanced usage only)
+
+## [0.7.15](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.15) 2019-12-30
+
+- Added the following props on the `Thread` component so the underlying MessageList, MessageInput and Message components can be customized using props:
+  - `additionalParentMessageProps`
+  - `additionalMessageListProps`
+  - `additionalMessageInputProps`
+- Added the following props to the `Channel` component:
+  - `doUpdateMessageRequest` to override the update(edit) message request (Advanced usage only)
+  - `doSendMessageRequest` to override the send message request (Advanced usage only)
+
+## [0.7.13](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.13) 2019-12-03
+
+- Handling and updating channel list on `channel.truncated` and `channel.deleted` event.
+
+## [0.7.12](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.12) 2019-11-22
+
+- Adding prop `MessageSystem` to customize system messages
+
+## [0.7.11](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.11) 2019-11-05
+
+- Fixed z-index issue on MessageInputLarge component https://github.com/GetStream/stream-chat-react/commit/f78b0bf6566fe587da62a8162ab5f1b3d799a10e
+
+## [0.7.10](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.10) 2019-10-16
+
+- Added `customActiveChannel` prop on `ChannelList` to specify a custom channel to be moved to the top and set to active upon mounting.
+
+## [0.7.9](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.9) 2019-10-16
+
+- Changing prop name for MessageSimple from openThread to handleOpenThread.
+- Fixing scroll issue on messagelist. Related to issue [#67](https://github.com/GetStream/stream-chat-react/issues/67)
+
+## [0.7.8](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.8) 2019-10-11
+
+- Bug fix with dateseperator in messagelist
+
+## [0.7.7](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.7) 2019-10-11
+
+- Adding intro message to messagelist
+
 ## [0.7.6](https://github.com/GetStream/stream-chat-react/releases/tag/v0.7.6) 2019-10-08
 
 - Fixed unbinding of visibility listener

README.md

@@ -1,4 +1,6 @@
-## React Chat Components
+# React Chat Components
+
+<a href="https://getstream.io/chat/react-chat/tutorial/"><img src="https://i.imgur.com/SRkDlFX.png" alt="react native chat" /></a>
 
 > The official React components for Stream Chat, a service for
 > building chat applications.
@@ -7,7 +9,11 @@
 [![Build Status](https://travis-ci.org/GetStream/stream-chat-react.svg?branch=master)](https://travis-ci.org/GetStream/stream-chat-react)
 [![Component Reference](https://img.shields.io/badge/docs-component%20reference-blue.svg)](https://getstream.github.io/stream-chat-react/)
 
-You can sign up for a Stream account at https://getstream.io/chat/get_started/.
+**Quick Links**
+
+- [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat
+- [React Chat Tutorial](https://getstream.io/chat/react-chat/tutorial/)
+- [Chat UI Kit](https://getstream.io/chat/ui-kit/)
 
 With these chat components you can support any type of chat use case:
 
@@ -17,22 +23,36 @@ With these chat components you can support any type of chat use case:
 - Messaging style chat like Whatsapp or Facebook's messenger
 - Commerce chat like Drift or Intercom
 
-### React Chat Tutorial & Docs
+## React Chat Tutorial
+
+The best place to start is the [React Chat Tutorial](https://getstream.io/chat/react-chat/tutorial/). It teaches you how to use this SDK and also shows how to make common changes.
+
+## Example Apps
+
+This repo includes 4 example apps. You can try them out like this:
+
+```
+git clone [email protected]:GetStream/stream-chat-react.git
+cd examples/messaging
+yarn
+yarn start
+```
+
+The 4 examples are `messaging`, `team`, `commerce` and `livestream`. You can also preview these demos online in the [Chat Demos](https://getstream.io/chat/demos/)
 
-The best place to start is the React Chat Tutorial
+## Docs
 
-You'll also want to review the React Chat Component Documentation.
+The [styleguidist docs for stream-chat-react](https://getstream.github.io/stream-chat-react/) document how all the components work.
 
-If you're customizing the components it's important to learn how the Chat Server API works.
-You can read about that in the Chat API docs.
+The React components are created using the stream-chat-js library. If you're customizing the components it's important to learn how the Chat Server API works. You'll want to review our [JS chat API docs](https://getstream.io/chat/docs/js/).
 
-### Commands
+## Commands
 
 - yarn docs-server
 - yarn lint-fix
 - yarn lint
 
-### Component Reusability
+## Component Reusability
 
 1.  If a component implements a ton of logic it's nice if you split it out into 2 Components
     The top level component which handles all the logic, and a lower level component which just handles rendering.
@@ -61,7 +81,7 @@ You can read about that in the Chat API docs.
 - Make the changes you want in the scss files
 - Run `yarn build-styles` or `yarn watch-styles`
 
-### Performance
+## Performance
 
 Since chat can get pretty active it's important to pay attention to performance.
 For every component either:
@@ -96,6 +116,6 @@ Common mistakes that hurt performance are:
 - Mistake: Passing an object {} or an array [] that's not using seamless-immutable
 - Solution: Use an immutable type (ie a number or a string) or use a seamless immutable version of an object or an array
 
-### Contributing
+## Contributing
 
 We welcome code changes that improve this library or fix a problem, please make sure to follow all best practices and add tests if applicable before submitting a Pull Request on Github. We are very happy to merge your code in the official repository. Make sure to sign our [Contributor License Agreement (CLA)](https://docs.google.com/forms/d/e/1FAIpQLScFKsKkAJI7mhCr7K9rEIOpqIDThrWxuvxnwUq2XkHyG154vQ/viewform) first. See our license file for more details.

docs/build/0.468737e0.js

@@ -1 +1,14 @@
-<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React Chat - Docs</title><link rel="icon" type="image/x-icon" href="https://getstream.imgix.net/images/favicons/favicon-96x96.png"></head><body><div id="rsg-root"></div><script src="build/bundle.a394a8cb.js"></script></body></html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>React Chat - Docs</title>
+    <link rel="icon" type="image/x-icon" href="https://getstream.imgix.net/images/favicons/favicon-96x96.png">
+  </head>
+  <body>
+    <div id="rsg-root"></div>
+    <script src="build/bundle.af9ae501.js"></script>
+  </body>
+</html>

docs/build/bundle.a394a8cb.js

@@ -1,68 +1,20 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+# Stream Chat Customer Support Example App
 
-## Available Scripts
+Support teams require reliable chat that is available for every visitor. Build engaging chat with an infrastructure as a service you can trust to make sure every question gets an answer, and every visitor can convert to a customer.
 
-In the project directory, you can run:
+- Reliability
+- Custom Message Types
+- Bot automation and forms
 
-### `npm start`
+To run this example on your machine simply run:
 
-Runs the app in the development mode.<br>
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+```
+yarn && yarn start
+```
 
-The page will reload if you make edits.<br>
-You will also see any lint errors in the console.
+**Quick Links**
 
-### `npm test`
-
-Launches the test runner in the interactive watch mode.<br>
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.<br>
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br>
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
-
-### Analyzing the Bundle Size
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
-
-### Making a Progressive Web App
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
-
-### Advanced Configuration
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
-
-### Deployment
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
-
-### `npm run build` fails to minify
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
+- [Component Reference](https://getstream.github.io/stream-chat-react/)
+- [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat
+- [React Chat Tutorial](https://getstream.io/chat/react-chat/tutorial/)
+- [Chat UI Kit](https://getstream.io/chat/ui-kit/)

docs/build/bundle.af9ae501.js

@@ -6,7 +6,7 @@
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "react-scripts": "2.1.4",
-    "stream-chat-react": "link:../.."
+    "stream-chat-react": "0.7.12"
   },
   "scripts": {
     "start": "react-scripts start",

docs/build/bundle.af9ae501.js.LICENSE.txt

@@ -24,6 +24,9 @@ body {
   display: flex;
   align-items: flex-end;
 }
+.str-chat.commerce {
+  background: none;
+}
 
 .str-chat-channel .str-chat__container {
   height: auto;

docs/index.html

@@ -1,4 +1,3 @@
-/* globals process */
 import React, { Component } from 'react';
 import { StreamChat } from 'stream-chat';
 import {
@@ -16,24 +15,24 @@ import 'stream-chat-react/dist/css/index.css';
 import './App.css';
 
 const urlParams = new URLSearchParams(window.location.search);
-const user =
-  urlParams.get('user') || process.env.REACT_APP_CHAT_API_DEFAULT_USER;
+// const user =
+//   urlParams.get('user') || process.env.REACT_APP_CHAT_API_DEFAULT_USER;
 const theme = urlParams.get('theme') || 'light';
 const channelName = urlParams.get('channel') || 'demo';
-const userToken =
-  urlParams.get('user_token') ||
-  process.env.REACT_APP_CHAT_API_DEFAULT_USER_TOKEN;
+// const userToken =
+//   urlParams.get('user_token') ||
+//   process.env.REACT_APP_CHAT_API_DEFAULT_USER_TOKEN;
 
 class App extends Component {
   constructor(props) {
     super(props);
-    this.chatClient = new StreamChat(process.env.REACT_APP_CHAT_API_KEY);
-    this.chatClient.setBaseURL(process.env.REACT_APP_CHAT_SERVER_ENDPOINT);
+    this.chatClient = new StreamChat('qk4nn7rpcn75');
+    // this.chatClient.setBaseURL(process.env.REACT_APP_CHAT_SERVER_ENDPOINT);
     this.chatClient.setUser(
       {
-        id: user,
+        id: 'example-user',
       },
-      userToken,
+      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiZXhhbXBsZS11c2VyIn0.HlC0dMKL43y3K_XbfvQS_Yc3V314HU4Z7LrBLil777g',
     );
     this.channel = this.chatClient.channel('messaging', channelName, {
       image: 'https://i.stack.imgur.com/e7G42m.jpg',