react-native-srschat 0.1.0 → 0.1.2

package/src/index.tsx

@@ -1,6 +1,191 @@
-export function multiply(a: number, b: number): number {
-  return a * b;
+import React from 'react';
+import {
+  SafeAreaView,
+  Text,
+  StyleSheet,
+  View,
+  TextInput,
+  ScrollView,
+  KeyboardAvoidingView,
+  Platform,
+  Button,
+} from 'react-native';
+
+interface ChatProps {
+  onSendMessage: (message: string) => Promise<string>;
+  placeholder?: string;
+  theme?: {
+    primaryColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+  };
 }
 
-export * from './components/Chat';
-export * from './types';
+const defaultTheme = {
+  primaryColor: '#007AFF',
+  backgroundColor: '#FFFFFF',
+  textColor: '#000000',
+};
+
+export const Chat: React.FC<ChatProps> = ({
+  onSendMessage,
+  theme = defaultTheme,
+}) => {
+  const [message, setMessage] = React.useState('');
+  const [messages, setMessages] = React.useState<Array<{text: string; fromUser: boolean}>>([]);
+
+  const handleSend = async () => {
+    if (!message.trim()) {
+      return;
+    }
+
+    setMessages((prev) => [...prev, { text: message, fromUser: true }]);
+    setMessage('');
+
+    const response = await onSendMessage(message);
+    setMessages((prev) => [...prev, { text: response, fromUser: false }]);
+  };
+
+  const containerStyle = [
+    styles.container,
+    {
+      backgroundColor: theme.backgroundColor,
+    },
+  ];
+
+  const getMessageStyle = (fromUser: boolean) => [
+    styles.messageBubble,
+    fromUser ? styles.userMessage : styles.botMessage,
+    { backgroundColor: fromUser ? theme.primaryColor : '#E8E8E8' },
+  ];
+
+  const getTextStyle = (fromUser: boolean) => [
+    styles.messageText,
+    { color: fromUser ? '#fff' : theme.textColor },
+  ];
+
+  return (
+    <SafeAreaView style={containerStyle} testID="chat-container">
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+        style={styles.content}
+      >
+        <ScrollView style={styles.messagesContainer}>
+          {messages.map((msg, i) => (
+            <View
+              key={i}
+              style={getMessageStyle(msg.fromUser)}
+            >
+              <Text style={getTextStyle(msg.fromUser)}>
+                {msg.text}
+              </Text>
+            </View>
+          ))}
+        </ScrollView>
+        <View style={styles.inputContainer}>
+          <TextInput
+            style={[styles.input, { color: theme.textColor }]}
+            value={message}
+            onChangeText={setMessage}
+            placeholder="Type a message..."
+            placeholderTextColor="#999"
+          />
+          <Button
+            title="Send"
+            onPress={handleSend}
+            color={theme.primaryColor}
+          />
+        </View>
+      </KeyboardAvoidingView>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#FFFFFF',
+  },
+  content: {
+    flex: 1,
+    backgroundColor: '#F8F9FA',
+  },
+  messagesContainer: {
+    flex: 1,
+    padding: 20,
+    paddingTop: 30,
+  },
+  messageBubble: {
+    maxWidth: '85%',
+    padding: 16,
+    borderRadius: 20,
+    marginBottom: 16,
+    backgroundColor: '#FFFFFF',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 8,
+    elevation: 3,
+  },
+  userMessage: {
+    alignSelf: 'flex-end',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)',
+  },
+  botMessage: {
+    alignSelf: 'flex-start',
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.04)',
+  },
+  messageText: {
+    fontSize: 15,
+    lineHeight: 22,
+    fontWeight: '400',
+    color: '#2C2C2E',
+    letterSpacing: 0.2,
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: '#FFFFFF',
+    borderTopWidth: 1,
+    borderTopColor: 'rgba(0, 0, 0, 0.06)',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -8,
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 12,
+    elevation: 8,
+    marginTop: 'auto',
+  },
+  input: {
+    flex: 1,
+    backgroundColor: '#F8F9FA',
+    borderRadius: 16,
+    borderWidth: 1,
+    borderColor: 'rgba(0, 0, 0, 0.06)',
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    marginRight: 12,
+    fontSize: 15,
+    maxHeight: 120,
+    color: '#2C2C2E',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+});

package/README.md

@@ -1,33 +0,0 @@
-# react-native-srschat
-
-srschat
-
-## Installation
-
-```sh
-npm install react-native-srschat
-```
-
-## Usage
-
-
-```js
-import { multiply } from 'react-native-srschat';
-
-// ...
-
-const result = await multiply(3, 7);
-```
-
-
-## Contributing
-
-See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
-
-## License
-
-MIT
-
----
-
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/android/generated/android/app/build/generated/source/codegen/jni/CMakeLists.txt

@@ -1,36 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-cmake_minimum_required(VERSION 3.13)
-set(CMAKE_VERBOSE_MAKEFILE on)
-
-file(GLOB react_codegen_SRCS CONFIGURE_DEPENDS *.cpp react/renderer/components/RNSrschatSpec/*.cpp)
-
-add_library(
-  react_codegen_RNSrschatSpec
-  OBJECT
-  ${react_codegen_SRCS}
-)
-
-target_include_directories(react_codegen_RNSrschatSpec PUBLIC . react/renderer/components/RNSrschatSpec)
-
-target_link_libraries(
-  react_codegen_RNSrschatSpec
-  fbjni
-  jsi
-  # We need to link different libraries based on whether we are building rncore or not, that's necessary
-  # because we want to break a circular dependency between react_codegen_rncore and reactnative
-  reactnative
-)
-
-target_compile_options(
-  react_codegen_RNSrschatSpec
-  PRIVATE
-  -DLOG_TAG=\"ReactNative\"
-  -fexceptions
-  -frtti
-  -std=c++20
-  -Wall
-)

package/android/generated/android/app/build/generated/source/codegen/jni/RNSrschatSpec-generated.cpp

@@ -1,22 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleJniCpp.js
- */
-
-#include "RNSrschatSpec.h"
-
-namespace facebook::react {
-
-
-
-std::shared_ptr<TurboModule> RNSrschatSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params) {
-
-  return nullptr;
-}
-
-} // namespace facebook::react

package/android/generated/android/app/build/generated/source/codegen/jni/RNSrschatSpec.h

@@ -1,24 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleJniH.js
- */
-
-#pragma once
-
-#include <ReactCommon/JavaTurboModule.h>
-#include <ReactCommon/TurboModule.h>
-#include <jsi/jsi.h>
-
-namespace facebook::react {
-
-
-
-JSI_EXPORT
-std::shared_ptr<TurboModule> RNSrschatSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
-
-} // namespace facebook::react

package/android/generated/android/app/build/generated/source/codegen/jni/react/renderer/components/RNSrschatSpec/RNSrschatSpecJSI-generated.cpp

@@ -1,17 +0,0 @@
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleCpp.js
- */
-
-#include "RNSrschatSpecJSI.h"
-
-namespace facebook::react {
-
-
-
-
-} // namespace facebook::react

package/android/generated/android/app/build/generated/source/codegen/jni/react/renderer/components/RNSrschatSpec/RNSrschatSpecJSI.h

@@ -1,19 +0,0 @@
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleH.js
- */
-
-#pragma once
-
-#include <ReactCommon/TurboModule.h>
-#include <react/bridging/Bridging.h>
-
-namespace facebook::react {
-
-
-
-} // namespace facebook::react