react-native-srschat 0.1.0

package/lib/typescript/module/src/components/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chat.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI1C,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,SAAS,2CAkBlE"}

package/lib/typescript/module/src/components/ChatInput.d.ts

@@ -0,0 +1,6 @@
+interface ChatInputProps {
+    onSend: (text: string) => void;
+}
+export declare function ChatInput({ onSend }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatInput.d.ts.map

package/lib/typescript/module/src/components/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatInput.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,cAAc,2CAwBnD"}

package/lib/typescript/module/src/components/ChatMessage.d.ts

@@ -0,0 +1,8 @@
+import type { Message } from '../types';
+interface ChatMessageProps {
+    message: Message;
+    isOwnMessage: boolean;
+}
+export declare function ChatMessage({ message, isOwnMessage }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatMessage.d.ts.map

package/lib/typescript/module/src/components/ChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,gBAAgB,2CAUtE"}

package/lib/typescript/module/src/index.d.ts

@@ -0,0 +1,4 @@
+export declare function multiply(a: number, b: number): number;
+export * from './components/Chat';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/lib/typescript/module/src/types.d.ts

@@ -0,0 +1,12 @@
+export interface Message {
+    id: string;
+    text: string;
+    sender: string;
+    timestamp: number;
+}
+export interface ChatProps {
+    userId: string;
+    messages: Message[];
+    onSendMessage: (text: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC"}

package/package.json

@@ -0,0 +1,204 @@
+{
+  "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"
+      }
+    }
+  },
+  "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__",
+    "!**/.*"
+  ],
+  "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"
+  ],
+  "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"
+  }
+}

package/src/components/Chat.tsx

@@ -0,0 +1,34 @@
+import { View, FlatList, StyleSheet } from 'react-native';
+import type { ChatProps } from '../types';
+import { ChatMessage } from './ChatMessage';
+import { ChatInput } from './ChatInput';
+
+export function Chat({ userId, messages, onSendMessage }: ChatProps) {
+  return (
+    <View style={styles.container}>
+      <FlatList
+        data={messages}
+        keyExtractor={(item) => item.id}
+        renderItem={({ item }) => (
+          <ChatMessage
+            message={item}
+            isOwnMessage={item.sender === userId}
+          />
+        )}
+        style={styles.messageList}
+        inverted
+      />
+      <ChatInput onSend={onSendMessage} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#F2F2F7',
+  },
+  messageList: {
+    flex: 1,
+  },
+}); 

package/src/components/ChatInput.tsx

@@ -0,0 +1,58 @@
+import { useState } from 'react';
+import { View, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+
+interface ChatInputProps {
+  onSend: (text: string) => void;
+}
+
+export function ChatInput({ onSend }: ChatInputProps) {
+  const [message, setMessage] = useState('');
+
+  const handleSend = () => {
+    if (message.trim()) {
+      onSend(message.trim());
+      setMessage('');
+    }
+  };
+
+  return (
+    <View style={styles.container}>
+      <TextInput
+        style={styles.input}
+        value={message}
+        onChangeText={setMessage}
+        placeholder="Type a message..."
+        multiline
+      />
+      <TouchableOpacity onPress={handleSend} style={styles.sendButton}>
+        <Ionicons name="send" size={24} color="#007AFF" />
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    padding: 10,
+    borderTopWidth: 1,
+    borderTopColor: '#E5E5EA',
+    backgroundColor: 'white',
+  },
+  input: {
+    flex: 1,
+    borderWidth: 1,
+    borderColor: '#E5E5EA',
+    borderRadius: 20,
+    paddingHorizontal: 15,
+    paddingVertical: 8,
+    marginRight: 10,
+    maxHeight: 100,
+  },
+  sendButton: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 44,
+  },
+}); 

package/src/components/ChatMessage.tsx

@@ -0,0 +1,51 @@
+import { View, Text, StyleSheet } from 'react-native';
+import type { Message } from '../types';
+
+interface ChatMessageProps {
+  message: Message;
+  isOwnMessage: boolean;
+}
+
+export function ChatMessage({ message, isOwnMessage }: ChatMessageProps) {
+  return (
+    <View style={[styles.messageContainer, isOwnMessage ? styles.ownMessage : styles.otherMessage]}>
+      <Text style={styles.sender}>{message.sender}</Text>
+      <Text style={styles.messageText}>{message.text}</Text>
+      <Text style={styles.timestamp}>
+        {new Date(message.timestamp).toLocaleTimeString()}
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  messageContainer: {
+    padding: 10,
+    marginVertical: 5,
+    marginHorizontal: 10,
+    maxWidth: '80%',
+    borderRadius: 10,
+  },
+  ownMessage: {
+    alignSelf: 'flex-end',
+    backgroundColor: '#007AFF',
+  },
+  otherMessage: {
+    alignSelf: 'flex-start',
+    backgroundColor: '#E5E5EA',
+  },
+  sender: {
+    fontSize: 12,
+    color: '#666',
+    marginBottom: 2,
+  },
+  messageText: {
+    fontSize: 16,
+  },
+  timestamp: {
+    fontSize: 10,
+    color: '#666',
+    alignSelf: 'flex-end',
+    marginTop: 2,
+  },
+}); 

package/src/index.tsx

@@ -0,0 +1,6 @@
+export function multiply(a: number, b: number): number {
+  return a * b;
+}
+
+export * from './components/Chat';
+export * from './types';

package/src/types.ts

@@ -0,0 +1,12 @@
+export interface Message {
+  id: string;
+  text: string;
+  sender: string;
+  timestamp: number;
+}
+
+export interface ChatProps {
+  userId: string;
+  messages: Message[];
+  onSendMessage: (text: string) => void;
+}