snow-ai 0.4.10 → 0.4.11

package/dist/app.js

@@ -2,8 +2,9 @@ import React, { useState, useEffect, Suspense } from 'react';
 import { Box, Text } from 'ink';
 import { Alert } from '@inkjs/ui';
 import Spinner from 'ink-spinner';
-import WelcomeScreen from './ui/pages/WelcomeScreen.js';
-// Lazy load heavy components to improve startup time
+// Lazy load all page components to improve startup time
+// Only load components when they are actually needed
+const WelcomeScreen = React.lazy(() => import('./ui/pages/WelcomeScreen.js'));
 const ChatScreen = React.lazy(() => import('./ui/pages/ChatScreen.js'));
 const HeadlessModeScreen = React.lazy(() => import('./ui/pages/HeadlessModeScreen.js'));
 const MCPConfigScreen = React.lazy(() => import('./ui/pages/MCPConfigScreen.js'));
@@ -64,7 +65,8 @@ function AppContent({ version, skipWelcome, }) {
             React.createElement(Text, null, " Loading...")));
         switch (currentView) {
             case 'welcome':
-                return (React.createElement(WelcomeScreen, { version: version, onMenuSelect: handleMenuSelect }));
+                return (React.createElement(Suspense, { fallback: loadingFallback },
+                    React.createElement(WelcomeScreen, { version: version, onMenuSelect: handleMenuSelect })));
             case 'chat':
                 return (React.createElement(Suspense, { fallback: loadingFallback },
                     React.createElement(ChatScreen, { key: chatScreenKey, skipWelcome: skipWelcome })));
@@ -82,7 +84,8 @@ function AppContent({ version, skipWelcome, }) {
                 return (React.createElement(Suspense, { fallback: loadingFallback },
                     React.createElement(CustomHeadersScreen, { onBack: () => setCurrentView('welcome') })));
             default:
-                return (React.createElement(WelcomeScreen, { version: version, onMenuSelect: handleMenuSelect }));
+                return (React.createElement(Suspense, { fallback: loadingFallback },
+                    React.createElement(WelcomeScreen, { version: version, onMenuSelect: handleMenuSelect })));
         }
     };
     return (React.createElement(Box, { flexDirection: "column", width: terminalWidth },

package/dist/ui/pages/WelcomeScreen.js

@@ -1,21 +1,23 @@
-import React, { useState, useMemo, useCallback, useEffect, useRef } from 'react';
+import React, { useState, useMemo, useCallback, useEffect, useRef, Suspense } from 'react';
 import { Box, Text, useStdout, Static } from 'ink';
 import { Alert } from '@inkjs/ui';
 import Gradient from 'ink-gradient';
 import ansiEscapes from 'ansi-escapes';
+import Spinner from 'ink-spinner';
 import Menu from '../components/Menu.js';
 import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import ConfigScreen from './ConfigScreen.js';
-import ProxyConfigScreen from './ProxyConfigScreen.js';
-import SubAgentConfigScreen from './SubAgentConfigScreen.js';
-import SubAgentListScreen from './SubAgentListScreen.js';
-import SensitiveCommandConfigScreen from './SensitiveCommandConfigScreen.js';
-import CodeBaseConfigScreen from './CodeBaseConfigScreen.js';
-import SystemPromptConfigScreen from './SystemPromptConfigScreen.js';
-import CustomHeadersScreen from './CustomHeadersScreen.js';
-import LanguageSettingsScreen from './LanguageSettingsScreen.js';
-import ThemeSettingsScreen from './ThemeSettingsScreen.js';
 import { useI18n } from '../../i18n/index.js';
+// Lazy load all configuration screens for better startup performance
+const ConfigScreen = React.lazy(() => import('./ConfigScreen.js'));
+const ProxyConfigScreen = React.lazy(() => import('./ProxyConfigScreen.js'));
+const SubAgentConfigScreen = React.lazy(() => import('./SubAgentConfigScreen.js'));
+const SubAgentListScreen = React.lazy(() => import('./SubAgentListScreen.js'));
+const SensitiveCommandConfigScreen = React.lazy(() => import('./SensitiveCommandConfigScreen.js'));
+const CodeBaseConfigScreen = React.lazy(() => import('./CodeBaseConfigScreen.js'));
+const SystemPromptConfigScreen = React.lazy(() => import('./SystemPromptConfigScreen.js'));
+const CustomHeadersScreen = React.lazy(() => import('./CustomHeadersScreen.js'));
+const LanguageSettingsScreen = React.lazy(() => import('./LanguageSettingsScreen.js'));
+const ThemeSettingsScreen = React.lazy(() => import('./ThemeSettingsScreen.js'));
 export default function WelcomeScreen({ version = '1.0.0', onMenuSelect, }) {
     const { t } = useI18n();
     const [infoText, setInfoText] = useState(t.welcome.startChatInfo);
@@ -158,6 +160,11 @@ export default function WelcomeScreen({ version = '1.0.0', onMenuSelect, }) {
             clearTimeout(handler);
         };
     }, [terminalWidth]); // Remove stdout from dependencies to avoid loops
+    // Loading fallback component for lazy-loaded screens
+    const loadingFallback = (React.createElement(Box, { paddingX: 1 },
+        React.createElement(Text, { color: "cyan" },
+            React.createElement(Spinner, { type: "dots" })),
+        React.createElement(Text, null, " Loading...")));
     return (React.createElement(Box, { flexDirection: "column", width: terminalWidth },
         React.createElement(Static, { key: remountKey, items: [
                 React.createElement(Box, { key: "welcome-header", flexDirection: "row", paddingLeft: 2, paddingTop: 1, paddingBottom: 0, width: terminalWidth },
@@ -175,25 +182,36 @@ export default function WelcomeScreen({ version = '1.0.0', onMenuSelect, }) {
                 React.createElement(Menu, { options: menuOptions, onSelect: handleInlineMenuSelect, onSelectionChange: handleSelectionChange })))),
         inlineView === 'menu' && (React.createElement(Box, { paddingX: 1 },
             React.createElement(Alert, { variant: "info" }, infoText))),
-        inlineView === 'config' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(ConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true }))),
-        inlineView === 'proxy-config' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(ProxyConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true }))),
-        inlineView === 'codebase-config' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(CodeBaseConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true }))),
-        inlineView === 'subagent-list' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(SubAgentListScreen, { onBack: handleBackToMenu, onAdd: handleSubAgentAdd, onEdit: handleSubAgentEdit, inlineMode: true }))),
-        inlineView === 'subagent-add' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(SubAgentConfigScreen, { onBack: () => setInlineView('subagent-list'), onSave: handleSubAgentSave, inlineMode: true }))),
-        inlineView === 'subagent-edit' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(SubAgentConfigScreen, { onBack: () => setInlineView('subagent-list'), onSave: handleSubAgentSave, agentId: editingAgentId, inlineMode: true }))),
-        inlineView === 'sensitive-commands' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(SensitiveCommandConfigScreen, { onBack: handleBackToMenu, inlineMode: true }))),
-        inlineView === 'systemprompt' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(SystemPromptConfigScreen, { onBack: handleBackToMenu }))),
-        inlineView === 'customheaders' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(CustomHeadersScreen, { onBack: handleBackToMenu }))),
-        inlineView === 'language-settings' && (React.createElement(Box, { paddingX: 1 },
-            React.createElement(LanguageSettingsScreen, { onBack: handleBackToMenu, inlineMode: true }))),
-        inlineView === 'theme-settings' && (React.createElement(ThemeSettingsScreen, { onBack: handleBackToMenu, inlineMode: true }))));
+        inlineView === 'config' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(ConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true })))),
+        inlineView === 'proxy-config' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(ProxyConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true })))),
+        inlineView === 'codebase-config' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(CodeBaseConfigScreen, { onBack: handleBackToMenu, onSave: handleConfigSave, inlineMode: true })))),
+        inlineView === 'subagent-list' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(SubAgentListScreen, { onBack: handleBackToMenu, onAdd: handleSubAgentAdd, onEdit: handleSubAgentEdit, inlineMode: true })))),
+        inlineView === 'subagent-add' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(SubAgentConfigScreen, { onBack: () => setInlineView('subagent-list'), onSave: handleSubAgentSave, inlineMode: true })))),
+        inlineView === 'subagent-edit' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(SubAgentConfigScreen, { onBack: () => setInlineView('subagent-list'), onSave: handleSubAgentSave, agentId: editingAgentId, inlineMode: true })))),
+        inlineView === 'sensitive-commands' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(SensitiveCommandConfigScreen, { onBack: handleBackToMenu, inlineMode: true })))),
+        inlineView === 'systemprompt' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(SystemPromptConfigScreen, { onBack: handleBackToMenu })))),
+        inlineView === 'customheaders' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(CustomHeadersScreen, { onBack: handleBackToMenu })))),
+        inlineView === 'language-settings' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(LanguageSettingsScreen, { onBack: handleBackToMenu, inlineMode: true })))),
+        inlineView === 'theme-settings' && (React.createElement(Suspense, { fallback: loadingFallback },
+            React.createElement(ThemeSettingsScreen, { onBack: handleBackToMenu, inlineMode: true })))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "snow-ai",
-	"version": "0.4.10",
+	"version": "0.4.11",
 	"description": "Intelligent Command Line Assistant powered by AI",
 	"license": "MIT",
 	"bin": {
@@ -32,12 +32,14 @@
 		"dev": "tsc --watch",
 		"start": "node dist/cli.js",
 		"prepublishOnly": "npm run build",
+		"postinstall": "node scripts/postinstall.cjs",
 		"test": "prettier --check . && xo && ava",
 		"lint": "xo",
 		"format": "prettier --write ."
 	},
 	"files": [
-		"dist"
+		"dist",
+		"scripts"
 	],
 	"dependencies": {
 		"@inkjs/ui": "^2.0.0",

package/scripts/postinstall.cjs

@@ -0,0 +1,106 @@
+#!/usr/bin/env node
+
+/**
+ * Post-install script to provide installation optimization tips for users
+ */
+
+const https = require('https');
+const { execSync } = require('child_process');
+
+// ANSI color codes
+const colors = {
+	reset: '\x1b[0m',
+	bright: '\x1b[1m',
+	cyan: '\x1b[36m',
+	yellow: '\x1b[33m',
+	green: '\x1b[32m',
+};
+
+/**
+ * Detect if user is in China based on IP geolocation
+ */
+function detectRegion() {
+	return new Promise((resolve) => {
+		const timeout = setTimeout(() => resolve('unknown'), 3000);
+
+		https.get('https://ipapi.co/json/', (res) => {
+			let data = '';
+			res.on('data', (chunk) => data += chunk);
+			res.on('end', () => {
+				clearTimeout(timeout);
+				try {
+					const info = JSON.parse(data);
+					resolve(info.country_code === 'CN' ? 'china' : 'other');
+				} catch {
+					resolve('unknown');
+				}
+			});
+		}).on('error', () => {
+			clearTimeout(timeout);
+			resolve('unknown');
+		});
+	});
+}
+
+/**
+ * Check current npm registry
+ */
+function getCurrentRegistry() {
+	try {
+		const registry = execSync('npm config get registry', { encoding: 'utf8' }).trim();
+		return registry;
+	} catch {
+		return 'https://registry.npmjs.org';
+	}
+}
+
+/**
+ * Main function
+ */
+async function main() {
+	// Skip if running in CI environment
+	if (process.env.CI || process.env.CONTINUOUS_INTEGRATION) {
+		return;
+	}
+
+	const currentRegistry = getCurrentRegistry();
+	const isUsingMirror = currentRegistry.includes('npmmirror.com') ||
+	                      currentRegistry.includes('taobao.org');
+
+	// If already using a mirror, skip the tips
+	if (isUsingMirror) {
+		return;
+	}
+
+	console.log(`\n${colors.cyan}${colors.bright}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${colors.reset}`);
+	console.log(`${colors.cyan}${colors.bright}  Snow AI - Installation Optimization Tips${colors.reset}`);
+	console.log(`${colors.cyan}${colors.bright}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${colors.reset}\n`);
+
+	const region = await detectRegion();
+
+	if (region === 'china') {
+		console.log(`${colors.yellow}检测到您在中国大陆地区,建议配置 npm 镜像源以加速安装:${colors.reset}\n`);
+		console.log(`${colors.green}# 方案 1: 使用淘宝镜像 (推荐)${colors.reset}`);
+		console.log(`  npm config set registry https://registry.npmmirror.com\n`);
+		console.log(`${colors.green}# 方案 2: 临时使用镜像安装${colors.reset}`);
+		console.log(`  npm install -g snow-ai --registry=https://registry.npmmirror.com\n`);
+		console.log(`${colors.green}# 恢复官方源${colors.reset}`);
+		console.log(`  npm config set registry https://registry.npmjs.org\n`);
+	} else {
+		console.log(`${colors.yellow}To speed up npm installation, you can:${colors.reset}\n`);
+		console.log(`${colors.green}# Enable parallel downloads${colors.reset}`);
+		console.log(`  npm config set maxsockets 10\n`);
+		console.log(`${colors.green}# Use offline cache when possible${colors.reset}`);
+		console.log(`  npm config set prefer-offline true\n`);
+		console.log(`${colors.green}# Skip unnecessary checks${colors.reset}`);
+		console.log(`  npm config set audit false\n`);
+		console.log(`  npm config set fund false\n`);
+	}
+
+	console.log(`${colors.cyan}Current registry: ${currentRegistry}${colors.reset}`);
+	console.log(`${colors.cyan}${colors.bright}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${colors.reset}\n`);
+}
+
+main().catch(() => {
+	// Silently fail - don't break installation
+});