@agentscope-ai/chat 1.1.56 → 1.1.58

package/bin/cli.js

@@ -3,6 +3,8 @@
 const { program } = require('commander');
 const { execSync } = require('child_process');
 const path = require('path');
+const fs = require('fs');
+const crypto = require('crypto');
 
 function execSyncSafe(command) {
   try {
@@ -11,11 +13,43 @@ function execSyncSafe(command) {
   }
 }
 
+function getFileHash(filePath) {
+  try {
+    const data = fs.readFileSync(filePath);
+    return crypto.createHash('md5').update(data).digest('hex');
+  } catch (error) {
+    return null;
+  }
+}
+
+function getCacheFile() {
+  return path.join(__dirname, '.webui-cache.json');
+}
+
+function loadCache() {
+  try {
+    const cacheFile = getCacheFile();
+    if (fs.existsSync(cacheFile)) {
+      return JSON.parse(fs.readFileSync(cacheFile, 'utf-8'));
+    }
+  } catch (error) {
+  }
+  return null;
+}
+
+function saveCache(cache) {
+  try {
+    fs.writeFileSync(getCacheFile(), JSON.stringify(cache, null, 2));
+  } catch (error) {
+  }
+}
+
 program
   .name('agentscope-runtime-webui')
   .description('Start the AgentScope Runtime WebUI service')
   .option('-u, --url <url>', 'The backend API address')
   .option('-t, --token <token>', 'The authentication token')
+  .option('-f, --force', 'Force re-extract WebUI even if it exists')
   .parse(process.argv);
 
 const options = program.opts();
@@ -24,15 +58,55 @@ async function startServer() {
   console.log('\n🚀 Starting AgentScope Runtime WebUI...\n');
 
   try {
-    execSyncSafe(`npx rimraf ${__dirname}/starter_webui`);
-    execSyncSafe(`npx rimraf ${__dirname}/__MACOSX`);
-    execSyncSafe(
-      `npx decompress-cli ${__dirname}/starter_webui.zip --out-dir ${__dirname}`,
-    );
-
     const targetDir = path.join(__dirname, 'starter_webui');
+    const nodeModulesDir = path.join(targetDir, 'node_modules');
+    const zipFile = path.join(__dirname, 'starter_webui.zip');
+    const cache = loadCache();
+    const currentZipHash = getFileHash(zipFile);
+
+    let shouldDecompress = false;
+
+    // Force decompress if --force flag is set
+    if (options.force) {
+      console.log('⚠️  Force mode: removing existing WebUI...');
+      execSyncSafe(`npx rimraf ${targetDir}`);
+      execSyncSafe(`npx rimraf ${__dirname}/__MACOSX`);
+      shouldDecompress = true;
+    } else if (!fs.existsSync(targetDir)) {
+      // Decompress if target directory doesn't exist
+      console.log('📦 Decompressing WebUI for the first time...');
+      shouldDecompress = true;
+    } else if (cache && cache.zipHash && currentZipHash && cache.zipHash !== currentZipHash) {
+      // Decompress if zip file has changed
+      console.log('🔄 WebUI zip file has changed, re-extracting...');
+      execSyncSafe(`npx rimraf ${targetDir}`);
+      execSyncSafe(`npx rimraf ${__dirname}/__MACOSX`);
+      shouldDecompress = true;
+    } else {
+      console.log('✅ WebUI is up to date, skipping decompression.');
+    }
+
+    if (shouldDecompress) {
+      execSyncSafe(
+        `npx decompress-cli ${zipFile} --out-dir ${__dirname}`,
+      );
+      // Save cache after successful decompression
+      saveCache({ zipHash: currentZipHash, timestamp: Date.now() });
+    }
+
+    // Only run npm install if node_modules doesn't exist
+    if (!fs.existsSync(nodeModulesDir)) {
+      console.log('📦 Installing dependencies...');
+      execSync(`npm install`, {
+        cwd: targetDir,
+        stdio: 'inherit',
+      });
+    } else {
+      console.log('✅ Dependencies already installed, skipping npm install.');
+    }
+
     execSync(
-      `npm install && npm run dev`,
+      `npm run dev`,
       {
         cwd: targetDir,
         stdio: 'inherit',
@@ -43,16 +117,6 @@ async function startServer() {
         }
       },
     );
-
-    process.on('SIGINT', () => {
-      server.close();
-      process.exit(0);
-    });
-
-    process.on('SIGTERM', () => {
-      server.close();
-      process.exit(0);
-    });
   } catch (error) {
     console.error(error);
     process.exit(1);

package/components/Sender/demo/basic.tsx

@@ -3,5 +3,5 @@ import { ChatInput } from '@agentscope-ai/chat';
 
 export default function () {
   const [value, setValue] = useState('Hello, Alibaba Cloud Spark Chat!');
-  return <ChatInput placeholder='Please type here...' value={value} onChange={setValue}></ChatInput>
+  return <ChatInput placeholder='Please type here...' value={value} onChange={setValue} maxLength={100}></ChatInput>
 }

package/components/Sender/index.tsx

@@ -430,8 +430,14 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
     isCompositionRef.current = true;
   };
 
-  const onInternalCompositionEnd = () => {
+  const onInternalCompositionEnd = (e: React.CompositionEvent<HTMLTextAreaElement>) => {
     isCompositionRef.current = false;
+    if (props.maxLength) {
+      const currentValue = (e.target as HTMLTextAreaElement).value;
+      if (currentValue.length > props.maxLength) {
+        triggerValueChange(currentValue.slice(0, props.maxLength));
+      }
+    }
   };
 
   const onInternalPressEnter: TextareaProps['onPressEnter'] = (e) => {
@@ -533,7 +539,10 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
         autoSize={autoSize}
         value={innerValue.slice(0, props.maxLength || Number.MAX_SAFE_INTEGER)}
         onChange={(event) => {
-          const nextValue = (event.target as HTMLTextAreaElement).value;
+          let nextValue = (event.target as HTMLTextAreaElement).value;
+          if (props.maxLength && !isCompositionRef.current && nextValue.length > props.maxLength) {
+            nextValue = nextValue.slice(0, props.maxLength);
+          }
           triggerValueChange(
             nextValue,
             event as React.ChangeEvent<HTMLTextAreaElement>,
@@ -639,7 +648,7 @@ const ForwardSender = React.forwardRef<SenderRef, SenderProps>((props, ref) => {
           >
             {
               props.maxLength ? <div className={`${actionListCls}-length`}>
-                {innerValue.length}/{props.maxLength}
+                {Math.min(innerValue.length, props.maxLength)}/{props.maxLength}
               </div> : null
             }
             <ActionButtonContext.Provider

package/lib/Sender/index.js

@@ -225,8 +225,14 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onInternalCompositionStart = function onInternalCompositionStart() {
     isCompositionRef.current = true;
   };
-  var onInternalCompositionEnd = function onInternalCompositionEnd() {
+  var onInternalCompositionEnd = function onInternalCompositionEnd(e) {
     isCompositionRef.current = false;
+    if (props.maxLength) {
+      var currentValue = e.target.value;
+      if (currentValue.length > props.maxLength) {
+        triggerValueChange(currentValue.slice(0, props.maxLength));
+      }
+    }
   };
   var onInternalPressEnter = function onInternalPressEnter(e) {
     var canSubmit = !isCompositionRef.current && !suggestionOpenRef.current;
@@ -326,6 +332,9 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
       value: innerValue.slice(0, props.maxLength || Number.MAX_SAFE_INTEGER),
       onChange: function onChange(event) {
         var nextValue = event.target.value;
+        if (props.maxLength && !isCompositionRef.current && nextValue.length > props.maxLength) {
+          nextValue = nextValue.slice(0, props.maxLength);
+        }
         triggerValueChange(nextValue, event);
         if (hasSuggestions) {
           var nextSlashCommandKeyword = getSlashCommandKeyword(nextValue);
@@ -413,7 +422,7 @@ var ForwardSender = /*#__PURE__*/React.forwardRef(function (props, ref) {
             style: styles.actions,
             children: [props.maxLength ? /*#__PURE__*/_jsxs("div", {
               className: "".concat(actionListCls, "-length"),
-              children: [innerValue.length, "/", props.maxLength]
+              children: [Math.min(innerValue.length, props.maxLength), "/", props.maxLength]
             }) : null, /*#__PURE__*/_jsx(ActionButtonContext.Provider, {
               value: contextValue,
               children: actionNode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.56",
+  "version": "1.1.58",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [