Package Exports

react-native-chat-stream
react-native-chat-stream/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-chat-stream) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-chat-stream

yarn add react-native-polyfill-globals

Add to App.js or top level of app

import 'react-native-polyfill-globals/auto';

Install package

yarn add react-native-chat-stream

Usage example

import React from "react";
import { View, Text, Button } from "react-native";
import { ReText } from "react-native-redash";
import { useSharedValue } from "react-native-reanimated";
import { chat } from "react-native-chat-stream";

export default function Example({ route }) {
  const { organization, apiKey } = route.params; /// Add in your credentials
  const streamMessage = useSharedValue("");
  const [error, setError] = React.useState("");

  return (
    <View>
      <Button
        onPress={async () => {
          setError(null);
          chat({
            organization: organization,
            apiKey: apiKey,
            messages: [
              {
                role: "user",
                content: "What should I do today?",
              },
            ],
            streamMessage:(stream)=>{
              streamMessage.value = stream
            },
            final: (text) => {
              console.log("final", text);
            },
            ecb: (e) => setError(e.content),
          });
        }}
        title="Test and Save Credentials"
      ></Button>
      <Text style={{ color: "red", fontSize: 16, fontWeight: "700" }}>
        {error}
      </Text>

      <ReText multiline={true} style={{}} text={streamMessage}></ReText>
    </View>
  );
}