refactor: 整体重构 (#1381)

* feat: pnpm new

* Refactor build and release workflows, update dependencies

Switch build scripts and workflows from npm to pnpm, update build and artifact paths, and simplify release workflow by removing version detection and changelog steps. Add new dependencies (silk-wasm, express, ws, node-pty-prebuilt-multiarch), update exports in package.json files, and add vite config for napcat-framework. Also, rename manifest.json for framework package and fix static asset copying in shell build config.

packages/napcat-webui-frontend/src/components/input/file_input.tsx

@@ -0,0 +1,69 @@
+import { Button } from '@heroui/button';
+import { Input } from '@heroui/input';
+import { useRef, useState } from 'react';
+
+export interface FileInputProps {
+  onChange: (file: File) => Promise<void> | void;
+  onDelete?: () => Promise<void> | void;
+  label?: string;
+  accept?: string;
+}
+
+const FileInput: React.FC<FileInputProps> = ({
+  onChange,
+  onDelete,
+  label,
+  accept,
+}) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  return (
+    <div className='flex items-end gap-2'>
+      <div className='flex-grow'>
+        <Input
+          isDisabled={isLoading}
+          ref={inputRef}
+          label={label}
+          type='file'
+          placeholder='选择文件'
+          accept={accept}
+          onChange={async (e) => {
+            try {
+              setIsLoading(true);
+              const file = e.target.files?.[0];
+              if (file) {
+                await onChange(file);
+              }
+            } catch (error) {
+              console.error(error);
+            } finally {
+              setIsLoading(false);
+              if (inputRef.current) inputRef.current.value = '';
+            }
+          }}
+        />
+      </div>
+      <Button
+        isDisabled={isLoading}
+        onPress={async () => {
+          try {
+            setIsLoading(true);
+            if (onDelete) await onDelete();
+          } catch (error) {
+            console.error(error);
+          } finally {
+            setIsLoading(false);
+            if (inputRef.current) inputRef.current.value = '';
+          }
+        }}
+        color='primary'
+        variant='flat'
+        size='sm'
+      >
+        删除
+      </Button>
+    </div>
+  );
+};
+
+export default FileInput;

packages/napcat-webui-frontend/src/components/input/image_input.tsx

@@ -0,0 +1,56 @@
+import { Button } from '@heroui/button';
+import { Image } from '@heroui/image';
+import { Input } from '@heroui/input';
+import { useRef } from 'react';
+
+export interface ImageInputProps {
+  onChange: (base64: string) => void
+  value: string
+  label?: string
+}
+
+const ImageInput: React.FC<ImageInputProps> = ({ onChange, value, label }) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+  return (
+    <div className='flex items-end gap-2'>
+      <div className='w-5 h-5 flex-shrink-0'>
+        <Image
+          src={value}
+          alt={label}
+          className='w-5 h-5 flex-shrink-0 rounded-none'
+        />
+      </div>
+      <Input
+        ref={inputRef}
+        label={label}
+        type='file'
+        placeholder='选择图片'
+        accept='image/*'
+        onChange={async (e) => {
+          const file = e.target.files?.[0];
+          if (file) {
+            const reader = new FileReader();
+            reader.onload = async () => {
+              const base64 = reader.result as string;
+              onChange(base64);
+            };
+            reader.readAsDataURL(file);
+          }
+        }}
+      />
+      <Button
+        onPress={() => {
+          onChange('');
+          if (inputRef.current) inputRef.current.value = '';
+        }}
+        color='primary'
+        variant='flat'
+        size='sm'
+      >
+        删除
+      </Button>
+    </div>
+  );
+};
+
+export default ImageInput;