react-native-srschat 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ChatProps {
+    onSendMessage?: (message: string) => Promise<string>;
+    placeholder?: string;
+    theme?: {
+        primaryColor?: string;
+        backgroundColor?: string;
+        textColor?: string;
+    };
+}
+export declare const Chat: React.FC<ChatProps>;
+export default Chat;

package/dist/index.js

@@ -0,0 +1,243 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chat = void 0;
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var defaultTheme = {
+    primaryColor: '#FF4500',
+    backgroundColor: '#FFFFFF',
+    textColor: '#000000',
+    secondaryBackgroundColor: 'rgba(0, 0, 0, 0.03)',
+};
+var getMessageTextColor = function (sender, theme) {
+    if (theme === void 0) { theme = defaultTheme; }
+    return (sender === 'user' ? '#fff' : theme.textColor);
+};
+var Chat = function (_a) {
+    var onSendMessage = _a.onSendMessage, _b = _a.theme, theme = _b === void 0 ? defaultTheme : _b;
+    var _c = react_1.default.useState([]), messages = _c[0], setMessages = _c[1];
+    var _d = react_1.default.useState(''), inputText = _d[0], setInputText = _d[1];
+    var handleSend = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var userMessage_1, response, botMessage_1, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!inputText.trim()) return [3 /*break*/, 4];
+                    userMessage_1 = {
+                        id: Date.now().toString(),
+                        text: inputText.trim(),
+                        sender: 'user',
+                    };
+                    setInputText('');
+                    setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [userMessage_1], false); });
+                    if (!onSendMessage) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, onSendMessage(userMessage_1.text)];
+                case 2:
+                    response = _a.sent();
+                    botMessage_1 = {
+                        id: (Date.now() + 1).toString(),
+                        text: response,
+                        sender: 'bot',
+                    };
+                    setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [botMessage_1], false); });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('Error sending message:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var containerStyle = [
+        styles.container,
+        {
+            backgroundColor: theme.backgroundColor,
+        },
+    ];
+    return (react_1.default.createElement(react_native_1.SafeAreaView, { style: containerStyle },
+        react_1.default.createElement(react_native_1.KeyboardAvoidingView, { behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height', style: styles.content },
+            react_1.default.createElement(react_native_1.ScrollView, { style: styles.messagesContainer }, messages.map(function (message) { return (react_1.default.createElement(react_native_1.View, { key: message.id, style: [
+                    styles.messageBubble,
+                    message.sender === 'user'
+                        ? [
+                            styles.userMessage,
+                            {
+                                backgroundColor: theme.primaryColor,
+                            },
+                        ]
+                        : styles.botMessage,
+                ] },
+                react_1.default.createElement(react_native_1.Text, { style: [
+                        styles.messageText,
+                        {
+                            color: getMessageTextColor(message.sender, theme),
+                        },
+                    ] }, message.text))); })),
+            react_1.default.createElement(react_native_1.View, { style: styles.inputContainer },
+                react_1.default.createElement(react_native_1.TextInput, { style: [styles.input], value: inputText, onChangeText: setInputText, placeholder: "Message...", placeholderTextColor: "rgba(0, 0, 0, 0.35)", multiline: true }),
+                react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.sendButton, onPress: handleSend },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.sendButtonText }, "\u2192"))))));
+};
+exports.Chat = Chat;
+var styles = react_native_1.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,
+    },
+    sendButton: {
+        width: 44,
+        height: 44,
+        borderRadius: 22,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#007AFF',
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 3,
+    },
+    sendButtonText: {
+        color: '#FFFFFF',
+        fontSize: 15,
+        fontWeight: '600',
+    },
+});
+exports.default = exports.Chat;

package/package.json

@@ -1,204 +1,54 @@
 {
   "name": "react-native-srschat",
-  "version": "0.1.0",
-  "description": "srschat",
-  "source": "./src/index.tsx",
-  "main": "./lib/commonjs/index.js",
-  "module": "./lib/module/index.js",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./lib/typescript/module/src/index.d.ts",
-        "default": "./lib/module/index.js"
-      },
-      "require": {
-        "types": "./lib/typescript/commonjs/src/index.d.ts",
-        "default": "./lib/commonjs/index.js"
-      }
-    }
+  "version": "0.1.1",
+  "description": "A modern, sophisticated chat interface for React Native",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "prepare": "npm run build",
+    "lint": "eslint .",
+    "prepublishOnly": "npm run lint && npm run build"
   },
   "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "react-native.config.js",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
-    "!**/.*"
+    "dist",
+    "README.md",
+    "LICENSE"
   ],
-  "scripts": {
-    "example": "yarn workspace react-native-srschat-example",
-    "test": "jest",
-    "typecheck": "tsc",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli lib",
-    "prepare": "bob build",
-    "release": "release-it"
-  },
   "keywords": [
     "react-native",
-    "ios",
-    "android"
+    "chat",
+    "messaging",
+    "ui",
+    "modern"
   ],
+  "author": "alxkai",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-native": ">=0.60.0"
+  },
+  "devDependencies": {
+    "@react-native/eslint-config": "^0.72.2",
+    "@types/react": "^18.0.0",
+    "@types/react-native": "^0.70.0",
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/parser": "^5.0.0",
+    "eslint": "^8.0.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.0.0",
+    "eslint-plugin-react-native": "^4.0.0",
+    "prettier": "^3.4.2",
+    "react": "^18.2.0",
+    "typescript": "^4.9.0"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/alxkai/react-native-srschat.git"
   },
-  "author": "alxkai <alex@instalily.ai> (https://github.com/alxkai)",
-  "license": "MIT",
   "bugs": {
     "url": "https://github.com/alxkai/react-native-srschat/issues"
   },
-  "homepage": "https://github.com/alxkai/react-native-srschat#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.5.0",
-    "@react-native/eslint-config": "^0.73.1",
-    "@release-it/conventional-changelog": "^9.0.2",
-    "@types/jest": "^29.5.5",
-    "@types/react": "^18.2.44",
-    "commitlint": "^17.0.2",
-    "del-cli": "^5.1.0",
-    "eslint": "^8.51.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.1",
-    "jest": "^29.7.0",
-    "prettier": "^3.0.3",
-    "react": "18.3.1",
-    "react-native": "0.76.6",
-    "react-native-builder-bob": "^0.35.2",
-    "release-it": "^17.10.0",
-    "typescript": "^5.2.2"
-  },
-  "resolutions": {
-    "@types/react": "^18.2.44"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "workspaces": [
-    "example"
-  ],
-  "packageManager": "yarn@3.6.1",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
-    },
-    "github": {
-      "release": true
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular"
-      }
-    }
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@react-native",
-      "prettier"
-    ],
-    "rules": {
-      "react/react-in-jsx-scope": "off",
-      "prettier/prettier": [
-        "error",
-        {
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 2,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      "codegen",
-      [
-        "commonjs",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "module",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json",
-          "esm": true
-        }
-      ]
-    ]
-  },
-  "codegenConfig": {
-    "name": "RNSrschatSpec",
-    "type": "modules",
-    "jsSrcsDir": "src",
-    "outputDir": {
-      "ios": "ios/generated",
-      "android": "android/generated"
-    },
-    "android": {
-      "javaPackageName": "com.srschat"
-    }
-  },
-  "create-react-native-library": {
-    "languages": "js",
-    "type": "library",
-    "version": "0.45.5"
-  },
-  "dependencies": {
-    "@expo/vector-icons": "^14.0.4",
-    "expo-font": "^13.0.3"
-  }
+  "homepage": "https://github.com/alxkai/react-native-srschat#readme"
 }

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