@aizu-chat/react 0.1.1 → 0.1.2

package/dist/index.js

@@ -1224,12 +1224,15 @@ var import_react9 = require("react");
 
 // src/hooks/use-keyboard.ts
 var import_react7 = require("react");
+var MAX_LENGTH = 300;
 var useKeyboard = ({ userMessages, isLoading, onSend }) => {
   const [value, setValue] = (0, import_react7.useState)("");
   const [historyIndex, setHistoryIndex] = (0, import_react7.useState)((userMessages == null ? void 0 : userMessages.length) || 0);
   const textareaRef = (0, import_react7.useRef)(null);
   const handleChange = (e) => {
-    setValue(e.target.value);
+    const currentValue = e.target.value;
+    const truncatedValue = currentValue.length > MAX_LENGTH ? currentValue.slice(0, MAX_LENGTH) : currentValue;
+    setValue(truncatedValue);
   };
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -1253,17 +1256,21 @@ var useKeyboard = ({ userMessages, isLoading, onSend }) => {
     if (key === "ArrowUp") {
       e.preventDefault();
       if (userMessages.length === 0) return;
-      const next = historyIndex === userMessages.length ? userMessages.length - 1 : Math.max(0, historyIndex - 1);
-      setHistoryIndex(next);
-      setValue((_b = (_a = userMessages[next]) == null ? void 0 : _a.text) != null ? _b : "");
+      const nextIndex = historyIndex === userMessages.length ? userMessages.length - 1 : Math.max(0, historyIndex - 1);
+      setHistoryIndex(nextIndex);
+      const nextValue = (_b = (_a = userMessages[nextIndex]) == null ? void 0 : _a.text) != null ? _b : "";
+      const truncatedValue = nextValue.slice(0, MAX_LENGTH);
+      setValue(truncatedValue);
       return;
     }
     if (key === "ArrowDown") {
       e.preventDefault();
       if (userMessages.length === 0) return;
-      const next = historyIndex >= userMessages.length - 1 ? userMessages.length : historyIndex + 1;
-      setHistoryIndex(next);
-      setValue(next === userMessages.length ? "" : (_d = (_c = userMessages[next]) == null ? void 0 : _c.text) != null ? _d : "");
+      const nextIndex = historyIndex >= userMessages.length - 1 ? userMessages.length : historyIndex + 1;
+      setHistoryIndex(nextIndex);
+      const nextValue = nextIndex === userMessages.length ? "" : (_d = (_c = userMessages[nextIndex]) == null ? void 0 : _c.text) != null ? _d : "";
+      const truncatedValue = nextValue.slice(0, MAX_LENGTH);
+      setValue(truncatedValue);
     }
   };
   const adjustTextareaHeight = (0, import_react7.useCallback)(() => {

package/dist/index.mjs

@@ -1201,12 +1201,15 @@ import {
 
 // src/hooks/use-keyboard.ts
 import { useCallback as useCallback6, useEffect as useEffect3, useRef as useRef4, useState as useState4 } from "react";
+var MAX_LENGTH = 300;
 var useKeyboard = ({ userMessages, isLoading, onSend }) => {
   const [value, setValue] = useState4("");
   const [historyIndex, setHistoryIndex] = useState4((userMessages == null ? void 0 : userMessages.length) || 0);
   const textareaRef = useRef4(null);
   const handleChange = (e) => {
-    setValue(e.target.value);
+    const currentValue = e.target.value;
+    const truncatedValue = currentValue.length > MAX_LENGTH ? currentValue.slice(0, MAX_LENGTH) : currentValue;
+    setValue(truncatedValue);
   };
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -1230,17 +1233,21 @@ var useKeyboard = ({ userMessages, isLoading, onSend }) => {
     if (key === "ArrowUp") {
       e.preventDefault();
       if (userMessages.length === 0) return;
-      const next = historyIndex === userMessages.length ? userMessages.length - 1 : Math.max(0, historyIndex - 1);
-      setHistoryIndex(next);
-      setValue((_b = (_a = userMessages[next]) == null ? void 0 : _a.text) != null ? _b : "");
+      const nextIndex = historyIndex === userMessages.length ? userMessages.length - 1 : Math.max(0, historyIndex - 1);
+      setHistoryIndex(nextIndex);
+      const nextValue = (_b = (_a = userMessages[nextIndex]) == null ? void 0 : _a.text) != null ? _b : "";
+      const truncatedValue = nextValue.slice(0, MAX_LENGTH);
+      setValue(truncatedValue);
       return;
     }
     if (key === "ArrowDown") {
       e.preventDefault();
       if (userMessages.length === 0) return;
-      const next = historyIndex >= userMessages.length - 1 ? userMessages.length : historyIndex + 1;
-      setHistoryIndex(next);
-      setValue(next === userMessages.length ? "" : (_d = (_c = userMessages[next]) == null ? void 0 : _c.text) != null ? _d : "");
+      const nextIndex = historyIndex >= userMessages.length - 1 ? userMessages.length : historyIndex + 1;
+      setHistoryIndex(nextIndex);
+      const nextValue = nextIndex === userMessages.length ? "" : (_d = (_c = userMessages[nextIndex]) == null ? void 0 : _c.text) != null ? _d : "";
+      const truncatedValue = nextValue.slice(0, MAX_LENGTH);
+      setValue(truncatedValue);
     }
   };
   const adjustTextareaHeight = useCallback6(() => {

package/package.json

@@ -1,17 +1,12 @@
 {
 	"name": "@aizu-chat/react",
-	"version": "0.1.1",
+	"version": "0.1.2",
 	"main": "./dist/index.js",
 	"module": "./dist/index.mjs",
 	"types": "./dist/index.d.ts",
-	"sideEffects": [
-		"*.css",
-		"dist/**/*.css"
-	],
+	"sideEffects": ["*.css", "dist/**/*.css"],
 	"license": "MIT",
-	"files": [
-		"dist/**"
-	],
+	"files": ["dist/**"],
 	"scripts": {
 		"build": "tsup",
 		"dev": "tsup --watch",